@peaske7/readit 0.3.0-rc.0 → 0.3.0-rc.1

package/src/lib/positions.ts

@@ -1,157 +0,0 @@
-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

@@ -1,244 +0,0 @@
-import type { KeybindingOverride, ShortcutBinding } from "../schema";
-import type { TranslationKey } from "./i18n/types";
-
-const IS_MAC =
-  typeof navigator !== "undefined" && navigator.platform.includes("Mac");
-
-export const ShortcutActions = {
-  COPY_ALL: "copyAll",
-  COPY_ALL_RAW: "copyAllRaw",
-  NAVIGATE_NEXT: "navigateNext",
-  NAVIGATE_PREVIOUS: "navigatePrevious",
-  COPY_SELECTION_RAW: "copySelectionRaw",
-  COPY_SELECTION_LLM: "copySelectionLLM",
-  CLEAR_SELECTION: "clearSelection",
-} as const;
-
-export type ShortcutAction =
-  (typeof ShortcutActions)[keyof typeof ShortcutActions];
-
-export interface ShortcutDefinition {
-  id: ShortcutAction;
-  label: TranslationKey;
-  description: TranslationKey;
-  defaultBinding: ShortcutBinding;
-  binding: ShortcutBinding;
-  enabled: boolean;
-}
-
-export const DEFAULT_SHORTCUTS: ShortcutDefinition[] = [
-  {
-    id: ShortcutActions.COPY_ALL,
-    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: "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: "shortcut.navigateNext.label",
-    description: "shortcut.navigateNext.description",
-    defaultBinding: { key: "ArrowDown", alt: true },
-    binding: { key: "ArrowDown", alt: true },
-    enabled: true,
-  },
-  {
-    id: ShortcutActions.NAVIGATE_PREVIOUS,
-    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: "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: "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: "shortcut.clearSelection.label",
-    description: "shortcut.clearSelection.description",
-    defaultBinding: { key: "Escape" },
-    binding: { key: "Escape" },
-    enabled: true,
-  },
-];
-
-export function matchesBinding(
-  event: KeyboardEvent,
-  binding: ShortcutBinding,
-): boolean {
-  if (event.key.toLowerCase() !== binding.key.toLowerCase()) 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;
-}
-
-export function formatBinding(
-  binding: ShortcutBinding,
-  isMac: boolean,
-): string {
-  const parts: string[] = [];
-
-  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(isMac ? "" : "+");
-}
-
-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[] {
-  return DEFAULT_SHORTCUTS.map((def) => {
-    const override = overrides.find((o) => o.id === def.id);
-    if (!override) return { ...def };
-    return {
-      ...def,
-      binding: override.binding ?? def.defaultBinding,
-      enabled: override.enabled,
-    };
-  });
-}
-
-// 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: "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 },
-];
-
-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,
-  );
-}
-
-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 }),
-  };
-}
-
-export function bindingsEqual(a: ShortcutBinding, b: ShortcutBinding): boolean {
-  return (
-    a.key.toLowerCase() === b.key.toLowerCase() &&
-    !!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

@@ -1,15 +0,0 @@
-import { type ClassValue, clsx } from "clsx";
-import { twMerge } from "tailwind-merge";
-
-export function isMarkdownFile(filePath: string): boolean {
-  return filePath.endsWith(".md") || filePath.endsWith(".markdown");
-}
-
-export function cn(...inputs: ReadonlyArray<ClassValue>) {
-  return twMerge(clsx(inputs));
-}
-
-export function truncate(text: string, maxLength = 30): string {
-  if (text.length <= maxLength) return text;
-  return `${text.slice(0, maxLength)}…`;
-}

package/src/main.ts

@@ -1,16 +0,0 @@
-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")! });

package/src/schema.ts

@@ -1,92 +0,0 @@
-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;
-  lineHint?: string;
-  anchorConfidence?: AnchorConfidence;
-  anchorPrefix?: string;
-}
-
-export interface CommentFile {
-  source: string;
-  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 {
-  html: 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;
-}
-
-export interface ShortcutBinding {
-  key: string;
-  alt?: boolean;
-  ctrl?: boolean;
-  meta?: boolean;
-  shift?: boolean;
-}
-
-export interface KeybindingOverride {
-  id: string;
-  binding?: ShortcutBinding;
-  enabled: boolean;
-}