@open-mercato/documents 0.6.8-develop.7016.1.4ed7b1e49d

package/dist/modules/documents/backend/documents/[id]/DocumentEditorSurface.js

@@ -0,0 +1,168 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Link2, Unlink } from "lucide-react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+import { cn } from "@open-mercato/shared/lib/utils";
+import { EntityPicker } from "../components/EntityPicker.js";
+import { DocumentCanvas } from "./DocumentCanvas.js";
+import { EditorStatusPresence } from "./EditorStatusPresence.js";
+import { EditorToolbar } from "./EditorToolbar.js";
+import { RecordFieldsDialog } from "./RecordFieldsDialog.js";
+import { EDITOR_PRESENCE_STYLES } from "./editorPresenceStyles.js";
+import { canCreateSelectionComment } from "./editorTypes.js";
+import { useDocumentEditor } from "./useDocumentEditor.js";
+import { useFallbackContentPersistence } from "./useFallbackContentPersistence.js";
+import { useDocumentTitle } from "./useDocumentTitle.js";
+import { useEditorInsertions } from "./useEditorInsertions.js";
+function DocumentEditorSurface(input) {
+  const t = useT();
+  const [outlineOpen, setOutlineOpen] = React.useState(false);
+  const [suggestionRange, setSuggestionRange] = React.useState(null);
+  const modeChangeInFlightRef = React.useRef(false);
+  const effectiveReadOnly = input.readOnly || input.mode === "preview";
+  const openSuggestion = React.useCallback((range) => setSuggestionRange(range), []);
+  const closeSuggestion = React.useCallback(() => setSuggestionRange(null), []);
+  const fallbackPersistence = useFallbackContentPersistence({
+    documentId: input.documentId,
+    initialUpdatedAt: input.contentUpdatedAt ?? null,
+    enabled: input.transport === "fallback" && !input.readOnly,
+    onConflictRefresh: input.onContentConflict
+  });
+  const editorModel = useDocumentEditor({
+    documentId: input.documentId,
+    initialContentHtml: input.initialContentHtml,
+    editorMode: input.transport,
+    collabResources: input.collabResources,
+    readOnly: effectiveReadOnly,
+    onEditorReady: input.onEditorReady,
+    onUpdate: fallbackPersistence.onEditorUpdate,
+    onEntitySuggestion: openSuggestion,
+    onSuggestionClose: closeSuggestion
+  });
+  const title = useDocumentTitle({
+    documentId: input.documentId,
+    title: input.title,
+    updatedAt: input.documentUpdatedAt ?? null,
+    readOnly: effectiveReadOnly,
+    onTitleChange: input.onTitleChange
+  });
+  const insertions = useEditorInsertions({
+    documentId: input.documentId,
+    editorRef: editorModel.editorRef,
+    disabled: effectiveReadOnly,
+    suggestionRange,
+    setSuggestionRange
+  });
+  React.useEffect(() => {
+    if (suggestionRange && !effectiveReadOnly) insertions.setPickerOpen(true);
+  }, [effectiveReadOnly, insertions.setPickerOpen, suggestionRange]);
+  const status = input.transport === "fallback" ? "offline" : input.connectionStatus;
+  const notice = input.transport === "fallback" ? t(input.readOnly ? "documents.editor.realtime.readOnlyFallback" : "documents.editor.realtime.singleUserFallback") : input.readOnly ? t("documents.editor.readOnly") : input.mode === "preview" ? t("documents.editor.mode.previewNotice") : null;
+  const selectionCommentHandler = canCreateSelectionComment({
+    permissionReadOnly: input.readOnly,
+    mode: input.mode,
+    transport: input.transport,
+    hasCommentHandler: Boolean(input.onComment)
+  }) ? input.onComment : void 0;
+  const handleModeChange = React.useCallback(async (nextMode) => {
+    if (nextMode === input.mode || modeChangeInFlightRef.current) return;
+    if (input.transport !== "fallback" || nextMode !== "preview") {
+      input.onModeChange(nextMode);
+      return;
+    }
+    modeChangeInFlightRef.current = true;
+    try {
+      if (await fallbackPersistence.saveNow()) input.onModeChange(nextMode);
+    } finally {
+      modeChangeInFlightRef.current = false;
+    }
+  }, [fallbackPersistence.saveNow, input.mode, input.onModeChange, input.transport]);
+  return /* @__PURE__ */ jsxs("div", { className: cn("space-y-3", input.transport === "collab" && "om-doc-collab", input.mode === "preview" && "om-doc-preview"), children: [
+    /* @__PURE__ */ jsx("style", { children: EDITOR_PRESENCE_STYLES }),
+    /* @__PURE__ */ jsxs("div", { className: "overflow-hidden rounded-lg border border-border bg-muted shadow-sm", children: [
+      /* @__PURE__ */ jsxs("div", { className: "sticky top-0 z-sticky border-b border-border bg-card/95", children: [
+        /* @__PURE__ */ jsx("div", { className: "flex flex-wrap items-center justify-between gap-2 px-3 py-2", children: /* @__PURE__ */ jsx(
+          EditorStatusPresence,
+          {
+            status,
+            users: input.presenceUsers,
+            counts: editorModel.counts,
+            mode: input.mode,
+            canEdit: !input.readOnly,
+            onModeChange: (nextMode) => {
+              void handleModeChange(nextMode);
+            },
+            fallbackSave: input.transport === "fallback" && !input.readOnly ? {
+              status: fallbackPersistence.status,
+              onSave: fallbackPersistence.saveNow
+            } : void 0
+          }
+        ) }),
+        input.mode === "edit" ? /* @__PURE__ */ jsx(
+          EditorToolbar,
+          {
+            editor: editorModel.editor,
+            disabled: effectiveReadOnly || !editorModel.editor,
+            outlineOpen,
+            uploading: insertions.uploading,
+            onToggleOutline: () => setOutlineOpen((value) => !value),
+            onOpenEntityPicker: insertions.openEntityPicker,
+            onOpenLink: insertions.openLink,
+            onImage: () => insertions.fileInputRef.current?.click()
+          }
+        ) : null,
+        insertions.linkOpen && !effectiveReadOnly ? /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-3 border-t border-border bg-muted/30 p-3 md:flex-row md:items-end", onKeyDown: (event) => {
+          if ((event.metaKey || event.ctrlKey) && event.key === "Enter") {
+            event.preventDefault();
+            insertions.applyLink();
+          }
+          if (event.key === "Escape") {
+            event.preventDefault();
+            insertions.setLinkOpen(false);
+          }
+        }, children: [
+          /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+            /* @__PURE__ */ jsx(Label, { htmlFor: `document-link-${input.documentId}`, children: t("documents.editor.link.url") }),
+            /* @__PURE__ */ jsx(Input, { id: `document-link-${input.documentId}`, type: "url", value: insertions.linkHref, onChange: (event) => insertions.setLinkHref(event.target.value), placeholder: t("documents.editor.link.placeholder") })
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { type: "button", onClick: insertions.applyLink, children: [
+            /* @__PURE__ */ jsx(Link2, {}),
+            t("documents.editor.link.apply")
+          ] }),
+          /* @__PURE__ */ jsxs(Button, { type: "button", variant: "outline", onClick: insertions.removeLink, children: [
+            /* @__PURE__ */ jsx(Unlink, {}),
+            t("documents.editor.link.remove")
+          ] }),
+          /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", onClick: () => insertions.setLinkOpen(false), children: t("documents.actions.cancel") })
+        ] }) : null
+      ] }),
+      /* @__PURE__ */ jsx(DocumentCanvas, { editor: editorModel.editor, title, readOnly: effectiveReadOnly, outlineOpen, notice, onOpenLink: insertions.openLink, onComment: selectionCommentHandler })
+    ] }),
+    /* @__PURE__ */ jsx(EntityPicker, { open: insertions.entityPickerOpen, onOpenChange: insertions.setPickerOpen, onPick: (pick) => {
+      void insertions.handleEntityPick(pick);
+    } }),
+    /* @__PURE__ */ jsx(
+      RecordFieldsDialog,
+      {
+        documentId: input.documentId,
+        linkId: insertions.recordFieldsLinkId,
+        editor: editorModel.editor,
+        canInsert: !effectiveReadOnly && Boolean(editorModel.editor),
+        onOpenChange: (open) => {
+          if (!open) insertions.closeRecordFields();
+        }
+      }
+    ),
+    /* @__PURE__ */ jsx("input", { ref: insertions.fileInputRef, type: "file", accept: "image/*", className: "hidden", "aria-label": t("documents.editor.imageInput"), onChange: (event) => {
+      void insertions.handleFiles(event.target.files);
+    } })
+  ] });
+}
+export {
+  DocumentEditorSurface
+};
+//# sourceMappingURL=DocumentEditorSurface.js.map

package/dist/modules/documents/backend/documents/[id]/DocumentEditorSurface.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/DocumentEditorSurface.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport { Link2, Unlink } from 'lucide-react'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\nimport { cn } from '@open-mercato/shared/lib/utils'\nimport { EntityPicker } from '../components/EntityPicker'\nimport { DocumentCanvas } from './DocumentCanvas'\nimport { EditorStatusPresence } from './EditorStatusPresence'\nimport { EditorToolbar } from './EditorToolbar'\nimport { RecordFieldsDialog } from './RecordFieldsDialog'\nimport { EDITOR_PRESENCE_STYLES } from './editorPresenceStyles'\nimport { canCreateSelectionComment, type CollabResources, type ConnectionStatus, type DocumentEditorIslandProps, type EditorMode, type PresenceUser } from './editorTypes'\nimport { useDocumentEditor } from './useDocumentEditor'\nimport { useFallbackContentPersistence } from './useFallbackContentPersistence'\nimport { useDocumentTitle } from './useDocumentTitle'\nimport { useEditorInsertions } from './useEditorInsertions'\n\ntype Props = DocumentEditorIslandProps & {\n  transport: 'collab' | 'fallback'\n  collabResources?: CollabResources\n  connectionStatus: ConnectionStatus\n  presenceUsers: PresenceUser[]\n  mode: EditorMode\n  onModeChange: (mode: EditorMode) => void\n}\n\nexport function DocumentEditorSurface(input: Props) {\n  const t = useT()\n  const [outlineOpen, setOutlineOpen] = React.useState(false)\n  const [suggestionRange, setSuggestionRange] = React.useState<{ from: number; to: number } | null>(null)\n  const modeChangeInFlightRef = React.useRef(false)\n  const effectiveReadOnly = input.readOnly || input.mode === 'preview'\n  const openSuggestion = React.useCallback((range: { from: number; to: number }) => setSuggestionRange(range), [])\n  const closeSuggestion = React.useCallback(() => setSuggestionRange(null), [])\n  const fallbackPersistence = useFallbackContentPersistence({\n    documentId: input.documentId,\n    initialUpdatedAt: input.contentUpdatedAt ?? null,\n    enabled: input.transport === 'fallback' && !input.readOnly,\n    onConflictRefresh: input.onContentConflict,\n  })\n  const editorModel = useDocumentEditor({\n    documentId: input.documentId,\n    initialContentHtml: input.initialContentHtml,\n    editorMode: input.transport,\n    collabResources: input.collabResources,\n    readOnly: effectiveReadOnly,\n    onEditorReady: input.onEditorReady,\n    onUpdate: fallbackPersistence.onEditorUpdate,\n    onEntitySuggestion: openSuggestion,\n    onSuggestionClose: closeSuggestion,\n  })\n  const title = useDocumentTitle({\n    documentId: input.documentId,\n    title: input.title,\n    updatedAt: input.documentUpdatedAt ?? null,\n    readOnly: effectiveReadOnly,\n    onTitleChange: input.onTitleChange,\n  })\n  const insertions = useEditorInsertions({\n    documentId: input.documentId,\n    editorRef: editorModel.editorRef,\n    disabled: effectiveReadOnly,\n    suggestionRange,\n    setSuggestionRange,\n  })\n  React.useEffect(() => {\n    if (suggestionRange && !effectiveReadOnly) insertions.setPickerOpen(true)\n  }, [effectiveReadOnly, insertions.setPickerOpen, suggestionRange])\n\n  const status = input.transport === 'fallback' ? 'offline' : input.connectionStatus\n  const notice = input.transport === 'fallback'\n    ? t(input.readOnly ? 'documents.editor.realtime.readOnlyFallback' : 'documents.editor.realtime.singleUserFallback')\n    : input.readOnly\n      ? t('documents.editor.readOnly')\n      : input.mode === 'preview'\n        ? t('documents.editor.mode.previewNotice')\n        : null\n  const selectionCommentHandler = canCreateSelectionComment({\n    permissionReadOnly: input.readOnly,\n    mode: input.mode,\n    transport: input.transport,\n    hasCommentHandler: Boolean(input.onComment),\n  }) ? input.onComment : undefined\n  const handleModeChange = React.useCallback(async (nextMode: EditorMode) => {\n    if (nextMode === input.mode || modeChangeInFlightRef.current) return\n    if (input.transport !== 'fallback' || nextMode !== 'preview') {\n      input.onModeChange(nextMode)\n      return\n    }\n\n    modeChangeInFlightRef.current = true\n    try {\n      if (await fallbackPersistence.saveNow()) input.onModeChange(nextMode)\n    } finally {\n      modeChangeInFlightRef.current = false\n    }\n  }, [fallbackPersistence.saveNow, input.mode, input.onModeChange, input.transport])\n\n  return (\n    <div className={cn('space-y-3', input.transport === 'collab' && 'om-doc-collab', input.mode === 'preview' && 'om-doc-preview')}>\n      <style>{EDITOR_PRESENCE_STYLES}</style>\n      <div className=\"overflow-hidden rounded-lg border border-border bg-muted shadow-sm\">\n        <div className=\"sticky top-0 z-sticky border-b border-border bg-card/95\">\n          <div className=\"flex flex-wrap items-center justify-between gap-2 px-3 py-2\">\n            <EditorStatusPresence\n              status={status}\n              users={input.presenceUsers}\n              counts={editorModel.counts}\n              mode={input.mode}\n              canEdit={!input.readOnly}\n              onModeChange={(nextMode) => { void handleModeChange(nextMode) }}\n              fallbackSave={input.transport === 'fallback' && !input.readOnly ? {\n                status: fallbackPersistence.status,\n                onSave: fallbackPersistence.saveNow,\n              } : undefined}\n            />\n          </div>\n          {input.mode === 'edit' ? (\n            <EditorToolbar\n              editor={editorModel.editor}\n              disabled={effectiveReadOnly || !editorModel.editor}\n              outlineOpen={outlineOpen}\n              uploading={insertions.uploading}\n              onToggleOutline={() => setOutlineOpen((value) => !value)}\n              onOpenEntityPicker={insertions.openEntityPicker}\n              onOpenLink={insertions.openLink}\n              onImage={() => insertions.fileInputRef.current?.click()}\n            />\n          ) : null}\n          {insertions.linkOpen && !effectiveReadOnly ? (\n            <div className=\"flex flex-col gap-3 border-t border-border bg-muted/30 p-3 md:flex-row md:items-end\" onKeyDown={(event) => {\n              if ((event.metaKey || event.ctrlKey) && event.key === 'Enter') { event.preventDefault(); insertions.applyLink() }\n              if (event.key === 'Escape') { event.preventDefault(); insertions.setLinkOpen(false) }\n            }}>\n              <div className=\"min-w-0 flex-1 space-y-2\">\n                <Label htmlFor={`document-link-${input.documentId}`}>{t('documents.editor.link.url')}</Label>\n                <Input id={`document-link-${input.documentId}`} type=\"url\" value={insertions.linkHref} onChange={(event) => insertions.setLinkHref(event.target.value)} placeholder={t('documents.editor.link.placeholder')} />\n              </div>\n              <Button type=\"button\" onClick={insertions.applyLink}><Link2 />{t('documents.editor.link.apply')}</Button>\n              <Button type=\"button\" variant=\"outline\" onClick={insertions.removeLink}><Unlink />{t('documents.editor.link.remove')}</Button>\n              <Button type=\"button\" variant=\"ghost\" onClick={() => insertions.setLinkOpen(false)}>{t('documents.actions.cancel')}</Button>\n            </div>\n          ) : null}\n        </div>\n        <DocumentCanvas editor={editorModel.editor} title={title} readOnly={effectiveReadOnly} outlineOpen={outlineOpen} notice={notice} onOpenLink={insertions.openLink} onComment={selectionCommentHandler} />\n      </div>\n      <EntityPicker open={insertions.entityPickerOpen} onOpenChange={insertions.setPickerOpen} onPick={(pick) => { void insertions.handleEntityPick(pick) }} />\n      <RecordFieldsDialog\n        documentId={input.documentId}\n        linkId={insertions.recordFieldsLinkId}\n        editor={editorModel.editor}\n        canInsert={!effectiveReadOnly && Boolean(editorModel.editor)}\n        onOpenChange={(open) => { if (!open) insertions.closeRecordFields() }}\n      />\n      <input ref={insertions.fileInputRef} type=\"file\" accept=\"image/*\" className=\"hidden\" aria-label={t('documents.editor.imageInput')} onChange={(event) => { void insertions.handleFiles(event.target.files) }} />\n    </div>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}

package/dist/modules/documents/backend/documents/[id]/DocumentNavigator.js

@@ -0,0 +1,129 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Button } from "@open-mercato/ui/primitives/button";
+import { Input } from "@open-mercato/ui/primitives/input";
+import { Label } from "@open-mercato/ui/primitives/label";
+import { Progress } from "@open-mercato/ui/primitives/progress";
+import { useT } from "@open-mercato/shared/lib/i18n/context";
+function pageAtOffset(pageTops, offset) {
+  if (pageTops.length === 0) return { currentPage: 1, totalPages: 1 };
+  let low = 0;
+  let high = pageTops.length;
+  while (low < high) {
+    const middle = Math.floor((low + high) / 2);
+    if ((pageTops[middle] ?? Number.POSITIVE_INFINITY) <= offset) low = middle + 1;
+    else high = middle;
+  }
+  return { currentPage: Math.max(1, low), totalPages: pageTops.length };
+}
+function documentScroller(editor) {
+  return editor.view.dom.closest(".om-doc-canvas");
+}
+function collectPageTops(editor, scroller) {
+  const paper = editor.view.dom.closest(".om-doc-paper");
+  if (!paper) return [];
+  const scrollerTop = scroller.getBoundingClientRect().top;
+  const tops = [paper.getBoundingClientRect().top - scrollerTop + scroller.scrollTop];
+  paper.querySelectorAll("[data-document-page-start]").forEach((pageStart) => {
+    tops.push(pageStart.getBoundingClientRect().top - scrollerTop + scroller.scrollTop);
+  });
+  return tops;
+}
+function DocumentNavigator({ editor }) {
+  const t = useT();
+  const pageTopsRef = React.useRef([]);
+  const pageStartsRef = React.useRef([]);
+  const frameRef = React.useRef(null);
+  const [position, setPosition] = React.useState({ currentPage: 1, totalPages: 1 });
+  const [targetPage, setTargetPage] = React.useState("");
+  React.useEffect(() => {
+    if (!editor || editor.isDestroyed) return;
+    const scroller = documentScroller(editor);
+    if (!scroller) return;
+    const readCurrentPage = () => {
+      frameRef.current = null;
+      const anchor = scroller.scrollTop + Math.min(160, scroller.clientHeight * 0.25);
+      const next = pageAtOffset(pageTopsRef.current, anchor);
+      setPosition((current) => current.currentPage === next.currentPage && current.totalPages === next.totalPages ? current : next);
+    };
+    const scheduleCurrentPage = () => {
+      if (frameRef.current === null) frameRef.current = window.requestAnimationFrame(readCurrentPage);
+    };
+    const refreshPageTops = () => {
+      pageTopsRef.current = collectPageTops(editor, scroller);
+      pageStartsRef.current = Array.from(editor.view.dom.closest(".om-doc-paper")?.querySelectorAll("[data-document-page-start]") ?? []);
+      scheduleCurrentPage();
+    };
+    const mutationObserver = new MutationObserver(refreshPageTops);
+    mutationObserver.observe(editor.view.dom, { childList: true, subtree: true });
+    const paper = editor.view.dom.closest(".om-doc-paper");
+    const resizeObserver = typeof ResizeObserver === "undefined" ? null : new ResizeObserver(refreshPageTops);
+    if (paper) resizeObserver?.observe(paper);
+    scroller.addEventListener("scroll", scheduleCurrentPage, { passive: true });
+    window.addEventListener("resize", refreshPageTops);
+    refreshPageTops();
+    return () => {
+      if (frameRef.current !== null) window.cancelAnimationFrame(frameRef.current);
+      mutationObserver.disconnect();
+      resizeObserver?.disconnect();
+      scroller.removeEventListener("scroll", scheduleCurrentPage);
+      window.removeEventListener("resize", refreshPageTops);
+    };
+  }, [editor]);
+  const jumpToPage = React.useCallback(() => {
+    const requested = Number.parseInt(targetPage, 10);
+    if (!Number.isFinite(requested)) return;
+    const page = Math.min(position.totalPages, Math.max(1, requested));
+    const scroller = editor && !editor.isDestroyed ? documentScroller(editor) : null;
+    const top = pageTopsRef.current[page - 1];
+    if (!scroller || top === void 0 || page > 1 && !pageStartsRef.current[page - 2]) return;
+    scroller.scrollTo({ top: Math.max(0, top - 24), behavior: "auto" });
+    setTargetPage("");
+  }, [editor, position.totalPages, targetPage]);
+  const progress = Math.round(position.currentPage / position.totalPages * 100);
+  return /* @__PURE__ */ jsxs("section", { className: "space-y-4 rounded-lg border border-border bg-card p-4", "aria-label": t("documents.editor.navigation.title"), children: [
+    /* @__PURE__ */ jsxs("div", { children: [
+      /* @__PURE__ */ jsx("h2", { className: "text-sm font-semibold", children: t("documents.editor.navigation.title") }),
+      /* @__PURE__ */ jsx("p", { className: "mt-1 text-sm text-muted-foreground", children: t("documents.editor.navigation.pageStatus", position) })
+    ] }),
+    /* @__PURE__ */ jsx(
+      Progress,
+      {
+        value: progress,
+        label: t("documents.editor.navigation.progress"),
+        showValue: true,
+        "aria-label": t("documents.editor.navigation.progress")
+      }
+    ),
+    /* @__PURE__ */ jsxs("form", { className: "space-y-2", onSubmit: (event) => {
+      event.preventDefault();
+      jumpToPage();
+    }, children: [
+      /* @__PURE__ */ jsx(Label, { htmlFor: "documents-page-target", children: t("documents.editor.navigation.goToPage") }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx(
+          Input,
+          {
+            id: "documents-page-target",
+            type: "number",
+            inputMode: "numeric",
+            min: 1,
+            max: position.totalPages,
+            value: targetPage,
+            onChange: (event) => setTargetPage(event.target.value),
+            placeholder: String(position.currentPage),
+            "aria-describedby": "documents-page-range"
+          }
+        ),
+        /* @__PURE__ */ jsx(Button, { type: "submit", disabled: !targetPage.trim(), children: t("documents.editor.navigation.go") })
+      ] }),
+      /* @__PURE__ */ jsx("p", { id: "documents-page-range", className: "text-xs text-muted-foreground", children: t("documents.editor.navigation.pageRange", { totalPages: position.totalPages }) })
+    ] })
+  ] });
+}
+export {
+  DocumentNavigator,
+  pageAtOffset
+};
+//# sourceMappingURL=DocumentNavigator.js.map

package/dist/modules/documents/backend/documents/[id]/DocumentNavigator.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/modules/documents/backend/documents/%5Bid%5D/DocumentNavigator.tsx"],
+  "sourcesContent": ["\"use client\"\n\nimport * as React from 'react'\nimport type { Editor } from '@tiptap/core'\nimport { Button } from '@open-mercato/ui/primitives/button'\nimport { Input } from '@open-mercato/ui/primitives/input'\nimport { Label } from '@open-mercato/ui/primitives/label'\nimport { Progress } from '@open-mercato/ui/primitives/progress'\nimport { useT } from '@open-mercato/shared/lib/i18n/context'\n\ntype PagePosition = { currentPage: number; totalPages: number }\n\nexport function pageAtOffset(pageTops: number[], offset: number): PagePosition {\n  if (pageTops.length === 0) return { currentPage: 1, totalPages: 1 }\n  let low = 0\n  let high = pageTops.length\n  while (low < high) {\n    const middle = Math.floor((low + high) / 2)\n    if ((pageTops[middle] ?? Number.POSITIVE_INFINITY) <= offset) low = middle + 1\n    else high = middle\n  }\n  return { currentPage: Math.max(1, low), totalPages: pageTops.length }\n}\n\nfunction documentScroller(editor: Editor): HTMLElement | null {\n  return editor.view.dom.closest<HTMLElement>('.om-doc-canvas')\n}\n\nfunction collectPageTops(editor: Editor, scroller: HTMLElement): number[] {\n  const paper = editor.view.dom.closest<HTMLElement>('.om-doc-paper')\n  if (!paper) return []\n  const scrollerTop = scroller.getBoundingClientRect().top\n  const tops = [paper.getBoundingClientRect().top - scrollerTop + scroller.scrollTop]\n  paper.querySelectorAll<HTMLElement>('[data-document-page-start]').forEach((pageStart) => {\n    tops.push(pageStart.getBoundingClientRect().top - scrollerTop + scroller.scrollTop)\n  })\n  return tops\n}\n\nexport function DocumentNavigator({ editor }: { editor: Editor | null }) {\n  const t = useT()\n  const pageTopsRef = React.useRef<number[]>([])\n  const pageStartsRef = React.useRef<HTMLElement[]>([])\n  const frameRef = React.useRef<number | null>(null)\n  const [position, setPosition] = React.useState<PagePosition>({ currentPage: 1, totalPages: 1 })\n  const [targetPage, setTargetPage] = React.useState('')\n\n  React.useEffect(() => {\n    if (!editor || editor.isDestroyed) return\n    const scroller = documentScroller(editor)\n    if (!scroller) return\n    const readCurrentPage = () => {\n      frameRef.current = null\n      const anchor = scroller.scrollTop + Math.min(160, scroller.clientHeight * 0.25)\n      const next = pageAtOffset(pageTopsRef.current, anchor)\n      setPosition((current) => current.currentPage === next.currentPage && current.totalPages === next.totalPages ? current : next)\n    }\n    const scheduleCurrentPage = () => {\n      if (frameRef.current === null) frameRef.current = window.requestAnimationFrame(readCurrentPage)\n    }\n    const refreshPageTops = () => {\n      pageTopsRef.current = collectPageTops(editor, scroller)\n      pageStartsRef.current = Array.from(editor.view.dom.closest<HTMLElement>('.om-doc-paper')?.querySelectorAll<HTMLElement>('[data-document-page-start]') ?? [])\n      scheduleCurrentPage()\n    }\n    const mutationObserver = new MutationObserver(refreshPageTops)\n    mutationObserver.observe(editor.view.dom, { childList: true, subtree: true })\n    const paper = editor.view.dom.closest<HTMLElement>('.om-doc-paper')\n    const resizeObserver = typeof ResizeObserver === 'undefined' ? null : new ResizeObserver(refreshPageTops)\n    if (paper) resizeObserver?.observe(paper)\n    scroller.addEventListener('scroll', scheduleCurrentPage, { passive: true })\n    window.addEventListener('resize', refreshPageTops)\n    refreshPageTops()\n    return () => {\n      if (frameRef.current !== null) window.cancelAnimationFrame(frameRef.current)\n      mutationObserver.disconnect()\n      resizeObserver?.disconnect()\n      scroller.removeEventListener('scroll', scheduleCurrentPage)\n      window.removeEventListener('resize', refreshPageTops)\n    }\n  }, [editor])\n\n  const jumpToPage = React.useCallback(() => {\n    const requested = Number.parseInt(targetPage, 10)\n    if (!Number.isFinite(requested)) return\n    const page = Math.min(position.totalPages, Math.max(1, requested))\n    const scroller = editor && !editor.isDestroyed ? documentScroller(editor) : null\n    const top = pageTopsRef.current[page - 1]\n    if (!scroller || top === undefined || (page > 1 && !pageStartsRef.current[page - 2])) return\n    scroller.scrollTo({ top: Math.max(0, top - 24), behavior: 'auto' })\n    setTargetPage('')\n  }, [editor, position.totalPages, targetPage])\n  const progress = Math.round((position.currentPage / position.totalPages) * 100)\n\n  return (\n    <section className=\"space-y-4 rounded-lg border border-border bg-card p-4\" aria-label={t('documents.editor.navigation.title')}>\n      <div>\n        <h2 className=\"text-sm font-semibold\">{t('documents.editor.navigation.title')}</h2>\n        <p className=\"mt-1 text-sm text-muted-foreground\">{t('documents.editor.navigation.pageStatus', position)}</p>\n      </div>\n      <Progress\n        value={progress}\n        label={t('documents.editor.navigation.progress')}\n        showValue\n        aria-label={t('documents.editor.navigation.progress')}\n      />\n      <form className=\"space-y-2\" onSubmit={(event) => { event.preventDefault(); jumpToPage() }}>\n        <Label htmlFor=\"documents-page-target\">{t('documents.editor.navigation.goToPage')}</Label>\n        <div className=\"flex items-center gap-2\">\n          <Input\n            id=\"documents-page-target\"\n            type=\"number\"\n            inputMode=\"numeric\"\n            min={1}\n            max={position.totalPages}\n            value={targetPage}\n            onChange={(event) => setTargetPage(event.target.value)}\n            placeholder={String(position.currentPage)}\n            aria-describedby=\"documents-page-range\"\n          />\n          <Button type=\"submit\" disabled={!targetPage.trim()}>{t('documents.editor.navigation.go')}</Button>\n        </div>\n        <p id=\"documents-page-range\" className=\"text-xs text-muted-foreground\">\n          {t('documents.editor.navigation.pageRange', { totalPages: position.totalPages })}\n        </p>\n      </form>\n    </section>\n  )\n}\n"],
+  "mappings": "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",
+  "names": []
+}