@pixerate/editor 0.25.0 → 0.26.0

package/dist/chunk-HDYMLS3X.cjs

@@ -0,0 +1,409 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+var _chunkIFHKKVXHcjs = require('./chunk-IFHKKVXH.cjs');
+
+// src/extensions/table/extension.ts
+var _core = require('@tiptap/core');
+var _model = require('@tiptap/pm/model');
+var _extensiontable = require('@tiptap/extension-table'); var _Table = _interopRequireWildcard(_extensiontable);
+var _extensiontablerow = require('@tiptap/extension-table-row'); var _TableRow = _interopRequireWildcard(_extensiontablerow);
+var _extensiontableheader = require('@tiptap/extension-table-header'); var _TableHeader = _interopRequireWildcard(_extensiontableheader);
+var _extensiontablecell = require('@tiptap/extension-table-cell'); var _TableCell = _interopRequireWildcard(_extensiontablecell);
+var resolveExt = (mod, name) => _optionalChain([mod, 'optionalAccess', _ => _[name]]) || _optionalChain([mod, 'optionalAccess', _2 => _2.default, 'optionalAccess', _3 => _3[name]]) || _optionalChain([mod, 'optionalAccess', _4 => _4.default, 'optionalAccess', _5 => _5.default]) || _optionalChain([mod, 'optionalAccess', _6 => _6.default]) || mod;
+var BaseTable = resolveExt(_Table, "Table");
+var BaseTableRow = resolveExt(_TableRow, "TableRow");
+var BaseTableHeader = resolveExt(_TableHeader, "TableHeader");
+var BaseTableCell = resolveExt(_TableCell, "TableCell");
+var ALIGNMENTS = /* @__PURE__ */ new Set(["left", "center", "right", "justify"]);
+function normalizeTableCellAlignment(value) {
+  const v = typeof value === "string" ? value.trim().toLowerCase() : "";
+  return ALIGNMENTS.has(v) ? v : null;
+}
+var COLOR_REGEX = /^(?:#[0-9a-f]{3,8}|(?:rgb|rgba|hsl|hsla)\(\s*[-0-9.%\s,/deg]+\)|[a-z]{3,20})$/i;
+function normalizeTableCellColor(value) {
+  const v = typeof value === "string" ? value.trim() : "";
+  if (!v || v.length > 64 || !COLOR_REGEX.test(v)) return null;
+  if (/^(?:inherit|initial|unset|revert|transparent)$/i.test(v)) return null;
+  return v;
+}
+var cellAttributes = () => ({
+  align: {
+    default: null,
+    parseHTML: (element) => normalizeTableCellAlignment(_optionalChain([element, 'access', _7 => _7.style, 'optionalAccess', _8 => _8.textAlign]) || element.getAttribute("align")),
+    renderHTML: (attrs) => {
+      const align = normalizeTableCellAlignment(attrs.align);
+      return align ? { style: `text-align: ${align}` } : {};
+    }
+  },
+  backgroundColor: {
+    default: null,
+    parseHTML: (element) => normalizeTableCellColor(
+      element.getAttribute("data-background-color") || _optionalChain([element, 'access', _9 => _9.style, 'optionalAccess', _10 => _10.backgroundColor]) || element.getAttribute("bgcolor")
+    ),
+    renderHTML: (attrs) => {
+      const color = normalizeTableCellColor(attrs.backgroundColor);
+      return color ? { style: `background-color: ${color}`, "data-background-color": color } : {};
+    }
+  }
+});
+var children = (node) => {
+  const list = [];
+  node.forEach((child) => list.push(child));
+  return list;
+};
+var hasSpan = (cell) => (_nullishCoalesce(cell.attrs.colspan, () => ( 1))) > 1 || (_nullishCoalesce(cell.attrs.rowspan, () => ( 1))) > 1;
+function isGfmTable(node) {
+  const rows = children(node);
+  if (rows.length === 0) return false;
+  const width = rows[0].childCount;
+  return rows.every(
+    (row, r) => row.childCount === width && children(row).every(
+      (cell) => (r === 0 ? cell.type.name === "tableHeader" : cell.type.name === "tableCell") && !hasSpan(cell) && cell.childCount === 1 && cell.firstChild.type.name === "paragraph"
+    )
+  );
+}
+var DELIMITERS = { left: ":---", center: ":---:", right: "---:" };
+function serializeTableMarkdown(state, node) {
+  if (!isGfmTable(node)) {
+    const html = _core.getHTMLFromFragment.call(void 0, _model.Fragment.from(node), node.type.schema);
+    state.write(html.replace(/\n{2,}/g, "\n"));
+    state.closeBlock(node);
+    return;
+  }
+  const previous = state.inTable;
+  state.inTable = true;
+  children(node).forEach((row, r) => {
+    if (r) state.ensureNewLine();
+    state.write("| ");
+    children(row).forEach((cell, c) => {
+      if (c) state.write(" | ");
+      const paragraph = cell.firstChild;
+      const start = state.out.length;
+      if (paragraph.childCount) state.renderInline(paragraph);
+      const text = state.out.slice(start);
+      state.out = state.out.slice(0, start) + text.replace(/\n/g, " ").replace(/\|/g, "\\|");
+    });
+    state.write(" |");
+    if (r === 0) {
+      const delimiter = children(row).map((cell) => _nullishCoalesce(DELIMITERS[cell.attrs.align], () => ( "---")));
+      state.ensureNewLine();
+      state.write(`| ${delimiter.join(" | ")} |`);
+    }
+  });
+  state.inTable = previous;
+  state.closeBlock(node);
+}
+var DEFAULT_TABLE_OPTIONS = {
+  resizable: true,
+  handleWidth: 5,
+  cellMinWidth: 25,
+  lastColumnResizable: true,
+  allowTableNodeSelection: true,
+  HTMLAttributes: { class: "pixerate-table" },
+  cellHTMLAttributes: {},
+  headerHTMLAttributes: {},
+  rowHTMLAttributes: {}
+};
+var Table = BaseTable.extend({
+  addStorage() {
+    return { markdown: { serialize: serializeTableMarkdown } };
+  }
+});
+var TableRow = BaseTableRow;
+var TableCell = BaseTableCell.extend({
+  addAttributes() {
+    return { ..._optionalChain([this, 'access', _11 => _11.parent, 'optionalCall', _12 => _12()]), ...cellAttributes() };
+  }
+});
+var TableHeader = BaseTableHeader.extend({
+  addAttributes() {
+    return { ..._optionalChain([this, 'access', _13 => _13.parent, 'optionalCall', _14 => _14()]), ...cellAttributes() };
+  }
+});
+function createTableExtensions(options = {}) {
+  const o = { ...DEFAULT_TABLE_OPTIONS, ...options };
+  return [
+    Table.configure({
+      resizable: o.resizable,
+      handleWidth: o.handleWidth,
+      cellMinWidth: o.cellMinWidth,
+      lastColumnResizable: o.lastColumnResizable,
+      allowTableNodeSelection: o.allowTableNodeSelection,
+      HTMLAttributes: o.HTMLAttributes
+    }),
+    TableRow.configure({ HTMLAttributes: o.rowHTMLAttributes }),
+    TableHeader.configure({ HTMLAttributes: o.headerHTMLAttributes }),
+    TableCell.configure({ HTMLAttributes: o.cellHTMLAttributes })
+  ];
+}
+
+// src/extensions/table/actions.ts
+var _tables = require('@tiptap/pm/tables');
+var TABLE_ACTIONS = [
+  { action: "insertTable", label: "Insert Table", description: "Inserts a table (rows, cols, withHeaderRow) at the cursor.", keywords: ["table", "grid", "new"] },
+  { action: "addRowBefore", label: "Insert Row Above", description: "Adds a row above the current row.", keywords: ["row", "add", "above"] },
+  { action: "addRowAfter", label: "Insert Row Below", description: "Adds a row below the current row.", keywords: ["row", "add", "below"] },
+  { action: "deleteRow", label: "Delete Row", description: "Deletes the selected rows.", keywords: ["row", "remove"] },
+  { action: "addColumnBefore", label: "Insert Column Left", description: "Adds a column left of the current column.", keywords: ["column", "add", "left", "before"] },
+  { action: "addColumnAfter", label: "Insert Column Right", description: "Adds a column right of the current column.", keywords: ["column", "add", "right", "after"] },
+  { action: "deleteColumn", label: "Delete Column", description: "Deletes the selected columns.", keywords: ["column", "remove"] },
+  { action: "deleteTable", label: "Delete Table", description: "Deletes the table around the cursor.", keywords: ["table", "remove"] },
+  { action: "mergeCells", label: "Merge Cells", description: "Merges the selected cells into one.", keywords: ["combine", "join", "span"] },
+  { action: "splitCell", label: "Split Cell", description: "Splits a merged cell back into single cells.", keywords: ["unmerge", "span"] },
+  { action: "toggleHeaderRow", label: "Toggle Header Row", description: "Turns the first row into header cells, or back.", keywords: ["header", "row", "th"] },
+  { action: "toggleHeaderColumn", label: "Toggle Header Column", description: "Turns the first column into header cells, or back.", keywords: ["header", "column", "th"] },
+  { action: "toggleHeaderCell", label: "Toggle Header Cell", description: "Turns the selected cells into header cells, or back.", keywords: ["header", "cell", "th"] },
+  { action: "goToNextCell", label: "Next Cell", description: "Moves the cursor to the next cell.", keywords: ["tab", "navigate"] },
+  { action: "goToPreviousCell", label: "Previous Cell", description: "Moves the cursor to the previous cell.", keywords: ["shift tab", "navigate"] },
+  { action: "setCellAlignment", label: "Align Cells\u2026", description: "Sets the horizontal alignment (align: left | center | right | justify | null) of the selected cells.", keywords: ["align", "left", "center", "right"] },
+  { action: "setCellBackground", label: "Cell Background\u2026", description: "Sets the background color (color: CSS color or null) of the selected cells.", keywords: ["shading", "fill", "color"] }
+];
+var DEFAULT_TABLE_TOOLBAR = [
+  { id: "addRowBefore", action: "addRowBefore", label: "+ Row \u2191", title: "Insert row above", group: "rows" },
+  { id: "addRowAfter", action: "addRowAfter", label: "+ Row \u2193", title: "Insert row below", group: "rows" },
+  { id: "deleteRow", action: "deleteRow", label: "\u2212 Row", title: "Delete row", group: "rows" },
+  { id: "addColumnBefore", action: "addColumnBefore", label: "+ Col \u2190", title: "Insert column left", group: "columns" },
+  { id: "addColumnAfter", action: "addColumnAfter", label: "+ Col \u2192", title: "Insert column right", group: "columns" },
+  { id: "deleteColumn", action: "deleteColumn", label: "\u2212 Col", title: "Delete column", group: "columns" },
+  { id: "mergeCells", action: "mergeCells", label: "Merge", title: "Merge cells", group: "cells" },
+  { id: "splitCell", action: "splitCell", label: "Split", title: "Split cell", group: "cells" },
+  { id: "toggleHeaderRow", action: "toggleHeaderRow", label: "Header row", title: "Toggle header row", group: "headers", active: (s) => s.headerRow },
+  { id: "toggleHeaderColumn", action: "toggleHeaderColumn", label: "Header col", title: "Toggle header column", group: "headers", active: (s) => s.headerColumn },
+  { id: "toggleHeaderCell", action: "toggleHeaderCell", label: "Header cell", title: "Toggle header cell", group: "headers", active: (s) => s.headerCell },
+  { id: "alignLeft", action: "setCellAlignment", params: { align: "left" }, label: "Left", title: "Align cell left", group: "align", active: (s) => s.cellAlignment === "left" },
+  { id: "alignCenter", action: "setCellAlignment", params: { align: "center" }, label: "Center", title: "Align cell center", group: "align", active: (s) => s.cellAlignment === "center" },
+  { id: "alignRight", action: "setCellAlignment", params: { align: "right" }, label: "Right", title: "Align cell right", group: "align", active: (s) => s.cellAlignment === "right" },
+  { id: "deleteTable", action: "deleteTable", label: "Delete table", title: "Delete table", group: "table" }
+];
+var MAX_TABLE_ROWS = 100;
+var MAX_TABLE_COLUMNS = 50;
+var live = (editor) => !!editor && !editor.isDestroyed;
+function isTableEnabled(editor) {
+  return live(editor) && !!editor.schema.nodes.table && !!editor.schema.nodes.tableRow;
+}
+function isSelectionInTable(state) {
+  if (!state.schema.nodes.table) return false;
+  return state.selection instanceof _tables.CellSelection || _tables.isInTable.call(void 0, state);
+}
+function shouldShowTableBubbleMenu({ editor, state }) {
+  return editor.isEditable && isSelectionInTable(state);
+}
+var isInt = (value, min, max) => typeof value === "number" && Number.isInteger(value) && value >= min && value <= max;
+var can = (editor, run) => {
+  try {
+    return !!run(editor.can().chain()).run();
+  } catch (e) {
+    return false;
+  }
+};
+function getTableActionState(editor, action, params = {}) {
+  if (!live(editor)) return "The editor is not available.";
+  if (!isTableEnabled(editor)) return "Tables are not enabled in this editor.";
+  if (!editor.isEditable) return "The editor is read-only.";
+  const state = editor.state;
+  const inTable = isSelectionInTable(state);
+  if (action === "insertTable") {
+    if (inTable) return "Tables cannot be nested: move the cursor out of the table first.";
+    if (params.rows !== void 0 && !isInt(params.rows, 1, MAX_TABLE_ROWS)) {
+      return `Rows must be a whole number from 1 to ${MAX_TABLE_ROWS}.`;
+    }
+    if (params.cols !== void 0 && !isInt(params.cols, 1, MAX_TABLE_COLUMNS)) {
+      return `Columns must be a whole number from 1 to ${MAX_TABLE_COLUMNS}.`;
+    }
+    return can(editor, (c) => c.insertTable({ rows: 1, cols: 1 })) ? true : "A table cannot be inserted here.";
+  }
+  if (!inTable) return "Place the cursor in a table first.";
+  switch (action) {
+    case "mergeCells":
+    case "splitCell": {
+      if (_chunkIFHKKVXHcjs.isTrackChangesEnabled.call(void 0, editor)) {
+        return `${action === "mergeCells" ? "Merging" : "Splitting"} cells cannot be tracked: turn off Track Changes first.`;
+      }
+      if (action === "mergeCells") {
+        return can(editor, (c) => c.mergeCells()) ? true : "Select two or more adjacent cells to merge.";
+      }
+      return can(editor, (c) => c.splitCell()) ? true : "Only a merged cell can be split.";
+    }
+    case "deleteRow":
+    case "deleteColumn": {
+      const rect = _tables.selectedRect.call(void 0, state);
+      const all = action === "deleteRow" ? rect.top === 0 && rect.bottom === rect.map.height : rect.left === 0 && rect.right === rect.map.width;
+      const what = action === "deleteRow" ? "rows" : "columns";
+      if (all || !can(editor, (c) => c[action]())) return `These are all the ${what}: delete the table instead.`;
+      return true;
+    }
+    case "goToNextCell":
+      return can(editor, (c) => c.goToNextCell()) ? true : "This is the last cell.";
+    case "goToPreviousCell":
+      return can(editor, (c) => c.goToPreviousCell()) ? true : "This is the first cell.";
+    case "setCellAlignment":
+      if (params.align !== void 0 && params.align !== null && !normalizeTableCellAlignment(params.align)) {
+        return 'Alignment must be "left", "center", "right", "justify" or null.';
+      }
+      if (!_optionalChain([editor, 'access', _15 => _15.schema, 'access', _16 => _16.nodes, 'access', _17 => _17.tableCell, 'optionalAccess', _18 => _18.spec, 'access', _19 => _19.attrs, 'optionalAccess', _20 => _20.align])) return "Cell alignment is not supported by this schema.";
+      return true;
+    case "setCellBackground":
+      if (params.color !== void 0 && params.color !== null && !normalizeTableCellColor(params.color)) {
+        return "Color must be a CSS color such as #fde68a, rgb(\u2026) or a color name, or null.";
+      }
+      if (!_optionalChain([editor, 'access', _21 => _21.schema, 'access', _22 => _22.nodes, 'access', _23 => _23.tableCell, 'optionalAccess', _24 => _24.spec, 'access', _25 => _25.attrs, 'optionalAccess', _26 => _26.backgroundColor])) return "Cell backgrounds are not supported by this schema.";
+      return true;
+    default:
+      return can(editor, (c) => c[action]()) ? true : "This table action is not available here.";
+  }
+}
+function runTableAction(editor, action, params = {}, options = {}) {
+  if (getTableActionState(editor, action, params) !== true) return false;
+  const ed = editor;
+  let chain = ed.chain();
+  if (options.focus) chain = chain.focus();
+  switch (action) {
+    case "insertTable":
+      chain = chain.insertTable({
+        rows: _nullishCoalesce(params.rows, () => ( 3)),
+        cols: _nullishCoalesce(params.cols, () => ( 3)),
+        withHeaderRow: _nullishCoalesce(params.withHeaderRow, () => ( true))
+      });
+      break;
+    case "setCellAlignment":
+      chain = chain.setCellAttribute("align", normalizeTableCellAlignment(params.align));
+      break;
+    case "setCellBackground":
+      chain = chain.setCellAttribute("backgroundColor", normalizeTableCellColor(params.color));
+      break;
+    default:
+      chain = chain[action]();
+  }
+  return !!chain.run();
+}
+var NO_ACTIONS = Object.fromEntries(
+  TABLE_ACTIONS.map(({ action }) => [action, { enabled: false, reason: "The editor is not available." }])
+);
+var EMPTY_TABLE_STATE = Object.freeze({
+  enabled: false,
+  inTable: false,
+  cellSelection: false,
+  rows: 0,
+  columns: 0,
+  row: -1,
+  column: -1,
+  headerRow: false,
+  headerColumn: false,
+  headerCell: false,
+  cellAlignment: null,
+  cellBackground: null,
+  actions: NO_ACTIONS
+});
+function getTableState(editor) {
+  if (!live(editor)) return EMPTY_TABLE_STATE;
+  const actions = Object.fromEntries(
+    TABLE_ACTIONS.map(({ action }) => {
+      const result = getTableActionState(editor, action);
+      return [action, result === true ? { enabled: true } : { enabled: false, reason: result }];
+    })
+  );
+  const state = editor.state;
+  const base = { ...EMPTY_TABLE_STATE, enabled: isTableEnabled(editor), actions };
+  if (!base.enabled || !isSelectionInTable(state)) return base;
+  try {
+    const rect = _tables.selectedRect.call(void 0, state);
+    const { map, table } = rect;
+    const cellAt = (row, col) => table.nodeAt(map.map[row * map.width + col]);
+    const allHeaders = (positions) => positions.length > 0 && positions.every((pos) => _optionalChain([table, 'access', _27 => _27.nodeAt, 'call', _28 => _28(pos), 'optionalAccess', _29 => _29.type, 'access', _30 => _30.name]) === "tableHeader");
+    const firstRow = map.cellsInRect({ left: 0, right: map.width, top: 0, bottom: 1 });
+    const firstColumn = map.cellsInRect({ left: 0, right: 1, top: 0, bottom: map.height });
+    const cell = cellAt(rect.top, rect.left);
+    return {
+      ...base,
+      inTable: true,
+      cellSelection: state.selection instanceof _tables.CellSelection,
+      rows: map.height,
+      columns: map.width,
+      row: rect.top,
+      column: rect.left,
+      headerRow: allHeaders(firstRow),
+      headerColumn: allHeaders(firstColumn),
+      headerCell: _optionalChain([cell, 'optionalAccess', _31 => _31.type, 'access', _32 => _32.name]) === "tableHeader",
+      cellAlignment: normalizeTableCellAlignment(_optionalChain([cell, 'optionalAccess', _33 => _33.attrs, 'access', _34 => _34.align])),
+      cellBackground: normalizeTableCellColor(_optionalChain([cell, 'optionalAccess', _35 => _35.attrs, 'access', _36 => _36.backgroundColor]))
+    };
+  } catch (e2) {
+    return { ...base, inTable: true };
+  }
+}
+var stateKey = (state) => JSON.stringify(state);
+function createTableStore(editor) {
+  const listeners = /* @__PURE__ */ new Set();
+  let snapshot = getTableState(editor);
+  let key = stateKey(snapshot);
+  const update = () => {
+    const next = getTableState(editor);
+    const nextKey = stateKey(next);
+    if (nextKey === key) return;
+    snapshot = next;
+    key = nextKey;
+    listeners.forEach((listener) => listener());
+  };
+  const detach = () => {
+    _optionalChain([editor, 'optionalAccess', _37 => _37.off, 'call', _38 => _38("transaction", update)]);
+    _optionalChain([editor, 'optionalAccess', _39 => _39.off, 'call', _40 => _40("update", update)]);
+    _optionalChain([editor, 'optionalAccess', _41 => _41.off, 'call', _42 => _42("focus", update)]);
+    _optionalChain([editor, 'optionalAccess', _43 => _43.off, 'call', _44 => _44("destroy", update)]);
+  };
+  return {
+    getSnapshot: () => {
+      if (!listeners.size) {
+        const next = getTableState(editor);
+        const nextKey = stateKey(next);
+        if (nextKey !== key) {
+          snapshot = next;
+          key = nextKey;
+        }
+      }
+      return snapshot;
+    },
+    subscribe(listener) {
+      if (!listeners.size && editor) {
+        update();
+        editor.on("transaction", update);
+        editor.on("update", update);
+        editor.on("focus", update);
+        editor.on("destroy", update);
+      }
+      listeners.add(listener);
+      return () => {
+        listeners.delete(listener);
+        if (!listeners.size) detach();
+      };
+    },
+    destroy() {
+      detach();
+      listeners.clear();
+    }
+  };
+}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+exports.normalizeTableCellAlignment = normalizeTableCellAlignment; exports.normalizeTableCellColor = normalizeTableCellColor; exports.isGfmTable = isGfmTable; exports.DEFAULT_TABLE_OPTIONS = DEFAULT_TABLE_OPTIONS; exports.Table = Table; exports.TableRow = TableRow; exports.TableCell = TableCell; exports.TableHeader = TableHeader; exports.createTableExtensions = createTableExtensions; exports.TABLE_ACTIONS = TABLE_ACTIONS; exports.DEFAULT_TABLE_TOOLBAR = DEFAULT_TABLE_TOOLBAR; exports.MAX_TABLE_ROWS = MAX_TABLE_ROWS; exports.MAX_TABLE_COLUMNS = MAX_TABLE_COLUMNS; exports.isTableEnabled = isTableEnabled; exports.isSelectionInTable = isSelectionInTable; exports.shouldShowTableBubbleMenu = shouldShowTableBubbleMenu; exports.getTableActionState = getTableActionState; exports.runTableAction = runTableAction; exports.EMPTY_TABLE_STATE = EMPTY_TABLE_STATE; exports.getTableState = getTableState; exports.createTableStore = createTableStore;
+//# sourceMappingURL=chunk-HDYMLS3X.cjs.map

package/dist/chunk-HDYMLS3X.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/editor/editor/packages/core/dist/chunk-HDYMLS3X.cjs","../src/extensions/table/extension.ts","../src/extensions/table/actions.ts"],"names":[],"mappings":"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","file":"/home/runner/work/editor/editor/packages/core/dist/chunk-HDYMLS3X.cjs","sourcesContent":[null,"import { getHTMLFromFragment, type Extensions } from \"@tiptap/core\";\nimport { Fragment, type Node as ProsemirrorNode } from \"@tiptap/pm/model\";\nimport * as _Table from \"@tiptap/extension-table\";\nimport * as _TableRow from \"@tiptap/extension-table-row\";\nimport * as _TableHeader from \"@tiptap/extension-table-header\";\nimport * as _TableCell from \"@tiptap/extension-table-cell\";\n\nconst resolveExt = (mod: any, name: string) =>\n  mod?.[name] || mod?.default?.[name] || mod?.default?.default || mod?.default || mod;\n\nconst BaseTable = resolveExt(_Table, \"Table\");\nconst BaseTableRow = resolveExt(_TableRow, \"TableRow\");\nconst BaseTableHeader = resolveExt(_TableHeader, \"TableHeader\");\nconst BaseTableCell = resolveExt(_TableCell, \"TableCell\");\n\n/** Horizontal alignment of a table cell (`align` attribute). */\nexport type TableCellAlignment = \"left\" | \"center\" | \"right\" | \"justify\";\n\nconst ALIGNMENTS = new Set<TableCellAlignment>([\"left\", \"center\", \"right\", \"justify\"]);\n\n/** Returns a valid cell alignment, or `null`. */\nexport function normalizeTableCellAlignment(value: unknown): TableCellAlignment | null {\n  const v = typeof value === \"string\" ? value.trim().toLowerCase() : \"\";\n  return ALIGNMENTS.has(v as TableCellAlignment) ? (v as TableCellAlignment) : null;\n}\n\n/**\n * Color values allowed as a cell background: hex, `rgb()/rgba()/hsl()/hsla()`\n * with numeric arguments, or a CSS color keyword. Anything else (e.g.\n * `url(...)`, `expression(...)`, `;`) is rejected because the value ends up in\n * a `style` attribute.\n */\nconst COLOR_REGEX =\n  /^(?:#[0-9a-f]{3,8}|(?:rgb|rgba|hsl|hsla)\\(\\s*[-0-9.%\\s,/deg]+\\)|[a-z]{3,20})$/i;\n\n/** Returns a safe CSS color for a cell background, or `null`. */\nexport function normalizeTableCellColor(value: unknown): string | null {\n  const v = typeof value === \"string\" ? value.trim() : \"\";\n  if (!v || v.length > 64 || !COLOR_REGEX.test(v)) return null;\n  if (/^(?:inherit|initial|unset|revert|transparent)$/i.test(v)) return null;\n  return v;\n}\n\n/** Cell attributes added on top of TipTap's `colspan` / `rowspan` / `colwidth`. */\nconst cellAttributes = () => ({\n  align: {\n    default: null,\n    parseHTML: (element: HTMLElement) =>\n      normalizeTableCellAlignment(element.style?.textAlign || element.getAttribute(\"align\")),\n    renderHTML: (attrs: Record<string, any>) => {\n      const align = normalizeTableCellAlignment(attrs.align);\n      return align ? { style: `text-align: ${align}` } : {};\n    },\n  },\n  backgroundColor: {\n    default: null,\n    parseHTML: (element: HTMLElement) =>\n      normalizeTableCellColor(\n        element.getAttribute(\"data-background-color\") ||\n          element.style?.backgroundColor ||\n          element.getAttribute(\"bgcolor\"),\n      ),\n    renderHTML: (attrs: Record<string, any>) => {\n      const color = normalizeTableCellColor(attrs.backgroundColor);\n      return color ? { style: `background-color: ${color}`, \"data-background-color\": color } : {};\n    },\n  },\n});\n\n// ---------------------------------------------------------------------------\n// Markdown (tiptap-markdown)\n// ---------------------------------------------------------------------------\n\nconst children = (node: ProsemirrorNode) => {\n  const list: ProsemirrorNode[] = [];\n  node.forEach((child) => list.push(child));\n  return list;\n};\n\nconst hasSpan = (cell: ProsemirrorNode) => (cell.attrs.colspan ?? 1) > 1 || (cell.attrs.rowspan ?? 1) > 1;\n\n/**\n * Whether a table can be written as a GFM pipe table: the first row is all\n * header cells, the other rows have none, no cell spans rows or columns, and\n * every cell holds a single paragraph.\n */\nexport function isGfmTable(node: ProsemirrorNode): boolean {\n  const rows = children(node);\n  if (rows.length === 0) return false;\n  const width = rows[0].childCount;\n  return rows.every(\n    (row, r) =>\n      row.childCount === width &&\n      children(row).every(\n        (cell) =>\n          (r === 0 ? cell.type.name === \"tableHeader\" : cell.type.name === \"tableCell\") &&\n          !hasSpan(cell) &&\n          cell.childCount === 1 &&\n          cell.firstChild!.type.name === \"paragraph\",\n      ),\n  );\n}\n\nconst DELIMITERS: Record<string, string> = { left: \":---\", center: \":---:\", right: \"---:\" };\n\n/**\n * tiptap-markdown serializer for tables: GFM pipe tables (with column\n * alignment from the header cells and `|` escaped) when `isGfmTable`, HTML\n * otherwise (spans, header columns, multi-paragraph cells).\n */\nfunction serializeTableMarkdown(state: any, node: ProsemirrorNode) {\n  if (!isGfmTable(node)) {\n    const html = getHTMLFromFragment(Fragment.from(node), node.type.schema);\n    // An HTML block must start on its own line and contain no blank lines.\n    state.write(html.replace(/\\n{2,}/g, \"\\n\"));\n    state.closeBlock(node);\n    return;\n  }\n  const previous = state.inTable;\n  state.inTable = true;\n  children(node).forEach((row, r) => {\n    if (r) state.ensureNewLine();\n    state.write(\"| \");\n    children(row).forEach((cell, c) => {\n      if (c) state.write(\" | \");\n      const paragraph = cell.firstChild!;\n      // Render in place (mid-line, so no block prefix is added), then escape\n      // the cell's pipes and line breaks, which would end the cell or row.\n      const start = state.out.length;\n      if (paragraph.childCount) state.renderInline(paragraph);\n      const text: string = state.out.slice(start);\n      state.out = state.out.slice(0, start) + text.replace(/\\n/g, \" \").replace(/\\|/g, \"\\\\|\");\n    });\n    state.write(\" |\");\n    if (r === 0) {\n      const delimiter = children(row).map((cell) => DELIMITERS[cell.attrs.align] ?? \"---\");\n      state.ensureNewLine();\n      state.write(`| ${delimiter.join(\" | \")} |`);\n    }\n  });\n  state.inTable = previous;\n  state.closeBlock(node);\n}\n\n// ---------------------------------------------------------------------------\n// Extensions\n// ---------------------------------------------------------------------------\n\nexport interface RichTextTableOptions {\n  /** Drag column borders to resize columns (stored as `colwidth`). Default `true`. */\n  resizable: boolean;\n  /** Width of the resize handle in pixels. Default 5. */\n  handleWidth: number;\n  /** Minimum cell width in pixels. Default 25. */\n  cellMinWidth: number;\n  /** Whether the last column can be resized. Default `true`. */\n  lastColumnResizable: boolean;\n  /** Allow selecting the whole table as a node (click its border, Esc from a cell selection). Default `true`. */\n  allowTableNodeSelection: boolean;\n  /** HTML attributes of the `<table>` element. */\n  HTMLAttributes: Record<string, any>;\n  /** HTML attributes of `<td>` elements. */\n  cellHTMLAttributes: Record<string, any>;\n  /** HTML attributes of `<th>` elements. */\n  headerHTMLAttributes: Record<string, any>;\n  /** HTML attributes of `<tr>` elements. */\n  rowHTMLAttributes: Record<string, any>;\n}\n\nexport const DEFAULT_TABLE_OPTIONS: RichTextTableOptions = {\n  resizable: true,\n  handleWidth: 5,\n  cellMinWidth: 25,\n  lastColumnResizable: true,\n  allowTableNodeSelection: true,\n  HTMLAttributes: { class: \"pixerate-table\" },\n  cellHTMLAttributes: {},\n  headerHTMLAttributes: {},\n  rowHTMLAttributes: {},\n};\n\n/** TipTap's `Table` with the GFM-aware markdown serializer. */\nexport const Table = BaseTable.extend({\n  addStorage() {\n    return { markdown: { serialize: serializeTableMarkdown } };\n  },\n});\n\nexport const TableRow = BaseTableRow;\n\n/** TipTap's `TableCell` plus `align` and `backgroundColor` attributes. */\nexport const TableCell = BaseTableCell.extend({\n  addAttributes() {\n    return { ...this.parent?.(), ...cellAttributes() };\n  },\n});\n\n/** TipTap's `TableHeader` plus `align` and `backgroundColor` attributes. */\nexport const TableHeader = BaseTableHeader.extend({\n  addAttributes() {\n    return { ...this.parent?.(), ...cellAttributes() };\n  },\n});\n\n/**\n * The table extensions (`table`, `tableRow`, `tableHeader`, `tableCell`)\n * configured for rich documents: resizable columns, header rows, columns and\n * cells, `colspan` / `rowspan` from imported HTML, cell alignment and\n * background, table node selection and GFM markdown. `createRichTextPreset`\n * adds them unless `table: false`.\n */\nexport function createTableExtensions(options: Partial<RichTextTableOptions> = {}): Extensions {\n  const o = { ...DEFAULT_TABLE_OPTIONS, ...options };\n  return [\n    Table.configure({\n      resizable: o.resizable,\n      handleWidth: o.handleWidth,\n      cellMinWidth: o.cellMinWidth,\n      lastColumnResizable: o.lastColumnResizable,\n      allowTableNodeSelection: o.allowTableNodeSelection,\n      HTMLAttributes: o.HTMLAttributes,\n    }),\n    TableRow.configure({ HTMLAttributes: o.rowHTMLAttributes }),\n    TableHeader.configure({ HTMLAttributes: o.headerHTMLAttributes }),\n    TableCell.configure({ HTMLAttributes: o.cellHTMLAttributes }),\n  ];\n}\n","import type { Editor } from \"@tiptap/core\";\nimport type { EditorState } from \"@tiptap/pm/state\";\nimport { CellSelection, isInTable, selectedRect } from \"@tiptap/pm/tables\";\nimport { isTrackChangesEnabled } from \"../track-changes\";\nimport {\n  normalizeTableCellAlignment,\n  normalizeTableCellColor,\n  type TableCellAlignment,\n} from \"./extension\";\n\n/** Table operations shared by the command registry, the toolbars and agent tools. */\nexport type TableAction =\n  | \"insertTable\"\n  | \"addRowBefore\"\n  | \"addRowAfter\"\n  | \"deleteRow\"\n  | \"addColumnBefore\"\n  | \"addColumnAfter\"\n  | \"deleteColumn\"\n  | \"deleteTable\"\n  | \"mergeCells\"\n  | \"splitCell\"\n  | \"toggleHeaderRow\"\n  | \"toggleHeaderColumn\"\n  | \"toggleHeaderCell\"\n  | \"goToNextCell\"\n  | \"goToPreviousCell\"\n  | \"setCellAlignment\"\n  | \"setCellBackground\";\n\n/** Parameters of `insertTable`, `setCellAlignment` and `setCellBackground`. */\nexport interface TableActionParams {\n  /** `insertTable`: number of rows (1–100, default 3). */\n  rows?: number;\n  /** `insertTable`: number of columns (1–50, default 3). */\n  cols?: number;\n  /** `insertTable`: make the first row a header row (default `true`). */\n  withHeaderRow?: boolean;\n  /** `setCellAlignment`: `left`, `center`, `right`, `justify`, or `null` to clear. */\n  align?: TableCellAlignment | null;\n  /** `setCellBackground`: a CSS color, or `null` to clear. */\n  color?: string | null;\n}\n\nexport interface TableActionInfo {\n  action: TableAction;\n  label: string;\n  description: string;\n  keywords: readonly string[];\n}\n\n/** Every table action with its label, in toolbar order. */\nexport const TABLE_ACTIONS: readonly TableActionInfo[] = [\n  { action: \"insertTable\", label: \"Insert Table\", description: \"Inserts a table (rows, cols, withHeaderRow) at the cursor.\", keywords: [\"table\", \"grid\", \"new\"] },\n  { action: \"addRowBefore\", label: \"Insert Row Above\", description: \"Adds a row above the current row.\", keywords: [\"row\", \"add\", \"above\"] },\n  { action: \"addRowAfter\", label: \"Insert Row Below\", description: \"Adds a row below the current row.\", keywords: [\"row\", \"add\", \"below\"] },\n  { action: \"deleteRow\", label: \"Delete Row\", description: \"Deletes the selected rows.\", keywords: [\"row\", \"remove\"] },\n  { action: \"addColumnBefore\", label: \"Insert Column Left\", description: \"Adds a column left of the current column.\", keywords: [\"column\", \"add\", \"left\", \"before\"] },\n  { action: \"addColumnAfter\", label: \"Insert Column Right\", description: \"Adds a column right of the current column.\", keywords: [\"column\", \"add\", \"right\", \"after\"] },\n  { action: \"deleteColumn\", label: \"Delete Column\", description: \"Deletes the selected columns.\", keywords: [\"column\", \"remove\"] },\n  { action: \"deleteTable\", label: \"Delete Table\", description: \"Deletes the table around the cursor.\", keywords: [\"table\", \"remove\"] },\n  { action: \"mergeCells\", label: \"Merge Cells\", description: \"Merges the selected cells into one.\", keywords: [\"combine\", \"join\", \"span\"] },\n  { action: \"splitCell\", label: \"Split Cell\", description: \"Splits a merged cell back into single cells.\", keywords: [\"unmerge\", \"span\"] },\n  { action: \"toggleHeaderRow\", label: \"Toggle Header Row\", description: \"Turns the first row into header cells, or back.\", keywords: [\"header\", \"row\", \"th\"] },\n  { action: \"toggleHeaderColumn\", label: \"Toggle Header Column\", description: \"Turns the first column into header cells, or back.\", keywords: [\"header\", \"column\", \"th\"] },\n  { action: \"toggleHeaderCell\", label: \"Toggle Header Cell\", description: \"Turns the selected cells into header cells, or back.\", keywords: [\"header\", \"cell\", \"th\"] },\n  { action: \"goToNextCell\", label: \"Next Cell\", description: \"Moves the cursor to the next cell.\", keywords: [\"tab\", \"navigate\"] },\n  { action: \"goToPreviousCell\", label: \"Previous Cell\", description: \"Moves the cursor to the previous cell.\", keywords: [\"shift tab\", \"navigate\"] },\n  { action: \"setCellAlignment\", label: \"Align Cells…\", description: \"Sets the horizontal alignment (align: left | center | right | justify | null) of the selected cells.\", keywords: [\"align\", \"left\", \"center\", \"right\"] },\n  { action: \"setCellBackground\", label: \"Cell Background…\", description: \"Sets the background color (color: CSS color or null) of the selected cells.\", keywords: [\"shading\", \"fill\", \"color\"] },\n];\n\n/** A button of the table toolbars (`TableToolbar` in React and Svelte). */\nexport interface TableToolbarItem {\n  /** Unique id (also the button's `data-action`). */\n  id: string;\n  action: TableAction;\n  params?: TableActionParams;\n  /** Short button text. */\n  label: string;\n  /** Accessible name and tooltip. */\n  title: string;\n  /** Items of one group are separated from the next group. */\n  group: string;\n  /** Toggle buttons: whether the button shows as pressed. */\n  active?: (state: TableState) => boolean;\n}\n\n/** The default table toolbar: rows, columns, cells, headers, alignment, delete. */\nexport const DEFAULT_TABLE_TOOLBAR: readonly TableToolbarItem[] = [\n  { id: \"addRowBefore\", action: \"addRowBefore\", label: \"+ Row ↑\", title: \"Insert row above\", group: \"rows\" },\n  { id: \"addRowAfter\", action: \"addRowAfter\", label: \"+ Row ↓\", title: \"Insert row below\", group: \"rows\" },\n  { id: \"deleteRow\", action: \"deleteRow\", label: \"− Row\", title: \"Delete row\", group: \"rows\" },\n  { id: \"addColumnBefore\", action: \"addColumnBefore\", label: \"+ Col ←\", title: \"Insert column left\", group: \"columns\" },\n  { id: \"addColumnAfter\", action: \"addColumnAfter\", label: \"+ Col →\", title: \"Insert column right\", group: \"columns\" },\n  { id: \"deleteColumn\", action: \"deleteColumn\", label: \"− Col\", title: \"Delete column\", group: \"columns\" },\n  { id: \"mergeCells\", action: \"mergeCells\", label: \"Merge\", title: \"Merge cells\", group: \"cells\" },\n  { id: \"splitCell\", action: \"splitCell\", label: \"Split\", title: \"Split cell\", group: \"cells\" },\n  { id: \"toggleHeaderRow\", action: \"toggleHeaderRow\", label: \"Header row\", title: \"Toggle header row\", group: \"headers\", active: (s) => s.headerRow },\n  { id: \"toggleHeaderColumn\", action: \"toggleHeaderColumn\", label: \"Header col\", title: \"Toggle header column\", group: \"headers\", active: (s) => s.headerColumn },\n  { id: \"toggleHeaderCell\", action: \"toggleHeaderCell\", label: \"Header cell\", title: \"Toggle header cell\", group: \"headers\", active: (s) => s.headerCell },\n  { id: \"alignLeft\", action: \"setCellAlignment\", params: { align: \"left\" }, label: \"Left\", title: \"Align cell left\", group: \"align\", active: (s) => s.cellAlignment === \"left\" },\n  { id: \"alignCenter\", action: \"setCellAlignment\", params: { align: \"center\" }, label: \"Center\", title: \"Align cell center\", group: \"align\", active: (s) => s.cellAlignment === \"center\" },\n  { id: \"alignRight\", action: \"setCellAlignment\", params: { align: \"right\" }, label: \"Right\", title: \"Align cell right\", group: \"align\", active: (s) => s.cellAlignment === \"right\" },\n  { id: \"deleteTable\", action: \"deleteTable\", label: \"Delete table\", title: \"Delete table\", group: \"table\" },\n];\n\nexport const MAX_TABLE_ROWS = 100;\nexport const MAX_TABLE_COLUMNS = 50;\n\nconst live = (editor: Editor | null | undefined): editor is Editor => !!editor && !editor.isDestroyed;\n\n/** Whether the editor's schema has the table nodes (`createRichTextPreset({ table })`). */\nexport function isTableEnabled(editor: Editor | null | undefined): boolean {\n  return live(editor) && !!editor.schema.nodes.table && !!editor.schema.nodes.tableRow;\n}\n\n/** Whether the selection (cursor, text or cell selection) is inside a table. */\nexport function isSelectionInTable(state: EditorState): boolean {\n  if (!state.schema.nodes.table) return false;\n  return state.selection instanceof CellSelection || isInTable(state);\n}\n\n/**\n * `shouldShow` for a table bubble menu (TipTap's `BubbleMenuPlugin`): shown\n * while an editable editor's selection is in a table, even a collapsed cursor.\n */\nexport function shouldShowTableBubbleMenu({ editor, state }: { editor: Editor; state: EditorState }): boolean {\n  return editor.isEditable && isSelectionInTable(state);\n}\n\nconst isInt = (value: unknown, min: number, max: number) =>\n  typeof value === \"number\" && Number.isInteger(value) && value >= min && value <= max;\n\nconst can = (editor: Editor, run: (chain: any) => any): boolean => {\n  try {\n    return !!run(editor.can().chain()).run();\n  } catch {\n    return false;\n  }\n};\n\n/**\n * Whether a table action can run: `true`, or the reason it cannot (e.g.\n * \"Place the cursor in a table first.\").\n */\nexport function getTableActionState(\n  editor: Editor | null | undefined,\n  action: TableAction,\n  params: TableActionParams = {},\n): true | string {\n  if (!live(editor)) return \"The editor is not available.\";\n  if (!isTableEnabled(editor)) return \"Tables are not enabled in this editor.\";\n  if (!editor.isEditable) return \"The editor is read-only.\";\n  const state = editor.state;\n  const inTable = isSelectionInTable(state);\n\n  if (action === \"insertTable\") {\n    if (inTable) return \"Tables cannot be nested: move the cursor out of the table first.\";\n    if (params.rows !== undefined && !isInt(params.rows, 1, MAX_TABLE_ROWS)) {\n      return `Rows must be a whole number from 1 to ${MAX_TABLE_ROWS}.`;\n    }\n    if (params.cols !== undefined && !isInt(params.cols, 1, MAX_TABLE_COLUMNS)) {\n      return `Columns must be a whole number from 1 to ${MAX_TABLE_COLUMNS}.`;\n    }\n    return can(editor, (c) => c.insertTable({ rows: 1, cols: 1 })) ? true : \"A table cannot be inserted here.\";\n  }\n\n  if (!inTable) return \"Place the cursor in a table first.\";\n\n  switch (action) {\n    case \"mergeCells\":\n    case \"splitCell\": {\n      if (isTrackChangesEnabled(editor)) {\n        return `${action === \"mergeCells\" ? \"Merging\" : \"Splitting\"} cells cannot be tracked: turn off Track Changes first.`;\n      }\n      if (action === \"mergeCells\") {\n        return can(editor, (c) => c.mergeCells()) ? true : \"Select two or more adjacent cells to merge.\";\n      }\n      return can(editor, (c) => c.splitCell()) ? true : \"Only a merged cell can be split.\";\n    }\n    case \"deleteRow\":\n    case \"deleteColumn\": {\n      // prosemirror-tables only refuses to delete every row/column when dispatching.\n      const rect = selectedRect(state);\n      const all = action === \"deleteRow\"\n        ? rect.top === 0 && rect.bottom === rect.map.height\n        : rect.left === 0 && rect.right === rect.map.width;\n      const what = action === \"deleteRow\" ? \"rows\" : \"columns\";\n      if (all || !can(editor, (c) => c[action]())) return `These are all the ${what}: delete the table instead.`;\n      return true;\n    }\n    case \"goToNextCell\":\n      return can(editor, (c) => c.goToNextCell()) ? true : \"This is the last cell.\";\n    case \"goToPreviousCell\":\n      return can(editor, (c) => c.goToPreviousCell()) ? true : \"This is the first cell.\";\n    case \"setCellAlignment\":\n      if (params.align !== undefined && params.align !== null && !normalizeTableCellAlignment(params.align)) {\n        return 'Alignment must be \"left\", \"center\", \"right\", \"justify\" or null.';\n      }\n      if (!editor.schema.nodes.tableCell?.spec.attrs?.align) return \"Cell alignment is not supported by this schema.\";\n      return true;\n    case \"setCellBackground\":\n      if (params.color !== undefined && params.color !== null && !normalizeTableCellColor(params.color)) {\n        return \"Color must be a CSS color such as #fde68a, rgb(…) or a color name, or null.\";\n      }\n      if (!editor.schema.nodes.tableCell?.spec.attrs?.backgroundColor) return \"Cell backgrounds are not supported by this schema.\";\n      return true;\n    default:\n      return can(editor, (c) => c[action]()) ? true : \"This table action is not available here.\";\n  }\n}\n\nexport interface RunTableActionOptions {\n  /** Focus the editor (toolbars). Default `false`. */\n  focus?: boolean;\n}\n\n/**\n * Runs a table action. Returns `false` (and changes nothing) when it cannot\n * run; check `getTableActionState` for the reason.\n */\nexport function runTableAction(\n  editor: Editor | null | undefined,\n  action: TableAction,\n  params: TableActionParams = {},\n  options: RunTableActionOptions = {},\n): boolean {\n  if (getTableActionState(editor, action, params) !== true) return false;\n  const ed = editor as Editor;\n  let chain: any = ed.chain();\n  if (options.focus) chain = chain.focus();\n  switch (action) {\n    case \"insertTable\":\n      chain = chain.insertTable({\n        rows: params.rows ?? 3,\n        cols: params.cols ?? 3,\n        withHeaderRow: params.withHeaderRow ?? true,\n      });\n      break;\n    case \"setCellAlignment\":\n      chain = chain.setCellAttribute(\"align\", normalizeTableCellAlignment(params.align));\n      break;\n    case \"setCellBackground\":\n      chain = chain.setCellAttribute(\"backgroundColor\", normalizeTableCellColor(params.color));\n      break;\n    default:\n      chain = chain[action]();\n  }\n  return !!chain.run();\n}\n\nexport interface TableActionStatus {\n  enabled: boolean;\n  /** Why the action cannot run (only when `enabled` is false). */\n  reason?: string;\n}\n\n/** The table at the selection and what can be done there. */\nexport interface TableState {\n  /** The schema has tables. */\n  enabled: boolean;\n  /** The selection is inside a table. */\n  inTable: boolean;\n  /** Cells are selected (a `CellSelection`). */\n  cellSelection: boolean;\n  /** Size of the table (0 outside a table). */\n  rows: number;\n  columns: number;\n  /** Row and column (0-based) of the selection's first cell, or -1. */\n  row: number;\n  column: number;\n  /** The first row / first column are all header cells. */\n  headerRow: boolean;\n  headerColumn: boolean;\n  /** The cell at the selection is a header cell. */\n  headerCell: boolean;\n  /** Alignment / background of the cell at the selection. */\n  cellAlignment: TableCellAlignment | null;\n  cellBackground: string | null;\n  /** Enablement of every action (with the default params). */\n  actions: Record<TableAction, TableActionStatus>;\n}\n\nconst NO_ACTIONS = Object.fromEntries(\n  TABLE_ACTIONS.map(({ action }) => [action, { enabled: false, reason: \"The editor is not available.\" }]),\n) as Record<TableAction, TableActionStatus>;\n\nexport const EMPTY_TABLE_STATE: TableState = Object.freeze({\n  enabled: false,\n  inTable: false,\n  cellSelection: false,\n  rows: 0,\n  columns: 0,\n  row: -1,\n  column: -1,\n  headerRow: false,\n  headerColumn: false,\n  headerCell: false,\n  cellAlignment: null,\n  cellBackground: null,\n  actions: NO_ACTIONS,\n}) as TableState;\n\n/** Computes the table state at the editor's selection. */\nexport function getTableState(editor: Editor | null | undefined): TableState {\n  if (!live(editor)) return EMPTY_TABLE_STATE;\n  const actions = Object.fromEntries(\n    TABLE_ACTIONS.map(({ action }) => {\n      const result = getTableActionState(editor, action);\n      return [action, result === true ? { enabled: true } : { enabled: false, reason: result }];\n    }),\n  ) as Record<TableAction, TableActionStatus>;\n  const state = editor.state;\n  const base: TableState = { ...EMPTY_TABLE_STATE, enabled: isTableEnabled(editor), actions };\n  if (!base.enabled || !isSelectionInTable(state)) return base;\n  try {\n    const rect = selectedRect(state);\n    const { map, table } = rect;\n    const cellAt = (row: number, col: number) => table.nodeAt(map.map[row * map.width + col]);\n    const allHeaders = (positions: number[]) =>\n      positions.length > 0 && positions.every((pos) => table.nodeAt(pos)?.type.name === \"tableHeader\");\n    const firstRow = map.cellsInRect({ left: 0, right: map.width, top: 0, bottom: 1 });\n    const firstColumn = map.cellsInRect({ left: 0, right: 1, top: 0, bottom: map.height });\n    const cell = cellAt(rect.top, rect.left);\n    return {\n      ...base,\n      inTable: true,\n      cellSelection: state.selection instanceof CellSelection,\n      rows: map.height,\n      columns: map.width,\n      row: rect.top,\n      column: rect.left,\n      headerRow: allHeaders(firstRow),\n      headerColumn: allHeaders(firstColumn),\n      headerCell: cell?.type.name === \"tableHeader\",\n      cellAlignment: normalizeTableCellAlignment(cell?.attrs.align),\n      cellBackground: normalizeTableCellColor(cell?.attrs.backgroundColor),\n    };\n  } catch {\n    return { ...base, inTable: true };\n  }\n}\n\nconst stateKey = (state: TableState) => JSON.stringify(state);\n\nexport interface TableStore {\n  getSnapshot(): TableState;\n  subscribe(listener: () => void): () => void;\n  destroy(): void;\n}\n\n/**\n * An external store of `getTableState(editor)` for UI bindings (React's\n * `useSyncExternalStore`, Svelte runes). The snapshot object only changes\n * when the state does, and the store listens to the editor only while it\n * has subscribers.\n */\nexport function createTableStore(editor: Editor | null | undefined): TableStore {\n  const listeners = new Set<() => void>();\n  let snapshot = getTableState(editor);\n  let key = stateKey(snapshot);\n\n  const update = () => {\n    const next = getTableState(editor);\n    const nextKey = stateKey(next);\n    if (nextKey === key) return;\n    snapshot = next;\n    key = nextKey;\n    listeners.forEach((listener) => listener());\n  };\n  const detach = () => {\n    editor?.off(\"transaction\", update);\n    editor?.off(\"update\", update);\n    editor?.off(\"focus\", update);\n    editor?.off(\"destroy\", update);\n  };\n\n  return {\n    getSnapshot: () => {\n      if (!listeners.size) {\n        const next = getTableState(editor);\n        const nextKey = stateKey(next);\n        if (nextKey !== key) {\n          snapshot = next;\n          key = nextKey;\n        }\n      }\n      return snapshot;\n    },\n    subscribe(listener) {\n      if (!listeners.size && editor) {\n        update();\n        editor.on(\"transaction\", update);\n        // `setEditable` emits `update` without a transaction.\n        editor.on(\"update\", update);\n        editor.on(\"focus\", update);\n        editor.on(\"destroy\", update);\n      }\n      listeners.add(listener);\n      return () => {\n        listeners.delete(listener);\n        if (!listeners.size) detach();\n      };\n    },\n    destroy() {\n      detach();\n      listeners.clear();\n    },\n  };\n}\n"]}