@blocknote/core 0.18.0 → 0.19.0

package/dist/src/blocks/ImageBlockContent/ImageBlockContent.js

@@ -0,0 +1,106 @@
+import { createBlockSpec, } from "../../schema/index.js";
+import { defaultProps } from "../defaultProps.js";
+import { createFigureWithCaption, createFileAndCaptionWrapper, createFileBlockWrapper, createLinkWithCaption, createResizeHandlesWrapper, parseFigureElement, } from "../FileBlockContent/fileBlockHelpers.js";
+import { parseImageElement } from "./imageBlockHelpers.js";
+export const FILE_IMAGE_ICON_SVG = '<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M5 11.1005L7 9.1005L12.5 14.6005L16 11.1005L19 14.1005V5H5V11.1005ZM4 3H20C20.5523 3 21 3.44772 21 4V20C21 20.5523 20.5523 21 20 21H4C3.44772 21 3 20.5523 3 20V4C3 3.44772 3.44772 3 4 3ZM15.5 10C14.6716 10 14 9.32843 14 8.5C14 7.67157 14.6716 7 15.5 7C16.3284 7 17 7.67157 17 8.5C17 9.32843 16.3284 10 15.5 10Z"></path></svg>';
+export const imagePropSchema = {
+    textAlignment: defaultProps.textAlignment,
+    backgroundColor: defaultProps.backgroundColor,
+    // File name.
+    name: {
+        default: "",
+    },
+    // File url.
+    url: {
+        default: "",
+    },
+    // File caption.
+    caption: {
+        default: "",
+    },
+    showPreview: {
+        default: true,
+    },
+    // File preview width in px.
+    previewWidth: {
+        default: 512,
+    },
+};
+export const imageBlockConfig = {
+    type: "image",
+    propSchema: imagePropSchema,
+    content: "none",
+    isFileBlock: true,
+    fileBlockAccept: ["image/*"],
+};
+export const imageRender = (block, editor) => {
+    const icon = document.createElement("div");
+    icon.innerHTML = FILE_IMAGE_ICON_SVG;
+    const image = document.createElement("img");
+    image.className = "bn-visual-media";
+    editor.resolveFileUrl(block.props.url).then((downloadUrl) => {
+        image.src = downloadUrl;
+    });
+    image.alt = block.props.name || block.props.caption || "BlockNote image";
+    image.contentEditable = "false";
+    image.draggable = false;
+    image.width = Math.min(block.props.previewWidth, editor.domElement.firstElementChild.clientWidth);
+    const file = createResizeHandlesWrapper(block, editor, image, () => image.width, (width) => (image.width = width));
+    const element = createFileAndCaptionWrapper(block, file.dom);
+    return createFileBlockWrapper(block, editor, element, editor.dictionary.file_blocks.image.add_button_text, icon.firstElementChild);
+};
+export const imageParse = (element) => {
+    if (element.tagName === "IMG") {
+        return parseImageElement(element);
+    }
+    if (element.tagName === "FIGURE") {
+        const parsedFigure = parseFigureElement(element, "img");
+        if (!parsedFigure) {
+            return undefined;
+        }
+        const { targetElement, caption } = parsedFigure;
+        return {
+            ...parseImageElement(targetElement),
+            caption,
+        };
+    }
+    return undefined;
+};
+export const imageToExternalHTML = (block) => {
+    if (!block.props.url) {
+        const div = document.createElement("p");
+        div.textContent = "Add image";
+        return {
+            dom: div,
+        };
+    }
+    let image;
+    if (block.props.showPreview) {
+        image = document.createElement("img");
+        image.src = block.props.url;
+        image.alt = block.props.name || block.props.caption || "BlockNote image";
+        image.width = block.props.previewWidth;
+    }
+    else {
+        image = document.createElement("a");
+        image.href = block.props.url;
+        image.textContent = block.props.name || block.props.url;
+    }
+    if (block.props.caption) {
+        if (block.props.showPreview) {
+            return createFigureWithCaption(image, block.props.caption);
+        }
+        else {
+            return createLinkWithCaption(image, block.props.caption);
+        }
+    }
+    return {
+        dom: image,
+    };
+};
+export const ImageBlock = createBlockSpec(imageBlockConfig, {
+    render: imageRender,
+    parse: imageParse,
+    toExternalHTML: imageToExternalHTML,
+});
+//# sourceMappingURL=ImageBlockContent.js.map

package/dist/src/blocks/ImageBlockContent/ImageBlockContent.js.map

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

package/dist/src/blocks/ImageBlockContent/imageBlockHelpers.js

@@ -0,0 +1,6 @@
+export const parseImageElement = (imageElement) => {
+    const url = imageElement.src || undefined;
+    const previewWidth = imageElement.width || undefined;
+    return { url, previewWidth };
+};
+//# sourceMappingURL=imageBlockHelpers.js.map

package/dist/src/blocks/ImageBlockContent/imageBlockHelpers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"imageBlockHelpers.js","sourceRoot":"","sources":["../../../../src/blocks/ImageBlockContent/imageBlockHelpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,YAA8B,EAAE,EAAE;IAClE,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,IAAI,SAAS,CAAC;IAC1C,MAAM,YAAY,GAAG,YAAY,CAAC,KAAK,IAAI,SAAS,CAAC;IAErD,OAAO,EAAE,GAAG,EAAE,YAAY,EAAE,CAAC;AAC/B,CAAC,CAAC"}

package/dist/src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.js

@@ -0,0 +1,111 @@
+import { InputRule } from "@tiptap/core";
+import { updateBlockCommand } from "../../../api/blockManipulation/commands/updateBlock/updateBlock.js";
+import { getBlockInfoFromSelection } from "../../../api/getBlockInfoFromPos.js";
+import { createBlockSpecFromStronglyTypedTiptapNode, createStronglyTypedTiptapNode, } from "../../../schema/index.js";
+import { createDefaultBlockDOMOutputSpec } from "../../defaultBlockHelpers.js";
+import { defaultProps } from "../../defaultProps.js";
+import { handleEnter } from "../ListItemKeyboardShortcuts.js";
+export const bulletListItemPropSchema = {
+    ...defaultProps,
+};
+const BulletListItemBlockContent = createStronglyTypedTiptapNode({
+    name: "bulletListItem",
+    content: "inline*",
+    group: "blockContent",
+    // This is to make sure that check list parse rules run before, since they
+    // both parse `li` elements but check lists are more specific.
+    priority: 90,
+    addInputRules() {
+        return [
+            // Creates an unordered list when starting with "-", "+", or "*".
+            new InputRule({
+                find: new RegExp(`^[-+*]\\s$`),
+                handler: ({ state, chain, range }) => {
+                    const blockInfo = getBlockInfoFromSelection(state);
+                    if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
+                        return;
+                    }
+                    chain()
+                        .command(updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+                        type: "bulletListItem",
+                        props: {},
+                    }))
+                        // Removes the "-", "+", or "*" character used to set the list.
+                        .deleteRange({ from: range.from, to: range.to });
+                },
+            }),
+        ];
+    },
+    addKeyboardShortcuts() {
+        return {
+            Enter: () => handleEnter(this.options.editor),
+            "Mod-Shift-8": () => {
+                const blockInfo = getBlockInfoFromSelection(this.editor.state);
+                if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
+                    return true;
+                }
+                return this.options.editor.commands.command(updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+                    type: "bulletListItem",
+                    props: {},
+                }));
+            },
+        };
+    },
+    parseHTML() {
+        return [
+            // Case for regular HTML list structure.
+            {
+                tag: "div[data-content-type=" + this.name + "]", // TODO: remove if we can't come up with test case that needs this
+            },
+            {
+                tag: "li",
+                getAttrs: (element) => {
+                    if (typeof element === "string") {
+                        return false;
+                    }
+                    const parent = element.parentElement;
+                    if (parent === null) {
+                        return false;
+                    }
+                    if (parent.tagName === "UL" ||
+                        (parent.tagName === "DIV" && parent.parentElement.tagName === "UL")) {
+                        return {};
+                    }
+                    return false;
+                },
+                node: "bulletListItem",
+            },
+            // Case for BlockNote list structure.
+            {
+                tag: "p",
+                getAttrs: (element) => {
+                    if (typeof element === "string") {
+                        return false;
+                    }
+                    const parent = element.parentElement;
+                    if (parent === null) {
+                        return false;
+                    }
+                    if (parent.getAttribute("data-content-type") === "bulletListItem") {
+                        return {};
+                    }
+                    return false;
+                },
+                priority: 300,
+                node: "bulletListItem",
+            },
+        ];
+    },
+    renderHTML({ HTMLAttributes }) {
+        return createDefaultBlockDOMOutputSpec(this.name, 
+        // We use a <p> tag, because for <li> tags we'd need a <ul> element to put
+        // them in to be semantically correct, which we can't have due to the
+        // schema.
+        "p", {
+            ...(this.options.domAttributes?.blockContent || {}),
+            ...HTMLAttributes,
+        }, this.options.domAttributes?.inlineContent || {});
+    },
+});
+export const BulletListItem = createBlockSpecFromStronglyTypedTiptapNode(BulletListItemBlockContent, bulletListItemPropSchema);
+//# sourceMappingURL=BulletListItemBlockContent.js.map

package/dist/src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BulletListItemBlockContent.js","sourceRoot":"","sources":["../../../../../src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,oEAAoE,CAAC;AACxG,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAEL,0CAA0C,EAC1C,6BAA6B,GAC9B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,+BAA+B,EAAE,MAAM,8BAA8B,CAAC;AAC/E,OAAO,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAE9D,MAAM,CAAC,MAAM,wBAAwB,GAAG;IACtC,GAAG,YAAY;CACK,CAAC;AAEvB,MAAM,0BAA0B,GAAG,6BAA6B,CAAC;IAC/D,IAAI,EAAE,gBAAgB;IACtB,OAAO,EAAE,SAAS;IAClB,KAAK,EAAE,cAAc;IACrB,0EAA0E;IAC1E,8DAA8D;IAC9D,QAAQ,EAAE,EAAE;IACZ,aAAa;QACX,OAAO;YACL,iEAAiE;YACjE,IAAI,SAAS,CAAC;gBACZ,IAAI,EAAE,IAAI,MAAM,CAAC,YAAY,CAAC;gBAC9B,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;oBACnC,MAAM,SAAS,GAAG,yBAAyB,CAAC,KAAK,CAAC,CAAC;oBACnD,IAAI,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;wBAChE,OAAO;oBACT,CAAC;oBAED,KAAK,EAAE;yBACJ,OAAO,CACN,kBAAkB,CAChB,IAAI,CAAC,OAAO,CAAC,MAAM,EACnB,SAAS,CAAC,OAAO,CAAC,SAAS,EAC3B;wBACE,IAAI,EAAE,gBAAgB;wBACtB,KAAK,EAAE,EAAE;qBACV,CACF,CACF;wBACD,+DAA+D;yBAC9D,WAAW,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,EAAE,EAAE,KAAK,CAAC,EAAE,EAAE,CAAC,CAAC;gBACrD,CAAC;aACF,CAAC;SACH,CAAC;IACJ,CAAC;IAED,oBAAoB;QAClB,OAAO;YACL,KAAK,EAAE,GAAG,EAAE,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC;YAC7C,aAAa,EAAE,GAAG,EAAE;gBAClB,MAAM,SAAS,GAAG,yBAAyB,CAAC,IAAI,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC/D,IAAI,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,OAAO,KAAK,SAAS,EAAE,CAAC;oBAChE,OAAO,IAAI,CAAC;gBACd,CAAC;gBAED,OAAO,IAAI,CAAC,OAAO,CAAC,MAAM,CAAC,QAAQ,CAAC,OAAO,CACzC,kBAAkB,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,EAAE;oBACnE,IAAI,EAAE,gBAAgB;oBACtB,KAAK,EAAE,EAAE;iBACV,CAAC,CACH,CAAC;YACJ,CAAC;SACF,CAAC;IACJ,CAAC;IAED,SAAS;QACP,OAAO;YACL,wCAAwC;YACxC;gBACE,GAAG,EAAE,wBAAwB,GAAG,IAAI,CAAC,IAAI,GAAG,GAAG,EAAE,kEAAkE;aACpH;YACD;gBACE,GAAG,EAAE,IAAI;gBACT,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;oBACpB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;wBAChC,OAAO,KAAK,CAAC;oBACf,CAAC;oBAED,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;oBAErC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;wBACpB,OAAO,KAAK,CAAC;oBACf,CAAC;oBAED,IACE,MAAM,CAAC,OAAO,KAAK,IAAI;wBACvB,CAAC,MAAM,CAAC,OAAO,KAAK,KAAK,IAAI,MAAM,CAAC,aAAc,CAAC,OAAO,KAAK,IAAI,CAAC,EACpE,CAAC;wBACD,OAAO,EAAE,CAAC;oBACZ,CAAC;oBAED,OAAO,KAAK,CAAC;gBACf,CAAC;gBACD,IAAI,EAAE,gBAAgB;aACvB;YACD,qCAAqC;YACrC;gBACE,GAAG,EAAE,GAAG;gBACR,QAAQ,EAAE,CAAC,OAAO,EAAE,EAAE;oBACpB,IAAI,OAAO,OAAO,KAAK,QAAQ,EAAE,CAAC;wBAChC,OAAO,KAAK,CAAC;oBACf,CAAC;oBAED,MAAM,MAAM,GAAG,OAAO,CAAC,aAAa,CAAC;oBAErC,IAAI,MAAM,KAAK,IAAI,EAAE,CAAC;wBACpB,OAAO,KAAK,CAAC;oBACf,CAAC;oBAED,IAAI,MAAM,CAAC,YAAY,CAAC,mBAAmB,CAAC,KAAK,gBAAgB,EAAE,CAAC;wBAClE,OAAO,EAAE,CAAC;oBACZ,CAAC;oBAED,OAAO,KAAK,CAAC;gBACf,CAAC;gBACD,QAAQ,EAAE,GAAG;gBACb,IAAI,EAAE,gBAAgB;aACvB;SACF,CAAC;IACJ,CAAC;IAED,UAAU,CAAC,EAAE,cAAc,EAAE;QAC3B,OAAO,+BAA+B,CACpC,IAAI,CAAC,IAAI;QACT,0EAA0E;QAC1E,qEAAqE;QACrE,UAAU;QACV,GAAG,EACH;YACE,GAAG,CAAC,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,YAAY,IAAI,EAAE,CAAC;YACnD,GAAG,cAAc;SAClB,EACD,IAAI,CAAC,OAAO,CAAC,aAAa,EAAE,aAAa,IAAI,EAAE,CAChD,CAAC;IACJ,CAAC;CACF,CAAC,CAAC;AAEH,MAAM,CAAC,MAAM,cAAc,GAAG,0CAA0C,CACtE,0BAA0B,EAC1B,wBAAwB,CACzB,CAAC"}

package/dist/src/blocks/ListItemBlockContent/CheckListItemBlockContent/CheckListItemBlockContent.js

@@ -0,0 +1,218 @@
+import { InputRule } from "@tiptap/core";
+import { updateBlockCommand } from "../../../api/blockManipulation/commands/updateBlock/updateBlock.js";
+import { getBlockInfoFromSelection, getNearestBlockContainerPos, } from "../../../api/getBlockInfoFromPos.js";
+import { createBlockSpecFromStronglyTypedTiptapNode, createStronglyTypedTiptapNode, } from "../../../schema/index.js";
+import { createDefaultBlockDOMOutputSpec } from "../../defaultBlockHelpers.js";
+import { defaultProps } from "../../defaultProps.js";
+import { handleEnter } from "../ListItemKeyboardShortcuts.js";
+export const checkListItemPropSchema = {
+    ...defaultProps,
+    checked: {
+        default: false,
+    },
+};
+const checkListItemBlockContent = createStronglyTypedTiptapNode({
+    name: "checkListItem",
+    content: "inline*",
+    group: "blockContent",
+    addAttributes() {
+        return {
+            checked: {
+                default: false,
+                // instead of "checked" attributes, use "data-checked"
+                parseHTML: (element) => element.getAttribute("data-checked") === "true" || undefined,
+                renderHTML: (attributes) => {
+                    return attributes.checked
+                        ? {
+                            "data-checked": attributes.checked.toString(),
+                        }
+                        : {};
+                },
+            },
+        };
+    },
+    addInputRules() {
+        return [
+            // Creates a checklist when starting with "[]" or "[X]".
+            new InputRule({
+                find: new RegExp(`\\[\\s*\\]\\s$`),
+                handler: ({ state, chain, range }) => {
+                    const blockInfo = getBlockInfoFromSelection(state);
+                    if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
+                        return;
+                    }
+                    chain()
+                        .command(updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+                        type: "checkListItem",
+                        props: {
+                            checked: false,
+                        },
+                    }))
+                        // Removes the characters used to set the list.
+                        .deleteRange({ from: range.from, to: range.to });
+                },
+            }),
+            new InputRule({
+                find: new RegExp(`\\[[Xx]\\]\\s$`),
+                handler: ({ state, chain, range }) => {
+                    const blockInfo = getBlockInfoFromSelection(state);
+                    if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
+                        return;
+                    }
+                    chain()
+                        .command(updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+                        type: "checkListItem",
+                        props: {
+                            checked: true,
+                        },
+                    }))
+                        // Removes the characters used to set the list.
+                        .deleteRange({ from: range.from, to: range.to });
+                },
+            }),
+        ];
+    },
+    addKeyboardShortcuts() {
+        return {
+            Enter: () => handleEnter(this.options.editor),
+            "Mod-Shift-9": () => {
+                const blockInfo = getBlockInfoFromSelection(this.options.editor.state);
+                if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
+                    return true;
+                }
+                return this.editor.commands.command(updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+                    type: "checkListItem",
+                    props: {},
+                }));
+            },
+        };
+    },
+    parseHTML() {
+        return [
+            {
+                tag: "div[data-content-type=" + this.name + "]", // TODO: remove if we can't come up with test case that needs this
+            },
+            // Checkbox only.
+            {
+                tag: "input",
+                getAttrs: (element) => {
+                    if (typeof element === "string") {
+                        return false;
+                    }
+                    if (element.type === "checkbox") {
+                        return { checked: element.checked };
+                    }
+                    return false;
+                },
+                node: "checkListItem",
+            },
+            // Container element for checkbox + label.
+            {
+                tag: "li",
+                getAttrs: (element) => {
+                    if (typeof element === "string") {
+                        return false;
+                    }
+                    const parent = element.parentElement;
+                    if (parent === null) {
+                        return false;
+                    }
+                    if (parent.tagName === "UL" ||
+                        (parent.tagName === "DIV" && parent.parentElement.tagName === "UL")) {
+                        const checkbox = element.querySelector("input[type=checkbox]") || null;
+                        if (checkbox === null) {
+                            return false;
+                        }
+                        return { checked: checkbox.checked };
+                    }
+                    return false;
+                },
+                node: "checkListItem",
+            },
+        ];
+    },
+    // Since there is no HTML checklist element, there isn't really any
+    // standardization for what checklists should look like in the DOM. GDocs'
+    // and Notion's aren't cross compatible, for example. This implementation
+    // has a semantically correct DOM structure (though missing a label for the
+    // checkbox) which is also converted correctly to Markdown by remark.
+    renderHTML({ node, HTMLAttributes }) {
+        const checkbox = document.createElement("input");
+        checkbox.type = "checkbox";
+        checkbox.checked = node.attrs.checked;
+        if (node.attrs.checked) {
+            checkbox.setAttribute("checked", "");
+        }
+        const { dom, contentDOM } = createDefaultBlockDOMOutputSpec(this.name, "p", {
+            ...(this.options.domAttributes?.blockContent || {}),
+            ...HTMLAttributes,
+        }, this.options.domAttributes?.inlineContent || {});
+        dom.insertBefore(checkbox, contentDOM);
+        return { dom, contentDOM };
+    },
+    // Need to render node view since the checkbox needs to be able to update the
+    // node. This is only possible with a node view as it exposes `getPos`.
+    addNodeView() {
+        return ({ node, getPos, editor, HTMLAttributes }) => {
+            // Need to wrap certain elements in a div or keyboard navigation gets
+            // confused.
+            const wrapper = document.createElement("div");
+            const checkboxWrapper = document.createElement("div");
+            checkboxWrapper.contentEditable = "false";
+            const checkbox = document.createElement("input");
+            checkbox.type = "checkbox";
+            checkbox.checked = node.attrs.checked;
+            if (node.attrs.checked) {
+                checkbox.setAttribute("checked", "");
+            }
+            const changeHandler = () => {
+                if (!editor.isEditable) {
+                    // This seems like the most effective way of blocking the checkbox
+                    // from being toggled, as event.preventDefault() does not stop it for
+                    // "click" or "change" events.
+                    checkbox.checked = !checkbox.checked;
+                    return;
+                }
+                // TODO: test
+                if (typeof getPos !== "boolean") {
+                    const beforeBlockContainerPos = getNearestBlockContainerPos(editor.state.doc, getPos());
+                    this.editor.commands.command(updateBlockCommand(this.options.editor, beforeBlockContainerPos.posBeforeNode, {
+                        type: "checkListItem",
+                        props: {
+                            checked: checkbox.checked,
+                        },
+                    }));
+                }
+            };
+            checkbox.addEventListener("change", changeHandler);
+            const { dom, contentDOM } = createDefaultBlockDOMOutputSpec(this.name, "p", {
+                ...(this.options.domAttributes?.blockContent || {}),
+                ...HTMLAttributes,
+            }, this.options.domAttributes?.inlineContent || {});
+            if (typeof getPos !== "boolean") {
+                // Since `node` is a blockContent node, we have to get the block ID from
+                // the parent blockContainer node. This means we can't add the label in
+                // `renderHTML` as we can't use `getPos` and therefore can't get the
+                // parent blockContainer node.
+                const blockID = this.editor.state.doc.resolve(getPos()).node().attrs.id;
+                const label = "label-" + blockID;
+                checkbox.setAttribute("aria-labelledby", label);
+                contentDOM.id = label;
+            }
+            dom.removeChild(contentDOM);
+            dom.appendChild(wrapper);
+            wrapper.appendChild(checkboxWrapper);
+            wrapper.appendChild(contentDOM);
+            checkboxWrapper.appendChild(checkbox);
+            return {
+                dom,
+                contentDOM,
+                destroy: () => {
+                    checkbox.removeEventListener("change", changeHandler);
+                },
+            };
+        };
+    },
+});
+export const CheckListItem = createBlockSpecFromStronglyTypedTiptapNode(checkListItemBlockContent, checkListItemPropSchema);
+//# sourceMappingURL=CheckListItemBlockContent.js.map

package/dist/src/blocks/ListItemBlockContent/CheckListItemBlockContent/CheckListItemBlockContent.js.map

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

package/dist/src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.js

@@ -0,0 +1,41 @@
+import { splitBlockCommand } from "../../api/blockManipulation/commands/splitBlock/splitBlock.js";
+import { updateBlockCommand } from "../../api/blockManipulation/commands/updateBlock/updateBlock.js";
+import { getBlockInfoFromSelection } from "../../api/getBlockInfoFromPos.js";
+export const handleEnter = (editor) => {
+    const ttEditor = editor._tiptapEditor;
+    const { blockContent, bnBlock: blockContainer } = getBlockInfoFromSelection(ttEditor.state);
+    const selectionEmpty = ttEditor.state.selection.anchor === ttEditor.state.selection.head;
+    if (!(blockContent.node.type.name === "bulletListItem" ||
+        blockContent.node.type.name === "numberedListItem" ||
+        blockContent.node.type.name === "checkListItem") ||
+        !selectionEmpty) {
+        return false;
+    }
+    return ttEditor.commands.first(({ state, chain, commands }) => [
+        () => 
+        // Changes list item block to a paragraph block if the content is empty.
+        commands.command(() => {
+            if (blockContent.node.childCount === 0) {
+                return commands.command(updateBlockCommand(editor, blockContainer.beforePos, {
+                    type: "paragraph",
+                    props: {},
+                }));
+            }
+            return false;
+        }),
+        () => 
+        // Splits the current block, moving content inside that's after the cursor
+        // to a new block of the same type below.
+        commands.command(() => {
+            if (blockContent.node.childCount > 0) {
+                chain()
+                    .deleteSelection()
+                    .command(splitBlockCommand(state.selection.from, true))
+                    .run();
+                return true;
+            }
+            return false;
+        }),
+    ]);
+};
+//# sourceMappingURL=ListItemKeyboardShortcuts.js.map

package/dist/src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListItemKeyboardShortcuts.js","sourceRoot":"","sources":["../../../../src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+DAA+D,CAAC;AAClG,OAAO,EAAE,kBAAkB,EAAE,MAAM,iEAAiE,CAAC;AACrG,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAG7E,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,MAAsC,EAAE,EAAE;IACpE,MAAM,QAAQ,GAAG,MAAM,CAAC,aAAa,CAAC;IACtC,MAAM,EAAE,YAAY,EAAE,OAAO,EAAE,cAAc,EAAE,GAAG,yBAAyB,CACzE,QAAQ,CAAC,KAAK,CACf,CAAC;IAEF,MAAM,cAAc,GAClB,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,MAAM,KAAK,QAAQ,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,CAAC;IAEpE,IACE,CAAC,CACC,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,gBAAgB;QAChD,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,kBAAkB;QAClD,YAAY,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,eAAe,CAChD;QACD,CAAC,cAAc,EACf,CAAC;QACD,OAAO,KAAK,CAAC;IACf,CAAC;IAED,OAAO,QAAQ,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC;QAC7D,GAAG,EAAE;QACH,wEAAwE;QACxE,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE;YACpB,IAAI,YAAY,CAAC,IAAI,CAAC,UAAU,KAAK,CAAC,EAAE,CAAC;gBACvC,OAAO,QAAQ,CAAC,OAAO,CACrB,kBAAkB,CAAC,MAAM,EAAE,cAAc,CAAC,SAAS,EAAE;oBACnD,IAAI,EAAE,WAAW;oBACjB,KAAK,EAAE,EAAE;iBACV,CAAC,CACH,CAAC;YACJ,CAAC;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;QAEJ,GAAG,EAAE;QACH,0EAA0E;QAC1E,yCAAyC;QACzC,QAAQ,CAAC,OAAO,CAAC,GAAG,EAAE;YACpB,IAAI,YAAY,CAAC,IAAI,CAAC,UAAU,GAAG,CAAC,EAAE,CAAC;gBACrC,KAAK,EAAE;qBACJ,eAAe,EAAE;qBACjB,OAAO,CAAC,iBAAiB,CAAC,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC;qBACtD,GAAG,EAAE,CAAC;gBAET,OAAO,IAAI,CAAC;YACd,CAAC;YAED,OAAO,KAAK,CAAC;QACf,CAAC,CAAC;KACL,CAAC,CAAC;AACL,CAAC,CAAC"}

package/dist/src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.js

@@ -0,0 +1,58 @@
+import { Plugin, PluginKey } from "prosemirror-state";
+import { getBlockInfo } from "../../../api/getBlockInfoFromPos.js";
+// ProseMirror Plugin which automatically assigns indices to ordered list items per nesting level.
+const PLUGIN_KEY = new PluginKey(`numbered-list-indexing`);
+export const NumberedListIndexingPlugin = () => {
+    return new Plugin({
+        key: PLUGIN_KEY,
+        appendTransaction: (_transactions, _oldState, newState) => {
+            const tr = newState.tr;
+            tr.setMeta("numberedListIndexing", true);
+            let modified = false;
+            // Traverses each node the doc using DFS, so blocks which are on the same nesting level will be traversed in the
+            // same order they appear. This means the index of each list item block can be calculated by incrementing the
+            // index of the previous list item block.
+            newState.doc.descendants((node, pos) => {
+                if (node.type.name === "blockContainer" &&
+                    node.firstChild.type.name === "numberedListItem") {
+                    let newIndex = "1";
+                    const blockInfo = getBlockInfo({
+                        posBeforeNode: pos,
+                        node,
+                    });
+                    if (!blockInfo.isBlockContainer) {
+                        throw new Error("impossible");
+                    }
+                    // Checks if this block is the start of a new ordered list, i.e. if it's the first block in the document, the
+                    // first block in its nesting level, or the previous block is not an ordered list item.
+                    const prevBlock = tr.doc.resolve(blockInfo.bnBlock.beforePos).nodeBefore;
+                    if (prevBlock) {
+                        const prevBlockInfo = getBlockInfo({
+                            posBeforeNode: blockInfo.bnBlock.beforePos - prevBlock.nodeSize,
+                            node: prevBlock,
+                        });
+                        const isPrevBlockOrderedListItem = prevBlockInfo.blockNoteType === "numberedListItem";
+                        if (isPrevBlockOrderedListItem) {
+                            if (!prevBlockInfo.isBlockContainer) {
+                                throw new Error("impossible");
+                            }
+                            const prevBlockIndex = prevBlockInfo.blockContent.node.attrs["index"];
+                            newIndex = (parseInt(prevBlockIndex) + 1).toString();
+                        }
+                    }
+                    const contentNode = blockInfo.blockContent.node;
+                    const index = contentNode.attrs["index"];
+                    if (index !== newIndex) {
+                        modified = true;
+                        tr.setNodeMarkup(blockInfo.blockContent.beforePos, undefined, {
+                            ...contentNode.attrs,
+                            index: newIndex,
+                        });
+                    }
+                }
+            });
+            return modified ? tr : null;
+        },
+    });
+};
+//# sourceMappingURL=NumberedListIndexingPlugin.js.map

package/dist/src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NumberedListIndexingPlugin.js","sourceRoot":"","sources":["../../../../../src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qCAAqC,CAAC;AAEnE,kGAAkG;AAClG,MAAM,UAAU,GAAG,IAAI,SAAS,CAAC,wBAAwB,CAAC,CAAC;AAC3D,MAAM,CAAC,MAAM,0BAA0B,GAAG,GAAG,EAAE;IAC7C,OAAO,IAAI,MAAM,CAAC;QAChB,GAAG,EAAE,UAAU;QACf,iBAAiB,EAAE,CAAC,aAAa,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE;YACxD,MAAM,EAAE,GAAG,QAAQ,CAAC,EAAE,CAAC;YACvB,EAAE,CAAC,OAAO,CAAC,sBAAsB,EAAE,IAAI,CAAC,CAAC;YAEzC,IAAI,QAAQ,GAAG,KAAK,CAAC;YAErB,gHAAgH;YAChH,6GAA6G;YAC7G,yCAAyC;YACzC,QAAQ,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,EAAE;gBACrC,IACE,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,gBAAgB;oBACnC,IAAI,CAAC,UAAW,CAAC,IAAI,CAAC,IAAI,KAAK,kBAAkB,EACjD,CAAC;oBACD,IAAI,QAAQ,GAAG,GAAG,CAAC;oBAEnB,MAAM,SAAS,GAAG,YAAY,CAAC;wBAC7B,aAAa,EAAE,GAAG;wBAClB,IAAI;qBACL,CAAC,CAAC;oBAEH,IAAI,CAAC,SAAS,CAAC,gBAAgB,EAAE,CAAC;wBAChC,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;oBAChC,CAAC;oBAED,6GAA6G;oBAC7G,uFAAuF;oBAEvF,MAAM,SAAS,GAAG,EAAE,CAAC,GAAG,CAAC,OAAO,CAC9B,SAAS,CAAC,OAAO,CAAC,SAAS,CAC5B,CAAC,UAAU,CAAC;oBAEb,IAAI,SAAS,EAAE,CAAC;wBACd,MAAM,aAAa,GAAG,YAAY,CAAC;4BACjC,aAAa,EAAE,SAAS,CAAC,OAAO,CAAC,SAAS,GAAG,SAAS,CAAC,QAAQ;4BAC/D,IAAI,EAAE,SAAS;yBAChB,CAAC,CAAC;wBAEH,MAAM,0BAA0B,GAC9B,aAAa,CAAC,aAAa,KAAK,kBAAkB,CAAC;wBAErD,IAAI,0BAA0B,EAAE,CAAC;4BAC/B,IAAI,CAAC,aAAa,CAAC,gBAAgB,EAAE,CAAC;gCACpC,MAAM,IAAI,KAAK,CAAC,YAAY,CAAC,CAAC;4BAChC,CAAC;4BACD,MAAM,cAAc,GAClB,aAAa,CAAC,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;4BAEjD,QAAQ,GAAG,CAAC,QAAQ,CAAC,cAAc,CAAC,GAAG,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;wBACvD,CAAC;oBACH,CAAC;oBAED,MAAM,WAAW,GAAG,SAAS,CAAC,YAAY,CAAC,IAAI,CAAC;oBAChD,MAAM,KAAK,GAAG,WAAW,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC;oBAEzC,IAAI,KAAK,KAAK,QAAQ,EAAE,CAAC;wBACvB,QAAQ,GAAG,IAAI,CAAC;wBAEhB,EAAE,CAAC,aAAa,CAAC,SAAS,CAAC,YAAY,CAAC,SAAS,EAAE,SAAS,EAAE;4BAC5D,GAAG,WAAW,CAAC,KAAK;4BACpB,KAAK,EAAE,QAAQ;yBAChB,CAAC,CAAC;oBACL,CAAC;gBACH,CAAC;YACH,CAAC,CAAC,CAAC;YAEH,OAAO,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;QAC9B,CAAC;KACF,CAAC,CAAC;AACL,CAAC,CAAC"}