@prosekit/extensions 0.0.0-next-20240626133927 → 0.0.0-next-20240707065442

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

@@ -25,6 +25,7 @@ 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';
@@ -34,6 +35,7 @@ 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';
@@ -120,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;
@@ -327,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.
  *

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.0.0-next-20240626133927",
+  "version": "0.0.0-next-20240707065442",
   "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,20 +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/pm": "^0.0.0-next-20240626133927",
-    "@prosekit/core": "^0.0.0-next-20240626133927"
+    "shiki": "^1.10.1",
+    "@prosekit/core": "^0.0.0-next-20240707065442",
+    "@prosekit/pm": "^0.0.0-next-20240707065442"
   },
   "devDependencies": {
-    "@vitest/browser": "^2.0.0-beta.12",
+    "@vitest/browser": "^2.0.0-beta.13",
     "tsup": "^8.1.0",
-    "typescript": "^5.5.2",
-    "vitest": "^2.0.0-beta.12",
+    "typescript": "^5.5.3",
+    "vitest": "^2.0.0-beta.13",
     "@prosekit/dev": "0.0.0"
   },
   "scripts": {
@@ -211,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"
       ],