@kedataindo/docflow-plugins 0.0.51 → 0.0.52

package/dist/index.cjs

@@ -84,6 +84,7 @@ __export(index_exports, {
   slashMenuPlugin: () => slashMenuPlugin,
   slashState: () => slashState,
   smartElementsPlugin: () => smartElementsPlugin,
+  tablePageSplitPlugin: () => tablePageSplitPlugin,
   tablePlugin: () => tablePlugin,
   textColorPlugin: () => textColorPlugin,
   tocPlugin: () => tocPlugin
@@ -274,6 +275,20 @@ var import_extension_table_row = __toESM(require("@tiptap/extension-table-row"),
 var import_extension_table_cell = __toESM(require("@tiptap/extension-table-cell"), 1);
 var import_extension_table_header = __toESM(require("@tiptap/extension-table-header"), 1);
 var CustomTable = import_extension_table.default.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      // Marker used by the experimental `tablePageSplitPlugin` to tag the
+      // head of a split pair. Backwards-compatible (default null) so docs
+      // without this attr round-trip cleanly. See
+      // packages/plugins/src/tablePageSplit.ts.
+      tablePageSplit: {
+        default: null,
+        parseHTML: () => null,
+        renderHTML: () => ({})
+      }
+    };
+  },
   renderHTML({ node, HTMLAttributes }) {
     let colCount = 0;
     const firstRow = node.firstChild;
@@ -316,9 +331,11 @@ var CustomTable = import_extension_table.default.extend({
       }
     }
     const tableAttrs = (0, import_core.mergeAttributes)(HTMLAttributes);
+    tableAttrs["data-tps-splittable"] = "";
     if (hasExplicitWidths && totalWidth > 0) {
       const existingStyle = tableAttrs.style || "";
       tableAttrs.style = existingStyle ? `${existingStyle}; width: ${totalWidth}px !important` : `width: ${totalWidth}px !important`;
+      tableAttrs["data-colwidth"] = "explicit";
     }
     return [
       "table",
@@ -3282,10 +3299,236 @@ var smartElementsPlugin = (0, import_docflow_core19.definePlugin)({
   }
 });
 
-// src/slashMenu.ts
+// src/tablePageSplit.ts
+var import_docflow_core20 = require("@kedataindo/docflow-core");
 var import_core12 = require("@tiptap/core");
 var import_state3 = require("@tiptap/pm/state");
-var import_docflow_core20 = require("@kedataindo/docflow-core");
+var PLUGIN_KEY = new import_state3.PluginKey("docflow/table-page-split");
+var SPLIT_MARK = "head";
+var MAX_SPLIT_DEPTH = 16;
+function readPageContentHeightPx(view, editor) {
+  const storage = editor?.storage?.PaginationPlus;
+  if (storage && typeof storage.pageHeight === "number") {
+    const h1 = storage.headerHeight?.get?.(1) ?? 0;
+    const f1 = storage.footerHeight?.get?.(1) ?? 0;
+    const contentPx = storage.pageHeight - (storage.marginTop ?? 0) - (storage.marginBottom ?? 0) - (storage.contentMarginTop ?? 0) - (storage.contentMarginBottom ?? 0) - h1 - f1;
+    if (Number.isFinite(contentPx) && contentPx > 0) return contentPx;
+  }
+  const raw = view.dom.style.getPropertyValue("--rm-max-content-child-height");
+  if (raw) {
+    const px = parseFloat(raw);
+    if (Number.isFinite(px) && px > 0) return px;
+  }
+  return null;
+}
+function measureElementPx(el) {
+  if (!el || !(el instanceof HTMLElement)) return 0;
+  return el.getBoundingClientRect().height;
+}
+function availablePxAt(view, pos, defaultPageContentPx) {
+  try {
+    const tableCoords = view.coordsAtPos(pos + 1);
+    const tableTop = tableCoords.top;
+    const paginationWrapper = view.dom.querySelector("[data-rm-pagination]");
+    if (!paginationWrapper) return defaultPageContentPx;
+    const breakers = paginationWrapper.querySelectorAll(".rm-page-break .breaker");
+    for (let i = 0; i < breakers.length; i++) {
+      const br = breakers[i];
+      if (!(br instanceof HTMLElement)) continue;
+      const breakTop = br.getBoundingClientRect().top;
+      if (breakTop > tableTop) {
+        return Math.max(1, Math.floor(breakTop - tableTop));
+      }
+    }
+    return defaultPageContentPx;
+  } catch {
+    return null;
+  }
+}
+function measureRows(tableNode, tableDom) {
+  const expectedRows = tableNode.childCount;
+  const trs = tableDom.querySelectorAll(":scope > tbody > tr");
+  if (trs.length !== expectedRows) return null;
+  const measurements = [];
+  let cumulative = 0;
+  for (let i = 0; i < trs.length; i++) {
+    const h = measureElementPx(trs[i]);
+    cumulative += h;
+    measurements.push({ rowIndex: i, heightPx: h, cumulativePx: cumulative });
+  }
+  return measurements;
+}
+function findSplitRow(measurements, pageContentPx) {
+  if (measurements.length < 2) return -1;
+  if (measurements[measurements.length - 1].cumulativePx <= pageContentPx) return -1;
+  let lo = 0;
+  let hi = measurements.length - 2;
+  let best = -1;
+  while (lo <= hi) {
+    const mid = lo + hi >> 1;
+    if (measurements[mid].cumulativePx <= pageContentPx) {
+      best = mid;
+      lo = mid + 1;
+    } else {
+      hi = mid - 1;
+    }
+  }
+  return best;
+}
+function rowBoundaryOffset(tableNode, splitRow) {
+  if (splitRow < 0 || tableNode.childCount === 0) return 0;
+  let boundary = 0;
+  tableNode.forEach((row, offset, index) => {
+    if (index <= splitRow) boundary = offset + row.nodeSize;
+  });
+  return boundary;
+}
+function tailMeasurements(measurements, splitRow) {
+  const tail = [];
+  let cumulative = 0;
+  for (let i = splitRow + 1; i < measurements.length; i++) {
+    cumulative += measurements[i].heightPx;
+    tail.push({ rowIndex: i, heightPx: measurements[i].heightPx, cumulativePx: cumulative });
+  }
+  return tail;
+}
+function buildSplitChain(tableNode, measurements, headBudgetPx, pageContentPx, schema, tableType, depth) {
+  const budget = depth === 0 ? headBudgetPx : pageContentPx;
+  const splitRow = findSplitRow(measurements, budget);
+  if (splitRow < 0) return [tableNode];
+  if (depth >= MAX_SPLIT_DEPTH) return [tableNode];
+  const splitPos = rowBoundaryOffset(tableNode, splitRow);
+  const content = tableNode.content;
+  const leftContent = content.cut(0, splitPos);
+  const rightContent = content.cut(splitPos);
+  const leftAttrs = { ...tableNode.attrs, tablePageSplit: SPLIT_MARK };
+  const rightAttrs = { ...tableNode.attrs, tablePageSplit: null };
+  const leftTable = tableType.create(leftAttrs, leftContent, tableNode.marks);
+  const rightTable = tableType.create(rightAttrs, rightContent, tableNode.marks);
+  const expectedRows = tableNode.childCount;
+  const leftRows = leftTable.childCount;
+  const rightRows = rightTable.childCount;
+  if (leftRows + rightRows !== expectedRows) {
+    throw new Error(
+      `[tablePageSplitPlugin] row-count invariant violated: expected ${expectedRows}, got ${leftRows} + ${rightRows} = ${leftRows + rightRows}`
+    );
+  }
+  const tail = tailMeasurements(measurements, splitRow);
+  const tailChain = buildSplitChain(rightTable, tail, headBudgetPx, pageContentPx, schema, tableType, depth + 1);
+  if (tailChain.length === 1) {
+    return [leftTable, rightTable];
+  }
+  return [leftTable, ...tailChain];
+}
+function lastChunkHeightPx(measurements, headBudgetPx, pageContentPx) {
+  let current = measurements;
+  let budget = headBudgetPx;
+  let splitCount = 0;
+  for (let depth = 0; depth < MAX_SPLIT_DEPTH; depth++) {
+    const splitRow = findSplitRow(current, budget);
+    if (splitRow < 0) {
+      return splitCount === 0 ? null : current[current.length - 1]?.cumulativePx ?? 0;
+    }
+    splitCount++;
+    current = tailMeasurements(current, splitRow);
+    budget = pageContentPx;
+  }
+  return current[current.length - 1]?.cumulativePx ?? 0;
+}
+function runSplitPass(view, editor) {
+  if (!view || view.isDestroyed) return;
+  const v = view;
+  const state = v.state;
+  const { schema } = state;
+  const tableType = schema.nodes.table;
+  if (!tableType) return;
+  const pageContentPx = readPageContentHeightPx(v, editor);
+  if (pageContentPx == null) return;
+  const tables = [];
+  state.doc.descendants((node, pos) => {
+    if (node.type !== tableType) return true;
+    if (node.attrs.tablePageSplit === SPLIT_MARK) return true;
+    const domAt = v.nodeDOM(pos);
+    if (!(domAt instanceof HTMLElement)) return true;
+    const measurements = measureRows(node, domAt);
+    if (!measurements) return true;
+    tables.push({ pos, node, measurements });
+    return true;
+  });
+  if (tables.length === 0) return;
+  const pending = [];
+  let cursorAvailablePx = null;
+  for (let i = 0; i < tables.length; i++) {
+    const { pos, node, measurements } = tables[i];
+    const availablePx = i === 0 ? availablePxAt(v, pos, pageContentPx) ?? pageContentPx : cursorAvailablePx ?? pageContentPx;
+    const chain = buildSplitChain(node, measurements, availablePx, pageContentPx, schema, tableType, 0);
+    if (chain.length > 1) pending.push({ pos, node, chain });
+    const lastChunkPx = lastChunkHeightPx(measurements, availablePx, pageContentPx);
+    if (lastChunkPx === null) {
+      const totalPx = measurements[measurements.length - 1]?.cumulativePx ?? 0;
+      cursorAvailablePx = Math.max(0, availablePx - totalPx);
+    } else {
+      cursorAvailablePx = Math.max(0, pageContentPx - lastChunkPx);
+    }
+  }
+  if (pending.length === 0) return;
+  const tr = state.tr;
+  pending.sort((a, b) => b.pos - a.pos);
+  for (const { pos, node, chain } of pending) {
+    tr.replaceWith(pos, pos + node.nodeSize, chain);
+  }
+  tr.setMeta(PLUGIN_KEY, { splitAtRow: -1 });
+  v.dispatch(tr);
+}
+var TablePageSplitExtension = import_core12.Extension.create({
+  name: "tablePageSplit",
+  addProseMirrorPlugins() {
+    let viewRef = null;
+    let pendingRun = false;
+    const ext = this;
+    const editorRef = ext.editor ?? null;
+    return [
+      new import_state3.Plugin({
+        key: PLUGIN_KEY,
+        view(_editorView) {
+          viewRef = _editorView;
+          return {
+            destroy() {
+              viewRef = null;
+            }
+          };
+        },
+        appendTransaction(transactions, _oldState, _newState) {
+          if (transactions.some((t) => t.getMeta("PAGE_COUNT_META_KEY") !== void 0)) {
+            return null;
+          }
+          if (transactions.some((t) => {
+            const m = t.getMeta(PLUGIN_KEY);
+            return m !== void 0 && m.splitAtRow !== void 0;
+          })) return null;
+          if (!viewRef || viewRef.isDestroyed) return null;
+          if (pendingRun) return null;
+          pendingRun = true;
+          queueMicrotask(() => {
+            pendingRun = false;
+            if (!viewRef || viewRef.isDestroyed) return;
+            runSplitPass(viewRef, editorRef);
+          });
+          return null;
+        }
+      })
+    ];
+  }
+});
+var tablePageSplitPlugin = (0, import_docflow_core20.definePlugin)({
+  id: "tablePageSplit",
+  tiptapExtensions: [TablePageSplitExtension]
+});
+
+// src/slashMenu.ts
+var import_core13 = require("@tiptap/core");
+var import_state4 = require("@tiptap/pm/state");
+var import_docflow_core21 = require("@kedataindo/docflow-core");
 var slashState = {
   open: false,
   query: "",
@@ -3339,12 +3582,12 @@ function getRegisteredCommands() {
     return true;
   });
 }
-var SlashMenuExtension = import_core12.Extension.create({
+var SlashMenuExtension = import_core13.Extension.create({
   name: "slashMenu",
   addProseMirrorPlugins() {
     return [
-      new import_state3.Plugin({
-        key: new import_state3.PluginKey("slashMenu"),
+      new import_state4.Plugin({
+        key: new import_state4.PluginKey("slashMenu"),
         props: {
           handleTextInput(view, from, _to, text) {
             if (text === "/") {
@@ -3430,7 +3673,7 @@ var SlashMenuExtension = import_core12.Extension.create({
     ];
   }
 });
-var slashMenuPlugin = (0, import_docflow_core20.definePlugin)({
+var slashMenuPlugin = (0, import_docflow_core21.definePlugin)({
   id: "slash-menu",
   tiptapExtensions: [SlashMenuExtension],
   hooks: {
@@ -3450,6 +3693,7 @@ var defaultPlugins = [
   linkPlugin,
   imagePlugin,
   tablePlugin,
+  tablePageSplitPlugin,
   blockquotePlugin,
   codeBlockPlugin,
   placeholderPlugin,
@@ -3520,6 +3764,7 @@ var defaultPlugins = [
   slashMenuPlugin,
   slashState,
   smartElementsPlugin,
+  tablePageSplitPlugin,
   tablePlugin,
   textColorPlugin,
   tocPlugin

package/dist/index.d.cts

@@ -281,6 +281,8 @@ declare const smartElementsPlugin: _kedata_indonesia_docflow_core.DocsEditorPlug
  */
 declare const BibliographyNode: Node<any, any>;
 
+declare const tablePageSplitPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
 interface SlashState {
     open: boolean;
     query: string;
@@ -306,4 +308,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, SlashMenuExtension, TocEntryNode, TocNode, TocPageNumNode, aiPlugin, aiPluginKey, alignmentPlugin, blockquotePlugin, citationPlugin, codeBlockPlugin, collectHeadings, commentPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, getAIPreview, getCitationEngine, headingsPlugin, highlightPlugin, imagePlugin, insertMarkdownBlock, linkPlugin, listsPlugin, markdownToFragment, onSlashStateChange, pageBreakPlugin, placeholderPlugin, regenerateToc, registerSlashCommands, slashMenuPlugin, slashState, smartElementsPlugin, 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, SlashMenuExtension, TocEntryNode, TocNode, TocPageNumNode, aiPlugin, aiPluginKey, alignmentPlugin, blockquotePlugin, citationPlugin, codeBlockPlugin, collectHeadings, commentPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, getAIPreview, getCitationEngine, headingsPlugin, highlightPlugin, imagePlugin, insertMarkdownBlock, linkPlugin, listsPlugin, markdownToFragment, onSlashStateChange, pageBreakPlugin, placeholderPlugin, regenerateToc, registerSlashCommands, slashMenuPlugin, slashState, smartElementsPlugin, tablePageSplitPlugin, tablePlugin, textColorPlugin, tocPlugin };

package/dist/index.d.ts

@@ -281,6 +281,8 @@ declare const smartElementsPlugin: _kedata_indonesia_docflow_core.DocsEditorPlug
  */
 declare const BibliographyNode: Node<any, any>;
 
+declare const tablePageSplitPlugin: _kedata_indonesia_docflow_core.DocsEditorPlugin;
+
 interface SlashState {
     open: boolean;
     query: string;
@@ -306,4 +308,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, SlashMenuExtension, TocEntryNode, TocNode, TocPageNumNode, aiPlugin, aiPluginKey, alignmentPlugin, blockquotePlugin, citationPlugin, codeBlockPlugin, collectHeadings, commentPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, getAIPreview, getCitationEngine, headingsPlugin, highlightPlugin, imagePlugin, insertMarkdownBlock, linkPlugin, listsPlugin, markdownToFragment, onSlashStateChange, pageBreakPlugin, placeholderPlugin, regenerateToc, registerSlashCommands, slashMenuPlugin, slashState, smartElementsPlugin, 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, SlashMenuExtension, TocEntryNode, TocNode, TocPageNumNode, aiPlugin, aiPluginKey, alignmentPlugin, blockquotePlugin, citationPlugin, codeBlockPlugin, collectHeadings, commentPlugin, createPlaceholderPlugin, defaultPlugins, fontSizePlugin, footnotePlugin, formattingPlugin, getAIPreview, getCitationEngine, headingsPlugin, highlightPlugin, imagePlugin, insertMarkdownBlock, linkPlugin, listsPlugin, markdownToFragment, onSlashStateChange, pageBreakPlugin, placeholderPlugin, regenerateToc, registerSlashCommands, slashMenuPlugin, slashState, smartElementsPlugin, tablePageSplitPlugin, tablePlugin, textColorPlugin, tocPlugin };

package/dist/index.js

@@ -182,6 +182,20 @@ import TableRow from "@tiptap/extension-table-row";
 import TableCell from "@tiptap/extension-table-cell";
 import TableHeader from "@tiptap/extension-table-header";
 var CustomTable = Table.extend({
+  addAttributes() {
+    return {
+      ...this.parent?.(),
+      // Marker used by the experimental `tablePageSplitPlugin` to tag the
+      // head of a split pair. Backwards-compatible (default null) so docs
+      // without this attr round-trip cleanly. See
+      // packages/plugins/src/tablePageSplit.ts.
+      tablePageSplit: {
+        default: null,
+        parseHTML: () => null,
+        renderHTML: () => ({})
+      }
+    };
+  },
   renderHTML({ node, HTMLAttributes }) {
     let colCount = 0;
     const firstRow = node.firstChild;
@@ -224,9 +238,11 @@ var CustomTable = Table.extend({
       }
     }
     const tableAttrs = mergeAttributes(HTMLAttributes);
+    tableAttrs["data-tps-splittable"] = "";
     if (hasExplicitWidths && totalWidth > 0) {
       const existingStyle = tableAttrs.style || "";
       tableAttrs.style = existingStyle ? `${existingStyle}; width: ${totalWidth}px !important` : `width: ${totalWidth}px !important`;
+      tableAttrs["data-colwidth"] = "explicit";
     }
     return [
       "table",
@@ -3190,10 +3206,236 @@ var smartElementsPlugin = definePlugin19({
   }
 });
 
-// src/slashMenu.ts
+// src/tablePageSplit.ts
+import { definePlugin as definePlugin20 } from "@kedataindo/docflow-core";
 import { Extension as Extension4 } from "@tiptap/core";
 import { Plugin as Plugin2, PluginKey as PluginKey2 } from "@tiptap/pm/state";
-import { definePlugin as definePlugin20 } from "@kedataindo/docflow-core";
+var PLUGIN_KEY = new PluginKey2("docflow/table-page-split");
+var SPLIT_MARK = "head";
+var MAX_SPLIT_DEPTH = 16;
+function readPageContentHeightPx(view, editor) {
+  const storage = editor?.storage?.PaginationPlus;
+  if (storage && typeof storage.pageHeight === "number") {
+    const h1 = storage.headerHeight?.get?.(1) ?? 0;
+    const f1 = storage.footerHeight?.get?.(1) ?? 0;
+    const contentPx = storage.pageHeight - (storage.marginTop ?? 0) - (storage.marginBottom ?? 0) - (storage.contentMarginTop ?? 0) - (storage.contentMarginBottom ?? 0) - h1 - f1;
+    if (Number.isFinite(contentPx) && contentPx > 0) return contentPx;
+  }
+  const raw = view.dom.style.getPropertyValue("--rm-max-content-child-height");
+  if (raw) {
+    const px = parseFloat(raw);
+    if (Number.isFinite(px) && px > 0) return px;
+  }
+  return null;
+}
+function measureElementPx(el) {
+  if (!el || !(el instanceof HTMLElement)) return 0;
+  return el.getBoundingClientRect().height;
+}
+function availablePxAt(view, pos, defaultPageContentPx) {
+  try {
+    const tableCoords = view.coordsAtPos(pos + 1);
+    const tableTop = tableCoords.top;
+    const paginationWrapper = view.dom.querySelector("[data-rm-pagination]");
+    if (!paginationWrapper) return defaultPageContentPx;
+    const breakers = paginationWrapper.querySelectorAll(".rm-page-break .breaker");
+    for (let i = 0; i < breakers.length; i++) {
+      const br = breakers[i];
+      if (!(br instanceof HTMLElement)) continue;
+      const breakTop = br.getBoundingClientRect().top;
+      if (breakTop > tableTop) {
+        return Math.max(1, Math.floor(breakTop - tableTop));
+      }
+    }
+    return defaultPageContentPx;
+  } catch {
+    return null;
+  }
+}
+function measureRows(tableNode, tableDom) {
+  const expectedRows = tableNode.childCount;
+  const trs = tableDom.querySelectorAll(":scope > tbody > tr");
+  if (trs.length !== expectedRows) return null;
+  const measurements = [];
+  let cumulative = 0;
+  for (let i = 0; i < trs.length; i++) {
+    const h = measureElementPx(trs[i]);
+    cumulative += h;
+    measurements.push({ rowIndex: i, heightPx: h, cumulativePx: cumulative });
+  }
+  return measurements;
+}
+function findSplitRow(measurements, pageContentPx) {
+  if (measurements.length < 2) return -1;
+  if (measurements[measurements.length - 1].cumulativePx <= pageContentPx) return -1;
+  let lo = 0;
+  let hi = measurements.length - 2;
+  let best = -1;
+  while (lo <= hi) {
+    const mid = lo + hi >> 1;
+    if (measurements[mid].cumulativePx <= pageContentPx) {
+      best = mid;
+      lo = mid + 1;
+    } else {
+      hi = mid - 1;
+    }
+  }
+  return best;
+}
+function rowBoundaryOffset(tableNode, splitRow) {
+  if (splitRow < 0 || tableNode.childCount === 0) return 0;
+  let boundary = 0;
+  tableNode.forEach((row, offset, index) => {
+    if (index <= splitRow) boundary = offset + row.nodeSize;
+  });
+  return boundary;
+}
+function tailMeasurements(measurements, splitRow) {
+  const tail = [];
+  let cumulative = 0;
+  for (let i = splitRow + 1; i < measurements.length; i++) {
+    cumulative += measurements[i].heightPx;
+    tail.push({ rowIndex: i, heightPx: measurements[i].heightPx, cumulativePx: cumulative });
+  }
+  return tail;
+}
+function buildSplitChain(tableNode, measurements, headBudgetPx, pageContentPx, schema, tableType, depth) {
+  const budget = depth === 0 ? headBudgetPx : pageContentPx;
+  const splitRow = findSplitRow(measurements, budget);
+  if (splitRow < 0) return [tableNode];
+  if (depth >= MAX_SPLIT_DEPTH) return [tableNode];
+  const splitPos = rowBoundaryOffset(tableNode, splitRow);
+  const content = tableNode.content;
+  const leftContent = content.cut(0, splitPos);
+  const rightContent = content.cut(splitPos);
+  const leftAttrs = { ...tableNode.attrs, tablePageSplit: SPLIT_MARK };
+  const rightAttrs = { ...tableNode.attrs, tablePageSplit: null };
+  const leftTable = tableType.create(leftAttrs, leftContent, tableNode.marks);
+  const rightTable = tableType.create(rightAttrs, rightContent, tableNode.marks);
+  const expectedRows = tableNode.childCount;
+  const leftRows = leftTable.childCount;
+  const rightRows = rightTable.childCount;
+  if (leftRows + rightRows !== expectedRows) {
+    throw new Error(
+      `[tablePageSplitPlugin] row-count invariant violated: expected ${expectedRows}, got ${leftRows} + ${rightRows} = ${leftRows + rightRows}`
+    );
+  }
+  const tail = tailMeasurements(measurements, splitRow);
+  const tailChain = buildSplitChain(rightTable, tail, headBudgetPx, pageContentPx, schema, tableType, depth + 1);
+  if (tailChain.length === 1) {
+    return [leftTable, rightTable];
+  }
+  return [leftTable, ...tailChain];
+}
+function lastChunkHeightPx(measurements, headBudgetPx, pageContentPx) {
+  let current = measurements;
+  let budget = headBudgetPx;
+  let splitCount = 0;
+  for (let depth = 0; depth < MAX_SPLIT_DEPTH; depth++) {
+    const splitRow = findSplitRow(current, budget);
+    if (splitRow < 0) {
+      return splitCount === 0 ? null : current[current.length - 1]?.cumulativePx ?? 0;
+    }
+    splitCount++;
+    current = tailMeasurements(current, splitRow);
+    budget = pageContentPx;
+  }
+  return current[current.length - 1]?.cumulativePx ?? 0;
+}
+function runSplitPass(view, editor) {
+  if (!view || view.isDestroyed) return;
+  const v = view;
+  const state = v.state;
+  const { schema } = state;
+  const tableType = schema.nodes.table;
+  if (!tableType) return;
+  const pageContentPx = readPageContentHeightPx(v, editor);
+  if (pageContentPx == null) return;
+  const tables = [];
+  state.doc.descendants((node, pos) => {
+    if (node.type !== tableType) return true;
+    if (node.attrs.tablePageSplit === SPLIT_MARK) return true;
+    const domAt = v.nodeDOM(pos);
+    if (!(domAt instanceof HTMLElement)) return true;
+    const measurements = measureRows(node, domAt);
+    if (!measurements) return true;
+    tables.push({ pos, node, measurements });
+    return true;
+  });
+  if (tables.length === 0) return;
+  const pending = [];
+  let cursorAvailablePx = null;
+  for (let i = 0; i < tables.length; i++) {
+    const { pos, node, measurements } = tables[i];
+    const availablePx = i === 0 ? availablePxAt(v, pos, pageContentPx) ?? pageContentPx : cursorAvailablePx ?? pageContentPx;
+    const chain = buildSplitChain(node, measurements, availablePx, pageContentPx, schema, tableType, 0);
+    if (chain.length > 1) pending.push({ pos, node, chain });
+    const lastChunkPx = lastChunkHeightPx(measurements, availablePx, pageContentPx);
+    if (lastChunkPx === null) {
+      const totalPx = measurements[measurements.length - 1]?.cumulativePx ?? 0;
+      cursorAvailablePx = Math.max(0, availablePx - totalPx);
+    } else {
+      cursorAvailablePx = Math.max(0, pageContentPx - lastChunkPx);
+    }
+  }
+  if (pending.length === 0) return;
+  const tr = state.tr;
+  pending.sort((a, b) => b.pos - a.pos);
+  for (const { pos, node, chain } of pending) {
+    tr.replaceWith(pos, pos + node.nodeSize, chain);
+  }
+  tr.setMeta(PLUGIN_KEY, { splitAtRow: -1 });
+  v.dispatch(tr);
+}
+var TablePageSplitExtension = Extension4.create({
+  name: "tablePageSplit",
+  addProseMirrorPlugins() {
+    let viewRef = null;
+    let pendingRun = false;
+    const ext = this;
+    const editorRef = ext.editor ?? null;
+    return [
+      new Plugin2({
+        key: PLUGIN_KEY,
+        view(_editorView) {
+          viewRef = _editorView;
+          return {
+            destroy() {
+              viewRef = null;
+            }
+          };
+        },
+        appendTransaction(transactions, _oldState, _newState) {
+          if (transactions.some((t) => t.getMeta("PAGE_COUNT_META_KEY") !== void 0)) {
+            return null;
+          }
+          if (transactions.some((t) => {
+            const m = t.getMeta(PLUGIN_KEY);
+            return m !== void 0 && m.splitAtRow !== void 0;
+          })) return null;
+          if (!viewRef || viewRef.isDestroyed) return null;
+          if (pendingRun) return null;
+          pendingRun = true;
+          queueMicrotask(() => {
+            pendingRun = false;
+            if (!viewRef || viewRef.isDestroyed) return;
+            runSplitPass(viewRef, editorRef);
+          });
+          return null;
+        }
+      })
+    ];
+  }
+});
+var tablePageSplitPlugin = definePlugin20({
+  id: "tablePageSplit",
+  tiptapExtensions: [TablePageSplitExtension]
+});
+
+// src/slashMenu.ts
+import { Extension as Extension5 } from "@tiptap/core";
+import { Plugin as Plugin3, PluginKey as PluginKey3 } from "@tiptap/pm/state";
+import { definePlugin as definePlugin21 } from "@kedataindo/docflow-core";
 var slashState = {
   open: false,
   query: "",
@@ -3247,12 +3489,12 @@ function getRegisteredCommands() {
     return true;
   });
 }
-var SlashMenuExtension = Extension4.create({
+var SlashMenuExtension = Extension5.create({
   name: "slashMenu",
   addProseMirrorPlugins() {
     return [
-      new Plugin2({
-        key: new PluginKey2("slashMenu"),
+      new Plugin3({
+        key: new PluginKey3("slashMenu"),
         props: {
           handleTextInput(view, from, _to, text) {
             if (text === "/") {
@@ -3338,7 +3580,7 @@ var SlashMenuExtension = Extension4.create({
     ];
   }
 });
-var slashMenuPlugin = definePlugin20({
+var slashMenuPlugin = definePlugin21({
   id: "slash-menu",
   tiptapExtensions: [SlashMenuExtension],
   hooks: {
@@ -3358,6 +3600,7 @@ var defaultPlugins = [
   linkPlugin,
   imagePlugin,
   tablePlugin,
+  tablePageSplitPlugin,
   blockquotePlugin,
   codeBlockPlugin,
   placeholderPlugin,
@@ -3427,6 +3670,7 @@ export {
   slashMenuPlugin,
   slashState,
   smartElementsPlugin,
+  tablePageSplitPlugin,
   tablePlugin,
   textColorPlugin,
   tocPlugin

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@kedataindo/docflow-plugins",
   "license": "UNLICENSED",
-  "version": "0.0.51",
+  "version": "0.0.52",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -31,7 +31,7 @@
     "@tiptap/pm": "^2.11.0",
     "citeproc": "^2.4.63",
     "tiptap-markdown": "0.8.10",
-    "@kedataindo/docflow-core": "0.0.49"
+    "@kedataindo/docflow-core": "0.0.50"
   },
   "peerDependencies": {
     "@tiptap/core": "^2.11.0",