@youtyan/code-viewer 0.6.0 → 0.6.2
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 +21 -15
- package/dist/code-viewer.js +468 -71
- package/package.json +1 -1
- package/skills/code-viewer-snapshot/SKILL.md +6 -0
- package/web/app.js +3127 -808
- package/web/index.html +46 -15
- package/web/style.css +943 -50
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
|
|
@@ -250,8 +251,10 @@ Open Datastores in the global navigation to access:
|
|
|
250
251
|
the database.
|
|
251
252
|
- **Table browser** — paginated data grid with column sort, text filter, cell
|
|
252
253
|
copy, and CSV/JSON export (capped at 100,000 rows; export respects current
|
|
253
|
-
filter/sort).
|
|
254
|
-
|
|
254
|
+
filter/sort). Reload just the current table from the search bar while
|
|
255
|
+
keeping global search and column filters, with a result chip that calls out
|
|
256
|
+
row-count changes. Double-click a cell to edit inline when Edit mode is on;
|
|
257
|
+
the whole pending edit batch commits atomically.
|
|
255
258
|
- **Detail footer and related panel** — click any cell to open a resizable
|
|
256
259
|
detail footer; foreign-key cells open a related panel showing the
|
|
257
260
|
referenced or referencing rows, with multi-step drill-down breadcrumbs.
|
|
@@ -275,8 +278,9 @@ Open Datastores in the global navigation to access:
|
|
|
275
278
|
- **ER diagram** — auto-generated entity-relationship diagram showing
|
|
276
279
|
foreign-key relationships between tables.
|
|
277
280
|
- **Schema view** — table columns (with column comments when the database
|
|
278
|
-
defines them), indexes, foreign keys, triggers, and DDL
|
|
279
|
-
surface a comment column on the
|
|
281
|
+
defines them), indexes, foreign keys, triggers, and DDL, with an in-tab
|
|
282
|
+
schema refresh action. Tables themselves surface a comment column on the
|
|
283
|
+
database table list.
|
|
280
284
|
- **Global search** — full-text search across all tables and text columns of
|
|
281
285
|
a database.
|
|
282
286
|
- **Snapshots and diffs** — take point-in-time snapshots of selected tables
|
|
@@ -716,13 +720,15 @@ sharing it through git.
|
|
|
716
720
|
|
|
717
721
|
In the browser, the annotation icon in the header opens the side panel. The
|
|
718
722
|
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
|
-
|
|
723
|
+
visible next to it, with the annotated lines highlighted. The side panel is
|
|
724
|
+
resizable and remembers its width per project. The history below groups
|
|
725
|
+
annotations by session, shows when each session and entry was created, and
|
|
726
|
+
keeps inline code notes out of the way while the panel is open. Clicking an
|
|
727
|
+
entry jumps back to its location, and entries and sessions can be deleted
|
|
728
|
+
there too. The "follow" checkbox controls whether the tab jumps automatically
|
|
729
|
+
when an agent adds a new annotation. A built-in player can speak the current
|
|
730
|
+
annotation aloud with play/pause, previous/next, mute, and rate controls (TTS
|
|
731
|
+
state is saved per project).
|
|
726
732
|
|
|
727
733
|
A copy button on each annotation produces a paste-ready prompt block that
|
|
728
734
|
references the annotation by URL for sharing back into the originating agent.
|