fix socketIO connection and find huggingface working space of the app, updated in README

README.md

@@ -9,4 +9,4 @@ pinned: false
 short_description: Trying to move from Gradio to Flask
 ---
 
-Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
+Open https://open-access-biodata-mtdnaclassifier-flask.hf.space/ to run the app.

app.py

@@ -37,14 +37,18 @@ CANCEL_FLAGS = {}  # {job_id: bool}
 JOBS = {} # {job_id: {"accs": [...], "started": False}}
 
 # (optional) no-cache while debugging
-@app.after_request
-def nocache(resp):
-    resp.headers["Cache-Control"] = "no-store"
-    return resp
+# @app.after_request
+# def nocache(resp):
+#     resp.headers["Cache-Control"] = "no-store"
+#     return resp
+
+print(app.url_map)
 
 # request log to verify what the proxy is asking for
 @app.before_request
 def _log():
+    if flask.request.path.startswith('/static/') or flask.request.path == '/favicon.ico' or flask.request.path.startswith('/socket.io'):
+        return
     print("REQ:", flask.request.method, flask.request.path)
 
 # Home

templates/Home.html

@@ -6,7 +6,6 @@
     <meta name="description" content="">
     <!-- meta name="generator" content="Nicepage 7.12.8, nicepage.com"-->
     <title>Home</title>
-    <link rel="stylesheet" href="{{ url_for('static', filename='ping.css') }}" /> <!-- remove afterwards along with static/ping.css-->
     <link rel="stylesheet" href="{{ url_for('static', filename='nicepage.css') }}">
     <link rel="stylesheet" href="{{ url_for('static', filename='Home.css') }}">
     <link id="u-page-google-font" rel="stylesheet" href="https://fonts.googleapis.com/css2?display=swap&amp;family=Roboto:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&amp;family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&amp;family=Lobster:wght@400&amp;family=Roboto+Slab:wght@100;200;300;400;500;600;700;800;900">

templates/Output.html

@@ -248,7 +248,17 @@
     setConnection('connecting', 'Connecting…');
 
     // Create the socket (v3 client)
-    const socket = io({ transports: ['websocket', 'polling'], reconnectionAttempts: 5, timeout: 10000 });
+    // const socket = io({ transports: ['websocket', 'polling'], reconnectionAttempts: 5, timeout: 10000 });
+    // ✅ replace WITH THIS:
+    const qs = window.location.search;                 // includes ?__sign=...
+    const endpoint = qs ? ('/?' + qs.slice(1)) : '/';  // build "/?__sign=..."
+    const socket = io(endpoint, {
+      path: '/socket.io',
+      transports: ['websocket','polling'],  // allow fallback, then upgrade
+      withCredentials: true,
+      reconnectionAttempts: 5,
+      timeout: 10000
+    });
 
     socket.on('connect', () => {
       setConnection('connected', 'Connected');