@prosekit/extensions 0.6.1 → 0.7.0

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

@@ -1,4 +1,5 @@
 import { Attrs } from '@prosekit/pm/model';
+import { Attrs as Attrs_2 } from 'prosemirror-model';
 import { BundledLanguage } from 'shiki';
 import { BundledLanguageInfo } from 'shiki';
 import { bundledLanguagesInfo } from 'shiki';
@@ -7,23 +8,35 @@ import { BundledThemeInfo } from 'shiki';
 import { bundledThemesInfo } from 'shiki';
 import { Command } from '@prosekit/pm/state';
 import { DedentListOptions } from 'prosemirror-flat-list';
+import { config as default_alias_1 } from '@prosekit/dev/config-vitest';
 import { EditorState } from '@prosekit/pm/state';
 import { Extension } from '@prosekit/core';
+import { ExtensionTyping } from '@prosekit/core';
+import { ExtractMarks } from '@prosekit/core';
+import { ExtractNodes } from '@prosekit/core';
 import { getSingletonHighlighter } from 'shiki/bundle/full';
 import type { Highlighter } from 'shiki';
 import { IndentListOptions } from 'prosemirror-flat-list';
 import { InputRule } from '@prosekit/pm/inputrules';
 import { ListAttributes } from 'prosemirror-flat-list';
 import { ListDOMSerializer } from 'prosemirror-flat-list';
+import { MarkBuilder } from '@prosekit/core';
 import { MarkType } from '@prosekit/pm/model';
+import { MarkType as MarkType_2 } from 'prosemirror-model';
+import { Node as Node_2 } from 'prosemirror-model';
+import { NodeBuilder } from '@prosekit/core';
+import { NodeJSON } from '@prosekit/core';
 import { NodeRange } from 'prosemirror-model';
 import { NodeType } from '@prosekit/pm/model';
+import { NodeType as NodeType_2 } from 'prosemirror-model';
 import { Options } from 'tsup';
 import { Parser } from 'prosemirror-highlight';
 import { Plugin as Plugin_2 } from '@prosekit/pm/state';
 import { PluginKey } from '@prosekit/pm/state';
 import { ProseMirrorNode } from '@prosekit/pm/model';
 import type { SpecialLanguage } from 'shiki';
+import { StepJSON } from '@prosekit/core';
+import { TestEditor } from '@prosekit/core/test';
 import { ToggleCollapsedOptions } from 'prosemirror-flat-list';
 import { Transaction } from '@prosekit/pm/state';
 import { UnwrapListOptions } from 'prosemirror-flat-list';
@@ -109,6 +122,44 @@ export declare interface CodeBlockShikiOptions {
     langAlias?: Record<string, BundledLanguage>;
 }
 
+/**
+ * A JSON representation of a commit.
+ */
+export declare interface Commit {
+    /**
+     * The current doc node in the JSON format
+     */
+    doc: NodeJSON;
+    /**
+     * The parent node in the JSON format
+     */
+    parent: NodeJSON;
+    /**
+     * An array of steps in the JSON format that transform the parent node to the
+     * current doc node.
+     */
+    steps: StepJSON[];
+}
+
+export declare class CommitRecorder {
+    private parent;
+    private doc;
+    private steps;
+    /**
+     * Return a commit object including all changes since the last commit. `null`
+     * will be returned if there is no change.
+     */
+    commit(): Commit | null;
+    /**
+     * @internal
+     */
+    init(doc: ProseMirrorNode): void;
+    /**
+     * @internal
+     */
+    apply(tr: Transaction): void;
+}
+
 export declare function createAutocompletePlugin({ getRules, }: {
     getRules: () => AutocompleteRule[];
 }): Plugin_2;
@@ -125,11 +176,7 @@ export declare function createMarkInputRule({ regex, type, attrs, }: MarkInputRu
 
 export declare const default_alias: Options | Options[] | ((overrideOptions: Options) => Options | Options[] | Promise<Options | Options[]>);
 
-export declare const default_alias_1: {
-    test: {
-        environment: "jsdom";
-    };
-};
+export { default_alias_1 }
 
 export declare function defaultCanMatch({ state }: {
     state: EditorState;
@@ -150,7 +197,7 @@ Commands: never;
  * Wraps the text block in a blockquote when `>` is typed at the start of a new
  * line followed by a space.
  */
-export declare function defineBlockquoteInputRule(): Extension<any>;
+export declare function defineBlockquoteInputRule(): Extension<ExtensionTyping<any, any, any>>;
 
 export declare function defineBlockquoteSpec(): Extension<    {
 Nodes: "blockquote";
@@ -177,9 +224,9 @@ Nodes: never;
 Marks: never;
 }>;
 
-export declare function defineBoldInputRule(): Extension<any>;
+export declare function defineBoldInputRule(): Extension<ExtensionTyping<any, any, any>>;
 
-export declare function defineBoldKeymap(): Extension<any>;
+export declare function defineBoldKeymap(): Extension<ExtensionTyping<any, any, any>>;
 
 export declare function defineBoldSpec(): Extension<    {
 Marks: "bold";
@@ -245,7 +292,7 @@ export { defineCodeBlockCommands as defineCodeBlockCommands_alias_1 }
  *
  * @public
  */
-declare function defineCodeBlockEnterRule(): Extension<any>;
+declare function defineCodeBlockEnterRule(): Extension<ExtensionTyping<any, any, any>>;
 export { defineCodeBlockEnterRule }
 export { defineCodeBlockEnterRule as defineCodeBlockEnterRule_alias_1 }
 
@@ -268,14 +315,14 @@ export { defineCodeBlockHighlight as defineCodeBlockHighlight_alias_1 }
  *
  * @public
  */
-declare function defineCodeBlockInputRule(): Extension<any>;
+declare function defineCodeBlockInputRule(): Extension<ExtensionTyping<any, any, any>>;
 export { defineCodeBlockInputRule }
 export { defineCodeBlockInputRule as defineCodeBlockInputRule_alias_1 }
 
 /**
  * Defines the keymap for code blocks.
  */
-export declare function defineCodeBlockKeymap(): Extension<any>;
+export declare function defineCodeBlockKeymap(): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * Adds syntax highlighting to code blocks using the [shiki](https://github.com/shikijs/shiki) package.
@@ -307,9 +354,9 @@ Nodes: never;
 Marks: never;
 }>;
 
-export declare function defineCodeInputRule(): Extension<any>;
+export declare function defineCodeInputRule(): Extension<ExtensionTyping<any, any, any>>;
 
-export declare function defineCodeKeymap(): Extension<any>;
+export declare function defineCodeKeymap(): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * @public
@@ -320,6 +367,20 @@ Nodes: never;
 Commands: never;
 }>;
 
+/**
+ * Define an extension that can record the changes in the editor.
+ */
+export declare function defineCommitRecorder(commitRecorder: CommitRecorder): Extension<ExtensionTyping<any, any, any>>;
+
+/**
+ * Define an extension to display the changes from the given commit in the editor.
+ */
+export declare function defineCommitViewer(commit: Commit): Extension<    {
+Nodes: never;
+Marks: never;
+Commands: never;
+}>;
+
 /**
  * Show up a decoration at the drop position when something is dragged over the editor.
  *
@@ -327,7 +388,7 @@ Commands: never;
  *
  * @public
  */
-export declare function defineDropCursor(options?: DropCursorOptions): Extension<any>;
+export declare function defineDropCursor(options?: DropCursorOptions): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * Defines an enter rule. An enter rule applies when the text directly in front of
@@ -365,9 +426,9 @@ Marks: never;
  * Converts the text block to a heading when `#` is typed at the start of a new
  * line followed by a space.
  */
-export declare function defineHeadingInputRule(): Extension<any>;
+export declare function defineHeadingInputRule(): Extension<ExtensionTyping<any, any, any>>;
 
-export declare function defineHeadingKeymap(): Extension<any>;
+export declare function defineHeadingKeymap(): Extension<ExtensionTyping<any, any, any>>;
 
 export declare function defineHeadingSpec(): Extension<    {
 Nodes: "heading";
@@ -428,9 +489,9 @@ Nodes: never;
 Marks: never;
 }>;
 
-export declare function defineItalicInputRule(): Extension<any>;
+export declare function defineItalicInputRule(): Extension<ExtensionTyping<any, any, any>>;
 
-export declare function defineItalicKeymap(): Extension<any>;
+export declare function defineItalicKeymap(): Extension<ExtensionTyping<any, any, any>>;
 
 export declare function defineItalicSpec(): Extension<    {
 Marks: "italic";
@@ -466,17 +527,17 @@ Marks: never;
 /**
  * Apply link marks after typing Enter.
  */
-export declare function defineLinkEnterRule(): Extension<any>;
+export declare function defineLinkEnterRule(): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * Apply link marks after pressing Space.
  */
-export declare function defineLinkInputRule(): Extension<any>;
+export declare function defineLinkInputRule(): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * Apply and remove link marks to the text during typing.
  */
-export declare function defineLinkMarkRule(): Extension<any>;
+export declare function defineLinkMarkRule(): Extension<ExtensionTyping<any, any, any>>;
 
 export declare function defineLinkSpec(): Extension<    {
 Marks: "link";
@@ -526,9 +587,9 @@ export declare function defineListInputRules(): Extension;
  *
  * @public
  */
-export declare function defineListKeymap(): Extension<any>;
+export declare function defineListKeymap(): Extension<ExtensionTyping<any, any, any>>;
 
-export declare function defineListPlugins(): Extension<any>;
+export declare function defineListPlugins(): Extension<ExtensionTyping<any, any, any>>;
 
 export declare function defineListSpec(): Extension<{
     Nodes: "list";
@@ -548,7 +609,7 @@ export declare function defineMarkInputRule(options: MarkInputRuleOptions): Exte
  * A mark rule is something that can automatically apply marks to text if it
  * matches a certain pattern, and remove them if it doesn't match anymore.
  */
-declare function defineMarkRule(options: MarkRuleOptions): Extension<any>;
+declare function defineMarkRule(options: MarkRuleOptions): Extension<ExtensionTyping<any, any, any>>;
 export { defineMarkRule }
 export { defineMarkRule as defineMarkRule_alias_1 }
 
@@ -592,12 +653,12 @@ export declare function defineModClickPrevention(): Extension;
  * Add a placeholder text to the editor when the current block or document is
  * empty.
  */
-export declare function definePlaceholder(options: PlaceholderOptions): Extension<any>;
+export declare function definePlaceholder(options: PlaceholderOptions): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * Make the editor read-only.
  */
-export declare function defineReadonly(): Extension<any>;
+export declare function defineReadonly(): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * Defines commands for search and replace.
@@ -624,7 +685,7 @@ Marks: never;
  *
  * @public
  */
-export declare function defineSearchQuery(options: SearchQueryOptions): Extension<any>;
+export declare function defineSearchQuery(options: SearchQueryOptions): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * @public
@@ -645,9 +706,9 @@ Nodes: never;
 Marks: never;
 }>;
 
-export declare function defineStrikeInputRule(): Extension<any>;
+export declare function defineStrikeInputRule(): Extension<ExtensionTyping<any, any, any>>;
 
-export declare function defineStrikeKeymap(): Extension<any>;
+export declare function defineStrikeKeymap(): Extension<ExtensionTyping<any, any, any>>;
 
 export declare function defineStrikeSpec(): Extension<    {
 Marks: "strike";
@@ -710,7 +771,7 @@ export { defineTableHeaderCellSpec as defineTableHeaderCellSpec_alias_1 }
 /**
  * @public
  */
-declare function defineTablePlugins(): Extension<any>;
+declare function defineTablePlugins(): Extension<ExtensionTyping<any, any, any>>;
 export { defineTablePlugins }
 export { defineTablePlugins as defineTablePlugins_alias_1 }
 
@@ -730,6 +791,94 @@ Commands: never;
 export { defineTableSpec }
 export { defineTableSpec as defineTableSpec_alias_1 }
 
+/**
+ * @internal
+ */
+export declare function defineTestExtension(): Extension<{
+    Nodes: "blockquote" | "table" | "text" | "doc" | "paragraph" | "heading" | "image" | "list" | "tableRow" | "tableCell" | "tableHeaderCell";
+    Marks: "code" | "link" | "bold" | "strike" | "italic" | "underline";
+    Commands: {
+        insertText: [{
+            text: string;
+            from?: number;
+            to?: number;
+        }];
+        insertNode: [options: {
+            node: Node_2;
+            pos?: number;
+            type?: undefined;
+            attrs?: undefined;
+        } | {
+            node?: undefined;
+            pos?: number;
+            type: string;
+            attrs?: Attrs_2;
+        }];
+        removeNode: [options: {
+            type: string | NodeType_2;
+            pos?: number;
+        }];
+        wrap: [{
+            nodeType: NodeType_2;
+            attrs?: Attrs_2 | null;
+        }];
+        setBlockType: [options: {
+            type: NodeType_2 | string;
+            attrs?: Attrs_2 | null;
+            from?: number;
+            to?: number;
+        }];
+        setNodeAttrs: [options: {
+            type: string | NodeType_2 | string[] | NodeType_2[];
+            attrs: Attrs_2;
+            pos?: number;
+        }];
+        selectAll: [];
+        addMark: [options: {
+            type: string | MarkType_2;
+            attrs?: Attrs_2 | null;
+            from?: number;
+            to?: number;
+        }];
+        removeMark: [options: {
+            type: string | MarkType_2;
+            attrs?: Attrs_2 | null;
+            from?: number;
+            to?: number;
+        }];
+        toggleItalic: [];
+        undo: [];
+        redo: [];
+        toggleBold: [];
+        toggleCode: [];
+        setHeading: [attrs?: HeadingAttrs | undefined];
+        insertHeading: [attrs?: HeadingAttrs | undefined];
+        toggleHeading: [attrs?: HeadingAttrs | undefined];
+        insertImage: [attrs?: ImageAttrs | undefined];
+        addLink: [attrs: LinkAttrs];
+        removeLink: [];
+        toggleLink: [attrs: LinkAttrs];
+        expandLink: [];
+        dedentList: [options?: DedentListOptions | undefined];
+        indentList: [options?: IndentListOptions | undefined];
+        moveList: [direction: "up" | "down"];
+        splitList: [];
+        toggleCollapsed: [(ToggleCollapsedOptions | undefined)?];
+        toggleList: [attrs: ListAttributes];
+        unwrapList: [options?: UnwrapListOptions | undefined];
+        wrapInList: [getAttrs: ListAttributes | ((range: NodeRange) => ListAttributes | null)];
+        insertList: [attrs?: ListAttributes | undefined];
+        toggleStrike: [];
+        insertTable: [{
+            row: number;
+            col: number;
+            header: boolean;
+        }];
+        exitTable: [];
+        toggleUnderline: [];
+    };
+}>;
+
 /**
  * Adds a `textAlign` attribute to the specified nodes. This will be rendered as
  * a CSS `text-align` style.
@@ -758,7 +907,7 @@ export declare function defineTextAlignCommands(types: string[]): Extension<{
 /**
  * @internal
  */
-export declare function defineTextAlignKeymap(types: string[]): Extension<any>;
+export declare function defineTextAlignKeymap(types: string[]): Extension<ExtensionTyping<any, any, any>>;
 
 /**
  * Defines an enter rule that replaces the matched text with a block node.
@@ -813,7 +962,7 @@ Nodes: never;
 Marks: never;
 }>;
 
-export declare function defineUnderlineKeymap(): Extension<any>;
+export declare function defineUnderlineKeymap(): Extension<ExtensionTyping<any, any, any>>;
 
 export declare function defineUnderlineSpec(): Extension<    {
 Marks: "underline";
@@ -1151,6 +1300,107 @@ export declare function setTextAlign({ types, value, }: {
 
 export declare function setTrMeta(tr: Transaction, meta: PredictionPluginState): Transaction;
 
+/**
+ * @internal
+ */
+export declare function setupDefaultTest(): {
+    editor: TestEditor<Extension<{
+        Nodes: "blockquote" | "table" | "text" | "doc" | "paragraph" | "heading" | "image" | "list" | "tableRow" | "tableCell" | "tableHeaderCell";
+        Marks: "code" | "link" | "bold" | "strike" | "italic" | "underline";
+        Commands: {
+            insertText: [{
+                text: string;
+                from?: number;
+                to?: number;
+            }];
+            insertNode: [options: {
+                node: Node_2;
+                pos?: number;
+                type?: undefined;
+                attrs?: undefined;
+            } | {
+                node?: undefined;
+                pos?: number;
+                type: string;
+                attrs?: Attrs_2;
+            }];
+            removeNode: [options: {
+                type: string | NodeType_2;
+                pos?: number;
+            }];
+            wrap: [{
+                nodeType: NodeType_2;
+                attrs?: Attrs_2 | null;
+            }];
+            setBlockType: [options: {
+                type: NodeType_2 | string;
+                attrs?: Attrs_2 | null;
+                from?: number;
+                to?: number;
+            }];
+            setNodeAttrs: [options: {
+                type: string | NodeType_2 | string[] | NodeType_2[];
+                attrs: Attrs_2;
+                pos?: number;
+            }];
+            selectAll: [];
+            addMark: [options: {
+                type: string | MarkType_2;
+                attrs?: Attrs_2 | null;
+                from?: number;
+                to?: number;
+            }];
+            removeMark: [options: {
+                type: string | MarkType_2;
+                attrs?: Attrs_2 | null;
+                from?: number;
+                to?: number;
+            }];
+            toggleItalic: [];
+            undo: [];
+            redo: [];
+            toggleBold: [];
+            toggleCode: [];
+            setHeading: [attrs?: HeadingAttrs | undefined];
+            insertHeading: [attrs?: HeadingAttrs | undefined];
+            toggleHeading: [attrs?: HeadingAttrs | undefined];
+            insertImage: [attrs?: ImageAttrs | undefined];
+            addLink: [attrs: LinkAttrs];
+            removeLink: [];
+            toggleLink: [attrs: LinkAttrs];
+            expandLink: [];
+            dedentList: [options?: DedentListOptions | undefined];
+            indentList: [options?: IndentListOptions | undefined];
+            moveList: [direction: "up" | "down"];
+            splitList: [];
+            toggleCollapsed: [(ToggleCollapsedOptions | undefined)?];
+            toggleList: [attrs: ListAttributes];
+            unwrapList: [options?: UnwrapListOptions | undefined];
+            wrapInList: [getAttrs: ListAttributes | ((range: NodeRange) => ListAttributes | null)];
+            insertList: [attrs?: ListAttributes | undefined];
+            toggleStrike: [];
+            insertTable: [{
+                row: number;
+                col: number;
+                header: boolean;
+            }];
+            exitTable: [];
+            toggleUnderline: [];
+        };
+    }>>;
+    n: Record<"blockquote" | "table" | "text" | "doc" | "paragraph" | "heading" | "image" | "list" | "tableRow" | "tableCell" | "tableHeaderCell", NodeBuilder>;
+    m: Record<"code" | "link" | "bold" | "strike" | "italic" | "underline", MarkBuilder>;
+};
+
+/**
+ * @internal
+ */
+export declare function setupTest<E extends Extension>(extension: E): {
+    editor: TestEditor<E>;
+    n: Record<ExtractNodes<E>, NodeBuilder>;
+    m: Record<ExtractMarks<E>, MarkBuilder>;
+};
+
 export declare interface TextAlignOptions {
     /**
      * The names of node to add the attribute to.

package/dist/commit/style.css

@@ -0,0 +1,8 @@
+/* src/commit/style.css */
+.prosekit-commit-deletion {
+  background-color: #e5534b80;
+  text-decoration: line-through;
+}
+.prosekit-commit-addition {
+  background-color: #53e54b80;
+}

package/dist/list/style.css

@@ -1,4 +1,4 @@
-/* ../../node_modules/.pnpm/prosemirror-flat-list@0.5.0/node_modules/prosemirror-flat-list/dist/style.css */
+/* ../../node_modules/.pnpm/prosemirror-flat-list@0.5.1/node_modules/prosemirror-flat-list/dist/style.css */
 .prosemirror-flat-list {
   padding: 0;
   margin-top: 0;

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

@@ -1,9 +1,9 @@
-import {
-  defineTextBlockInputRule
-} from "./chunk-PYT3MOTF.js";
 import {
   defineTextBlockEnterRule
 } from "./chunk-2JYT2MT7.js";
+import {
+  defineTextBlockInputRule
+} from "./chunk-PYT3MOTF.js";
 
 // src/code-block/code-block.ts
 import { union } from "@prosekit/core";

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

@@ -0,0 +1,4 @@
+export { CommitRecorder } from './_tsup-dts-rollup';
+export { defineCommitRecorder } from './_tsup-dts-rollup';
+export { defineCommitViewer } from './_tsup-dts-rollup';
+export { Commit } from './_tsup-dts-rollup';

package/dist/prosekit-extensions-commit.js

@@ -0,0 +1,160 @@
+// src/commit/index.ts
+import {
+  collectNodes,
+  defineDefaultState,
+  definePlugin,
+  jsonFromNode,
+  union
+} from "@prosekit/core";
+import {
+  DOMSerializer,
+  Fragment,
+  Slice
+} from "@prosekit/pm/model";
+import { PluginKey, ProseMirrorPlugin } from "@prosekit/pm/state";
+import { Step } from "@prosekit/pm/transform";
+import { Decoration, DecorationSet } from "@prosekit/pm/view";
+import { ChangeSet } from "prosemirror-changeset";
+function getChanges(doc, parent, steps) {
+  return ChangeSet.create(parent).addSteps(
+    doc,
+    steps.map((step) => step.getMap()),
+    null
+  ).changes;
+}
+function renderDivWeight(view) {
+  return view.dom.ownerDocument.createElement("div");
+}
+function decorateDeletionSlice(slice) {
+  let { openStart, openEnd, content } = slice;
+  for (; openStart > 0 && openEnd > 0 && content.childCount === 1; )
+    openStart--, openEnd--, content = content.child(0).content;
+  if (content.childCount === 0)
+    return [];
+  if (openStart > 0 && openEnd > 0 && content.childCount === 2) {
+    let head = Fragment.from([content.child(0)]), tail = Fragment.from([content.child(1)]);
+    return [
+      ...decorateDeletionSlice(new Slice(head, openStart, openStart)),
+      renderDivWeight,
+      ...decorateDeletionSlice(new Slice(tail, openEnd, openEnd))
+    ];
+  }
+  if (openStart > 0 && content.childCount >= 2) {
+    let nodes = collectNodes(content), head = Fragment.from(nodes.slice(0, 1)), 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) {
+    let nodes = collectNodes(content), body = Fragment.from(nodes.slice(0, -1)), tail = Fragment.from(nodes.slice(-1));
+    return [
+      ...decorateDeletionSlice(new Slice(body, openStart, 0)),
+      ...decorateDeletionSlice(new Slice(tail, openEnd, openEnd))
+    ];
+  }
+  let schema = content.child(0).type.schema, isInline = content.child(0).isInline;
+  return [(view) => {
+    let document = view.dom.ownerDocument, element = document.createElement(isInline ? "span" : "div");
+    return DOMSerializer.fromSchema(schema).serializeFragment(content, { document }, element), element.classList.add("prosekit-commit-deletion"), element;
+  }];
+}
+function decorateDeletion(doc, from, to, pos) {
+  let slice = doc.slice(from, to), renders = decorateDeletionSlice(slice), count = renders.length;
+  return renders.map(
+    (render, index) => Decoration.widget(pos, render, {
+      side: -20 - count + index,
+      // Ensure the text in the decoration is able to be selected.
+      ignoreSelection: !0
+    })
+  );
+}
+function decorateAddition(from, to) {
+  return Decoration.inline(from, to, { class: "prosekit-commit-addition" });
+}
+function decorateChange(prev, change) {
+  let { fromA, toA, fromB, toB } = change, decorations = [];
+  return fromA < toA && decorations.push(...decorateDeletion(prev, fromA, toA, fromB)), fromB < toB && decorations.push(decorateAddition(fromB, toB)), decorations;
+}
+function decorateCommit(doc, parent, steps) {
+  let decorations = getChanges(doc, parent, steps).flatMap(
+    (change) => decorateChange(parent, change)
+  );
+  return DecorationSet.create(doc, decorations);
+}
+function defineCommitDecoration(commit) {
+  let key = new PluginKey("prosekit-commit-decoration");
+  return definePlugin(({ schema }) => {
+    let parent = schema.nodeFromJSON(commit.parent), steps = commit.steps.map((step) => Step.fromJSON(schema, step));
+    return new ProseMirrorPlugin({
+      key,
+      state: {
+        init: (_, instance) => decorateCommit(instance.doc, parent, steps),
+        apply: (tr, deco) => deco.map(tr.mapping, tr.doc)
+      },
+      props: {
+        decorations: (state) => key.getState(state)
+      }
+    });
+  });
+}
+function defineCommitViewer(commit) {
+  return union([
+    defineDefaultState({ defaultDoc: commit.doc }),
+    defineCommitDecoration(commit)
+  ]);
+}
+var CommitRecorder = class {
+  constructor() {
+    this.parent = null;
+    this.doc = null;
+    this.steps = [];
+  }
+  /**
+   * Return a commit object including all changes since the last commit. `null`
+   * will be returned if there is no change.
+   */
+  commit() {
+    if (!this.parent || !this.doc || this.steps.length === 0 || this.parent.eq(this.doc))
+      return null;
+    let commit = {
+      doc: jsonFromNode(this.doc),
+      parent: jsonFromNode(this.parent),
+      steps: this.steps.map((step) => step.toJSON())
+    };
+    return this.init(this.doc), commit;
+  }
+  /**
+   * @internal
+   */
+  init(doc) {
+    this.doc = doc, this.parent = doc, this.steps = [];
+  }
+  /**
+   * @internal
+   */
+  apply(tr) {
+    this.steps.push(...tr.steps), this.doc = tr.doc;
+  }
+};
+function defineCommitRecorder(commitRecorder) {
+  let key = new PluginKey("prosekit-commit-recorder");
+  return definePlugin(
+    new ProseMirrorPlugin({
+      key,
+      state: {
+        init: (_, state) => {
+          commitRecorder.init(state.doc);
+        },
+        apply: (tr) => {
+          commitRecorder.apply(tr);
+        }
+      }
+    })
+  );
+}
+export {
+  CommitRecorder,
+  defineCommitRecorder,
+  defineCommitViewer
+};

package/dist/prosekit-extensions-link.js

@@ -1,12 +1,12 @@
 import {
   defineMarkRule
 } from "./chunk-ZPEMHYTU.js";
-import {
-  defineInputRule
-} from "./chunk-PYT3MOTF.js";
 import {
   defineEnterRule
 } from "./chunk-2JYT2MT7.js";
+import {
+  defineInputRule
+} from "./chunk-PYT3MOTF.js";
 
 // src/link/index.ts
 import {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@prosekit/extensions",
   "type": "module",
-  "version": "0.6.1",
+  "version": "0.7.0",
   "private": false,
   "author": {
     "name": "ocavue",
@@ -55,6 +55,14 @@
       "import": "./dist/prosekit-extensions-code-block.js",
       "default": "./dist/prosekit-extensions-code-block.js"
     },
+    "./commit": {
+      "types": "./dist/prosekit-extensions-commit.d.ts",
+      "import": "./dist/prosekit-extensions-commit.js",
+      "default": "./dist/prosekit-extensions-commit.js"
+    },
+    "./commit/style.css": {
+      "default": "./dist/commit/style.css"
+    },
     "./drop-cursor": {
       "types": "./dist/prosekit-extensions-drop-cursor.d.ts",
       "import": "./dist/prosekit-extensions-drop-cursor.js",
@@ -170,19 +178,21 @@
     "dist"
   ],
   "dependencies": {
+    "prosemirror-changeset": "^2.2.1",
     "prosemirror-dropcursor": "^1.8.1",
-    "prosemirror-flat-list": "^0.5.0",
+    "prosemirror-flat-list": "^0.5.1",
     "prosemirror-highlight": "^0.8.0",
     "prosemirror-search": "^0.1.0",
     "prosemirror-tables": "^1.3.7",
-    "shiki": "^1.9.0",
-    "@prosekit/core": "^0.6.1",
+    "shiki": "^1.10.1",
+    "@prosekit/core": "^0.7.0",
     "@prosekit/pm": "^0.1.5"
   },
   "devDependencies": {
+    "@vitest/browser": "^2.0.0-beta.13",
     "tsup": "^8.1.0",
-    "typescript": "^5.5.2",
-    "vitest": "^1.6.0",
+    "typescript": "^5.5.3",
+    "vitest": "^2.0.0-beta.13",
     "@prosekit/dev": "0.0.0"
   },
   "scripts": {
@@ -210,6 +220,9 @@
       "code-block": [
         "./dist/prosekit-extensions-code-block.d.ts"
       ],
+      "commit": [
+        "./dist/prosekit-extensions-commit.d.ts"
+      ],
       "drop-cursor": [
         "./dist/prosekit-extensions-drop-cursor.d.ts"
       ],