@kerebron/extension-tables 0.4.27 → 0.4.29

package/esm/utilities/util.js

@@ -0,0 +1,156 @@
+// Various helper function for working with tables
+import { PluginKey } from 'prosemirror-state';
+import { tableNodeTypes } from './tableNodeTypes.js';
+import { TableMap } from './TableMap.js';
+/**
+ * @public
+ */
+export const tableEditingKey = new PluginKey('selectingCells');
+/**
+ * @public
+ */
+export function cellAround($pos) {
+    for (let d = $pos.depth - 1; d > 0; d--) {
+        if ($pos.node(d).type.spec.tableRole == 'row') {
+            return $pos.node(0).resolve($pos.before(d + 1));
+        }
+    }
+    return null;
+}
+export function cellWrapping($pos) {
+    for (let d = $pos.depth; d > 0; d--) {
+        // Sometimes the cell can be in the same depth.
+        const role = $pos.node(d).type.spec.tableRole;
+        if (role === 'cell' || role === 'header_cell')
+            return $pos.node(d);
+    }
+    return null;
+}
+/**
+ * @public
+ */
+export function isInTable(state) {
+    const $head = state.selection.$head;
+    for (let d = $head.depth; d > 0; d--) {
+        if ($head.node(d).type.spec.tableRole == 'row')
+            return true;
+    }
+    return false;
+}
+/**
+ * @internal
+ */
+export function selectionCell(state) {
+    const sel = state.selection;
+    if ('$anchorCell' in sel && sel.$anchorCell) {
+        return sel.$anchorCell.pos > sel.$headCell.pos
+            ? sel.$anchorCell
+            : sel.$headCell;
+    }
+    else if ('node' in sel &&
+        sel.node &&
+        sel.node.type.spec.tableRole == 'cell') {
+        return sel.$anchor;
+    }
+    const $cell = cellAround(sel.$head) || cellNear(sel.$head);
+    if ($cell) {
+        return $cell;
+    }
+    throw new RangeError(`No cell found around position ${sel.head}`);
+}
+/**
+ * @public
+ */
+export function cellNear($pos) {
+    for (let after = $pos.nodeAfter, pos = $pos.pos; after; after = after.firstChild, pos++) {
+        const role = after.type.spec.tableRole;
+        if (role == 'cell' || role == 'header_cell')
+            return $pos.doc.resolve(pos);
+    }
+    for (let before = $pos.nodeBefore, pos = $pos.pos; before; before = before.lastChild, pos--) {
+        const role = before.type.spec.tableRole;
+        if (role == 'cell' || role == 'header_cell') {
+            return $pos.doc.resolve(pos - before.nodeSize);
+        }
+    }
+}
+/**
+ * @public
+ */
+export function pointsAtCell($pos) {
+    return $pos.parent.type.spec.tableRole == 'row' && !!$pos.nodeAfter;
+}
+/**
+ * @public
+ */
+export function moveCellForward($pos) {
+    return $pos.node(0).resolve($pos.pos + $pos.nodeAfter.nodeSize);
+}
+/**
+ * @internal
+ */
+export function inSameTable($cellA, $cellB) {
+    return ($cellA.depth == $cellB.depth &&
+        $cellA.pos >= $cellB.start(-1) &&
+        $cellA.pos <= $cellB.end(-1));
+}
+/**
+ * @public
+ */
+export function findCell($pos) {
+    return TableMap.get($pos.node(-1)).findCell($pos.pos - $pos.start(-1));
+}
+/**
+ * @public
+ */
+export function colCount($pos) {
+    return TableMap.get($pos.node(-1)).colCount($pos.pos - $pos.start(-1));
+}
+/**
+ * @public
+ */
+export function nextCell($pos, axis, dir) {
+    const table = $pos.node(-1);
+    const map = TableMap.get(table);
+    const tableStart = $pos.start(-1);
+    const moved = map.nextCell($pos.pos - tableStart, axis, dir);
+    return moved == null ? null : $pos.node(0).resolve(tableStart + moved);
+}
+/**
+ * @public
+ */
+export function removeColSpan(attrs, pos, n = 1) {
+    const result = { ...attrs, colspan: attrs.colspan - n };
+    if (result.colwidth) {
+        result.colwidth = result.colwidth.slice();
+        result.colwidth.splice(pos, n);
+        if (!result.colwidth.some((w) => w > 0))
+            result.colwidth = null;
+    }
+    return result;
+}
+/**
+ * @public
+ */
+export function addColSpan(attrs, pos, n = 1) {
+    const result = { ...attrs, colspan: attrs.colspan + n };
+    if (result.colwidth) {
+        result.colwidth = result.colwidth.slice();
+        for (let i = 0; i < n; i++)
+            result.colwidth.splice(pos, 0, 0);
+    }
+    return result;
+}
+/**
+ * @public
+ */
+export function columnIsHeader(map, table, col) {
+    const headerCell = tableNodeTypes(table.type.schema).header_cell;
+    for (let row = 0; row < map.height; row++) {
+        if (table.nodeAt(map.map[col + row * map.width]).type != headerCell) {
+            return false;
+        }
+    }
+    return true;
+}
+//# sourceMappingURL=util.js.map

package/esm/utilities/util.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"util.js","sourceRoot":"","sources":["../../src/utilities/util.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/extension-tables",
-  "version": "0.4.27",
+  "version": "0.4.29",
   "license": "MIT",
   "module": "./esm/ExtensionTables.js",
   "exports": {
@@ -24,9 +24,12 @@
     }
   },
   "scripts": {},
-  "files": [],
+  "files": [
+    "esm",
+    "src"
+  ],
   "dependencies": {
-    "@kerebron/editor": "0.4.27",
+    "@kerebron/editor": "0.4.29",
     "prosemirror-model": "1.25.3",
     "prosemirror-state": "1.4.3",
     "prosemirror-transform": "1.10.4",

package/src/ExtensionTables.ts

@@ -0,0 +1,16 @@
+import { Extension } from '@kerebron/editor';
+
+import { NodeTable } from './NodeTable.js';
+import { NodeTableRow } from './NodeTableRow.js';
+import { NodeTableHeader } from './NodeTableHeader.js';
+import { NodeTableCell } from './NodeTableCell.js';
+
+export class ExtensionTables extends Extension {
+  name = 'extension-tables';
+  requires = [
+    new NodeTable(),
+    new NodeTableHeader(),
+    new NodeTableRow(),
+    new NodeTableCell(),
+  ];
+}

package/src/NodeTable.ts

@@ -0,0 +1,139 @@
+import { TextSelection } from 'prosemirror-state';
+import { NodeSpec, NodeType } from 'prosemirror-model';
+import { Node as ProseMirrorNode } from 'prosemirror-model';
+
+import { type CoreEditor, Node } from '@kerebron/editor';
+import {
+  type CommandFactories,
+  type CommandShortcuts,
+} from '@kerebron/editor/commands';
+import { type InputRule } from '@kerebron/editor/plugins/input-rules';
+import {
+  getHtmlAttributes,
+  setHtmlAttributes,
+} from '@kerebron/editor/utilities';
+
+import { createTable } from './utilities/createTable.js';
+import { CellSelection } from './utilities/CellSelection.js';
+import { columnResizing } from './utilities/columnResizing.js';
+import { tableEditing } from './utilities/tableEditing.js';
+import {
+  addColumnAfter,
+  addColumnBefore,
+  addRowAfter,
+  addRowBefore,
+  deleteColumn,
+  deleteRow,
+  deleteTable,
+  goToNextCell,
+  mergeCells,
+  setCellAttr,
+  splitCell,
+  toggleHeader,
+  toggleHeaderCell,
+  toggleHeaderColumn,
+  toggleHeaderRow,
+} from './utilities/commands.js';
+import { Plugin } from 'prosemirror-state';
+import { Direction } from './utilities/input.js';
+
+export class NodeTable extends Node {
+  override name = 'table';
+  requires = ['doc'];
+
+  override attributes = {
+    class: {
+      default: 'table',
+      fromDom(element: HTMLElement) {
+        return element.hasAttribute('class')
+          ? element.getAttribute('class')!
+          : undefined;
+      },
+    },
+  };
+
+  override getNodeSpec(): NodeSpec {
+    return {
+      content: 'table_row+',
+      tableRole: 'table',
+      isolating: true,
+      group: 'block',
+      parseDOM: [{
+        tag: 'table',
+        getAttrs: (element) => setHtmlAttributes(this, element),
+      }],
+      toDOM: (
+        node: ProseMirrorNode,
+      ) => ['table', getHtmlAttributes(this, node), ['tbody', 0]],
+    };
+  }
+
+  override getCommandFactories(
+    editor: CoreEditor,
+    type: NodeType,
+  ): Partial<CommandFactories> {
+    const commands: Partial<CommandFactories> = {
+      addColumnAfter: () => (state, dispatch) =>
+        addColumnAfter(state, dispatch),
+      addColumnBefore: () => (state, dispatch) =>
+        addColumnBefore(state, dispatch),
+      addRowAfter: () => (state, dispatch) => addRowAfter(state, dispatch),
+      addRowBefore: () => (state, dispatch) => addRowBefore(state, dispatch),
+      deleteColumn: () => (state, dispatch) => deleteColumn(state, dispatch),
+      deleteRow: () => (state, dispatch) => deleteRow(state, dispatch),
+      deleteTable: () => (state, dispatch) => deleteTable(state, dispatch),
+      goToNextCell: (direction: Direction) => goToNextCell(direction),
+      mergeCells: () => (state, dispatch) => mergeCells(state, dispatch),
+      setCellAttr: (...args) => setCellAttr(...args),
+      splitCell: () => (state, dispatch) => splitCell(state, dispatch),
+      toggleHeader: (...args) => toggleHeader(...args),
+      toggleHeaderCell: () => (state, dispatch) =>
+        toggleHeaderCell(state, dispatch),
+      toggleHeaderRow: () => (state, dispatch) =>
+        toggleHeaderRow(state, dispatch),
+      toggleHeaderColumn: () => (state, dispatch) =>
+        toggleHeaderColumn(state, dispatch),
+      insertTable:
+        ({ rows = 3, cols = 3, withHeaderRow = true } = {}) =>
+        (state, dispatch) => {
+          const tr = state.tr;
+          const node = createTable(editor.schema, rows, cols, withHeaderRow);
+
+          if (dispatch) {
+            const offset = tr.selection.from + 1;
+
+            tr.replaceSelectionWith(node)
+              .scrollIntoView()
+              .setSelection(TextSelection.near(tr.doc.resolve(offset)));
+          }
+
+          return true;
+        },
+      setCellSelection: (position) => (state, dispatch) => {
+        if (dispatch) {
+          const selection = CellSelection.create(
+            state.doc,
+            position.anchorCell,
+            position.headCell,
+          );
+
+          state.tr.setSelection(selection);
+        }
+        return true;
+      },
+    };
+    return commands;
+  }
+
+  override getKeyboardShortcuts(): Partial<CommandShortcuts> {
+    const keys = {};
+    return keys;
+  }
+
+  override getProseMirrorPlugins(): Plugin[] {
+    return [
+      columnResizing(),
+      tableEditing(),
+    ];
+  }
+}

package/src/NodeTableCell.ts

@@ -0,0 +1,70 @@
+import { Attrs, Node as PmNode, NodeSpec, NodeType } from 'prosemirror-model';
+
+import { type CoreEditor, Node } from '@kerebron/editor';
+import {
+  type CommandFactories,
+  type CommandShortcuts,
+} from '@kerebron/editor/commands';
+import { type InputRule } from '@kerebron/editor/plugins/input-rules';
+
+function getCellAttrs(dom: HTMLElement | string): Attrs {
+  if (typeof dom === 'string') {
+    return {};
+  }
+
+  const widthAttr = dom.getAttribute('data-colwidth');
+  const widths = widthAttr && /^\d+(,\d+)*$/.test(widthAttr)
+    ? widthAttr.split(',').map((s) => Number(s))
+    : null;
+  const colspan = Number(dom.getAttribute('colspan') || 1);
+  return {
+    colspan,
+    rowspan: Number(dom.getAttribute('rowspan') || 1),
+    colwidth: widths && widths.length == colspan ? widths : null,
+  };
+}
+
+function setCellAttrs(node: PmNode): Attrs {
+  return {
+    colspan: (node.attrs.colspan != 1) ? node.attrs.colspan : undefined,
+    rowspan: (node.attrs.rowspan != 1) ? node.attrs.rowspan : undefined,
+    'data-colwidth': node.attrs.colwidth?.join(','),
+  };
+}
+
+export class NodeTableCell extends Node {
+  override name = 'table_cell';
+  requires = ['table_row'];
+
+  override getNodeSpec(): NodeSpec {
+    return {
+      content: 'block+',
+      attrs: {
+        colspan: { default: 1 },
+        rowspan: { default: 1 },
+        colwidth: { default: null },
+      },
+      tableRole: 'cell',
+      isolating: true,
+      parseDOM: [
+        { tag: 'td', getAttrs: (dom) => getCellAttrs(dom) },
+      ],
+      toDOM(node) {
+        return ['td', setCellAttrs(node), 0];
+      },
+    };
+  }
+
+  override getCommandFactories(
+    editor: CoreEditor,
+    type: NodeType,
+  ): Partial<CommandFactories> {
+    const commands = {};
+    return commands;
+  }
+
+  override getKeyboardShortcuts(): Partial<CommandShortcuts> {
+    const keys = {};
+    return keys;
+  }
+}

package/src/NodeTableHeader.ts

@@ -0,0 +1,49 @@
+import type { Attrs, Node as PmNode, NodeSpec } from 'prosemirror-model';
+import { Node } from '@kerebron/editor';
+
+function getCellAttrs(dom: HTMLElement | string): Attrs {
+  if (typeof dom === 'string') {
+    return {};
+  }
+
+  const widthAttr = dom.getAttribute('data-colwidth');
+  const widths = widthAttr && /^\d+(,\d+)*$/.test(widthAttr)
+    ? widthAttr.split(',').map((s) => Number(s))
+    : null;
+  const colspan = Number(dom.getAttribute('colspan') || 1);
+  return {
+    colspan,
+    rowspan: Number(dom.getAttribute('rowspan') || 1),
+    colwidth: widths && widths.length == colspan ? widths : null,
+  };
+}
+
+function setCellAttrs(node: PmNode): Attrs {
+  return {
+    colspan: (node.attrs.colspan != 1) ? node.attrs.colspan : undefined,
+    rowspan: (node.attrs.rowspan != 1) ? node.attrs.rowspan : undefined,
+    'data-colwidth': node.attrs.colwidth?.join(','),
+  };
+}
+
+export class NodeTableHeader extends Node {
+  override name = 'table_header';
+  requires = ['table'];
+
+  override getNodeSpec(): NodeSpec {
+    return {
+      content: 'block+',
+      attrs: {
+        colspan: { default: 1 },
+        rowspan: { default: 1 },
+        colwidth: { default: null },
+      },
+      tableRole: 'header_cell',
+      isolating: true,
+      parseDOM: [
+        { tag: 'th', getAttrs: (dom) => getCellAttrs(dom) },
+      ],
+      toDOM: (node) => ['th', setCellAttrs(node), 0],
+    };
+  }
+}

package/src/NodeTableRow.ts

@@ -0,0 +1,41 @@
+import { NodeSpec, NodeType } from 'prosemirror-model';
+
+import { type CoreEditor, Node } from '@kerebron/editor';
+import {
+  type CommandFactories,
+  type CommandShortcuts,
+} from '@kerebron/editor/commands';
+import {
+  type InputRule,
+  textblockTypeInputRule,
+} from '@kerebron/editor/plugins/input-rules';
+
+export class NodeTableRow extends Node {
+  override name = 'table_row';
+  requires = ['table'];
+
+  override getNodeSpec(): NodeSpec {
+    return {
+      content: '(table_cell | table_header)*',
+      tableRole: 'row',
+      parseDOM: [{ tag: 'tr' }],
+      toDOM() {
+        return ['tr', 0];
+      },
+    };
+  }
+
+  override getCommandFactories(
+    editor: CoreEditor,
+    type: NodeType,
+  ): Partial<CommandFactories> {
+    const commands = {};
+
+    return commands;
+  }
+
+  override getKeyboardShortcuts(): Partial<CommandShortcuts> {
+    const keys = {};
+    return keys;
+  }
+}

package/src/_dnt.shims.ts

@@ -0,0 +1,60 @@
+const dntGlobals = {
+};
+export const dntGlobalThis = createMergeProxy(globalThis, dntGlobals);
+
+function createMergeProxy<T extends object, U extends object>(
+  baseObj: T,
+  extObj: U,
+): Omit<T, keyof U> & U {
+  return new Proxy(baseObj, {
+    get(_target, prop, _receiver) {
+      if (prop in extObj) {
+        return (extObj as any)[prop];
+      } else {
+        return (baseObj as any)[prop];
+      }
+    },
+    set(_target, prop, value) {
+      if (prop in extObj) {
+        delete (extObj as any)[prop];
+      }
+      (baseObj as any)[prop] = value;
+      return true;
+    },
+    deleteProperty(_target, prop) {
+      let success = false;
+      if (prop in extObj) {
+        delete (extObj as any)[prop];
+        success = true;
+      }
+      if (prop in baseObj) {
+        delete (baseObj as any)[prop];
+        success = true;
+      }
+      return success;
+    },
+    ownKeys(_target) {
+      const baseKeys = Reflect.ownKeys(baseObj);
+      const extKeys = Reflect.ownKeys(extObj);
+      const extKeysSet = new Set(extKeys);
+      return [...baseKeys.filter((k) => !extKeysSet.has(k)), ...extKeys];
+    },
+    defineProperty(_target, prop, desc) {
+      if (prop in extObj) {
+        delete (extObj as any)[prop];
+      }
+      Reflect.defineProperty(baseObj, prop, desc);
+      return true;
+    },
+    getOwnPropertyDescriptor(_target, prop) {
+      if (prop in extObj) {
+        return Reflect.getOwnPropertyDescriptor(extObj, prop);
+      } else {
+        return Reflect.getOwnPropertyDescriptor(baseObj, prop);
+      }
+    },
+    has(_target, prop) {
+      return prop in extObj || prop in baseObj;
+    },
+  }) as any;
+}