Spaces:

ktongue
/

simulations_apps

Sleeping

tiffank1802 commited on Feb 6

Commit

db54c41

1 Parent(s): 7b36781

Fix API URL: use relative path for production (HF Spaces)

- Changed API_URL logic to detect localhost vs production
- In production, uses relative '/api' path instead of hardcoded localhost
- Fixes 'load error' when running simulation on HF Spaces

Files changed (5) hide show

frontend/src/api.js +18 -2
static/assets/{index-ds7zB4Sa.js → index-BiDAFXxT.js} +0 -0
static/assets/index-DOJBTpfK.js +0 -0
static/assets/index-DYM3EwRh.css +0 -1
static/index.html +4 -4

frontend/src/api.js CHANGED Viewed

@@ -1,4 +1,18 @@
-const API_URL = import.meta.env.VITE_API_URL || 'http://localhost:8000/api';
 // API pour les simulations existantes (thermique)
 export const api = {
@@ -22,7 +36,9 @@ export const api = {
     },
     getResultImage: (simulation) => {
-        const baseUrl = import.meta.env.VITE_API_URL || window.location.origin;
         return `${baseUrl}${simulation.result_image_path}`;
     }
 };

+// Use relative URL for production (HF Spaces serves frontend + backend from same origin)
+// Use localhost for development when VITE_API_URL is not set and we're on localhost
+const getApiUrl = () => {
+    if (import.meta.env.VITE_API_URL) {
+        return import.meta.env.VITE_API_URL;
+    }
+    // In production (HF Spaces), use relative URL
+    // In development (localhost), use localhost:8000
+    if (typeof window !== 'undefined' && window.location.hostname === 'localhost') {
+        return 'http://localhost:8000/api';
+    }
+    return '/api';  // Relative URL for production
+};
+const API_URL = getApiUrl();
 // API pour les simulations existantes (thermique)
 export const api = {
     },
     getResultImage: (simulation) => {
+        // In production, use current origin; in dev, use localhost:8000
+        const baseUrl = import.meta.env.VITE_API_URL
+            || (window.location.hostname === 'localhost' ? 'http://localhost:8000' : window.location.origin);
         return `${baseUrl}${simulation.result_image_path}`;
     }
 };

static/assets/{index-ds7zB4Sa.js → index-BiDAFXxT.js} RENAMED Viewed

The diff for this file is too large to render. See raw diff

static/assets/index-DOJBTpfK.js DELETED Viewed

The diff for this file is too large to render. See raw diff

static/assets/index-DYM3EwRh.css DELETED Viewed

@@ -1 +0,0 @@

- .app{max-width:1200px;margin:0 auto;padding:20px;font-family:system-ui,-apple-system,sans-serif}header{text-align:center;margin-bottom:30px}main{display:grid;grid-template-columns:1fr 1fr;gap:20px}.simulation-form,.simulation-list,.result-section{background:#f5f5f5;padding:20px;border-radius:8px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-group input[type=text]{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}.form-group input[type=range]{width:100%}button{background:#007bff;color:#fff;border:none;padding:10px 20px;border-radius:4px;cursor:pointer;width:100%;font-size:1rem}button:disabled{background:#ccc;cursor:not-allowed}table{width:100%;border-collapse:collapse}th,td{padding:10px;text-align:left;border-bottom:1px solid #ddd}tr:hover{cursor:pointer;background:#e9e9e9}.status{padding:4px 8px;border-radius:4px;font-size:.9em}.status-completed{background:#d4edda;color:#155724}.status-running{background:#fff3cd;color:#856404}.status-failed{background:#f8d7da;color:#721c24}.status-pending{background:#e2e3e5;color:#383d41}.result-image img{max-width:100%;border-radius:4px}.error{background:#f8d7da;color:#721c24;padding:10px;border-radius:4px;margin-bottom:15px}.result-section{grid-column:1 / -1}@media (max-width: 768px){main{grid-template-columns:1fr}}

static/index.html CHANGED Viewed

@@ -3,11 +3,11 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>SimSite - Applications de Simulation</title>
-    <script type="module" crossorigin src="/static/assets/index-ds7zB4Sa.js"></script>
-    <link rel="stylesheet" crossorigin href="/static/assets/index-WlaHFykx.css">
   </head>
   <body>
     <div id="root"></div>
   </body>
-</html>

   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>Simulation FEniCS</title>
+    <script type="module" crossorigin src="/assets/index-BiDAFXxT.js"></script>
+    <link rel="stylesheet" crossorigin href="/assets/index-WlaHFykx.css">
   </head>
   <body>
     <div id="root"></div>
   </body>
+</html>