@kerebron/extension-odt 0.2.0 → 0.3.0

package/esm/editor/src/CoreEditor.d.ts

@@ -1,23 +1,29 @@
 import { EditorView } from 'prosemirror-view';
-import { Node as ProseMirrorNode, type Schema } from 'prosemirror-model';
+import { Node as ProseMirrorNode, Schema } from 'prosemirror-model';
 import type { EditorOptions, JSONContent } from './types.js';
 import { EditorState, Transaction } from 'prosemirror-state';
-import { ChainedCommands } from './commands/CommandManager.js';
+import { DummyEditorView } from './DummyEditorView.js';
+import { ChainedCommands } from './commands/mod.js';
+import { Extension } from './Extension.js';
 export declare class CoreEditor extends EventTarget {
     readonly options: Partial<EditorOptions>;
     private extensionManager;
     private commandManager;
-    view: EditorView;
+    view: EditorView | DummyEditorView;
     state: EditorState;
     constructor(options?: Partial<EditorOptions>);
+    getExtension<T extends Extension>(name: string): T | undefined;
     get schema(): Schema<any, any>;
     chain(): ChainedCommands;
     can(): ChainedCommands;
     private createView;
     dispatchTransaction(transaction: Transaction): void;
     private setupPlugins;
-    setDocument(content?: any, mediaType?: string): void;
-    getDocument(mediaType?: string): void | ProseMirrorNode | JSONContent;
+    clearDocument(): void;
+    setDocument(content: any): void;
+    getDocument(): ProseMirrorNode;
+    loadDocument(mediaType: string, content: Uint8Array): Promise<void>;
+    saveDocument(mediaType: string): Promise<Uint8Array>;
     getJSON(): JSONContent;
     clone(options?: Partial<EditorOptions>): CoreEditor;
     debug(doc?: ProseMirrorNode): void;

package/esm/editor/src/CoreEditor.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CoreEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/src/CoreEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,KAAK,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGzE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAkB,MAAM,8BAA8B,CAAC;AAgC/E,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAgB,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAG7C;IACF,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,cAAc,CAAiB;IAChC,IAAI,EAAG,UAAU,CAAC;IAClB,KAAK,EAAG,WAAW,CAAC;gBAEf,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM;IAyBhD,IAAW,MAAM,qBAEhB;IAEM,KAAK,IAAI,eAAe;IAIxB,GAAG,IAAI,eAAe;IAI7B,OAAO,CAAC,UAAU;IAgBX,mBAAmB,CAAC,WAAW,EAAE,WAAW;IAcnD,OAAO,CAAC,YAAY;IAcb,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM;IAwC7C,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM;IAkB9B,OAAO,IAAI,WAAW;IAItB,KAAK,CAAC,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,UAAU;IAOvD,KAAK,CAAC,GAAG,CAAC,EAAE,eAAe;CAMnC"}
+{"version":3,"file":"CoreEditor.d.ts","sourceRoot":"","sources":["../../../src/editor/src/CoreEditor.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,IAAI,IAAI,eAAe,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGpE,OAAO,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAG7D,OAAO,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEpD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAc3C,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAgB,OAAO,EAAE,OAAO,CAAC,aAAa,CAAC,CAG7C;IACF,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,cAAc,CAAiB;IAChC,IAAI,EAAG,UAAU,GAAG,eAAe,CAAC;IACpC,KAAK,EAAG,WAAW,CAAC;gBAEf,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM;IA4BhD,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;IAI9D,IAAW,MAAM,qBAEhB;IAEM,KAAK,IAAI,eAAe;IAIxB,GAAG,IAAI,eAAe;IAI7B,OAAO,CAAC,UAAU;IAqBX,mBAAmB,CAAC,WAAW,EAAE,WAAW;IAcnD,OAAO,CAAC,YAAY;IAcb,aAAa;IASb,WAAW,CAAC,OAAO,EAAE,GAAG;IAuBxB,WAAW;IAIL,YAAY,CAAC,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,UAAU;IA0BnD,YAAY,CAAC,SAAS,EAAE,MAAM,GAAG,OAAO,CAAC,UAAU,CAAC;IAY1D,OAAO,IAAI,WAAW;IAItB,KAAK,CAAC,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,UAAU;IAOvD,KAAK,CAAC,GAAG,CAAC,EAAE,eAAe;CAMnC"}

package/esm/editor/src/CoreEditor.js

@@ -2,35 +2,16 @@ import { EditorView } from 'prosemirror-view';
 import { Node as ProseMirrorNode } from 'prosemirror-model';
 import { ExtensionManager } from './ExtensionManager.js';
 import { EditorState } from 'prosemirror-state';
-import { createNodeFromContent } from './utilities/createNodeFromContent.js';
 import { CommandManager } from './commands/CommandManager.js';
 import { nodeToTreeString } from './nodeToTreeString.js';
+import { DummyEditorView } from './DummyEditorView.js';
+import { createNodeFromObject } from './utilities/createNodeFromContent.js';
 function ensureDocSchema(doc, schema) {
-    if (doc.type.schema != schema) {
-        const findNode = (nodeName) => {
-            if (!schema.nodes[nodeName]) {
-                throw new Error(`Not able to rewrite schema for node '${nodeName}'`);
-            }
-            return schema.nodes[nodeName];
-        };
-        const findMark = (markName) => {
-            if (!schema.marks[markName]) {
-                throw new Error(`Not able to rewrite schema for mark '${markName}'`);
-            }
-            return schema.marks[markName];
-        };
-        // TODO fix readonly warnings
-        doc.type = findNode(doc.type.name);
-        doc.marks.forEach((mark) => {
-            mark.type = findMark(mark.type.name);
-        });
-        doc.descendants((node) => {
-            node.type = findNode(node.type.name);
-            node.marks.forEach((mark) => {
-                mark.type = findMark(mark.type.name);
-            });
-        });
+    if (doc.type.schema === schema) {
+        return doc;
     }
+    const json = doc.toJSON();
+    return ProseMirrorNode.fromJSON(schema, json);
 }
 export class CoreEditor extends EventTarget {
     constructor(options = {}) {
@@ -40,7 +21,7 @@ export class CoreEditor extends EventTarget {
             configurable: true,
             writable: true,
             value: {
-                element: null, // document.createElement('div'),
+                element: undefined,
                 extensions: [],
             }
         });
@@ -72,7 +53,7 @@ export class CoreEditor extends EventTarget {
             ...this.options,
             ...options,
         };
-        this.extensionManager = new ExtensionManager(this.options.extensions, this);
+        this.extensionManager = new ExtensionManager(this.options.extensions || [], this);
         // const content = this.options.content ? this.options.content : {
         //   type: this.extensionManager.schema.topNodeType.name,
         //   content: this.extensionManager.schema.topNodeType.spec.EMPTY_DOC,
@@ -81,20 +62,23 @@ export class CoreEditor extends EventTarget {
             ? this.options.content
             : this.extensionManager.schema.topNodeType.spec.EMPTY_DOC;
         this.createView(content);
-        this.commandManager = new CommandManager(this, this.extensionManager.commandConstructors);
+        this.commandManager = new CommandManager(this, this.extensionManager.commandFactories);
         this.setupPlugins();
     }
+    getExtension(name) {
+        return this.extensionManager.getExtension(name);
+    }
     get schema() {
         return this.extensionManager.schema;
     }
     chain() {
-        return this.commandManager.chain();
+        return this.commandManager.createChain();
     }
     can() {
-        return this.commandManager.can();
+        return this.commandManager.createCan();
     }
     createView(content) {
-        const doc = createNodeFromContent(content, this.schema);
+        const doc = createNodeFromObject(content, this.schema);
         this.state = EditorState.create({ doc });
         if (this.options.element) {
             this.view = new EditorView(this.options.element, {
@@ -105,6 +89,12 @@ export class CoreEditor extends EventTarget {
                 dispatchTransaction: (tx) => this.dispatchTransaction(tx),
             });
         }
+        else {
+            this.view = new DummyEditorView({
+                state: this.state,
+                dispatchTransaction: (tx) => this.dispatchTransaction(tx),
+            });
+        }
     }
     dispatchTransaction(transaction) {
         this.state = this.state.apply(transaction);
@@ -130,25 +120,41 @@ export class CoreEditor extends EventTarget {
             });
         }
     }
-    setDocument(content, mediaType) {
-        if (!content) {
-            content = {
-                type: this.extensionManager.schema.topNodeType.name,
-                content: this.extensionManager.schema.topNodeType.spec.EMPTY_DOC.content,
-            };
-            mediaType = undefined;
-        }
-        let doc;
-        if (mediaType) {
-            const converter = this.extensionManager.converters[mediaType];
-            if (converter) {
-                doc = converter.toDoc(content);
-            }
+    clearDocument() {
+        const content = {
+            type: this.extensionManager.schema.topNodeType.name,
+            content: this.extensionManager.schema.topNodeType.spec.EMPTY_DOC.content,
+        };
+        this.setDocument(content);
+    }
+    setDocument(content) {
+        let doc = createNodeFromObject(content, this.schema);
+        doc = ensureDocSchema(doc, this.schema);
+        this.state = EditorState.create({
+            doc,
+            plugins: this.state.plugins,
+            storedMarks: this.state.storedMarks,
+        });
+        if (this.view) {
+            this.view.updateState(this.state);
         }
-        else {
-            doc = createNodeFromContent(content, this.schema);
+        const event = new CustomEvent('doc:loaded', {
+            detail: {
+                editor: this,
+                doc,
+            },
+        });
+        this.dispatchEvent(event);
+    }
+    getDocument() {
+        return this.state.doc;
+    }
+    async loadDocument(mediaType, content) {
+        const converter = this.extensionManager.converters[mediaType];
+        if (!converter) {
+            throw new Error('Converter not found for: ' + mediaType);
         }
-        ensureDocSchema(doc, this.schema);
+        const doc = await converter.toDoc(content);
         this.state = EditorState.create({
             doc,
             plugins: this.state.plugins,
@@ -165,19 +171,14 @@ export class CoreEditor extends EventTarget {
         });
         this.dispatchEvent(event);
     }
-    getDocument(mediaType) {
-        if (mediaType) {
-            const converter = this.extensionManager.converters[mediaType];
-            if (converter) {
-                const json = this.state.doc.toJSON();
-                const clonedDoc = ProseMirrorNode.fromJSON(this.state.schema, json);
-                return converter.fromDoc(clonedDoc);
-            }
-            if (mediaType === 'text/json') {
-                return this.getJSON();
-            }
+    async saveDocument(mediaType) {
+        const converter = this.extensionManager.converters[mediaType];
+        if (!converter) {
+            throw new Error('Converter not found for: ' + mediaType);
         }
-        return this.state.doc;
+        const json = this.state.doc.toJSON();
+        const clonedDoc = ProseMirrorNode.fromJSON(this.state.schema, json);
+        return await converter.fromDoc(clonedDoc);
     }
     getJSON() {
         return this.state.doc.toJSON();
@@ -185,7 +186,7 @@ export class CoreEditor extends EventTarget {
     clone(options = {}) {
         return new CoreEditor({
             ...options,
-            extensions: [...this.options.extensions],
+            extensions: [...(this.options.extensions || [])],
         });
     }
     debug(doc) {

package/esm/editor/src/DummyEditorView.d.ts

@@ -0,0 +1,60 @@
+import { EditorState, Plugin, Transaction } from 'prosemirror-state';
+import { Mark, Node } from 'prosemirror-model';
+import { EditorView, MarkView, NodeView } from 'prosemirror-view';
+import { Decoration, DecorationSource } from 'prosemirror-view';
+export declare class DummyEditorView {
+    private _props;
+    private directPlugins;
+    private nodeViews;
+    private prevDirectPlugins;
+    private pluginViews;
+    state: EditorState;
+    constructor(props: DirectEditorProps);
+    editable: boolean;
+    get composing(): boolean;
+    get dom(): {
+        addEventListener(): void;
+        removeEventListener(): void;
+    };
+    get props(): DirectEditorProps;
+    update(props: DirectEditorProps): void;
+    setProps(props: Partial<DirectEditorProps>): void;
+    updateState(state: EditorState): void;
+    private updateStateInner;
+    scrollToSelection(): void;
+    private destroyPluginViews;
+    private updatePluginViews;
+    someProp<PropName extends keyof EditorProps, Result>(propName: PropName, f: (value: NonNullable<EditorProps[PropName]>) => Result): Result | undefined;
+    someProp<PropName extends keyof EditorProps>(propName: PropName): NonNullable<EditorProps[PropName]> | undefined;
+    hasFocus(): boolean;
+    focus(): void;
+    destroy(): void;
+    get isDestroyed(): boolean;
+    dispatchEvent(event: Event): void;
+    dispatch: (tr: Transaction) => void;
+}
+export type NodeViewConstructor = (node: Node, view: EditorView, getPos: () => number | undefined, decorations: readonly Decoration[], innerDecorations: DecorationSource) => NodeView;
+export type MarkViewConstructor = (mark: Mark, view: EditorView, inline: boolean) => MarkView;
+export interface DOMEventMap extends HTMLElementEventMap {
+    [event: string]: any;
+}
+export interface EditorProps<P = any> {
+    nodeViews?: {
+        [node: string]: NodeViewConstructor;
+    };
+    markViews?: {
+        [mark: string]: MarkViewConstructor;
+    };
+    editable?: (this: P, state: EditorState) => boolean;
+    attributes?: {
+        [name: string]: string;
+    } | ((state: EditorState) => {
+        [name: string]: string;
+    });
+}
+export interface DirectEditorProps extends EditorProps {
+    state: EditorState;
+    plugins?: readonly Plugin[];
+    dispatchTransaction?: (tr: Transaction) => void;
+}
+//# sourceMappingURL=DummyEditorView.d.ts.map

package/esm/editor/src/DummyEditorView.d.ts.map

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

package/esm/editor/src/DummyEditorView.js

@@ -0,0 +1,277 @@
+// Headless View to be used on Server-side
+// TODO: remove all unnecessary props and methods
+/// An editor view manages the DOM structure that represents an
+/// editable document. Its state and behavior are determined by its
+/// [props](#view.DirectEditorProps).
+export class DummyEditorView {
+    /// Create a view. `place` may be a DOM node that the editor should
+    /// be appended to, a function that will place it into the document,
+    /// or an object whose `mount` property holds the node to use as the
+    /// document container. If it is `null`, the editor will not be
+    /// added to the document.
+    constructor(props) {
+        /// @internal
+        Object.defineProperty(this, "_props", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "directPlugins", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /// @internal
+        Object.defineProperty(this, "nodeViews", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "prevDirectPlugins", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        Object.defineProperty(this, "pluginViews", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: []
+        });
+        /// The view's current [state](#state.EditorState).
+        Object.defineProperty(this, "state", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        /// Indicates whether the editor is currently [editable](#view.EditorProps.editable).
+        Object.defineProperty(this, "editable", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        this._props = props;
+        this.state = props.state;
+        this.directPlugins = props.plugins || [];
+        this.directPlugins.forEach(checkStateComponent);
+        this.dispatch = this.dispatch.bind(this);
+        this.editable = getEditable(this);
+        this.nodeViews = buildNodeViews(this);
+        // TODO initInput(this)
+        this.updatePluginViews();
+    }
+    /// Holds `true` when a
+    /// [composition](https://w3c.github.io/uievents/#events-compositionevents)
+    /// is active.
+    get composing() {
+        return false;
+    }
+    get dom() {
+        return {
+            addEventListener() { },
+            removeEventListener() { },
+        };
+    }
+    /// The view's current [props](#view.EditorProps).
+    get props() {
+        if (this._props.state != this.state) {
+            let prev = this._props;
+            this._props = {};
+            for (let name in prev)
+                this._props[name] = prev[name];
+            this._props.state = this.state;
+        }
+        return this._props;
+    }
+    /// Update the view's props. Will immediately cause an update to
+    /// the DOM.
+    update(props) {
+        let prevProps = this._props;
+        this._props = props;
+        if (props.plugins) {
+            props.plugins.forEach(checkStateComponent);
+            this.directPlugins = props.plugins;
+        }
+        this.updateStateInner(props.state, prevProps);
+    }
+    /// Update the view by updating existing props object with the object
+    /// given as argument. Equivalent to `view.update(Object.assign({},
+    /// view.props, props))`.
+    setProps(props) {
+        let updated = {};
+        for (let name in this._props) {
+            updated[name] = this._props[name];
+        }
+        updated.state = this.state;
+        for (let name in props)
+            updated[name] = props[name];
+        this.update(updated);
+    }
+    /// Update the editor's `state` prop, without touching any of the
+    /// other props.
+    updateState(state) {
+        this.updateStateInner(state, this._props);
+    }
+    updateStateInner(state, prevProps) {
+        let prev = this.state, redraw = false, updateSel = false;
+        // When stored marks are added, stop composition, so that they can
+        // be displayed.
+        if (state.storedMarks && this.composing) {
+            // TODO clearComposition(this)
+            updateSel = true;
+        }
+        this.state = state;
+        let pluginsChanged = prev.plugins != state.plugins ||
+            this._props.plugins != prevProps.plugins;
+        if (pluginsChanged || this._props.plugins != prevProps.plugins ||
+            this._props.nodeViews != prevProps.nodeViews) {
+            let nodeViews = buildNodeViews(this);
+            if (changedNodeViews(nodeViews, this.nodeViews)) {
+                this.nodeViews = nodeViews;
+                redraw = true;
+            }
+        }
+        this.editable = getEditable(this);
+        let updateDoc = redraw;
+        if (updateDoc || !state.selection.eq(prev.selection))
+            updateSel = true;
+        if (updateSel) {
+            // Work around an issue in Chrome, IE, and Edge where changing
+            // the DOM around an active selection puts it into a broken
+            // state where the thing the user sees differs from the
+            // selection reported by the Selection object (#710, #973,
+            // #1011, #1013, #1035).
+            let forceSelUpdate = false;
+            if (updateDoc) {
+                // If the node that the selection points into is written to,
+                // Chrome sometimes starts misreporting the selection, so this
+                // tracks that and forces a selection reset when our update
+                // did write to the node.
+                // TODO if (this.composing) this.input.compositionNode = findCompositionNode(this)
+            }
+        }
+        this.updatePluginViews(prev);
+    }
+    /// @internal
+    scrollToSelection() {
+    }
+    destroyPluginViews() {
+        let view;
+        while (view = this.pluginViews.pop())
+            if (view.destroy)
+                view.destroy();
+    }
+    updatePluginViews(prevState) {
+        if (!prevState || prevState.plugins != this.state.plugins ||
+            this.directPlugins != this.prevDirectPlugins) {
+            this.prevDirectPlugins = this.directPlugins;
+            this.destroyPluginViews();
+            for (let i = 0; i < this.directPlugins.length; i++) {
+                let plugin = this.directPlugins[i];
+                if (plugin.spec.view) {
+                    this.pluginViews.push(plugin.spec.view(this));
+                }
+            }
+            for (let i = 0; i < this.state.plugins.length; i++) {
+                let plugin = this.state.plugins[i];
+                if (plugin.spec.view) {
+                    this.pluginViews.push(plugin.spec.view(this));
+                }
+            }
+        }
+        else {
+            for (let i = 0; i < this.pluginViews.length; i++) {
+                let pluginView = this.pluginViews[i];
+                if (pluginView.update)
+                    pluginView.update(this, prevState);
+            }
+        }
+    }
+    someProp(propName, f) {
+        let prop = this._props && this._props[propName], value;
+        if (prop != null && (value = f ? f(prop) : prop)) {
+            return value;
+        }
+        for (let i = 0; i < this.directPlugins.length; i++) {
+            let prop = this.directPlugins[i].props[propName];
+            if (prop != null && (value = f ? f(prop) : prop)) {
+                return value;
+            }
+        }
+        let plugins = this.state.plugins;
+        if (plugins) {
+            for (let i = 0; i < plugins.length; i++) {
+                let prop = plugins[i].props[propName];
+                if (prop != null && (value = f ? f(prop) : prop))
+                    return value;
+            }
+        }
+    }
+    /// Query whether the view has focus.
+    hasFocus() {
+        return false;
+    }
+    /// Focus the editor.
+    focus() {
+    }
+    /// Removes the editor from the DOM and destroys all [node
+    /// views](#view.NodeView).
+    destroy() {
+        this.destroyPluginViews();
+    }
+    /// This is true when the view has been
+    /// [destroyed](#view.DummyEditorView.destroy) (and thus should not be
+    /// used anymore).
+    get isDestroyed() {
+        return false;
+    }
+    /// Used for testing.
+    dispatchEvent(event) {
+    }
+}
+DummyEditorView.prototype.dispatch = function (tr) {
+    let dispatchTransaction = this.props.dispatchTransaction;
+    if (dispatchTransaction)
+        dispatchTransaction.call(this, tr);
+    else
+        this.updateState(this.state.apply(tr));
+};
+function getEditable(view) {
+    return !view.someProp('editable', (value) => value(view.state) === false);
+}
+function buildNodeViews(view) {
+    let result = Object.create(null);
+    function add(obj) {
+        for (let prop in obj) {
+            if (!Object.prototype.hasOwnProperty.call(result, prop)) {
+                result[prop] = obj[prop];
+            }
+        }
+    }
+    view.someProp('nodeViews', add);
+    view.someProp('markViews', add);
+    return result;
+}
+function changedNodeViews(a, b) {
+    let nA = 0, nB = 0;
+    for (let prop in a) {
+        if (a[prop] != b[prop])
+            return true;
+        nA++;
+    }
+    for (let _ in b)
+        nB++;
+    return nA != nB;
+}
+function checkStateComponent(plugin) {
+    if (plugin.spec.state || plugin.spec.filterTransaction ||
+        plugin.spec.appendTransaction) {
+        throw new RangeError('Plugins passed directly to the view must not have a state component');
+    }
+}

package/esm/editor/src/Extension.d.ts

@@ -1,25 +1,25 @@
-import { Plugin } from 'prosemirror-state';
+import type { Plugin } from 'prosemirror-state';
+import type { Node, Schema, SchemaSpec } from 'prosemirror-model';
 import { type CoreEditor } from './CoreEditor.js';
-import { InputRule } from './plugins/input-rules/InputRulesPlugin.js';
-import { Commands, CommandShortcuts } from './commands/mod.js';
-import { Schema, type SchemaSpec } from 'prosemirror-model';
+import type { InputRule } from './plugins/input-rules/InputRulesPlugin.js';
+import { CommandFactories, CommandShortcuts } from './commands/mod.js';
 export interface ExtensionConfig {
     [key: string]: any;
     requires: Array<Extension | string>;
 }
 export interface Converter {
-    fromDoc(document: unknown): void;
-    toDoc(content: unknown): any;
+    fromDoc(document: Node): Promise<Uint8Array>;
+    toDoc(content: Uint8Array): Promise<Node>;
 }
 export declare abstract class Extension {
     protected config: Partial<ExtensionConfig>;
     readonly type = "extension";
     abstract name: string;
-    protected constructor(config?: Partial<ExtensionConfig>);
+    constructor(config?: Partial<ExtensionConfig>);
     getInputRules(): InputRule[];
     getProseMirrorPlugins(editor: CoreEditor, schema: Schema): Plugin[];
-    getCommands(editor: CoreEditor): Partial<Commands>;
-    getKeyboardShortcuts(): Partial<CommandShortcuts>;
+    getCommandFactories(editor: CoreEditor): Partial<CommandFactories>;
+    getKeyboardShortcuts(editor: CoreEditor): Partial<CommandShortcuts>;
     getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;
     setupSpec(spec: SchemaSpec): void;
 }

package/esm/editor/src/Extension.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Extension.d.ts","sourceRoot":"","sources":["../../../src/editor/src/Extension.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AACtE,OAAO,EAAE,QAAQ,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,KAAK,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAE5D,MAAM,WAAW,eAAe;IAE9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,QAAQ,EAAE,OAAO,GAAG,IAAI,CAAC;IACjC,KAAK,CAAC,OAAO,EAAE,OAAO,GAAG,GAAG,CAAC;CAC9B;AAED,8BAAsB,SAAS;IAIP,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC;IAHhE,QAAQ,CAAC,IAAI,eAAe;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IAEtB,SAAS,aAAuB,MAAM,GAAE,OAAO,CAAC,eAAe,CAAM;IAGrE,aAAa,IAAI,SAAS,EAAE;IAI5B,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;IAInE,WAAW,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,QAAQ,CAAC;IAIlD,oBAAoB,IAAI,OAAO,CAAC,gBAAgB,CAAC;IAIjD,aAAa,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IAI5E,SAAS,CAAC,IAAI,EAAE,UAAU;CAE3B"}
+{"version":3,"file":"Extension.d.ts","sourceRoot":"","sources":["../../../src/editor/src/Extension.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAC;AAElE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,EACL,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,mBAAmB,CAAC;AAE3B,MAAM,WAAW,eAAe;IAE9B,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;IAEnB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC,CAAC;CACrC;AAED,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,QAAQ,EAAE,IAAI,GAAG,OAAO,CAAC,UAAU,CAAC,CAAC;IAC7C,KAAK,CAAC,OAAO,EAAE,UAAU,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CAC3C;AAED,8BAAsB,SAAS;IAIV,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC;IAH7D,QAAQ,CAAC,IAAI,eAAe;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;gBAEO,MAAM,GAAE,OAAO,CAAC,eAAe,CAAM;IAGlE,aAAa,IAAI,SAAS,EAAE;IAI5B,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;IAInE,mBAAmB,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC;IAIlE,oBAAoB,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC;IAInE,aAAa,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC;IAI5E,SAAS,CAAC,IAAI,EAAE,UAAU;CAE3B"}

package/esm/editor/src/Extension.js

@@ -19,10 +19,10 @@ export class Extension {
     getProseMirrorPlugins(editor, schema) {
         return [];
     }
-    getCommands(editor) {
+    getCommandFactories(editor) {
         return {};
     }
-    getKeyboardShortcuts() {
+    getKeyboardShortcuts(editor) {
         return {};
     }
     getConverters(editor, schema) {