fix mime types and stuff

app.py

@@ -9,8 +9,6 @@ from typing import Optional
 
 import gradio as gr
 from fastrtc import WebRTC
-from fastapi import FastAPI
-from fastapi.staticfiles import StaticFiles
 
 from engine import SceneState, POSITION_OFFSETS, Choice, InputRequest
 from story import build_sample_story
@@ -703,16 +701,29 @@ async (currentDevices) => {
 """
 
 def load_dxl_script_js() -> str:
-    """Generate JavaScript to dynamically load the DXL script from static files."""
-    import time
-    timestamp = int(time.time())
+    """Inline the DXL script directly (for HF Spaces compatibility)."""
+    # Read the JavaScript file and inline it
+    script_dir = os.path.dirname(os.path.abspath(__file__))
+    web_dir = os.path.join(script_dir, "web")
+    dxl_script_path = os.path.join(web_dir, "dxl_webserial.js")
+
+    try:
+        with open(dxl_script_path, 'r') as f:
+            dxl_js_content = f.read()
+    except FileNotFoundError:
+        dxl_js_content = "console.error('[DXL] Script file not found');"
+
+    # Escape backticks and ${} in the JavaScript content for safe embedding
+    dxl_js_content_escaped = dxl_js_content.replace('\\', '\\\\').replace('`', '\\`').replace('${', '\\${')
+
     return f"""
 () => {{
+    // Inline DXL script for HF Spaces compatibility
     const script = document.createElement('script');
     script.type = 'module';
-    script.src = '/web/dxl_webserial.js?v={timestamp}';
-    script.onerror = () => console.error("[DXL] Failed to load motor control script");
+    script.textContent = `{dxl_js_content_escaped}`;
     document.head.appendChild(script);
+    console.log('[DXL] Script loaded inline');
 }}
 """
 
@@ -952,6 +963,11 @@ async (pose_data) => {
 
 
 def build_app() -> gr.Blocks:
+    # Get absolute paths for static directories
+    script_dir = os.path.dirname(os.path.abspath(__file__))
+    assets_dir = os.path.join(script_dir, "assets")
+    web_dir = os.path.join(script_dir, "web")
+
     with gr.Blocks(title="Gradio Visual Novel") as demo:
         gr.HTML(f"<style>{CUSTOM_CSS}</style>", elem_id="vn-styles")
         story_state = gr.State()
@@ -1414,33 +1430,23 @@ def build_app() -> gr.Blocks:
 
 
 def main() -> None:
-    """Launch the Visual Novel Gradio app with FastAPI for static file serving."""
-    # Create FastAPI app
-    fastapi_app = FastAPI()
-
-    # Mount static files for assets and web scripts
+    """Launch the Visual Novel Gradio app."""
+    # Get absolute paths for static directories
     script_dir = os.path.dirname(os.path.abspath(__file__))
     assets_dir = os.path.join(script_dir, "assets")
     web_dir = os.path.join(script_dir, "web")
-    fastapi_app.mount("/user-assets", StaticFiles(directory=assets_dir), name="user-assets")
-    fastapi_app.mount("/web", StaticFiles(directory=web_dir), name="web")
 
-    # Build and mount Gradio app
+    # Build Gradio app
     gradio_app = build_app()
-    fastapi_app = gr.mount_gradio_app(fastapi_app, gradio_app, path="/")
 
-    # Launch with proper shutdown handling
-    import uvicorn
-    try:
-        uvicorn.run(
-            fastapi_app,
-            host="0.0.0.0",
-            port=7860,
-            log_level="debug",
-            timeout_graceful_shutdown=1  # Quick shutdown
-        )
-    except KeyboardInterrupt:
-        print("\n[INFO] Server stopped")
+    # For HF Spaces compatibility, we launch directly without FastAPI
+    # Gradio will handle static files through allowed_paths
+    gradio_app.launch(
+        server_name="0.0.0.0",
+        server_port=7860,
+        allowed_paths=[assets_dir, web_dir],
+        show_error=True
+    )
 
 
 

engine.py

@@ -17,18 +17,21 @@ POSITION_OFFSETS = {
 
 # Asset helper functions
 def background_asset(filename: str) -> str:
-    """Get the URL to a background image in the assets directory."""
-    return os.path.join("user-assets", "backgrounds", filename)
+    """Get the absolute path to a background image in the assets directory."""
+    script_dir = os.path.dirname(os.path.abspath(__file__))
+    return os.path.join(script_dir, "assets", "backgrounds", filename)
 
 
 def sprite_asset(filename: str) -> str:
-    """Get the URL to a sprite image in the assets directory."""
-    return os.path.join("user-assets", "sprites", filename)
+    """Get the absolute path to a sprite image in the assets directory."""
+    script_dir = os.path.dirname(os.path.abspath(__file__))
+    return os.path.join(script_dir, "assets", "sprites", filename)
 
 
 def audio_asset(filename: str) -> str:
-    """Get the URL to an audio file in the assets directory."""
-    return os.path.join("user-assets", "audio", filename)
+    """Get the absolute path to an audio file in the assets directory."""
+    script_dir = os.path.dirname(os.path.abspath(__file__))
+    return os.path.join(script_dir, "assets", "audio", filename)
 
 
 def create_sprite_data_url(bg_color: str = "#fef3c7", border_color: str = "#ea580c") -> str: