@prosekit/extensions 0.7.21 → 0.7.23

package/dist/_tsup-dts-rollup.d.ts

@@ -1319,7 +1319,14 @@ export declare function findCellPos(doc: ProseMirrorNode, pos: number): Resolved
  */
 export declare function findCellRange(selection: Selection_2, anchorHit?: number, headHit?: number): [ResolvedPos, ResolvedPos] | undefined;
 
-export declare function findTable($pos: ResolvedPos): FindParentNodeResult | undefined;
+/**
+ * Find the closest table node.
+ *
+ * @internal
+ */
+declare function findTable($pos: ResolvedPos): FindParentNodeResult | undefined;
+export { findTable }
+export { findTable as findTable_alias_1 }
 
 export { GapCursor }
 
@@ -1785,12 +1792,19 @@ export declare interface PlaceholderOptions {
     placeholder: string | ((state: EditorState) => string);
     /**
      * By default, the placeholder text will be shown whenever the current text
-     * cursor is in an empty text node. If you only want to show the placeholder
-     * when the whole doc is empty, you can set this option to 'doc'.
+     * cursor is in an empty text node and it's not inside a code block or a
+     * table node.
+     *
+     * If you only want to show the placeholder when the whole doc is empty, you
+     * can set this option to 'doc'.
+     *
+     * You can also pass a function that receives the current editor state and
+     * returns a boolean value to determine whether the placeholder should be
+     * shown.
      *
      * @default 'block'
      */
-    strategy?: 'doc' | 'block';
+    strategy?: 'doc' | 'block' | ((state: EditorState) => boolean);
 }
 
 export declare const pluginKey: PluginKey<PredictionPluginState>;

package/dist/{chunk-4WHSS2ZE.js → chunk-6UYLCVBX.js}

@@ -11,9 +11,9 @@ import {
 
 // src/mark-rule/apply.ts
 import {
-  OBJECT_REPLACEMENT_CHARACTER,
   getMarkType,
-  maybeRun
+  maybeRun,
+  OBJECT_REPLACEMENT_CHARACTER
 } from "@prosekit/core";
 
 // src/mark-rule/range.ts

package/dist/chunk-KNFGQ3MV.js

@@ -0,0 +1,308 @@
+// src/table/table.ts
+import {
+  union
+} from "@prosekit/core";
+
+// src/table/table-commands.ts
+import {
+  defaultBlockAt,
+  defineCommands,
+  getNodeType,
+  insertNode
+} from "@prosekit/core";
+import {
+  TextSelection
+} from "@prosekit/pm/state";
+import {
+  addColumnAfter,
+  addColumnBefore,
+  addRowAfter,
+  addRowBefore,
+  CellSelection as CellSelection2,
+  deleteCellSelection,
+  deleteColumn,
+  deleteRow,
+  deleteTable,
+  mergeCells,
+  splitCell,
+  TableMap
+} from "prosemirror-tables";
+
+// src/table/table-utils.ts
+import {
+  findParentNode
+} from "@prosekit/core";
+import {
+  cellAround,
+  cellNear,
+  CellSelection,
+  inSameTable
+} from "prosemirror-tables";
+function isCellSelection(value) {
+  return value instanceof CellSelection;
+}
+function findTable($pos) {
+  return findParentNode((node) => node.type.spec.tableRole === "table", $pos);
+}
+function findCellRange(selection, anchorHit, headHit) {
+  var _a, _b;
+  if (anchorHit == null && headHit == null && isCellSelection(selection)) {
+    return [selection.$anchorCell, selection.$headCell];
+  }
+  const anchor = (_a = anchorHit != null ? anchorHit : headHit) != null ? _a : selection.anchor;
+  const head = (_b = headHit != null ? headHit : anchorHit) != null ? _b : selection.head;
+  const doc = selection.$head.doc;
+  const $anchorCell = findCellPos(doc, anchor);
+  const $headCell = findCellPos(doc, head);
+  if ($anchorCell && $headCell && inSameTable($anchorCell, $headCell)) {
+    return [$anchorCell, $headCell];
+  }
+}
+function findCellPos(doc, pos) {
+  const $pos = doc.resolve(pos);
+  return cellAround($pos) || cellNear($pos);
+}
+
+// src/table/table-commands.ts
+function createEmptyTable(schema, row, col, header) {
+  const tableType = getNodeType(schema, "table");
+  const tableRowType = getNodeType(schema, "tableRow");
+  const tableCellType = getNodeType(schema, "tableCell");
+  const tableHeaderCellType = getNodeType(schema, "tableHeaderCell");
+  if (header) {
+    const headerCell = tableHeaderCellType.createAndFill();
+    const headerCells = repeat(headerCell, col);
+    const headerRow = tableRowType.createAndFill(null, headerCells);
+    const bodyCell = tableCellType.createAndFill();
+    const bodyCells = repeat(bodyCell, col);
+    const bodyRow = tableRowType.createAndFill(null, bodyCells);
+    const bodyRows = repeat(bodyRow, row - 1);
+    return tableType.createAndFill(null, [headerRow, ...bodyRows]);
+  } else {
+    const bodyCell = tableCellType.createAndFill();
+    const bodyCells = repeat(bodyCell, col);
+    const bodyRow = tableRowType.createAndFill(null, bodyCells);
+    const bodyRows = repeat(bodyRow, row);
+    return tableType.createAndFill(null, bodyRows);
+  }
+}
+function repeat(node, length) {
+  return Array(length).fill(node);
+}
+function insertTable(options) {
+  return (state, dispatch, view) => {
+    const { row, col, header } = options;
+    const table = createEmptyTable(state.schema, row, col, header);
+    return insertNode({ node: table })(state, dispatch, view);
+  };
+}
+var exitTable = (state, dispatch) => {
+  const { $head, $anchor } = state.selection;
+  if (!$head.sameParent($anchor)) {
+    return false;
+  }
+  let tableStart = -1;
+  let tableDepth = -1;
+  for (let depth = $head.depth; depth >= 0; depth--) {
+    const node2 = $head.node(depth);
+    if (node2.type.spec.tableRole === "table") {
+      tableStart = $head.before(depth);
+      tableDepth = depth;
+    }
+  }
+  if (tableStart < 0 || tableDepth <= 0) {
+    return false;
+  }
+  const above = $head.node(tableDepth - 1);
+  const after = $head.indexAfter(tableDepth - 1);
+  const type = defaultBlockAt(above.contentMatchAt(after));
+  const node = type == null ? void 0 : type.createAndFill();
+  if (!type || !node || !above.canReplaceWith(after, after, type)) {
+    return false;
+  }
+  if (dispatch) {
+    const pos = $head.after(tableDepth);
+    const tr = state.tr.replaceWith(pos, pos, node);
+    tr.setSelection(TextSelection.near(tr.doc.resolve(pos), 1));
+    dispatch(tr.scrollIntoView());
+  }
+  return true;
+};
+function selectTableColumn(options) {
+  return (state, dispatch) => {
+    const range = findCellRange(state.selection, options == null ? void 0 : options.anchor, options == null ? void 0 : options.head);
+    if (!range) {
+      return false;
+    }
+    if (dispatch) {
+      const [$anchorCell, $headCell] = range;
+      const selection = CellSelection2.colSelection($anchorCell, $headCell);
+      dispatch(state.tr.setSelection(selection));
+    }
+    return true;
+  };
+}
+function selectTableRow(options) {
+  return (state, dispatch) => {
+    const range = findCellRange(state.selection, options == null ? void 0 : options.anchor, options == null ? void 0 : options.head);
+    if (!range) {
+      return false;
+    }
+    if (dispatch) {
+      const [$anchorCell, $headCell] = range;
+      const selection = CellSelection2.rowSelection($anchorCell, $headCell);
+      dispatch(state.tr.setSelection(selection));
+    }
+    return true;
+  };
+}
+function selectTableCell(options) {
+  return (state, dispatch) => {
+    var _a;
+    const $cellPos = findCellPos(
+      state.doc,
+      (_a = options == null ? void 0 : options.pos) != null ? _a : state.selection.anchor
+    );
+    if (!$cellPos) {
+      return false;
+    }
+    if (dispatch) {
+      const selection = new CellSelection2($cellPos);
+      dispatch(state.tr.setSelection(selection));
+    }
+    return true;
+  };
+}
+function selectTable(options) {
+  return (state, dispatch) => {
+    const $pos = (options == null ? void 0 : options.pos) ? state.doc.resolve(options.pos) : state.selection.$anchor;
+    const table = findTable($pos);
+    if (!table) {
+      return false;
+    }
+    const map = TableMap.get(table.node);
+    if (map.map.length === 0) {
+      return false;
+    }
+    if (dispatch) {
+      let tr = state.tr;
+      const firstCellPosInTable = map.map[0];
+      const lastCellPosInTable = map.map[map.map.length - 1];
+      const firstCellPos = table.pos + firstCellPosInTable + 1;
+      const lastCellPos = table.pos + lastCellPosInTable + 1;
+      const $firstCellPos = tr.doc.resolve(firstCellPos);
+      const $lastCellPos = tr.doc.resolve(lastCellPos);
+      const selection = new CellSelection2($firstCellPos, $lastCellPos);
+      tr = tr.setSelection(selection);
+      dispatch == null ? void 0 : dispatch(tr);
+    }
+    return true;
+  };
+}
+function defineTableCommands() {
+  return defineCommands({
+    insertTable,
+    exitTable: () => exitTable,
+    selectTable,
+    selectTableCell,
+    selectTableColumn,
+    selectTableRow,
+    addTableColumnBefore: () => addColumnBefore,
+    addTableColumnAfter: () => addColumnAfter,
+    addTableRowAbove: () => addRowBefore,
+    addTableRowBelow: () => addRowAfter,
+    deleteTable: () => deleteTable,
+    deleteTableColumn: () => deleteColumn,
+    deleteTableRow: () => deleteRow,
+    deleteCellSelection: () => deleteCellSelection,
+    mergeTableCells: () => mergeCells,
+    splitTableCell: () => splitCell
+  });
+}
+
+// src/table/table-plugins.ts
+import {
+  definePlugin
+} from "@prosekit/core";
+import {
+  columnResizing,
+  tableEditing
+} from "prosemirror-tables";
+function defineTablePlugins() {
+  return definePlugin([tableEditing(), columnResizing()]);
+}
+
+// src/table/table-spec.ts
+import {
+  defineNodeSpec
+} from "@prosekit/core";
+import { tableNodes } from "prosemirror-tables";
+var cellContent = "block+";
+var cellAttrs = {
+  colspan: { default: 1 },
+  rowspan: { default: 1 },
+  colwidth: { default: null }
+};
+var specs = tableNodes({
+  tableGroup: "block",
+  cellContent,
+  cellAttributes: {}
+});
+function defineTableSpec() {
+  return defineNodeSpec({
+    ...specs["table"],
+    content: "tableRow+",
+    name: "table"
+  });
+}
+function defineTableRowSpec() {
+  return defineNodeSpec({
+    ...specs["table_row"],
+    content: "(tableCell | tableHeaderCell)*",
+    name: "tableRow"
+  });
+}
+function defineTableCellSpec() {
+  return defineNodeSpec({
+    ...specs["table_cell"],
+    name: "tableCell",
+    attrs: cellAttrs
+  });
+}
+function defineTableHeaderCellSpec() {
+  return defineNodeSpec({
+    ...specs["table_header"],
+    name: "tableHeaderCell",
+    attrs: cellAttrs
+  });
+}
+
+// src/table/table.ts
+function defineTable() {
+  return union(
+    defineTableSpec(),
+    defineTableRowSpec(),
+    defineTableCellSpec(),
+    defineTableHeaderCellSpec(),
+    defineTablePlugins(),
+    defineTableCommands()
+  );
+}
+
+export {
+  isCellSelection,
+  findTable,
+  insertTable,
+  exitTable,
+  selectTableColumn,
+  selectTableRow,
+  selectTableCell,
+  selectTable,
+  defineTableCommands,
+  defineTablePlugins,
+  defineTableSpec,
+  defineTableRowSpec,
+  defineTableCellSpec,
+  defineTableHeaderCellSpec,
+  defineTable
+};

package/dist/prosekit-extensions-autocomplete.js

@@ -7,8 +7,13 @@ import {
 
 // src/autocomplete/autocomplete-plugin.ts
 import { OBJECT_REPLACEMENT_CHARACTER } from "@prosekit/core";
-import { Plugin } from "@prosekit/pm/state";
-import { Decoration, DecorationSet } from "@prosekit/pm/view";
+import {
+  Plugin
+} from "@prosekit/pm/state";
+import {
+  Decoration,
+  DecorationSet
+} from "@prosekit/pm/view";
 
 // src/autocomplete/autocomplete-helpers.ts
 import {

package/dist/prosekit-extensions-blockquote.js

@@ -3,7 +3,9 @@ import {
 } from "./chunk-LAQZC3ZM.js";
 
 // src/blockquote/blockquote.ts
-import { union } from "@prosekit/core";
+import {
+  union
+} from "@prosekit/core";
 
 // src/blockquote/blockquote-commands.ts
 import {
@@ -35,7 +37,11 @@ function defineBlockquoteInputRule() {
 }
 
 // src/blockquote/blockquote-keymap.ts
-import { defineKeymap, isAtBlockStart, toggleWrap as toggleWrap2 } from "@prosekit/core";
+import {
+  defineKeymap,
+  isAtBlockStart,
+  toggleWrap as toggleWrap2
+} from "@prosekit/core";
 import { joinBackward } from "@prosekit/pm/commands";
 function toggleBlockquoteKeybinding() {
   return toggleWrap2({ type: "blockquote" });
@@ -52,12 +58,14 @@ function backspaceUnsetBlockquote() {
 function defineBlockquoteKeymap() {
   return defineKeymap({
     "mod-shift-b": toggleBlockquoteKeybinding(),
-    Backspace: backspaceUnsetBlockquote()
+    "Backspace": backspaceUnsetBlockquote()
   });
 }
 
 // src/blockquote/blockquote-spec.ts
-import { defineNodeSpec } from "@prosekit/core";
+import {
+  defineNodeSpec
+} from "@prosekit/core";
 function defineBlockquoteSpec() {
   return defineNodeSpec({
     name: "blockquote",

package/dist/prosekit-extensions-bold.js

@@ -3,10 +3,15 @@ import {
 } from "./chunk-LAQZC3ZM.js";
 
 // src/bold/bold.ts
-import { union } from "@prosekit/core";
+import {
+  union
+} from "@prosekit/core";
 
 // src/bold/bold-commands.ts
-import { defineCommands, toggleMark } from "@prosekit/core";
+import {
+  defineCommands,
+  toggleMark
+} from "@prosekit/core";
 function defineBoldCommands() {
   return defineCommands({
     toggleBold: () => toggleMark({ type: "bold" })
@@ -23,7 +28,10 @@ function defineBoldInputRule() {
 }
 
 // src/bold/bold-keymap.ts
-import { defineKeymap, toggleMark as toggleMark2 } from "@prosekit/core";
+import {
+  defineKeymap,
+  toggleMark as toggleMark2
+} from "@prosekit/core";
 function defineBoldKeymap() {
   return defineKeymap({
     "Mod-b": toggleMark2({ type: "bold" })
@@ -31,7 +39,9 @@ function defineBoldKeymap() {
 }
 
 // src/bold/bold-spec.ts
-import { defineMarkSpec } from "@prosekit/core";
+import {
+  defineMarkSpec
+} from "@prosekit/core";
 function defineBoldSpec() {
   return defineMarkSpec({
     name: "bold",

package/dist/prosekit-extensions-code-block.js

@@ -1,12 +1,14 @@
 import {
   defineTextBlockEnterRule
-} from "./chunk-RE23OQPF.js";
+} from "./chunk-TWEOBBYZ.js";
 import {
   defineTextBlockInputRule
 } from "./chunk-LAQZC3ZM.js";
 
 // src/code-block/code-block.ts
-import { union } from "@prosekit/core";
+import {
+  union
+} from "@prosekit/core";
 
 // src/code-block/code-block-commands.ts
 import {
@@ -53,8 +55,13 @@ function getAttrs(match) {
 }
 
 // src/code-block/code-block-keymap.ts
-import { defaultBlockAt, defineKeymap } from "@prosekit/core";
-import { TextSelection } from "@prosekit/pm/state";
+import {
+  defaultBlockAt,
+  defineKeymap
+} from "@prosekit/core";
+import {
+  TextSelection
+} from "@prosekit/pm/state";
 function defineCodeBlockKeymap() {
   return defineKeymap({
     Enter: existCodeBlock
@@ -90,7 +97,9 @@ var existCodeBlock = (state, dispatch) => {
 };
 
 // src/code-block/code-block-spec.ts
-import { defineNodeSpec } from "@prosekit/core";
+import {
+  defineNodeSpec
+} from "@prosekit/core";
 function defineCodeBlockSpec() {
   return defineNodeSpec({
     name: "codeBlock",
@@ -128,13 +137,17 @@ function defineCodeBlock() {
 }
 
 // src/code-block/code-block-highlight.ts
-import { definePlugin } from "@prosekit/core";
-import { createHighlightPlugin } from "prosemirror-highlight";
+import {
+  definePlugin
+} from "@prosekit/core";
+import {
+  createHighlightPlugin
+} from "prosemirror-highlight";
 function defineCodeBlockHighlight({
   parser
 }) {
   return definePlugin(
-    createHighlightPlugin({ parser, nodeTypes: ["codeBlock"] })
+    createHighlightPlugin({ parser })
   );
 }
 

package/dist/prosekit-extensions-code.js

@@ -3,10 +3,15 @@ import {
 } from "./chunk-LAQZC3ZM.js";
 
 // src/code/code.ts
-import { union } from "@prosekit/core";
+import {
+  union
+} from "@prosekit/core";
 
 // src/code/code-commands.ts
-import { defineCommands, toggleMark } from "@prosekit/core";
+import {
+  defineCommands,
+  toggleMark
+} from "@prosekit/core";
 function defineCodeCommands() {
   return defineCommands({
     toggleCode: () => toggleMark({ type: "code" })
@@ -23,7 +28,10 @@ function defineCodeInputRule() {
 }
 
 // src/code/code-keymap.ts
-import { defineKeymap, toggleMark as toggleMark2 } from "@prosekit/core";
+import {
+  defineKeymap,
+  toggleMark as toggleMark2
+} from "@prosekit/core";
 function defineCodeKeymap() {
   return defineKeymap({
     "Mod-e": toggleMark2({ type: "code" })
@@ -31,7 +39,9 @@ function defineCodeKeymap() {
 }
 
 // src/code/code-spec.ts
-import { defineMarkSpec } from "@prosekit/core";
+import {
+  defineMarkSpec
+} from "@prosekit/core";
 function defineCodeSpec() {
   return defineMarkSpec({
     name: "code",

package/dist/prosekit-extensions-commit.js

@@ -16,8 +16,13 @@ import {
   ProseMirrorPlugin
 } from "@prosekit/pm/state";
 import { Step } from "@prosekit/pm/transform";
-import { Decoration, DecorationSet } from "@prosekit/pm/view";
-import { ChangeSet } from "prosemirror-changeset";
+import {
+  Decoration,
+  DecorationSet
+} from "@prosekit/pm/view";
+import {
+  ChangeSet
+} from "prosemirror-changeset";
 function getChanges(doc, parent, steps) {
   const initSet = ChangeSet.create(parent);
   const currSet = initSet.addSteps(
@@ -108,9 +113,7 @@ function decorateChange(prev, change) {
 }
 function decorateCommit(doc, parent, steps) {
   const changes = getChanges(doc, parent, steps);
-  const decorations = changes.flatMap(
-    (change) => decorateChange(parent, change)
-  );
+  const decorations = changes.flatMap((change) => decorateChange(parent, change));
   return DecorationSet.create(doc, decorations);
 }
 function defineCommitDecoration(commit) {

package/dist/prosekit-extensions-drop-cursor.d.ts

@@ -1,3 +1,3 @@
-export { DropCursorOptions_alias_1 as DropCursorOptions } from './_tsup-dts-rollup.js';
-export { DropCursorExtension_alias_1 as DropCursorExtension } from './_tsup-dts-rollup.js';
 export { defineDropCursor_alias_1 as defineDropCursor } from './_tsup-dts-rollup.js';
+export { DropCursorExtension_alias_1 as DropCursorExtension } from './_tsup-dts-rollup.js';
+export { DropCursorOptions_alias_1 as DropCursorOptions } from './_tsup-dts-rollup.js';

package/dist/prosekit-extensions-drop-cursor.js

@@ -1,5 +1,7 @@
 // src/drop-cursor/drop-cursor.ts
-import { definePlugin } from "@prosekit/core";
+import {
+  definePlugin
+} from "@prosekit/core";
 import { dropCursor } from "prosemirror-dropcursor";
 function defineDropCursor(options) {
   return definePlugin(() => dropCursor(options));

package/dist/prosekit-extensions-enter-rule.js

@@ -1,7 +1,7 @@
 import {
   defineEnterRule,
   defineTextBlockEnterRule
-} from "./chunk-RE23OQPF.js";
+} from "./chunk-TWEOBBYZ.js";
 export {
   defineEnterRule,
   defineTextBlockEnterRule

package/dist/prosekit-extensions-file.d.ts

@@ -1,8 +1,8 @@
-export { defineFilePasteHandler_alias_1 as defineFilePasteHandler } from './_tsup-dts-rollup.js';
-export { FilePasteHandlerOptions_alias_1 as FilePasteHandlerOptions } from './_tsup-dts-rollup.js';
 export { defineFileDropHandler_alias_1 as defineFileDropHandler } from './_tsup-dts-rollup.js';
 export { FileDropHandlerOptions_alias_1 as FileDropHandlerOptions } from './_tsup-dts-rollup.js';
-export { UploadProgress_alias_1 as UploadProgress } from './_tsup-dts-rollup.js';
-export { UploaderOptions_alias_1 as UploaderOptions } from './_tsup-dts-rollup.js';
-export { Uploader_alias_1 as Uploader } from './_tsup-dts-rollup.js';
+export { defineFilePasteHandler_alias_1 as defineFilePasteHandler } from './_tsup-dts-rollup.js';
+export { FilePasteHandlerOptions_alias_1 as FilePasteHandlerOptions } from './_tsup-dts-rollup.js';
 export { UploadTask_alias_1 as UploadTask } from './_tsup-dts-rollup.js';
+export { Uploader_alias_1 as Uploader } from './_tsup-dts-rollup.js';
+export { UploaderOptions_alias_1 as UploaderOptions } from './_tsup-dts-rollup.js';
+export { UploadProgress_alias_1 as UploadProgress } from './_tsup-dts-rollup.js';