cookies removed

app.py

@@ -1,8 +1,18 @@
 import uvicorn
-from fastapi import FastAPI, UploadFile, File, HTTPException, Form, Request, Response
+from fastapi import (
+    FastAPI,
+    UploadFile,
+    File,
+    HTTPException,
+    Form,
+    Request,
+    Response,
+    Depends,
+)
 from fastapi.responses import FileResponse, HTMLResponse, RedirectResponse
 from fastapi.staticfiles import StaticFiles
 from fastapi.templating import Jinja2Templates
+from fastapi.security import HTTPBasic, HTTPBasicCredentials
 import shutil
 import os
 from pathlib import Path
@@ -18,6 +28,7 @@ logger = logging.getLogger(__name__)
 load_dotenv()
 
 app = FastAPI(docs_url=None, redoc_url=None)  # Disable Swagger UI  # Disable ReDoc
+security = HTTPBasic()
 
 # Mount static directory - make sure this comes before other routes
 app.mount("/static", StaticFiles(directory="static"), name="static")
@@ -57,28 +68,24 @@ ADMIN_PASSWORD = os.getenv("ADMIN_PASSWORD", "password123")
 
 
 @app.post("/login")
-async def login(
-    username: str = Form(...), password: str = Form(...), response: Response = None
-):
+async def login(username: str = Form(...), password: str = Form(...)):
     if username == ADMIN_USERNAME and password == ADMIN_PASSWORD:
-        response = RedirectResponse(url="/", status_code=303)
-        response.set_cookie(key="authenticated", value="true", httponly=True)
-        return response
+        # Instead of setting a cookie, redirect with query parameter
+        return RedirectResponse(url="/?authenticated=true", status_code=303)
     raise HTTPException(status_code=401, detail="Invalid credentials")
 
 
 @app.get("/", response_class=HTMLResponse)
-async def read_root(request: Request):
+async def read_root(request: Request, authenticated: bool = False):
     """Serve the index page"""
-    # Check if user is authenticated
-    is_authenticated = request.cookies.get("authenticated") == "true"
     return templates.TemplateResponse(
-        "index.html", {"request": request, "is_authenticated": is_authenticated}
+        "index.html", {"request": request, "is_authenticated": authenticated}
     )
 
 
 @app.post("/upload-pdf/")
 async def upload_pdf(
+    authenticated: bool = False,
     file: UploadFile = File(...),
     tharun_voice_id: str = Form(...),
     akshara_voice_id: str = Form(...),
@@ -215,11 +222,15 @@ async def get_status():
 @app.post("/regenerate-segment/{index}")
 async def regenerate_segment(
     index: int,
+    authenticated: bool = False,
     speaker: str = Form(...),
     text: str = Form(...),
     tharun_voice_id: str = Form(...),
     akshara_voice_id: str = Form(...),
 ):
+    if not authenticated:
+        raise HTTPException(status_code=401, detail="Authentication required")
+
     try:
         # Select the appropriate voice ID based on speaker
         voice_id = akshara_voice_id if speaker == "Akshara" else tharun_voice_id

templates/index.html

@@ -134,6 +134,28 @@
       document.getElementById("uploadForm").onsubmit = async (e) => {
         e.preventDefault();
 
+        // Get authentication status from URL
+        const urlParams = new URLSearchParams(window.location.search);
+        const isAuthenticated = urlParams.get("authenticated") === "true";
+
+        if (!isAuthenticated) {
+          alert("Please log in first");
+          return;
+        }
+
+        // Add authentication to FormData
+        const formData = new FormData();
+        formData.append("authenticated", "true");
+        formData.append("file", document.getElementById("pdfFile").files[0]);
+        formData.append(
+          "tharun_voice_id",
+          document.getElementById("tharunVoiceId").value
+        );
+        formData.append(
+          "akshara_voice_id",
+          document.getElementById("aksharaVoiceId").value
+        );
+
         console.log("Form submission started");
 
         const submitButton = e.target.querySelector("button[type='submit']");
@@ -175,54 +197,42 @@
           if (input) input.disabled = true;
         });
 
-        const formData = new FormData();
-        try {
-          formData.append("file", pdfFile.files[0]);
-          formData.append(
-            "tharun_voice_id",
-            document.getElementById("tharunVoiceId")?.value || ""
-          );
-          formData.append(
-            "akshara_voice_id",
-            document.getElementById("aksharaVoiceId")?.value || ""
-          );
+        console.log("Sending request to server...");
+        const response = await fetch("/upload-pdf/", {
+          method: "POST",
+          body: formData,
+        });
 
-          console.log("Sending request to server...");
-          const response = await fetch("/upload-pdf/", {
-            method: "POST",
-            body: formData,
-          });
+        console.log("Server response received:", response.status);
+
+        if (!response.ok) {
+          throw new Error(`HTTP error! status: ${response.status}`);
+        }
 
-          console.log("Server response received:", response.status);
+        const data = await response.json();
+        console.log("Response data:", data);
 
-          if (!response.ok) {
-            throw new Error(`HTTP error! status: ${response.status}`);
+        if (audioResult && data.podcast_file) {
+          const audioPlayer = document.getElementById("podcast-player");
+          if (audioPlayer) {
+            audioPlayer.src = `/download/${data.podcast_file}`;
+            audioResult.style.display = "block";
           }
 
-          const data = await response.json();
-          console.log("Response data:", data);
+          const segmentsList = document.getElementById("segments-list");
+          if (segmentsList && data.segments) {
+            segmentsList.innerHTML = "";
 
-          if (audioResult && data.podcast_file) {
-            const audioPlayer = document.getElementById("podcast-player");
-            if (audioPlayer) {
-              audioPlayer.src = `/download/${data.podcast_file}`;
-              audioResult.style.display = "block";
+            const segmentCount = document.querySelector(".segment-count");
+            if (segmentCount) {
+              segmentCount.textContent = `(${data.segments.length} segments)`;
             }
 
-            const segmentsList = document.getElementById("segments-list");
-            if (segmentsList && data.segments) {
-              segmentsList.innerHTML = "";
-
-              const segmentCount = document.querySelector(".segment-count");
-              if (segmentCount) {
-                segmentCount.textContent = `(${data.segments.length} segments)`;
-              }
-
-              data.segments.forEach((segment, index) => {
-                const segmentDiv = document.createElement("div");
-                segmentDiv.className = "segment";
-                segmentDiv.id = `segment-${index}`;
-                segmentDiv.innerHTML = `
+            data.segments.forEach((segment, index) => {
+              const segmentDiv = document.createElement("div");
+              segmentDiv.className = "segment";
+              segmentDiv.id = `segment-${index}`;
+              segmentDiv.innerHTML = `
                             <div class="segment-info">
                                 <div class="segment-header">
                                     <div class="segment-speaker">${segment.speaker}</div>
@@ -241,35 +251,26 @@
                                 </button>
                             </div>
                         `;
-                segmentsList.appendChild(segmentDiv);
-              });
+              segmentsList.appendChild(segmentDiv);
+            });
 
-              if (segmentsContainer) {
-                segmentsContainer.style.display = "block";
-              }
+            if (segmentsContainer) {
+              segmentsContainer.style.display = "block";
             }
           }
-        } catch (error) {
-          console.error("Error:", error);
-          if (error) {
-            error.textContent =
-              error.message || "An error occurred during upload";
-            error.style.display = "block";
-          }
-        } finally {
-          // Reset button state
-          if (submitButton) {
-            submitButton.disabled = false;
-            submitButton.innerHTML = "Generate Podcast";
-          }
-          // Re-enable inputs
-          inputs.forEach((input) => {
-            if (input) input.disabled = false;
-          });
         }
       };
 
       async function regenerateSegment(index, newText = null) {
+        // Get authentication status from URL
+        const urlParams = new URLSearchParams(window.location.search);
+        const isAuthenticated = urlParams.get("authenticated") === "true";
+
+        if (!isAuthenticated) {
+          alert("Please log in first");
+          return;
+        }
+
         const segment = document.querySelector(`#segment-${index}`);
         const speaker = segment.querySelector(".segment-speaker").textContent;
         const text =
@@ -288,6 +289,7 @@
 
         try {
           const formData = new FormData();
+          formData.append("authenticated", "true");
           formData.append("speaker", speaker);
           formData.append("text", text);
           formData.append(