midterm-submission

podcraft/src/pages/Home.tsx

@@ -1,6 +1,12 @@
 import React, { useState, useEffect, useRef } from 'react';
 import '../App.css';
 
+// Add Vite env type definition
+interface ImportMetaEnv {
+  PROD: boolean;
+  DEV: boolean;
+}
+
 interface Message {
   id: number;
   text: string;
@@ -27,7 +33,9 @@ interface ChatResponse {
   };
 }
 
-const API_URL = 'http://localhost:8000';
+// Use relative URLs in production, full URLs in development
+const isDevelopment = window.location.hostname === 'localhost';
+const API_URL = isDevelopment ? 'http://localhost:8000' : '';
 
 const Home: React.FC = () => {
   const [messages, setMessages] = useState<Message[]>([
@@ -173,7 +181,7 @@ const Home: React.FC = () => {
                       )}
                       <p className="description">{message.description || "An AI-generated debate podcast exploring different perspectives"}</p>
                       <div className="audio-player">
-                        <audio controls src={`${API_URL}${message.audio_file}`} ref={audioRef}>
+                        <audio controls src={message.audio_file} ref={audioRef}>
                           Your browser does not support the audio element.
                         </audio>
                       </div>

server/main.py

@@ -45,10 +45,10 @@ app = FastAPI()
 # Configure CORS for frontend development server
 app.add_middleware(
     CORSMiddleware,
-    allow_origins=["http://localhost:5173", "http://localhost:3000"],
+    allow_origins=["http://localhost:5173", "http://localhost:3000", "https://*.hf.space", "*"],
     allow_credentials=True,
     allow_methods=["GET", "POST", "PUT", "DELETE", "OPTIONS", "HEAD"],
-    allow_headers=["Content-Type", "Authorization", "Accept"],
+    allow_headers=["*"],
     expose_headers=["Content-Type", "Content-Length"],
     max_age=600,
 )