npm - @peaske7/readit - Versions diffs - 0.1.8 → 0.2.1 - Mend

@peaske7/readit 0.1.8 → 0.2.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.

Files changed (221) hide show

package/.claude/CLAUDE.md +118 -76
package/.claude/commands/review.md +1 -1
package/.claude/roadmap.md +32 -9
package/.claude/user-stories.md +100 -15
package/AGENTS.md +30 -26
package/Makefile +32 -0
package/README.md +90 -5
package/biome.json +18 -8
package/bun.lock +426 -710
package/bunfig.toml +2 -0
package/docs/perf-baseline.md +130 -0
package/docs/superpowers/plans/2026-03-26-surgical-pruning.md +1176 -0
package/docs/superpowers/specs/2026-03-27-go-server-rewrite-design.md +284 -0
package/e2e/comments.spec.ts +14 -58
package/e2e/document-load.spec.ts +1 -23
package/e2e/export.spec.ts +4 -4
package/e2e/perf/add-comment.spec.ts +116 -0
package/e2e/perf/fixtures/generate.ts +327 -0
package/e2e/perf/initial-load.spec.ts +49 -0
package/e2e/perf/perf.setup.ts +23 -0
package/e2e/perf/perf.teardown.ts +9 -0
package/e2e/perf/screenshot-final.png +0 -0
package/e2e/perf/scroll.spec.ts +39 -0
package/e2e/perf/tab-switch.spec.ts +69 -0
package/e2e/perf/text-selection.spec.ts +119 -0
package/e2e/perf/utils/metrics.ts +350 -0
package/e2e/perf/utils/perf-cli.ts +86 -0
package/e2e/persistence-file.spec.ts +41 -26
package/e2e/utils/selection.ts +17 -73
package/go/cmd/readit/main.go +416 -0
package/go/go.mod +20 -0
package/go/go.sum +41 -0
package/go/internal/server/anchor.go +302 -0
package/go/internal/server/anchor_test.go +111 -0
package/go/internal/server/comments.go +390 -0
package/go/internal/server/documents.go +113 -0
package/go/internal/server/embed.go +17 -0
package/go/internal/server/headings.go +33 -0
package/go/internal/server/headings_test.go +75 -0
package/go/internal/server/htmltext.go +123 -0
package/go/internal/server/markdown.go +157 -0
package/go/internal/server/markdown_bench_test.go +42 -0
package/go/internal/server/markdown_test.go +79 -0
package/go/internal/server/server.go +453 -0
package/go/internal/server/server_bench_test.go +122 -0
package/go/internal/server/settings.go +110 -0
package/go/internal/server/sse.go +140 -0
package/go/internal/server/storage.go +275 -0
package/go/internal/server/storage_test.go +118 -0
package/go/internal/server/template.go +66 -0
package/go/internal/server/types.go +101 -0
package/go/internal/server/watcher.go +74 -0
package/index.html +4 -14
package/nvim-readit/lua/readit/health.lua +64 -0
package/nvim-readit/lua/readit/init.lua +463 -0
package/nvim-readit/plugin/readit.lua +19 -0
package/package.json +24 -41
package/playwright.config.ts +12 -0
package/shell/_readit +158 -0
package/shell/readit.zsh +87 -0
package/src/App.svelte +881 -0
package/src/{cli/index.ts → cli.ts} +216 -70
package/src/components/ActionsMenu.svelte +95 -0
package/src/components/CommentBadge.svelte +67 -0
package/src/components/CommentErrorBanner.svelte +33 -0
package/src/components/CommentInput.svelte +75 -0
package/src/components/CommentListItem.svelte +95 -0
package/src/components/CommentManager.svelte +129 -0
package/src/components/CommentNav.svelte +109 -0
package/src/components/DocumentViewer.svelte +218 -0
package/src/components/FloatingComment.svelte +107 -0
package/src/components/Header.svelte +76 -0
package/src/components/InlineEditor.svelte +72 -0
package/src/components/MarginNote.svelte +167 -0
package/src/components/MarginNotesContainer.svelte +33 -0
package/src/components/RawModal.svelte +126 -0
package/src/components/ReanchorConfirm.svelte +30 -0
package/src/components/SettingsModal.svelte +220 -0
package/src/components/ShortcutCapture.svelte +82 -0
package/src/components/ShortcutList.svelte +145 -0
package/src/components/TabBar.svelte +52 -0
package/src/components/TableOfContents.svelte +125 -0
package/src/components/ui/ActionLink.svelte +40 -0
package/src/components/ui/Button.svelte +53 -0
package/src/components/ui/Dialog.svelte +97 -0
package/src/components/ui/DropdownMenu.svelte +85 -0
package/src/components/ui/DropdownMenuItem.svelte +38 -0
package/src/components/ui/DropdownMenuSeparator.svelte +11 -0
package/src/components/ui/Text.svelte +42 -0
package/src/env.d.ts +6 -0
package/src/index.css +36 -166
package/src/lib/__fixtures__/bench-data.ts +1 -54
package/src/lib/anchor.bench.ts +47 -68
package/src/lib/anchor.test.ts +5 -9
package/src/lib/anchor.ts +9 -93
package/src/lib/comment-storage.bench.ts +6 -20
package/src/lib/comment-storage.test.ts +45 -37
package/src/lib/comment-storage.ts +23 -64
package/src/lib/export.bench.ts +9 -23
package/src/lib/export.ts +7 -14
package/src/lib/headings.test.ts +103 -0
package/src/lib/headings.ts +44 -0
package/src/lib/highlight/core.test.ts +1 -6
package/src/lib/highlight/dom.ts +53 -280
package/src/lib/highlight/highlight-registry.ts +221 -0
package/src/lib/highlight/highlight.bench.ts +92 -0
package/src/lib/highlight/highlighter.ts +122 -302
package/src/lib/highlight/{core.ts → resolver.ts} +3 -19
package/src/lib/highlight/types.ts +0 -40
package/src/lib/html-text.test.ts +162 -0
package/src/lib/html-text.ts +161 -0
package/src/lib/i18n/en.ts +13 -36
package/src/lib/i18n/ja.ts +14 -37
package/src/lib/i18n/types.ts +13 -36
package/src/lib/margin-layout.bench.ts +48 -15
package/src/lib/margin-layout.ts +2 -31
package/src/lib/markdown-renderer.test.ts +154 -0
package/src/lib/markdown-renderer.ts +177 -0
package/src/lib/mermaid-config.ts +38 -0
package/src/lib/mermaid-renderer.ts +162 -0
package/src/lib/mermaid-worker.ts +60 -0
package/src/lib/positions.ts +157 -0
package/src/lib/shortcut-registry.ts +138 -103
package/src/lib/utils.ts +2 -48
package/src/main.ts +16 -0
package/src/schema.ts +92 -0
package/src/{server/index.ts → server.ts} +427 -163
package/src/stores/app.svelte.ts +231 -0
package/src/stores/locale.svelte.ts +46 -0
package/src/stores/settings.svelte.ts +90 -0
package/src/stores/shortcuts.svelte.ts +104 -0
package/src/stores/ui.svelte.ts +12 -0
package/src/template.ts +104 -0
package/src/test-setup.ts +47 -0
package/svelte.config.js +5 -0
package/tsconfig.json +2 -2
package/vite.config.ts +31 -3
package/vscode-readit/.mcp.json +7 -0
package/vscode-readit/.vscodeignore +7 -0
package/vscode-readit/bun.lock +78 -0
package/vscode-readit/icon.svg +10 -0
package/vscode-readit/package.json +110 -0
package/vscode-readit/src/extension.ts +117 -0
package/vscode-readit/src/server-manager.ts +272 -0
package/vscode-readit/src/webview-provider.ts +204 -0
package/vscode-readit/tsconfig.json +20 -0
package/e2e/fixtures/sample.html +0 -13
package/src/App.tsx +0 -416
package/src/components/ActionsMenu.tsx +0 -112
package/src/components/DocumentViewer/CodeBlock.tsx +0 -160
package/src/components/DocumentViewer/DocumentViewer.tsx +0 -259
package/src/components/DocumentViewer/IframeContainer.tsx +0 -251
package/src/components/DocumentViewer/InlineCode.tsx +0 -60
package/src/components/DocumentViewer/MermaidDiagram.tsx +0 -137
package/src/components/DocumentViewer/index.ts +0 -1
package/src/components/FloatingTOC.tsx +0 -61
package/src/components/Header.tsx +0 -65
package/src/components/InlineEditor.tsx +0 -74
package/src/components/MarginNote.tsx +0 -207
package/src/components/MarginNotes.tsx +0 -50
package/src/components/RawModal.tsx +0 -143
package/src/components/ReanchorConfirm.tsx +0 -36
package/src/components/SettingsModal.tsx +0 -310
package/src/components/ShortcutCapture.tsx +0 -48
package/src/components/ShortcutList.tsx +0 -198
package/src/components/TabBar.tsx +0 -60
package/src/components/TableOfContents.tsx +0 -108
package/src/components/comments/CommentBadge.tsx +0 -49
package/src/components/comments/CommentInput.tsx +0 -114
package/src/components/comments/CommentListItem.tsx +0 -92
package/src/components/comments/CommentManager.tsx +0 -113
package/src/components/comments/CommentMinimap.tsx +0 -62
package/src/components/comments/CommentNav.tsx +0 -109
package/src/components/ui/ActionBar.tsx +0 -16
package/src/components/ui/ActionLink.tsx +0 -32
package/src/components/ui/Button.tsx +0 -55
package/src/components/ui/Dialog.tsx +0 -156
package/src/components/ui/DropdownMenu.tsx +0 -114
package/src/components/ui/SeparatorDot.tsx +0 -9
package/src/components/ui/Text.tsx +0 -54
package/src/contexts/CommentContext.tsx +0 -229
package/src/contexts/LayoutContext.tsx +0 -88
package/src/contexts/LocaleContext.tsx +0 -35
package/src/hooks/useClickOutside.ts +0 -35
package/src/hooks/useClipboard.ts +0 -82
package/src/hooks/useCommentNavigation.ts +0 -130
package/src/hooks/useComments.ts +0 -323
package/src/hooks/useDocument.ts +0 -156
package/src/hooks/useEditorScheme.ts +0 -51
package/src/hooks/useFontPreference.ts +0 -59
package/src/hooks/useHeadings.test.ts +0 -159
package/src/hooks/useHeadings.ts +0 -129
package/src/hooks/useKeybindings.ts +0 -108
package/src/hooks/useKeyboardShortcuts.ts +0 -63
package/src/hooks/useLayoutMode.ts +0 -44
package/src/hooks/useLocalePreference.ts +0 -42
package/src/hooks/useReanchorMode.ts +0 -33
package/src/hooks/useScrollMetrics.ts +0 -56
package/src/hooks/useScrollSpy.ts +0 -81
package/src/hooks/useTextSelection.ts +0 -123
package/src/hooks/useThemePreference.ts +0 -66
package/src/lib/context.bench.ts +0 -41
package/src/lib/context.test.ts +0 -224
package/src/lib/context.ts +0 -193
package/src/lib/editor-links.ts +0 -59
package/src/lib/highlight/colors.ts +0 -37
package/src/lib/highlight/index.ts +0 -23
package/src/lib/highlight/script-builder.ts +0 -485
package/src/lib/html-processor.test.tsx +0 -170
package/src/lib/html-processor.tsx +0 -95
package/src/lib/i18n/completeness.test.ts +0 -51
package/src/lib/i18n/translations.test.ts +0 -39
package/src/lib/layout-constants.ts +0 -12
package/src/lib/scroll.test.ts +0 -118
package/src/lib/scroll.ts +0 -47
package/src/lib/shortcut-registry.test.ts +0 -173
package/src/lib/utils.test.ts +0 -110
package/src/main.tsx +0 -13
package/src/store/index.test.ts +0 -242
package/src/store/index.ts +0 -254
package/src/types/index.ts +0 -127

package/src/lib/mermaid-worker.ts ADDED Viewed

@@ -0,0 +1,60 @@
+/// <reference lib="webworker" />
+import { JSDOM } from "jsdom";
+import { getMermaidInitConfig } from "./mermaid-config";
+const dom = new JSDOM(
+  '<!DOCTYPE html><html><body><div id="mermaid-container"></div></body></html>',
+  {
+    url: "http://localhost",
+    pretendToBeVisual: true,
+    contentType: "text/html",
+  },
+);
+const g = globalThis as Record<string, unknown>;
+g.window = dom.window;
+g.document = dom.window.document;
+g.navigator = dom.window.navigator;
+g.DOMParser = dom.window.DOMParser;
+g.XMLSerializer = dom.window.XMLSerializer;
+g.HTMLElement = dom.window.HTMLElement;
+g.SVGElement = (dom.window as unknown as Record<string, unknown>).SVGElement;
+const mermaid = (await import("mermaid")).default;
+mermaid.initialize(getMermaidInitConfig());
+interface RenderRequest {
+  id: string;
+  code: string;
+  diagramId: string;
+}
+function resetBody() {
+  const body = dom.window.document.body;
+  while (body.firstChild) body.removeChild(body.firstChild);
+  const container = dom.window.document.createElement("div");
+  container.id = "mermaid-container";
+  body.appendChild(container);
+}
+let renderQueue: Promise<void> = Promise.resolve();
+self.onmessage = (event: MessageEvent<RenderRequest>) => {
+  const { id, code, diagramId } = event.data;
+  renderQueue = renderQueue.then(async () => {
+    try {
+      resetBody();
+      const { svg } = await mermaid.render(diagramId, code);
+      self.postMessage({ id, svg });
+    } catch (err) {
+      self.postMessage({
+        id,
+        error: err instanceof Error ? err.message : String(err),
+      });
+    }
+  });
+};
+self.postMessage({ type: "ready" });

package/src/lib/positions.ts ADDED Viewed

@@ -0,0 +1,157 @@
+import type { Highlighter } from "./highlight/highlighter";
+import { resolveMarginNotePositions } from "./margin-layout";
+type Listener = () => void;
+export class Positions {
+  private relative = new Map<string, number>();
+  private absolute = new Map<string, number>();
+  private snapshot: Record<string, number> = {};
+  private notes = new Map<string, HTMLElement>();
+  private ids: string[] = [];
+  private pendingTop: number | undefined;
+  private listeners = new Set<Listener>();
+  private root: HTMLElement | null = null;
+  private container: HTMLElement | null = null;
+  private highlighter: Highlighter | null = null;
+  private resizeRaf: number | null = null;
+  private cacheRaf: number | null = null;
+  private unsubCache: (() => void) | null = null;
+  attach(root: HTMLElement, container: HTMLElement, highlighter: Highlighter) {
+    this.root = root;
+    this.container = container;
+    this.highlighter = highlighter;
+    window.addEventListener("resize", this.onResize);
+    this.unsubCache = highlighter.onCacheInvalidated(() => {
+      if (this.cacheRaf !== null) return;
+      this.cacheRaf = requestAnimationFrame(() => {
+        this.cacheRaf = null;
+        this.cache();
+      });
+    });
+  }
+  detach() {
+    window.removeEventListener("resize", this.onResize);
+    if (this.resizeRaf !== null) cancelAnimationFrame(this.resizeRaf);
+    if (this.cacheRaf !== null) cancelAnimationFrame(this.cacheRaf);
+    this.resizeRaf = null;
+    this.cacheRaf = null;
+    this.unsubCache?.();
+    this.unsubCache = null;
+    this.root = null;
+    this.container = null;
+    this.highlighter = null;
+  }
+  cache() {
+    if (!this.root || !this.container || !this.highlighter) return;
+    const highlightedIds = this.highlighter.getHighlightedIds();
+    if (highlightedIds.length === 0) return;
+    const ref = this.container.getBoundingClientRect();
+    const scrollY = window.scrollY;
+    this.relative.clear();
+    this.absolute.clear();
+    const positions = this.highlighter.getPositions(ref);
+    for (const [id, relTop] of positions) {
+      this.relative.set(id, relTop);
+      this.absolute.set(id, relTop + ref.top + scrollY);
+    }
+    const snap: Record<string, number> = {};
+    for (const [id, top] of this.absolute) snap[id] = top;
+    this.snapshot = snap;
+    this.apply();
+    this.notify();
+    this.exposeReady();
+  }
+  setIds(ids: string[]) {
+    this.ids = ids;
+  }
+  setPending(top: number | undefined) {
+    if (this.pendingTop === top) return;
+    this.pendingTop = top;
+    this.apply();
+  }
+  register(id: string, el: HTMLElement) {
+    this.notes.set(id, el);
+    const top = this.resolve().get(id);
+    if (top !== undefined) {
+      el.style.top = `${top}px`;
+      el.style.visibility = "visible";
+    } else {
+      el.style.visibility = "hidden";
+    }
+  }
+  unregister(id: string) {
+    this.notes.delete(id);
+  }
+  getAbsolute(): Record<string, number> {
+    return this.snapshot;
+  }
+  subscribe(fn: Listener): () => void {
+    this.listeners.add(fn);
+    return () => this.listeners.delete(fn);
+  }
+  dispose() {
+    this.detach();
+    this.relative.clear();
+    this.absolute.clear();
+    this.snapshot = {};
+    this.notes.clear();
+    this.listeners.clear();
+    this.ids = [];
+  }
+  private resolve(): Map<string, number> {
+    const pos: Record<string, number> = {};
+    for (const [id, top] of this.relative) pos[id] = top;
+    return resolveMarginNotePositions(this.ids, pos, this.pendingTop);
+  }
+  private apply() {
+    const resolved = this.resolve();
+    for (const [id, el] of this.notes) {
+      const top = resolved.get(id);
+      if (top !== undefined) {
+        el.style.top = `${top}px`;
+        el.style.visibility = "visible";
+      } else {
+        el.style.visibility = "hidden";
+      }
+    }
+  }
+  private onResize = () => {
+    if (this.resizeRaf !== null) return;
+    this.resizeRaf = requestAnimationFrame(() => {
+      this.resizeRaf = null;
+      this.cache();
+    });
+  };
+  private notify() {
+    for (const fn of this.listeners) fn();
+  }
+  private exposeReady() {
+    if (typeof window !== "undefined") {
+      (window as unknown as Record<string, unknown>).__readitPositionsReady =
+        performance.now();
+    }
+  }
+}

package/src/lib/shortcut-registry.ts CHANGED Viewed

@@ -1,6 +1,8 @@
-import type { KeybindingOverride, ShortcutBinding } from "../types";
+import type { KeybindingOverride, ShortcutBinding } from "../schema";
+import type { TranslationKey } from "./i18n/types";
-export type { KeybindingOverride, ShortcutBinding };
+const IS_MAC =
+  typeof navigator !== "undefined" && navigator.platform.includes("Mac");
 export const ShortcutActions = {
   COPY_ALL: "copyAll",
@@ -17,193 +19,226 @@ export type ShortcutAction =
 export interface ShortcutDefinition {
   id: ShortcutAction;
-  label: string;
-  description: string;
+  label: TranslationKey;
+  description: TranslationKey;
   defaultBinding: ShortcutBinding;
-  binding: ShortcutBinding; // resolved (default or user override)
+  binding: ShortcutBinding;
   enabled: boolean;
 }
 export const DEFAULT_SHORTCUTS: ShortcutDefinition[] = [
   {
     id: ShortcutActions.COPY_ALL,
-    label: "Copy All (AI)",
-    description: "Copy all comments in AI prompt format",
+    label: "shortcut.copyAll.label",
+    description: "shortcut.copyAll.description",
     defaultBinding: { key: "c", alt: true },
     binding: { key: "c", alt: true },
     enabled: true,
   },
   {
     id: ShortcutActions.COPY_ALL_RAW,
-    label: "Copy All (Raw)",
-    description: "Copy all comments as raw text",
+    label: "shortcut.copyAllRaw.label",
+    description: "shortcut.copyAllRaw.description",
     defaultBinding: { key: "c", alt: true, shift: true },
     binding: { key: "c", alt: true, shift: true },
     enabled: true,
   },
   {
     id: ShortcutActions.NAVIGATE_NEXT,
-    label: "Next Comment",
-    description: "Navigate to next comment",
+    label: "shortcut.navigateNext.label",
+    description: "shortcut.navigateNext.description",
     defaultBinding: { key: "ArrowDown", alt: true },
     binding: { key: "ArrowDown", alt: true },
     enabled: true,
   },
   {
     id: ShortcutActions.NAVIGATE_PREVIOUS,
-    label: "Previous Comment",
-    description: "Navigate to previous comment",
+    label: "shortcut.navigatePrevious.label",
+    description: "shortcut.navigatePrevious.description",
     defaultBinding: { key: "ArrowUp", alt: true },
     binding: { key: "ArrowUp", alt: true },
     enabled: true,
   },
   {
     id: ShortcutActions.COPY_SELECTION_RAW,
-    label: "Copy Selection",
-    description: "Copy selected text",
-    defaultBinding: { key: "c", meta: true },
-    binding: { key: "c", meta: true },
+    label: "shortcut.copySelectionRaw.label",
+    description: "shortcut.copySelectionRaw.description",
+    defaultBinding: IS_MAC
+      ? { key: "c", meta: true, shift: true }
+      : { key: "c", ctrl: true, shift: true },
+    binding: IS_MAC
+      ? { key: "c", meta: true, shift: true }
+      : { key: "c", ctrl: true, shift: true },
     enabled: true,
   },
   {
     id: ShortcutActions.COPY_SELECTION_LLM,
-    label: "Copy Selection (LLM)",
-    description: "Copy selected text with context for LLM",
-    defaultBinding: { key: "c", meta: true, shift: true },
-    binding: { key: "c", meta: true, shift: true },
+    label: "shortcut.copySelectionLLM.label",
+    description: "shortcut.copySelectionLLM.description",
+    defaultBinding: IS_MAC
+      ? { key: "c", meta: true, alt: true }
+      : { key: "c", ctrl: true, alt: true },
+    binding: IS_MAC
+      ? { key: "c", meta: true, alt: true }
+      : { key: "c", ctrl: true, alt: true },
     enabled: true,
   },
   {
     id: ShortcutActions.CLEAR_SELECTION,
-    label: "Clear Selection",
-    description: "Clear text selection",
+    label: "shortcut.clearSelection.label",
+    description: "shortcut.clearSelection.description",
     defaultBinding: { key: "Escape" },
     binding: { key: "Escape" },
     enabled: true,
   },
 ];
-/**
- * Check if a KeyboardEvent matches a ShortcutBinding.
- * All modifier flags must match exactly (no extra modifiers allowed).
- */
 export function matchesBinding(
   event: KeyboardEvent,
   binding: ShortcutBinding,
 ): boolean {
   if (event.key.toLowerCase() !== binding.key.toLowerCase()) return false;
-  if (event.altKey !== (binding.alt ?? false)) return false;
-  if (event.metaKey !== (binding.meta ?? false)) return false;
-  if (event.shiftKey !== (binding.shift ?? false)) return false;
+  if (!!binding.alt !== event.altKey) return false;
+  if (!!binding.ctrl !== event.ctrlKey) return false;
+  if (!!binding.meta !== event.metaKey) return false;
+  if (!!binding.shift !== event.shiftKey) return false;
   return true;
 }
-const KEY_DISPLAY: Record<string, string> = {
-  ArrowUp: "↑",
-  ArrowDown: "↓",
-  ArrowLeft: "←",
-  ArrowRight: "→",
-  Escape: "Esc",
-  " ": "Space",
-  Enter: "Enter",
-};
-/**
- * Format a ShortcutBinding for display.
- * Shows ⌘ on Mac, Ctrl on other platforms.
- */
 export function formatBinding(
   binding: ShortcutBinding,
   isMac: boolean,
 ): string {
   const parts: string[] = [];
-  if (binding.meta) parts.push(isMac ? "⌘" : "Ctrl");
-  if (binding.alt) parts.push("Alt");
-  if (binding.shift) parts.push("Shift");
-  const keyDisplay = KEY_DISPLAY[binding.key] ?? binding.key.toUpperCase();
+  if (binding.ctrl) {
+    parts.push(isMac ? "\u2303" : "Ctrl");
+  }
+  if (binding.meta) {
+    parts.push(isMac ? "\u2318" : "Meta");
+  }
+  if (binding.alt) {
+    parts.push(isMac ? "\u2325" : "Alt");
+  }
+  if (binding.shift) {
+    parts.push(isMac ? "\u21E7" : "Shift");
+  }
+  const keyDisplay = KEY_DISPLAY_MAP[binding.key] ?? binding.key.toUpperCase();
   parts.push(keyDisplay);
-  return parts.join("+");
+  return parts.join(isMac ? "" : "+");
 }
-/**
- * Merge user overrides with default shortcuts.
- * Unknown override IDs are ignored.
- */
+const KEY_DISPLAY_MAP: Record<string, string> = {
+  ArrowUp: "\u2191",
+  ArrowDown: "\u2193",
+  ArrowLeft: "\u2190",
+  ArrowRight: "\u2192",
+  Escape: "Esc",
+  Enter: "\u21B5",
+  Backspace: "\u232B",
+  Delete: "\u2326",
+  Tab: "\u21E5",
+  " ": "Space",
+};
 export function resolveShortcuts(
   overrides: KeybindingOverride[],
 ): ShortcutDefinition[] {
-  if (overrides.length === 0) return DEFAULT_SHORTCUTS;
-  const overrideMap = new Map(overrides.map((o) => [o.id, o]));
-  return DEFAULT_SHORTCUTS.map((shortcut) => {
-    const override = overrideMap.get(shortcut.id);
-    if (!override) return shortcut;
+  return DEFAULT_SHORTCUTS.map((def) => {
+    const override = overrides.find((o) => o.id === def.id);
+    if (!override) return { ...def };
     return {
-      ...shortcut,
-      binding: override.binding ?? shortcut.defaultBinding,
+      ...def,
+      binding: override.binding ?? def.defaultBinding,
       enabled: override.enabled,
     };
   });
 }
-/**
- * Browser-reserved key combos that cannot be rebound.
- */
-export const RESERVED_BINDINGS: ShortcutBinding[] = [
+// Mac-specific reserved bindings (Cmd+key)
+export const RESERVED_BINDINGS_MAC: ShortcutBinding[] = [
+  { key: "r", meta: true },
   { key: "w", meta: true },
   { key: "t", meta: true },
   { key: "n", meta: true },
   { key: "q", meta: true },
   { key: "l", meta: true },
-  { key: "r", meta: true },
-  { key: "F5" },
-  { key: "F11" },
-  { key: "F12" },
+  { key: "a", meta: true },
+  { key: "f", meta: true },
+  { key: "p", meta: true },
+];
+// Windows/Linux reserved bindings (Ctrl+key consumed by browser)
+export const RESERVED_BINDINGS_OTHER: ShortcutBinding[] = [
+  { key: "r", ctrl: true },
+  { key: "w", ctrl: true },
+  { key: "t", ctrl: true },
+  { key: "n", ctrl: true },
+  { key: "l", ctrl: true },
+  { key: "a", ctrl: true },
+  { key: "f", ctrl: true },
+  { key: "p", ctrl: true },
 ];
-/**
- * Check if a binding conflicts with browser-reserved shortcuts.
- */
-export function isReservedBinding(binding: ShortcutBinding): boolean {
-  return RESERVED_BINDINGS.some(
-    (reserved) =>
-      reserved.key.toLowerCase() === binding.key.toLowerCase() &&
-      (reserved.meta ?? false) === (binding.meta ?? false) &&
-      (reserved.alt ?? false) === (binding.alt ?? false) &&
-      (reserved.shift ?? false) === (binding.shift ?? false),
+export function isReservedBinding(
+  binding: ShortcutBinding,
+  isMac: boolean,
+): boolean {
+  const reserved = isMac ? RESERVED_BINDINGS_MAC : RESERVED_BINDINGS_OTHER;
+  // Ignore shift when checking reserved bindings because browsers also
+  // consume the shifted variants (e.g. Cmd+Shift+R, Ctrl+Shift+T).
+  return reserved.some(
+    (r) =>
+      r.key.toLowerCase() === binding.key.toLowerCase() &&
+      !!r.alt === !!binding.alt &&
+      !!r.ctrl === !!binding.ctrl &&
+      !!r.meta === !!binding.meta,
   );
 }
-/**
- * Convert a KeyboardEvent to a ShortcutBinding (for the capture UI).
- */
-export function eventToBinding(
-  event: KeyboardEvent,
-): ShortcutBinding | undefined {
-  // Ignore standalone modifier keys
-  if (["Alt", "Shift", "Control", "Meta"].includes(event.key)) return undefined;
-  const binding: ShortcutBinding = { key: event.key };
-  if (event.altKey) binding.alt = true;
-  if (event.metaKey) binding.meta = true;
-  if (event.shiftKey) binding.shift = true;
-  return binding;
+export function eventToBinding(event: KeyboardEvent): ShortcutBinding {
+  return {
+    key: event.key,
+    ...(event.altKey && { alt: true }),
+    ...(event.ctrlKey && { ctrl: true }),
+    ...(event.metaKey && { meta: true }),
+    ...(event.shiftKey && { shift: true }),
+  };
 }
-/**
- * Check if two bindings are equal.
- */
 export function bindingsEqual(a: ShortcutBinding, b: ShortcutBinding): boolean {
   return (
     a.key.toLowerCase() === b.key.toLowerCase() &&
-    (a.alt ?? false) === (b.alt ?? false) &&
-    (a.meta ?? false) === (b.meta ?? false) &&
-    (a.shift ?? false) === (b.shift ?? false)
+    !!a.alt === !!b.alt &&
+    !!a.ctrl === !!b.ctrl &&
+    !!a.meta === !!b.meta &&
+    !!a.shift === !!b.shift
   );
 }
+export interface ShortcutGroup {
+  label: TranslationKey;
+  ids: ShortcutAction[];
+}
+export const SHORTCUT_GROUPS: ShortcutGroup[] = [
+  {
+    label: "shortcutGroup.copy",
+    ids: [
+      ShortcutActions.COPY_ALL,
+      ShortcutActions.COPY_ALL_RAW,
+      ShortcutActions.COPY_SELECTION_RAW,
+      ShortcutActions.COPY_SELECTION_LLM,
+    ],
+  },
+  {
+    label: "shortcutGroup.navigate",
+    ids: [ShortcutActions.NAVIGATE_NEXT, ShortcutActions.NAVIGATE_PREVIOUS],
+  },
+  {
+    label: "shortcutGroup.other",
+    ids: [ShortcutActions.CLEAR_SELECTION],
+  },
+];

package/src/lib/utils.ts CHANGED Viewed

@@ -1,61 +1,15 @@
 import { type ClassValue, clsx } from "clsx";
-import type { ReactNode } from "react";
 import { twMerge } from "tailwind-merge";
-import type { DocumentType } from "../types";
-export function getFileType(filePath: string): DocumentType | null {
-  if (filePath.endsWith(".md") || filePath.endsWith(".markdown")) {
-    return "markdown";
-  }
-  if (filePath.endsWith(".html") || filePath.endsWith(".htm")) {
-    return "html";
-  }
-  return null;
+export function isMarkdownFile(filePath: string): boolean {
+  return filePath.endsWith(".md") || filePath.endsWith(".markdown");
 }
 export function cn(...inputs: ReadonlyArray<ClassValue>) {
   return twMerge(clsx(inputs));
 }
-/**
- * Truncate text with ellipsis for toast notifications.
- */
 export function truncate(text: string, maxLength = 30): string {
   if (text.length <= maxLength) return text;
   return `${text.slice(0, maxLength)}…`;
 }
-/**
- * Recursively extract text content from React children.
- * Handles strings, numbers, arrays, and React elements.
- */
-export function getTextContent(children: ReactNode): string {
-  if (typeof children === "string" || typeof children === "number") {
-    return String(children);
-  }
-  if (Array.isArray(children)) {
-    return children.map(getTextContent).join("");
-  }
-  if (
-    typeof children === "object" &&
-    children !== null &&
-    "props" in children
-  ) {
-    return getTextContent(
-      (children as { props: { children?: ReactNode } }).props.children,
-    );
-  }
-  return "";
-}
-/**
- * Slugify text to create URL-friendly IDs
- */
-export function slugify(text: string): string {
-  return text
-    .toLowerCase()
-    .trim()
-    .replace(/[^\w\s-]/g, "")
-    .replace(/\s+/g, "-")
-    .replace(/-+/g, "-");
-}

package/src/main.ts ADDED Viewed

@@ -0,0 +1,16 @@
+import { mount } from "svelte";
+import "./index.css";
+import App from "./App.svelte";
+import { hydrateFromInlineData } from "./stores/app.svelte";
+import { initSettings } from "./stores/settings.svelte";
+import { initShortcuts } from "./stores/shortcuts.svelte";
+const dataEl = document.getElementById("__readit");
+if (dataEl) {
+  const data = JSON.parse(dataEl.textContent ?? "{}");
+  hydrateFromInlineData(data);
+  initSettings(data.settings);
+  initShortcuts(data.settings?.keybindings ?? []);
+}
+mount(App, { target: document.getElementById("app")! });