fixed the open app in browser

Author: OsamaTab

backend/api.py

@@ -18,6 +18,7 @@
 from fastapi import FastAPI, HTTPException, Response
 from fastapi.responses import FileResponse, StreamingResponse
 from fastapi.middleware.cors import CORSMiddleware
+from fastapi.staticfiles import StaticFiles
 from pydantic import BaseModel
 import io
 import json
@@ -29,7 +30,6 @@
 from typing import Optional
 import urllib.parse
 import requests
-
 # ============ PATH SETUP ============
 BASE_OUTPUT = sys.argv[1] if len(sys.argv) > 1 else os.environ.get('UNS_DATA_DIR', os.path.join(os.getcwd(), "output"))
 
@@ -458,6 +458,22 @@ def get_local_ip():
 def health_check():
     return {"status": "ok", "version": "1.0.0"}
 
+# ============ SERVE REACT FRONTEND TO MOBILE DEVICES ============
+# Determine the correct path to the frontend files based on environment
+if getattr(sys, 'frozen', False):
+    # Packaged Production (PyInstaller): frontend is adjacent to the backend executable
+    backend_dir = os.path.dirname(sys.executable)
+    frontend_dir = os.path.abspath(os.path.join(backend_dir, "..", "frontend"))
+else:
+    # Local Development
+    frontend_dir = os.path.abspath(os.path.join(os.path.dirname(__file__), "..", "frontend", "dist"))
+
+if os.path.exists(frontend_dir):
+    # CRITICAL: This must be the very last route added to the app!
+    app.mount("/", StaticFiles(directory=frontend_dir, html=True), name="frontend")
+else:
+    print(f"Warning: Frontend directory not found at {frontend_dir}. Mobile web view will not work.")
+    
 if __name__ == "__main__":
     import uvicorn
     uvicorn.run(app, host="0.0.0.0", port=8000)

frontend/src/pages/Library.jsx

@@ -75,18 +75,24 @@ export default function Library() {
   // ─────────────────────────────────────────────────
   useEffect(() => {
     if (showQrModal) {
-      if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
-        fetch(`${API_BASE}/local-ip`)
-          .then(res => res.json())
-          .then(data => {
-            if (data.ip && data.ip !== '127.0.0.1') {
-              setNetworkUrl(window.location.href.replace(window.location.hostname, data.ip));
+      fetch(`${API_BASE}/local-ip`)
+        .then(res => res.json())
+        .then(data => {
+          const ip = (data.ip && data.ip !== '127.0.0.1') ? data.ip : '127.0.0.1';
+
+          if (window.location.protocol === 'file:') {
+            // Production: We will tell Python to serve the UI on port 8000
+            setNetworkUrl(`http://${ip}:8000/#/library`);
+          } else {
+            // Development: Still use Vite on port 5173
+            let currentUrl = window.location.href;
+            if (window.location.hostname === 'localhost' || window.location.hostname === '127.0.0.1') {
+              currentUrl = currentUrl.replace(window.location.hostname, ip);
             }
-          })
-          .catch(console.error);
-      } else {
-        setNetworkUrl(window.location.href);
-      }
+            setNetworkUrl(currentUrl);
+          }
+        })
+        .catch(console.error);
     }
   }, [showQrModal]);
 

package.json

@@ -49,6 +49,10 @@
           "!standalone_python/**/torch/include/**",
           "!standalone_python/**/torch/test/**"
         ]
+      },
+      {
+        "from": "frontend/dist",
+        "to": "frontend"
       }
     ],
     "mac": {