@peaske7/readit 0.2.0 → 0.3.0-rc.0

package/src/hooks/useTextSelection.ts

@@ -1,86 +0,0 @@
-import { useCallback, useEffect } from "react";
-import type { Selection } from "../schema";
-import { appStore, useAppStore } from "../store";
-
-/** Remove pending highlight marks from the DOM without triggering a full clear/reapply cycle. */
-function clearPendingMarks() {
-  for (const mark of document.querySelectorAll("mark[data-pending]")) {
-    const parent = mark.parentNode;
-    if (!parent) continue;
-    while (mark.firstChild) parent.insertBefore(mark.firstChild, mark);
-    parent.removeChild(mark);
-  }
-}
-
-interface UseTextSelectionResult {
-  selection: Selection | null;
-  pendingSelectionTop: number | undefined;
-  onTextSelect: (
-    text: string,
-    startOffset: number,
-    endOffset: number,
-    selectionTop: number,
-  ) => void;
-  clearSelection: () => void;
-}
-
-export function useTextSelection(): UseTextSelectionResult {
-  const selection = useAppStore(
-    (s) => s.getActiveDocumentState()?.selection ?? null,
-  );
-  const pendingSelectionTop = useAppStore(
-    (s) => s.getActiveDocumentState()?.pendingSelectionTop,
-  );
-
-  useEffect(() => {
-    if (!selection) return;
-
-    const handleClickOutside = (e: MouseEvent) => {
-      const target = e.target as HTMLElement;
-      if (target.closest("[data-comment-input]")) return;
-      if (target.closest("mark[data-pending]")) return;
-      if (target.closest("mark[data-comment-id]")) return;
-
-      appStore.getState().setSelection(null);
-      appStore.getState().setPendingSelectionTop(undefined);
-      clearPendingMarks();
-      requestAnimationFrame(() => {
-        const sel = window.getSelection();
-        if (sel?.isCollapsed) {
-          sel.removeAllRanges();
-        }
-      });
-    };
-
-    // Use mousedown to catch clicks before text selection
-    document.addEventListener("mousedown", handleClickOutside);
-    return () => document.removeEventListener("mousedown", handleClickOutside);
-  }, [selection]);
-
-  const onTextSelect = useCallback(
-    (
-      text: string,
-      startOffset: number,
-      endOffset: number,
-      selectionTop: number,
-    ) => {
-      appStore.getState().setSelection({ text, startOffset, endOffset });
-      appStore.getState().setPendingSelectionTop(selectionTop);
-    },
-    [],
-  );
-
-  const clearSelection = useCallback(() => {
-    appStore.getState().setSelection(null);
-    appStore.getState().setPendingSelectionTop(undefined);
-    clearPendingMarks();
-    window.getSelection()?.removeAllRanges();
-  }, []);
-
-  return {
-    selection,
-    pendingSelectionTop,
-    onTextSelect,
-    clearSelection,
-  };
-}

package/src/lib/highlight/worker.ts

@@ -1,45 +0,0 @@
-// Inlined to avoid module import issues in Worker context
-function find(
-  text: string,
-  needle: string,
-  hint?: number,
-): { start: number; end: number } | undefined {
-  if (!needle || !text) return undefined;
-
-  const hits: number[] = [];
-  let i = 0;
-  for (;;) {
-    i = text.indexOf(needle, i);
-    if (i === -1) break;
-    hits.push(i);
-    i += 1;
-  }
-
-  if (hits.length === 0) return undefined;
-  if (hits.length === 1)
-    return { start: hits[0], end: hits[0] + needle.length };
-
-  const target = hint ?? 0;
-  let best = hits[0];
-  let bestDist = Math.abs(best - target);
-  for (const h of hits) {
-    const d = Math.abs(h - target);
-    if (d < bestDist) {
-      bestDist = d;
-      best = h;
-    }
-  }
-  return { start: best, end: best + needle.length };
-}
-
-self.onmessage = (e: MessageEvent) => {
-  const { id, textContent, comments } = e.data;
-  const results: { id: string; start: number; end: number }[] = [];
-
-  for (const c of comments) {
-    const pos = find(textContent, c.selectedText, c.startOffset);
-    if (pos) results.push({ id: c.id, ...pos });
-  }
-
-  self.postMessage({ id, results });
-};

package/src/main.tsx

@@ -1,13 +0,0 @@
-import React from "react";
-import ReactDOM from "react-dom/client";
-import App from "./App";
-import { LocaleProvider } from "./contexts/LocaleContext";
-import "./index.css";
-
-ReactDOM.createRoot(document.getElementById("root")!).render(
-  <React.StrictMode>
-    <LocaleProvider>
-      <App />
-    </LocaleProvider>
-  </React.StrictMode>,
-);

package/src/store.ts

@@ -1,222 +0,0 @@
-import { createStore, useStore } from "zustand";
-import type { Comment, Document, Selection } from "./schema";
-
-export interface DocumentState {
-  document: Document;
-  comments: Comment[];
-  commentsError: string | null;
-  sortedComments: Comment[];
-  selection: Selection | null;
-  pendingSelectionTop: number | undefined;
-  pendingCommentText: string;
-  scrollY: number;
-  reanchorTarget: { commentId: string } | null;
-}
-
-export interface AppStore {
-  documents: Map<string, DocumentState>;
-  activeDocumentPath: string | null;
-  documentOrder: string[];
-  workingDirectory: string | null;
-
-  setWorkingDirectory: (dir: string) => void;
-  openDocument: (doc: Document, opts?: { active?: boolean }) => void;
-  closeDocument: (filePath: string) => void;
-  setActiveDocument: (filePath: string) => void;
-
-  // Setters default to active doc when filePath omitted
-  setComments: (comments: Comment[], filePath?: string) => void;
-  setCommentsError: (error: string | null, filePath?: string) => void;
-  setSelection: (selection: Selection | null, filePath?: string) => void;
-  setPendingSelectionTop: (top: number | undefined, filePath?: string) => void;
-  setScrollY: (y: number, filePath?: string) => void;
-  setReanchorTarget: (
-    target: { commentId: string } | null,
-    filePath?: string,
-  ) => void;
-  setPendingCommentText: (text: string, filePath?: string) => void;
-  updateDocumentContent: (content: string, filePath?: string) => void;
-
-  getActiveDocumentState: () => DocumentState | undefined;
-}
-
-function createInitialDocumentState(doc: Document): DocumentState {
-  return {
-    document: doc,
-    comments: [],
-    commentsError: null,
-    sortedComments: [],
-    selection: null,
-    pendingSelectionTop: undefined,
-    pendingCommentText: "",
-    scrollY: 0,
-    reanchorTarget: null,
-  };
-}
-
-function sortComments(comments: Comment[]): Comment[] {
-  return [...comments].sort((a, b) => a.startOffset - b.startOffset);
-}
-
-export function createAppStore() {
-  return createStore<AppStore>((set, get) => {
-    const resolveFilePath = (filePath?: string): string | null =>
-      filePath ?? get().activeDocumentPath;
-
-    const updateDocState = (
-      filePath: string,
-      updater: (state: DocumentState) => Partial<DocumentState>,
-    ) => {
-      set((prev) => {
-        const docState = prev.documents.get(filePath);
-        if (!docState) return prev;
-        const updates = updater(docState);
-        const newDocs = new Map(prev.documents);
-        newDocs.set(filePath, { ...docState, ...updates });
-        return { documents: newDocs };
-      });
-    };
-
-    return {
-      documents: new Map(),
-      activeDocumentPath: null,
-      documentOrder: [],
-      workingDirectory: null,
-
-      setWorkingDirectory: (dir) => set({ workingDirectory: dir }),
-
-      openDocument: (doc, opts) => {
-        set((prev) => {
-          const active = opts?.active ?? true;
-          const nextActive =
-            active || !prev.activeDocumentPath
-              ? doc.filePath
-              : prev.activeDocumentPath;
-
-          if (prev.documents.has(doc.filePath)) {
-            const newDocs = new Map(prev.documents);
-            const prevDoc = newDocs.get(doc.filePath)!;
-            newDocs.set(doc.filePath, {
-              ...prevDoc,
-              document: { ...prevDoc.document, ...doc },
-            });
-            return {
-              documents: newDocs,
-              activeDocumentPath: nextActive,
-            };
-          }
-          const newDocs = new Map(prev.documents);
-          newDocs.set(doc.filePath, createInitialDocumentState(doc));
-          return {
-            documents: newDocs,
-            activeDocumentPath: nextActive,
-            documentOrder: [...prev.documentOrder, doc.filePath],
-          };
-        });
-      },
-
-      closeDocument: (filePath) => {
-        set((prev) => {
-          const newDocs = new Map(prev.documents);
-          newDocs.delete(filePath);
-          const newOrder = prev.documentOrder.filter((p) => p !== filePath);
-
-          let newActive = prev.activeDocumentPath;
-          if (prev.activeDocumentPath === filePath) {
-            const oldIndex = prev.documentOrder.indexOf(filePath);
-            newActive = newOrder[oldIndex] ?? newOrder[oldIndex - 1] ?? null;
-          }
-
-          return {
-            documents: newDocs,
-            activeDocumentPath: newActive,
-            documentOrder: newOrder,
-          };
-        });
-      },
-
-      setActiveDocument: (filePath) => {
-        if (get().documents.has(filePath)) {
-          set({ activeDocumentPath: filePath });
-        }
-      },
-
-      setComments: (comments, filePath?) => {
-        const path = resolveFilePath(filePath);
-        if (!path) return;
-        updateDocState(path, () => ({
-          comments,
-          sortedComments: sortComments(comments),
-        }));
-      },
-
-      setCommentsError: (error, filePath?) => {
-        const path = resolveFilePath(filePath);
-        if (!path) return;
-        updateDocState(path, () => ({ commentsError: error }));
-      },
-
-      setSelection: (selection, filePath?) => {
-        const path = resolveFilePath(filePath);
-        if (!path) return;
-        updateDocState(path, () => ({ selection }));
-      },
-
-      setPendingSelectionTop: (top, filePath?) => {
-        const path = resolveFilePath(filePath);
-        if (!path) return;
-        updateDocState(path, () => ({ pendingSelectionTop: top }));
-      },
-
-      setScrollY: (y, filePath?) => {
-        const path = resolveFilePath(filePath);
-        if (!path) return;
-        updateDocState(path, () => ({ scrollY: y }));
-      },
-
-      setReanchorTarget: (target, filePath?) => {
-        const path = resolveFilePath(filePath);
-        if (!path) return;
-        updateDocState(path, () => ({ reanchorTarget: target }));
-      },
-
-      setPendingCommentText: (text, filePath?) => {
-        const path = resolveFilePath(filePath);
-        if (!path) return;
-        updateDocState(path, () => ({ pendingCommentText: text }));
-      },
-
-      updateDocumentContent: (content, filePath?) => {
-        const path = resolveFilePath(filePath);
-        if (!path) return;
-        updateDocState(path, (s) => ({
-          document: { ...s.document, content },
-        }));
-      },
-
-      getActiveDocumentState: () => {
-        const { documents, activeDocumentPath } = get();
-        if (!activeDocumentPath) return undefined;
-        return documents.get(activeDocumentPath);
-      },
-    };
-  });
-}
-
-export const appStore = createAppStore();
-
-export function useAppStore<T>(selector: (state: AppStore) => T): T {
-  return useStore(appStore, selector);
-}
-
-interface UIState {
-  hoveredCommentId: string | undefined;
-}
-
-export const uiStore = createStore<UIState>(() => ({
-  hoveredCommentId: undefined,
-}));
-
-export function useUI<T>(selector: (s: UIState) => T): T {
-  return useStore(uiStore, selector);
-}