@blocknote/core 0.17.1 → 0.19.0

package/dist/src/schema/blocks/createSpec.js

@@ -0,0 +1,126 @@
+import { createInternalBlockSpec, createStronglyTypedTiptapNode, getBlockFromPos, propsToAttributes, wrapInBlockStructure, } from "./internal.js";
+// Function that causes events within non-selectable blocks to be handled by the
+// browser instead of the editor.
+export function applyNonSelectableBlockFix(nodeView, editor) {
+    nodeView.stopEvent = (event) => {
+        // Blurs the editor on mouse down as the block is non-selectable. This is
+        // mainly done to prevent UI elements like the formatting toolbar from being
+        // visible while content within a non-selectable block is selected.
+        if (event.type === "mousedown") {
+            setTimeout(() => {
+                editor.view.dom.blur();
+            }, 10);
+        }
+        return true;
+    };
+}
+// Function that uses the 'parse' function of a blockConfig to create a
+// TipTap node's `parseHTML` property. This is only used for parsing content
+// from the clipboard.
+export function getParseRules(config, customParseFunction) {
+    const rules = [
+        {
+            tag: "[data-content-type=" + config.type + "]",
+            contentElement: "[data-editable]",
+        },
+    ];
+    if (customParseFunction) {
+        rules.push({
+            tag: "*",
+            getAttrs(node) {
+                if (typeof node === "string") {
+                    return false;
+                }
+                const props = customParseFunction?.(node);
+                if (props === undefined) {
+                    return false;
+                }
+                return props;
+            },
+        });
+    }
+    //     getContent(node, schema) {
+    //       const block = blockConfig.parse?.(node as HTMLElement);
+    //
+    //       if (block !== undefined && block.content !== undefined) {
+    //         return Fragment.from(
+    //           typeof block.content === "string"
+    //             ? schema.text(block.content)
+    //             : inlineContentToNodes(block.content, schema)
+    //         );
+    //       }
+    //
+    //       return Fragment.empty;
+    //     },
+    //   });
+    // }
+    return rules;
+}
+// A function to create custom block for API consumers
+// we want to hide the tiptap node from API consumers and provide a simpler API surface instead
+export function createBlockSpec(blockConfig, blockImplementation) {
+    const node = createStronglyTypedTiptapNode({
+        name: blockConfig.type,
+        content: (blockConfig.content === "inline"
+            ? "inline*"
+            : ""),
+        group: "blockContent",
+        selectable: blockConfig.isSelectable ?? true,
+        addAttributes() {
+            return propsToAttributes(blockConfig.propSchema);
+        },
+        parseHTML() {
+            return getParseRules(blockConfig, blockImplementation.parse);
+        },
+        renderHTML({ HTMLAttributes }) {
+            // renderHTML is used for copy/pasting content from the editor back into
+            // the editor, so we need to make sure the `blockContent` element is
+            // structured correctly as this is what's used for parsing blocks. We
+            // just render a placeholder div inside as the `blockContent` element
+            // already has all the information needed for proper parsing.
+            const div = document.createElement("div");
+            return wrapInBlockStructure({
+                dom: div,
+                contentDOM: blockConfig.content === "inline" ? div : undefined,
+            }, blockConfig.type, {}, blockConfig.propSchema, blockConfig.isFileBlock, HTMLAttributes);
+        },
+        addNodeView() {
+            return ({ getPos }) => {
+                // Gets the BlockNote editor instance
+                const editor = this.options.editor;
+                // Gets the block
+                const block = getBlockFromPos(getPos, editor, this.editor, blockConfig.type);
+                // Gets the custom HTML attributes for `blockContent` nodes
+                const blockContentDOMAttributes = this.options.domAttributes?.blockContent || {};
+                const output = blockImplementation.render(block, editor);
+                const nodeView = wrapInBlockStructure(output, block.type, block.props, blockConfig.propSchema, blockContentDOMAttributes);
+                if (blockConfig.isSelectable === false) {
+                    applyNonSelectableBlockFix(nodeView, this.editor);
+                }
+                return nodeView;
+            };
+        },
+    });
+    if (node.name !== blockConfig.type) {
+        throw new Error("Node name does not match block type. This is a bug in BlockNote.");
+    }
+    return createInternalBlockSpec(blockConfig, {
+        node,
+        toInternalHTML: (block, editor) => {
+            const blockContentDOMAttributes = node.options.domAttributes?.blockContent || {};
+            const output = blockImplementation.render(block, editor);
+            return wrapInBlockStructure(output, block.type, block.props, blockConfig.propSchema, blockConfig.isFileBlock, blockContentDOMAttributes);
+        },
+        // TODO: this should not have wrapInBlockStructure and generally be a lot simpler
+        // post-processing in externalHTMLExporter should not be necessary
+        toExternalHTML: (block, editor) => {
+            const blockContentDOMAttributes = node.options.domAttributes?.blockContent || {};
+            let output = blockImplementation.toExternalHTML?.(block, editor);
+            if (output === undefined) {
+                output = blockImplementation.render(block, editor);
+            }
+            return wrapInBlockStructure(output, block.type, block.props, blockConfig.propSchema, blockContentDOMAttributes);
+        },
+    });
+}
+//# sourceMappingURL=createSpec.js.map

package/dist/src/schema/blocks/createSpec.js.map

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

package/dist/src/schema/blocks/internal.js

@@ -0,0 +1,147 @@
+import { Node, } from "@tiptap/core";
+import { defaultBlockToHTML } from "../../blocks/defaultBlockHelpers.js";
+import { inheritedProps } from "../../blocks/defaultProps.js";
+import { mergeCSSClasses } from "../../util/browser.js";
+import { camelToDataKebab } from "../../util/string.js";
+// Function that uses the 'propSchema' of a blockConfig to create a TipTap
+// node's `addAttributes` property.
+// TODO: extract function
+export function propsToAttributes(propSchema) {
+    const tiptapAttributes = {};
+    Object.entries(propSchema)
+        .filter(([name, _spec]) => !inheritedProps.includes(name))
+        .forEach(([name, spec]) => {
+        tiptapAttributes[name] = {
+            default: spec.default,
+            keepOnSplit: true,
+            // Props are displayed in kebab-case as HTML attributes. If a prop's
+            // value is the same as its default, we don't display an HTML
+            // attribute for it.
+            parseHTML: (element) => {
+                const value = element.getAttribute(camelToDataKebab(name));
+                if (value === null) {
+                    return null;
+                }
+                if (typeof spec.default === "boolean") {
+                    if (value === "true") {
+                        return true;
+                    }
+                    if (value === "false") {
+                        return false;
+                    }
+                    return null;
+                }
+                if (typeof spec.default === "number") {
+                    const asNumber = parseFloat(value);
+                    const isNumeric = !Number.isNaN(asNumber) && Number.isFinite(asNumber);
+                    if (isNumeric) {
+                        return asNumber;
+                    }
+                    return null;
+                }
+                return value;
+            },
+            renderHTML: (attributes) => attributes[name] !== spec.default
+                ? {
+                    [camelToDataKebab(name)]: attributes[name],
+                }
+                : {},
+        };
+    });
+    return tiptapAttributes;
+}
+// Used to figure out which block should be rendered. This block is then used to
+// create the node view.
+export function getBlockFromPos(getPos, editor, tipTapEditor, type) {
+    // Gets position of the node
+    if (typeof getPos === "boolean") {
+        throw new Error("Cannot find node position as getPos is a boolean, not a function.");
+    }
+    const pos = getPos();
+    // Gets parent blockContainer node
+    const blockContainer = tipTapEditor.state.doc.resolve(pos).node();
+    // Gets block identifier
+    const blockIdentifier = blockContainer.attrs.id;
+    if (!blockIdentifier) {
+        throw new Error("Block doesn't have id");
+    }
+    // Gets the block
+    const block = editor.getBlock(blockIdentifier);
+    if (block.type !== type) {
+        throw new Error("Block type does not match");
+    }
+    return block;
+}
+// Function that wraps the `dom` element returned from 'blockConfig.render' in a
+// `blockContent` div, which contains the block type and props as HTML
+// attributes. If `blockConfig.render` also returns a `contentDOM`, it also adds
+// an `inlineContent` class to it.
+export function wrapInBlockStructure(element, blockType, blockProps, propSchema, isFileBlock = false, domAttributes) {
+    // Creates `blockContent` element
+    const blockContent = document.createElement("div");
+    // Adds custom HTML attributes
+    if (domAttributes !== undefined) {
+        for (const [attr, value] of Object.entries(domAttributes)) {
+            if (attr !== "class") {
+                blockContent.setAttribute(attr, value);
+            }
+        }
+    }
+    // Sets blockContent class
+    blockContent.className = mergeCSSClasses("bn-block-content", domAttributes?.class || "");
+    // Sets content type attribute
+    blockContent.setAttribute("data-content-type", blockType);
+    // Adds props as HTML attributes in kebab-case with "data-" prefix. Skips props
+    // which are already added as HTML attributes to the parent `blockContent`
+    // element (inheritedProps) and props set to their default values.
+    for (const [prop, value] of Object.entries(blockProps)) {
+        if (!inheritedProps.includes(prop) && value !== propSchema[prop].default) {
+            blockContent.setAttribute(camelToDataKebab(prop), value);
+        }
+    }
+    // Adds file block attribute
+    if (isFileBlock) {
+        blockContent.setAttribute("data-file-block", "");
+    }
+    blockContent.appendChild(element.dom);
+    if (element.contentDOM !== undefined) {
+        element.contentDOM.className = mergeCSSClasses("bn-inline-content", element.contentDOM.className);
+        element.contentDOM.setAttribute("data-editable", "");
+    }
+    return {
+        ...element,
+        dom: blockContent,
+    };
+}
+export function createStronglyTypedTiptapNode(config) {
+    return Node.create(config); // force re-typing (should be safe as it's type-checked from the config)
+}
+// This helper function helps to instantiate a blockspec with a
+// config and implementation that conform to the type of Config
+export function createInternalBlockSpec(config, implementation) {
+    return {
+        config,
+        implementation,
+    };
+}
+export function createBlockSpecFromStronglyTypedTiptapNode(node, propSchema, requiredExtensions) {
+    return createInternalBlockSpec({
+        type: node.name,
+        content: (node.config.content === "inline*"
+            ? "inline"
+            : node.config.content === "tableRow+"
+                ? "table"
+                : "none"),
+        propSchema,
+    }, {
+        node,
+        requiredExtensions,
+        toInternalHTML: defaultBlockToHTML,
+        toExternalHTML: defaultBlockToHTML,
+        // parse: () => undefined, // parse rules are in node already
+    });
+}
+export function getBlockSchemaFromSpecs(specs) {
+    return Object.fromEntries(Object.entries(specs).map(([key, value]) => [key, value.config]));
+}
+//# sourceMappingURL=internal.js.map

package/dist/src/schema/blocks/internal.js.map

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

package/dist/src/schema/blocks/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/schema/blocks/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/schema/blocks/types.ts"],"names":[],"mappings":""}

package/dist/src/schema/index.js

@@ -0,0 +1,11 @@
+export * from "./blocks/createSpec.js";
+export * from "./blocks/internal.js";
+export * from "./blocks/types.js";
+export * from "./inlineContent/createSpec.js";
+export * from "./inlineContent/internal.js";
+export * from "./inlineContent/types.js";
+export * from "./propTypes.js";
+export * from "./styles/createSpec.js";
+export * from "./styles/internal.js";
+export * from "./styles/types.js";
+//# sourceMappingURL=index.js.map

package/dist/src/schema/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/schema/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,wBAAwB,CAAC;AACvC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}

package/dist/src/schema/inlineContent/createSpec.js

@@ -0,0 +1,64 @@
+import { Node } from "@tiptap/core";
+import { inlineContentToNodes } from "../../api/nodeConversions/blockToNode.js";
+import { nodeToCustomInlineContent } from "../../api/nodeConversions/nodeToBlock.js";
+import { propsToAttributes } from "../blocks/internal.js";
+import { addInlineContentAttributes, addInlineContentKeyboardShortcuts, createInlineContentSpecFromTipTapNode, } from "./internal.js";
+export function getInlineContentParseRules(config) {
+    return [
+        {
+            tag: `[data-inline-content-type="${config.type}"]`,
+            contentElement: (element) => {
+                const htmlElement = element;
+                if (htmlElement.matches("[data-editable]")) {
+                    return htmlElement;
+                }
+                return htmlElement.querySelector("[data-editable]") || htmlElement;
+            },
+        },
+    ];
+}
+export function createInlineContentSpec(inlineContentConfig, inlineContentImplementation) {
+    const node = Node.create({
+        name: inlineContentConfig.type,
+        inline: true,
+        group: "inline",
+        selectable: inlineContentConfig.content === "styled",
+        atom: inlineContentConfig.content === "none",
+        content: (inlineContentConfig.content === "styled"
+            ? "inline*"
+            : ""),
+        addAttributes() {
+            return propsToAttributes(inlineContentConfig.propSchema);
+        },
+        addKeyboardShortcuts() {
+            return addInlineContentKeyboardShortcuts(inlineContentConfig);
+        },
+        parseHTML() {
+            return getInlineContentParseRules(inlineContentConfig);
+        },
+        renderHTML({ node }) {
+            const editor = this.options.editor;
+            const output = inlineContentImplementation.render(nodeToCustomInlineContent(node, editor.schema.inlineContentSchema, editor.schema.styleSchema), // TODO: fix cast
+            () => {
+                // No-op
+            }, editor);
+            return addInlineContentAttributes(output, inlineContentConfig.type, node.attrs, inlineContentConfig.propSchema);
+        },
+        addNodeView() {
+            return ({ node, getPos }) => {
+                const editor = this.options.editor;
+                const output = inlineContentImplementation.render(nodeToCustomInlineContent(node, editor.schema.inlineContentSchema, editor.schema.styleSchema), // TODO: fix cast
+                (update) => {
+                    if (typeof getPos === "boolean") {
+                        return;
+                    }
+                    const content = inlineContentToNodes([update], editor._tiptapEditor.schema, editor.schema.styleSchema);
+                    editor._tiptapEditor.view.dispatch(editor._tiptapEditor.view.state.tr.replaceWith(getPos(), getPos() + node.nodeSize, content));
+                }, editor);
+                return addInlineContentAttributes(output, inlineContentConfig.type, node.attrs, inlineContentConfig.propSchema);
+            };
+        },
+    });
+    return createInlineContentSpecFromTipTapNode(node, inlineContentConfig.propSchema); // TODO: fix cast
+}
+//# sourceMappingURL=createSpec.js.map

package/dist/src/schema/inlineContent/createSpec.js.map

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

package/dist/src/schema/inlineContent/internal.js

@@ -0,0 +1,52 @@
+import { camelToDataKebab } from "../../util/string.js";
+// Function that adds necessary classes and attributes to the `dom` element
+// returned from a custom inline content's 'render' function, to ensure no data
+// is lost on internal copy & paste.
+export function addInlineContentAttributes(element, inlineContentType, inlineContentProps, propSchema) {
+    // Sets content type attribute
+    element.dom.setAttribute("data-inline-content-type", inlineContentType);
+    // Adds props as HTML attributes in kebab-case with "data-" prefix. Skips props
+    // set to their default values.
+    Object.entries(inlineContentProps)
+        .filter(([prop, value]) => value !== propSchema[prop].default)
+        .map(([prop, value]) => {
+        return [camelToDataKebab(prop), value];
+    })
+        .forEach(([prop, value]) => element.dom.setAttribute(prop, value));
+    if (element.contentDOM !== undefined) {
+        element.contentDOM.setAttribute("data-editable", "");
+    }
+    return element;
+}
+// see https://github.com/TypeCellOS/BlockNote/pull/435
+export function addInlineContentKeyboardShortcuts(config) {
+    return {
+        Backspace: ({ editor }) => {
+            const resolvedPos = editor.state.selection.$from;
+            return (editor.state.selection.empty &&
+                resolvedPos.node().type.name === config.type &&
+                resolvedPos.parentOffset === 0);
+        },
+    };
+}
+// This helper function helps to instantiate a InlineContentSpec with a
+// config and implementation that conform to the type of Config
+export function createInternalInlineContentSpec(config, implementation) {
+    return {
+        config,
+        implementation,
+    };
+}
+export function createInlineContentSpecFromTipTapNode(node, propSchema) {
+    return createInternalInlineContentSpec({
+        type: node.name,
+        propSchema,
+        content: node.config.content === "inline*" ? "styled" : "none",
+    }, {
+        node,
+    });
+}
+export function getInlineContentSchemaFromSpecs(specs) {
+    return Object.fromEntries(Object.entries(specs).map(([key, value]) => [key, value.config]));
+}
+//# sourceMappingURL=internal.js.map

package/dist/src/schema/inlineContent/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../../src/schema/inlineContent/internal.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAC;AAWxD,2EAA2E;AAC3E,+EAA+E;AAC/E,oCAAoC;AACpC,MAAM,UAAU,0BAA0B,CAIxC,OAGC,EACD,iBAAwB,EACxB,kBAAkC,EAClC,UAAmB;IAKnB,8BAA8B;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,0BAA0B,EAAE,iBAAiB,CAAC,CAAC;IACxE,+EAA+E;IAC/E,+BAA+B;IAC/B,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC;SAC/B,MAAM,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,KAAK,KAAK,UAAU,CAAC,IAAI,CAAC,CAAC,OAAO,CAAC;SAC7D,GAAG,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE;QACrB,OAAO,CAAC,gBAAgB,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,CAAC;IACzC,CAAC,CAAC;SACD,OAAO,CAAC,CAAC,CAAC,IAAI,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,CAAC;IAErE,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;QACrC,OAAO,CAAC,UAAU,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,uDAAuD;AACvD,MAAM,UAAU,iCAAiC,CAG/C,MAAS;IAIT,OAAO;QACL,SAAS,EAAE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;YACxB,MAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC;YAEjD,OAAO,CACL,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,KAAK;gBAC5B,WAAW,CAAC,IAAI,EAAE,CAAC,IAAI,CAAC,IAAI,KAAK,MAAM,CAAC,IAAI;gBAC5C,WAAW,CAAC,YAAY,KAAK,CAAC,CAC/B,CAAC;QACJ,CAAC;KACF,CAAC;AACJ,CAAC;AAED,uEAAuE;AACvE,+DAA+D;AAC/D,MAAM,UAAU,+BAA+B,CAC7C,MAAS,EACT,cAA8C;IAE9C,OAAO;QACL,MAAM;QACN,cAAc;KACgB,CAAC;AACnC,CAAC;AAED,MAAM,UAAU,qCAAqC,CAGnD,IAAO,EAAE,UAAa;IACtB,OAAO,+BAA+B,CACpC;QACE,IAAI,EAAE,IAAI,CAAC,IAAiB;QAC5B,UAAU;QACV,OAAO,EAAE,IAAI,CAAC,MAAM,CAAC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;KAC/D,EACD;QACE,IAAI;KACL,CACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,+BAA+B,CAC7C,KAAQ;IAER,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CAC9B,CAAC;AACvC,CAAC"}

package/dist/src/schema/inlineContent/types.js

@@ -0,0 +1,10 @@
+export function isLinkInlineContent(content) {
+    return content.type === "link";
+}
+export function isPartialLinkInlineContent(content) {
+    return typeof content !== "string" && content.type === "link";
+}
+export function isStyledTextInlineContent(content) {
+    return typeof content !== "string" && content.type === "text";
+}
+//# sourceMappingURL=types.js.map

package/dist/src/schema/inlineContent/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/schema/inlineContent/types.ts"],"names":[],"mappings":"AA+HA,MAAM,UAAU,mBAAmB,CACjC,OAA8B;IAE9B,OAAO,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;AACjC,CAAC;AAED,MAAM,UAAU,0BAA0B,CACxC,OAA4C;IAE5C,OAAO,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;AAChE,CAAC;AAED,MAAM,UAAU,yBAAyB,CACvC,OAA4C;IAE5C,OAAO,OAAO,OAAO,KAAK,QAAQ,IAAI,OAAO,CAAC,IAAI,KAAK,MAAM,CAAC;AAChE,CAAC"}

package/dist/src/schema/propTypes.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=propTypes.js.map

package/dist/src/schema/propTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"propTypes.js","sourceRoot":"","sources":["../../../src/schema/propTypes.ts"],"names":[],"mappings":""}

package/dist/src/schema/styles/createSpec.js

@@ -0,0 +1,48 @@
+import { Mark } from "@tiptap/core";
+import { UnreachableCaseError } from "../../util/typescript.js";
+import { addStyleAttributes, createInternalStyleSpec, stylePropsToAttributes, } from "./internal.js";
+// TODO: support serialization
+export function getStyleParseRules(config) {
+    return [
+        {
+            tag: `[data-style-type="${config.type}"]`,
+            contentElement: (element) => {
+                const htmlElement = element;
+                if (htmlElement.matches("[data-editable]")) {
+                    return htmlElement;
+                }
+                return htmlElement.querySelector("[data-editable]") || htmlElement;
+            },
+        },
+    ];
+}
+export function createStyleSpec(styleConfig, styleImplementation) {
+    const mark = Mark.create({
+        name: styleConfig.type,
+        addAttributes() {
+            return stylePropsToAttributes(styleConfig.propSchema);
+        },
+        parseHTML() {
+            return getStyleParseRules(styleConfig);
+        },
+        renderHTML({ mark }) {
+            let renderResult;
+            if (styleConfig.propSchema === "boolean") {
+                // @ts-ignore not sure why this is complaining
+                renderResult = styleImplementation.render();
+            }
+            else if (styleConfig.propSchema === "string") {
+                renderResult = styleImplementation.render(mark.attrs.stringValue);
+            }
+            else {
+                throw new UnreachableCaseError(styleConfig.propSchema);
+            }
+            // const renderResult = styleImplementation.render();
+            return addStyleAttributes(renderResult, styleConfig.type, mark.attrs.stringValue, styleConfig.propSchema);
+        },
+    });
+    return createInternalStyleSpec(styleConfig, {
+        mark,
+    });
+}
+//# sourceMappingURL=createSpec.js.map

package/dist/src/schema/styles/createSpec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createSpec.js","sourceRoot":"","sources":["../../../../src/schema/styles/createSpec.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAGpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,sBAAsB,GACvB,MAAM,eAAe,CAAC;AAevB,8BAA8B;AAE9B,MAAM,UAAU,kBAAkB,CAAC,MAAmB;IACpD,OAAO;QACL;YACE,GAAG,EAAE,qBAAqB,MAAM,CAAC,IAAI,IAAI;YACzC,cAAc,EAAE,CAAC,OAAO,EAAE,EAAE;gBAC1B,MAAM,WAAW,GAAG,OAAsB,CAAC;gBAE3C,IAAI,WAAW,CAAC,OAAO,CAAC,iBAAiB,CAAC,EAAE,CAAC;oBAC3C,OAAO,WAAW,CAAC;gBACrB,CAAC;gBAED,OAAO,WAAW,CAAC,aAAa,CAAC,iBAAiB,CAAC,IAAI,WAAW,CAAC;YACrE,CAAC;SACF;KACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,eAAe,CAC7B,WAAc,EACd,mBAAiD;IAEjD,MAAM,IAAI,GAAG,IAAI,CAAC,MAAM,CAAC;QACvB,IAAI,EAAE,WAAW,CAAC,IAAI;QAEtB,aAAa;YACX,OAAO,sBAAsB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;QACxD,CAAC;QAED,SAAS;YACP,OAAO,kBAAkB,CAAC,WAAW,CAAC,CAAC;QACzC,CAAC;QAED,UAAU,CAAC,EAAE,IAAI,EAAE;YACjB,IAAI,YAGH,CAAC;YAEF,IAAI,WAAW,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;gBACzC,8CAA8C;gBAC9C,YAAY,GAAG,mBAAmB,CAAC,MAAM,EAAE,CAAC;YAC9C,CAAC;iBAAM,IAAI,WAAW,CAAC,UAAU,KAAK,QAAQ,EAAE,CAAC;gBAC/C,YAAY,GAAG,mBAAmB,CAAC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,WAAW,CAAC,CAAC;YACpE,CAAC;iBAAM,CAAC;gBACN,MAAM,IAAI,oBAAoB,CAAC,WAAW,CAAC,UAAU,CAAC,CAAC;YACzD,CAAC;YAED,qDAAqD;YACrD,OAAO,kBAAkB,CACvB,YAAY,EACZ,WAAW,CAAC,IAAI,EAChB,IAAI,CAAC,KAAK,CAAC,WAAW,EACtB,WAAW,CAAC,UAAU,CACvB,CAAC;QACJ,CAAC;KACF,CAAC,CAAC;IAEH,OAAO,uBAAuB,CAAC,WAAW,EAAE;QAC1C,IAAI;KACL,CAAC,CAAC;AACL,CAAC"}

package/dist/src/schema/styles/internal.js

@@ -0,0 +1,53 @@
+export function stylePropsToAttributes(propSchema) {
+    if (propSchema === "boolean") {
+        return {};
+    }
+    return {
+        stringValue: {
+            default: undefined,
+            keepOnSplit: true,
+            parseHTML: (element) => element.getAttribute("data-value"),
+            renderHTML: (attributes) => attributes.stringValue !== undefined
+                ? {
+                    "data-value": attributes.stringValue,
+                }
+                : {},
+        },
+    };
+}
+// Function that adds necessary classes and attributes to the `dom` element
+// returned from a custom style's 'render' function, to ensure no data is lost
+// on internal copy & paste.
+export function addStyleAttributes(element, styleType, styleValue, propSchema) {
+    // Sets content type attribute
+    element.dom.setAttribute("data-style-type", styleType);
+    // Adds style value as an HTML attribute in kebab-case with "data-" prefix, if
+    // the style takes a string value.
+    if (propSchema === "string") {
+        element.dom.setAttribute("data-value", styleValue);
+    }
+    if (element.contentDOM !== undefined) {
+        element.contentDOM.setAttribute("data-editable", "");
+    }
+    return element;
+}
+// This helper function helps to instantiate a stylespec with a
+// config and implementation that conform to the type of Config
+export function createInternalStyleSpec(config, implementation) {
+    return {
+        config,
+        implementation,
+    };
+}
+export function createStyleSpecFromTipTapMark(mark, propSchema) {
+    return createInternalStyleSpec({
+        type: mark.name,
+        propSchema,
+    }, {
+        mark,
+    });
+}
+export function getStyleSchemaFromSpecs(specs) {
+    return Object.fromEntries(Object.entries(specs).map(([key, value]) => [key, value.config]));
+}
+//# sourceMappingURL=internal.js.map

package/dist/src/schema/styles/internal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"internal.js","sourceRoot":"","sources":["../../../../src/schema/styles/internal.ts"],"names":[],"mappings":"AAUA,MAAM,UAAU,sBAAsB,CACpC,UAA2B;IAE3B,IAAI,UAAU,KAAK,SAAS,EAAE,CAAC;QAC7B,OAAO,EAAE,CAAC;IACZ,CAAC;IACD,OAAO;QACL,WAAW,EAAE;YACX,OAAO,EAAE,SAAS;YAClB,WAAW,EAAE,IAAI;YACjB,SAAS,EAAE,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,YAAY,CAAC,YAAY,CAAC;YAC1D,UAAU,EAAE,CAAC,UAAU,EAAE,EAAE,CACzB,UAAU,CAAC,WAAW,KAAK,SAAS;gBAClC,CAAC,CAAC;oBACE,YAAY,EAAE,UAAU,CAAC,WAAW;iBACrC;gBACH,CAAC,CAAC,EAAE;SACT;KACF,CAAC;AACJ,CAAC;AAED,2EAA2E;AAC3E,8EAA8E;AAC9E,4BAA4B;AAC5B,MAAM,UAAU,kBAAkB,CAIhC,OAGC,EACD,SAAgB,EAChB,UAA0D,EAC1D,UAAmB;IAKnB,8BAA8B;IAC9B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,iBAAiB,EAAE,SAAS,CAAC,CAAC;IACvD,8EAA8E;IAC9E,kCAAkC;IAClC,IAAI,UAAU,KAAK,QAAQ,EAAE,CAAC;QAC5B,OAAO,CAAC,GAAG,CAAC,YAAY,CAAC,YAAY,EAAE,UAAoB,CAAC,CAAC;IAC/D,CAAC;IAED,IAAI,OAAO,CAAC,UAAU,KAAK,SAAS,EAAE,CAAC;QACrC,OAAO,CAAC,UAAU,CAAC,YAAY,CAAC,eAAe,EAAE,EAAE,CAAC,CAAC;IACvD,CAAC;IAED,OAAO,OAAO,CAAC;AACjB,CAAC;AAED,+DAA+D;AAC/D,+DAA+D;AAC/D,MAAM,UAAU,uBAAuB,CACrC,MAAS,EACT,cAAmC;IAEnC,OAAO;QACL,MAAM;QACN,cAAc;KACQ,CAAC;AAC3B,CAAC;AAED,MAAM,UAAU,6BAA6B,CAG3C,IAAO,EAAE,UAAa;IACtB,OAAO,uBAAuB,CAC5B;QACE,IAAI,EAAE,IAAI,CAAC,IAAiB;QAC5B,UAAU;KACX,EACD;QACE,IAAI;KACL,CACF,CAAC;AACJ,CAAC;AAED,MAAM,UAAU,uBAAuB,CAAuB,KAAQ;IACpE,OAAO,MAAM,CAAC,WAAW,CACvB,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC,GAAG,EAAE,KAAK,CAAC,MAAM,CAAC,CAAC,CACtC,CAAC;AAC/B,CAAC"}

package/dist/src/schema/styles/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/src/schema/styles/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/schema/styles/types.ts"],"names":[],"mappings":""}

package/dist/src/util/EventEmitter.js

@@ -0,0 +1,33 @@
+// from https://raw.githubusercontent.com/ueberdosis/tiptap/develop/packages/core/src/EventEmitter.ts (MIT)
+export class EventEmitter {
+    // eslint-disable-next-line @typescript-eslint/ban-types
+    callbacks = {};
+    on(event, fn) {
+        if (!this.callbacks[event]) {
+            this.callbacks[event] = [];
+        }
+        this.callbacks[event].push(fn);
+        return () => this.off(event, fn);
+    }
+    emit(event, ...args) {
+        const callbacks = this.callbacks[event];
+        if (callbacks) {
+            callbacks.forEach((callback) => callback.apply(this, args));
+        }
+    }
+    off(event, fn) {
+        const callbacks = this.callbacks[event];
+        if (callbacks) {
+            if (fn) {
+                this.callbacks[event] = callbacks.filter((callback) => callback !== fn);
+            }
+            else {
+                delete this.callbacks[event];
+            }
+        }
+    }
+    removeAllListeners() {
+        this.callbacks = {};
+    }
+}
+//# sourceMappingURL=EventEmitter.js.map

package/dist/src/util/EventEmitter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EventEmitter.js","sourceRoot":"","sources":["../../../src/util/EventEmitter.ts"],"names":[],"mappings":"AAAA,2GAA2G;AAY3G,MAAM,OAAO,YAAY;IACvB,wDAAwD;IAChD,SAAS,GAAkC,EAAE,CAAC;IAE/C,EAAE,CACP,KAAgB,EAChB,EAAkC;QAElC,IAAI,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,EAAE,CAAC;YAC3B,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC;QAC7B,CAAC;QAED,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC;QAE/B,OAAO,GAAG,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;IACnC,CAAC;IAES,IAAI,CACZ,KAAgB,EAChB,GAAG,IAAgC;QAEnC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,CAAC;QAC9D,CAAC;IACH,CAAC;IAEM,GAAG,CACR,KAAgB,EAChB,EAAmC;QAEnC,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;QAExC,IAAI,SAAS,EAAE,CAAC;YACd,IAAI,EAAE,EAAE,CAAC;gBACP,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,SAAS,CAAC,MAAM,CAAC,CAAC,QAAQ,EAAE,EAAE,CAAC,QAAQ,KAAK,EAAE,CAAC,CAAC;YAC1E,CAAC;iBAAM,CAAC;gBACN,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;YAC/B,CAAC;QACH,CAAC;IACH,CAAC;IAES,kBAAkB;QAC1B,IAAI,CAAC,SAAS,GAAG,EAAE,CAAC;IACtB,CAAC;CACF"}