@youtyan/code-viewer 0.6.0 → 0.6.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +14 -11
- package/dist/code-viewer.js +411 -65
- package/package.json +1 -1
- package/skills/code-viewer-snapshot/SKILL.md +6 -0
- package/web/app.js +1104 -564
- package/web/index.html +7 -3
- package/web/style.css +153 -5
package/README.md
CHANGED
|
@@ -10,8 +10,8 @@ Requires Node.js 20 or newer when installed from npm. Development uses
|
|
|
10
10
|
- Browse repository files and folders in a persistent sidebar with live
|
|
11
11
|
worktree change updates over SSE.
|
|
12
12
|
- View git diffs with unified or split layout, lazy loading, viewed-file
|
|
13
|
-
state, ignore-whitespace and hide-tests toggles, and per-line
|
|
14
|
-
pills" that copy `@path#start-end` for AI agents.
|
|
13
|
+
state, ignore-whitespace and hide-tests toggles, and dismissible per-line
|
|
14
|
+
"reference pills" that copy `@path#start-end` for AI agents.
|
|
15
15
|
- Browse commit history per branch and open any commit's changed files and
|
|
16
16
|
diff, with shareable `/history?ref=<branch>&commit=<sha>` links.
|
|
17
17
|
- Open per-file Blame and History tabs on a file detail page (GitHub-style):
|
|
@@ -20,8 +20,9 @@ Requires Node.js 20 or newer when installed from npm. Development uses
|
|
|
20
20
|
same commit list and diff renderer used by `/history` inside the file's
|
|
21
21
|
tab shell, filtered to that path. Both tabs keep the Repository sidebar
|
|
22
22
|
visible.
|
|
23
|
-
- Open files directly from the repository or diff view, including
|
|
24
|
-
generated files (virtualized source viewer
|
|
23
|
+
- Open files directly from the repository or diff view, including text-like
|
|
24
|
+
config/prompt files and large generated files (virtualized source viewer
|
|
25
|
+
with copy/open-full-view).
|
|
25
26
|
- Preview Markdown with a table of contents, task lists, Mermaid diagrams
|
|
26
27
|
(click to enlarge), and Shiki code highlighting.
|
|
27
28
|
- Preview browser-safe media and show metadata for binary files that cannot
|
|
@@ -716,13 +717,15 @@ sharing it through git.
|
|
|
716
717
|
|
|
717
718
|
In the browser, the annotation icon in the header opens the side panel. The
|
|
718
719
|
current explanation is rendered at the top of the panel while the code stays
|
|
719
|
-
visible next to it, with the annotated lines highlighted. The
|
|
720
|
-
|
|
721
|
-
|
|
722
|
-
|
|
723
|
-
|
|
724
|
-
|
|
725
|
-
|
|
720
|
+
visible next to it, with the annotated lines highlighted. The side panel is
|
|
721
|
+
resizable and remembers its width per project. The history below groups
|
|
722
|
+
annotations by session, shows when each session and entry was created, and
|
|
723
|
+
keeps inline code notes out of the way while the panel is open. Clicking an
|
|
724
|
+
entry jumps back to its location, and entries and sessions can be deleted
|
|
725
|
+
there too. The "follow" checkbox controls whether the tab jumps automatically
|
|
726
|
+
when an agent adds a new annotation. A built-in player can speak the current
|
|
727
|
+
annotation aloud with play/pause, previous/next, mute, and rate controls (TTS
|
|
728
|
+
state is saved per project).
|
|
726
729
|
|
|
727
730
|
A copy button on each annotation produces a paste-ready prompt block that
|
|
728
731
|
references the annotation by URL for sharing back into the originating agent.
|