@zero-library/common 2.4.2 → 2.4.3

package/dist/index.cjs.js

@@ -8526,6 +8526,55 @@ var SearchAndReplace = core.Extension.create({
   }
 });
 var searchAndReplace_default = SearchAndReplace;
+var usePageNo = (pageNoConfig) => {
+  const [editor, setEditor] = React.useState(null);
+  const lastScrollToPageNoRef = React.useRef(void 0);
+  const setPageNoEditor = (newEditor) => {
+    setEditor(newEditor);
+  };
+  const onPageChange = useDebounce_default((pageNo = 0) => {
+    lastScrollToPageNoRef.current = pageNo;
+    pageNoConfig?.onScrollPage?.(pageNo);
+  }, 300);
+  React.useEffect(() => {
+    if (!editor) return;
+    if (!pageNoConfig?.enabled) return;
+    const targetPageNo = pageNoConfig?.pageNo;
+    if (isNullOrUnDef(targetPageNo)) return;
+    if (lastScrollToPageNoRef.current === targetPageNo) return;
+    let rafId = 0;
+    const targetPageNoStr = String(targetPageNo);
+    const findTargetPos = () => {
+      let foundPos = null;
+      editor.state.doc.descendants((node, pos) => {
+        if (!isNullOrUnDef(foundPos)) return false;
+        if (node.type.name !== PAGE_NO_KEY) return true;
+        if (String(node.attrs?.[PAGE_NO_TAG]) === targetPageNoStr) {
+          foundPos = pos;
+          return false;
+        }
+        return true;
+      });
+      return foundPos;
+    };
+    let tries = 0;
+    const tryScroll = () => {
+      const foundPos = findTargetPos();
+      if (!isNullOrUnDef(foundPos)) {
+        scrollEditorViewToPosInNextFrame(editor.view, foundPos, { align: "start", behavior: "smooth" });
+        return;
+      }
+      tries += 1;
+      if (tries < 10) rafId = requestAnimationFrame(tryScroll);
+    };
+    rafId = requestAnimationFrame(tryScroll);
+    return () => cancelAnimationFrame(rafId);
+  }, [editor, pageNoConfig?.enabled, pageNoConfig?.pageNo]);
+  return {
+    setPageNoEditor,
+    onPageChange
+  };
+};
 var MarkdownEditor_default = ({
   value = ``,
   onChange,
@@ -8542,9 +8591,7 @@ var MarkdownEditor_default = ({
 }) => {
   const isMobile = useIsBreakpoint();
   const lastContentRef = React.useRef("");
-  const onPageChange = useDebounce_default((pageIndex) => {
-    pageNoConfig?.onScrollPage?.(pageIndex ?? 0);
-  }, 300);
+  const { setPageNoEditor, onPageChange } = usePageNo(pageNoConfig);
   const {
     setAnnotationEditor,
     annotations,
@@ -8680,6 +8727,7 @@ var MarkdownEditor_default = ({
     if (!editor) return;
     setAnnotationEditor(editor);
     setCollectionEditor(editor);
+    setPageNoEditor(editor);
   }, [editor]);
   React.useEffect(() => {
     if (!editor) return;