@latentic/live-markdown 0.3.0 → 0.4.0

package/dist/codemirror/tablev2/inlineCellSurface.js

@@ -0,0 +1,162 @@
+import {
+  __publicField
+} from "../../chunk-V6TY7KAL.js";
+import { inlineScanRulesFacet } from "../core/inlineScan.js";
+import { renderCellInto } from "../table/tableCell.js";
+import { modelAt } from "../table/tableGeometry.js";
+import { cellAt } from "../table/tableCellNav.js";
+import {
+  caretOffset,
+  cellElement,
+  cellRange,
+  setCaret
+} from "./cellEditingSurface.js";
+import { escapePipes, unescapePipes } from "./cellText.js";
+class InlineCellSurface {
+  constructor() {
+    __publicField(this, "kind", "inline");
+    __publicField(this, "edit", null);
+    __publicField(this, "onInput", () => {
+      const s = this.edit;
+      if (!s) return;
+      s.text = s.el.textContent ?? "";
+      s.caret = caretOffset(s.el) ?? s.text.length;
+    });
+    __publicField(this, "onSelectionChange", () => {
+      const s = this.edit;
+      if (!s) return;
+      const offset = caretOffset(s.el);
+      if (offset !== null) s.caret = offset;
+    });
+    // Focus genuinely leaving the edit (sidebar, chat, another editor) commits
+    // it — the boundary-commit model's outermost boundary. Checked a microtask
+    // later so intra-table hops (commit→begin refocuses synchronously) and
+    // reanchor's restore never observe a transiently blurred element.
+    __publicField(this, "onFocusOut", () => {
+      queueMicrotask(() => {
+        const s = this.edit;
+        if (!s) return;
+        const active = s.el.ownerDocument.activeElement;
+        if (active === s.el || s.el.contains(active)) return;
+        this.commit(s.view);
+      });
+    });
+    // CM6 history is the canonical undo (ADR 0001): the cell keeps NO undo
+    // stack of its own. Mid-edit undo deterministically reverts to the text the
+    // edit began with; committed steps belong to the main editor's history.
+    __publicField(this, "onBeforeInput", (event) => {
+      if (!event.inputType.startsWith("history")) return;
+      event.preventDefault();
+      const s = this.edit;
+      if (!s || event.inputType !== "historyUndo") return;
+      s.text = s.original;
+      s.el.textContent = s.original;
+      this.placeCaret(s.original.length);
+    });
+  }
+  begin(view, tableFrom, ref, caret = 0) {
+    this.cancel();
+    const el = cellElement(view, tableFrom, ref);
+    const range = cellRange(view.state, tableFrom, ref);
+    if (!el || !range) return false;
+    const text = unescapePipes(view.state.sliceDoc(range.from, range.to));
+    this.edit = { view, tableFrom, ref, el, text, caret: Math.min(caret, text.length), original: text };
+    this.attach(el);
+    return true;
+  }
+  active() {
+    const s = this.edit;
+    return s ? { ref: s.ref, text: s.text, caret: s.caret } : null;
+  }
+  editingElement() {
+    return this.edit?.el ?? null;
+  }
+  placeCaret(offset) {
+    const s = this.edit;
+    if (!s) return;
+    s.caret = Math.max(0, Math.min(offset, s.text.length));
+    setCaret(s.el, s.caret);
+  }
+  anchor() {
+    return this.edit?.tableFrom ?? null;
+  }
+  mapThrough(changes) {
+    if (this.edit) this.edit.tableFrom = changes.mapPos(this.edit.tableFrom);
+  }
+  reanchor(view) {
+    const s = this.edit;
+    if (!s) return;
+    const el = cellElement(view, s.tableFrom, s.ref);
+    if (!el) return;
+    const clobbered = el !== s.el || el.textContent !== s.text || el.getAttribute("contenteditable") !== "plaintext-only";
+    if (el !== s.el) {
+      s.el.removeEventListener("input", this.onInput);
+      s.el.removeEventListener("beforeinput", this.onBeforeInput);
+      s.el.removeEventListener("focusout", this.onFocusOut);
+      el.addEventListener("input", this.onInput);
+      el.addEventListener("beforeinput", this.onBeforeInput);
+      el.addEventListener("focusout", this.onFocusOut);
+      s.el = el;
+    }
+    if (clobbered) {
+      this.applyEditableState(el, s);
+    } else if (el.ownerDocument.activeElement !== el) {
+      el.focus();
+      setCaret(el, s.caret);
+    }
+  }
+  commit(view) {
+    const s = this.edit;
+    if (!s) return;
+    const range = cellRange(view.state, s.tableFrom, s.ref);
+    this.teardown();
+    if (!range) return;
+    if (s.text !== s.original) {
+      view.dispatch({
+        changes: { from: range.from, to: range.to, insert: escapePipes(s.text) },
+        userEvent: "input.table.cell"
+      });
+      return;
+    }
+    const model = modelAt(view.state, s.tableFrom);
+    const cell = model ? cellAt(model, s.ref.row, s.ref.col) : null;
+    if (cell) renderCellInto(s.el, cell.html, view.state.facet(inlineScanRulesFacet));
+  }
+  cancel() {
+    const s = this.edit;
+    if (!s) return;
+    this.teardown();
+    s.el.textContent = s.original;
+  }
+  attach(el) {
+    const s = this.edit;
+    if (!s) return;
+    s.view.dom.classList.add("cm-tablev2-editing");
+    this.applyEditableState(el, s);
+    el.addEventListener("input", this.onInput);
+    el.addEventListener("beforeinput", this.onBeforeInput);
+    el.addEventListener("focusout", this.onFocusOut);
+    el.ownerDocument.addEventListener("selectionchange", this.onSelectionChange);
+  }
+  applyEditableState(el, s) {
+    el.textContent = s.text;
+    el.setAttribute("contenteditable", "plaintext-only");
+    el.focus();
+    setCaret(el, s.caret);
+  }
+  teardown() {
+    const s = this.edit;
+    if (!s) return;
+    s.view.dom.classList.remove("cm-tablev2-editing");
+    s.el.removeEventListener("input", this.onInput);
+    s.el.removeEventListener("beforeinput", this.onBeforeInput);
+    s.el.removeEventListener("focusout", this.onFocusOut);
+    s.el.ownerDocument.removeEventListener("selectionchange", this.onSelectionChange);
+    s.el.removeAttribute("contenteditable");
+    this.edit = null;
+  }
+}
+export {
+  InlineCellSurface
+};
+//# sourceMappingURL=inlineCellSurface.js.map

package/dist/codemirror/tablev2/inlineCellSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/tablev2/inlineCellSurface.ts"],"sourcesContent":["/**\n * Surface B — the cell `<td>` itself edits (ADR 0001 §Editing surface).\n *\n * `begin` swaps the rendered cell content for the raw text and flips the cell\n * to `contenteditable=\"plaintext-only\"`; the browser owns caret, typing, and\n * intra-cell selection from there. Live text and caret are mirrored into\n * surface state on every input/selection change, because the DOM copy is NOT\n * durable: any widget patch rewrites cell innerHTML from (stale) data, and a\n * full widget recreate replaces the element wholesale. `reanchor` restores\n * text, caret, and focus onto whatever element currently renders the cell.\n */\n\nimport { type ChangeDesc } from \"@codemirror/state\";\nimport { type EditorView } from \"@codemirror/view\";\n\nimport { inlineScanRulesFacet } from \"../core/inlineScan\";\nimport { renderCellInto } from \"../table/tableCell\";\nimport { modelAt } from \"../table/tableGeometry\";\nimport { cellAt } from \"../table/tableCellNav\";\nimport {\n  type ActiveEdit,\n  type CellEditingSurface,\n  type CellRef,\n  caretOffset,\n  cellElement,\n  cellRange,\n  setCaret,\n} from \"./cellEditingSurface\";\nimport { escapePipes, unescapePipes } from \"./cellText\";\n\ninterface EditState {\n  view: EditorView;\n  tableFrom: number;\n  ref: CellRef;\n  el: HTMLElement;\n  text: string;\n  caret: number;\n  original: string;\n}\n\nexport class InlineCellSurface implements CellEditingSurface {\n  readonly kind = \"inline\" as const;\n  private edit: EditState | null = null;\n\n  private readonly onInput = (): void => {\n    const s = this.edit;\n    if (!s) return;\n    s.text = s.el.textContent ?? \"\";\n    s.caret = caretOffset(s.el) ?? s.text.length;\n  };\n\n  private readonly onSelectionChange = (): void => {\n    const s = this.edit;\n    if (!s) return;\n    const offset = caretOffset(s.el);\n    if (offset !== null) s.caret = offset;\n  };\n\n  // Focus genuinely leaving the edit (sidebar, chat, another editor) commits\n  // it — the boundary-commit model's outermost boundary. Checked a microtask\n  // later so intra-table hops (commit→begin refocuses synchronously) and\n  // reanchor's restore never observe a transiently blurred element.\n  private readonly onFocusOut = (): void => {\n    queueMicrotask(() => {\n      const s = this.edit;\n      if (!s) return;\n      const active = s.el.ownerDocument.activeElement;\n      if (active === s.el || s.el.contains(active)) return;\n      this.commit(s.view);\n    });\n  };\n\n  // CM6 history is the canonical undo (ADR 0001): the cell keeps NO undo\n  // stack of its own. Mid-edit undo deterministically reverts to the text the\n  // edit began with; committed steps belong to the main editor's history.\n  private readonly onBeforeInput = (event: InputEvent): void => {\n    if (!event.inputType.startsWith(\"history\")) return;\n    event.preventDefault();\n    const s = this.edit;\n    if (!s || event.inputType !== \"historyUndo\") return;\n    s.text = s.original;\n    s.el.textContent = s.original;\n    this.placeCaret(s.original.length);\n  };\n\n  begin(view: EditorView, tableFrom: number, ref: CellRef, caret = 0): boolean {\n    this.cancel();\n    const el = cellElement(view, tableFrom, ref);\n    const range = cellRange(view.state, tableFrom, ref);\n    if (!el || !range) return false;\n    const text = unescapePipes(view.state.sliceDoc(range.from, range.to));\n    this.edit = { view, tableFrom, ref, el, text, caret: Math.min(caret, text.length), original: text };\n    this.attach(el);\n    return true;\n  }\n\n  active(): ActiveEdit | null {\n    const s = this.edit;\n    return s ? { ref: s.ref, text: s.text, caret: s.caret } : null;\n  }\n\n  editingElement(): HTMLElement | null {\n    return this.edit?.el ?? null;\n  }\n\n  placeCaret(offset: number): void {\n    const s = this.edit;\n    if (!s) return;\n    s.caret = Math.max(0, Math.min(offset, s.text.length));\n    setCaret(s.el, s.caret);\n  }\n\n  anchor(): number | null {\n    return this.edit?.tableFrom ?? null;\n  }\n\n  mapThrough(changes: ChangeDesc): void {\n    if (this.edit) this.edit.tableFrom = changes.mapPos(this.edit.tableFrom);\n  }\n\n  reanchor(view: EditorView): void {\n    const s = this.edit;\n    if (!s) return;\n    const el = cellElement(view, s.tableFrom, s.ref);\n    if (!el) return;\n    const clobbered =\n      el !== s.el ||\n      el.textContent !== s.text ||\n      el.getAttribute(\"contenteditable\") !== \"plaintext-only\";\n    if (el !== s.el) {\n      s.el.removeEventListener(\"input\", this.onInput);\n      s.el.removeEventListener(\"beforeinput\", this.onBeforeInput);\n      s.el.removeEventListener(\"focusout\", this.onFocusOut);\n      el.addEventListener(\"input\", this.onInput);\n      el.addEventListener(\"beforeinput\", this.onBeforeInput);\n      el.addEventListener(\"focusout\", this.onFocusOut);\n      s.el = el;\n    }\n    if (clobbered) {\n      this.applyEditableState(el, s);\n    } else if (el.ownerDocument.activeElement !== el) {\n      el.focus();\n      setCaret(el, s.caret);\n    }\n  }\n\n  commit(view: EditorView): void {\n    const s = this.edit;\n    if (!s) return;\n    const range = cellRange(view.state, s.tableFrom, s.ref);\n    this.teardown();\n    if (!range) return;\n    if (s.text !== s.original) {\n      view.dispatch({\n        changes: { from: range.from, to: range.to, insert: escapePipes(s.text) },\n        userEvent: \"input.table.cell\",\n      });\n      return;\n    }\n    // Unchanged: no transaction will re-render this cell — restore its\n    // rendered content ourselves.\n    const model = modelAt(view.state, s.tableFrom);\n    const cell = model ? cellAt(model, s.ref.row, s.ref.col) : null;\n    if (cell) renderCellInto(s.el, cell.html, view.state.facet(inlineScanRulesFacet));\n  }\n\n  cancel(): void {\n    const s = this.edit;\n    if (!s) return;\n    this.teardown();\n    s.el.textContent = s.original;\n  }\n\n  private attach(el: HTMLElement): void {\n    const s = this.edit;\n    if (!s) return;\n    s.view.dom.classList.add(\"cm-tablev2-editing\");\n    this.applyEditableState(el, s);\n    el.addEventListener(\"input\", this.onInput);\n    el.addEventListener(\"beforeinput\", this.onBeforeInput);\n    el.addEventListener(\"focusout\", this.onFocusOut);\n    el.ownerDocument.addEventListener(\"selectionchange\", this.onSelectionChange);\n  }\n\n  private applyEditableState(el: HTMLElement, s: EditState): void {\n    el.textContent = s.text;\n    el.setAttribute(\"contenteditable\", \"plaintext-only\");\n    el.focus();\n    setCaret(el, s.caret);\n  }\n\n  private teardown(): void {\n    const s = this.edit;\n    if (!s) return;\n    s.view.dom.classList.remove(\"cm-tablev2-editing\");\n    s.el.removeEventListener(\"input\", this.onInput);\n    s.el.removeEventListener(\"beforeinput\", this.onBeforeInput);\n    s.el.removeEventListener(\"focusout\", this.onFocusOut);\n    s.el.ownerDocument.removeEventListener(\"selectionchange\", this.onSelectionChange);\n    s.el.removeAttribute(\"contenteditable\");\n    this.edit = null;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/codemirror/tablev2/overlayCellSurface.d.ts

@@ -0,0 +1,36 @@
+import { ChangeDesc } from '@codemirror/state';
+import { EditorView } from '@codemirror/view';
+import { CellEditingSurface, CellRef, ActiveEdit } from './cellEditingSurface.js';
+
+/**
+ * Surface C — one shared editor floated over the cell (ADR 0001 §Editing
+ * surface; the spreadsheet model).
+ *
+ * The widget stays pure render. `begin` positions a plaintext-only editor
+ * over the cell's rect, portaled to `document.body` — OUTSIDE CodeMirror's
+ * DOM — so widget patches and full recreates cannot touch the edit state:
+ * `reanchor` only repositions. Styling is copied from the cell so the overlay
+ * reads as editing-in-place.
+ */
+
+declare class OverlayCellSurface implements CellEditingSurface {
+    readonly kind: "overlay";
+    private edit;
+    private readonly onInput;
+    private readonly onSelectionChange;
+    private readonly onFocusOut;
+    private readonly onBeforeInput;
+    begin(view: EditorView, tableFrom: number, ref: CellRef, caret?: number): boolean;
+    active(): ActiveEdit | null;
+    editingElement(): HTMLElement | null;
+    placeCaret(offset: number): void;
+    anchor(): number | null;
+    mapThrough(changes: ChangeDesc): void;
+    reanchor(view: EditorView): void;
+    commit(view: EditorView): void;
+    cancel(): void;
+    private position;
+    private teardown;
+}
+
+export { OverlayCellSurface };

package/dist/codemirror/tablev2/overlayCellSurface.js

@@ -0,0 +1,150 @@
+import {
+  __publicField
+} from "../../chunk-V6TY7KAL.js";
+import {
+  caretOffset,
+  cellElement,
+  cellRange,
+  setCaret
+} from "./cellEditingSurface.js";
+import { escapePipes, unescapePipes } from "./cellText.js";
+class OverlayCellSurface {
+  constructor() {
+    __publicField(this, "kind", "overlay");
+    __publicField(this, "edit", null);
+    __publicField(this, "onInput", () => {
+      const s = this.edit;
+      if (!s) return;
+      s.text = s.overlay.textContent ?? "";
+      s.caret = caretOffset(s.overlay) ?? s.text.length;
+    });
+    __publicField(this, "onSelectionChange", () => {
+      const s = this.edit;
+      if (!s) return;
+      const offset = caretOffset(s.overlay);
+      if (offset !== null) s.caret = offset;
+    });
+    // See InlineCellSurface.onFocusOut — same outermost commit boundary.
+    __publicField(this, "onFocusOut", () => {
+      queueMicrotask(() => {
+        const s = this.edit;
+        if (!s) return;
+        const active = s.overlay.ownerDocument.activeElement;
+        if (active === s.overlay || s.overlay.contains(active)) return;
+        this.commit(s.view);
+      });
+    });
+    // CM6 history is the canonical undo (ADR 0001) — see InlineCellSurface.
+    __publicField(this, "onBeforeInput", (event) => {
+      if (!event.inputType.startsWith("history")) return;
+      event.preventDefault();
+      const s = this.edit;
+      if (!s || event.inputType !== "historyUndo") return;
+      s.text = s.original;
+      s.overlay.textContent = s.original;
+      this.placeCaret(s.original.length);
+    });
+  }
+  begin(view, tableFrom, ref, caret = 0) {
+    this.cancel();
+    const anchor = cellElement(view, tableFrom, ref);
+    const range = cellRange(view.state, tableFrom, ref);
+    if (!anchor || !range) return false;
+    const text = unescapePipes(view.state.sliceDoc(range.from, range.to));
+    const overlay = anchor.ownerDocument.createElement("div");
+    overlay.className = "cm-tablev2-overlay";
+    overlay.setAttribute("contenteditable", "plaintext-only");
+    const style = getComputedStyle(anchor);
+    Object.assign(overlay.style, {
+      position: "fixed",
+      font: style.font,
+      lineHeight: style.lineHeight,
+      padding: style.padding,
+      color: style.color,
+      textAlign: style.textAlign,
+      boxSizing: "border-box",
+      background: "var(--cds-layer-01, #ffffff)",
+      outline: "0.125rem solid var(--cds-focus, #0f62fe)",
+      outlineOffset: "-0.125rem",
+      zIndex: "30",
+      overflowWrap: "break-word"
+    });
+    overlay.textContent = text;
+    view.dom.classList.add("cm-tablev2-editing");
+    anchor.ownerDocument.body.appendChild(overlay);
+    this.edit = { view, tableFrom, ref, overlay, text, caret: Math.min(caret, text.length), original: text };
+    this.position(anchor);
+    overlay.addEventListener("input", this.onInput);
+    overlay.addEventListener("beforeinput", this.onBeforeInput);
+    overlay.addEventListener("focusout", this.onFocusOut);
+    overlay.ownerDocument.addEventListener("selectionchange", this.onSelectionChange);
+    overlay.focus();
+    setCaret(overlay, this.edit.caret);
+    return true;
+  }
+  active() {
+    const s = this.edit;
+    return s ? { ref: s.ref, text: s.text, caret: s.caret } : null;
+  }
+  editingElement() {
+    return this.edit?.overlay ?? null;
+  }
+  placeCaret(offset) {
+    const s = this.edit;
+    if (!s) return;
+    s.caret = Math.max(0, Math.min(offset, s.text.length));
+    setCaret(s.overlay, s.caret);
+  }
+  anchor() {
+    return this.edit?.tableFrom ?? null;
+  }
+  mapThrough(changes) {
+    if (this.edit) this.edit.tableFrom = changes.mapPos(this.edit.tableFrom);
+  }
+  reanchor(view) {
+    const s = this.edit;
+    if (!s) return;
+    const anchor = cellElement(view, s.tableFrom, s.ref);
+    if (anchor) this.position(anchor);
+  }
+  commit(view) {
+    const s = this.edit;
+    if (!s) return;
+    const range = cellRange(view.state, s.tableFrom, s.ref);
+    this.teardown();
+    if (!range || s.text === s.original) return;
+    view.dispatch({
+      changes: { from: range.from, to: range.to, insert: escapePipes(s.text) },
+      userEvent: "input.table.cell"
+    });
+  }
+  cancel() {
+    if (this.edit) this.teardown();
+  }
+  position(anchor) {
+    const s = this.edit;
+    if (!s) return;
+    const rect = anchor.getBoundingClientRect();
+    Object.assign(s.overlay.style, {
+      left: `${rect.left}px`,
+      top: `${rect.top}px`,
+      minWidth: `${rect.width}px`,
+      minHeight: `${rect.height}px`
+    });
+  }
+  teardown() {
+    const s = this.edit;
+    if (!s) return;
+    s.view.dom.classList.remove("cm-tablev2-editing");
+    s.overlay.removeEventListener("input", this.onInput);
+    s.overlay.removeEventListener("beforeinput", this.onBeforeInput);
+    s.overlay.removeEventListener("focusout", this.onFocusOut);
+    s.overlay.ownerDocument.removeEventListener("selectionchange", this.onSelectionChange);
+    s.overlay.remove();
+    this.edit = null;
+  }
+}
+export {
+  OverlayCellSurface
+};
+//# sourceMappingURL=overlayCellSurface.js.map

package/dist/codemirror/tablev2/overlayCellSurface.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/codemirror/tablev2/overlayCellSurface.ts"],"sourcesContent":["/**\n * Surface C — one shared editor floated over the cell (ADR 0001 §Editing\n * surface; the spreadsheet model).\n *\n * The widget stays pure render. `begin` positions a plaintext-only editor\n * over the cell's rect, portaled to `document.body` — OUTSIDE CodeMirror's\n * DOM — so widget patches and full recreates cannot touch the edit state:\n * `reanchor` only repositions. Styling is copied from the cell so the overlay\n * reads as editing-in-place.\n */\n\nimport { type ChangeDesc } from \"@codemirror/state\";\nimport { type EditorView } from \"@codemirror/view\";\n\nimport {\n  type ActiveEdit,\n  type CellEditingSurface,\n  type CellRef,\n  caretOffset,\n  cellElement,\n  cellRange,\n  setCaret,\n} from \"./cellEditingSurface\";\nimport { escapePipes, unescapePipes } from \"./cellText\";\n\ninterface EditState {\n  view: EditorView;\n  tableFrom: number;\n  ref: CellRef;\n  overlay: HTMLElement;\n  text: string;\n  caret: number;\n  original: string;\n}\n\nexport class OverlayCellSurface implements CellEditingSurface {\n  readonly kind = \"overlay\" as const;\n  private edit: EditState | null = null;\n\n  private readonly onInput = (): void => {\n    const s = this.edit;\n    if (!s) return;\n    s.text = s.overlay.textContent ?? \"\";\n    s.caret = caretOffset(s.overlay) ?? s.text.length;\n  };\n\n  private readonly onSelectionChange = (): void => {\n    const s = this.edit;\n    if (!s) return;\n    const offset = caretOffset(s.overlay);\n    if (offset !== null) s.caret = offset;\n  };\n\n  // See InlineCellSurface.onFocusOut — same outermost commit boundary.\n  private readonly onFocusOut = (): void => {\n    queueMicrotask(() => {\n      const s = this.edit;\n      if (!s) return;\n      const active = s.overlay.ownerDocument.activeElement;\n      if (active === s.overlay || s.overlay.contains(active)) return;\n      this.commit(s.view);\n    });\n  };\n\n  // CM6 history is the canonical undo (ADR 0001) — see InlineCellSurface.\n  private readonly onBeforeInput = (event: InputEvent): void => {\n    if (!event.inputType.startsWith(\"history\")) return;\n    event.preventDefault();\n    const s = this.edit;\n    if (!s || event.inputType !== \"historyUndo\") return;\n    s.text = s.original;\n    s.overlay.textContent = s.original;\n    this.placeCaret(s.original.length);\n  };\n\n  begin(view: EditorView, tableFrom: number, ref: CellRef, caret = 0): boolean {\n    this.cancel();\n    const anchor = cellElement(view, tableFrom, ref);\n    const range = cellRange(view.state, tableFrom, ref);\n    if (!anchor || !range) return false;\n    const text = unescapePipes(view.state.sliceDoc(range.from, range.to));\n\n    const overlay = anchor.ownerDocument.createElement(\"div\");\n    overlay.className = \"cm-tablev2-overlay\";\n    overlay.setAttribute(\"contenteditable\", \"plaintext-only\");\n    const style = getComputedStyle(anchor);\n    Object.assign(overlay.style, {\n      position: \"fixed\",\n      font: style.font,\n      lineHeight: style.lineHeight,\n      padding: style.padding,\n      color: style.color,\n      textAlign: style.textAlign,\n      boxSizing: \"border-box\",\n      background: \"var(--cds-layer-01, #ffffff)\",\n      outline: \"0.125rem solid var(--cds-focus, #0f62fe)\",\n      outlineOffset: \"-0.125rem\",\n      zIndex: \"30\",\n      overflowWrap: \"break-word\",\n    });\n    overlay.textContent = text;\n    view.dom.classList.add(\"cm-tablev2-editing\");\n    anchor.ownerDocument.body.appendChild(overlay);\n    this.edit = { view, tableFrom, ref, overlay, text, caret: Math.min(caret, text.length), original: text };\n    this.position(anchor);\n    overlay.addEventListener(\"input\", this.onInput);\n    overlay.addEventListener(\"beforeinput\", this.onBeforeInput);\n    overlay.addEventListener(\"focusout\", this.onFocusOut);\n    overlay.ownerDocument.addEventListener(\"selectionchange\", this.onSelectionChange);\n    overlay.focus();\n    setCaret(overlay, this.edit.caret);\n    return true;\n  }\n\n  active(): ActiveEdit | null {\n    const s = this.edit;\n    return s ? { ref: s.ref, text: s.text, caret: s.caret } : null;\n  }\n\n  editingElement(): HTMLElement | null {\n    return this.edit?.overlay ?? null;\n  }\n\n  placeCaret(offset: number): void {\n    const s = this.edit;\n    if (!s) return;\n    s.caret = Math.max(0, Math.min(offset, s.text.length));\n    setCaret(s.overlay, s.caret);\n  }\n\n  anchor(): number | null {\n    return this.edit?.tableFrom ?? null;\n  }\n\n  mapThrough(changes: ChangeDesc): void {\n    if (this.edit) this.edit.tableFrom = changes.mapPos(this.edit.tableFrom);\n  }\n\n  reanchor(view: EditorView): void {\n    const s = this.edit;\n    if (!s) return;\n    const anchor = cellElement(view, s.tableFrom, s.ref);\n    // Text, caret, and focus live outside the widget — geometry is the only\n    // thing to refresh.\n    if (anchor) this.position(anchor);\n  }\n\n  commit(view: EditorView): void {\n    const s = this.edit;\n    if (!s) return;\n    const range = cellRange(view.state, s.tableFrom, s.ref);\n    this.teardown();\n    if (!range || s.text === s.original) return;\n    view.dispatch({\n      changes: { from: range.from, to: range.to, insert: escapePipes(s.text) },\n      userEvent: \"input.table.cell\",\n    });\n  }\n\n  cancel(): void {\n    if (this.edit) this.teardown();\n  }\n\n  private position(anchor: HTMLElement): void {\n    const s = this.edit;\n    if (!s) return;\n    const rect = anchor.getBoundingClientRect();\n    Object.assign(s.overlay.style, {\n      left: `${rect.left}px`,\n      top: `${rect.top}px`,\n      minWidth: `${rect.width}px`,\n      minHeight: `${rect.height}px`,\n    });\n  }\n\n  private teardown(): void {\n    const s = this.edit;\n    if (!s) return;\n    s.view.dom.classList.remove(\"cm-tablev2-editing\");\n    s.overlay.removeEventListener(\"input\", this.onInput);\n    s.overlay.removeEventListener(\"beforeinput\", this.onBeforeInput);\n    s.overlay.removeEventListener(\"focusout\", this.onFocusOut);\n    s.overlay.ownerDocument.removeEventListener(\"selectionchange\", this.onSelectionChange);\n    s.overlay.remove();\n    this.edit = null;\n  }\n}\n"],"mappings":"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","names":[]}

package/dist/codemirror/tablev2/tableEditingSteps.d.ts

@@ -0,0 +1,12 @@
+/**
+ * Step definitions for features/browser/table-editing.feature — the ADR 0001
+ * interaction contract, executed against the REAL tablev2 stack in WebKit.
+ *
+ * Registered once as a shared pool (defineSteps); every scenario draws the
+ * steps it needs, so the feature file stays the single source of truth.
+ * Scenario-scoped state lives in `ctx`, reset by the Background step.
+ */
+declare function cleanupTableSteps(): void;
+declare function defineTableSteps(): void;
+
+export { cleanupTableSteps, defineTableSteps };