Isolate socketIO, add ping.css to check if can see css AT ALL

app.py

@@ -20,10 +20,12 @@ BASE_DIR = os.path.dirname(os.path.abspath(__file__))
 app = flask.Flask(__name__, static_folder=os.path.join(BASE_DIR, "static"), static_url_path="/static", template_folder=os.path.join(BASE_DIR, "templates"))
 app.config["DEBUG"] = True
 app.config["SECRET_KEY"] = "dev-key"
+
+# important behind HF proxy
 app.wsgi_app = ProxyFix(app.wsgi_app, x_for=1, x_proto=1, x_host=1, x_prefix=1)
 
-# Initiate socketio server
-socketio = SocketIO(app, async_mode="eventlet", cors_allowed_origins="*")
+# # Socket.IO (logs on for debugging)
+# socketio = SocketIO(app, async_mode="eventlet", cors_allowed_origins="*")
 
 
 # --- job registry for cancel flags ---
@@ -31,6 +33,17 @@ socketio = SocketIO(app, async_mode="eventlet", cors_allowed_origins="*")
 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
+
+# request log to verify what the proxy is asking for
+@app.before_request
+def _log():
+    print("REQ:", request.method, request.path)
+
 # Home
 @app.route("/")
 def home():
@@ -182,49 +195,39 @@ def run_job(job_id, accessions):
         CANCEL_FLAGS.pop(job_id, None)
         JOBS.pop(job_id, None)  # <— tidy queued job
 
-# ---- Socket.IO events ----
-@socketio.on("connect")
-def on_connect():
-    emit("connected", {"ok": True})
-
-@socketio.on("join")
-def on_join(data):
-    job_id = data.get("job_id")
-    if job_id:
-        join_room(job_id)
-        emit("joined", {"room": job_id})
-
-        # Start the job once the client is in the room
-        job = JOBS.get(job_id)
-        if job and not job["started"]:
-            job["started"] = True
-            total = len(job["accs"])
-            # Send an initial queued/total status so the UI can set progress denominator
-            socketio.emit("status", {"state": "queued", "total": total}, room=job_id)
-            socketio.start_background_task(run_job, job_id, job["accs"])
-
-@socketio.on("leave")
-def on_leave(data):
-    job_id = data.get("job_id")
-    if job_id:
-        leave_room(job_id)
-
-@socketio.on("cancel")
-def on_cancel(data):
-    job_id = data.get("job_id")
-    if job_id in CANCEL_FLAGS:
-        CANCEL_FLAGS[job_id] = True  # flip the flag
-        emit("status", {"state": "cancelling"}, room=job_id)
-
-# Show every requests sent to the server
-@app.before_request
-def _dbg_req(): print("REQ:", flask.request.path)
-
-# Remove after confirming everything is loading
-@app.after_request
-def add_no_cache_headers(resp):
-    resp.headers["Cache-Control"] = "no-store"
-    return resp
+# # ---- Socket.IO events ----
+# @socketio.on("connect")
+# def on_connect():
+#     emit("connected", {"ok": True})
+
+# @socketio.on("join")
+# def on_join(data):
+#     job_id = data.get("job_id")
+#     if job_id:
+#         join_room(job_id)
+#         emit("joined", {"room": job_id})
+
+#         # Start the job once the client is in the room
+#         job = JOBS.get(job_id)
+#         if job and not job["started"]:
+#             job["started"] = True
+#             total = len(job["accs"])
+#             # Send an initial queued/total status so the UI can set progress denominator
+#             socketio.emit("status", {"state": "queued", "total": total}, room=job_id)
+#             socketio.start_background_task(run_job, job_id, job["accs"])
+
+# @socketio.on("leave")
+# def on_leave(data):
+#     job_id = data.get("job_id")
+#     if job_id:
+#         leave_room(job_id)
+
+# @socketio.on("cancel")
+# def on_cancel(data):
+#     job_id = data.get("job_id")
+#     if job_id in CANCEL_FLAGS:
+#         CANCEL_FLAGS[job_id] = True  # flip the flag
+#         emit("status", {"state": "cancelling"}, room=job_id)
 
 @app.route("/about")
 def about():

static/ping.css

@@ -0,0 +1 @@
+* { outline: 3px solid red; }

templates/Home.html

@@ -6,6 +6,7 @@
     <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">