@kerebron/extension-yjs 0.3.1 → 0.4.0

package/LICENSE

@@ -0,0 +1,23 @@
+Permission is hereby granted, free of charge, to any
+person obtaining a copy of this software and associated
+documentation files (the "Software"), to deal in the
+Software without restriction, including without
+limitation the rights to use, copy, modify, merge,
+publish, distribute, sublicense, and/or sell copies of
+the Software, and to permit persons to whom the Software
+is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice
+shall be included in all copies or substantial portions
+of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF
+ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED
+TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A
+PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT
+SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY
+CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
+OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR
+IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER
+DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,82 @@
+# Kerebron - Prosemirror based online editor kit
+
+## Watch a Demo
+
+<a href="https://youtube.com/shorts/OdJjhAPj-wA?feature=share" target="_blank">
+  <img src="https://github.com/user-attachments/assets/b63ec84a-0ed2-4f98-920c-76f6d3215168" alt="Alt Text" width="200">
+</a>
+
+## Playground Demo
+
+[playground](https://demo.kerebron.com) - be nice.
+
+## Overview
+
+Using vanilla Prosemirror modules is often impossible because of
+incompatibilities.
+
+Kerebron forks several prosemirror projects into one monorepo in order to keep
+them in sync.
+
+Project is inspired on https://tiptap.dev/, but instead of building wrapper
+around a wrapper it borrows concept of extension and command manager.
+
+It has simplified tooling (deno), fewer dependencies and resulting in lower
+number of output npm modules.
+
+**Work in progress**
+
+
+## Build
+
+### Build static examples and `.wasm` files
+
+```sh
+deno task build
+```
+
+## Development
+
+To start example server:
+
+```sh
+deno task -f server-deno-hono start
+```
+
+## Examples
+
+TODO
+
+### NPM packages are generated using DNT
+
+- https://deno.com/blog/publish-esm-cjs-module-dnt - the easiest way to publish
+  a hybrid npm module for ESM and CommonJS
+- https://github.com/denoland/dnt
+- https://gaubee.com/article/Publishing-Your-Deno-Project-as-a-Monorepo-using-dnt/
+
+To generate npm packages
+
+```sh
+deno -A ./build/build_npm.ts
+```
+
+## Run through docker
+
+```sh
+docker build . -t editor-test
+docker run -it -p 8000:8000 -v $PWD:/usr/src/app editor-test
+```
+
+## Prerequisites
+
+Install deno
+
+```
+npm install -g deno
+```
+
+Install rust
+
+```
+curl --proto '=https' --tlsv1.2 -sSf https://sh.rustup.rs | sh
+```

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

@@ -1,19 +1,27 @@
 import { EditorView } from 'prosemirror-view';
 import { Node as ProseMirrorNode, Schema } from 'prosemirror-model';
-import type { EditorOptions, JSONContent } from './types.js';
+import type { EditorConfig, JSONContent } from './types.js';
 import { EditorState, Transaction } from 'prosemirror-state';
 import { DummyEditorView } from './DummyEditorView.js';
 import { ChainedCommands } from './commands/mod.js';
 import { Extension } from './Extension.js';
+import { EditorUi } from './ui.js';
 export declare class CoreEditor extends EventTarget {
-    readonly options: Partial<EditorOptions>;
+    readonly config: Partial<EditorConfig>;
     private extensionManager;
     private commandManager;
     view: EditorView | DummyEditorView;
     state: EditorState;
-    constructor(options?: Partial<EditorOptions>);
+    ui: EditorUi;
+    constructor(config?: Partial<EditorConfig>);
     getExtension<T extends Extension>(name: string): T | undefined;
     get schema(): Schema<any, any>;
+    get run(): {
+        [key: string]: (...args: any[]) => boolean;
+    };
+    get commandFactories(): {
+        [key: string]: import("./commands/types.js").CommandFactory;
+    };
     chain(): ChainedCommands;
     can(): ChainedCommands;
     private createView;
@@ -25,7 +33,8 @@ export declare class CoreEditor extends EventTarget {
     loadDocument(mediaType: string, content: Uint8Array): Promise<void>;
     saveDocument(mediaType: string): Promise<Uint8Array>;
     getJSON(): JSONContent;
-    clone(options?: Partial<EditorOptions>): CoreEditor;
+    clone(options?: Partial<EditorConfig>): CoreEditor;
     debug(doc?: ProseMirrorNode): void;
+    destroy(): void;
 }
 //# sourceMappingURL=CoreEditor.d.ts.map

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,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;IAyBxB,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"}
+{"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,YAAY,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AAC5D,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,OAAO,EAAa,QAAQ,EAAE,MAAM,SAAS,CAAC;AAc9C,qBAAa,UAAW,SAAQ,WAAW;IACzC,SAAgB,MAAM,EAAE,OAAO,CAAC,YAAY,CAAC,CAG3C;IACF,OAAO,CAAC,gBAAgB,CAAmB;IAC3C,OAAO,CAAC,cAAc,CAAiB;IAChC,IAAI,EAAG,UAAU,GAAG,eAAe,CAAC;IACpC,KAAK,EAAG,WAAW,CAAC;IACpB,EAAE,EAAE,QAAQ,CAAmB;gBAE1B,MAAM,GAAE,OAAO,CAAC,YAAY,CAAM;IA+B9C,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;IAI9D,IAAW,MAAM,qBAEhB;IAED,IAAW,GAAG;;MAEb;IAED,IAAW,gBAAgB;;MAE1B;IAEM,KAAK,IAAI,eAAe;IAIxB,GAAG,IAAI,eAAe;IAI7B,OAAO,CAAC,UAAU;IA8CX,mBAAmB,CAAC,WAAW,EAAE,WAAW;IAsBnD,OAAO,CAAC,YAAY;IAcb,aAAa;IASb,WAAW,CAAC,OAAO,EAAE,GAAG;IAyBxB,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,YAAY,CAAM,GAAG,UAAU;IAOtD,KAAK,CAAC,GAAG,CAAC,EAAE,eAAe;IAO3B,OAAO;CAOf"}

package/esm/editor/src/CoreEditor.js

@@ -6,6 +6,7 @@ import { CommandManager } from './commands/CommandManager.js';
 import { nodeToTreeString } from './nodeToTreeString.js';
 import { DummyEditorView } from './DummyEditorView.js';
 import { createNodeFromObject } from './utilities/createNodeFromContent.js';
+import { defaultUi } from './ui.js';
 function ensureDocSchema(doc, schema) {
     if (doc.type.schema === schema) {
         return doc;
@@ -14,9 +15,9 @@ function ensureDocSchema(doc, schema) {
     return ProseMirrorNode.fromJSON(schema, json);
 }
 export class CoreEditor extends EventTarget {
-    constructor(options = {}) {
+    constructor(config = {}) {
         super();
-        Object.defineProperty(this, "options", {
+        Object.defineProperty(this, "config", {
             enumerable: true,
             configurable: true,
             writable: true,
@@ -49,20 +50,27 @@ export class CoreEditor extends EventTarget {
             writable: true,
             value: void 0
         });
-        this.options = {
-            ...this.options,
-            ...options,
+        Object.defineProperty(this, "ui", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: defaultUi(this)
+        });
+        this.config = {
+            ...this.config,
+            ...config,
         };
-        this.extensionManager = new ExtensionManager(this.options.extensions || [], this);
+        this.commandManager = new CommandManager(this);
+        this.extensionManager = new ExtensionManager(this.config.extensions || [], this, this.commandManager);
+        this.extensionManager.created();
         // const content = this.options.content ? this.options.content : {
         //   type: this.extensionManager.schema.topNodeType.name,
         //   content: this.extensionManager.schema.topNodeType.spec.EMPTY_DOC,
         // };
-        const content = this.options.content
-            ? this.options.content
+        const content = this.config.content
+            ? this.config.content
             : this.extensionManager.schema.topNodeType.spec.EMPTY_DOC;
         this.createView(content);
-        this.commandManager = new CommandManager(this, this.extensionManager.commandFactories);
         this.setupPlugins();
     }
     getExtension(name) {
@@ -71,6 +79,12 @@ export class CoreEditor extends EventTarget {
     get schema() {
         return this.extensionManager.schema;
     }
+    get run() {
+        return this.commandManager.run;
+    }
+    get commandFactories() {
+        return this.commandManager.commandFactories;
+    }
     chain() {
         return this.commandManager.createChain();
     }
@@ -80,14 +94,30 @@ export class CoreEditor extends EventTarget {
     createView(content) {
         const doc = createNodeFromObject(content, this.schema);
         this.state = EditorState.create({ doc });
-        if (this.options.element) {
-            this.view = new EditorView(this.options.element, {
+        if (this.config.element) {
+            const view = new EditorView(this.config.element, {
                 state: this.state,
                 attributes: {
                     class: 'kb-editor',
                 },
                 dispatchTransaction: (tx) => this.dispatchTransaction(tx),
             });
+            this.view = view;
+            const parent = this.config.element.parentNode;
+            if (parent) {
+                const observer = new MutationObserver((mutations) => {
+                    for (const mutation of mutations) {
+                        for (const removedNode of mutation.removedNodes) {
+                            if (removedNode.contains(view.dom)) {
+                                // Editor DOM was removed
+                                observer.disconnect(); // Prevent multiple calls
+                                view.destroy();
+                                return;
+                            }
+                        }
+                    }
+                });
+            }
         }
         else {
             this.view = new DummyEditorView({
@@ -95,6 +125,13 @@ export class CoreEditor extends EventTarget {
                 dispatchTransaction: (tx) => this.dispatchTransaction(tx),
             });
         }
+        const event = new CustomEvent('doc:loaded', {
+            detail: {
+                editor: this,
+                doc,
+            },
+        });
+        this.dispatchEvent(event);
     }
     dispatchTransaction(transaction) {
         this.state = this.state.apply(transaction);
@@ -108,6 +145,14 @@ export class CoreEditor extends EventTarget {
             });
             this.dispatchEvent(event);
         }
+        if (transaction.docChanged) {
+            const event = new CustomEvent('changed', {
+                detail: {
+                    editor: this,
+                },
+            });
+            this.dispatchEvent(event);
+        }
     }
     setupPlugins() {
         this.state = this.state.reconfigure({
@@ -188,7 +233,7 @@ export class CoreEditor extends EventTarget {
     clone(options = {}) {
         return new CoreEditor({
             ...options,
-            extensions: [...(this.options.extensions || [])],
+            extensions: [...(this.config.extensions || [])],
         });
     }
     debug(doc) {
@@ -197,4 +242,11 @@ export class CoreEditor extends EventTarget {
         }
         console.debug(nodeToTreeString(doc));
     }
+    destroy() {
+        const event = new CustomEvent('beforeDestroy', {
+            detail: {},
+        });
+        this.dispatchEvent(event);
+        this.view.destroy();
+    }
 }

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

@@ -15,9 +15,14 @@ export declare abstract class Extension {
     protected config: Partial<ExtensionConfig>;
     readonly type = "extension";
     abstract name: string;
+    protected editor: CoreEditor;
+    readonly conflicts?: Array<string>;
     constructor(config?: Partial<ExtensionConfig>);
+    setEditor(editor: CoreEditor): void;
+    getEditor(): CoreEditor;
+    created(): void;
     getInputRules(): InputRule[];
-    getProseMirrorPlugins(editor: CoreEditor, schema: Schema): Plugin[];
+    getProseMirrorPlugins(): Plugin[];
     getCommandFactories(editor: CoreEditor): Partial<CommandFactories>;
     getKeyboardShortcuts(editor: CoreEditor): Partial<CommandShortcuts>;
     getConverters(editor: CoreEditor, schema: Schema): Record<string, Converter>;

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,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,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEvE,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"}
+{"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,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAEvE,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;IAOV,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,eAAe,CAAC;IAN7D,QAAQ,CAAC,IAAI,eAAe;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;IACtB,SAAS,CAAC,MAAM,EAAG,UAAU,CAAC;IAE9B,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC;gBAEN,MAAM,GAAE,OAAO,CAAC,eAAe,CAAM;IAGlE,SAAS,CAAC,MAAM,EAAE,UAAU;IAI5B,SAAS;IAIT,OAAO;IAGP,aAAa,IAAI,SAAS,EAAE;IAI5B,qBAAqB,IAAI,MAAM,EAAE;IAIjC,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

@@ -12,11 +12,31 @@ export class Extension {
             writable: true,
             value: 'extension'
         });
+        Object.defineProperty(this, "editor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "conflicts", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+    setEditor(editor) {
+        this.editor = editor;
+    }
+    getEditor() {
+        return this.editor;
+    }
+    created() {
     }
     getInputRules() {
         return [];
     }
-    getProseMirrorPlugins(editor, schema) {
+    getProseMirrorPlugins() {
         return [];
     }
     getCommandFactories(editor) {

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

@@ -6,7 +6,7 @@ import { AnyExtension, AnyExtensionOrReq } from './types.js';
 import { CoreEditor } from './CoreEditor.js';
 import { Mark } from './Mark.js';
 import { Node } from './Node.js';
-import { CommandFactory } from './commands/mod.js';
+import { type CommandManager } from './commands/CommandManager.js';
 export declare function findDuplicates(items: any[]): any[];
 export declare function splitExtensions(extensions: Iterable<AnyExtension>): {
     baseExtensions: Extension[];
@@ -15,19 +15,18 @@ export declare function splitExtensions(extensions: Iterable<AnyExtension>): {
 };
 export declare class ExtensionManager {
     private editor;
+    private commandManager;
     readonly schema: Schema;
     private extensions;
     readonly plugins: Plugin[];
     readonly nodeViews: Record<string, NodeViewConstructor>;
-    readonly commandFactories: {
-        [key: string]: CommandFactory;
-    };
     converters: Record<string, Converter>;
     private debug;
-    constructor(extensions: AnyExtensionOrReq[], editor: CoreEditor);
+    constructor(extensions: AnyExtensionOrReq[], editor: CoreEditor, commandManager: CommandManager);
     getExtension<T extends Extension>(name: string): T | undefined;
-    private getPlugins;
+    private initPlugins;
     private setupExtensions;
     getSchemaByResolvedExtensions(editor: CoreEditor): Schema;
+    created(): void;
 }
 //# sourceMappingURL=ExtensionManager.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ExtensionManager.d.ts","sourceRoot":"","sources":["../../../src/editor/src/ExtensionManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AAMjC,OAAO,EAGL,cAAc,EAEf,MAAM,mBAAmB,CAAC;AAK3B,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,CAIlD;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC;;;;EAgBjE;AAED,qBAAa,gBAAgB;IAYkB,OAAO,CAAC,MAAM;IAX3D,SAAgB,MAAM,EAAE,MAAM,CAAC;IAE/B,OAAO,CAAC,UAAU,CAAgC;IAClD,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAC;IAC3B,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAM;IAE7D,QAAQ,CAAC,gBAAgB,EAAE;QAAE,CAAC,GAAG,EAAE,MAAM,GAAG,cAAc,CAAA;KAAE,CAAM;IAC3D,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAM;IAElD,OAAO,CAAC,KAAK,CAAQ;gBAET,UAAU,EAAE,iBAAiB,EAAE,EAAU,MAAM,EAAE,UAAU;IAcvE,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;IAY9D,OAAO,CAAC,UAAU;IAoJlB,OAAO,CAAC,eAAe;IAoEvB,6BAA6B,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM;CAuC1D"}
+{"version":3,"file":"ExtensionManager.d.ts","sourceRoot":"","sources":["../../../src/editor/src/ExtensionManager.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,iBAAiB,EAAE,MAAM,YAAY,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AACjC,OAAO,EAAE,IAAI,EAAE,MAAM,WAAW,CAAC;AASjC,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAGnE,wBAAgB,cAAc,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,GAAG,EAAE,CAIlD;AAED,wBAAgB,eAAe,CAAC,UAAU,EAAE,QAAQ,CAAC,YAAY,CAAC;;;;EAgBjE;AAED,qBAAa,gBAAgB;IAazB,OAAO,CAAC,MAAM;IACd,OAAO,CAAC,cAAc;IAbxB,SAAgB,MAAM,EAAE,MAAM,CAAC;IAE/B,OAAO,CAAC,UAAU,CAAgC;IAClD,QAAQ,CAAC,OAAO,EAAE,MAAM,EAAE,CAAM;IAChC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,mBAAmB,CAAC,CAAM;IAEtD,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,CAAM;IAElD,OAAO,CAAC,KAAK,CAAQ;gBAGnB,UAAU,EAAE,iBAAiB,EAAE,EACvB,MAAM,EAAE,UAAU,EAClB,cAAc,EAAE,cAAc;IAcxC,YAAY,CAAC,CAAC,SAAS,SAAS,EAAE,IAAI,EAAE,MAAM,GAAG,CAAC,GAAG,SAAS;IAY9D,OAAO,CAAC,WAAW;IAkHnB,OAAO,CAAC,eAAe;IAwEvB,6BAA6B,CAAC,MAAM,EAAE,UAAU,GAAG,MAAM;IAkDzD,OAAO;CAOR"}

package/esm/editor/src/ExtensionManager.js

@@ -1,8 +1,9 @@
 import { Schema } from 'prosemirror-model';
 import { InputRulesPlugin, } from './plugins/input-rules/InputRulesPlugin.js';
 import { KeymapPlugin } from './plugins/keymap/keymap.js';
-import { chainCommands, } from './commands/mod.js';
+import { firstCommand } from './commands/mod.js';
 import { addAttributesToSchema } from './utilities/getHtmlAttributes.js';
+import { TrackSelecionPlugin } from './plugins/TrackSelecionPlugin.js';
 export function findDuplicates(items) {
     const filtered = items.filter((el, index) => items.indexOf(el) !== index);
     return Array.from(new Set(filtered));
@@ -18,13 +19,19 @@ export function splitExtensions(extensions) {
     };
 }
 export class ExtensionManager {
-    constructor(extensions, editor) {
+    constructor(extensions, editor, commandManager) {
         Object.defineProperty(this, "editor", {
             enumerable: true,
             configurable: true,
             writable: true,
             value: editor
         });
+        Object.defineProperty(this, "commandManager", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: commandManager
+        });
         Object.defineProperty(this, "schema", {
             enumerable: true,
             configurable: true,
@@ -41,7 +48,7 @@ export class ExtensionManager {
             enumerable: true,
             configurable: true,
             writable: true,
-            value: void 0
+            value: []
         });
         Object.defineProperty(this, "nodeViews", {
             enumerable: true,
@@ -49,12 +56,6 @@ export class ExtensionManager {
             writable: true,
             value: {}
         });
-        Object.defineProperty(this, "commandFactories", {
-            enumerable: true,
-            configurable: true,
-            writable: true,
-            value: {}
-        });
         Object.defineProperty(this, "converters", {
             enumerable: true,
             configurable: true,
@@ -76,7 +77,6 @@ export class ExtensionManager {
             },
         });
         editor.dispatchEvent(event);
-        this.plugins = this.getPlugins();
     }
     getExtension(name) {
         const { nodeExtensions, markExtensions, baseExtensions } = splitExtensions(this.extensions);
@@ -86,43 +86,15 @@ export class ExtensionManager {
             }
         }
     }
-    getPlugins() {
-        const plugins = [];
+    initPlugins() {
         const inputRules = [];
-        const commands = new Map();
         const keyBindings = new Map();
-        const mergeCommands = (toInsert, extName) => {
-            for (const key in toInsert) {
-                const commandFactory = toInsert[key];
-                if (!commandFactory) {
-                    continue;
-                }
-                if (this.debug) {
-                    const wrappedFactory = (...args) => {
-                        const realCommand = commandFactory(...args);
-                        const command = (state, dispatch, view) => {
-                            if (dispatch) {
-                                console.debug(`Command: ${extName}.${key}`);
-                            }
-                            return realCommand(state, dispatch, view);
-                        };
-                        return command;
-                    };
-                    commands.set(key, wrappedFactory);
-                    this.commandFactories[key] = wrappedFactory;
-                }
-                else {
-                    commands.set(key, commandFactory);
-                    this.commandFactories[key] = commandFactory;
-                }
-            }
-        };
-        function mergeShortcuts(toInsert, extName) {
+        const mergeShortcuts = (toInsert, extName) => {
             for (const key in toInsert) {
                 if (!toInsert[key]) {
                     continue;
                 }
-                const commandFactory = commands.get(toInsert[key]);
+                const commandFactory = this.commandManager.commandFactories[toInsert[key]];
                 if (!commandFactory) {
                     console.warn(`No command constructor: ${toInsert[key]}`);
                     continue;
@@ -130,26 +102,27 @@ export class ExtensionManager {
                 const command = commandFactory();
                 const keyBinding = keyBindings.get(key);
                 if (keyBinding) {
-                    keyBindings.set(key, chainCommands(keyBinding, command));
+                    keyBindings.set(key, firstCommand(command, keyBinding));
                 }
                 else {
                     keyBindings.set(key, command);
                 }
             }
-        }
+        };
         let converters = {};
         for (const extension of this.extensions) {
+            extension.setEditor(this.editor);
             if (extension.type === 'node') {
                 const nodeType = this.schema.nodes[extension.name];
                 inputRules.push(...extension.getInputRules(nodeType));
-                plugins.push(...extension.getProseMirrorPlugins(this.editor, this.schema));
-                mergeCommands(extension.getCommandFactories(this.editor, nodeType), extension.name);
+                this.plugins.push(...extension.getProseMirrorPlugins());
+                this.commandManager.mergeCommandFactories(extension.getCommandFactories(this.editor, nodeType), extension.name);
                 mergeShortcuts(extension.getKeyboardShortcuts(this.editor), extension.name);
                 converters = {
                     ...converters,
                     ...extension.getConverters(this.editor, this.schema),
                 };
-                const nodeView = extension.getNodeView();
+                const nodeView = extension.getNodeView(this.editor);
                 if (nodeView) {
                     this.nodeViews[extension.name] = nodeView;
                 }
@@ -157,12 +130,12 @@ export class ExtensionManager {
             if (extension.type === 'mark') {
                 const markType = this.schema.marks[extension.name];
                 inputRules.push(...extension.getInputRules(markType));
-                mergeCommands(extension.getCommandFactories(this.editor, markType), extension.name);
+                this.commandManager.mergeCommandFactories(extension.getCommandFactories(this.editor, markType), extension.name);
                 mergeShortcuts(extension.getKeyboardShortcuts(this.editor), extension.name);
             }
             if (extension.type === 'extension') {
-                plugins.push(...extension.getProseMirrorPlugins(this.editor, this.schema));
-                mergeCommands(extension.getCommandFactories(this.editor), extension.name);
+                this.plugins.push(...extension.getProseMirrorPlugins());
+                this.commandManager.mergeCommandFactories(extension.getCommandFactories(this.editor), extension.name);
                 mergeShortcuts(extension.getKeyboardShortcuts(this.editor), extension.name);
                 converters = {
                     ...converters,
@@ -180,13 +153,13 @@ export class ExtensionManager {
                     console.debug(`Key: ${key}`);
                     return true;
                 };
-                keyBindings.set(key, chainCommands(wrapperCommand, keyBinding));
+                keyBindings.set(key, firstCommand(wrapperCommand, keyBinding));
             }
         }
         this.converters = converters;
-        plugins.push(new InputRulesPlugin(inputRules));
-        plugins.push(new KeymapPlugin(Object.fromEntries(keyBindings)));
-        return plugins;
+        this.plugins.push(new InputRulesPlugin(inputRules));
+        this.plugins.push(new KeymapPlugin(Object.fromEntries(keyBindings)));
+        this.plugins.push(new TrackSelecionPlugin(this.editor));
     }
     setupExtensions(extensions) {
         const allExtensions = new Map();
@@ -218,7 +191,7 @@ export class ExtensionManager {
                     if (!initialized.has(require)) {
                         const requiredExtension = allExtensions.get(require);
                         if (!requiredExtension) {
-                            throw new Error('Required extension not found: ' + require);
+                            throw new Error(`Required extension for (${'name' in extension ? extension.name : extension}) not found: ${require}`);
                         }
                         recursiveInitializeExtension(requiredExtension);
                     }
@@ -240,6 +213,15 @@ export class ExtensionManager {
     }
     getSchemaByResolvedExtensions(editor) {
         const { nodeExtensions, markExtensions, baseExtensions } = splitExtensions(this.extensions);
+        for (const extension of baseExtensions) {
+            if (Array.isArray(extension.conflicts)) {
+                for (const name of extension.conflicts) {
+                    if (this.getExtension(name)) {
+                        throw new Error(`Extension conflict: ${extension.name} vs ${name}`);
+                    }
+                }
+            }
+        }
         const nodes = {};
         for (const extension of nodeExtensions) {
             nodes[extension.name] = extension.getNodeSpec();
@@ -251,7 +233,7 @@ export class ExtensionManager {
             addAttributesToSchema(marks[extension.name], extension);
         }
         const spec = {
-            topNode: this.editor.options.topNode || 'doc',
+            topNode: this.editor.config.topNode || 'doc',
             nodes,
             marks,
         };
@@ -269,4 +251,10 @@ export class ExtensionManager {
         editor.dispatchEvent(event);
         return new Schema(spec);
     }
+    created() {
+        this.initPlugins();
+        for (const extension of this.extensions) {
+            extension.created();
+        }
+    }
 }

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

@@ -10,8 +10,11 @@ export declare abstract class Mark {
     protected config: Partial<MarkConfig>;
     readonly type = "mark";
     name: string;
+    protected editor: CoreEditor;
     readonly attributes: Record<string, Attribute<any>>;
     constructor(config?: Partial<MarkConfig>);
+    setEditor(editor: CoreEditor): void;
+    created(): void;
     getMarkSpec(): MarkSpec;
     getInputRules(type: MarkType): InputRule[];
     getCommandFactories(editor: CoreEditor, type: MarkType): Partial<CommandFactories>;

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

@@ -1 +1 @@
-{"version":3,"file":"Mark.d.ts","sourceRoot":"","sources":["../../../src/editor/src/Mark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,WAAW,UAAU;IAEzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,8BAAsB,IAAI;IAML,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC;IALxD,QAAQ,CAAC,IAAI,UAAU;IACvB,IAAI,EAAE,MAAM,CAAU;IAEtB,SAAgB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAM;gBAEnC,MAAM,GAAE,OAAO,CAAC,UAAU,CAAM;IAE7D,WAAW,IAAI,QAAQ;IAIvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAI1C,mBAAmB,CACjB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAI5B,oBAAoB,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC;CAGpE"}
+{"version":3,"file":"Mark.d.ts","sourceRoot":"","sources":["../../../src/editor/src/Mark.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAE5D,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,2CAA2C,CAAC;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAClD,OAAO,KAAK,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,YAAY,CAAC;AAEvC,MAAM,WAAW,UAAU;IAEzB,CAAC,GAAG,EAAE,MAAM,GAAG,GAAG,CAAC;CACpB;AAED,8BAAsB,IAAI;IAOL,SAAS,CAAC,MAAM,EAAE,OAAO,CAAC,UAAU,CAAC;IANxD,QAAQ,CAAC,IAAI,UAAU;IACvB,IAAI,EAAE,MAAM,CAAU;IACtB,SAAS,CAAC,MAAM,EAAG,UAAU,CAAC;IAE9B,SAAgB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,CAAC,CAAC,CAAM;gBAEnC,MAAM,GAAE,OAAO,CAAC,UAAU,CAAM;IAE7D,SAAS,CAAC,MAAM,EAAE,UAAU;IAI5B,OAAO;IAGP,WAAW,IAAI,QAAQ;IAIvB,aAAa,CAAC,IAAI,EAAE,QAAQ,GAAG,SAAS,EAAE;IAI1C,mBAAmB,CACjB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,QAAQ,GACb,OAAO,CAAC,gBAAgB,CAAC;IAI5B,oBAAoB,CAAC,MAAM,EAAE,UAAU,GAAG,OAAO,CAAC,gBAAgB,CAAC;CAGpE"}

package/esm/editor/src/Mark.js

@@ -18,6 +18,12 @@ export class Mark {
             writable: true,
             value: 'node'
         });
+        Object.defineProperty(this, "editor", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
         Object.defineProperty(this, "attributes", {
             enumerable: true,
             configurable: true,
@@ -25,6 +31,11 @@ export class Mark {
             value: {}
         });
     }
+    setEditor(editor) {
+        this.editor = editor;
+    }
+    created() {
+    }
     getMarkSpec() {
         throw new Error('MarkSpec not defined: ' + this.name);
     }