@peaske7/readit 0.1.7 → 0.2.0

package/src/lib/i18n/en.ts

@@ -13,14 +13,9 @@ export const en: Translations = {
 
   // Actions menu
   "actions.ariaLabel": "Actions menu",
-  "actions.centered": "Centered",
-  "actions.fullscreen": "Fullscreen",
   "actions.settings": "Settings",
   "actions.reload": "Reload",
-  "actions.copyAllAI": "Copy All (AI)",
-  "actions.copyAllAITitle": "Copy in prompt format for AI assistants",
-  "actions.copyAllRaw": "Copy All (Raw)",
-  "actions.copyAllRawTitle": "Copy as plain text",
+  "actions.copyAll": "Copy All",
   "actions.exportJson": "Export JSON",
   "actions.viewRaw": "View Raw",
 
@@ -29,37 +24,23 @@ export const en: Translations = {
   "settings.theme": "Theme",
   "settings.font": "Font",
   "settings.language": "Language",
-  "settings.keyboardShortcuts": "Keyboard Shortcuts",
-  "settings.clickToRebind": "Click a key to rebind",
   "settings.theme.system": "System",
   "settings.theme.light": "Light",
   "settings.theme.dark": "Dark",
   "settings.font.serif": "Serif",
   "settings.font.sansSerif": "Sans-serif",
-  "settings.editor": "Editor",
-  "settings.editor.none": "None",
-  "settings.editor.vscode": "VS Code",
-  "settings.editor.vscodeInsiders": "VS Code Insiders",
-  "settings.editor.cursor": "Cursor",
 
   // Comment input
   "comment.placeholder": "Add your comment...",
   "comment.cancel": "Cancel",
   "comment.addNote": "Add Note",
   "comment.highlight": "Highlight",
-  "comment.copyRawTitle": "Copy raw text (⌘C)",
-  "comment.copyRawLabel": "Copy raw text",
-  "comment.copyLLMTitle": "Copy with context for LLM (⌘⇧C)",
-  "comment.copyLLMLabel": "Copy for LLM",
 
   // Margin note
   "marginNote.addNote": "Add note",
   "marginNote.delete": "Delete",
   "marginNote.edit": "Edit",
   "marginNote.copy": "Copy",
-  "marginNote.copyTitle": "Copy raw text (⌘C)",
-  "marginNote.llm": "LLM",
-  "marginNote.llmTitle": "Copy with context for LLM (⌘⇧C)",
 
   // Comment manager
   "commentManager.unresolved": "unresolved",
@@ -99,39 +80,9 @@ export const en: Translations = {
   "rawModal.copiedToClipboard": "Copied to clipboard",
   "rawModal.failedToCopy": "Failed to copy",
 
-  // Shortcut groups
-  "shortcutGroup.copy": "Copy",
-  "shortcutGroup.navigate": "Navigate",
-  "shortcutGroup.other": "Other",
-  "shortcuts.resetToDefaults": "Reset to defaults",
-  "shortcuts.enableDisable": "Enable/disable shortcut",
-  "shortcutCapture.pressKeys": "Press keys...",
-
-  // Shortcut labels
-  "shortcut.copyAll.label": "Copy All (AI)",
-  "shortcut.copyAll.description": "Copy all comments in AI prompt format",
-  "shortcut.copyAllRaw.label": "Copy All (Raw)",
-  "shortcut.copyAllRaw.description": "Copy all comments as raw text",
-  "shortcut.navigateNext.label": "Next Comment",
-  "shortcut.navigateNext.description": "Navigate to next comment",
-  "shortcut.navigatePrevious.label": "Previous Comment",
-  "shortcut.navigatePrevious.description": "Navigate to previous comment",
-  "shortcut.copySelectionRaw.label": "Copy Selection",
-  "shortcut.copySelectionRaw.description": "Copy selected text",
-  "shortcut.copySelectionLLM.label": "Copy Selection (LLM)",
-  "shortcut.copySelectionLLM.description":
-    "Copy selected text with context for LLM",
-  "shortcut.clearSelection.label": "Clear Selection",
-  "shortcut.clearSelection.description": "Clear text selection",
-
   // Toast messages
   "toast.copied": 'Copied: "{{text}}"',
-  "toast.copiedForLLM": 'Copied for LLM: "{{text}}"',
   "toast.copiedAllComments": "Copied all comments",
-  "toast.copiedAllRaw": "Copied all comments as raw text",
-
-  // Floating TOC
-  "floatingTOC.label": "Table of Contents",
 
   // Comment badge
   "commentBadge.title": "{{count}} comment",

package/src/lib/i18n/ja.ts

@@ -13,14 +13,9 @@ export const ja: Translations = {
 
   // Actions menu
   "actions.ariaLabel": "操作メニュー",
-  "actions.centered": "中央揃え",
-  "actions.fullscreen": "全画面",
   "actions.settings": "設定",
   "actions.reload": "再読み込み",
-  "actions.copyAllAI": "全てコピー (AI)",
-  "actions.copyAllAITitle": "AIアシスタント用プロンプト形式でコピー",
-  "actions.copyAllRaw": "全てコピー (テキスト)",
-  "actions.copyAllRawTitle": "プレーンテキストとしてコピー",
+  "actions.copyAll": "全てコピー",
   "actions.exportJson": "JSONエクスポート",
   "actions.viewRaw": "生データを表示",
 
@@ -29,37 +24,23 @@ export const ja: Translations = {
   "settings.theme": "テーマ",
   "settings.font": "フォント",
   "settings.language": "言語",
-  "settings.keyboardShortcuts": "キーボードショートカット",
-  "settings.clickToRebind": "キーをクリックして変更",
   "settings.theme.system": "システム",
   "settings.theme.light": "ライト",
   "settings.theme.dark": "ダーク",
   "settings.font.serif": "明朝体",
   "settings.font.sansSerif": "ゴシック体",
-  "settings.editor": "エディター",
-  "settings.editor.none": "なし",
-  "settings.editor.vscode": "VS Code",
-  "settings.editor.vscodeInsiders": "VS Code Insiders",
-  "settings.editor.cursor": "Cursor",
 
   // Comment input
   "comment.placeholder": "コメントを入力...",
   "comment.cancel": "キャンセル",
   "comment.addNote": "メモを追加",
   "comment.highlight": "ハイライト",
-  "comment.copyRawTitle": "テキストをコピー (⌘C)",
-  "comment.copyRawLabel": "テキストをコピー",
-  "comment.copyLLMTitle": "LLM用にコンテキスト付きでコピー (⌘⇧C)",
-  "comment.copyLLMLabel": "LLM用にコピー",
 
   // Margin note
   "marginNote.addNote": "メモを追加",
   "marginNote.delete": "削除",
   "marginNote.edit": "編集",
   "marginNote.copy": "コピー",
-  "marginNote.copyTitle": "テキストをコピー (⌘C)",
-  "marginNote.llm": "LLM",
-  "marginNote.llmTitle": "LLM用にコンテキスト付きでコピー (⌘⇧C)",
 
   // Comment manager
   "commentManager.unresolved": "未解決",
@@ -101,39 +82,9 @@ export const ja: Translations = {
   "rawModal.copiedToClipboard": "クリップボードにコピーしました",
   "rawModal.failedToCopy": "コピーに失敗しました",
 
-  // Shortcut groups
-  "shortcutGroup.copy": "コピー",
-  "shortcutGroup.navigate": "ナビゲーション",
-  "shortcutGroup.other": "その他",
-  "shortcuts.resetToDefaults": "初期設定に戻す",
-  "shortcuts.enableDisable": "ショートカットの有効/無効",
-  "shortcutCapture.pressKeys": "キーを入力...",
-
-  // Shortcut labels
-  "shortcut.copyAll.label": "全てコピー (AI)",
-  "shortcut.copyAll.description": "全コメントをAIプロンプト形式でコピー",
-  "shortcut.copyAllRaw.label": "全てコピー (テキスト)",
-  "shortcut.copyAllRaw.description": "全コメントをテキストとしてコピー",
-  "shortcut.navigateNext.label": "次のコメント",
-  "shortcut.navigateNext.description": "次のコメントに移動",
-  "shortcut.navigatePrevious.label": "前のコメント",
-  "shortcut.navigatePrevious.description": "前のコメントに移動",
-  "shortcut.copySelectionRaw.label": "選択をコピー",
-  "shortcut.copySelectionRaw.description": "選択テキストをコピー",
-  "shortcut.copySelectionLLM.label": "選択をコピー (LLM)",
-  "shortcut.copySelectionLLM.description":
-    "選択テキストをLLM用コンテキスト付きでコピー",
-  "shortcut.clearSelection.label": "選択を解除",
-  "shortcut.clearSelection.description": "テキスト選択を解除",
-
   // Toast messages
   "toast.copied": 'コピーしました: "{{text}}"',
-  "toast.copiedForLLM": 'LLM用にコピーしました: "{{text}}"',
   "toast.copiedAllComments": "全てのコメントをコピーしました",
-  "toast.copiedAllRaw": "全てのコメントをテキストとしてコピーしました",
-
-  // Floating TOC
-  "floatingTOC.label": "目次",
 
   // Comment badge
   "commentBadge.title": "{{count}}件のコメント",

package/src/lib/i18n/types.ts

@@ -18,14 +18,9 @@ export interface Translations {
 
   // Actions menu
   "actions.ariaLabel": string;
-  "actions.centered": string;
-  "actions.fullscreen": string;
   "actions.settings": string;
   "actions.reload": string;
-  "actions.copyAllAI": string;
-  "actions.copyAllAITitle": string;
-  "actions.copyAllRaw": string;
-  "actions.copyAllRawTitle": string;
+  "actions.copyAll": string;
   "actions.exportJson": string;
   "actions.viewRaw": string;
 
@@ -34,37 +29,23 @@ export interface Translations {
   "settings.theme": string;
   "settings.font": string;
   "settings.language": string;
-  "settings.keyboardShortcuts": string;
-  "settings.clickToRebind": string;
   "settings.theme.system": string;
   "settings.theme.light": string;
   "settings.theme.dark": string;
   "settings.font.serif": string;
   "settings.font.sansSerif": string;
-  "settings.editor": string;
-  "settings.editor.none": string;
-  "settings.editor.vscode": string;
-  "settings.editor.vscodeInsiders": string;
-  "settings.editor.cursor": string;
 
   // Comment input
   "comment.placeholder": string;
   "comment.cancel": string;
   "comment.addNote": string;
   "comment.highlight": string;
-  "comment.copyRawTitle": string;
-  "comment.copyRawLabel": string;
-  "comment.copyLLMTitle": string;
-  "comment.copyLLMLabel": string;
 
   // Margin note
   "marginNote.addNote": string;
   "marginNote.delete": string;
   "marginNote.edit": string;
   "marginNote.copy": string;
-  "marginNote.copyTitle": string;
-  "marginNote.llm": string;
-  "marginNote.llmTitle": string;
 
   // Comment manager
   "commentManager.unresolved": string;
@@ -104,38 +85,9 @@ export interface Translations {
   "rawModal.copiedToClipboard": string;
   "rawModal.failedToCopy": string;
 
-  // Shortcut groups
-  "shortcutGroup.copy": string;
-  "shortcutGroup.navigate": string;
-  "shortcutGroup.other": string;
-  "shortcuts.resetToDefaults": string;
-  "shortcuts.enableDisable": string;
-  "shortcutCapture.pressKeys": string;
-
-  // Shortcut labels (rendered in ShortcutList)
-  "shortcut.copyAll.label": string;
-  "shortcut.copyAll.description": string;
-  "shortcut.copyAllRaw.label": string;
-  "shortcut.copyAllRaw.description": string;
-  "shortcut.navigateNext.label": string;
-  "shortcut.navigateNext.description": string;
-  "shortcut.navigatePrevious.label": string;
-  "shortcut.navigatePrevious.description": string;
-  "shortcut.copySelectionRaw.label": string;
-  "shortcut.copySelectionRaw.description": string;
-  "shortcut.copySelectionLLM.label": string;
-  "shortcut.copySelectionLLM.description": string;
-  "shortcut.clearSelection.label": string;
-  "shortcut.clearSelection.description": string;
-
   // Toast messages
   "toast.copied": string;
-  "toast.copiedForLLM": string;
   "toast.copiedAllComments": string;
-  "toast.copiedAllRaw": string;
-
-  // Floating TOC
-  "floatingTOC.label": string;
 
   // Comment badge
   "commentBadge.title": string;

package/src/lib/margin-layout.ts

@@ -1,7 +1,5 @@
-import {
-  COMMENT_INPUT_HEIGHT_PX,
-  MARGIN_NOTE_MIN_GAP_PX,
-} from "./layout-constants";
+const MARGIN_NOTE_MIN_GAP_PX = 150;
+const COMMENT_INPUT_HEIGHT_PX = 160;
 
 interface NotePosition {
   commentId: string;
@@ -10,18 +8,7 @@ interface NotePosition {
 
 /**
  * Resolves margin note positions to avoid overlaps.
- *
- * Algorithm:
- * 1. Build initial positions from highlight positions
- * 2. Handle input zone collision (push notes up or down to avoid input)
- * 3. Resolve note-to-note overlaps:
- *    - Pass 1: Notes above input zone → push UP
- *    - Pass 2: Notes at/below input zone → push DOWN
- *
- * @param commentIds - Comment IDs in document order (sorted by startOffset)
- * @param highlightPositions - Map of comment ID to top position
- * @param pendingSelectionTop - Top position of input zone (if any)
- * @returns Map of comment ID to resolved top position
+ * Pass 1: push notes above input zone UP. Pass 2: push notes at/below DOWN.
  */
 export function resolveMarginNotePositions(
   commentIds: string[],
@@ -36,10 +23,8 @@ export function resolveMarginNotePositions(
       top: highlightPositions[id],
     }));
 
-  // Sort by top position
   positions.sort((a, b) => a.top - b.top);
 
-  // Handle input zone collision - check visual overlap, not just top position
   if (pendingSelectionTop !== null && pendingSelectionTop !== undefined) {
     const inputStart = pendingSelectionTop;
     const inputEnd = pendingSelectionTop + COMMENT_INPUT_HEIGHT_PX;
@@ -47,48 +32,41 @@ export function resolveMarginNotePositions(
     for (const pos of positions) {
       const noteBottom = pos.top + MARGIN_NOTE_MIN_GAP_PX;
 
-      // Check if note visually overlaps with input zone
       const overlaps = noteBottom > inputStart && pos.top < inputEnd;
 
       if (overlaps) {
         if (pos.top < inputStart) {
-          // Note is above input but overlaps - push UP
           pos.top = Math.max(0, inputStart - MARGIN_NOTE_MIN_GAP_PX);
         } else {
-          // Note is within/below input zone - push DOWN
           pos.top = inputEnd;
         }
       }
     }
-    // Re-sort after potential position changes
     positions.sort((a, b) => a.top - b.top);
   }
 
-  // Resolve note-to-note overlaps
   const inputStartForOverlap = pendingSelectionTop ?? Infinity;
   const inputEndForOverlap =
     pendingSelectionTop != null
       ? pendingSelectionTop + COMMENT_INPUT_HEIGHT_PX
       : Infinity;
 
-  // Pass 1: Notes ABOVE input - resolve by pushing UP (bottom to top)
+  // Pass 1: push notes above input UP (bottom to top)
   for (let i = positions.length - 2; i >= 0; i--) {
     const curr = positions[i];
     const next = positions[i + 1];
-    // Only process if next note is above the input zone
     if (next.top >= inputStartForOverlap) continue;
     if (next.top - curr.top < MARGIN_NOTE_MIN_GAP_PX) {
       curr.top = Math.max(0, next.top - MARGIN_NOTE_MIN_GAP_PX);
     }
   }
 
-  // Pass 2: Notes at/below input - resolve by pushing DOWN (top to bottom)
+  // Pass 2: push notes at/below input DOWN (top to bottom)
   for (let i = 1; i < positions.length; i++) {
     const prev = positions[i - 1];
     const curr = positions[i];
     if (curr.top - prev.top < MARGIN_NOTE_MIN_GAP_PX) {
       let newTop = prev.top + MARGIN_NOTE_MIN_GAP_PX;
-      // If new position lands in input zone, skip to below input
       if (newTop >= inputStartForOverlap && newTop < inputEndForOverlap) {
         newTop = inputEndForOverlap;
       }

package/src/lib/positions.ts

@@ -0,0 +1,150 @@
+import { resolveMarginNotePositions } from "./margin-layout";
+
+type Listener = () => void;
+
+/**
+ * Positions managed outside React. Scroll-invariant — only recalculates
+ * on highlight mutation (MutationObserver) and resize.
+ */
+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 resizeRaf: number | null = null;
+  private mutationRaf: number | null = null;
+  private observer: MutationObserver | null = null;
+
+  attach(root: HTMLElement, container: HTMLElement) {
+    this.root = root;
+    this.container = container;
+    window.addEventListener("resize", this.onResize);
+
+    this.observer = new MutationObserver(() => {
+      if (this.mutationRaf !== null) return;
+      this.mutationRaf = requestAnimationFrame(() => {
+        this.mutationRaf = null;
+        this.cache();
+      });
+    });
+    this.observer.observe(root, { childList: true, subtree: true });
+  }
+
+  detach() {
+    window.removeEventListener("resize", this.onResize);
+    if (this.resizeRaf !== null) cancelAnimationFrame(this.resizeRaf);
+    if (this.mutationRaf !== null) cancelAnimationFrame(this.mutationRaf);
+    this.resizeRaf = null;
+    this.mutationRaf = null;
+    this.observer?.disconnect();
+    this.observer = null;
+    this.root = null;
+    this.container = null;
+  }
+
+  cache() {
+    if (!this.root || !this.container) return;
+
+    const ref = this.container.getBoundingClientRect();
+    const scrollY = window.scrollY;
+
+    this.relative.clear();
+    this.absolute.clear();
+
+    for (const mark of this.root.querySelectorAll("mark[data-comment-id]")) {
+      const id = mark.getAttribute("data-comment-id");
+      if (!id || this.relative.has(id)) continue;
+
+      const rect = mark.getBoundingClientRect();
+      this.relative.set(id, rect.top - ref.top);
+      this.absolute.set(id, rect.top + scrollY);
+    }
+
+    const snap: Record<string, number> = {};
+    for (const [id, top] of this.absolute) snap[id] = top;
+    this.snapshot = snap;
+
+    this.apply();
+    this.notify();
+  }
+
+  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();
+  }
+}

package/src/lib/utils.ts

@@ -1,34 +1,20 @@
 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);
@@ -48,9 +34,6 @@ export function getTextContent(children: ReactNode): string {
   return "";
 }
 
-/**
- * Slugify text to create URL-friendly IDs
- */
 export function slugify(text: string): string {
   return text
     .toLowerCase()

package/src/schema.ts

@@ -0,0 +1,81 @@
+export const AnchorConfidences = {
+  EXACT: "exact",
+  NORMALIZED: "normalized",
+  FUZZY: "fuzzy",
+  UNRESOLVED: "unresolved",
+} as const;
+
+export type AnchorConfidence =
+  (typeof AnchorConfidences)[keyof typeof AnchorConfidences];
+
+export type ResolvedAnchorConfidence = Exclude<
+  AnchorConfidence,
+  typeof AnchorConfidences.UNRESOLVED
+>;
+
+export interface Comment {
+  id: string;
+  selectedText: string;
+  comment: string;
+  createdAt: string;
+  startOffset: number;
+  endOffset: number;
+  /** e.g. "L42" or "L42-L55" */
+  lineHint?: string;
+  anchorConfidence?: AnchorConfidence;
+  /** First N chars of original text for anchor matching when selectedText is truncated */
+  anchorPrefix?: string;
+}
+
+export interface CommentFile {
+  source: string;
+  /** SHA-256 prefix (16 chars) */
+  hash: string;
+  version: number;
+  comments: Comment[];
+}
+
+export interface Anchor {
+  start: number;
+  end: number;
+  line: number;
+  confidence: ResolvedAnchorConfidence;
+  distance?: number;
+}
+
+export interface SelectionRange {
+  startOffset: number;
+  endOffset: number;
+}
+
+export interface Selection extends SelectionRange {
+  text: string;
+}
+
+export interface Document {
+  content: string;
+  filePath: string;
+  fileName: string;
+  clean: boolean;
+}
+
+export const FontFamilies = {
+  SERIF: "serif",
+  SANS_SERIF: "sans-serif",
+} as const;
+
+export type FontFamily = (typeof FontFamilies)[keyof typeof FontFamilies];
+
+export const ThemeModes = {
+  LIGHT: "light",
+  DARK: "dark",
+  SYSTEM: "system",
+} as const;
+
+export type ThemeMode = (typeof ThemeModes)[keyof typeof ThemeModes];
+
+export interface DocumentSettings {
+  version: number;
+  fontFamily: FontFamily;
+  onboarded?: boolean;
+}