@peaske7/readit 0.1.7 → 0.2.0

package/src/components/ui/SeparatorDot.tsx

@@ -1,9 +0,0 @@
-function SeparatorDot() {
-  return (
-    <span data-slot="separator-dot" aria-hidden="true">
-      ·
-    </span>
-  );
-}
-
-export { SeparatorDot };

package/src/contexts/LayoutContext.tsx

@@ -1,88 +0,0 @@
-import { createContext, type ReactNode, use, useMemo } from "react";
-import { useEditorScheme } from "../hooks/useEditorScheme";
-import { useFontPreference } from "../hooks/useFontPreference";
-import { useKeybindings } from "../hooks/useKeybindings";
-import { useLayoutMode } from "../hooks/useLayoutMode";
-import { useThemePreference } from "../hooks/useThemePreference";
-import type { ShortcutDefinition } from "../lib/shortcut-registry";
-import type {
-  EditorScheme,
-  FontFamily,
-  ShortcutBinding,
-  ThemeMode,
-} from "../types";
-
-interface LayoutContextValue {
-  isFullscreen: boolean;
-  toggleLayoutMode: () => void;
-  fontFamily: FontFamily;
-  setFontFamily: (font: FontFamily) => Promise<void>;
-  editorScheme: EditorScheme;
-  setEditorScheme: (scheme: EditorScheme) => Promise<void>;
-  themeMode: ThemeMode;
-  setThemeMode: (mode: ThemeMode) => void;
-  shortcuts: ShortcutDefinition[];
-  updateBinding: (id: string, binding: ShortcutBinding) => Promise<void>;
-  toggleShortcutEnabled: (id: string) => Promise<void>;
-  resetShortcutsToDefaults: () => Promise<void>;
-}
-
-export const LayoutContext = createContext<LayoutContextValue | null>(null);
-
-export function useLayoutContext(): LayoutContextValue {
-  const value = use(LayoutContext);
-  if (!value) {
-    throw new Error("useLayoutContext must be used within a LayoutProvider");
-  }
-  return value;
-}
-
-interface LayoutProviderProps {
-  children: ReactNode;
-}
-
-export function LayoutProvider({ children }: LayoutProviderProps) {
-  const { isFullscreen, toggleLayoutMode } = useLayoutMode();
-  const { fontFamily, setFontFamily } = useFontPreference();
-  const { editorScheme, setEditorScheme } = useEditorScheme();
-  const { themeMode, setThemeMode } = useThemePreference();
-  const {
-    shortcuts,
-    updateBinding,
-    toggleEnabled: toggleShortcutEnabled,
-    resetToDefaults: resetShortcutsToDefaults,
-  } = useKeybindings();
-
-  const value = useMemo<LayoutContextValue>(
-    () => ({
-      isFullscreen,
-      toggleLayoutMode,
-      fontFamily,
-      setFontFamily,
-      editorScheme,
-      setEditorScheme,
-      themeMode,
-      setThemeMode,
-      shortcuts,
-      updateBinding,
-      toggleShortcutEnabled,
-      resetShortcutsToDefaults,
-    }),
-    [
-      isFullscreen,
-      toggleLayoutMode,
-      fontFamily,
-      setFontFamily,
-      editorScheme,
-      setEditorScheme,
-      themeMode,
-      setThemeMode,
-      shortcuts,
-      updateBinding,
-      toggleShortcutEnabled,
-      resetShortcutsToDefaults,
-    ],
-  );
-
-  return <LayoutContext value={value}>{children}</LayoutContext>;
-}

package/src/hooks/useClipboard.ts

@@ -1,82 +0,0 @@
-import { useCallback } from "react";
-import { toast } from "sonner";
-import { extractContext, formatForLLM } from "../lib/context";
-import {
-  exportCommentsAsJson,
-  generatePrompt,
-  generateRawText,
-} from "../lib/export";
-import type { TranslationKey } from "../lib/i18n";
-import { truncate } from "../lib/utils";
-import type { Comment, Document, Selection } from "../types";
-
-interface UseClipboardParams {
-  comments: Comment[];
-  document: Document | undefined;
-  selection: Selection | undefined;
-  clearSelection: () => void;
-  t: (key: TranslationKey, params?: Record<string, string | number>) => string;
-}
-
-export function useClipboard({
-  comments,
-  document,
-  selection,
-  clearSelection,
-  t,
-}: UseClipboardParams) {
-  // Export handlers
-  const copyAll = useCallback(() => {
-    if (!document) return;
-    const prompt = generatePrompt(comments, document.fileName);
-    navigator.clipboard.writeText(prompt);
-    toast.success(t("toast.copiedAllComments"));
-  }, [comments, document, t]);
-
-  const copyAllRaw = useCallback(() => {
-    if (!document) return;
-    const raw = generateRawText(comments);
-    navigator.clipboard.writeText(raw);
-    toast.success(t("toast.copiedAllRaw"));
-  }, [comments, document, t]);
-
-  const exportJson = useCallback(() => {
-    if (!document) return;
-    exportCommentsAsJson(comments, document);
-  }, [comments, document]);
-
-  // Selection copy handlers
-  const copySelectionRaw = useCallback(() => {
-    if (!selection) return;
-
-    navigator.clipboard.writeText(selection.text);
-    toast.success(t("toast.copied", { text: truncate(selection.text) }));
-    clearSelection();
-  }, [selection, clearSelection, t]);
-
-  const copySelectionForLLM = useCallback(() => {
-    if (!selection || !document) return;
-
-    const context = extractContext({
-      content: document.content,
-      startOffset: selection.startOffset,
-      endOffset: selection.endOffset,
-    });
-    const formatted = formatForLLM({
-      context,
-      fileName: document.fileName,
-    });
-
-    navigator.clipboard.writeText(formatted);
-    toast.success(t("toast.copiedForLLM", { text: truncate(selection.text) }));
-    clearSelection();
-  }, [selection, document, clearSelection, t]);
-
-  return {
-    copyAll,
-    copyAllRaw,
-    exportJson,
-    copySelectionRaw,
-    copySelectionForLLM,
-  };
-}

package/src/hooks/useEditorScheme.ts

@@ -1,51 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import { toast } from "sonner";
-import { type EditorScheme, EditorSchemes } from "../types";
-
-interface UseEditorSchemeResult {
-  editorScheme: EditorScheme;
-  setEditorScheme: (scheme: EditorScheme) => Promise<void>;
-}
-
-export function useEditorScheme(): UseEditorSchemeResult {
-  const [editorScheme, setEditorSchemeState] = useState<EditorScheme>(
-    EditorSchemes.NONE,
-  );
-
-  useEffect(() => {
-    const fetchSettings = async () => {
-      try {
-        const response = await fetch("/api/settings");
-        if (response.ok) {
-          const settings = await response.json();
-          setEditorSchemeState(settings.editorScheme || EditorSchemes.NONE);
-        }
-      } catch (err) {
-        console.error("Failed to fetch settings:", err);
-      }
-    };
-
-    fetchSettings();
-  }, []);
-
-  const setEditorScheme = useCallback(async (scheme: EditorScheme) => {
-    setEditorSchemeState(scheme);
-
-    try {
-      const response = await fetch("/api/settings", {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ editorScheme: scheme }),
-      });
-
-      if (!response.ok) {
-        throw new Error("Failed to save settings");
-      }
-    } catch (err) {
-      console.error("Failed to save editor scheme:", err);
-      toast.error("Failed to save editor scheme");
-    }
-  }, []);
-
-  return { editorScheme, setEditorScheme };
-}

package/src/hooks/useFontPreference.ts

@@ -1,59 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import { toast } from "sonner";
-import { FontFamilies, type FontFamily } from "../types";
-
-interface UseFontPreferenceResult {
-  fontFamily: FontFamily;
-  setFontFamily: (font: FontFamily) => Promise<void>;
-  isLoading: boolean;
-}
-
-export function useFontPreference(): UseFontPreferenceResult {
-  const [fontFamily, setFontFamilyState] = useState<FontFamily>(
-    FontFamilies.SERIF,
-  );
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchSettings = async () => {
-      try {
-        const response = await fetch("/api/settings");
-        if (response.ok) {
-          const settings = await response.json();
-          setFontFamilyState(settings.fontFamily || FontFamilies.SERIF);
-        }
-      } catch (err) {
-        console.error("Failed to fetch settings:", err);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    fetchSettings();
-  }, []);
-
-  const setFontFamily = useCallback(async (font: FontFamily) => {
-    setFontFamilyState(font);
-
-    try {
-      const response = await fetch("/api/settings", {
-        method: "PUT",
-        headers: { "Content-Type": "application/json" },
-        body: JSON.stringify({ fontFamily: font }),
-      });
-
-      if (!response.ok) {
-        throw new Error("Failed to save settings");
-      }
-    } catch (err) {
-      console.error("Failed to save font preference:", err);
-      toast.error("Failed to save font preference");
-    }
-  }, []);
-
-  return {
-    fontFamily,
-    setFontFamily,
-    isLoading,
-  };
-}

package/src/hooks/useKeybindings.ts

@@ -1,108 +0,0 @@
-import { useCallback, useEffect, useState } from "react";
-import { toast } from "sonner";
-import {
-  resolveShortcuts,
-  type ShortcutDefinition,
-} from "../lib/shortcut-registry";
-import type { KeybindingOverride, ShortcutBinding } from "../types";
-
-interface UseKeybindingsResult {
-  shortcuts: ShortcutDefinition[];
-  updateBinding: (id: string, binding: ShortcutBinding) => Promise<void>;
-  toggleEnabled: (id: string) => Promise<void>;
-  resetToDefaults: () => Promise<void>;
-  isLoading: boolean;
-}
-
-export function useKeybindings(): UseKeybindingsResult {
-  const [overrides, setOverrides] = useState<KeybindingOverride[]>([]);
-  const [isLoading, setIsLoading] = useState(true);
-
-  useEffect(() => {
-    const fetchKeybindings = async () => {
-      try {
-        const response = await fetch("/api/settings");
-        if (response.ok) {
-          const settings = await response.json();
-          setOverrides(settings.keybindings ?? []);
-        }
-      } catch (err) {
-        console.error("Failed to fetch keybindings:", err);
-      } finally {
-        setIsLoading(false);
-      }
-    };
-
-    fetchKeybindings();
-  }, []);
-
-  const persistOverrides = useCallback(
-    async (newOverrides: KeybindingOverride[]) => {
-      try {
-        const response = await fetch("/api/settings");
-        if (!response.ok) return;
-
-        const currentSettings = await response.json();
-        const updated = { ...currentSettings, keybindings: newOverrides };
-
-        const putResponse = await fetch("/api/settings", {
-          method: "PUT",
-          headers: { "Content-Type": "application/json" },
-          body: JSON.stringify(updated),
-        });
-
-        if (!putResponse.ok) {
-          throw new Error("Failed to save keybindings");
-        }
-      } catch (err) {
-        console.error("Failed to save keybindings:", err);
-        toast.error("Failed to save keybindings");
-      }
-    },
-    [],
-  );
-
-  const updateBinding = useCallback(
-    async (id: string, binding: ShortcutBinding) => {
-      const newOverrides = overrides.filter((o) => o.id !== id);
-      newOverrides.push({ id, binding, enabled: true });
-
-      setOverrides(newOverrides);
-      await persistOverrides(newOverrides);
-    },
-    [overrides, persistOverrides],
-  );
-
-  const toggleEnabled = useCallback(
-    async (id: string) => {
-      const existing = overrides.find((o) => o.id === id);
-      const currentEnabled = existing?.enabled ?? true;
-      const newOverrides = overrides.filter((o) => o.id !== id);
-      newOverrides.push({
-        id,
-        binding: existing?.binding,
-        enabled: !currentEnabled,
-      });
-
-      setOverrides(newOverrides);
-      await persistOverrides(newOverrides);
-    },
-    [overrides, persistOverrides],
-  );
-
-  const resetToDefaults = useCallback(async () => {
-    setOverrides([]);
-    await persistOverrides([]);
-    toast.success("Keyboard shortcuts reset to defaults");
-  }, [persistOverrides]);
-
-  const shortcuts = resolveShortcuts(overrides);
-
-  return {
-    shortcuts,
-    updateBinding,
-    toggleEnabled,
-    resetToDefaults,
-    isLoading,
-  };
-}

package/src/hooks/useKeyboardShortcuts.ts

@@ -1,63 +0,0 @@
-import { useEffect, useRef } from "react";
-import {
-  matchesBinding,
-  type ShortcutAction,
-  type ShortcutDefinition,
-} from "../lib/shortcut-registry";
-
-type ActionMap = Partial<Record<ShortcutAction, () => void>>;
-
-/**
- * Returns true if the event target is an input element where
- * keyboard shortcuts should be suppressed.
- */
-function isInputFocused(event: KeyboardEvent): boolean {
-  const target = event.target;
-  if (!(target instanceof HTMLElement)) return false;
-
-  const tagName = target.tagName;
-  if (tagName === "INPUT" || tagName === "TEXTAREA") return true;
-  if (target.isContentEditable) return true;
-
-  return false;
-}
-
-/**
- * Single centralized keyboard shortcut listener.
- * Replaces all scattered useEffect keydown handlers.
- *
- * @param shortcuts - Resolved shortcut definitions (from useKeybindings)
- * @param actions - Map of shortcut ID to callback function
- */
-export function useKeyboardShortcuts(
-  shortcuts: ShortcutDefinition[],
-  actions: ActionMap,
-): void {
-  const actionsRef = useRef(actions);
-  actionsRef.current = actions;
-
-  const shortcutsRef = useRef(shortcuts);
-  shortcutsRef.current = shortcuts;
-
-  useEffect(() => {
-    const handleKeyDown = (event: KeyboardEvent) => {
-      if (isInputFocused(event)) return;
-
-      for (const shortcut of shortcutsRef.current) {
-        if (!shortcut.enabled) continue;
-
-        if (matchesBinding(event, shortcut.binding)) {
-          const action = actionsRef.current[shortcut.id];
-          if (action) {
-            event.preventDefault();
-            action();
-          }
-          return;
-        }
-      }
-    };
-
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, []);
-}

package/src/hooks/useLayoutMode.ts

@@ -1,44 +0,0 @@
-import { useCallback, useState } from "react";
-import { type LayoutMode, LayoutModes } from "../types";
-
-const STORAGE_KEY = "readit:layout-mode";
-
-interface UseLayoutModeResult {
-  layoutMode: LayoutMode;
-  toggleLayoutMode: () => void;
-  isFullscreen: boolean;
-}
-
-export function useLayoutMode(): UseLayoutModeResult {
-  const [layoutMode, setLayoutMode] = useState<LayoutMode>(() => {
-    try {
-      const stored = localStorage.getItem(STORAGE_KEY);
-      return stored === LayoutModes.FULLSCREEN
-        ? LayoutModes.FULLSCREEN
-        : LayoutModes.CENTERED;
-    } catch {
-      return LayoutModes.CENTERED;
-    }
-  });
-
-  const toggleLayoutMode = useCallback(() => {
-    setLayoutMode((prev) => {
-      const next =
-        prev === LayoutModes.CENTERED
-          ? LayoutModes.FULLSCREEN
-          : LayoutModes.CENTERED;
-      try {
-        localStorage.setItem(STORAGE_KEY, next);
-      } catch {
-        // localStorage may be unavailable
-      }
-      return next;
-    });
-  }, []);
-
-  return {
-    layoutMode,
-    toggleLayoutMode,
-    isFullscreen: layoutMode === LayoutModes.FULLSCREEN,
-  };
-}

package/src/hooks/useLocalePreference.ts

@@ -1,42 +0,0 @@
-import { useCallback, useState } from "react";
-import { type Locale, Locales } from "../lib/i18n";
-
-const STORAGE_KEY = "readit:locale";
-
-function detectLocale(): Locale {
-  const browserLang = navigator.language.slice(0, 2).toLowerCase();
-  if (browserLang === "ja") return Locales.JA;
-  return Locales.EN;
-}
-
-function getStoredLocale(): Locale {
-  try {
-    const stored = localStorage.getItem(STORAGE_KEY);
-    if (stored === Locales.JA || stored === Locales.EN) {
-      return stored;
-    }
-  } catch {
-    // localStorage may be unavailable
-  }
-  return detectLocale();
-}
-
-interface UseLocalePreferenceResult {
-  locale: Locale;
-  setLocale: (locale: Locale) => void;
-}
-
-export function useLocalePreference(): UseLocalePreferenceResult {
-  const [locale, setLocaleState] = useState<Locale>(getStoredLocale);
-
-  const setLocale = useCallback((newLocale: Locale) => {
-    setLocaleState(newLocale);
-    try {
-      localStorage.setItem(STORAGE_KEY, newLocale);
-    } catch {
-      // localStorage may be unavailable
-    }
-  }, []);
-
-  return { locale, setLocale };
-}

package/src/hooks/useReanchorMode.ts

@@ -1,33 +0,0 @@
-import { useCallback } from "react";
-import { appStore, useAppStore } from "../store";
-
-interface UseReanchorModeResult {
-  reanchorTarget: { commentId: string } | null;
-  startReanchor: (commentId: string) => void;
-  cancelReanchor: () => void;
-}
-
-/**
- * Hook for managing re-anchor mode state.
- * When active, the user can select new text to re-anchor an unresolved comment.
- * State lives in the Zustand store for tab-switch preservation.
- */
-export function useReanchorMode(): UseReanchorModeResult {
-  const reanchorTarget = useAppStore(
-    (s) => s.getActiveDocumentState()?.reanchorTarget ?? null,
-  );
-
-  const startReanchor = useCallback((commentId: string) => {
-    appStore.getState().setReanchorTarget({ commentId });
-  }, []);
-
-  const cancelReanchor = useCallback(() => {
-    appStore.getState().setReanchorTarget(null);
-  }, []);
-
-  return {
-    reanchorTarget,
-    startReanchor,
-    cancelReanchor,
-  };
-}

package/src/hooks/useScrollMetrics.ts

@@ -1,56 +0,0 @@
-import { useEffect, useRef, useState } from "react";
-
-interface ScrollMetrics {
-  documentHeight: number;
-  viewportHeight: number;
-  scrollTop: number;
-}
-
-/**
- * Track document scroll and viewport dimensions for minimap calculations.
- * Updates are throttled to once per animation frame to prevent scroll jank.
- */
-export function useScrollMetrics(): ScrollMetrics {
-  const [metrics, setMetrics] = useState<ScrollMetrics>({
-    documentHeight: 0,
-    viewportHeight: 0,
-    scrollTop: 0,
-  });
-
-  const rafIdRef = useRef<number | null>(null);
-
-  useEffect(() => {
-    const updateMetrics = () => {
-      setMetrics({
-        documentHeight: document.body.scrollHeight,
-        viewportHeight: window.innerHeight,
-        scrollTop: window.scrollY,
-      });
-    };
-
-    // Throttle scroll updates to once per animation frame
-    const handleScroll = () => {
-      if (rafIdRef.current !== null) return;
-      rafIdRef.current = requestAnimationFrame(() => {
-        updateMetrics();
-        rafIdRef.current = null;
-      });
-    };
-
-    // Initial measurement
-    updateMetrics();
-
-    window.addEventListener("scroll", handleScroll, { passive: true });
-    window.addEventListener("resize", updateMetrics);
-
-    return () => {
-      window.removeEventListener("scroll", handleScroll);
-      window.removeEventListener("resize", updateMetrics);
-      if (rafIdRef.current !== null) {
-        cancelAnimationFrame(rafIdRef.current);
-      }
-    };
-  }, []);
-
-  return metrics;
-}