@youtyan/code-viewer 0.1.2 → 0.1.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@youtyan/code-viewer",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Local browser-based git diff viewer",
   "type": "module",
   "bin": {

package/web/app.js

@@ -241,7 +241,6 @@
         collapsed: false,
         files: [],
         activeFile: null,
-        autoReload: localStorage.getItem("gdp:auto-reload") !== "0",
         hideTests: localStorage.getItem("gdp:hide-tests") === "1",
         syntaxHighlight: localStorage.getItem("gdp:syntax-highlight") !== "0",
         viewedFiles: new Set(JSON.parse(localStorage.getItem("gdp:viewed-files") || "[]")),
@@ -764,8 +763,13 @@
       const target = $("#diff");
       const empty = $("#empty");
       if (!newFiles.length) {
-        empty.classList.remove("hidden");
-        target.replaceChildren();
+        if (STATE.route.screen === "file") {
+          empty.classList.add("hidden");
+          applySourceRouteToShell();
+        } else {
+          empty.classList.remove("hidden");
+          target.replaceChildren();
+        }
         LOAD_QUEUE.length = 0;
         return;
       }
@@ -2672,7 +2676,7 @@
         syncHeaderMenu();
       }).catch(() => setStatus("error"));
     }
-    function load(opts) {
+    function load() {
       if (STATE.route.screen === "repo")
         return loadRepo();
       setStatus("refreshing");
@@ -2683,8 +2687,6 @@
         params.set("from", STATE.from);
       if (STATE.to)
         params.set("to", STATE.to);
-      if (opts && opts.nocache)
-        params.set("nocache", "1");
       const url = "/diff.json" + (params.toString() ? "?" + params.toString() : "");
       return trackLoad(fetch(url).then((r) => r.json())).then((data) => {
         renderShell(data);
@@ -2693,7 +2695,10 @@
     }
     if (STATE.route.screen === "repo")
       loadRepo();
-    else
+    else if (STATE.route.screen === "file" && STATE.route.view === "blob") {
+      setStatus("live");
+      applySourceRouteToShell();
+    } else
       load();
     function syncRefInputs() {
       const fi = $("#ref-from"), ti = $("#ref-to");
@@ -2970,31 +2975,7 @@
         setTimeout(() => btn.classList.remove("spinning"), 200);
       });
     });
-    const AUTO_RELOAD_MS = 3000;
-    let autoTimer = null;
-    function setAutoReload(on) {
-      STATE.autoReload = on;
-      localStorage.setItem("gdp:auto-reload", on ? "1" : "0");
-      const btn = $("#auto-reload");
-      if (btn) {
-        btn.classList.toggle("active", on);
-        btn.setAttribute("aria-pressed", on ? "true" : "false");
-      }
-      if (autoTimer) {
-        clearInterval(autoTimer);
-        autoTimer = null;
-      }
-      if (on)
-        autoTimer = setInterval(() => {
-          if (!document.hidden)
-            load({ nocache: true });
-        }, AUTO_RELOAD_MS);
-    }
-    setAutoReload(STATE.autoReload);
-    $("#auto-reload").addEventListener("click", () => setAutoReload(!STATE.autoReload));
     window.addEventListener("storage", (e) => {
-      if (e.key === "gdp:auto-reload")
-        setAutoReload(e.newValue !== "0");
       if (e.key === "gdp:syntax-highlight")
         setSyntaxHighlight(e.newValue !== "0");
     });

package/web/index.html

@@ -40,7 +40,6 @@
       <input class="ref-input" id="ref-to"   placeholder="to…"   autocomplete="off" readonly />
       <button id="ref-reset" title="reset to HEAD .. worktree">×</button>
       <button id="reload-prom" title="reload diff (R)">↻</button>
-      <button id="auto-reload" title="auto refresh every 3s">auto</button>
     </div>
     <div class="spacer"></div>
     <div class="controls">

package/web/style.css

@@ -310,28 +310,6 @@ html, body {
 #reload-prom:hover { background: var(--accent-emph); border-color: var(--accent-emph); }
 #reload-prom.spinning { animation: gdp-spin 0.7s linear infinite; }
 @keyframes gdp-spin { to { transform: rotate(360deg); } }
-#auto-reload {
-  height: 26px; padding: 0 8px;
-  font-size: 11px; font-weight: 600;
-  letter-spacing: 0.04em;
-  width: auto;
-  border: 1px solid var(--border);
-  background: var(--bg);
-  color: var(--fg-muted);
-  border-radius: 6px;
-  cursor: pointer;
-}
-#auto-reload:hover { background: var(--bg-soft); color: var(--fg); }
-#auto-reload.active {
-  background: #2da44e;
-  color: #fff;
-  border-color: #2da44e;
-  animation: gdp-auto-pulse 2.4s ease-in-out infinite;
-}
-@keyframes gdp-auto-pulse {
-  0%, 100% { box-shadow: 0 0 0 0 rgba(46, 164, 78, 0.45); }
-  50%      { box-shadow: 0 0 0 4px rgba(46, 164, 78, 0); }
-}
 #hide-tests {
   width: auto !important;
   padding: 0 8px;