@youtyan/code-viewer 0.1.40 → 0.1.42

package/package.json

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

package/web/app.js

@@ -7016,6 +7016,7 @@ ${frontmatter.yaml}
         cb();
     }
     const annotationOpenedCallbacks = [];
+    let emptyDiffRangeKey = null;
     function notifyAnnotationOpened(entryId) {
       for (const cb of annotationOpenedCallbacks)
         cb(entryId);
@@ -7544,16 +7545,27 @@ ${frontmatter.yaml}
       deps.setRange(from, to);
       deps.syncRefInputs();
       deps.cancelActiveSourceLoad("navigation");
-      deps.setRoute({ screen: "diff", range, path: entry.path, line });
-      deps.setPageMode();
-      const hasDiffCards = !!document.querySelector(".gdp-file-shell:not(.gdp-standalone-source)");
-      if (rangeChanged || !deps.getFiles().length || !hasDiffCards) {
+      const rangeKey = `${from}..${to}`;
+      const needDiffLoad = rangeChanged || !deps.getFiles().length && emptyDiffRangeKey !== rangeKey;
+      if (needDiffLoad) {
+        deps.setRoute({ screen: "diff", range, path: entry.path, line });
+        deps.setPageMode();
         deps.removeStandaloneSource();
         await deps.load();
         if (stale())
           return;
+        emptyDiffRangeKey = deps.getFiles().length ? null : rangeKey;
       }
       if (deps.getFiles().some((f2) => f2.path === entry.path)) {
+        deps.setRoute({ screen: "diff", range, path: entry.path, line }, needDiffLoad);
+        deps.setPageMode();
+        const hasDiffCards = !!document.querySelector(".gdp-file-shell:not(.gdp-standalone-source)");
+        if (!hasDiffCards) {
+          deps.removeStandaloneSource();
+          await deps.load();
+          if (stale())
+            return;
+        }
         deps.removeStandaloneSource();
         deps.scrollToFile(entry.path, line);
         await expandAnnotationContext(entry);
@@ -7563,7 +7575,7 @@ ${frontmatter.yaml}
         const ref = annotationRefForEntry(entry);
         const card = document.querySelector(".gdp-standalone-source");
         const reusable = prevRoute.screen === "file" && prevRoute.path === entry.path && prevRoute.ref === ref && card?.dataset.path === entry.path && !!card.querySelector(".gdp-source-table");
-        deps.setRoute({ screen: "file", path: entry.path, ref, view: "blob", line, range }, true);
+        deps.setRoute({ screen: "file", path: entry.path, ref, view: "blob", line, range }, needDiffLoad);
         deps.setPageMode();
         if (reusable && card) {
           focusStandaloneSourceLines(card, entry);