@kerebron/extension-menu 0.0.11 → 0.0.13

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

@@ -1,7 +1,7 @@
 import { EditorView } from 'prosemirror-view';
 import { Fragment, Node as ProseMirrorNode, type Schema } from 'prosemirror-model';
 import type { EditorOptions, JSONContent } from './types.js';
-import { EditorState } from 'prosemirror-state';
+import { EditorState, Transaction } from 'prosemirror-state';
 import { ChainedCommands } from './commands/CommandManager.js';
 export declare function getHTMLFromFragment(fragment: Fragment, schema: Schema): string;
 export declare class CoreEditor extends EventTarget {
@@ -15,7 +15,7 @@ export declare class CoreEditor extends EventTarget {
     chain(): ChainedCommands;
     can(): ChainedCommands;
     private createView;
-    private dispatchTransaction;
+    dispatchTransaction(transaction: Transaction): void;
     private setupPlugins;
     getJSON(): JSONContent;
     /**
@@ -24,5 +24,7 @@ export declare class CoreEditor extends EventTarget {
     getHTML(): string;
     setDocument(content?: any, mediaType?: string): void;
     getDocument(mediaType?: string): void | ProseMirrorNode;
+    clone(options?: Partial<EditorOptions>): CoreEditor;
+    debug(doc?: ProseMirrorNode): 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,EAEL,QAAQ,EACR,IAAI,IAAI,eAAe,EAEvB,KAAK,MAAM,EACZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAW,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,WAAW,EAAe,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAkB,MAAM,8BAA8B,CAAC;AAE/E,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAWR;AAeD,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;IAkBlB,OAAO,CAAC,mBAAmB;IAc3B,OAAO,CAAC,YAAY;IAcb,OAAO,IAAI,WAAW;IAI7B;;OAEG;IACI,OAAO,IAAI,MAAM;IAIjB,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM;IA4C7C,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM;CAUtC"}
+{"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,EAEL,QAAQ,EACR,IAAI,IAAI,eAAe,EAEvB,KAAK,MAAM,EACZ,MAAM,mBAAmB,CAAC;AAG3B,OAAO,KAAK,EAAW,aAAa,EAAE,WAAW,EAAE,MAAM,YAAY,CAAC;AACtE,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAE7D,OAAO,EAAE,eAAe,EAAkB,MAAM,8BAA8B,CAAC;AAG/E,wBAAgB,mBAAmB,CACjC,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,GACb,MAAM,CAWR;AA4CD,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;IAkBX,mBAAmB,CAAC,WAAW,EAAE,WAAW;IAcnD,OAAO,CAAC,YAAY;IAcb,OAAO,IAAI,WAAW;IAI7B;;OAEG;IACI,OAAO,IAAI,MAAM;IAIjB,WAAW,CAAC,OAAO,CAAC,EAAE,GAAG,EAAE,SAAS,CAAC,EAAE,MAAM;IA8C7C,WAAW,CAAC,SAAS,CAAC,EAAE,MAAM;IAc9B,KAAK,CAAC,OAAO,GAAE,OAAO,CAAC,aAAa,CAAM,GAAG,UAAU;IAOvD,KAAK,CAAC,GAAG,CAAC,EAAE,eAAe;CAMnC"}

package/esm/editor/src/CoreEditor.js

@@ -1,9 +1,10 @@
 import { EditorView } from 'prosemirror-view';
-import { DOMSerializer, } from 'prosemirror-model';
+import { DOMSerializer, 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 { debugDoc } from './debugDoc.js';
 export function getHTMLFromFragment(fragment, schema) {
     const documentFragment = DOMSerializer.fromSchema(schema).serializeFragment(fragment);
     const temporaryDocument = document.implementation.createHTMLDocument();
@@ -18,6 +19,33 @@ function createDocument(content, schema, parseOptions = {}, options = {}) {
         errorOnInvalidContent: options.errorOnInvalidContent,
     });
 }
+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);
+            });
+        });
+    }
+}
 export class CoreEditor extends EventTarget {
     constructor(options = {}) {
         super();
@@ -141,6 +169,7 @@ export class CoreEditor extends EventTarget {
         else {
             doc = createDocument(content, this.schema, this.options.parseOptions, { errorOnInvalidContent: false });
         }
+        ensureDocSchema(doc, this.schema);
         this.state = EditorState.create({
             doc,
             plugins: this.state.plugins,
@@ -161,9 +190,23 @@ export class CoreEditor extends EventTarget {
         if (mediaType) {
             const converter = this.extensionManager.converters[mediaType];
             if (converter) {
-                return converter.fromDoc(this.state.doc);
+                const json = this.state.doc.toJSON();
+                const clonedDoc = ProseMirrorNode.fromJSON(this.state.schema, json);
+                return converter.fromDoc(clonedDoc);
             }
         }
         return this.state.doc;
     }
+    clone(options = {}) {
+        return new CoreEditor({
+            ...options,
+            extensions: [...this.options.extensions]
+        });
+    }
+    debug(doc) {
+        if (!doc) {
+            doc = this.state.doc;
+        }
+        debugDoc(doc);
+    }
 }

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

@@ -0,0 +1,3 @@
+import { Node } from 'prosemirror-model';
+export declare function debugDoc(node: Node, level?: number, currentPos?: number): void;
+//# sourceMappingURL=debugDoc.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"debugDoc.d.ts","sourceRoot":"","sources":["../../../src/editor/src/debugDoc.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,IAAI,EAAC,MAAM,mBAAmB,CAAC;AAYvC,wBAAgB,QAAQ,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,SAAI,EAAE,UAAU,SAAI,QAgC7D"}

package/esm/editor/src/debugDoc.js

@@ -0,0 +1,33 @@
+function trimText(str, maxLen = 20) {
+    str = str.replaceAll('\n', '\\n');
+    if (str.length <= maxLen) {
+        return str;
+    }
+    return str.slice(0, maxLen) + '...';
+}
+export function debugDoc(node, level = 0, currentPos = 0) {
+    let delim = '';
+    for (let i = 0; i < level; i++) {
+        delim += '  ';
+    }
+    // https://prosemirror.net/docs/guide/#doc.indexing
+    let line = '';
+    line += ` - [${node.type.name}] `;
+    line += `pos: ${currentPos}, `;
+    line += `nodeSize: ${node.nodeSize}, `; // isLeaf ? 1 : 2 + this.content.size
+    line += `fragment.size: ${node.content.size}, `;
+    console.log(delim + line);
+    let marksLine = '';
+    for (const mark of node.marks) {
+        marksLine += `(${mark.type.name}), `;
+    }
+    if (marksLine) {
+        console.log(delim + '    ' + marksLine);
+    }
+    if (node.text) {
+        console.log(delim + '    "' + trimText(node.text) + '"');
+    }
+    node.forEach((child, offset) => {
+        debugDoc(child, level + 1, currentPos + offset); // + (node.isLeaf ? 1 : 2)
+    });
+}

package/esm/extension-menu/src/ExtensionMenu.d.ts

@@ -1,10 +1,17 @@
-import { MenuElement } from './menu.js';
 import { Plugin } from 'prosemirror-state';
 import { Schema } from 'prosemirror-model';
 import { type CoreEditor, Extension } from '../../editor/src/mod.js';
+import { MenuElement } from './menu.js';
+export { blockTypeItem, Dropdown, DropdownSubmenu, MenuItem, wrapItem, } from './menu.js';
 export declare function buildMenu(editor: CoreEditor, schema: Schema): MenuElement[][];
+export interface MenuConfig {
+    modifyMenu?(menus: MenuElement[][]): MenuElement[][];
+    floating: boolean;
+}
 export declare class ExtensionMenu extends Extension {
+    protected config: MenuConfig;
     name: string;
+    constructor(config?: MenuConfig);
     getProseMirrorPlugins(editor: CoreEditor, schema: Schema): Plugin[];
 }
 //# sourceMappingURL=ExtensionMenu.d.ts.map

package/esm/extension-menu/src/ExtensionMenu.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ExtensionMenu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/ExtensionMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,WAAW,EAIZ,MAAM,WAAW,CAAC;AACnB,OAAO,EAAuC,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAsB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAuDrE,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,EAAE,CA0R7E;AAED,qBAAa,aAAc,SAAQ,SAAS;IAC1C,IAAI,SAAU;IAEL,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;CAQ7E"}
+{"version":3,"file":"ExtensionMenu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/ExtensionMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuC,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAChF,OAAO,EAAsB,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE/D,OAAO,EAAE,KAAK,UAAU,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AAGrE,OAAO,EAIL,WAAW,EAIZ,MAAM,WAAW,CAAC;AAKnB,OAAO,EACL,aAAa,EACb,QAAQ,EACR,eAAe,EAEf,QAAQ,EAER,QAAQ,GACT,MAAM,WAAW,CAAC;AAkDnB,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,EAAE,CAuR7E;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,CAAC,KAAK,EAAE,WAAW,EAAE,EAAE,GAAG,WAAW,EAAE,EAAE,CAAC;IACrD,QAAQ,EAAE,OAAO,CAAC;CACnB;AAED,qBAAa,aAAc,SAAQ,SAAS;IAG9B,SAAS,CAAC,MAAM,EAAE,UAAU;IAFxC,IAAI,SAAU;gBAEQ,MAAM,GAAE,UAA+B;IAIpD,qBAAqB,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,MAAM,EAAE;CAY7E"}

package/esm/extension-menu/src/ExtensionMenu.js

@@ -1,10 +1,15 @@
-import { blockTypeItem, Dropdown, DropdownSubmenu, MenuItem, wrapItem, } from './menu.js';
 import { NodeSelection } from 'prosemirror-state';
 import { Extension } from '../../editor/src/mod.js';
 import { toggleMark, wrapInList } from '../../editor/src/commands/mod.js';
+import { blockTypeItem, Dropdown, DropdownSubmenu, MenuItem, wrapItem, } from './menu.js';
 import { MenuPlugin } from './MenuPlugin.js';
 import { icons } from './icons.js';
 import { openPrompt, TextField } from './prompt.js';
+export { blockTypeItem, Dropdown, DropdownSubmenu, 
+// MenuElement,
+MenuItem, 
+// MenuItemSpec,
+wrapItem, } from './menu.js';
 function canInsert(state, nodeType) {
     let $from = state.selection.$from;
     for (let d = $from.depth; d >= 0; d--) {
@@ -240,10 +245,6 @@ export function buildMenu(editor, schema) {
         selectParentNodeItem,
       ]),
     ];
-    r.fullMenu = r.inlineMenu.concat([[r.insertMenu, r.typeMenu]], [[
-      undoItem,
-      redoItem,
-    ]], r.blockMenu);
     */
     menu.push(new MenuItem({
         title: 'Undo last change',
@@ -257,33 +258,40 @@ export function buildMenu(editor, schema) {
         enable: () => editor.can().redo().run(),
         icon: icons.redo,
     }));
-    /*
-    function item(label: string, cmd: (state: EditorState) => boolean) {
-      return new MenuItem({ label, select: cmd, run: cmd });
+    if (schema.nodes.table) {
+        const item = (label, cmdName) => {
+            return new MenuItem({ label, enable: () => editor.can()[cmdName]().run(), run: () => editor.chain()[cmdName]().run() });
+        };
+        const tableMenu = [
+            item('Insert table', 'insertTable'),
+            item('Insert column before', 'addColumnBefore'),
+            item('Insert column after', 'addColumnAfter'),
+            item('Delete column', 'deleteColumn'),
+            item('Insert row before', 'addRowBefore'),
+            item('Insert row after', 'addRowAfter'),
+            item('Delete row', 'deleteRow'),
+            item('Delete table', 'deleteTable'),
+            item('Merge cells', 'mergeCells'),
+            item('Split cell', 'splitCell'),
+            item('Toggle header column', 'toggleHeaderColumn'),
+            item('Toggle header row', 'toggleHeaderRow'),
+            item('Toggle header cells', 'toggleHeaderCell'),
+            // item('Make cell green', setCellAttr('background', '#dfd')),
+            // item('Make cell not-green', setCellAttr('background', null)),
+        ];
+        menu.push(new Dropdown(tableMenu, { label: 'Table' }));
     }
-    const tableMenu = [
-      item('Insert column before', addColumnBefore),
-      item('Insert column after', addColumnAfter),
-      item('Delete column', deleteColumn),
-      item('Insert row before', addRowBefore),
-      item('Insert row after', addRowAfter),
-      item('Delete row', deleteRow),
-      item('Delete table', deleteTable),
-      item('Merge cells', mergeCells),
-      item('Split cell', splitCell),
-      item('Toggle header column', toggleHeaderColumn),
-      item('Toggle header row', toggleHeaderRow),
-      item('Toggle header cells', toggleHeaderCell),
-      item('Make cell green', setCellAttr('background', '#dfd')),
-      item('Make cell not-green', setCellAttr('background', null)),
-    ];
-    menu.splice(2, 0, [new Dropdown(tableMenu, { label: 'Table' })]);
-    */
     return [menu, blockMenu];
 }
 export class ExtensionMenu extends Extension {
-    constructor() {
-        super(...arguments);
+    constructor(config = { floating: true }) {
+        super(config);
+        Object.defineProperty(this, "config", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: config
+        });
         Object.defineProperty(this, "name", {
             enumerable: true,
             configurable: true,
@@ -292,10 +300,14 @@ export class ExtensionMenu extends Extension {
         });
     }
     getProseMirrorPlugins(editor, schema) {
+        let content = buildMenu(editor, schema);
+        if (this.config.modifyMenu) {
+            content = this.config.modifyMenu(content);
+        }
         return [
             new MenuPlugin({
-                content: buildMenu(editor, schema),
-                floating: true,
+                content,
+                floating: this.config.floating,
             }),
         ];
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kerebron/extension-menu",
-  "version": "0.0.11",
+  "version": "0.0.13",
   "license": "MIT",
   "module": "./esm/extension-menu/src/ExtensionMenu.js",
   "exports": {