@kerebron/editor-kits 0.4.1

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

@@ -0,0 +1,11 @@
+import { Plugin } from 'prosemirror-state';
+import { Extension } from '../../editor/src/mod.js';
+import { type MenuElement } from './menu.js';
+export interface CustomMenuOptions {
+    content: readonly (readonly MenuElement[])[];
+}
+export declare class ExtensionCustomMenu extends Extension {
+    name: string;
+    getProseMirrorPlugins(): Plugin[];
+}
+//# sourceMappingURL=ExtensionCustomMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ExtensionCustomMenu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/ExtensionCustomMenu.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,SAAS,EAAE,MAAM,yBAAyB,CAAC;AACpD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,WAAW,CAAC;AAI7C,MAAM,WAAW,iBAAiB;IAEhC,OAAO,EAAE,SAAS,CAAC,SAAS,WAAW,EAAE,CAAC,EAAE,CAAC;CAC9C;AAGD,qBAAa,mBAAoB,SAAQ,SAAS;IAChD,IAAI,SAAgB;IAEX,qBAAqB,IAAI,MAAM,EAAE;CAS3C"}

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

@@ -0,0 +1,23 @@
+import { Extension } from '../../editor/src/mod.js';
+import { buildMenu } from './buildMenu.js';
+import { CustomMenuPlugin } from './CustomMenuPlugin.js';
+/// Extension for a customizable menu with pinned items
+export class ExtensionCustomMenu extends Extension {
+    constructor() {
+        super(...arguments);
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 'customMenu'
+        });
+    }
+    getProseMirrorPlugins() {
+        const content = buildMenu(this.editor, this.editor.schema);
+        return [
+            new CustomMenuPlugin(this.editor, {
+                content,
+            }),
+        ];
+    }
+}

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

@@ -0,0 +1,5 @@
+import { Schema } from 'prosemirror-model';
+import { type CoreEditor } from '../../editor/src/mod.js';
+import { type MenuElement } from './menu.js';
+export declare function buildMenu(editor: CoreEditor, schema: Schema): MenuElement[][];
+//# sourceMappingURL=buildMenu.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"buildMenu.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/buildMenu.ts"],"names":[],"mappings":"AACA,OAAO,EAA6B,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAGtE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAE1D,OAAO,EAGL,KAAK,WAAW,EAGjB,MAAM,WAAW,CAAC;AAoCnB,wBAAgB,SAAS,CAAC,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,GAAG,WAAW,EAAE,EAAE,CAgX7E"}

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

@@ -0,0 +1,331 @@
+import { NodeSelection } from 'prosemirror-state';
+import { EditorView } from 'prosemirror-view';
+import { Dropdown, DropdownSubmenu, MenuItem, } from './menu.js';
+import { icons } from './icons.js';
+import { openPrompt, TextField } from './prompt.js';
+function canInsert(state, nodeType) {
+    let $from = state.selection.$from;
+    for (let d = $from.depth; d >= 0; d--) {
+        let index = $from.index(d);
+        if ($from.node(d).canReplaceWith(index, index, nodeType))
+            return true;
+    }
+    return false;
+}
+function cmdItem(cmd, options) {
+    let passedOptions = {
+        label: options.title,
+        run: cmd,
+    };
+    for (let prop in options) {
+        passedOptions[prop] = options[prop];
+    }
+    if (!options.enable && !options.select) {
+        passedOptions[options.enable ? 'enable' : 'select'] = (state) => cmd(state);
+    }
+    return new MenuItem(passedOptions);
+}
+function markActive(state, type) {
+    let { from, $from, to, empty } = state.selection;
+    if (empty)
+        return !!type.isInSet(state.storedMarks || $from.marks());
+    else
+        return state.doc.rangeHasMark(from, to, type);
+}
+const cut = (arr) => arr.filter((x) => x);
+export function buildMenu(editor, schema) {
+    function markItem(markType, options) {
+        let passedOptions = {
+            active(state) {
+                return markActive(state, markType);
+            },
+        };
+        for (let prop in options) {
+            passedOptions[prop] = options[prop];
+        }
+        return cmdItem(editor.commandFactories.toggleMark(markType), passedOptions);
+    }
+    function wrapItem(nodeType, options) {
+        let passedOptions = {
+            run(state, dispatch) {
+                return editor.commandFactories.wrapIn(nodeType, options.attrs)(state, dispatch);
+            },
+            select(state) {
+                return editor.commandFactories.wrapIn(nodeType, options.attrs)(state);
+            },
+        };
+        for (let prop in options) {
+            passedOptions[prop] = options[prop];
+        }
+        return new MenuItem(passedOptions);
+    }
+    function wrapListItem(nodeType, options) {
+        return cmdItem(editor.commandFactories.wrapInList(nodeType, options.attrs), options);
+    }
+    /// Build a menu item for changing the type of the textblock around the
+    /// selection to the given type. Provides `run`, `active`, and `select`
+    /// properties. Others must be given in `options`. `options.attrs` may
+    /// be an object to provide the attributes for the textblock node.
+    function blockTypeItem(nodeType, options) {
+        let command = editor.commandFactories.setBlockType(nodeType, options.attrs);
+        let passedOptions = {
+            run: command,
+            enable(state) {
+                return command(state);
+            },
+            active(state) {
+                let { $from, to, node } = state.selection;
+                if (node)
+                    return node.hasMarkup(nodeType, options.attrs);
+                return to <= $from.end() &&
+                    $from.parent.hasMarkup(nodeType, options.attrs);
+            },
+        };
+        for (let prop in options) {
+            passedOptions[prop] = options[prop];
+        }
+        return new MenuItem(passedOptions);
+    }
+    const menu = [];
+    if (schema.marks.strong) {
+        menu.push(new MenuItem({
+            title: 'Toggle strong assets',
+            run: () => editor.chain().toggleStrong().run(),
+            enable: (state) => editor.can().toggleStrong().run(),
+            icon: icons.strong,
+        }));
+    }
+    if (schema.marks.em) {
+        menu.push(new MenuItem({
+            title: 'Toggle emphasis',
+            run: () => editor.chain().toggleItalic().run(),
+            enable: (state) => editor.can().toggleItalic().run(),
+            icon: icons.em,
+        }));
+    }
+    if (schema.marks.underline) {
+        menu.push(new MenuItem({
+            title: 'Toggle underline',
+            label: '_',
+            run: () => editor.chain().toggleUnderline().run(),
+            enable: (state) => editor.can().toggleUnderline().run(),
+            icon: icons.underline,
+        }));
+    }
+    if (schema.marks.code) {
+        menu.push(markItem(schema.marks.code, {
+            title: 'Toggle code font',
+            icon: icons.code,
+        }));
+    }
+    if (schema.marks.link) {
+        const markType = schema.marks.link;
+        menu.push(new MenuItem({
+            title: 'Add or remove link',
+            icon: icons.link,
+            active(state) {
+                return markActive(state, markType);
+            },
+            enable(state) {
+                return !state.selection.empty;
+            },
+            run(state, dispatch) {
+                if (markActive(state, markType)) {
+                    editor.commandFactories.toggleMark(markType)(state, dispatch);
+                    return true;
+                }
+                openPrompt({
+                    title: 'Create a link',
+                    fields: {
+                        href: new TextField({
+                            label: 'Link target',
+                            required: true,
+                        }),
+                        title: new TextField({ label: 'Title' }),
+                    },
+                    callback(attrs) {
+                        editor.commandFactories.toggleMark(markType, attrs)(editor.view.state, editor.view.dispatch);
+                        editor.view.focus();
+                    },
+                });
+                return true;
+            },
+        }));
+    }
+    const blockMenu = [];
+    const insertMenu = [];
+    const typeMenu = [];
+    if (schema.nodes.bullet_list) {
+        blockMenu.push(wrapListItem(schema.nodes.bullet_list, {
+            title: 'Wrap in bullet list',
+            icon: icons.bulletList,
+        }));
+    }
+    if (schema.nodes.ordered_list) {
+        blockMenu.push(wrapListItem(schema.nodes.ordered_list, {
+            title: 'Wrap in ordered list',
+            icon: icons.orderedList,
+        }));
+    }
+    if (schema.nodes.blockquote) {
+        blockMenu.push(wrapItem(schema.nodes.blockquote, {
+            title: 'Wrap in block quote',
+            icon: icons.blockquote,
+        }));
+    }
+    if (schema.nodes.paragraph) {
+        typeMenu.push(blockTypeItem(schema.nodes.paragraph, {
+            title: 'Change to paragraph',
+            label: 'Plain',
+        }));
+    }
+    if (schema.nodes.code_block) {
+        typeMenu.push(blockTypeItem(schema.nodes.code_block, {
+            title: 'Change to code block',
+            label: 'Code',
+        }));
+    }
+    if (schema.nodes.heading) {
+        const makeHeadMenu = [];
+        for (let i = 1; i <= 6; i++) {
+            makeHeadMenu.push(blockTypeItem(schema.nodes.heading, {
+                title: 'Change to heading ' + i,
+                label: 'Heading ' + i,
+                attrs: { level: i },
+            }));
+        }
+        typeMenu.push(new DropdownSubmenu(makeHeadMenu, { label: 'Headings' }));
+    }
+    blockMenu.push(new MenuItem({
+        title: 'Join with above block',
+        run: () => editor.chain().joinUp().run(),
+        select: () => editor.can().joinUp().run(),
+        icon: icons.join,
+    }));
+    blockMenu.push(new MenuItem({
+        title: 'Lift out of enclosing block',
+        run: () => editor.chain().lift().run(),
+        select: () => editor.can().lift().run(),
+        icon: icons.lift,
+    }));
+    blockMenu.push(new MenuItem({
+        title: 'Select parent node',
+        run: () => editor.chain().selectParentNode().run(),
+        select: () => editor.can().selectParentNode().run(),
+        icon: icons.selectParentNode,
+    }));
+    if (schema.nodes.image) {
+        const nodeType = schema.nodes.image;
+        insertMenu.push(new MenuItem({
+            title: 'Insert image',
+            label: 'Image',
+            // enable: (state) => editor.can().setHorizontalRule().run(),
+            enable: (state) => canInsert(state, nodeType),
+            run(state, dispatch) {
+                let { from, to } = state.selection, attrs = null;
+                if (state.selection instanceof NodeSelection &&
+                    state.selection.node.type == nodeType) {
+                    attrs = state.selection.node.attrs;
+                }
+                openPrompt({
+                    title: 'Insert image',
+                    fields: {
+                        src: new TextField({
+                            label: 'Location',
+                            required: true,
+                            value: attrs && attrs.src,
+                        }),
+                        title: new TextField({
+                            label: 'Title',
+                            value: attrs && attrs.title,
+                        }),
+                        alt: new TextField({
+                            label: 'Description',
+                            value: attrs ? attrs.alt : state.doc.textBetween(from, to, ' '),
+                        }),
+                    },
+                    callback(attrs) {
+                        editor.view.dispatch(editor.view.state.tr.replaceSelectionWith(nodeType.createAndFill(attrs)));
+                        editor.view.focus();
+                    },
+                });
+                return true;
+            },
+        }));
+    }
+    if (schema.nodes.hr) {
+        insertMenu.push(new MenuItem({
+            title: 'Insert horizontal rule',
+            label: 'Horizontal rule',
+            run: () => editor.chain().setHorizontalRule().run(),
+            enable: (state) => editor.can().setHorizontalRule().run(),
+        }));
+    }
+    menu.push(new Dropdown(cut(insertMenu), {
+        label: 'Insert',
+    }));
+    menu.push(new Dropdown(cut(typeMenu), {
+        label: 'Type',
+    }));
+    /*
+    r.blockMenu = [
+      cut([
+        r.wrapBulletList,
+        r.wrapOrderedList,
+        r.wrapBlockQuote,
+        joinUpItem,
+        liftItem,
+        selectParentNodeItem,
+      ]),
+    ];
+    */
+    const editorView = editor.view;
+    if (editorView instanceof EditorView) {
+        menu.push(new MenuItem({
+            title: 'Undo last change',
+            run: (state, dispatch) => {
+                return editor.commandFactories.undo()(editor.view.state, editor.view.dispatch, editorView);
+            },
+            enable: (state) => {
+                return editor.commandFactories.undo()(state);
+            },
+            icon: icons.undo,
+        }));
+        menu.push(new MenuItem({
+            title: 'Redo last undone change',
+            run: (state, dispatch) => {
+                return editor.commandFactories.redo()(state, dispatch);
+            },
+            enable: (state) => editor.commandFactories.redo()(state),
+            icon: icons.redo,
+        }));
+    }
+    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' }));
+    }
+    return [menu, blockMenu];
+}

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

@@ -0,0 +1,15 @@
+import { IconSpec } from './menu.js';
+export declare function getIcon(root: Document | ShadowRoot, icon: {
+    path: string;
+    width: number;
+    height: number;
+} | {
+    text: string;
+    css?: string;
+} | {
+    dom: Node;
+}): HTMLElement;
+export declare const icons: {
+    [name: string]: IconSpec;
+};
+//# sourceMappingURL=icons.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/extension-menu/src/icons.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,WAAW,CAAC;AAerC,wBAAgB,OAAO,CACrB,IAAI,EAAE,QAAQ,GAAG,UAAU,EAC3B,IAAI,EAAE;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAC;IAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG;IACtD,IAAI,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;CACd,GAAG;IAAE,GAAG,EAAE,IAAI,CAAA;CAAE,GAChB,WAAW,CAmCb;AA8BD,eAAO,MAAM,KAAK,EAAE;IAAE,CAAC,IAAI,EAAE,MAAM,GAAG,QAAQ,CAAA;CAyE7C,CAAC"}

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

@@ -0,0 +1,123 @@
+const SVG = 'http://www.w3.org/2000/svg';
+const XLINK = 'http://www.w3.org/1999/xlink';
+const prefix = 'kb-icon';
+function hashPath(path) {
+    let hash = 0;
+    for (let i = 0; i < path.length; i++) {
+        hash = (((hash << 5) - hash) + path.charCodeAt(i)) | 0;
+    }
+    return hash;
+}
+export function getIcon(root, icon) {
+    let doc = (root.nodeType == 9 ? root : root.ownerDocument) ||
+        document;
+    let node = doc.createElement('div');
+    node.className = prefix;
+    if (icon.path) {
+        let { path, width, height } = icon;
+        let name = 'pm-icon-' + hashPath(path).toString(16);
+        if (!doc.getElementById(name)) {
+            buildSVG(root, name, icon);
+        }
+        let svg = node.appendChild(doc.createElementNS(SVG, 'svg'));
+        svg.style.width = (width / height) + 'em';
+        let use = svg.appendChild(doc.createElementNS(SVG, 'use'));
+        use.setAttributeNS(XLINK, 'href', /([^#]*)/.exec(doc.location.toString())[1] + '#' + name);
+    }
+    else if (icon.dom) {
+        node.appendChild(icon.dom.cloneNode(true));
+    }
+    else {
+        let { text, css } = icon;
+        node.appendChild(doc.createElement('span')).textContent = text || '';
+        if (css)
+            node.firstChild.style.cssText = css;
+    }
+    return node;
+}
+function buildSVG(root, name, data) {
+    let [doc, top] = root.nodeType == 9
+        ? [root, root.body]
+        : [root.ownerDocument || document, root];
+    let collection = doc.getElementById(prefix + '-collection');
+    if (!collection) {
+        collection = doc.createElementNS(SVG, 'svg');
+        collection.id = prefix + '-collection';
+        collection.style.display = 'none';
+        top.insertBefore(collection, top.firstChild);
+    }
+    let sym = doc.createElementNS(SVG, 'symbol');
+    sym.id = name;
+    sym.setAttribute('viewBox', '0 0 ' + data.width + ' ' + data.height);
+    let path = sym.appendChild(doc.createElementNS(SVG, 'path'));
+    path.setAttribute('d', data.path);
+    collection.appendChild(sym);
+}
+/// A set of basic editor-related icons. Contains the properties
+/// `join`, `lift`, `selectParentNode`, `undo`, `redo`, `strong`, `em`,
+/// `code`, `link`, `bulletList`, `orderedList`, and `blockquote`, each
+/// holding an object that can be used as the `icon` option to
+/// `MenuItem`.
+export const icons = {
+    join: {
+        width: 800,
+        height: 900,
+        path: 'M0 75h800v125h-800z M0 825h800v-125h-800z M250 400h100v-100h100v100h100v100h-100v100h-100v-100h-100z',
+    },
+    lift: {
+        width: 1024,
+        height: 1024,
+        path: 'M219 310v329q0 7-5 12t-12 5q-8 0-13-5l-164-164q-5-5-5-13t5-13l164-164q5-5 13-5 7 0 12 5t5 12zM1024 749v109q0 7-5 12t-12 5h-987q-7 0-12-5t-5-12v-109q0-7 5-12t12-5h987q7 0 12 5t5 12zM1024 530v109q0 7-5 12t-12 5h-621q-7 0-12-5t-5-12v-109q0-7 5-12t12-5h621q7 0 12 5t5 12zM1024 310v109q0 7-5 12t-12 5h-621q-7 0-12-5t-5-12v-109q0-7 5-12t12-5h621q7 0 12 5t5 12zM1024 91v109q0 7-5 12t-12 5h-987q-7 0-12-5t-5-12v-109q0-7 5-12t12-5h987q7 0 12 5t5 12z',
+    },
+    selectParentNode: { text: '\u2b1a', css: 'font-weight: bold' },
+    undo: {
+        width: 1024,
+        height: 1024,
+        path: 'M761 1024c113-206 132-520-313-509v253l-384-384 384-384v248c534-13 594 472 313 775z',
+    },
+    redo: {
+        width: 1024,
+        height: 1024,
+        path: 'M576 248v-248l384 384-384 384v-253c-446-10-427 303-313 509-280-303-221-789 313-775z',
+    },
+    strong: {
+        width: 805,
+        height: 1024,
+        path: 'M317 869q42 18 80 18 214 0 214-191 0-65-23-102-15-25-35-42t-38-26-46-14-48-6-54-1q-41 0-57 5 0 30-0 90t-0 90q0 4-0 38t-0 55 2 47 6 38zM309 442q24 4 62 4 46 0 81-7t62-25 42-51 14-81q0-40-16-70t-45-46-61-24-70-8q-28 0-74 7 0 28 2 86t2 86q0 15-0 45t-0 45q0 26 0 39zM0 950l1-53q8-2 48-9t60-15q4-6 7-15t4-19 3-18 1-21 0-19v-37q0-561-12-585-2-4-12-8t-25-6-28-4-27-2-17-1l-2-47q56-1 194-6t213-5q13 0 39 0t38 0q40 0 78 7t73 24 61 40 42 59 16 78q0 29-9 54t-22 41-36 32-41 25-48 22q88 20 146 76t58 141q0 57-20 102t-53 74-78 48-93 27-100 8q-25 0-75-1t-75-1q-60 0-175 6t-132 6z',
+    },
+    em: {
+        width: 585,
+        height: 1024,
+        path: 'M0 949l9-48q3-1 46-12t63-21q16-20 23-57 0-4 35-165t65-310 29-169v-14q-13-7-31-10t-39-4-33-3l10-58q18 1 68 3t85 4 68 1q27 0 56-1t69-4 56-3q-2 22-10 50-17 5-58 16t-62 19q-4 10-8 24t-5 22-4 26-3 24q-15 84-50 239t-44 203q-1 5-7 33t-11 51-9 47-3 32l0 10q9 2 105 17-1 25-9 56-6 0-18 0t-18 0q-16 0-49-5t-49-5q-78-1-117-1-29 0-81 5t-69 6z',
+    },
+    underline: {
+        width: 585,
+        height: 1024,
+        path: 'M0 908h1024v64H0Z',
+    },
+    code: {
+        width: 896,
+        height: 1024,
+        path: 'M608 192l-96 96 224 224-224 224 96 96 288-320-288-320zM288 192l-288 320 288 320 96-96-224-224 224-224-96-96z',
+    },
+    link: {
+        width: 951,
+        height: 1024,
+        path: 'M832 694q0-22-16-38l-118-118q-16-16-38-16-24 0-41 18 1 1 10 10t12 12 8 10 7 14 2 15q0 22-16 38t-38 16q-8 0-15-2t-14-7-10-8-12-12-10-10q-18 17-18 41 0 22 16 38l117 118q15 15 38 15 22 0 38-14l84-83q16-16 16-38zM430 292q0-22-16-38l-117-118q-16-16-38-16-22 0-38 15l-84 83q-16 16-16 38 0 22 16 38l118 118q15 15 38 15 24 0 41-17-1-1-10-10t-12-12-8-10-7-14-2-15q0-22 16-38t38-16q8 0 15 2t14 7 10 8 12 12 10 10q18-17 18-41zM941 694q0 68-48 116l-84 83q-47 47-116 47-69 0-116-48l-117-118q-47-47-47-116 0-70 50-119l-50-50q-49 50-118 50-68 0-116-48l-118-118q-48-48-48-116t48-116l84-83q47-47 116-47 69 0 116 48l117 118q47 47 47 116 0 70-50 119l50 50q49-50 118-50 68 0 116 48l118 118q48 48 48 116z',
+    },
+    bulletList: {
+        width: 768,
+        height: 896,
+        path: 'M0 512h128v-128h-128v128zM0 256h128v-128h-128v128zM0 768h128v-128h-128v128zM256 512h512v-128h-512v128zM256 256h512v-128h-512v128zM256 768h512v-128h-512v128z',
+    },
+    orderedList: {
+        width: 768,
+        height: 896,
+        path: 'M320 512h448v-128h-448v128zM320 768h448v-128h-448v128zM320 128v128h448v-128h-448zM79 384h78v-256h-36l-85 23v50l43-2v185zM189 590c0-36-12-78-96-78-33 0-64 6-83 16l1 66c21-10 42-15 67-15s32 11 32 28c0 26-30 58-110 112v50h192v-67l-91 2c49-30 87-66 87-113l1-1z',
+    },
+    blockquote: {
+        width: 640,
+        height: 896,
+        path: 'M0 448v256h256v-256h-128c0 0 0-128 128-128v-128c0 0-256 0-256 256zM640 320v-128c0 0-256 0-256 256v256h256v-256h-128c0 0 0-128 128-128z',
+    },
+};

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

@@ -0,0 +1,81 @@
+import { EditorView } from 'prosemirror-view';
+import { EditorState, Transaction } from 'prosemirror-state';
+export interface MenuElement {
+    render(pm: EditorView): {
+        dom: HTMLElement;
+        update: (state: EditorState) => boolean;
+    };
+}
+export declare class MenuItem implements MenuElement {
+    readonly spec: MenuItemSpec;
+    CSS_PREFIX: string;
+    constructor(spec: MenuItemSpec);
+    render(view: EditorView): {
+        dom: any;
+        update: (state: EditorState) => boolean;
+    };
+}
+export type IconSpec = {
+    path: string;
+    width: number;
+    height: number;
+} | {
+    text: string;
+    css?: string;
+} | {
+    dom: Node;
+};
+export interface MenuItemSpec {
+    run: (state: EditorState, dispatch: (tr: Transaction) => void) => boolean | Promise<boolean>;
+    select?: (state: EditorState) => boolean;
+    enable?: (state: EditorState) => boolean;
+    active?: (state: EditorState) => boolean;
+    render?: (view: EditorView) => HTMLElement;
+    icon?: IconSpec;
+    label?: string;
+    title?: string | ((state: EditorState) => string);
+    class?: string;
+    css?: string;
+}
+export declare class Dropdown implements MenuElement {
+    readonly options: {
+        label?: string;
+        title?: string;
+        class?: string;
+        css?: string;
+    };
+    CSS_PREFIX: string;
+    content: readonly MenuElement[];
+    constructor(content: readonly MenuElement[] | MenuElement, options?: {
+        label?: string;
+        title?: string;
+        class?: string;
+        css?: string;
+    });
+    render(view: EditorView): {
+        dom: any;
+        update: (state: EditorState) => boolean;
+    };
+    expand(dom: HTMLElement, items: readonly Node[]): {
+        close: () => boolean;
+        node: any;
+    };
+}
+export declare class DropdownSubmenu implements MenuElement {
+    readonly options: {
+        label?: string;
+    };
+    content: readonly MenuElement[];
+    constructor(content: readonly MenuElement[] | MenuElement, options?: {
+        label?: string;
+    });
+    render(view: EditorView): {
+        dom: any;
+        update: (state: EditorState) => boolean;
+    };
+}
+export declare function renderGrouped(view: EditorView, content: readonly (readonly MenuElement[])[]): {
+    dom: any;
+    update: (state: EditorState) => boolean;
+};
+//# sourceMappingURL=menu.d.ts.map

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

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