@kedataindo/docflow-core 0.0.72 → 0.0.73

package/dist/index.cjs

@@ -71,8 +71,8 @@ __export(index_exports, {
 module.exports = __toCommonJS(index_exports);
 
 // src/Editor.ts
-var import_core5 = require("@tiptap/core");
-var import_state4 = require("@tiptap/pm/state");
+var import_core6 = require("@tiptap/core");
+var import_state5 = require("@tiptap/pm/state");
 var import_starter_kit = __toESM(require("@tiptap/starter-kit"), 1);
 var import_extension_text_style = __toESM(require("@tiptap/extension-text-style"), 1);
 
@@ -1306,6 +1306,94 @@ var PaginationPlus = import_core4.Extension.create({
   }
 });
 
+// src/pagination/PaginationCaretFix.ts
+var import_core5 = require("@tiptap/core");
+var import_state4 = require("@tiptap/pm/state");
+var PAGINATION_CLASS = "rm-with-pagination";
+var PAGINATION_DISABLED_ATTR = "rm-pagination-disabled";
+var dragStates = /* @__PURE__ */ new WeakMap();
+var isPaginationActive = (view) => {
+  const dom = view.dom;
+  return dom.classList.contains(PAGINATION_CLASS) && dom.getAttribute(PAGINATION_DISABLED_ATTR) === null;
+};
+var isEditable = (view) => view.dom.getAttribute("contenteditable") !== "false";
+var isPlainSingleLeftClick = (event) => event.button === 0 && event.detail === 1 && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey;
+function posFromTextOffset(view, textNode, offset) {
+  if (textNode.nodeType !== Node.TEXT_NODE || !view.dom.contains(textNode)) return null;
+  const text = textNode;
+  const clamped = Math.min(Math.max(0, offset), text.length);
+  const parent = text.parentElement;
+  if (parent?.closest?.('[contenteditable="false"]')) return null;
+  let pos = view.posAtDOM(text, clamped, -1);
+  if (pos < 0) pos = view.posAtDOM(text, clamped, 1);
+  if (pos < 0) return null;
+  return view.state.doc.resolve(pos).parent.isTextblock ? pos : null;
+}
+function resolvePosFromNativePoint(view, clientX, clientY) {
+  const doc = view.dom.ownerDocument;
+  if (typeof doc.caretRangeFromPoint !== "function") return null;
+  const range = doc.caretRangeFromPoint(clientX, clientY);
+  if (!range) return null;
+  return posFromTextOffset(view, range.startContainer, range.startOffset);
+}
+function stopDrag(view) {
+  const drag = dragStates.get(view);
+  if (!drag) return;
+  dragStates.delete(view);
+  const doc = view.dom.ownerDocument;
+  doc.removeEventListener("mousemove", drag.onMouseMove);
+  doc.removeEventListener("mouseup", drag.onMouseUp);
+}
+function beginDrag(view, anchorPos) {
+  stopDrag(view);
+  const doc = view.dom.ownerDocument;
+  const onMouseMove = (event) => {
+    const drag = dragStates.get(view);
+    if (!drag) return;
+    const pos = resolvePosFromNativePoint(view, event.clientX, event.clientY);
+    if (pos === null) return;
+    const from = Math.min(drag.anchorPos, pos);
+    const to = Math.max(drag.anchorPos, pos);
+    view.dispatch(view.state.tr.setSelection(import_state4.TextSelection.create(view.state.doc, from, to)));
+  };
+  const onMouseUp = () => {
+    stopDrag(view);
+  };
+  dragStates.set(view, { anchorPos, onMouseMove, onMouseUp });
+  doc.addEventListener("mousemove", onMouseMove);
+  doc.addEventListener("mouseup", onMouseUp);
+}
+function interceptPaginationMouseDown(view, event) {
+  if (!isPaginationActive(view) || !isPlainSingleLeftClick(event) || !isEditable(view)) return false;
+  const pos = resolvePosFromNativePoint(view, event.clientX, event.clientY);
+  if (pos === null) return false;
+  view.focus();
+  view.dispatch(view.state.tr.setSelection(import_state4.TextSelection.create(view.state.doc, pos)));
+  beginDrag(view, pos);
+  return true;
+}
+var PaginationCaretFix = import_core5.Extension.create({
+  name: "paginationCaretFix",
+  addProseMirrorPlugins() {
+    return [
+      new import_state4.Plugin({
+        key: new import_state4.PluginKey("paginationCaretFix"),
+        props: {
+          handleDOMEvents: {
+            mousedown: (view, event) => {
+              try {
+                return interceptPaginationMouseDown(view, event);
+              } catch {
+                return false;
+              }
+            }
+          }
+        }
+      })
+    ];
+  }
+});
+
 // src/PerformanceMonitor.ts
 var TARGET_FRAME_MS = 1e3 / 60;
 var formatMb = (bytes) => `${Math.round(bytes / 1024 / 1024)}MB`;
@@ -1734,11 +1822,11 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
   const pluginExtensions = collectExtensions(plugins);
   const blockAttrs = options.getPageMap ? BlockAttributesExtension.configure({ pageMap: options.getPageMap }) : BlockAttributesExtension;
   const paginationExt = options.paginationOptions ? PaginationPlus.configure(options.paginationOptions) : PaginationPlus;
-  const ManualColumnResize = import_core5.Extension.create({
+  const ManualColumnResize = import_core6.Extension.create({
     name: "manualColumnResize",
     addProseMirrorPlugins() {
-      const key2 = new import_state4.PluginKey("manualColumnResize");
-      return [new import_state4.Plugin({
+      const key2 = new import_state5.PluginKey("manualColumnResize");
+      return [new import_state5.Plugin({
         key: key2,
         view(view) {
           function pauseObserver() {
@@ -2060,6 +2148,10 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
     import_extension_text_style.default,
     blockAttrs,
     paginationExt,
+    // Always present — fixes caret-on-click misplacement caused by the
+    // pagination DOM (header/footer/gap widgets breaking linear coordinates).
+    // No-op (gated at runtime) when pagination is off or disabled.
+    PaginationCaretFix,
     // Always present — carries host-injected ports (onImageUpload, citation, …)
     // in storage so plugin commands can reach them through the editor instance.
     EditorContextExtension.configure({
@@ -2077,7 +2169,7 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
     const seed = seedEmptyFragment(collaborationSetup.ydoc);
     if (seed.seeded) {
       extensions.push(
-        import_core5.Extension.create({
+        import_core6.Extension.create({
           name: "provisionalSeedCleanup",
           onDestroy: () => seed.dispose()
         })
@@ -2085,7 +2177,7 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
     }
     extensions = [...extensions, ...collaborationExtensions(collaborationSetup)];
   }
-  const tiptapEditor = new import_core5.Editor({
+  const tiptapEditor = new import_core6.Editor({
     element: options.target,
     content,
     extensions,
@@ -2104,7 +2196,7 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
 }
 
 // src/FontSize.ts
-var import_core6 = require("@tiptap/core");
+var import_core7 = require("@tiptap/core");
 function mergeFontSize(textStyleType, existing, fontSize) {
   if (fontSize === null) {
     const { fontSize: _removed, ...rest } = existing?.attrs ?? {};
@@ -2115,7 +2207,7 @@ function mergeFontSize(textStyleType, existing, fontSize) {
 function hasAttrs(mark) {
   return Object.values(mark.attrs).some((v) => v != null);
 }
-var FontSizeExtension = import_core6.Extension.create({
+var FontSizeExtension = import_core7.Extension.create({
   name: "fontSize",
   addGlobalAttributes() {
     return [

package/dist/index.js

@@ -16,8 +16,8 @@ import {
 } from "./chunk-XJG72F7M.js";
 
 // src/Editor.ts
-import { Extension as Extension5, Editor as TiptapEditor } from "@tiptap/core";
-import { Plugin as Plugin4, PluginKey as PluginKey4 } from "@tiptap/pm/state";
+import { Extension as Extension6, Editor as TiptapEditor } from "@tiptap/core";
+import { Plugin as Plugin5, PluginKey as PluginKey5 } from "@tiptap/pm/state";
 import StarterKit from "@tiptap/starter-kit";
 import TextStyle from "@tiptap/extension-text-style";
 
@@ -1115,6 +1115,94 @@ var PaginationPlus = Extension4.create({
   }
 });
 
+// src/pagination/PaginationCaretFix.ts
+import { Extension as Extension5 } from "@tiptap/core";
+import { Plugin as Plugin4, PluginKey as PluginKey4, TextSelection as TextSelection2 } from "@tiptap/pm/state";
+var PAGINATION_CLASS = "rm-with-pagination";
+var PAGINATION_DISABLED_ATTR = "rm-pagination-disabled";
+var dragStates = /* @__PURE__ */ new WeakMap();
+var isPaginationActive = (view) => {
+  const dom = view.dom;
+  return dom.classList.contains(PAGINATION_CLASS) && dom.getAttribute(PAGINATION_DISABLED_ATTR) === null;
+};
+var isEditable = (view) => view.dom.getAttribute("contenteditable") !== "false";
+var isPlainSingleLeftClick = (event) => event.button === 0 && event.detail === 1 && !event.shiftKey && !event.altKey && !event.ctrlKey && !event.metaKey;
+function posFromTextOffset(view, textNode, offset) {
+  if (textNode.nodeType !== Node.TEXT_NODE || !view.dom.contains(textNode)) return null;
+  const text = textNode;
+  const clamped = Math.min(Math.max(0, offset), text.length);
+  const parent = text.parentElement;
+  if (parent?.closest?.('[contenteditable="false"]')) return null;
+  let pos = view.posAtDOM(text, clamped, -1);
+  if (pos < 0) pos = view.posAtDOM(text, clamped, 1);
+  if (pos < 0) return null;
+  return view.state.doc.resolve(pos).parent.isTextblock ? pos : null;
+}
+function resolvePosFromNativePoint(view, clientX, clientY) {
+  const doc = view.dom.ownerDocument;
+  if (typeof doc.caretRangeFromPoint !== "function") return null;
+  const range = doc.caretRangeFromPoint(clientX, clientY);
+  if (!range) return null;
+  return posFromTextOffset(view, range.startContainer, range.startOffset);
+}
+function stopDrag(view) {
+  const drag = dragStates.get(view);
+  if (!drag) return;
+  dragStates.delete(view);
+  const doc = view.dom.ownerDocument;
+  doc.removeEventListener("mousemove", drag.onMouseMove);
+  doc.removeEventListener("mouseup", drag.onMouseUp);
+}
+function beginDrag(view, anchorPos) {
+  stopDrag(view);
+  const doc = view.dom.ownerDocument;
+  const onMouseMove = (event) => {
+    const drag = dragStates.get(view);
+    if (!drag) return;
+    const pos = resolvePosFromNativePoint(view, event.clientX, event.clientY);
+    if (pos === null) return;
+    const from = Math.min(drag.anchorPos, pos);
+    const to = Math.max(drag.anchorPos, pos);
+    view.dispatch(view.state.tr.setSelection(TextSelection2.create(view.state.doc, from, to)));
+  };
+  const onMouseUp = () => {
+    stopDrag(view);
+  };
+  dragStates.set(view, { anchorPos, onMouseMove, onMouseUp });
+  doc.addEventListener("mousemove", onMouseMove);
+  doc.addEventListener("mouseup", onMouseUp);
+}
+function interceptPaginationMouseDown(view, event) {
+  if (!isPaginationActive(view) || !isPlainSingleLeftClick(event) || !isEditable(view)) return false;
+  const pos = resolvePosFromNativePoint(view, event.clientX, event.clientY);
+  if (pos === null) return false;
+  view.focus();
+  view.dispatch(view.state.tr.setSelection(TextSelection2.create(view.state.doc, pos)));
+  beginDrag(view, pos);
+  return true;
+}
+var PaginationCaretFix = Extension5.create({
+  name: "paginationCaretFix",
+  addProseMirrorPlugins() {
+    return [
+      new Plugin4({
+        key: new PluginKey4("paginationCaretFix"),
+        props: {
+          handleDOMEvents: {
+            mousedown: (view, event) => {
+              try {
+                return interceptPaginationMouseDown(view, event);
+              } catch {
+                return false;
+              }
+            }
+          }
+        }
+      })
+    ];
+  }
+});
+
 // src/PerformanceMonitor.ts
 var TARGET_FRAME_MS = 1e3 / 60;
 var formatMb = (bytes) => `${Math.round(bytes / 1024 / 1024)}MB`;
@@ -1543,11 +1631,11 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
   const pluginExtensions = collectExtensions(plugins);
   const blockAttrs = options.getPageMap ? BlockAttributesExtension.configure({ pageMap: options.getPageMap }) : BlockAttributesExtension;
   const paginationExt = options.paginationOptions ? PaginationPlus.configure(options.paginationOptions) : PaginationPlus;
-  const ManualColumnResize = Extension5.create({
+  const ManualColumnResize = Extension6.create({
     name: "manualColumnResize",
     addProseMirrorPlugins() {
-      const key2 = new PluginKey4("manualColumnResize");
-      return [new Plugin4({
+      const key2 = new PluginKey5("manualColumnResize");
+      return [new Plugin5({
         key: key2,
         view(view) {
           function pauseObserver() {
@@ -1869,6 +1957,10 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
     TextStyle,
     blockAttrs,
     paginationExt,
+    // Always present — fixes caret-on-click misplacement caused by the
+    // pagination DOM (header/footer/gap widgets breaking linear coordinates).
+    // No-op (gated at runtime) when pagination is off or disabled.
+    PaginationCaretFix,
     // Always present — carries host-injected ports (onImageUpload, citation, …)
     // in storage so plugin commands can reach them through the editor instance.
     EditorContextExtension.configure({
@@ -1886,7 +1978,7 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
     const seed = seedEmptyFragment(collaborationSetup.ydoc);
     if (seed.seeded) {
       extensions.push(
-        Extension5.create({
+        Extension6.create({
           name: "provisionalSeedCleanup",
           onDestroy: () => seed.dispose()
         })
@@ -1913,7 +2005,7 @@ function createTiptapEditor(options, plugins, collaborationSetup) {
 }
 
 // src/FontSize.ts
-import { Extension as Extension6 } from "@tiptap/core";
+import { Extension as Extension7 } from "@tiptap/core";
 function mergeFontSize(textStyleType, existing, fontSize) {
   if (fontSize === null) {
     const { fontSize: _removed, ...rest } = existing?.attrs ?? {};
@@ -1924,7 +2016,7 @@ function mergeFontSize(textStyleType, existing, fontSize) {
 function hasAttrs(mark) {
   return Object.values(mark.attrs).some((v) => v != null);
 }
-var FontSizeExtension = Extension6.create({
+var FontSizeExtension = Extension7.create({
   name: "fontSize",
   addGlobalAttributes() {
     return [

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kedataindo/docflow-core",
   "license": "UNLICENSED",
-  "version": "0.0.72",
+  "version": "0.0.73",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",