Spaces:

lablab-ai-amd-developer-hackathon
/

ForgeSight

Sleeping

App Files Files Community

rasAli02 commited on 14 days ago

Commit

236d464

1 Parent(s): c66ebf6

fix: make React API base URL dynamic to avoid 404s on HF Spaces

Browse files

Files changed (8) hide show

frontend/src/lib/api.js +9 -6
hf_space/build/asset-manifest.json +3 -3
hf_space/build/index.html +1 -1
hf_space/build/static/js/{main.d7054bd7.js → main.3aab7668.js} +0 -0
hf_space/build/static/js/{main.d7054bd7.js.LICENSE.txt → main.3aab7668.js.LICENSE.txt} +0 -0
hf_space/build/static/js/{main.d7054bd7.js.map → main.3aab7668.js.map} +0 -0
scratch/test_amd_token_param.py +29 -0
scratch/test_amd_urls.py +31 -0

frontend/src/lib/api.js CHANGED Viewed

@@ -1,17 +1,20 @@
 import axios from "axios";
 // ── Backend configuration ────────────────────────────────────────────────────
-// Option A: Traditional FastAPI backend (e.g. localhost:8001)
-const BACKEND_URL = process.env.REACT_APP_BACKEND_URL;
 // Option B: Hugging Face Spaces Gradio backend
-// Set this env var to your HF Space URL, e.g.:
-//   https://YOUR-USERNAME-forgesight.hf.space
-const HF_SPACE_URL = process.env.REACT_APP_HF_SPACE_URL;
 // When HF_SPACE_URL is set, the frontend routes all calls through Gradio's
 // /api/<fn_name> REST endpoints instead of the FastAPI /api/* routes.
-const useGradio = !!HF_SPACE_URL;
 // ── Axios instance for FastAPI mode ──────────────────────────────────────────
 export const API = `${BACKEND_URL}/api`;

 import axios from "axios";
 // ── Backend configuration ────────────────────────────────────────────────────
+// If running in the browser, we default to the current origin
+const CURRENT_ORIGIN = typeof window !== "undefined" ? window.location.origin : "";
+// Option A: Traditional FastAPI backend
+const BACKEND_URL = process.env.REACT_APP_BACKEND_URL || CURRENT_ORIGIN;
 // Option B: Hugging Face Spaces Gradio backend
+// If we are on a .hf.space domain, we default to using Gradio
+const isHFSpace = typeof window !== "undefined" && window.location.hostname.endsWith(".hf.space");
+const HF_SPACE_URL = process.env.REACT_APP_HF_SPACE_URL || (isHFSpace ? CURRENT_ORIGIN : "");
 // When HF_SPACE_URL is set, the frontend routes all calls through Gradio's
 // /api/<fn_name> REST endpoints instead of the FastAPI /api/* routes.
+const useGradio = !!HF_SPACE_URL && isHFSpace;
 // ── Axios instance for FastAPI mode ──────────────────────────────────────────
 export const API = `${BACKEND_URL}/api`;

hf_space/build/asset-manifest.json CHANGED Viewed

@@ -1,17 +1,17 @@
 {
   "files": {
     "main.css": "/static/css/main.9a119fc2.css",
-    "main.js": "/static/js/main.d7054bd7.js",
     "static/js/977.5a4c08f0.chunk.js": "/static/js/977.5a4c08f0.chunk.js",
     "static/js/455.3bef4cb2.chunk.js": "/static/js/455.3bef4cb2.chunk.js",
     "index.html": "/index.html",
     "main.9a119fc2.css.map": "/static/css/main.9a119fc2.css.map",
-    "main.d7054bd7.js.map": "/static/js/main.d7054bd7.js.map",
     "977.5a4c08f0.chunk.js.map": "/static/js/977.5a4c08f0.chunk.js.map",
     "455.3bef4cb2.chunk.js.map": "/static/js/455.3bef4cb2.chunk.js.map"
   },
   "entrypoints": [
     "static/css/main.9a119fc2.css",
-    "static/js/main.d7054bd7.js"
   ]
 }

 {
   "files": {
     "main.css": "/static/css/main.9a119fc2.css",
+    "main.js": "/static/js/main.3aab7668.js",
     "static/js/977.5a4c08f0.chunk.js": "/static/js/977.5a4c08f0.chunk.js",
     "static/js/455.3bef4cb2.chunk.js": "/static/js/455.3bef4cb2.chunk.js",
     "index.html": "/index.html",
     "main.9a119fc2.css.map": "/static/css/main.9a119fc2.css.map",
+    "main.3aab7668.js.map": "/static/js/main.3aab7668.js.map",
     "977.5a4c08f0.chunk.js.map": "/static/js/977.5a4c08f0.chunk.js.map",
     "455.3bef4cb2.chunk.js.map": "/static/js/455.3bef4cb2.chunk.js.map"
   },
   "entrypoints": [
     "static/css/main.9a119fc2.css",
+    "static/js/main.3aab7668.js"
   ]
 }

hf_space/build/index.html CHANGED Viewed

@@ -1 +1 @@

- <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Ras Ali Labs"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap" rel="stylesheet"/><title>ForgeSight · Multimodal QC Copilot · AMD MI300X</title><script>window.addEventListener("error",function(e){e.error instanceof DOMException&&"DataCloneError"===e.error.name&&e.message&&e.message.includes("PerformanceServerTiming")&&(e.stopImmediatePropagation(),e.preventDefault())},!0)</script><script defer="defer" src="/static/js/main.~~d7054bd7~~.js"></script><link href="/static/css/main.9a119fc2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e,t){var r,s,o,i;t.__SV||(window.posthog=t,t._i=[],t.init=function(n,a,p){function c(e,t){var r=t.split(".");2==r.length&&(e=e[r[0]],t=r[1]),e[t]=function(){e.push([t].concat(Array.prototype.slice.call(arguments,0)))}}(o=e.createElement("script")).type="text/javascript",o.crossOrigin="anonymous",o.async=!0,o.src=a.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(i=e.getElementsByTagName("script")[0]).parentNode.insertBefore(o,i);var g=t;for(void 0!==p?g=t[p]=[]:p="posthog",g.people=g.people||[],g.toString=function(e){var t="posthog";return"posthog"!==p&&(t+="."+p),e||(t+=" (stub)"),t},g.people.toString=function(){return g.toString(1)+".people (stub)"},r="init me ws ys ps bs capture je Di ks register register_once register_for_session unregister unregister_for_session Ps getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Es $s createPersonProfile Is opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing Ss debug xs getPageViewId captureTraceFeedback captureTraceMetric".split(" "),s=0;s<r.length;s++)c(g,r[s]);t._i.push([n,a,p])},t.__SV=1)}(document,window.posthog||[]),posthog.init("phc_xAvL2Iq4tFmANRE7kzbKwaSqp1HJjN7x48s3vr0CMjs",{api_host:"https://us.i.posthog.com",person_profiles:"identified_only",session_recording:{recordCrossOriginIframes:!0,capturePerformance:!1}})</script></body></html>

+ <!doctype html><html lang="en"><head><meta charset="utf-8"/><meta name="viewport" content="width=device-width,initial-scale=1"/><meta name="theme-color" content="#000000"/><meta name="description" content="Ras Ali Labs"/><link rel="preconnect" href="https://fonts.googleapis.com"/><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin/><link href="https://fonts.googleapis.com/css2?family=Inter:wght@600&display=swap" rel="stylesheet"/><title>ForgeSight · Multimodal QC Copilot · AMD MI300X</title><script>window.addEventListener("error",function(e){e.error instanceof DOMException&&"DataCloneError"===e.error.name&&e.message&&e.message.includes("PerformanceServerTiming")&&(e.stopImmediatePropagation(),e.preventDefault())},!0)</script><script defer="defer" src="/static/js/main.3aab7668.js"></script><link href="/static/css/main.9a119fc2.css" rel="stylesheet"></head><body><noscript>You need to enable JavaScript to run this app.</noscript><div id="root"></div><script>!function(e,t){var r,s,o,i;t.__SV||(window.posthog=t,t._i=[],t.init=function(n,a,p){function c(e,t){var r=t.split(".");2==r.length&&(e=e[r[0]],t=r[1]),e[t]=function(){e.push([t].concat(Array.prototype.slice.call(arguments,0)))}}(o=e.createElement("script")).type="text/javascript",o.crossOrigin="anonymous",o.async=!0,o.src=a.api_host.replace(".i.posthog.com","-assets.i.posthog.com")+"/static/array.js",(i=e.getElementsByTagName("script")[0]).parentNode.insertBefore(o,i);var g=t;for(void 0!==p?g=t[p]=[]:p="posthog",g.people=g.people||[],g.toString=function(e){var t="posthog";return"posthog"!==p&&(t+="."+p),e||(t+=" (stub)"),t},g.people.toString=function(){return g.toString(1)+".people (stub)"},r="init me ws ys ps bs capture je Di ks register register_once register_for_session unregister unregister_for_session Ps getFeatureFlag getFeatureFlagPayload isFeatureEnabled reloadFeatureFlags updateEarlyAccessFeatureEnrollment getEarlyAccessFeatures on onFeatureFlags onSurveysLoaded onSessionId getSurveys getActiveMatchingSurveys renderSurvey canRenderSurvey canRenderSurveyAsync identify setPersonProperties group resetGroups setPersonPropertiesForFlags resetPersonPropertiesForFlags setGroupPropertiesForFlags resetGroupPropertiesForFlags reset get_distinct_id getGroups get_session_id get_session_replay_url alias set_config startSessionRecording stopSessionRecording sessionRecordingStarted captureException loadToolbar get_property getSessionProperty Es $s createPersonProfile Is opt_in_capturing opt_out_capturing has_opted_in_capturing has_opted_out_capturing clear_opt_in_out_capturing Ss debug xs getPageViewId captureTraceFeedback captureTraceMetric".split(" "),s=0;s<r.length;s++)c(g,r[s]);t._i.push([n,a,p])},t.__SV=1)}(document,window.posthog||[]),posthog.init("phc_xAvL2Iq4tFmANRE7kzbKwaSqp1HJjN7x48s3vr0CMjs",{api_host:"https://us.i.posthog.com",person_profiles:"identified_only",session_recording:{recordCrossOriginIframes:!0,capturePerformance:!1}})</script></body></html>

hf_space/build/static/js/{main.d7054bd7.js → main.3aab7668.js} RENAMED Viewed

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

hf_space/build/static/js/{main.d7054bd7.js.LICENSE.txt → main.3aab7668.js.LICENSE.txt} RENAMED Viewed

File without changes

hf_space/build/static/js/{main.d7054bd7.js.map → main.3aab7668.js.map} RENAMED Viewed

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

scratch/test_amd_token_param.py ADDED Viewed

	@@ -0,0 +1,29 @@

+import httpx
+import asyncio
+async def test():
+    token = "DiPipPSZoxb96rcrP7X+B0N5mTTEzxU/ziesgI/Z2NPo9xPKM"
+    urls = [
+        f"http://165.245.137.80/proxy/8000/v1/models?token={token}",
+        f"http://165.245.137.80/proxy/8001/v1/models?token={token}",
+        f"http://165.245.137.80/v1/models?token={token}",
+    ]
+    for url in urls:
+        print(f"Testing {url}...")
+        try:
+            async with httpx.AsyncClient(timeout=5.0) as client:
+                resp = await client.get(url)
+                print(f"  Status: {resp.status_code}")
+                if resp.status_code == 200:
+                    print(f"  SUCCESS!")
+                    print(f"  Data: {resp.text[:200]}")
+                else:
+                    print(f"  Body: {resp.text[:100]}")
+        except Exception as e:
+            print(f"  Error: {e}")
+        print("-" * 20)
+if __name__ == "__main__":
+    asyncio.run(test())

scratch/test_amd_urls.py ADDED Viewed

	@@ -0,0 +1,31 @@

+import httpx
+import asyncio
+async def test():
+    token = "DiPipPSZoxb96rcrP7X+B0N5mTTEzxU/ziesgI/Z2NPo9xPKM"
+    headers = {"Authorization": f"Bearer {token}"}
+    urls = [
+        "http://165.245.137.80/v1/models",
+        "http://165.245.137.80:8000/v1/models",
+        "http://165.245.137.80/proxy/8000/v1/models",
+        "http://165.245.137.80/proxy/8888/v1/models"
+    ]
+    for url in urls:
+        print(f"Testing {url}...")
+        try:
+            async with httpx.AsyncClient(timeout=5.0) as client:
+                resp = await client.get(url, headers=headers)
+                print(f"  Status: {resp.status_code}")
+                if resp.status_code == 200:
+                    print(f"  SUCCESS!")
+                    print(f"  Data: {resp.text[:200]}")
+                else:
+                    print(f"  Body: {resp.text[:100]}")
+        except Exception as e:
+            print(f"  Error: {e}")
+        print("-" * 20)
+if __name__ == "__main__":
+    asyncio.run(test())