@prosekit/extensions 0.9.2 → 0.10.0

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

@@ -2,32 +2,104 @@ import { Extension } from "@prosekit/core";
 import { EditorState } from "@prosekit/pm/state";
 
 //#region src/autocomplete/autocomplete-rule.d.ts
-type MatchHandler = (options: {
+/**
+* Options for the {@link MatchHandler} callback.
+*/
+interface MatchHandlerOptions {
+  /**
+  * The editor state.
+  */
   state: EditorState;
+  /**
+  * The result of `RegExp.exec`.
+  */
   match: RegExpExecArray;
+  /**
+  * The start position of the matched text.
+  */
   from: number;
+  /**
+  * The end position of the matched text.
+  */
   to: number;
+  /**
+  * Call this function to ignore the match. You probably want to call this
+  * function when the user presses the `Escape` key.
+  */
   ignoreMatch: () => void;
+  /**
+  * Call this function to delete the matched text. For example, in a slash
+  * menu, you might want to delete the matched text first then do something
+  * else when the user presses the `Enter` key.
+  */
   deleteMatch: () => void;
-}) => void;
+}
+/**
+* A callback that is called when the rule starts to match, and also on
+* subsequent updates while the rule continues to match.
+*/
+type MatchHandler = (options: MatchHandlerOptions) => void;
+/**
+* Options for the {@link CanMatchPredicate} callback.
+*/
+interface CanMatchOptions {
+  /**
+  * The editor state.
+  */
+  state: EditorState;
+}
+/**
+* A predicate to determine if the rule can be applied in the current editor state.
+*/
+type CanMatchPredicate = (options: CanMatchOptions) => boolean;
+/**
+* Options for creating an {@link AutocompleteRule}
+*/
+interface AutocompleteRuleOptions {
+  /**
+  * The regular expression to match against the text before the cursor. The
+  * last match before the cursor is used.
+  *
+  * For a slash menu, you might use `/\/(|\S.*)$/u`.
+  * For a mention, you might use `/@\w*$/`
+  */
+  regex: RegExp;
+  /**
+  * A callback that is called when the rule starts to match, and also on
+  * subsequent updates while the rule continues to match.
+  */
+  onEnter: MatchHandler;
+  /**
+  * A callback that is called when the rule stops matching.
+  */
+  onLeave?: VoidFunction;
+  /**
+  * A predicate to determine if the rule can be applied in the current editor
+  * state. If not provided, it defaults to only allowing matches in empty
+  * selections that are not inside a code block or code mark.
+  */
+  canMatch?: CanMatchPredicate;
+}
+/**
+* An autocomplete rule that can be used to create an autocomplete extension.
+*
+* @public
+*/
 declare class AutocompleteRule {
+  /** @internal */
   readonly regex: RegExp;
+  /** @internal */
   readonly onMatch: MatchHandler;
+  /** @internal */
   readonly onLeave?: VoidFunction;
+  /** @internal */
   readonly canMatch: (options: {
     state: EditorState;
   }) => boolean;
-  constructor(options: {
-    regex: RegExp;
-    onEnter: MatchHandler;
-    onLeave?: VoidFunction;
-    canMatch?: (options: {
-      state: EditorState;
-    }) => boolean;
-  });
+  constructor(options: AutocompleteRuleOptions);
 }
 //#endregion
 //#region src/autocomplete/autocomplete.d.ts
 declare function defineAutocomplete(rule: AutocompleteRule): Extension;
 //#endregion
-export { AutocompleteRule, MatchHandler, defineAutocomplete };
+export { AutocompleteRule, AutocompleteRuleOptions, CanMatchOptions, CanMatchPredicate, MatchHandler, MatchHandlerOptions, defineAutocomplete };

package/dist/prosekit-extensions-autocomplete.js

@@ -130,10 +130,19 @@ const autocompleteFacet = defineFacet({
 
 //#endregion
 //#region src/autocomplete/autocomplete-rule.ts
+/**
+* An autocomplete rule that can be used to create an autocomplete extension.
+*
+* @public
+*/
 var AutocompleteRule = class {
+	/** @internal */
 	regex;
+	/** @internal */
 	onMatch;
+	/** @internal */
 	onLeave;
+	/** @internal */
 	canMatch;
 	constructor(options) {
 		this.regex = options.regex;

package/dist/prosekit-extensions-commit.js

@@ -1,4 +1,4 @@
-import { collectChildren, defineDefaultState, definePlugin, jsonFromNode, union } from "@prosekit/core";
+import { defineDefaultState, definePlugin, jsonFromNode, union } from "@prosekit/core";
 import { PluginKey, ProseMirrorPlugin } from "@prosekit/pm/state";
 import { Decoration, DecorationSet } from "@prosekit/pm/view";
 import { DOMSerializer, Fragment, Slice } from "@prosekit/pm/model";
@@ -33,13 +33,13 @@ function decorateDeletionSlice(slice) {
 		];
 	}
 	if (openStart > 0 && content.childCount >= 2) {
-		const nodes = collectChildren(content);
+		const nodes = content.content;
 		const head = Fragment.from(nodes.slice(0, 1));
 		const body = Fragment.from(nodes.slice(1));
 		return [...decorateDeletionSlice(new Slice(head, openStart, openStart)), ...decorateDeletionSlice(new Slice(body, 0, openEnd))];
 	}
 	if (openEnd > 0 && content.childCount >= 2) {
-		const nodes = collectChildren(content);
+		const nodes = content.content;
 		const body = Fragment.from(nodes.slice(0, -1));
 		const tail = Fragment.from(nodes.slice(-1));
 		return [...decorateDeletionSlice(new Slice(body, openStart, 0)), ...decorateDeletionSlice(new Slice(tail, openEnd, openEnd))];

package/dist/prosekit-extensions-enter-rule.d.ts

@@ -6,8 +6,10 @@ import { Attrs, NodeType } from "@prosekit/pm/model";
 
 /**
 * @public
+*
+* Options for {@link EnterRuleHandler}.
 */
-type EnterRuleHandler = (options: {
+interface EnterRuleHandlerOptions {
   /**
   * The current editor state.
   */
@@ -24,7 +26,11 @@ type EnterRuleHandler = (options: {
   * The matched result from the regular expression.
   */
   match: RegExpExecArray;
-}) => Transaction | null;
+}
+/**
+* @public
+*/
+type EnterRuleHandler = (options: EnterRuleHandlerOptions) => Transaction | null;
 /**
 * Options for {@link defineEnterRule}.
 *
@@ -51,7 +57,7 @@ type EnterRuleOptions = {
 *
 * @public
 */
-type TextBlockEnterRuleOptions = {
+interface TextBlockEnterRuleOptions {
   /**
   * The regular expression to match against. It should end with `$`.
   */
@@ -71,7 +77,7 @@ type TextBlockEnterRuleOptions = {
   * @default true
   */
   stop?: boolean;
-};
+}
 /**
 * Defines an enter rule. An enter rule applies when the text directly in front of
 * the cursor matches `regex` and user presses Enter. The `regex` should end
@@ -102,4 +108,4 @@ declare function defineTextBlockEnterRule({
   stop
 }: TextBlockEnterRuleOptions): PlainExtension;
 //#endregion
-export { EnterRuleHandler, EnterRuleOptions, TextBlockEnterRuleOptions, defineEnterRule, defineTextBlockEnterRule };
+export { EnterRuleHandler, EnterRuleHandlerOptions, EnterRuleOptions, TextBlockEnterRuleOptions, defineEnterRule, defineTextBlockEnterRule };

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

@@ -7,6 +7,8 @@ import { Extension, PlainExtension, Union } from "@prosekit/core";
 */
 interface LinkAttrs {
   href: string;
+  target?: string | null;
+  rel?: string | null;
 }
 /**
 * @internal

package/dist/prosekit-extensions-link.js

@@ -9,10 +9,10 @@ const TLD_RE_PATTERN = "a(?:a(?:a|rp)|b(?:arth|b(?:ott|vie)?|c|le|ogado|udhabi)|
 const PUNCTUATION_CHAR_PATTERN = "\\.\\,\\;\\!\\?";
 const STOP_CHAR_PATTERN = "[" + PUNCTUATION_CHAR_PATTERN + "]";
 const END_CHAR_PATTERN = "[^\\s" + PUNCTUATION_CHAR_PATTERN + "]";
-const LINK_RE_BASE_PATTERN = "((?:(?:(?:https?:)?\\/\\/)?(?:(?:[a-z0-9\\u00a1-\\uffff][a-z0-9\\u00a1-\\uffff_-]{0,62})?[a-z0-9\\u00a1-\\uffff]\\.)+(?:" + TLD_RE_PATTERN + "))(?::\\d{2,5})?(?:/(?:\\S*" + END_CHAR_PATTERN + ")?)?(?:\\?(?:\\S*" + END_CHAR_PATTERN + "))?(?:\\#(?:\\S*" + END_CHAR_PATTERN + ")?)?)";
+const LINK_RE_BASE_PATTERN = "((?:(?:(?:https?:)?\\/\\/)?(?:(?:[a-z0-9\\u00a1-\\uffff][a-z0-9\\u00a1-\\uffff_-]{0,62})?[a-z0-9\\u00a1-\\uffff]\\.)+(?:" + TLD_RE_PATTERN + "))(?::\\d{2,5})?(?:/(?:\\S*[^\\s\\.\\,\\;\\!\\?])?)?(?:\\?(?:\\S*[^\\s\\.\\,\\;\\!\\?]))?(?:\\#(?:\\S*[^\\s\\.\\,\\;\\!\\?])?)?)";
 const LINK_ENTER_PATTERN = LINK_RE_BASE_PATTERN + STOP_CHAR_PATTERN + "?$";
 const LINK_INPUT_PATTERN = LINK_RE_BASE_PATTERN + STOP_CHAR_PATTERN + "?\\s$";
-const LINK_MARK_PATTERN = LINK_RE_BASE_PATTERN + "(?=" + STOP_CHAR_PATTERN + "|\\s|$)";
+const LINK_MARK_PATTERN = LINK_RE_BASE_PATTERN + "(?=[\\.\\,\\;\\!\\?]|\\s|$)";
 const LINK_ENTER_RE = new RegExp(LINK_ENTER_PATTERN, "gi");
 const LINK_INPUT_RE = new RegExp(LINK_INPUT_PATTERN, "gi");
 const LINK_MARK_RE = new RegExp(LINK_MARK_PATTERN, "gi");
@@ -26,18 +26,36 @@ function defineLinkSpec() {
 	return defineMarkSpec({
 		name: "link",
 		inclusive: false,
-		attrs: { href: { validate: "string" } },
+		attrs: {
+			href: { validate: "string" },
+			target: {
+				default: null,
+				validate: "string|null"
+			},
+			rel: {
+				default: null,
+				validate: "string|null"
+			}
+		},
 		parseDOM: [{
 			tag: "a[href]",
 			getAttrs: (dom) => {
-				return { href: dom.getAttribute("href") || "" };
+				return {
+					href: dom.getAttribute("href") || "",
+					target: dom.getAttribute("target") || null,
+					rel: dom.getAttribute("rel") || null
+				};
 			}
 		}],
 		toDOM(node) {
-			const { href } = node.attrs;
+			const { href, target, rel } = node.attrs;
 			return [
 				"a",
-				{ href },
+				{
+					href,
+					target,
+					rel
+				},
 				0
 			];
 		}

package/dist/prosekit-extensions-placeholder.js

@@ -1,4 +1,4 @@
-import { findTable } from "./table-DnVliJ6E.js";
+import { findTable } from "./table-dVQqzLlz.js";
 import { definePlugin, isInCodeBlock, maybeRun } from "@prosekit/core";
 import { Plugin, PluginKey } from "@prosekit/pm/state";
 import { Decoration, DecorationSet } from "@prosekit/pm/view";

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

@@ -3,6 +3,72 @@ import { Command, Selection } from "@prosekit/pm/state";
 import { Attrs, ProseMirrorNode, ResolvedPos } from "@prosekit/pm/model";
 import { CellSelection } from "prosemirror-tables";
 
+//#region src/table/table-commands/move-table-column.d.ts
+/**
+* Options for {@link moveTableColumn}
+*
+* @public
+*/
+interface MoveTableColumnOptions {
+  /**
+  * The source column index to move from.
+  */
+  from: number;
+  /**
+  * The destination column index to move to.
+  */
+  to: number;
+  /**
+  * Whether to select the moved column after the operation.
+  *
+  * @default true
+  */
+  select?: boolean;
+  /**
+  * Optional position to resolve table from. If not provided, uses the current selection.
+  */
+  pos?: number;
+}
+/**
+* Move a table column from index `origin` to index `target`.
+*
+* @public
+*/
+declare function moveTableColumn(options: MoveTableColumnOptions): Command;
+//#endregion
+//#region src/table/table-commands/move-table-row.d.ts
+/**
+* Options for {@link moveTableRow}
+*
+* @public
+*/
+interface MoveTableRowOptions {
+  /**
+  * The source row index to move from.
+  */
+  from: number;
+  /**
+  * The destination row index to move to.
+  */
+  to: number;
+  /**
+  * Whether to select the moved row after the operation.
+  *
+  * @default true
+  */
+  select?: boolean;
+  /**
+  * Optional position to resolve table from. If not provided, uses the current selection.
+  */
+  pos?: number;
+}
+/**
+* Move a table row from index `origin` to index `target`.
+*
+* @public
+*/
+declare function moveTableRow(options: MoveTableRowOptions): Command;
+//#endregion
 //#region src/table/table-commands.d.ts
 /**
 * @public
@@ -126,6 +192,8 @@ type TableCommandsExtension = Extension<{
     deleteCellSelection: [];
     mergeTableCells: [];
     splitTableCell: [];
+    moveTableRow: [options: MoveTableRowOptions];
+    moveTableColumn: [options: MoveTableColumnOptions];
   };
 }>;
 /**
@@ -140,9 +208,9 @@ declare function defineTableCommands(): TableCommandsExtension;
 * @public
 */
 interface CellAttrs {
-  colspan: number;
-  rowspan: number;
-  colwidth: number[] | null;
+  colspan?: number;
+  rowspan?: number;
+  colwidth?: number[] | null;
 }
 /**
 * @internal
@@ -206,7 +274,7 @@ declare function defineTable(): TableExtension;
 */
 declare function defineTablePlugins(): PlainExtension;
 //#endregion
-//#region src/table/table-utils.d.ts
+//#region src/table/table-utils/query.d.ts
 /**
 * Checks if the given object is a `CellSelection` instance.
 *
@@ -228,4 +296,4 @@ declare function findTable($pos: ResolvedPos): FindParentNodeResult | undefined;
 */
 
 //#endregion
-export { InsertTableOptions, SelectTableCellOptions, SelectTableColumnOptions, SelectTableOptions, SelectTableRowOptions, TableCellSpecExtension, TableCommandsExtension, TableExtension, TableHeaderCellSpecExtension, TableRowSpecExtension, TableSpecExtension, defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, selectTable, selectTableCell, selectTableColumn, selectTableRow };
+export { InsertTableOptions, MoveTableColumnOptions, MoveTableRowOptions, SelectTableCellOptions, SelectTableColumnOptions, SelectTableOptions, SelectTableRowOptions, TableCellSpecExtension, TableCommandsExtension, TableExtension, TableHeaderCellSpecExtension, TableRowSpecExtension, TableSpecExtension, defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, moveTableColumn, moveTableRow, selectTable, selectTableCell, selectTableColumn, selectTableRow };

package/dist/prosekit-extensions-table.js

@@ -1,3 +1,3 @@
-import { defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, selectTable, selectTableCell, selectTableColumn, selectTableRow } from "./table-DnVliJ6E.js";
+import { defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, moveTableColumn, moveTableRow, selectTable, selectTableCell, selectTableColumn, selectTableRow } from "./table-dVQqzLlz.js";
 
-export { defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, selectTable, selectTableCell, selectTableColumn, selectTableRow };
+export { defineTable, defineTableCellSpec, defineTableCommands, defineTableHeaderCellSpec, defineTablePlugins, defineTableRowSpec, defineTableSpec, exitTable, findTable, insertTable, isCellSelection, moveTableColumn, moveTableRow, selectTable, selectTableCell, selectTableColumn, selectTableRow };

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

@@ -1,7 +1,6 @@
 import { Extension, PlainExtension, Union } from "@prosekit/core";
 import { yCursorPlugin, ySyncPlugin, yUndoPlugin } from "y-prosemirror";
 import { Awareness } from "y-protocols/awareness";
-import * as Y$1 from "yjs";
 import * as Y from "yjs";
 
 //#region src/yjs/yjs-commands.d.ts
@@ -32,7 +31,7 @@ declare function defineYjsCursorPlugin(options: YjsCursorOptions): PlainExtensio
 */
 type YjsSyncPluginOptions = NonNullable<Parameters<typeof ySyncPlugin>[1]>;
 interface YjsSyncOptions extends YjsSyncPluginOptions {
-  fragment: Y$1.XmlFragment;
+  fragment: Y.XmlFragment;
 }
 declare function defineYjsSyncPlugin(options: YjsSyncOptions): PlainExtension;
 //#endregion

package/dist/shiki-highlighter-chunk.js

@@ -2,17 +2,21 @@ import { createHighlighter } from "shiki/bundle/full";
 import { createJavaScriptRegexEngine } from "shiki/engine/javascript";
 
 //#region src/code-block/shiki-highlighter-chunk.ts
+let highlighterPromise;
 let highlighter;
 const loadedLangs = /* @__PURE__ */ new Set();
 const loadedThemes = /* @__PURE__ */ new Set();
-async function createAndCacheHighlighter({ ...options }) {
-	if (!highlighter) {
+function ensureHighlighter({ ...options }) {
+	if (!highlighterPromise) {
 		if (!options.engine) {
 			const engine = createJavaScriptRegexEngine({ forgiving: true });
 			options.engine = engine;
 		}
-		highlighter = await createHighlighter(options);
+		highlighterPromise = createHighlighter(options).then((createdHighlighter) => {
+			highlighter = createdHighlighter;
+		});
 	}
+	return highlighterPromise;
 }
 async function loadLanguages(langs) {
 	for (const lang of langs) {
@@ -29,7 +33,7 @@ async function loadThemes(themes) {
 	}
 }
 function createOrGetHighlighter(options) {
-	if (!highlighter) return { promise: createAndCacheHighlighter(options) };
+	if (!highlighter) return { promise: ensureHighlighter(options) };
 	const langs = options.langs.filter((lang) => !loadedLangs.has(lang));
 	if (langs.length > 0) return { promise: loadLanguages(langs) };
 	const themes = options.themes.filter((theme) => !loadedThemes.has(theme));

package/dist/table/style.css

@@ -16,6 +16,11 @@
   border-width: 1px;
   vertical-align: top;
 }
+
+prosekit-table-handle-drop-indicator {
+  background-color: HighlightText;
+}
+
 .ProseMirror .column-resize-handle {
   z-index: 20;
   position: absolute;