@latentic/live-markdown 0.3.1 → 0.4.0

package/dist/codemirror/table/tableCellNav.js

@@ -0,0 +1,47 @@
+import "../../chunk-V6TY7KAL.js";
+function rowCount(model) {
+  return 1 + model.data.rows.length;
+}
+function cellAt(model, row, col) {
+  const cells = row === 0 ? model.data.header : model.data.rows[row - 1];
+  return cells?.[col] ?? null;
+}
+function positionOf(model, from) {
+  for (let row = 0; row < rowCount(model); row++) {
+    const cells = row === 0 ? model.data.header : model.data.rows[row - 1];
+    const col = cells.findIndex((cell) => cell.from === from);
+    if (col >= 0) return { row, col };
+  }
+  return null;
+}
+function stepCell(model, row, col, dir) {
+  return stepGrid(rowCount(model), model.data.header.length, row, col, dir);
+}
+function stepGrid(rows, cols, row, col, dir) {
+  switch (dir) {
+    case "next":
+      if (col + 1 < cols) return { kind: "cell", row, col: col + 1 };
+      if (row + 1 < rows) return { kind: "cell", row: row + 1, col: 0 };
+      return { kind: "exit", edge: "after" };
+    case "prev":
+      if (col > 0) return { kind: "cell", row, col: col - 1 };
+      if (row > 0) return { kind: "cell", row: row - 1, col: cols - 1 };
+      return { kind: "exit", edge: "before" };
+    case "down":
+      return row + 1 < rows ? { kind: "cell", row: row + 1, col } : { kind: "exit", edge: "below" };
+    case "up":
+      return row > 0 ? { kind: "cell", row: row - 1, col } : { kind: "exit", edge: "above" };
+  }
+}
+function exitCaretPos(edge, from, to, docLength) {
+  return edge === "above" || edge === "before" ? Math.max(0, from - 1) : Math.min(to + 1, docLength);
+}
+export {
+  cellAt,
+  exitCaretPos,
+  positionOf,
+  rowCount,
+  stepCell,
+  stepGrid
+};
+//# sourceMappingURL=tableCellNav.js.map

package/dist/codemirror/table/tableCellNav.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/table/tableCellNav.ts"],"sourcesContent":["import { type TableModel } from \"./tableModel\";\n\n/**\n * Pure geometry for moving the caret between table cells. A table is rendered as\n * one atomic block whose cells are edited in per-cell subviews; navigation maps\n * a (row, col) + direction to the next cell or to an exit out of the table. Row 0\n * is the header; the `| --- |` delimiter row is not navigable. Kept pure (no\n * EditorView) so the step math is unit-testable; mounting lives in\n * {@link mountCellSubview}.\n */\n\n/** Navigable rows: the header plus every body row. */\nexport function rowCount(model: TableModel): number {\n  return 1 + model.data.rows.length;\n}\n\n/** The cell at (row, col) — row 0 is the header — or null when out of range. */\nexport function cellAt(model: TableModel, row: number, col: number) {\n  const cells = row === 0 ? model.data.header : model.data.rows[row - 1];\n  return cells?.[col] ?? null;\n}\n\n/** The (row, col) of the cell whose source starts at `from`, or null. */\nexport function positionOf(model: TableModel, from: number): { row: number; col: number } | null {\n  for (let row = 0; row < rowCount(model); row++) {\n    const cells = row === 0 ? model.data.header : model.data.rows[row - 1];\n    const col = cells.findIndex((cell) => cell.from === from);\n    if (col >= 0) return { row, col };\n  }\n  return null;\n}\n\nexport type NavDir = \"next\" | \"prev\" | \"up\" | \"down\";\nexport type ExitEdge = \"above\" | \"below\" | \"before\" | \"after\";\nexport type NavTarget =\n  | { kind: \"cell\"; row: number; col: number }\n  | { kind: \"exit\"; edge: ExitEdge };\n\n/**\n * Where `dir` moves from (row, col): an adjacent cell, or an exit edge when it\n * leaves the table. `next`/`prev` (Tab / shift-Tab, or Left/Right at a cell's\n * text edge) wrap across rows in reading order; `up`/`down` stay in the column.\n */\nexport function stepCell(model: TableModel, row: number, col: number, dir: NavDir): NavTarget {\n  return stepGrid(rowCount(model), model.data.header.length, row, col, dir);\n}\n\n/** {@link stepCell} on bare grid dimensions — the tablev2 bridge has the\n *  dimensions but no model object. Single home for the step math. */\nexport function stepGrid(\n  rows: number,\n  cols: number,\n  row: number,\n  col: number,\n  dir: NavDir,\n): NavTarget {\n  switch (dir) {\n    case \"next\":\n      if (col + 1 < cols) return { kind: \"cell\", row, col: col + 1 };\n      if (row + 1 < rows) return { kind: \"cell\", row: row + 1, col: 0 };\n      return { kind: \"exit\", edge: \"after\" };\n    case \"prev\":\n      if (col > 0) return { kind: \"cell\", row, col: col - 1 };\n      if (row > 0) return { kind: \"cell\", row: row - 1, col: cols - 1 };\n      return { kind: \"exit\", edge: \"before\" };\n    case \"down\":\n      return row + 1 < rows ? { kind: \"cell\", row: row + 1, col } : { kind: \"exit\", edge: \"below\" };\n    case \"up\":\n      return row > 0 ? { kind: \"cell\", row: row - 1, col } : { kind: \"exit\", edge: \"above\" };\n  }\n}\n\n/**\n * Where the caret lands when leaving the table at `edge`. The table is one atomic\n * block spanning [from, to]: a caret at `from` is shoved forward past the whole\n * block by CodeMirror, and a caret at `to` stays on the block's last (hidden) row\n * — either boundary keeps the caret on the grid, so a stray arrow press is then\n * needed to clear it. Stepping one position outward reaches the real neighbouring\n * line: `from - 1` ends the line above, `to + 1` starts the line below (the blank\n * line a GFM table is separated by). Both are clamped to the document.\n */\nexport function exitCaretPos(edge: ExitEdge, from: number, to: number, docLength: number): number {\n  return edge === \"above\" || edge === \"before\"\n    ? Math.max(0, from - 1)\n    : Math.min(to + 1, docLength);\n}\n"],"mappings":";AAYO,SAAS,SAAS,OAA2B;AAClD,SAAO,IAAI,MAAM,KAAK,KAAK;AAC7B;AAGO,SAAS,OAAO,OAAmB,KAAa,KAAa;AAClE,QAAM,QAAQ,QAAQ,IAAI,MAAM,KAAK,SAAS,MAAM,KAAK,KAAK,MAAM,CAAC;AACrE,SAAO,QAAQ,GAAG,KAAK;AACzB;AAGO,SAAS,WAAW,OAAmB,MAAmD;AAC/F,WAAS,MAAM,GAAG,MAAM,SAAS,KAAK,GAAG,OAAO;AAC9C,UAAM,QAAQ,QAAQ,IAAI,MAAM,KAAK,SAAS,MAAM,KAAK,KAAK,MAAM,CAAC;AACrE,UAAM,MAAM,MAAM,UAAU,CAAC,SAAS,KAAK,SAAS,IAAI;AACxD,QAAI,OAAO,EAAG,QAAO,EAAE,KAAK,IAAI;AAAA,EAClC;AACA,SAAO;AACT;AAaO,SAAS,SAAS,OAAmB,KAAa,KAAa,KAAwB;AAC5F,SAAO,SAAS,SAAS,KAAK,GAAG,MAAM,KAAK,OAAO,QAAQ,KAAK,KAAK,GAAG;AAC1E;AAIO,SAAS,SACd,MACA,MACA,KACA,KACA,KACW;AACX,UAAQ,KAAK;AAAA,IACX,KAAK;AACH,UAAI,MAAM,IAAI,KAAM,QAAO,EAAE,MAAM,QAAQ,KAAK,KAAK,MAAM,EAAE;AAC7D,UAAI,MAAM,IAAI,KAAM,QAAO,EAAE,MAAM,QAAQ,KAAK,MAAM,GAAG,KAAK,EAAE;AAChE,aAAO,EAAE,MAAM,QAAQ,MAAM,QAAQ;AAAA,IACvC,KAAK;AACH,UAAI,MAAM,EAAG,QAAO,EAAE,MAAM,QAAQ,KAAK,KAAK,MAAM,EAAE;AACtD,UAAI,MAAM,EAAG,QAAO,EAAE,MAAM,QAAQ,KAAK,MAAM,GAAG,KAAK,OAAO,EAAE;AAChE,aAAO,EAAE,MAAM,QAAQ,MAAM,SAAS;AAAA,IACxC,KAAK;AACH,aAAO,MAAM,IAAI,OAAO,EAAE,MAAM,QAAQ,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,MAAM,QAAQ,MAAM,QAAQ;AAAA,IAC9F,KAAK;AACH,aAAO,MAAM,IAAI,EAAE,MAAM,QAAQ,KAAK,MAAM,GAAG,IAAI,IAAI,EAAE,MAAM,QAAQ,MAAM,QAAQ;AAAA,EACzF;AACF;AAWO,SAAS,aAAa,MAAgB,MAAc,IAAY,WAA2B;AAChG,SAAO,SAAS,WAAW,SAAS,WAChC,KAAK,IAAI,GAAG,OAAO,CAAC,IACpB,KAAK,IAAI,KAAK,GAAG,SAAS;AAChC;","names":[]}

package/dist/codemirror/table/tableContextMenu.d.ts

@@ -0,0 +1,22 @@
+import { EditorView } from '@codemirror/view';
+
+interface ShowTableMenuArgs {
+    x: number;
+    y: number;
+    view: EditorView;
+    /** A document position inside the target cell (its `data-cell-from`). */
+    pos: number;
+    /** When provided (tablev2), a "Select row/column/table" group is offered;
+     *  the host owns the selection state. */
+    selectCells?: (axis: "row" | "column" | "table") => void;
+}
+/** The rendered cells of the row or column the target cell sits in — located by
+ *  the `data-cell-from` the widget stamps on each `<th>`/`<td>`. Used to tint
+ *  the row/column a menu item is about to act on. Exported for tests. */
+declare function targetCells(view: EditorView, pos: number, axis: "row" | "column"): HTMLElement[];
+/** Right-click menu over a table cell: insert/delete rows and columns. Each item
+ *  runs the matching {@link tableEditCommands} builder against the cell position
+ *  and dispatches the change. */
+declare function showTableMenu(args: ShowTableMenuArgs): void;
+
+export { showTableMenu, targetCells };

package/dist/codemirror/table/tableContextMenu.js

@@ -0,0 +1,139 @@
+import "../../chunk-V6TY7KAL.js";
+import {
+  addColumnAfter,
+  addColumnBefore,
+  addRowAbove,
+  addRowBelow,
+  deleteColumn,
+  deleteRow
+} from "./tableEditCommands.js";
+import { commentOnExcerptFacet } from "../core/hostFacets.js";
+import { columnExcerptAt, rowExcerptAt } from "./tableExcerpt.js";
+const HOVER_CLASS = "cm-table-cell--hover";
+const COMMENTING_CLASS = "cm-table-cell--commenting";
+function targetCells(view, pos, axis) {
+  const cell = view.dom.querySelector(`[data-cell-from="${pos}"]`);
+  if (!(cell instanceof HTMLElement)) return [];
+  const row = cell.closest("tr");
+  if (!row) return [];
+  if (axis === "row") {
+    return Array.from(row.querySelectorAll("th, td"));
+  }
+  const table = cell.closest("table");
+  const col = Array.from(row.children).indexOf(cell);
+  if (!table || col < 0) return [];
+  return Array.from(table.querySelectorAll("tr")).map((tr) => tr.children[col]).filter((el) => el instanceof HTMLElement);
+}
+function showTableMenu(args) {
+  const menu = document.createElement("div");
+  menu.className = "cm-table-menu";
+  menu.setAttribute("role", "menu");
+  menu.style.cssText = "position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:12rem;padding:0.25rem 0;background:var(--cds-layer-01,#ffffff);border:0.0625rem solid var(--cds-border-subtle-01,#e0e0e0);border-radius:0.125rem;box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.15);font:0.875rem/1.4 var(--cds-body-01-font-family,-apple-system,BlinkMacSystemFont,sans-serif);";
+  menu.style.left = `${args.x}px`;
+  menu.style.top = `${args.y}px`;
+  let clearHighlight = null;
+  function highlightTarget(axis) {
+    clearHighlight?.();
+    const cells = targetCells(args.view, args.pos, axis);
+    cells.forEach((cell) => cell.classList.add(HOVER_CLASS));
+    clearHighlight = () => {
+      cells.forEach((cell) => cell.classList.remove(HOVER_CLASS));
+      clearHighlight = null;
+    };
+  }
+  function destroy() {
+    clearHighlight?.();
+    menu.remove();
+    document.removeEventListener("mousedown", onOutside, true);
+    document.removeEventListener("keydown", onEscape, true);
+  }
+  function onOutside(event) {
+    if (!menu.contains(event.target)) destroy();
+  }
+  function onEscape(event) {
+    if (event.key === "Escape") destroy();
+  }
+  function addAction(label, run, danger = false) {
+    const button = document.createElement("button");
+    button.type = "button";
+    button.className = danger ? "cm-table-menu__item cm-table-menu__item--danger" : "cm-table-menu__item";
+    button.setAttribute("role", "menuitem");
+    button.textContent = label;
+    button.style.cssText = "appearance:none;background:transparent;border:none;text-align:left;width:100%;padding:0.4rem 0.75rem;cursor:pointer;font:inherit;color:" + (danger ? "var(--cds-text-error,#da1e28)" : "var(--cds-text-primary,#161616)") + ";";
+    button.addEventListener("mouseenter", () => {
+      button.style.background = "var(--cds-layer-hover-01,#e8e8e8)";
+    });
+    button.addEventListener("mouseleave", () => {
+      button.style.background = "transparent";
+    });
+    button.addEventListener("click", () => {
+      run();
+      destroy();
+    });
+    menu.appendChild(button);
+    return button;
+  }
+  function add(label, command, danger = false) {
+    addAction(
+      label,
+      () => {
+        const change = command(args.view.state, args.pos);
+        if (change) {
+          args.view.dispatch({ changes: change, userEvent: "input.table.structure" });
+          args.view.focus();
+        }
+      },
+      danger
+    );
+  }
+  function separator() {
+    const sep = document.createElement("div");
+    sep.className = "cm-table-menu__sep";
+    sep.style.cssText = "height:0.0625rem;margin:0.25rem 0;background:var(--cds-border-subtle-01,#e0e0e0);";
+    menu.appendChild(sep);
+  }
+  const comment = args.view.state.facet(commentOnExcerptFacet);
+  if (comment) {
+    let commentOn2 = function(axis) {
+      const excerpt = (axis === "row" ? rowExcerptAt : columnExcerptAt)(args.view.state, args.pos);
+      if (!excerpt) return;
+      targetCells(args.view, args.pos, axis).forEach((c) => c.classList.add(COMMENTING_CLASS));
+      comment(excerpt, { x: args.x, y: args.y });
+    };
+    var commentOn = commentOn2;
+    const rowItem = addAction("Comment on this row", () => commentOn2("row"));
+    rowItem.addEventListener("mouseenter", () => highlightTarget("row"));
+    rowItem.addEventListener("mouseleave", () => clearHighlight?.());
+    const columnItem = addAction("Comment on this column", () => commentOn2("column"));
+    columnItem.addEventListener("mouseenter", () => highlightTarget("column"));
+    columnItem.addEventListener("mouseleave", () => clearHighlight?.());
+    separator();
+  }
+  if (args.selectCells) {
+    const select = (axis) => () => args.selectCells(axis);
+    addAction("Select row", select("row"));
+    addAction("Select column", select("column"));
+    addAction("Select table", select("table"));
+    separator();
+  }
+  add("Insert row above", addRowAbove);
+  add("Insert row below", addRowBelow);
+  add("Delete row", deleteRow, true);
+  separator();
+  add("Insert column left", addColumnBefore);
+  add("Insert column right", addColumnAfter);
+  add("Delete column", deleteColumn, true);
+  document.body.appendChild(menu);
+  const rect = menu.getBoundingClientRect();
+  if (rect.right > window.innerWidth) menu.style.left = `${args.x - rect.width}px`;
+  if (rect.bottom > window.innerHeight) menu.style.top = `${args.y - rect.height}px`;
+  setTimeout(() => {
+    document.addEventListener("mousedown", onOutside, true);
+    document.addEventListener("keydown", onEscape, true);
+  }, 0);
+}
+export {
+  showTableMenu,
+  targetCells
+};
+//# sourceMappingURL=tableContextMenu.js.map

package/dist/codemirror/table/tableContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/table/tableContextMenu.ts"],"sourcesContent":["import { type ChangeSpec, type EditorState } from \"@codemirror/state\";\nimport { type EditorView } from \"@codemirror/view\";\n\nimport {\n  addColumnAfter,\n  addColumnBefore,\n  addRowAbove,\n  addRowBelow,\n  deleteColumn,\n  deleteRow,\n} from \"./tableEditCommands\";\nimport { commentOnExcerptFacet } from \"../core/hostFacets\";\nimport { columnExcerptAt, rowExcerptAt } from \"./tableExcerpt\";\n\ntype TableCommand = (state: EditorState, pos: number) => ChangeSpec | null;\n\n/** Previews the row/column a \"Comment on this row/column\" item targets. */\nconst HOVER_CLASS = \"cm-table-cell--hover\";\n/** Held on a row/column's cells (styled like the hover) while the host's comment\n *  composer for it is open; the host clears it on close. */\nconst COMMENTING_CLASS = \"cm-table-cell--commenting\";\n\ninterface ShowTableMenuArgs {\n  x: number;\n  y: number;\n  view: EditorView;\n  /** A document position inside the target cell (its `data-cell-from`). */\n  pos: number;\n  /** When provided (tablev2), a \"Select row/column/table\" group is offered;\n   *  the host owns the selection state. */\n  selectCells?: (axis: \"row\" | \"column\" | \"table\") => void;\n}\n\n/** The rendered cells of the row or column the target cell sits in — located by\n *  the `data-cell-from` the widget stamps on each `<th>`/`<td>`. Used to tint\n *  the row/column a menu item is about to act on. Exported for tests. */\nexport function targetCells(view: EditorView, pos: number, axis: \"row\" | \"column\"): HTMLElement[] {\n  const cell = view.dom.querySelector(`[data-cell-from=\"${pos}\"]`);\n  if (!(cell instanceof HTMLElement)) return [];\n  const row = cell.closest(\"tr\");\n  if (!row) return [];\n  if (axis === \"row\") {\n    return Array.from(row.querySelectorAll<HTMLElement>(\"th, td\"));\n  }\n  const table = cell.closest(\"table\");\n  const col = Array.from(row.children).indexOf(cell);\n  if (!table || col < 0) return [];\n  return Array.from(table.querySelectorAll<HTMLElement>(\"tr\"))\n    .map((tr) => tr.children[col])\n    .filter((el): el is HTMLElement => el instanceof HTMLElement);\n}\n\n/** Right-click menu over a table cell: insert/delete rows and columns. Each item\n *  runs the matching {@link tableEditCommands} builder against the cell position\n *  and dispatches the change. */\nexport function showTableMenu(args: ShowTableMenuArgs): void {\n  const menu = document.createElement(\"div\");\n  menu.className = \"cm-table-menu\";\n  menu.setAttribute(\"role\", \"menu\");\n  // Styled inline: the menu mounts on document.body, outside the editor element\n  // that CodeMirror scopes its theme styles to, so a stylesheet rule never\n  // reaches it. Inline styles always apply.\n  menu.style.cssText =\n    \"position:fixed;z-index:1000;display:flex;flex-direction:column;min-width:12rem;\" +\n    \"padding:0.25rem 0;background:var(--cds-layer-01,#ffffff);\" +\n    \"border:0.0625rem solid var(--cds-border-subtle-01,#e0e0e0);border-radius:0.125rem;\" +\n    \"box-shadow:0 0.25rem 0.75rem rgba(0,0,0,0.15);\" +\n    \"font:0.875rem/1.4 var(--cds-body-01-font-family,-apple-system,BlinkMacSystemFont,sans-serif);\";\n  menu.style.left = `${args.x}px`;\n  menu.style.top = `${args.y}px`;\n\n  // Tint the row/column a menu item targets while it's hovered, so you see what\n  // you're about to act on before you click. A theme class on the cells (cleared\n  // on leave and on close) — distinct from the persistent `--commenting` class a\n  // chosen comment leaves behind for the host to clear.\n  let clearHighlight: (() => void) | null = null;\n  function highlightTarget(axis: \"row\" | \"column\"): void {\n    clearHighlight?.();\n    const cells = targetCells(args.view, args.pos, axis);\n    cells.forEach((cell) => cell.classList.add(HOVER_CLASS));\n    clearHighlight = () => {\n      cells.forEach((cell) => cell.classList.remove(HOVER_CLASS));\n      clearHighlight = null;\n    };\n  }\n\n  function destroy(): void {\n    clearHighlight?.();\n    menu.remove();\n    document.removeEventListener(\"mousedown\", onOutside, true);\n    document.removeEventListener(\"keydown\", onEscape, true);\n  }\n  function onOutside(event: MouseEvent): void {\n    if (!menu.contains(event.target as Node)) destroy();\n  }\n  function onEscape(event: KeyboardEvent): void {\n    if (event.key === \"Escape\") destroy();\n  }\n\n  function addAction(label: string, run: () => void, danger = false): HTMLButtonElement {\n    const button = document.createElement(\"button\");\n    button.type = \"button\";\n    button.className = danger\n      ? \"cm-table-menu__item cm-table-menu__item--danger\"\n      : \"cm-table-menu__item\";\n    button.setAttribute(\"role\", \"menuitem\");\n    button.textContent = label;\n    button.style.cssText =\n      \"appearance:none;background:transparent;border:none;text-align:left;width:100%;\" +\n      \"padding:0.4rem 0.75rem;cursor:pointer;font:inherit;color:\" +\n      (danger ? \"var(--cds-text-error,#da1e28)\" : \"var(--cds-text-primary,#161616)\") +\n      \";\";\n    button.addEventListener(\"mouseenter\", () => {\n      button.style.background = \"var(--cds-layer-hover-01,#e8e8e8)\";\n    });\n    button.addEventListener(\"mouseleave\", () => {\n      button.style.background = \"transparent\";\n    });\n    button.addEventListener(\"click\", () => {\n      run();\n      destroy();\n    });\n    menu.appendChild(button);\n    return button;\n  }\n\n  /** A structural-edit item: run the command builder and dispatch its change. */\n  function add(label: string, command: TableCommand, danger = false): void {\n    addAction(\n      label,\n      () => {\n        const change = command(args.view.state, args.pos);\n        if (change) {\n          args.view.dispatch({ changes: change, userEvent: \"input.table.structure\" });\n          args.view.focus();\n        }\n      },\n      danger,\n    );\n  }\n\n  function separator(): void {\n    const sep = document.createElement(\"div\");\n    sep.className = \"cm-table-menu__sep\";\n    sep.style.cssText =\n      \"height:0.0625rem;margin:0.25rem 0;background:var(--cds-border-subtle-01,#e0e0e0);\";\n    menu.appendChild(sep);\n  }\n\n  // \"Comment on this row/column\" — only when the host wired the facet (a desktop\n  // shell with the comment composer). Hands the row/column off as an excerpt +\n  // the click point; the host opens its comment composer there. The chosen\n  // row/column keeps the `--commenting` tint until the host closes the composer.\n  const comment = args.view.state.facet(commentOnExcerptFacet);\n  if (comment) {\n    function commentOn(axis: \"row\" | \"column\"): void {\n      const excerpt = (axis === \"row\" ? rowExcerptAt : columnExcerptAt)(args.view.state, args.pos);\n      if (!excerpt) return;\n      targetCells(args.view, args.pos, axis).forEach((c) => c.classList.add(COMMENTING_CLASS));\n      comment!(excerpt, { x: args.x, y: args.y });\n    }\n    const rowItem = addAction(\"Comment on this row\", () => commentOn(\"row\"));\n    rowItem.addEventListener(\"mouseenter\", () => highlightTarget(\"row\"));\n    rowItem.addEventListener(\"mouseleave\", () => clearHighlight?.());\n    const columnItem = addAction(\"Comment on this column\", () => commentOn(\"column\"));\n    columnItem.addEventListener(\"mouseenter\", () => highlightTarget(\"column\"));\n    columnItem.addEventListener(\"mouseleave\", () => clearHighlight?.());\n    separator();\n  }\n\n  if (args.selectCells) {\n    const select = (axis: \"row\" | \"column\" | \"table\") => () => args.selectCells!(axis);\n    addAction(\"Select row\", select(\"row\"));\n    addAction(\"Select column\", select(\"column\"));\n    addAction(\"Select table\", select(\"table\"));\n    separator();\n  }\n\n  add(\"Insert row above\", addRowAbove);\n  add(\"Insert row below\", addRowBelow);\n  add(\"Delete row\", deleteRow, true);\n  separator();\n  add(\"Insert column left\", addColumnBefore);\n  add(\"Insert column right\", addColumnAfter);\n  add(\"Delete column\", deleteColumn, true);\n\n  document.body.appendChild(menu);\n\n  const rect = menu.getBoundingClientRect();\n  if (rect.right > window.innerWidth) menu.style.left = `${args.x - rect.width}px`;\n  if (rect.bottom > window.innerHeight) menu.style.top = `${args.y - rect.height}px`;\n\n  setTimeout(() => {\n    document.addEventListener(\"mousedown\", onOutside, true);\n    document.addEventListener(\"keydown\", onEscape, true);\n  }, 0);\n}\n"],"mappings":"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","names":["commentOn"]}

package/dist/codemirror/table/tableEditCommands.d.ts

@@ -0,0 +1,29 @@
+import { EditorState, ChangeSpec } from '@codemirror/state';
+
+/**
+ * Insert an empty row below the row at `pos`. From the header or delimiter the
+ * new row becomes the first body row (right after the delimiter).
+ */
+declare function addRowBelow(state: EditorState, pos: number): ChangeSpec | null;
+/**
+ * Insert an empty row above the body row at `pos`. From the header or delimiter
+ * it inserts as the first body row.
+ */
+declare function addRowAbove(state: EditorState, pos: number): ChangeSpec | null;
+/**
+ * Delete the body row at `pos`. A no-op on the header or delimiter (those define
+ * the table); deleting the last body row is allowed and leaves an empty-bodied
+ * table.
+ */
+declare function deleteRow(state: EditorState, pos: number): ChangeSpec | null;
+/** Insert an empty column to the right of the cursor's column. */
+declare function addColumnAfter(state: EditorState, pos: number): ChangeSpec | null;
+/** Insert an empty column to the left of the cursor's column. */
+declare function addColumnBefore(state: EditorState, pos: number): ChangeSpec | null;
+/** Delete the cursor's column from every row. No-op on a single-column table. */
+declare function deleteColumn(state: EditorState, pos: number): ChangeSpec | null;
+/** Remove the whole table at `pos` (its source lines and the line break after
+ *  them); the surrounding prose is untouched. */
+declare function deleteTable(state: EditorState, pos: number): ChangeSpec | null;
+
+export { addColumnAfter, addColumnBefore, addRowAbove, addRowBelow, deleteColumn, deleteRow, deleteTable };

package/dist/codemirror/table/tableEditCommands.js

@@ -0,0 +1,86 @@
+import "../../chunk-V6TY7KAL.js";
+import { columnAt, modelAt, pipes } from "./tableGeometry.js";
+function emptyRow(columns) {
+  return "|" + "  |".repeat(columns);
+}
+function frame(state, model) {
+  const header = state.doc.lineAt(model.from);
+  return { header, delimiter: state.doc.lineAt(header.to + 1) };
+}
+function addRowBelow(state, pos) {
+  const model = modelAt(state, pos);
+  if (!model) return null;
+  const { delimiter } = frame(state, model);
+  const current = state.doc.lineAt(pos);
+  const after = current.from <= delimiter.from ? delimiter : current;
+  return { from: after.to, insert: "\n" + emptyRow(model.data.header.length) };
+}
+function addRowAbove(state, pos) {
+  const model = modelAt(state, pos);
+  if (!model) return null;
+  const { delimiter } = frame(state, model);
+  const current = state.doc.lineAt(pos);
+  const row = emptyRow(model.data.header.length);
+  if (current.from <= delimiter.from) {
+    return { from: delimiter.to, insert: "\n" + row };
+  }
+  return { from: current.from, insert: row + "\n" };
+}
+function deleteRow(state, pos) {
+  const model = modelAt(state, pos);
+  if (!model) return null;
+  const { delimiter } = frame(state, model);
+  const current = state.doc.lineAt(pos);
+  if (current.from <= delimiter.from) return null;
+  return { from: current.from - 1, to: current.to };
+}
+function insertColumn(state, pos, offset) {
+  const model = modelAt(state, pos);
+  if (!model) return null;
+  const boundary = columnAt(state, pos) + offset;
+  const start = state.doc.lineAt(model.from).number;
+  const end = state.doc.lineAt(model.to).number;
+  const changes = [];
+  for (let n = start; n <= end; n++) {
+    const line = state.doc.line(n);
+    const p = pipes(state, line);
+    if (boundary < p.length) {
+      changes.push({ from: p[boundary] + 1, insert: n === start + 1 ? " --- |" : "  |" });
+    }
+  }
+  return changes.length ? changes : null;
+}
+function addColumnAfter(state, pos) {
+  return insertColumn(state, pos, 1);
+}
+function addColumnBefore(state, pos) {
+  return insertColumn(state, pos, 0);
+}
+function deleteColumn(state, pos) {
+  const model = modelAt(state, pos);
+  if (!model || model.data.header.length <= 1) return null;
+  const col = columnAt(state, pos);
+  const start = state.doc.lineAt(model.from).number;
+  const end = state.doc.lineAt(model.to).number;
+  const changes = [];
+  for (let n = start; n <= end; n++) {
+    const p = pipes(state, state.doc.line(n));
+    if (col + 1 < p.length) changes.push({ from: p[col], to: p[col + 1] });
+  }
+  return changes.length ? changes : null;
+}
+function deleteTable(state, pos) {
+  const model = modelAt(state, pos);
+  if (!model) return null;
+  return { from: model.from, to: Math.min(state.doc.length, model.to + 1) };
+}
+export {
+  addColumnAfter,
+  addColumnBefore,
+  addRowAbove,
+  addRowBelow,
+  deleteColumn,
+  deleteRow,
+  deleteTable
+};
+//# sourceMappingURL=tableEditCommands.js.map

package/dist/codemirror/table/tableEditCommands.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/table/tableEditCommands.ts"],"sourcesContent":["import { type ChangeSpec, type EditorState } from \"@codemirror/state\";\n\nimport { type TableModel } from \"./tableModel\";\nimport { columnAt, modelAt, pipes } from \"./tableGeometry\";\n\n/**\n * Structural table edits — add/remove rows (columns land next) — as pure\n * `ChangeSpec` builders computed from the Lezer tree, never from the rendered\n * DOM. Each takes the document position the action targets (a cell the cursor or\n * a control sits in) and returns the change, or null when `pos` isn't in a table.\n * The rebuilt table widget re-renders from the new source, so there's nothing to\n * keep in sync.\n */\n\n/** An empty body row with `columns` cells: `|  |  | … |`. */\nfunction emptyRow(columns: number): string {\n  return \"|\" + \"  |\".repeat(columns);\n}\n\n/** The header + delimiter lines of `model` (the delimiter is the line after the\n *  header). */\nfunction frame(state: EditorState, model: TableModel) {\n  const header = state.doc.lineAt(model.from);\n  return { header, delimiter: state.doc.lineAt(header.to + 1) };\n}\n\n/**\n * Insert an empty row below the row at `pos`. From the header or delimiter the\n * new row becomes the first body row (right after the delimiter).\n */\nexport function addRowBelow(state: EditorState, pos: number): ChangeSpec | null {\n  const model = modelAt(state, pos);\n  if (!model) return null;\n  const { delimiter } = frame(state, model);\n  const current = state.doc.lineAt(pos);\n  const after = current.from <= delimiter.from ? delimiter : current;\n  return { from: after.to, insert: \"\\n\" + emptyRow(model.data.header.length) };\n}\n\n/**\n * Insert an empty row above the body row at `pos`. From the header or delimiter\n * it inserts as the first body row.\n */\nexport function addRowAbove(state: EditorState, pos: number): ChangeSpec | null {\n  const model = modelAt(state, pos);\n  if (!model) return null;\n  const { delimiter } = frame(state, model);\n  const current = state.doc.lineAt(pos);\n  const row = emptyRow(model.data.header.length);\n  if (current.from <= delimiter.from) {\n    return { from: delimiter.to, insert: \"\\n\" + row };\n  }\n  return { from: current.from, insert: row + \"\\n\" };\n}\n\n/**\n * Delete the body row at `pos`. A no-op on the header or delimiter (those define\n * the table); deleting the last body row is allowed and leaves an empty-bodied\n * table.\n */\nexport function deleteRow(state: EditorState, pos: number): ChangeSpec | null {\n  const model = modelAt(state, pos);\n  if (!model) return null;\n  const { delimiter } = frame(state, model);\n  const current = state.doc.lineAt(pos);\n  if (current.from <= delimiter.from) return null;\n  // Take the line and the newline that precedes it, joining its neighbours.\n  return { from: current.from - 1, to: current.to };\n}\n\n/**\n * Insert an empty column at the pipe boundary `offset` past the cursor's column\n * (1 = to its right, 0 = to its left), in every row. The delimiter row gets a\n * `---` cell, content rows an empty one.\n */\nfunction insertColumn(state: EditorState, pos: number, offset: 0 | 1): ChangeSpec | null {\n  const model = modelAt(state, pos);\n  if (!model) return null;\n  const boundary = columnAt(state, pos) + offset;\n  const start = state.doc.lineAt(model.from).number;\n  const end = state.doc.lineAt(model.to).number;\n  const changes: ChangeSpec[] = [];\n  for (let n = start; n <= end; n++) {\n    const line = state.doc.line(n);\n    const p = pipes(state, line);\n    if (boundary < p.length) {\n      changes.push({ from: p[boundary] + 1, insert: n === start + 1 ? \" --- |\" : \"  |\" });\n    }\n  }\n  return changes.length ? changes : null;\n}\n\n/** Insert an empty column to the right of the cursor's column. */\nexport function addColumnAfter(state: EditorState, pos: number): ChangeSpec | null {\n  return insertColumn(state, pos, 1);\n}\n\n/** Insert an empty column to the left of the cursor's column. */\nexport function addColumnBefore(state: EditorState, pos: number): ChangeSpec | null {\n  return insertColumn(state, pos, 0);\n}\n\n/** Delete the cursor's column from every row. No-op on a single-column table. */\nexport function deleteColumn(state: EditorState, pos: number): ChangeSpec | null {\n  const model = modelAt(state, pos);\n  if (!model || model.data.header.length <= 1) return null;\n  const col = columnAt(state, pos);\n  const start = state.doc.lineAt(model.from).number;\n  const end = state.doc.lineAt(model.to).number;\n  const changes: ChangeSpec[] = [];\n  for (let n = start; n <= end; n++) {\n    const p = pipes(state, state.doc.line(n));\n    if (col + 1 < p.length) changes.push({ from: p[col], to: p[col + 1] });\n  }\n  return changes.length ? changes : null;\n}\n\n/** Remove the whole table at `pos` (its source lines and the line break after\n *  them); the surrounding prose is untouched. */\nexport function deleteTable(state: EditorState, pos: number): ChangeSpec | null {\n  const model = modelAt(state, pos);\n  if (!model) return null;\n  return { from: model.from, to: Math.min(state.doc.length, model.to + 1) };\n}\n"],"mappings":"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","names":[]}

package/dist/codemirror/table/tableExcerpt.d.ts

@@ -0,0 +1,29 @@
+import { EditorState } from '@codemirror/state';
+import { SourceRange } from '../../types.js';
+
+/**
+ * Pull a table row or column out as a self-contained markdown table fragment,
+ * paired with the source range it came from. Drives the table context menu's
+ * "Ask the assistant about this row/column": the fragment is the quoted excerpt
+ * the assistant sees, the range anchors the chat's source chip.
+ */
+interface TableExcerpt {
+    text: string;
+    range: SourceRange;
+}
+/**
+ * The row at `pos` as a standalone table — the header and delimiter lines plus
+ * this row, verbatim — so the assistant receives valid, self-describing markdown.
+ * Right-clicking the header row yields just the header. Range = the clicked row's
+ * line. Null when `pos` isn't in a table.
+ */
+declare function rowExcerptAt(state: EditorState, pos: number): TableExcerpt | null;
+/**
+ * The column at `pos` as a one-column table — its header cell, a delimiter, and
+ * the cell from every body row. Range = the whole table (a column's source is
+ * non-contiguous, so the chip anchors to the table). Null when `pos` isn't in a
+ * table.
+ */
+declare function columnExcerptAt(state: EditorState, pos: number): TableExcerpt | null;
+
+export { type TableExcerpt, columnExcerptAt, rowExcerptAt };

package/dist/codemirror/table/tableExcerpt.js

@@ -0,0 +1,34 @@
+import "../../chunk-V6TY7KAL.js";
+import { byteRangeOf } from "../byteOffset.js";
+import { columnAt, modelAt, pipes } from "./tableGeometry.js";
+function cellText(state, lineNumber, col) {
+  const line = state.doc.line(lineNumber);
+  const ps = pipes(state, line);
+  if (col + 1 >= ps.length) return "";
+  return state.sliceDoc(ps[col] + 1, ps[col + 1]).trim();
+}
+function rowExcerptAt(state, pos) {
+  const model = modelAt(state, pos);
+  if (!model) return null;
+  const header = state.doc.lineAt(model.from);
+  const row = state.doc.lineAt(pos);
+  const lines = row.from <= header.to ? [header.text] : [header.text, state.doc.line(header.number + 1).text, row.text];
+  return { text: lines.join("\n"), range: byteRangeOf(state, row.from, row.to) };
+}
+function columnExcerptAt(state, pos) {
+  const model = modelAt(state, pos);
+  if (!model) return null;
+  const col = columnAt(state, pos);
+  const headerLine = state.doc.lineAt(model.from).number;
+  const lastLine = state.doc.lineAt(model.to).number;
+  const lines = [`| ${cellText(state, headerLine, col)} |`, "| --- |"];
+  for (let n = headerLine + 2; n <= lastLine; n++) {
+    lines.push(`| ${cellText(state, n, col)} |`);
+  }
+  return { text: lines.join("\n"), range: byteRangeOf(state, model.from, model.to) };
+}
+export {
+  columnExcerptAt,
+  rowExcerptAt
+};
+//# sourceMappingURL=tableExcerpt.js.map

package/dist/codemirror/table/tableExcerpt.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/table/tableExcerpt.ts"],"sourcesContent":["import { type EditorState } from \"@codemirror/state\";\n\nimport { type SourceRange } from \"../../types\";\nimport { byteRangeOf } from \"../byteOffset\";\nimport { columnAt, modelAt, pipes } from \"./tableGeometry\";\n\n/**\n * Pull a table row or column out as a self-contained markdown table fragment,\n * paired with the source range it came from. Drives the table context menu's\n * \"Ask the assistant about this row/column\": the fragment is the quoted excerpt\n * the assistant sees, the range anchors the chat's source chip.\n */\nexport interface TableExcerpt {\n  text: string;\n  range: SourceRange;\n}\n\n/** Source text of column `col` on table line `lineNumber` (between its pipes),\n *  trimmed; empty string when the line has no such cell. */\nfunction cellText(state: EditorState, lineNumber: number, col: number): string {\n  const line = state.doc.line(lineNumber);\n  const ps = pipes(state, line);\n  if (col + 1 >= ps.length) return \"\";\n  return state.sliceDoc(ps[col] + 1, ps[col + 1]).trim();\n}\n\n/**\n * The row at `pos` as a standalone table — the header and delimiter lines plus\n * this row, verbatim — so the assistant receives valid, self-describing markdown.\n * Right-clicking the header row yields just the header. Range = the clicked row's\n * line. Null when `pos` isn't in a table.\n */\nexport function rowExcerptAt(state: EditorState, pos: number): TableExcerpt | null {\n  const model = modelAt(state, pos);\n  if (!model) return null;\n  const header = state.doc.lineAt(model.from);\n  const row = state.doc.lineAt(pos);\n  const lines =\n    row.from <= header.to\n      ? [header.text]\n      : [header.text, state.doc.line(header.number + 1).text, row.text];\n  return { text: lines.join(\"\\n\"), range: byteRangeOf(state, row.from, row.to) };\n}\n\n/**\n * The column at `pos` as a one-column table — its header cell, a delimiter, and\n * the cell from every body row. Range = the whole table (a column's source is\n * non-contiguous, so the chip anchors to the table). Null when `pos` isn't in a\n * table.\n */\nexport function columnExcerptAt(state: EditorState, pos: number): TableExcerpt | null {\n  const model = modelAt(state, pos);\n  if (!model) return null;\n  const col = columnAt(state, pos);\n  const headerLine = state.doc.lineAt(model.from).number;\n  const lastLine = state.doc.lineAt(model.to).number;\n  const lines = [`| ${cellText(state, headerLine, col)} |`, \"| --- |\"];\n  for (let n = headerLine + 2; n <= lastLine; n++) {\n    lines.push(`| ${cellText(state, n, col)} |`);\n  }\n  return { text: lines.join(\"\\n\"), range: byteRangeOf(state, model.from, model.to) };\n}\n"],"mappings":";AAGA,SAAS,mBAAmB;AAC5B,SAAS,UAAU,SAAS,aAAa;AAezC,SAAS,SAAS,OAAoB,YAAoB,KAAqB;AAC7E,QAAM,OAAO,MAAM,IAAI,KAAK,UAAU;AACtC,QAAM,KAAK,MAAM,OAAO,IAAI;AAC5B,MAAI,MAAM,KAAK,GAAG,OAAQ,QAAO;AACjC,SAAO,MAAM,SAAS,GAAG,GAAG,IAAI,GAAG,GAAG,MAAM,CAAC,CAAC,EAAE,KAAK;AACvD;AAQO,SAAS,aAAa,OAAoB,KAAkC;AACjF,QAAM,QAAQ,QAAQ,OAAO,GAAG;AAChC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,SAAS,MAAM,IAAI,OAAO,MAAM,IAAI;AAC1C,QAAM,MAAM,MAAM,IAAI,OAAO,GAAG;AAChC,QAAM,QACJ,IAAI,QAAQ,OAAO,KACf,CAAC,OAAO,IAAI,IACZ,CAAC,OAAO,MAAM,MAAM,IAAI,KAAK,OAAO,SAAS,CAAC,EAAE,MAAM,IAAI,IAAI;AACpE,SAAO,EAAE,MAAM,MAAM,KAAK,IAAI,GAAG,OAAO,YAAY,OAAO,IAAI,MAAM,IAAI,EAAE,EAAE;AAC/E;AAQO,SAAS,gBAAgB,OAAoB,KAAkC;AACpF,QAAM,QAAQ,QAAQ,OAAO,GAAG;AAChC,MAAI,CAAC,MAAO,QAAO;AACnB,QAAM,MAAM,SAAS,OAAO,GAAG;AAC/B,QAAM,aAAa,MAAM,IAAI,OAAO,MAAM,IAAI,EAAE;AAChD,QAAM,WAAW,MAAM,IAAI,OAAO,MAAM,EAAE,EAAE;AAC5C,QAAM,QAAQ,CAAC,KAAK,SAAS,OAAO,YAAY,GAAG,CAAC,MAAM,SAAS;AACnE,WAAS,IAAI,aAAa,GAAG,KAAK,UAAU,KAAK;AAC/C,UAAM,KAAK,KAAK,SAAS,OAAO,GAAG,GAAG,CAAC,IAAI;AAAA,EAC7C;AACA,SAAO,EAAE,MAAM,MAAM,KAAK,IAAI,GAAG,OAAO,YAAY,OAAO,MAAM,MAAM,MAAM,EAAE,EAAE;AACnF;","names":[]}

package/dist/codemirror/table/tableField.d.ts

@@ -0,0 +1,6 @@
+import { StateField } from '@codemirror/state';
+import { DecorationSet } from '@codemirror/view';
+
+declare const tableField: StateField<DecorationSet>;
+
+export { tableField };

package/dist/codemirror/table/tableField.js

@@ -0,0 +1,37 @@
+import "../../chunk-V6TY7KAL.js";
+import { syntaxTree } from "@codemirror/language";
+import { StateField } from "@codemirror/state";
+import { Decoration, EditorView } from "@codemirror/view";
+import { parseTableNode } from "./tableModel.js";
+import { TableWidgetV2 } from "../tablev2/tableWidgetV2.js";
+function buildTableDecorations(state) {
+  const ranges = [];
+  syntaxTree(state).iterate({
+    enter(node) {
+      if (node.name !== "Table") return;
+      for (const model of parseTableNode(state, node.node)) {
+        ranges.push(
+          Decoration.replace({
+            widget: new TableWidgetV2(model.data, model.from, model.to),
+            block: true
+          }).range(model.from, model.to)
+        );
+      }
+    }
+  });
+  return Decoration.set(ranges, true);
+}
+const tableField = StateField.define({
+  create: buildTableDecorations,
+  update(value, tr) {
+    if (tr.docChanged || syntaxTree(tr.state) !== syntaxTree(tr.startState)) {
+      return buildTableDecorations(tr.state);
+    }
+    return value;
+  },
+  provide: (f) => EditorView.decorations.from(f)
+});
+export {
+  tableField
+};
+//# sourceMappingURL=tableField.js.map

package/dist/codemirror/table/tableField.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/table/tableField.ts"],"sourcesContent":["import { syntaxTree } from \"@codemirror/language\";\nimport { type EditorState, StateField, type Range } from \"@codemirror/state\";\nimport { Decoration, type DecorationSet, EditorView } from \"@codemirror/view\";\n\nimport { parseTableNode } from \"./tableModel\";\nimport { TableWidgetV2 } from \"../tablev2/tableWidgetV2\";\n\nfunction buildTableDecorations(state: EditorState): DecorationSet {\n  const ranges: Range<Decoration>[] = [];\n  syntaxTree(state).iterate({\n    enter(node) {\n      if (node.name !== \"Table\") return;\n      // One Lezer Table node can hold several tables (back-to-back, no blank\n      // line between); each becomes its own widget over its own source range.\n      for (const model of parseTableNode(state, node.node)) {\n        ranges.push(\n          Decoration.replace({\n            widget: new TableWidgetV2(model.data, model.from, model.to),\n            block: true,\n          }).range(model.from, model.to),\n        );\n      }\n    },\n  });\n  return Decoration.set(ranges, true);\n}\n\nexport const tableField = StateField.define<DecorationSet>({\n  create: buildTableDecorations,\n  update(value, tr) {\n    // Rebuild on edits AND when the parser advances. CodeMirror parses lazily,\n    // so on a long document the tables below the initially-parsed region only\n    // enter the syntax tree as the user scrolls; without rebuilding on parse\n    // progress they never get decorated and stay as raw `| … |` markdown.\n    if (tr.docChanged || syntaxTree(tr.state) !== syntaxTree(tr.startState)) {\n      return buildTableDecorations(tr.state);\n    }\n    return value;\n  },\n  provide: (f) => EditorView.decorations.from(f),\n});\n"],"mappings":";AAAA,SAAS,kBAAkB;AAC3B,SAA2B,kBAA8B;AACzD,SAAS,YAAgC,kBAAkB;AAE3D,SAAS,sBAAsB;AAC/B,SAAS,qBAAqB;AAE9B,SAAS,sBAAsB,OAAmC;AAChE,QAAM,SAA8B,CAAC;AACrC,aAAW,KAAK,EAAE,QAAQ;AAAA,IACxB,MAAM,MAAM;AACV,UAAI,KAAK,SAAS,QAAS;AAG3B,iBAAW,SAAS,eAAe,OAAO,KAAK,IAAI,GAAG;AACpD,eAAO;AAAA,UACL,WAAW,QAAQ;AAAA,YACjB,QAAQ,IAAI,cAAc,MAAM,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,YAC1D,OAAO;AAAA,UACT,CAAC,EAAE,MAAM,MAAM,MAAM,MAAM,EAAE;AAAA,QAC/B;AAAA,MACF;AAAA,IACF;AAAA,EACF,CAAC;AACD,SAAO,WAAW,IAAI,QAAQ,IAAI;AACpC;AAEO,MAAM,aAAa,WAAW,OAAsB;AAAA,EACzD,QAAQ;AAAA,EACR,OAAO,OAAO,IAAI;AAKhB,QAAI,GAAG,cAAc,WAAW,GAAG,KAAK,MAAM,WAAW,GAAG,UAAU,GAAG;AACvE,aAAO,sBAAsB,GAAG,KAAK;AAAA,IACvC;AACA,WAAO;AAAA,EACT;AAAA,EACA,SAAS,CAAC,MAAM,WAAW,YAAY,KAAK,CAAC;AAC/C,CAAC;","names":[]}

package/dist/codemirror/table/tableGeometry.d.ts

@@ -0,0 +1,33 @@
+import { EditorState } from '@codemirror/state';
+import { TableModel } from './tableModel.js';
+
+/**
+ * Position → table geometry: which table a document offset falls in, and the
+ * pipe boundaries / column index of a cell. Shared by the structural edit
+ * commands and the row/column excerpt builder — both reason about a table from a
+ * cell position, so the geometry lives apart from either's specific job.
+ */
+/** Minimal Lezer node shape — `parseTableNode`'s, plus `parent` for walking up. */
+type LezerNode = {
+    readonly name: string;
+    readonly from: number;
+    readonly to: number;
+    readonly firstChild: LezerNode | null;
+    readonly nextSibling: LezerNode | null;
+    readonly parent: LezerNode | null;
+};
+/**
+ * The table model whose source range encloses `pos`, or null. Resolves the
+ * enclosing `Table` node, then — since Lezer merges blank-line-less tables into
+ * one node — picks the back-to-back sub-table that actually contains `pos`.
+ */
+declare function modelAt(state: EditorState, pos: number): TableModel | null;
+/** Absolute positions of the unescaped `|` pipes in `line`. */
+declare function pipes(state: EditorState, line: {
+    from: number;
+    to: number;
+}): number[];
+/** The 0-based column `pos` sits in — the cell after the last pipe before it. */
+declare function columnAt(state: EditorState, pos: number): number;
+
+export { type LezerNode, columnAt, modelAt, pipes };

package/dist/codemirror/table/tableGeometry.js

@@ -0,0 +1,28 @@
+import "../../chunk-V6TY7KAL.js";
+import { parseTableNode } from "./tableModel.js";
+import { treeAt } from "../core/treeAt.js";
+function modelAt(state, pos) {
+  let node = treeAt(state, pos).resolveInner(pos, 1);
+  while (node && node.name !== "Table") node = node.parent;
+  if (!node) return null;
+  return parseTableNode(state, node).find((m) => pos >= m.from && pos <= m.to) ?? null;
+}
+function pipes(state, line) {
+  const text = state.doc.sliceString(line.from, line.to);
+  const out = [];
+  for (let i = 0; i < text.length; i++) {
+    if (text[i] === "|" && text[i - 1] !== "\\") out.push(line.from + i);
+  }
+  return out;
+}
+function columnAt(state, pos) {
+  const line = state.doc.lineAt(pos);
+  const before = pipes(state, line).filter((p) => p < pos).length;
+  return Math.max(0, before - 1);
+}
+export {
+  columnAt,
+  modelAt,
+  pipes
+};
+//# sourceMappingURL=tableGeometry.js.map

package/dist/codemirror/table/tableGeometry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/table/tableGeometry.ts"],"sourcesContent":["import { type EditorState } from \"@codemirror/state\";\n\nimport { parseTableNode, type TableModel } from \"./tableModel\";\nimport { treeAt } from \"../core/treeAt\";\n\n/**\n * Position → table geometry: which table a document offset falls in, and the\n * pipe boundaries / column index of a cell. Shared by the structural edit\n * commands and the row/column excerpt builder — both reason about a table from a\n * cell position, so the geometry lives apart from either's specific job.\n */\n\n/** Minimal Lezer node shape — `parseTableNode`'s, plus `parent` for walking up. */\nexport type LezerNode = {\n  readonly name: string;\n  readonly from: number;\n  readonly to: number;\n  readonly firstChild: LezerNode | null;\n  readonly nextSibling: LezerNode | null;\n  readonly parent: LezerNode | null;\n};\n\n/**\n * The table model whose source range encloses `pos`, or null. Resolves the\n * enclosing `Table` node, then — since Lezer merges blank-line-less tables into\n * one node — picks the back-to-back sub-table that actually contains `pos`.\n */\nexport function modelAt(state: EditorState, pos: number): TableModel | null {\n  // side +1: at a boundary, resolve the node that STARTS at `pos` (the table),\n  // not the gap before it — so the table's own `from` (used for keyboard entry\n  // and cell navigation) still finds it. Inside a cell this is unchanged.\n  let node = treeAt(state, pos).resolveInner(pos, 1) as unknown as LezerNode | null;\n  while (node && node.name !== \"Table\") node = node.parent;\n  if (!node) return null;\n  return parseTableNode(state, node).find((m) => pos >= m.from && pos <= m.to) ?? null;\n}\n\n/** Absolute positions of the unescaped `|` pipes in `line`. */\nexport function pipes(state: EditorState, line: { from: number; to: number }): number[] {\n  const text = state.doc.sliceString(line.from, line.to);\n  const out: number[] = [];\n  for (let i = 0; i < text.length; i++) {\n    if (text[i] === \"|\" && text[i - 1] !== \"\\\\\") out.push(line.from + i);\n  }\n  return out;\n}\n\n/** The 0-based column `pos` sits in — the cell after the last pipe before it. */\nexport function columnAt(state: EditorState, pos: number): number {\n  const line = state.doc.lineAt(pos);\n  const before = pipes(state, line).filter((p) => p < pos).length;\n  return Math.max(0, before - 1);\n}\n"],"mappings":";AAEA,SAAS,sBAAuC;AAChD,SAAS,cAAc;AAwBhB,SAAS,QAAQ,OAAoB,KAAgC;AAI1E,MAAI,OAAO,OAAO,OAAO,GAAG,EAAE,aAAa,KAAK,CAAC;AACjD,SAAO,QAAQ,KAAK,SAAS,QAAS,QAAO,KAAK;AAClD,MAAI,CAAC,KAAM,QAAO;AAClB,SAAO,eAAe,OAAO,IAAI,EAAE,KAAK,CAAC,MAAM,OAAO,EAAE,QAAQ,OAAO,EAAE,EAAE,KAAK;AAClF;AAGO,SAAS,MAAM,OAAoB,MAA8C;AACtF,QAAM,OAAO,MAAM,IAAI,YAAY,KAAK,MAAM,KAAK,EAAE;AACrD,QAAM,MAAgB,CAAC;AACvB,WAAS,IAAI,GAAG,IAAI,KAAK,QAAQ,KAAK;AACpC,QAAI,KAAK,CAAC,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,KAAM,KAAI,KAAK,KAAK,OAAO,CAAC;AAAA,EACrE;AACA,SAAO;AACT;AAGO,SAAS,SAAS,OAAoB,KAAqB;AAChE,QAAM,OAAO,MAAM,IAAI,OAAO,GAAG;AACjC,QAAM,SAAS,MAAM,OAAO,IAAI,EAAE,OAAO,CAAC,MAAM,IAAI,GAAG,EAAE;AACzD,SAAO,KAAK,IAAI,GAAG,SAAS,CAAC;AAC/B;","names":[]}

package/dist/codemirror/table/tableInline.d.ts

@@ -0,0 +1,37 @@
+import { EditorState } from '@codemirror/state';
+
+/**
+ * Renders a table cell's inline markdown to an HTML string by walking the Lezer
+ * inline nodes already parsed inside the `TableCell`, styled through the SAME
+ * {@link NODE_RULES} the live editor uses: a `mark` paint becomes a `<span>`
+ * carrying that rule's class (`cm-strong`, `cm-inline-code`, `cm-link`, …), so
+ * a cell's bold/code/link is painted by the exact `.cm-*` theme rules as body
+ * text — not a second, drifting set of styles. Hidden chrome drops out;
+ * not-yet-styled constructs pass through as raw markdown, matching how the
+ * body leaves them today. Cells render STRINGS, not DOM, so a `widget` paint
+ * passes the node's raw source through (the cell's DOMPurify pass keeps
+ * allow-listed inline HTML like `<br>` and drops the rest).
+ *
+ * Reading the parsed tree (rather than re-parsing the cell string) preserves
+ * escaped pipes and leaves literal inline HTML (`<br>`) in the gaps between
+ * nodes intact — the cell's DOMPurify pass (tableCell.ts) sanitises the result.
+ */
+
+type SyntaxNodeLike = {
+    readonly name: string;
+    readonly from: number;
+    readonly to: number;
+    readonly firstChild: SyntaxNodeLike | null;
+    readonly nextSibling: SyntaxNodeLike | null;
+};
+/**
+ * Inline-render one `TableCell` node to a (still-to-be-sanitised) HTML string.
+ *
+ * The constructs Lezer parses come from the tree; the four it does not
+ * (wikilink, highlight, footnote, math) are carved out of the cell's text first
+ * and take precedence over the tree walk — the same order the body renders in,
+ * where a scanning plugin's replace decoration covers the marks beneath it.
+ */
+declare function renderInlineCell(state: EditorState, cell: SyntaxNodeLike): string;
+
+export { renderInlineCell };