@blocknote/core 0.18.0 → 0.19.0

package/dist/src/api/parsers/html/util/nestedLists.test.js

@@ -0,0 +1,166 @@
+import { describe, expect, it } from "vitest";
+import { initializeESMDependencies } from "../../../../util/esmDependencies.js";
+import { nestedListsToBlockNoteStructure } from "./nestedLists.js";
+async function testHTML(html) {
+    const deps = await initializeESMDependencies();
+    const htmlNode = nestedListsToBlockNoteStructure(html);
+    const pretty = await deps.unified
+        .unified()
+        .use(deps.rehypeParse.default, { fragment: true })
+        .use(deps.rehypeFormat.default)
+        .use(deps.rehypeStringify.default)
+        .process(htmlNode.innerHTML);
+    expect(pretty.value).toMatchSnapshot();
+}
+describe("Lift nested lists", () => {
+    it("Lifts nested bullet lists", async () => {
+        const html = `<ul>
+    <li>
+       Bullet List Item 1
+       <ul>
+          <li>
+             Nested Bullet List Item 1
+          </li>
+          <li>
+             Nested Bullet List Item 2
+          </li>
+       </ul>
+    </li>
+    <li>
+    Bullet List Item 2
+    </li>
+ </ul>`;
+        await testHTML(html);
+    });
+    it("Lifts nested bullet lists without li", async () => {
+        const html = `<ul>
+       Bullet List Item 1
+       <ul>
+          <li>
+             Nested Bullet List Item 1
+          </li>
+          <li>
+             Nested Bullet List Item 2
+          </li>
+       </ul>
+    <li>
+    Bullet List Item 2
+    </li>
+ </ul>`;
+        await testHTML(html);
+    });
+    it("Lifts nested bullet lists with content after nested list", async () => {
+        const html = `<ul>
+    <li>
+       Bullet List Item 1
+       <ul>
+          <li>
+             Nested Bullet List Item 1
+          </li>
+          <li>
+             Nested Bullet List Item 2
+          </li>
+       </ul>
+       More content in list item 1
+    </li>
+    <li>
+    Bullet List Item 2
+    </li>
+ </ul>`;
+        await testHTML(html);
+    });
+    it("Lifts multiple bullet lists", async () => {
+        const html = `<ul>
+    <li>
+       Bullet List Item 1
+       <ul>
+          <li>
+             Nested Bullet List Item 1
+          </li>
+          <li>
+             Nested Bullet List Item 2
+          </li>
+       </ul>
+       <ul>
+          <li>
+             Nested Bullet List Item 3
+          </li>
+          <li>
+             Nested Bullet List Item 4
+          </li>
+       </ul>
+    </li>
+    <li>
+    Bullet List Item 2
+    </li>
+ </ul>`;
+        await testHTML(html);
+    });
+    it("Lifts multiple bullet lists with content in between", async () => {
+        const html = `<ul>
+    <li>
+       Bullet List Item 1
+       <ul>
+          <li>
+             Nested Bullet List Item 1
+          </li>
+          <li>
+             Nested Bullet List Item 2
+          </li>
+       </ul>
+       In between content
+       <ul>
+          <li>
+             Nested Bullet List Item 3
+          </li>
+          <li>
+             Nested Bullet List Item 4
+          </li>
+       </ul>
+    </li>
+    <li>
+    Bullet List Item 2
+    </li>
+ </ul>`;
+        await testHTML(html);
+    });
+    it("Lifts nested numbered lists", async () => {
+        const html = `<ol>
+    <li>
+       Numbered List Item 1
+       <ol>
+          <li>
+             Nested Numbered List Item 1
+          </li>
+          <li>
+             Nested Numbered List Item 2
+          </li>
+       </ol>
+    </li>
+    <li>
+       Numbered List Item 2
+    </li>
+ </ol>`;
+        await testHTML(html);
+    });
+    it("Lifts nested mixed lists", async () => {
+        const html = `<ol>
+    <li>
+       Numbered List Item 1
+       <ul>
+          <li>
+             Bullet List Item 1
+          </li>
+          <li>
+          Bullet List Item 2
+          </li>
+       </ul>
+    </li>
+    <li>
+       Numbered List Item 2
+    </li>
+ </ol>`;
+        await testHTML(html);
+    });
+});
+//# sourceMappingURL=nestedLists.test.js.map

package/dist/src/api/parsers/html/util/nestedLists.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"nestedLists.test.js","sourceRoot":"","sources":["../../../../../../src/api/parsers/html/util/nestedLists.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,+BAA+B,EAAE,MAAM,kBAAkB,CAAC;AAEnE,KAAK,UAAU,QAAQ,CAAC,IAAY;IAClC,MAAM,IAAI,GAAG,MAAM,yBAAyB,EAAE,CAAC;IAE/C,MAAM,QAAQ,GAAG,+BAA+B,CAAC,IAAI,CAAC,CAAC;IAEvD,MAAM,MAAM,GAAG,MAAM,IAAI,CAAC,OAAO;SAC9B,OAAO,EAAE;SACT,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,EAAE,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;SACjD,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,CAAC;SAC9B,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;SACjC,OAAO,CAAC,QAAQ,CAAC,SAAS,CAAC,CAAC;IAE/B,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,eAAe,EAAE,CAAC;AACzC,CAAC;AAED,QAAQ,CAAC,mBAAmB,EAAE,GAAG,EAAE;IACjC,EAAE,CAAC,2BAA2B,EAAE,KAAK,IAAI,EAAE;QACzC,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;OAeV,CAAC;QACJ,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,sCAAsC,EAAE,KAAK,IAAI,EAAE;QACpD,MAAM,IAAI,GAAG;;;;;;;;;;;;;OAaV,CAAC;QACJ,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0DAA0D,EAAE,KAAK,IAAI,EAAE;QACxE,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;OAgBV,CAAC;QACJ,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;OAuBV,CAAC;QACJ,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,qDAAqD,EAAE,KAAK,IAAI,EAAE;QACnE,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;;;;;;;;;;OAwBV,CAAC;QACJ,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,6BAA6B,EAAE,KAAK,IAAI,EAAE;QAC3C,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;OAeV,CAAC;QACJ,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE,KAAK,IAAI,EAAE;QACxC,MAAM,IAAI,GAAG;;;;;;;;;;;;;;;OAeV,CAAC;QACJ,MAAM,QAAQ,CAAC,IAAI,CAAC,CAAC;IACvB,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/api/parsers/markdown/parseMarkdown.js

@@ -0,0 +1,52 @@
+import { initializeESMDependencies } from "../../../util/esmDependencies.js";
+import { HTMLToBlocks } from "../html/parseHTML.js";
+// modified version of https://github.com/syntax-tree/mdast-util-to-hast/blob/main/lib/handlers/code.js
+// that outputs a data-language attribute instead of a CSS class (e.g.: language-typescript)
+function code(state, node) {
+    const value = node.value ? node.value : "";
+    /** @type {Properties} */
+    const properties = {};
+    if (node.lang) {
+        // changed line
+        properties["data-language"] = node.lang;
+    }
+    // Create `<code>`.
+    /** @type {Element} */
+    let result = {
+        type: "element",
+        tagName: "code",
+        properties,
+        children: [{ type: "text", value }],
+    };
+    if (node.meta) {
+        result.data = { meta: node.meta };
+    }
+    state.patch(node, result);
+    result = state.applyData(node, result);
+    // Create `<pre>`.
+    result = {
+        type: "element",
+        tagName: "pre",
+        properties: {},
+        children: [result],
+    };
+    state.patch(node, result);
+    return result;
+}
+export async function markdownToBlocks(markdown, blockSchema, icSchema, styleSchema, pmSchema) {
+    const deps = await initializeESMDependencies();
+    const htmlString = deps.unified
+        .unified()
+        .use(deps.remarkParse.default)
+        .use(deps.remarkGfm.default)
+        .use(deps.remarkRehype.default, {
+        handlers: {
+            ...deps.remarkRehype.defaultHandlers,
+            code,
+        },
+    })
+        .use(deps.rehypeStringify.default)
+        .processSync(markdown);
+    return HTMLToBlocks(htmlString.value, blockSchema, icSchema, styleSchema, pmSchema);
+}
+//# sourceMappingURL=parseMarkdown.js.map

package/dist/src/api/parsers/markdown/parseMarkdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseMarkdown.js","sourceRoot":"","sources":["../../../../../src/api/parsers/markdown/parseMarkdown.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,yBAAyB,EAAE,MAAM,kCAAkC,CAAC;AAC7E,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAC;AAEpD,uGAAuG;AACvG,4FAA4F;AAC5F,SAAS,IAAI,CAAC,KAAU,EAAE,IAAS;IACjC,MAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;IAC3C,yBAAyB;IACzB,MAAM,UAAU,GAAQ,EAAE,CAAC;IAE3B,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,eAAe;QACf,UAAU,CAAC,eAAe,CAAC,GAAG,IAAI,CAAC,IAAI,CAAC;IAC1C,CAAC;IAED,mBAAmB;IACnB,sBAAsB;IACtB,IAAI,MAAM,GAAQ;QAChB,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,MAAM;QACf,UAAU;QACV,QAAQ,EAAE,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC;KACpC,CAAC;IAEF,IAAI,IAAI,CAAC,IAAI,EAAE,CAAC;QACd,MAAM,CAAC,IAAI,GAAG,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,CAAC;IACpC,CAAC;IAED,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1B,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAEvC,kBAAkB;IAClB,MAAM,GAAG;QACP,IAAI,EAAE,SAAS;QACf,OAAO,EAAE,KAAK;QACd,UAAU,EAAE,EAAE;QACd,QAAQ,EAAE,CAAC,MAAM,CAAC;KACnB,CAAC;IACF,KAAK,CAAC,KAAK,CAAC,IAAI,EAAE,MAAM,CAAC,CAAC;IAC1B,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,CAAC,KAAK,UAAU,gBAAgB,CAKpC,QAAgB,EAChB,WAAoB,EACpB,QAAW,EACX,WAAc,EACd,QAAgB;IAEhB,MAAM,IAAI,GAAG,MAAM,yBAAyB,EAAE,CAAC;IAC/C,MAAM,UAAU,GAAG,IAAI,CAAC,OAAO;SAC5B,OAAO,EAAE;SACT,GAAG,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC;SAC7B,GAAG,CAAC,IAAI,CAAC,SAAS,CAAC,OAAO,CAAC;SAC3B,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,OAAO,EAAE;QAC9B,QAAQ,EAAE;YACR,GAAI,IAAI,CAAC,YAAY,CAAC,eAAuB;YAC7C,IAAI;SACL;KACF,CAAC;SACD,GAAG,CAAC,IAAI,CAAC,eAAe,CAAC,OAAO,CAAC;SACjC,WAAW,CAAC,QAAQ,CAAC,CAAC;IAEzB,OAAO,YAAY,CACjB,UAAU,CAAC,KAAe,EAC1B,WAAW,EACX,QAAQ,EACR,WAAW,EACX,QAAQ,CACT,CAAC;AACJ,CAAC"}

package/dist/src/api/parsers/markdown/parseMarkdown.test.js

@@ -0,0 +1,109 @@
+import { describe, expect, it } from "vitest";
+import { BlockNoteEditor } from "../../../index.js";
+import { doPaste } from "../../testUtil/paste.js";
+async function parseMarkdownAndCompareSnapshots(md, snapshotName) {
+    const editor = BlockNoteEditor.create();
+    const div = document.createElement("div");
+    editor.mount(div);
+    const blocks = await editor.tryParseMarkdownToBlocks(md);
+    const snapshotPath = "./__snapshots__/" + snapshotName + ".json";
+    expect(JSON.stringify(blocks, undefined, 2)).toMatchFileSnapshot(snapshotPath);
+    doPaste(editor._tiptapEditor.view, md, null, true, new ClipboardEvent("paste"));
+    const pastedSnapshotPath = "./__snapshots__/pasted/" + snapshotName + ".json";
+    expect(JSON.stringify(editor.document, undefined, 2)).toMatchFileSnapshot(pastedSnapshotPath);
+    editor.mount(undefined);
+}
+describe("Parse Markdown", () => {
+    it("Convert non-nested Markdown to blocks", async () => {
+        const markdown = `# Heading
+  
+Paragraph
+
+*   Bullet List Item
+
+1.  Numbered List Item
+  `;
+        await parseMarkdownAndCompareSnapshots(markdown, "non-nested");
+    });
+    // Failing due to nested block parsing bug.
+    it("Convert nested Markdown to blocks", async () => {
+        const markdown = `# Heading
+  
+Paragraph
+
+*   Bullet List Item
+
+    1.  Numbered List Item
+`;
+        await parseMarkdownAndCompareSnapshots(markdown, "nested");
+    });
+    it("Convert styled Markdown to blocks", async () => {
+        const markdown = `**Bold** *Italic* ~~Strikethrough~~ ***Multiple***`;
+        await parseMarkdownAndCompareSnapshots(markdown, "styled");
+    });
+    it("Convert complex Markdown to blocks", async () => {
+        const markdown = `# Heading 1
+
+## Heading 2
+
+### Heading 3
+
+Paragraph
+
+P**ara***grap*h
+
+P*ara*~~grap~~h
+
+*   Bullet List Item
+
+*   Bullet List Item
+
+    *   Bullet List Item
+
+        *   Bullet List Item
+
+        Paragraph
+
+        1.  Numbered List Item
+
+        2.  Numbered List Item
+
+        3.  Numbered List Item
+
+            1.  Numbered List Item
+
+        *   Bullet List Item
+
+    *   Bullet List Item
+
+*   Bullet List Item`;
+        await parseMarkdownAndCompareSnapshots(markdown, "complex");
+    });
+});
+describe("Issue 226", () => {
+    it("Case 1", async () => {
+        const markdown = `
+- 📝 item1
+- ⚙️ item2
+- 🔗 item3
+
+# h1
+`;
+        await parseMarkdownAndCompareSnapshots(markdown, "issue-226-1");
+    });
+    it("Case 2", async () => {
+        const markdown = `* a
+* b
+* c
+* d
+
+anything
+
+[a link](http://example.com)
+
+* another
+* list`;
+        await parseMarkdownAndCompareSnapshots(markdown, "issue-226-2");
+    });
+});
+//# sourceMappingURL=parseMarkdown.test.js.map

package/dist/src/api/parsers/markdown/parseMarkdown.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseMarkdown.test.js","sourceRoot":"","sources":["../../../../../src/api/parsers/markdown/parseMarkdown.test.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAElD,KAAK,UAAU,gCAAgC,CAC7C,EAAU,EACV,YAAoB;IAEpB,MAAM,MAAM,GAAG,eAAe,CAAC,MAAM,EAAE,CAAC;IACxC,MAAM,GAAG,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;IAClB,MAAM,MAAM,GAAG,MAAM,MAAM,CAAC,wBAAwB,CAAC,EAAE,CAAC,CAAC;IAEzD,MAAM,YAAY,GAAG,kBAAkB,GAAG,YAAY,GAAG,OAAO,CAAC;IACjE,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,CAC9D,YAAY,CACb,CAAC;IAEF,OAAO,CACL,MAAM,CAAC,aAAa,CAAC,IAAI,EACzB,EAAE,EACF,IAAI,EACJ,IAAI,EACJ,IAAI,cAAc,CAAC,OAAO,CAAC,CAC5B,CAAC;IAEF,MAAM,kBAAkB,GAAG,yBAAyB,GAAG,YAAY,GAAG,OAAO,CAAC;IAC9E,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,SAAS,EAAE,CAAC,CAAC,CAAC,CAAC,mBAAmB,CACvE,kBAAkB,CACnB,CAAC;IAEF,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,CAAC;AAC1B,CAAC;AAED,QAAQ,CAAC,gBAAgB,EAAE,GAAG,EAAE;IAC9B,EAAE,CAAC,uCAAuC,EAAE,KAAK,IAAI,EAAE;QACrD,MAAM,QAAQ,GAAG;;;;;;;GAOlB,CAAC;QACA,MAAM,gCAAgC,CAAC,QAAQ,EAAE,YAAY,CAAC,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,2CAA2C;IAC3C,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,QAAQ,GAAG;;;;;;;CAOpB,CAAC;QACE,MAAM,gCAAgC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mCAAmC,EAAE,KAAK,IAAI,EAAE;QACjD,MAAM,QAAQ,GAAG,oDAAoD,CAAC;QACtE,MAAM,gCAAgC,CAAC,QAAQ,EAAE,QAAQ,CAAC,CAAC;IAC7D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oCAAoC,EAAE,KAAK,IAAI,EAAE;QAClD,MAAM,QAAQ,GAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;qBAkCA,CAAC;QAClB,MAAM,gCAAgC,CAAC,QAAQ,EAAE,SAAS,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC;AAEH,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IACzB,EAAE,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;QACtB,MAAM,QAAQ,GAAG;;;;;;CAMpB,CAAC;QACE,MAAM,gCAAgC,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,QAAQ,EAAE,KAAK,IAAI,EAAE;QACtB,MAAM,QAAQ,GAAG;;;;;;;;;;OAUd,CAAC;QACJ,MAAM,gCAAgC,CAAC,QAAQ,EAAE,aAAa,CAAC,CAAC;IAClE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/src/api/testUtil/cases/customBlocks.js

@@ -0,0 +1,313 @@
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
+import { imagePropSchema, imageRender, } from "../../../blocks/ImageBlockContent/ImageBlockContent.js";
+import { defaultBlockSpecs, } from "../../../blocks/defaultBlocks.js";
+import { defaultProps } from "../../../blocks/defaultProps.js";
+import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
+import { BlockNoteSchema } from "../../../editor/BlockNoteSchema.js";
+import { createBlockSpec } from "../../../schema/index.js";
+// This is a modified version of the default image block that does not implement
+// a `toExternalHTML` function. It's used to test if the custom serializer by
+// default serializes custom blocks using their `render` function.
+const SimpleImage = createBlockSpec({
+    type: "simpleImage",
+    propSchema: imagePropSchema,
+    content: "none",
+}, {
+    render: (block, editor) => imageRender(block, editor),
+});
+const CustomParagraph = createBlockSpec({
+    type: "customParagraph",
+    propSchema: defaultProps,
+    content: "inline",
+}, {
+    render: () => {
+        const paragraph = document.createElement("p");
+        paragraph.className = "custom-paragraph";
+        return {
+            dom: paragraph,
+            contentDOM: paragraph,
+        };
+    },
+    toExternalHTML: () => {
+        const paragraph = document.createElement("p");
+        paragraph.className = "custom-paragraph";
+        paragraph.innerHTML = "Hello World";
+        return {
+            dom: paragraph,
+        };
+    },
+});
+const SimpleCustomParagraph = createBlockSpec({
+    type: "simpleCustomParagraph",
+    propSchema: defaultProps,
+    content: "inline",
+}, {
+    render: () => {
+        const paragraph = document.createElement("p");
+        paragraph.className = "simple-custom-paragraph";
+        return {
+            dom: paragraph,
+            contentDOM: paragraph,
+        };
+    },
+});
+const schema = BlockNoteSchema.create({
+    blockSpecs: {
+        ...defaultBlockSpecs,
+        simpleImage: SimpleImage,
+        customParagraph: CustomParagraph,
+        simpleCustomParagraph: SimpleCustomParagraph,
+    },
+});
+export const customBlocksTestCases = {
+    name: "custom blocks schema",
+    createEditor: () => {
+        return BlockNoteEditor.create({
+            schema,
+            uploadFile: uploadToTmpFilesDotOrg_DEV_ONLY,
+        });
+    },
+    documents: [
+        // Because images need to fetch the download URL async, their output HTML is
+        // initially rendered without a `src` attribute, which is reflected in the
+        // tests.
+        {
+            name: "simpleImage/button",
+            blocks: [
+                {
+                    type: "simpleImage",
+                },
+            ],
+        },
+        {
+            name: "simpleImage/basic",
+            blocks: [
+                {
+                    type: "simpleImage",
+                    props: {
+                        name: "example",
+                        url: "exampleURL",
+                        caption: "Caption",
+                        previewWidth: 256,
+                    },
+                },
+            ],
+        },
+        {
+            name: "simpleImage/noName",
+            blocks: [
+                {
+                    type: "simpleImage",
+                    props: {
+                        url: "exampleURL",
+                        caption: "Caption",
+                        previewWidth: 256,
+                    },
+                },
+            ],
+        },
+        {
+            name: "simpleImage/noCaption",
+            blocks: [
+                {
+                    type: "simpleImage",
+                    props: {
+                        name: "example",
+                        url: "exampleURL",
+                        previewWidth: 256,
+                    },
+                },
+            ],
+        },
+        {
+            name: "simpleImage/noPreview",
+            blocks: [
+                {
+                    type: "simpleImage",
+                    props: {
+                        name: "example",
+                        url: "exampleURL",
+                        caption: "Caption",
+                        showPreview: false,
+                        previewWidth: 256,
+                    },
+                },
+            ],
+        },
+        {
+            name: "simpleImage/nested",
+            blocks: [
+                {
+                    type: "simpleImage",
+                    props: {
+                        name: "example",
+                        url: "exampleURL",
+                        caption: "Caption",
+                        previewWidth: 256,
+                    },
+                    children: [
+                        {
+                            type: "simpleImage",
+                            props: {
+                                name: "example",
+                                url: "exampleURL",
+                                caption: "Caption",
+                                previewWidth: 256,
+                            },
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: "customParagraph/basic",
+            blocks: [
+                {
+                    type: "customParagraph",
+                    content: "Custom Paragraph",
+                },
+            ],
+        },
+        {
+            name: "customParagraph/styled",
+            blocks: [
+                {
+                    type: "customParagraph",
+                    props: {
+                        textAlignment: "center",
+                        textColor: "orange",
+                        backgroundColor: "pink",
+                    },
+                    content: [
+                        {
+                            type: "text",
+                            styles: {},
+                            text: "Plain ",
+                        },
+                        {
+                            type: "text",
+                            styles: {
+                                textColor: "red",
+                            },
+                            text: "Red Text ",
+                        },
+                        {
+                            type: "text",
+                            styles: {
+                                backgroundColor: "blue",
+                            },
+                            text: "Blue Background ",
+                        },
+                        {
+                            type: "text",
+                            styles: {
+                                textColor: "red",
+                                backgroundColor: "blue",
+                            },
+                            text: "Mixed Colors",
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: "customParagraph/nested",
+            blocks: [
+                {
+                    type: "customParagraph",
+                    content: "Custom Paragraph",
+                    children: [
+                        {
+                            type: "customParagraph",
+                            content: "Nested Custom Paragraph 1",
+                        },
+                        {
+                            type: "customParagraph",
+                            content: "Nested Custom Paragraph 2",
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: "customParagraph/lineBreaks",
+            blocks: [
+                {
+                    type: "customParagraph",
+                    content: "Line 1\nLine 2",
+                },
+            ],
+        },
+        {
+            name: "simpleCustomParagraph/basic",
+            blocks: [
+                {
+                    type: "simpleCustomParagraph",
+                    content: "Custom Paragraph",
+                },
+            ],
+        },
+        {
+            name: "simpleCustomParagraph/styled",
+            blocks: [
+                {
+                    type: "simpleCustomParagraph",
+                    props: {
+                        textAlignment: "center",
+                        textColor: "orange",
+                        backgroundColor: "pink",
+                    },
+                    content: [
+                        {
+                            type: "text",
+                            styles: {},
+                            text: "Plain ",
+                        },
+                        {
+                            type: "text",
+                            styles: {
+                                textColor: "red",
+                            },
+                            text: "Red Text ",
+                        },
+                        {
+                            type: "text",
+                            styles: {
+                                backgroundColor: "blue",
+                            },
+                            text: "Blue Background ",
+                        },
+                        {
+                            type: "text",
+                            styles: {
+                                textColor: "red",
+                                backgroundColor: "blue",
+                            },
+                            text: "Mixed Colors",
+                        },
+                    ],
+                },
+            ],
+        },
+        {
+            name: "simpleCustomParagraph/nested",
+            blocks: [
+                {
+                    type: "simpleCustomParagraph",
+                    content: "Custom Paragraph",
+                    children: [
+                        {
+                            type: "simpleCustomParagraph",
+                            content: "Nested Custom Paragraph 1",
+                        },
+                        {
+                            type: "simpleCustomParagraph",
+                            content: "Nested Custom Paragraph 2",
+                        },
+                    ],
+                },
+            ],
+        },
+    ],
+};
+//# sourceMappingURL=customBlocks.js.map

package/dist/src/api/testUtil/cases/customBlocks.js.map

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