@kedataindo/docflow-plugins 0.0.89 → 0.0.91

package/dist/index.cjs

@@ -92,6 +92,7 @@ __export(index_exports, {
   rejectAllSuggestions: () => rejectAllSuggestions,
   rejectSuggestion: () => rejectSuggestion,
   sanitizeCiteprocHtml: () => sanitizeCiteprocHtml,
+  scrollEditorToPos: () => scrollEditorToPos,
   setDocumentMode: () => setDocumentMode,
   setSuggestionAuthor: () => setSuggestionAuthor,
   slashMenuPlugin: () => slashMenuPlugin,
@@ -639,6 +640,44 @@ var footnotePlugin = (0, import_docflow_core12.definePlugin)({
 // src/toc.ts
 var import_core4 = require("@tiptap/core");
 var import_docflow_core13 = require("@kedataindo/docflow-core");
+
+// src/editorScroll.ts
+var import_state = require("@tiptap/pm/state");
+function scrollEditorToPos(editor, pos, options = {}) {
+  const { state, view } = editor;
+  const clamped = Math.min(Math.max(0, pos), state.doc.content.size);
+  let anchor = clamped;
+  if (options.focus !== false) {
+    const selection = import_state.TextSelection.near(state.doc.resolve(clamped), 1);
+    if (!state.selection.eq(selection)) {
+      view.dispatch(state.tr.setSelection(selection));
+    }
+    editor.commands.focus();
+    anchor = view.state.selection.from;
+  }
+  const editorDom = view.dom;
+  const scrollEl = editorDom.closest?.(".docs-editor-scroll") ?? null;
+  let coords = null;
+  try {
+    coords = view.coordsAtPos(anchor);
+  } catch {
+    coords = null;
+  }
+  if (!scrollEl || !coords) {
+    editorDom.scrollIntoView?.({ block: "start" });
+    return;
+  }
+  const scrollRect = scrollEl.getBoundingClientRect();
+  const top = scrollEl.scrollTop + (coords.top - scrollRect.top) - scrollEl.clientHeight / 3;
+  const target = Math.max(0, top);
+  try {
+    scrollEl.scrollTo({ top: target, behavior: "smooth" });
+  } catch {
+    scrollEl.scrollTop = target;
+  }
+}
+
+// src/toc.ts
 function collectHeadingsFromDoc(doc) {
   const headings = [];
   doc.descendants((node, pos) => {
@@ -846,8 +885,7 @@ var TocNode = import_core4.Node.create({
         const entry = event.target?.closest?.("[data-toc-entry]");
         if (!entry) return;
         const pos = Number(entry.getAttribute("data-pos") ?? 0);
-        const clamped = Math.min(Math.max(0, pos), editor.state.doc.content.size);
-        editor.chain().focus().setTextSelection(clamped).scrollIntoView().run();
+        scrollEditorToPos(editor, pos);
       };
       refresh.addEventListener("click", onRefresh);
       dom.addEventListener("click", onEntryClick);
@@ -2404,7 +2442,7 @@ var citationPlugin = (0, import_docflow_core17.definePlugin)({
 
 // src/ai.ts
 var import_core9 = require("@tiptap/core");
-var import_state2 = require("@tiptap/pm/state");
+var import_state3 = require("@tiptap/pm/state");
 var import_view = require("@tiptap/pm/view");
 var import_tiptap_markdown = require("tiptap-markdown");
 var import_docflow_core18 = require("@kedataindo/docflow-core");
@@ -2412,7 +2450,7 @@ var import_docflow_core18 = require("@kedataindo/docflow-core");
 // src/markdownInsert.ts
 var import_core8 = require("@tiptap/core");
 var import_model = require("@tiptap/pm/model");
-var import_state = require("@tiptap/pm/state");
+var import_state2 = require("@tiptap/pm/state");
 var import_transform = require("@tiptap/pm/transform");
 function mdParser(editor) {
   const storage = editor.storage.markdown;
@@ -2448,7 +2486,7 @@ function selectionToInsertionEnd(tr, startLen, bias) {
   map.forEach((_from, _to, _newFrom, newTo) => {
     if (end === 0) end = newTo;
   });
-  tr.setSelection(import_state.Selection.near(tr.doc.resolve(end), bias));
+  tr.setSelection(import_state2.Selection.near(tr.doc.resolve(end), bias));
 }
 function insertMarkdownBlock(editor, view, from, to, markdown) {
   const fragment = markdownToFragment(editor, markdown, { inline: false });
@@ -2491,7 +2529,7 @@ function insertMarkdownBlock(editor, view, from, to, markdown) {
 }
 
 // src/ai.ts
-var aiPluginKey = new import_state2.PluginKey("docflow-ai");
+var aiPluginKey = new import_state3.PluginKey("docflow-ai");
 var CONTEXT_CHARS = 1500;
 function getAIPreview(editor) {
   return editor.storage.ai ? editor.storage.ai.preview ?? null : null;
@@ -2727,7 +2765,7 @@ var AIExtension = import_core9.Extension.create({
       };
     }
     return [
-      new import_state2.Plugin({
+      new import_state3.Plugin({
         key: aiPluginKey,
         state: {
           init: () => null,
@@ -2899,7 +2937,7 @@ var commentPlugin = {
 
 // src/suggestChanges.ts
 var import_core11 = require("@tiptap/core");
-var import_state3 = require("@tiptap/pm/state");
+var import_state4 = require("@tiptap/pm/state");
 var import_transform2 = require("@tiptap/pm/transform");
 var import_docflow_core19 = require("@kedataindo/docflow-core");
 var SUGGESTION_INSERT = "suggestionInsert";
@@ -2907,7 +2945,7 @@ var SUGGESTION_DELETE = "suggestionDelete";
 var SUGGESTION_FORMAT = "suggestionFormat";
 var FORMAT_MARKS = /* @__PURE__ */ new Set(["bold", "italic", "underline", "strike", "highlight"]);
 var SUGGEST_APPLIED_META = "suggestChanges:applied";
-var suggestChangesKey = new import_state3.PluginKey("suggestChanges");
+var suggestChangesKey = new import_state4.PluginKey("suggestChanges");
 var suggestionAttributes = () => ({
   suggestionId: {
     default: null,
@@ -3029,7 +3067,7 @@ var SuggestChanges = import_core11.Extension.create({
       if (storage) storage.suggestions = getSuggestions(editor);
     };
     return [
-      new import_state3.Plugin({
+      new import_state4.Plugin({
         key: suggestChangesKey,
         state: {
           init: () => ({ mode: "editing", author: {} }),
@@ -3117,7 +3155,7 @@ var SuggestChanges = import_core11.Extension.create({
             const id = adjacentRunId(view.state, from, SUGGESTION_DELETE) ?? newSuggestionId();
             const tr = view.state.tr.addMark(from, to, del.create(markAttrs(id, current.author)));
             if (event.key === "Backspace" && selection.empty) {
-              tr.setSelection(import_state3.TextSelection.create(tr.doc, from));
+              tr.setSelection(import_state4.TextSelection.create(tr.doc, from));
             }
             view.dispatch(tr);
             return true;
@@ -3715,8 +3753,8 @@ var smartElementsPlugin = (0, import_docflow_core20.definePlugin)({
 // src/tablePageSplit.ts
 var import_docflow_core21 = require("@kedataindo/docflow-core");
 var import_core13 = require("@tiptap/core");
-var import_state4 = require("@tiptap/pm/state");
-var PLUGIN_KEY = new import_state4.PluginKey("docflow/table-page-split");
+var import_state5 = require("@tiptap/pm/state");
+var PLUGIN_KEY = new import_state5.PluginKey("docflow/table-page-split");
 var SPLIT_MARK = "head";
 var MAX_SPLIT_DEPTH = 16;
 function readPageContentHeightPx(view, editor) {
@@ -3891,6 +3929,7 @@ function runSplitPass(view, editor) {
     tr.replaceWith(pos, pos + node.nodeSize, chain);
   }
   tr.setMeta(PLUGIN_KEY, { splitAtRow: -1 });
+  tr.setMeta("addToHistory", false);
   v.dispatch(tr);
 }
 var TablePageSplitExtension = import_core13.Extension.create({
@@ -3901,7 +3940,7 @@ var TablePageSplitExtension = import_core13.Extension.create({
     const ext = this;
     const editorRef = ext.editor ?? null;
     return [
-      new import_state4.Plugin({
+      new import_state5.Plugin({
         key: PLUGIN_KEY,
         view(_editorView) {
           viewRef = _editorView;
@@ -3940,7 +3979,7 @@ var tablePageSplitPlugin = (0, import_docflow_core21.definePlugin)({
 
 // src/slashMenu.ts
 var import_core14 = require("@tiptap/core");
-var import_state5 = require("@tiptap/pm/state");
+var import_state6 = require("@tiptap/pm/state");
 var import_docflow_core22 = require("@kedataindo/docflow-core");
 var slashState = {
   open: false,
@@ -3999,8 +4038,8 @@ var SlashMenuExtension = import_core14.Extension.create({
   name: "slashMenu",
   addProseMirrorPlugins() {
     return [
-      new import_state5.Plugin({
-        key: new import_state5.PluginKey("slashMenu"),
+      new import_state6.Plugin({
+        key: new import_state6.PluginKey("slashMenu"),
         props: {
           handleTextInput(view, from, _to, text) {
             if (text === "/") {
@@ -4186,6 +4225,7 @@ var defaultPlugins = [
   rejectAllSuggestions,
   rejectSuggestion,
   sanitizeCiteprocHtml,
+  scrollEditorToPos,
   setDocumentMode,
   setSuggestionAuthor,
   slashMenuPlugin,

package/dist/index.d.cts

@@ -216,6 +216,26 @@ declare function markdownToFragment(editor: Editor, markdown: string, opts: {
  */
 declare function insertMarkdownBlock(editor: Editor, view: EditorView, from: number, to: number, markdown: string): void;
 
+/**
+ * Scroll the editor so document position `pos` is visible.
+ *
+ * Works with the paginated surface: the scrollable element is the
+ * `.docs-editor-scroll` wrapper (DocsEditor), NOT the window — a plain
+ * `scrollIntoView()` on the geo-point lands on the wrong page once
+ * PaginationPlus has cloned/offset the page frames. We resolve the target from
+ * `coordsAtPos` and move the container's scrollTop instead, which is correct in
+ * both paginated and pageless mode.
+ *
+ * Falls back to the native `scrollIntoView` on the editor element when there is
+ * no scroll container (bare editor / non-DOM environments such as tests).
+ *
+ * @param options.focus move the caret to `pos` (default true). Set false when
+ *   the caller has already placed the selection.
+ */
+declare function scrollEditorToPos(editor: Editor, pos: number, options?: {
+    focus?: boolean;
+}): void;
+
 /**
  * Phase 9 P9-4 — comment plugin.
  *
@@ -360,4 +380,4 @@ declare const slashMenuPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
 
 declare const defaultPlugins: _kedata_indonesia_docflow_core.DocsEditorPlugin[];
 
-export { AIExtension, type AIPreviewState, BibliographyNode, CitationEngineExtension, CitationNode, CiteEngine, type CommentMarkAttrs, CommentMark as CommentMarkExtension, DateChipNode, DropdownChipNode, FileChipNode, FootnoteNode, LocationChipNode, PageBreak, PeopleChipNode, type PlaceholderPluginOptions, SUGGESTION_DELETE, SUGGESTION_FORMAT, SUGGESTION_INSERT, SlashMenuExtension, type SuggestionAuthor, SuggestionDeleteMark, SuggestionFormatMark, SuggestionInsertMark, type SuggestionSummary, TocEntryNode, TocNode, TocPageNumNode, acceptAllSuggestions, acceptSuggestion, aiPlugin, aiPluginKey, alignmentPlugin, blockquotePlugin, citationPlugin, codeBlockPlugin, collectHeadings, commentPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, getAIPreview, getCitationEngine, getSuggestions, headingsPlugin, highlightPlugin, imagePlugin, insertMarkdownBlock, linkPlugin, listsPlugin, markdownToFragment, onSlashStateChange, pageBreakPlugin, placeholderPlugin, regenerateToc, registerSlashCommands, rejectAllSuggestions, rejectSuggestion, setDocumentMode, setSuggestionAuthor, slashMenuPlugin, slashState, smartElementsPlugin, suggestChangesPlugin, tablePageSplitPlugin, tablePlugin, textColorPlugin, tocPlugin };
+export { AIExtension, type AIPreviewState, BibliographyNode, CitationEngineExtension, CitationNode, CiteEngine, type CommentMarkAttrs, CommentMark as CommentMarkExtension, DateChipNode, DropdownChipNode, FileChipNode, FootnoteNode, LocationChipNode, PageBreak, PeopleChipNode, type PlaceholderPluginOptions, SUGGESTION_DELETE, SUGGESTION_FORMAT, SUGGESTION_INSERT, SlashMenuExtension, type SuggestionAuthor, SuggestionDeleteMark, SuggestionFormatMark, SuggestionInsertMark, type SuggestionSummary, TocEntryNode, TocNode, TocPageNumNode, acceptAllSuggestions, acceptSuggestion, aiPlugin, aiPluginKey, alignmentPlugin, blockquotePlugin, citationPlugin, codeBlockPlugin, collectHeadings, commentPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, getAIPreview, getCitationEngine, getSuggestions, headingsPlugin, highlightPlugin, imagePlugin, insertMarkdownBlock, linkPlugin, listsPlugin, markdownToFragment, onSlashStateChange, pageBreakPlugin, placeholderPlugin, regenerateToc, registerSlashCommands, rejectAllSuggestions, rejectSuggestion, scrollEditorToPos, setDocumentMode, setSuggestionAuthor, slashMenuPlugin, slashState, smartElementsPlugin, suggestChangesPlugin, tablePageSplitPlugin, tablePlugin, textColorPlugin, tocPlugin };

package/dist/index.d.ts

@@ -216,6 +216,26 @@ declare function markdownToFragment(editor: Editor, markdown: string, opts: {
  */
 declare function insertMarkdownBlock(editor: Editor, view: EditorView, from: number, to: number, markdown: string): void;
 
+/**
+ * Scroll the editor so document position `pos` is visible.
+ *
+ * Works with the paginated surface: the scrollable element is the
+ * `.docs-editor-scroll` wrapper (DocsEditor), NOT the window — a plain
+ * `scrollIntoView()` on the geo-point lands on the wrong page once
+ * PaginationPlus has cloned/offset the page frames. We resolve the target from
+ * `coordsAtPos` and move the container's scrollTop instead, which is correct in
+ * both paginated and pageless mode.
+ *
+ * Falls back to the native `scrollIntoView` on the editor element when there is
+ * no scroll container (bare editor / non-DOM environments such as tests).
+ *
+ * @param options.focus move the caret to `pos` (default true). Set false when
+ *   the caller has already placed the selection.
+ */
+declare function scrollEditorToPos(editor: Editor, pos: number, options?: {
+    focus?: boolean;
+}): void;
+
 /**
  * Phase 9 P9-4 — comment plugin.
  *
@@ -360,4 +380,4 @@ declare const slashMenuPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
 
 declare const defaultPlugins: _kedata_indonesia_docflow_core.DocsEditorPlugin[];
 
-export { AIExtension, type AIPreviewState, BibliographyNode, CitationEngineExtension, CitationNode, CiteEngine, type CommentMarkAttrs, CommentMark as CommentMarkExtension, DateChipNode, DropdownChipNode, FileChipNode, FootnoteNode, LocationChipNode, PageBreak, PeopleChipNode, type PlaceholderPluginOptions, SUGGESTION_DELETE, SUGGESTION_FORMAT, SUGGESTION_INSERT, SlashMenuExtension, type SuggestionAuthor, SuggestionDeleteMark, SuggestionFormatMark, SuggestionInsertMark, type SuggestionSummary, TocEntryNode, TocNode, TocPageNumNode, acceptAllSuggestions, acceptSuggestion, aiPlugin, aiPluginKey, alignmentPlugin, blockquotePlugin, citationPlugin, codeBlockPlugin, collectHeadings, commentPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, getAIPreview, getCitationEngine, getSuggestions, headingsPlugin, highlightPlugin, imagePlugin, insertMarkdownBlock, linkPlugin, listsPlugin, markdownToFragment, onSlashStateChange, pageBreakPlugin, placeholderPlugin, regenerateToc, registerSlashCommands, rejectAllSuggestions, rejectSuggestion, setDocumentMode, setSuggestionAuthor, slashMenuPlugin, slashState, smartElementsPlugin, suggestChangesPlugin, tablePageSplitPlugin, tablePlugin, textColorPlugin, tocPlugin };
+export { AIExtension, type AIPreviewState, BibliographyNode, CitationEngineExtension, CitationNode, CiteEngine, type CommentMarkAttrs, CommentMark as CommentMarkExtension, DateChipNode, DropdownChipNode, FileChipNode, FootnoteNode, LocationChipNode, PageBreak, PeopleChipNode, type PlaceholderPluginOptions, SUGGESTION_DELETE, SUGGESTION_FORMAT, SUGGESTION_INSERT, SlashMenuExtension, type SuggestionAuthor, SuggestionDeleteMark, SuggestionFormatMark, SuggestionInsertMark, type SuggestionSummary, TocEntryNode, TocNode, TocPageNumNode, acceptAllSuggestions, acceptSuggestion, aiPlugin, aiPluginKey, alignmentPlugin, blockquotePlugin, citationPlugin, codeBlockPlugin, collectHeadings, commentPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, getAIPreview, getCitationEngine, getSuggestions, headingsPlugin, highlightPlugin, imagePlugin, insertMarkdownBlock, linkPlugin, listsPlugin, markdownToFragment, onSlashStateChange, pageBreakPlugin, placeholderPlugin, regenerateToc, registerSlashCommands, rejectAllSuggestions, rejectSuggestion, scrollEditorToPos, setDocumentMode, setSuggestionAuthor, slashMenuPlugin, slashState, smartElementsPlugin, suggestChangesPlugin, tablePageSplitPlugin, tablePlugin, textColorPlugin, tocPlugin };

package/dist/index.js

@@ -532,6 +532,44 @@ var footnotePlugin = definePlugin12({
 // src/toc.ts
 import { Extension, Node as Node4, mergeAttributes as mergeAttributes4 } from "@tiptap/core";
 import { definePlugin as definePlugin13 } from "@kedataindo/docflow-core";
+
+// src/editorScroll.ts
+import { TextSelection } from "@tiptap/pm/state";
+function scrollEditorToPos(editor, pos, options = {}) {
+  const { state, view } = editor;
+  const clamped = Math.min(Math.max(0, pos), state.doc.content.size);
+  let anchor = clamped;
+  if (options.focus !== false) {
+    const selection = TextSelection.near(state.doc.resolve(clamped), 1);
+    if (!state.selection.eq(selection)) {
+      view.dispatch(state.tr.setSelection(selection));
+    }
+    editor.commands.focus();
+    anchor = view.state.selection.from;
+  }
+  const editorDom = view.dom;
+  const scrollEl = editorDom.closest?.(".docs-editor-scroll") ?? null;
+  let coords = null;
+  try {
+    coords = view.coordsAtPos(anchor);
+  } catch {
+    coords = null;
+  }
+  if (!scrollEl || !coords) {
+    editorDom.scrollIntoView?.({ block: "start" });
+    return;
+  }
+  const scrollRect = scrollEl.getBoundingClientRect();
+  const top = scrollEl.scrollTop + (coords.top - scrollRect.top) - scrollEl.clientHeight / 3;
+  const target = Math.max(0, top);
+  try {
+    scrollEl.scrollTo({ top: target, behavior: "smooth" });
+  } catch {
+    scrollEl.scrollTop = target;
+  }
+}
+
+// src/toc.ts
 function collectHeadingsFromDoc(doc) {
   const headings = [];
   doc.descendants((node, pos) => {
@@ -739,8 +777,7 @@ var TocNode = Node4.create({
         const entry = event.target?.closest?.("[data-toc-entry]");
         if (!entry) return;
         const pos = Number(entry.getAttribute("data-pos") ?? 0);
-        const clamped = Math.min(Math.max(0, pos), editor.state.doc.content.size);
-        editor.chain().focus().setTextSelection(clamped).scrollIntoView().run();
+        scrollEditorToPos(editor, pos);
       };
       refresh.addEventListener("click", onRefresh);
       dom.addEventListener("click", onEntryClick);
@@ -2792,7 +2829,7 @@ var commentPlugin = {
 
 // src/suggestChanges.ts
 import { Extension as Extension4, Mark as Mark2, mergeAttributes as mergeAttributes8 } from "@tiptap/core";
-import { Plugin as Plugin2, PluginKey as PluginKey2, TextSelection } from "@tiptap/pm/state";
+import { Plugin as Plugin2, PluginKey as PluginKey2, TextSelection as TextSelection2 } from "@tiptap/pm/state";
 import { AddMarkStep, RemoveMarkStep } from "@tiptap/pm/transform";
 import { definePlugin as definePlugin19 } from "@kedataindo/docflow-core";
 var SUGGESTION_INSERT = "suggestionInsert";
@@ -3010,7 +3047,7 @@ var SuggestChanges = Extension4.create({
             const id = adjacentRunId(view.state, from, SUGGESTION_DELETE) ?? newSuggestionId();
             const tr = view.state.tr.addMark(from, to, del.create(markAttrs(id, current.author)));
             if (event.key === "Backspace" && selection.empty) {
-              tr.setSelection(TextSelection.create(tr.doc, from));
+              tr.setSelection(TextSelection2.create(tr.doc, from));
             }
             view.dispatch(tr);
             return true;
@@ -3784,6 +3821,7 @@ function runSplitPass(view, editor) {
     tr.replaceWith(pos, pos + node.nodeSize, chain);
   }
   tr.setMeta(PLUGIN_KEY, { splitAtRow: -1 });
+  tr.setMeta("addToHistory", false);
   v.dispatch(tr);
 }
 var TablePageSplitExtension = Extension5.create({
@@ -4078,6 +4116,7 @@ export {
   rejectAllSuggestions,
   rejectSuggestion,
   sanitizeCiteprocHtml,
+  scrollEditorToPos,
   setDocumentMode,
   setSuggestionAuthor,
   slashMenuPlugin,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kedataindo/docflow-plugins",
   "license": "Apache-2.0",
-  "version": "0.0.89",
+  "version": "0.0.91",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",