Update app.py

app.py

@@ -4,13 +4,20 @@ from urllib.parse import quote
 import gradio as gr
 
 DEFAULT_DIR = "/bucket_data"
+BASE_URL = "https://kphfrepo-webdav.hf.space"
+
 
 # ----------------------------
-# FILE SCANNER (FIXED + SAFE)
+# SCANNER (FULL DEBUG MODE)
 # ----------------------------
 def load_live_cctv_dashboard():
     try:
-        print("\n⚡ Scanning filesystem...")
+        print("\n==============================")
+        print("⚡ SCANNER STARTED")
+        print("==============================")
+
+        print("STEP 1: DEFAULT_DIR =", DEFAULT_DIR)
+        print("STEP 2: EXISTS =", os.path.exists(DEFAULT_DIR))
 
         image_exts = (".png", ".jpg", ".jpeg", ".webp", ".gif")
         video_exts = (".mp4", ".mkv", ".avi", ".mov", ".dav", ".ts")
@@ -19,26 +26,46 @@ def load_live_cctv_dashboard():
         video_count = 0
         image_count = 0
 
+        print("\nSTEP 3: ENTERING os.walk...")
+
+        walker_step = 0
+
         for root, dirs, files in os.walk(DEFAULT_DIR):
+            walker_step += 1
+
+            print("\n------------------------------")
+            print("WALK STEP:", walker_step)
+            print("ROOT:", root)
+            print("DIRS:", dirs)
+            print("FILES COUNT:", len(files))
+            print("------------------------------")
 
-            # 🔥 DEBUG (confirm traversal works)
-            print("DIR:", root, "FILES:", len(files))
+            if walker_step > 50:
+                print("DEBUG LIMIT STOPPED WALK EARLY")
+                break
 
             for filename in files:
 
+                print("   FILE:", filename)
+
                 full_path = os.path.join(root, filename)
                 lower = filename.lower()
 
-                # -------------------
                 # skip junk safely
-                # -------------------
                 if lower == ".gitattributes":
+                    print("   SKIP: gitattributes")
                     continue
+
                 if lower.endswith(".7z"):
+                    print("   SKIP: 7z")
                     continue
+
                 if os.path.isdir(full_path):
+                    print("   SKIP: isdir (unexpected)")
                     continue
 
+                print("   PROCESSING:", filename)
+
                 relative_path = os.path.relpath(full_path, DEFAULT_DIR)
                 relative_path = relative_path.replace("\\", "/")
 
@@ -52,187 +79,100 @@ def load_live_cctv_dashboard():
 
                 encoded_path = quote(relative_path, safe="/")
 
-                # -------------------
-                # VIDEO
-                # -------------------
+                # ---------------- VIDEO ----------------
                 if lower.endswith(video_exts):
                     video_count += 1
-                    print("added video:", encoded_path)
+                    print("   🎬 ADD VIDEO:", encoded_path)
 
                     grouped_assets[folder_name]["videos"].append({
                         "name": filename,
                         "video_url": encoded_path,
                     })
 
-                # -------------------
-                # IMAGE
-                # -------------------
+                # ---------------- IMAGE ----------------
                 elif lower.endswith(image_exts):
                     image_count += 1
-                    print("added image:", encoded_path)
+                    print("   🖼 ADD IMAGE:", encoded_path)
 
                     grouped_assets[folder_name]["images"].append({
                         "name": filename,
                         "image_url": encoded_path,
                     })
 
-        print(f"✅ DONE: {video_count} videos + {image_count} images")
+        print("\n==============================")
+        print("SCANNER FINISHED")
+        print("VIDEOS:", video_count)
+        print("IMAGES:", image_count)
+        print("==============================\n")
+
         return grouped_assets
 
     except Exception as e:
-        print("❌ Scan error:", e)
+        print("\n❌ SCANNER ERROR:", e)
         return {}
 
 
 # ----------------------------
-# JS: THUMBNAIL HOVER ENGINE
+# GRADIO UI
 # ----------------------------
-custom_js = """
-function initThumbStrip(placeholder) {
-    if (placeholder.dataset.thumbInit === "1") return;
-
-    const base = placeholder.dataset.thumbBase;
-    if (!base) return;
-
-    placeholder.dataset.thumbInit = "1";
-    placeholder.style.position = "relative";
-    placeholder.style.overflow = "hidden";
-
-    let thumbImg = placeholder.querySelector(".native-thumb-poster");
-
-    if (!thumbImg) {
-        thumbImg = document.createElement("img");
-        thumbImg.className = "native-thumb-poster";
-        thumbImg.style.cssText = `
-            position:absolute;
-            inset:0;
-            width:100%;
-            height:100%;
-            object-fit:cover;
-            z-index:1;
-            pointer-events:none;
-        `;
-        thumbImg.onerror = () => {
-            thumbImg.style.display = "none";
-        };
-        placeholder.prepend(thumbImg);
-    }
-
-    placeholder.querySelectorAll("span").forEach(el => {
-        el.style.position = "relative";
-        el.style.zIndex = "2";
-    });
-
-    let frame = 1;
-    thumbImg.src = `${base}/thumbnail1.webp`;
-
-    const cache = [];
-    for (let i = 1; i <= 5; i++) {
-        const img = new Image();
-        img.src = `${base}/thumbnail${i}.webp`;
-        cache.push(img);
-    }
-
-    if (placeholder.cycleInterval)
-        clearInterval(placeholder.cycleInterval);
-
-    placeholder.cycleInterval = setInterval(() => {
-        frame = frame % 5 + 1;
-        thumbImg.src = `${base}/thumbnail${frame}.webp`;
-    }, 2000);
-}
-
-const observer = new IntersectionObserver((entries) => {
-    entries.forEach(entry => {
-        const el = entry.target;
-
-        if (entry.isIntersecting) {
-            initThumbStrip(el);
-        } else {
-            if (el.cycleInterval) clearInterval(el.cycleInterval);
-            el.dataset.thumbInit = "0";
-        }
-    });
-}, { threshold: 0.1, rootMargin: "200px" });
-
-function observe() {
-    document.querySelectorAll(".video-placeholder").forEach(el => {
-        observer.observe(el);
-    });
-}
-
-if (document.readyState === "loading")
-    document.addEventListener("DOMContentLoaded", observe);
-else
-    observe();
-
-new MutationObserver(observe).observe(document.body, {
-    childList: true,
-    subtree: true
-});
-"""
+with gr.Blocks(title="CCTV Debug Explorer") as demo:
 
-
-# ----------------------------
-# GRADIO APP
-# ----------------------------
-with gr.Blocks(
-    title="CCTV Ultimate Explorer",
-    theme=gr.themes.Soft(),
-    js=custom_js
-) as demo:
-
-    refresh_btn = gr.Button("🔄 Sync Latest Camera Footage", variant="primary")
+    refresh_btn = gr.Button("🔄 Scan Bucket")
 
     @gr.render(inputs=refresh_btn, triggers=[demo.load, refresh_btn.click])
     def render_ui():
 
-        print("\n--- RENDER START ---")
+        print("\n==============================")
+        print("⚡ RENDER START")
+        print("==============================")
 
         assets = load_live_cctv_dashboard()
 
+        print("RENDER RECEIVED ASSETS:", len(assets))
+
         if not assets:
-            gr.Markdown("### ❌ No media found")
+            gr.Markdown("### ❌ No assets found")
             return
 
         html = []
 
-        BASE_URL = "https://kphfrepo-webdav.hf.space"
-
         for folder, media in assets.items():
 
+            print("RENDER FOLDER:", folder)
+
             html.append(f"""
-            <div style="margin-top:25px;">
+            <div style="margin:20px 0;">
                 <h2>📁 {folder}</h2>
             """)
 
             # ---------------- VIDEOS ----------------
             if media["videos"]:
-                html.append("<div style='display:grid;gap:15px;'>")
+                html.append("<div style='display:grid;gap:12px;'>")
 
                 for v in media["videos"]:
 
                     video_path = v["video_url"].lstrip("/")
-                    public_video_url = f"{BASE_URL}/{video_path}"
+                    video_url = f"{BASE_URL}/{video_path}"
+
+                    print("RENDER VIDEO:", video_url)
 
                     thumb_base = os.path.splitext(video_path)[0]
-                    thumb_base_url = f"{BASE_URL}/{thumb_base}"
+                    thumb_url = f"{BASE_URL}/{thumb_base}"
 
                     html.append(f"""
-                    <div style="border:1px solid #ddd;padding:10px;border-radius:8px;">
-
-                        <div style="height:250px;position:relative;background:#000;">
+                    <div style="border:1px solid #ccc;padding:10px;border-radius:8px;">
+                        <div style="height:250px;background:#000;position:relative;">
 
                             <div class="video-placeholder"
-                                 data-video-url="{public_video_url}"
-                                 data-thumb-base="{thumb_base_url}"
+                                 data-video-url="{video_url}"
+                                 data-thumb-base="{thumb_url}"
                                  style="width:100%;height:100%;
                                         display:flex;flex-direction:column;
                                         align-items:center;justify-content:center;
-                                        background:#1e293b;color:white;cursor:pointer;">
+                                        background:#111827;color:white;cursor:pointer;">
 
-                                <span style="font-size:2.5rem;">▶️</span>
-                                <span style="font-size:12px;">Hover preview + Click play</span>
+                                <span style="font-size:2rem;">▶️</span>
+                                <span style="font-size:12px;">Video Ready</span>
 
                             </div>
 
@@ -244,14 +184,17 @@ with gr.Blocks(
 
             # ---------------- IMAGES ----------------
             if media["images"]:
-                html.append("<div style='display:grid;grid-template-columns:repeat(auto-fill,150px);gap:10px;'>")
+                html.append("<div style='display:flex;gap:10px;flex-wrap:wrap;margin-top:10px;'>")
 
                 for img in media["images"]:
+
                     img_url = f"{BASE_URL}/{img['image_url'].lstrip('/')}"
 
+                    print("RENDER IMAGE:", img_url)
+
                     html.append(f"""
                     <img src="{img_url}"
-                         style="width:150px;height:120px;object-fit:cover;border-radius:6px;" />
+                         style="width:140px;height:110px;object-fit:cover;border-radius:6px;" />
                     """)
 
                 html.append("</div>")
@@ -260,7 +203,9 @@ with gr.Blocks(
 
         gr.HTML("".join(html))
 
-        print("--- RENDER END ---\n")
+        print("==============================")
+        print("⚡ RENDER END")
+        print("==============================\n")
 
 
 if __name__ == "__main__":