@youtyan/code-viewer 0.8.2 → 0.8.3

package/package.json

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

package/web/app.js

@@ -26055,6 +26055,10 @@ ${entry.message}` : entry.detail ?? entry.message ?? "";
                 {
                   kind: "paragraph",
                   text: "In large repositories the sidebar loads folder children on demand. Folders you open are remembered and automatically re-expanded after a reload."
+                },
+                {
+                  kind: "paragraph",
+                  text: 'Symlinks show a distinct icon and a "→ target" label so they are never mistaken for a regular file or folder, and clicking one navigates to its resolved target. A broken symlink is visually flagged and disabled. Files with pending git changes (new, modified, renamed, deleted) show a status badge in the tree instead of the regular type icon.'
                 }
               ]
             },
@@ -26722,6 +26726,10 @@ code-viewer query agent-help`
                 {
                   kind: "paragraph",
                   text: "大きいリポジトリではサイドバーがフォルダの中身を必要に応じて読み込みます。開いたフォルダは記憶され、次回のリロード時に同じ状態で展開し直されます。"
+                },
+                {
+                  kind: "paragraph",
+                  text: "シンボリックリンクは専用アイコンと「→ リンク先」ラベルで表示されるため通常のファイル/フォルダと区別でき、クリックするとリンク先に遷移します。リンク切れのシンボリックリンクは無効化されたことが分かる表示になります。未コミットの git 変更(新規・変更・リネーム・削除)があるファイルは、通常の種類アイコンの代わりにステータスバッジがツリーに表示されます。"
                 }
               ]
             },
@@ -30719,6 +30727,11 @@ code-viewer query agent-help`
             node.children_omitted = true;
             node.children_omitted_reason = f2.children_omitted_reason;
           }
+          if (f2.is_symlink) {
+            node.is_symlink = true;
+            node.symlink_target = f2.symlink_target;
+            node.resolved_path = f2.resolved_path;
+          }
           continue;
         }
         node.files.push(f2);
@@ -30768,6 +30781,8 @@ code-viewer query agent-help`
             li.dataset.childrenOmittedReason = dir.children_omitted_reason;
           if (dir.explicit)
             li.dataset.explicit = "true";
+          if (dir.is_symlink)
+            li.classList.add("symlink-row");
           if (dir.children_omitted) {
             li.classList.add("children-omitted");
             li.classList.add(dir.children_omitted_reason === "heavy" ? "children-omitted-heavy" : "children-omitted-internal");
@@ -30801,6 +30816,9 @@ code-viewer query agent-help`
             omitted.title = badge.title;
             label.appendChild(omitted);
           }
+          const dirSymlinkLabel = symlinkTargetLabel(dir);
+          if (dirSymlinkLabel)
+            label.appendChild(dirSymlinkLabel);
           li.appendChild(label);
           li.appendChild(createOpenPathButton(dir.path, "directory", openDirectoryInOsTitle()));
           const collapsed = STATE.collapsedDirs.has(dir.path);
@@ -30839,7 +30857,8 @@ code-viewer query agent-help`
                 display_path: dir.path,
                 type: "tree",
                 children_omitted: dir.children_omitted,
-                children_omitted_reason: dir.children_omitted_reason
+                children_omitted_reason: dir.children_omitted_reason,
+                resolved_path: dir.resolved_path
               });
               scheduleMainSurfaceFocus();
             });
@@ -30902,6 +30921,11 @@ code-viewer query agent-help`
           node.children_omitted = true;
           node.children_omitted_reason = entry.children_omitted_reason;
         }
+        if (entry.is_symlink) {
+          node.is_symlink = true;
+          node.symlink_target = entry.symlink_target;
+          node.resolved_path = entry.resolved_path;
+        }
         return;
       }
       if (!node.files.some((file) => file.path === entry.path))
@@ -30937,7 +30961,12 @@ code-viewer query agent-help`
           type: meta.ref === "worktree" && entry.type === "commit" && !entry.submodule ? "tree" : entry.type,
           submodule: entry.submodule,
           children_omitted: entry.children_omitted,
-          children_omitted_reason: entry.children_omitted_reason
+          children_omitted_reason: entry.children_omitted_reason,
+          is_symlink: entry.is_symlink,
+          symlink_target: entry.symlink_target,
+          symlink_target_type: entry.symlink_target_type,
+          resolved_path: entry.resolved_path,
+          status: entry.status
         }));
         mergeSidebarTreeEntries(entries);
         SIDEBAR_LAZY_LOADED_DIRS.add(dir.path);
@@ -30957,6 +30986,8 @@ code-viewer query agent-help`
         li.dataset.childrenOmittedReason = dir.children_omitted_reason;
       if (dir.explicit)
         li.dataset.explicit = "true";
+      if (dir.is_symlink)
+        li.classList.add("symlink-row");
       if (dir.children_omitted) {
         li.classList.add("children-omitted");
         li.classList.add(dir.children_omitted_reason === "heavy" ? "children-omitted-heavy" : "children-omitted-internal");
@@ -30990,6 +31021,9 @@ code-viewer query agent-help`
         omitted.title = badge.title;
         label.appendChild(omitted);
       }
+      const dirSymlinkLabel = symlinkTargetLabel(dir);
+      if (dirSymlinkLabel)
+        label.appendChild(dirSymlinkLabel);
       li.appendChild(label);
       li.appendChild(createOpenPathButton(dir.path, "directory", openDirectoryInOsTitle()));
       const updateIcon = () => {
@@ -31077,16 +31111,38 @@ code-viewer query agent-help`
       return tag;
     }
     function sidebarEntryIcon(f2) {
+      if (f2.is_symlink)
+        return iconSvg("octicon-link", LINK_16_PATH);
       return f2.type === "commit" ? iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH) : fileEntryIcon();
     }
+    function symlinkTargetLabel(f2) {
+      if (!f2.is_symlink)
+        return null;
+      const broken = f2.symlink_target_type === "missing";
+      const label = document.createElement("span");
+      label.className = broken ? "symlink-target broken" : "symlink-target";
+      label.textContent = `→ ${f2.symlink_target || "?"}`;
+      label.title = broken ? `Broken symlink → ${f2.symlink_target || ""}` : `Symlink → ${f2.symlink_target || ""}`;
+      return label;
+    }
     function createTreeFileRow(f2, depth, onFileClick) {
       const li = document.createElement("li");
       li.className = "tree-file";
       li.tabIndex = -1;
       li.dataset.path = f2.path;
       li.dataset.type = f2.type || "blob";
+      const brokenSymlink = f2.is_symlink && f2.symlink_target_type === "missing";
+      const deletedEntry = !!onFileClick && f2.status === "D";
+      if (f2.is_symlink)
+        li.classList.add("symlink-row");
       if (f2.type === "commit") {
         li.title = commitEntryBadge(f2.submodule).title;
+      } else if (brokenSymlink) {
+        li.classList.add("symlink-broken-row", "gdp-row-disabled");
+        li.setAttribute("aria-disabled", "true");
+      } else if (deletedEntry) {
+        li.classList.add("gdp-row-disabled");
+        li.setAttribute("aria-disabled", "true");
       }
       li.classList.toggle("viewed", !onFileClick && STATE.viewedFiles.has(f2.path));
       li.classList.toggle("hidden-by-tests", STATE.hideTests && !isRepositorySidebarMode() && isTestPath(f2.path || ""));
@@ -31107,17 +31163,22 @@ code-viewer query agent-help`
       name.textContent = f2.path.split("/").pop();
       name.title = f2.path;
       li.appendChild(name);
+      const symlinkLabel = symlinkTargetLabel(f2);
+      if (symlinkLabel)
+        li.appendChild(symlinkLabel);
       const kindTag = fileKindTag(f2);
       if (kindTag)
         li.appendChild(kindTag);
       li.addEventListener("click", () => {
+        if (brokenSymlink || deletedEntry)
+          return;
         if (onFileClick)
           onFileClick(f2);
         else
           scrollToFile(f2.path);
         scheduleMainSurfaceFocus();
       });
-      if (!onFileClick)
+      if (!onFileClick && !brokenSymlink)
         li.addEventListener("mouseenter", () => prefetchByPath(f2.path), {
           passive: true
         });
@@ -32022,7 +32083,8 @@ code-viewer query agent-help`
       sortColumnLabels,
       repositoryFallback,
       repositoryRootFallback,
-      commitEntryMeta
+      commitEntryMeta,
+      fileBadge
     } = deps;
     let REPO_SORT = {
       key: "name",
@@ -32068,9 +32130,21 @@ code-viewer query agent-help`
     function commitEntryIcon() {
       return iconSvg("octicon-git-branch", GIT_BRANCH_16_PATH);
     }
+    function symlinkEntryIcon() {
+      return iconSvg("octicon-link", LINK_16_PATH);
+    }
     function isWorktreeRef(ref) {
       return canTrashWorktreeRef(ref);
     }
+    function repoEntryTypeIcon(entry, browsable, nonBrowsableCommit) {
+      const icon = document.createElement("span");
+      icon.className = browsable ? "dir-icon" : nonBrowsableCommit ? "d2h-icon-wrapper gdp-repo-row-gitlink-icon" : "d2h-icon-wrapper";
+      if (browsable)
+        setFolderIcon(icon, true);
+      else
+        icon.innerHTML = entry.is_symlink ? symlinkEntryIcon() : entry.type === "commit" ? commitEntryIcon() : fileEntryIcon();
+      return icon;
+    }
     function canBrowseRepoEntry(entry, ref) {
       return entry.type === "tree" || entry.type === "commit" && isWorktreeRef(ref) && !entry.submodule;
     }
@@ -32448,28 +32522,31 @@ code-viewer query agent-help`
         sortedRepoEntries(meta.entries, meta.ref).forEach((entry) => {
           const browsable = canBrowseRepoEntry(entry, meta.ref);
           const nonBrowsableCommit = entry.type === "commit" && !browsable;
+          const brokenSymlink = !!entry.is_symlink && entry.symlink_target_type === "missing";
+          const deletedEntry = entry.status === "D";
           const row = document.createElement("button");
           row.type = "button";
-          row.className = nonBrowsableCommit ? `gdp-repo-row ${entry.type} gdp-repo-row-gitlink` : `gdp-repo-row ${entry.type}`;
-          const icon = document.createElement("span");
-          icon.className = browsable ? "dir-icon" : nonBrowsableCommit ? "d2h-icon-wrapper gdp-repo-row-gitlink-icon" : "d2h-icon-wrapper";
-          if (browsable)
-            setFolderIcon(icon, true);
-          else
-            icon.innerHTML = entry.type === "commit" ? commitEntryIcon() : fileEntryIcon();
+          row.className = nonBrowsableCommit ? `gdp-repo-row ${entry.type} gdp-repo-row-gitlink` : entry.is_symlink ? `gdp-repo-row ${entry.type} symlink-row${brokenSymlink ? " symlink-broken-row gdp-row-disabled" : ""}` : `gdp-repo-row ${entry.type}`;
+          if (deletedEntry)
+            row.classList.add("gdp-row-disabled");
+          const icon = entry.status ? fileBadge(entry.status) : repoEntryTypeIcon(entry, browsable, nonBrowsableCommit);
           const name = document.createElement("span");
           name.className = "name";
           name.textContent = entry.name;
           if (nonBrowsableCommit) {
             row.title = commitEntryMeta(entry.submodule).title;
             row.setAttribute("aria-disabled", "true");
+          } else if (brokenSymlink || deletedEntry) {
+            row.setAttribute("aria-disabled", "true");
           }
           const metaBlock = createRepoEntryMeta(entry, browsable);
           const size = createRepoEntrySize(entry);
           row.append(icon, name, metaBlock, size);
           row.addEventListener("click", () => {
+            if (brokenSymlink || deletedEntry)
+              return;
             if (browsable) {
-              setRoute(repoRoute(meta.ref, entry.path));
+              setRoute(repoRoute(meta.ref, entry.resolved_path ?? entry.path));
               loadRepo();
             } else if (entry.type === "blob") {
               setRoute({
@@ -32578,12 +32655,17 @@ code-viewer query agent-help`
           type: canBrowseRepoEntry(entry, normalizedRef) ? "tree" : entry.type,
           submodule: entry.submodule,
           children_omitted: entry.children_omitted,
-          children_omitted_reason: entry.children_omitted_reason
+          children_omitted_reason: entry.children_omitted_reason,
+          is_symlink: entry.is_symlink,
+          symlink_target: entry.symlink_target,
+          symlink_target_type: entry.symlink_target_type,
+          resolved_path: entry.resolved_path,
+          status: entry.status
         }));
         setRepoSidebarRef(normalizedRef);
         renderSidebar(files, (file) => {
           if (file.type === "tree") {
-            setRoute(repoRoute(normalizedRef, file.path));
+            setRoute(repoRoute(normalizedRef, file.resolved_path ?? file.path));
             loadRepo();
             return;
           }
@@ -32649,6 +32731,15 @@ code-viewer query agent-help`
         meta.title = badge.title;
         return meta;
       }
+      if (entry.is_symlink) {
+        const broken = entry.symlink_target_type === "missing";
+        meta.classList.add("symlink-target");
+        if (broken)
+          meta.classList.add("broken");
+        meta.textContent = `→ ${entry.symlink_target || "?"}`;
+        meta.title = broken ? `Broken symlink → ${entry.symlink_target || ""}` : `Symlink → ${entry.symlink_target || ""}`;
+        return meta;
+      }
       const updated = formatFileDate(entry.updated_at || entry.commit_updated_at);
       const created = formatFileDate(entry.created_at);
       if (browsable && updated) {
@@ -36077,7 +36168,8 @@ code-viewer query agent-help`
       commitEntryMeta: (submodule) => {
         const text3 = uiText().repo;
         return submodule ? { label: text3.submoduleLabel, title: text3.submoduleTitle } : { label: text3.gitlinkLabel, title: text3.gitlinkTitle };
-      }
+      },
+      fileBadge: (status) => DIFF_VIEW.fileBadge(status)
     });
     const {
       loadRepo,

package/web/style.css

@@ -2646,6 +2646,45 @@ body.gdp-help-page #content {
   color: var(--accent-emph);
 }
 
+/* "→ target" sublabel next to a symlink name in the sidebar tree, and the
+   same marker's meta-column form in the repo listing (.gdp-repo-row
+   .meta.symlink-target below). Uses --done (violet) rather than the usual
+   muted meta color so a symlink row reads as distinct at a glance, not
+   just on hover/title. Broken links (target missing/outside the repo)
+   switch to the danger color instead. */
+.symlink-target {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: var(--done);
+  font-weight: 500;
+  font-size: 12px;
+  margin-left: 6px;
+}
+.symlink-target.broken { color: var(--danger); }
+/* Recolor the row's own type icon (file icon, or the shared blue dir-icon)
+   to match the target label, so the symlink signal isn't limited to the
+   sublabel text. */
+#filelist.tree .tree-file.symlink-row .d2h-icon-wrapper,
+#filelist.tree .tree-dir.symlink-row .dir-icon,
+.gdp-repo-row.symlink-row .d2h-icon-wrapper,
+.gdp-repo-row.symlink-row .dir-icon {
+  color: var(--done);
+}
+.tree-file.symlink-broken-row .d2h-icon-wrapper,
+.gdp-repo-row.symlink-broken-row .d2h-icon-wrapper {
+  color: var(--danger);
+}
+/* Shared "disabled row" treatment: a broken symlink or a synthesized
+   deleted-file row (see deletedTreeEntriesForPath in preview.ts) - both are
+   badged but cannot actually be opened. */
+.tree-file.gdp-row-disabled,
+.tree-dir.gdp-row-disabled,
+.gdp-repo-row.gdp-row-disabled {
+  cursor: default;
+  opacity: 0.7;
+}
+
 /* ===== Main content area ===== */
 #content {
   margin-left: var(--sidebar-w);
@@ -4595,6 +4634,13 @@ body.gdp-file-detail-page #empty {
   font-size: 11px;
   line-height: 1.4;
 }
+.gdp-repo-row .meta.symlink-target.broken { color: var(--danger); }
+/* Disabled row (broken symlink or synthesized deleted-file entry): opening
+   it would just 404, so no hover affordance - same treatment as
+   .gdp-repo-row-gitlink above. */
+.gdp-repo-row.gdp-row-disabled:hover {
+  background: var(--bg);
+}
 .gdp-context-menu {
   position: fixed;
   z-index: 1000;