@blocknote/core 0.18.0 → 0.19.1

package/dist/src/api/parsers/html/parseHTML.test.js

@@ -0,0 +1,470 @@
+import * as pmView from "prosemirror-view";
+import { describe, expect, it } from "vitest";
+import { BlockNoteEditor } from "../../../index.js";
+import { nestedListsToBlockNoteStructure } from "./util/nestedLists.js";
+async function parseHTMLAndCompareSnapshots(html, snapshotName) {
+    const editor = BlockNoteEditor.create();
+    const div = document.createElement("div");
+    editor.mount(div);
+    const blocks = await editor.tryParseHTMLToBlocks(html);
+    const snapshotPath = "./__snapshots__/" + snapshotName + ".json";
+    expect(JSON.stringify(blocks, undefined, 2)).toMatchFileSnapshot(snapshotPath);
+    // Now, we also want to test actually pasting in the editor, and not just calling
+    // tryParseHTMLToBlocks directly.
+    // The reason is that the prosemirror logic for pasting can be a bit different, because
+    // it's related to the context of where the user is pasting exactly (selection)
+    //
+    // The internal difference come that in tryParseHTMLToBlocks, we use DOMParser.parse,
+    // while when pasting, Prosemirror uses DOMParser.parseSlice, and then tries to fit the
+    // slice in the document. This fitting might change the structure / interpretation of the pasted blocks
+    // Simulate a paste event (this uses DOMParser.parseSlice internally)
+    window.__TEST_OPTIONS.mockID = 0; // reset id counter
+    const htmlNode = nestedListsToBlockNoteStructure(html);
+    const slice = pmView.__parseFromClipboard(editor.prosemirrorView, "", htmlNode.innerHTML, false, editor._tiptapEditor.state.selection.$from);
+    editor.dispatch(editor._tiptapEditor.state.tr.replaceSelection(slice));
+    // alternative paste simulation doesn't work in a non-browser vitest env
+    //   editor._tiptapEditor.view.pasteHTML(html, {
+    //     preventDefault: () => {
+    //       // noop
+    //     },
+    //     clipboardData: {
+    //       types: ["text/html"],
+    //       getData: () => html,
+    //     },
+    //   } as any);
+    const pastedBlocks = editor.document;
+    pastedBlocks.pop(); // trailing paragraph
+    expect(pastedBlocks).toStrictEqual(blocks);
+    editor.mount(undefined);
+}
+describe("Parse HTML", () => {
+    it("Parse basic block types", async () => {
+        const html = `<h1>Heading 1</h1>
+  <h2>Heading 2</h2>
+  <h3>Heading 3</h3>
+  <p>Paragraph</p>
+  <figure><img src="exampleURL" /><figcaption>Image Caption</figcaption></figure>
+  <p>None <strong>Bold </strong><em>Italic </em><u>Underline </u><s>Strikethrough </s><strong><em><s><u>All</u></s></em></strong></p>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-basic-block-types");
+    });
+    it("list test", async () => {
+        const html = `<ul>
+    <li>First</li>
+    <li>Second</li>
+    <li>Third</li>
+    <li>
+      <input type="checkbox">
+      Fourth
+    </li>
+    <li>
+      <input type="checkbox">
+      Fifth
+    </li>
+    <li>Five Parent
+      <ul>
+        <li>Child 1</li>
+        <li>Child 2</li>
+        <li>
+          <input type="checkbox">
+          Child 3
+        </li>
+        <li>
+          <input type="checkbox">
+          Child 4
+        </li>
+      </ul>
+    </li>
+  </ul>`;
+        await parseHTMLAndCompareSnapshots(html, "list-test");
+    });
+    it("Parse nested lists", async () => {
+        const html = `<ul>
+    <li>Bullet List Item</li>
+    <li>Bullet List Item
+      <ul>
+        <li>Nested Bullet List Item</li>
+        <li>Nested Bullet List Item</li>
+      </ul>
+    </li>
+    <li>Bullet List Item</li>
+  </ul>
+  <ol>
+    <li>Numbered List Item</li>
+    <li>Numbered List Item
+      <ol>
+        <li>Nested Numbered List Item</li>
+        <li>Nested Numbered List Item</li>
+      </ol>
+    </li>
+    <li>Numbered List Item</li>
+  </ol>
+  <ul>
+    <li>
+      <input type="checkbox">
+      Check List Item
+    </li>
+    <li>
+      <input type="checkbox">
+      Check List Item
+      <ul>
+        <li>
+          <input type="checkbox">
+          Nested Check List Item
+        </li>
+        <li>
+          <input type="checkbox">
+          Nested Check List Item
+        </li>
+      </ul>
+    </li>
+    <li>
+      <input type="checkbox">
+      Nested Check List Item
+    </li>
+  </ul>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-nested-lists");
+    });
+    it("Parse nested lists with paragraphs", async () => {
+        const html = `<ul>
+    <li>
+      <p>Bullet List Item</p>
+    </li>
+    <li>
+      <p>Bullet List Item</p>
+      <ul>
+        <li>
+          <p>Nested Bullet List Item</p>
+        </li>
+        <li>
+          <p>Nested Bullet List Item</p>
+        </li>
+      </ul>
+    </li>
+    <li>
+      <p>Bullet List Item</p>
+    </li>
+  </ul>
+  <ol>
+    <li>
+      <p>Numbered List Item</p>
+    </li>
+    <li>
+      <p>Numbered List Item</p>
+      <ol>
+        <li>
+          <p>Nested Numbered List Item</p>
+        </li>
+        <li>
+          <p>Nested Numbered List Item</p>
+        </li>
+      </ol>
+    </li>
+    <li>
+      <p>Numbered List Item</p>
+    </li>
+  </ol>
+  <ul>
+    <li>
+      <input type="checkbox">
+      <p>Checked List Item</p>
+    </li>
+    <li>
+      <input type="checkbox">
+      <p>Checked List Item</p>
+      <ul>
+        <li>
+          <input type="checkbox">
+          <p>Nested Checked List Item</p>
+        </li>
+        <li>
+          <label><input type="checkbox"></label>
+          <p>Nested Checked List Item</p>
+        </li>
+      </ul>
+    </li>
+    <li>
+      <input type="checkbox">
+      <p>Checked List Item</p>
+    </li>
+  </ul>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-nested-lists-with-paragraphs");
+    });
+    it("Parse mixed nested lists", async () => {
+        const html = `<ul>
+    <li>Bullet List Item</li>
+    <li>Bullet List Item
+      <ol>
+        <li>Nested Numbered List Item</li>
+        <li>Nested Numbered List Item</li>
+      </ol>
+    </li>
+    <li>Bullet List Item</li>
+  </ul>
+  <ol>
+    <li>Numbered List Item</li>
+    <li>Numbered List Item
+      <ul>
+        <li>
+          <input type="checkbox" checked>
+          Nested Check List Item
+        </li>
+        <li>
+          <input type="checkbox">
+          Nested Check List Item
+        </li>
+      </ul>
+    </li>
+    <li>Numbered List Item</li>
+  </ol>
+  <ul>
+    <li>
+      <input type="checkbox" checked>
+      Check List Item
+    </li>
+    <li>
+      <input type="checkbox">
+      Check List Item
+      <ul>
+        <li>Nested Bullet List Item</li>
+        <li>Nested Bullet List Item</li>
+      </ul>
+    </li>
+    <li>
+      <input type="checkbox" checked>
+      Nested Check List Item
+    </li>
+  </ul>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-mixed-nested-lists");
+    });
+    it("Parse divs", async () => {
+        const html = `<div>Single Div</div>
+  <div>
+    Div
+    <div>Nested Div</div>
+    <div>Nested Div</div>
+  </div>
+  <div>Single Div 2</div>
+  <div>
+    <div>Nested Div</div>
+    <div>Nested Div</div>
+  </div>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-divs");
+    });
+    it("Parse two divs", async () => {
+        const html = `<div>Single Div</div><div>second Div</div>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-two-divs");
+    });
+    it("Parse image in paragraph", async () => {
+        const html = `<p>
+    <img src="exampleURL">
+  </p>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-image-in-paragraph");
+    });
+    it("Parse fake image caption", async () => {
+        const html = `<div>
+    <img src="exampleURL">
+    <p>Image Caption</p>
+  </div>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-fake-image-caption");
+    });
+    // TODO: this one fails
+    it.skip("Parse deep nested content", async () => {
+        const html = `<div>
+      Outer 1 Div Before
+    <div>
+      Outer 2 Div Before
+      <div>
+        Outer 3 Div Before
+        <div>
+          Outer 4 Div Before
+          <h1>Heading 1</h1>
+          <h2>Heading 2</h2>
+          <h3>Heading 3</h3>
+          <p>Paragraph</p>
+          <figure><img src="exampleURL"><figcaption>Image Caption</figcaption></figure>
+          <p><strong>Bold</strong> <em>Italic</em> <u>Underline</u> <s>Strikethrough</s> <strong><em><s><u>All</u></s></em></strong></p>
+          Outer 4 Div After
+        </div>
+        Outer 3 Div After
+      </div>
+      Outer 2 Div After
+    </div>
+    Outer 1 Div After
+  </div>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-deep-nested-content");
+    });
+    it("Parse div with inline content and nested blocks", async () => {
+        const html = `<div>
+    None <strong>Bold </strong><em>Italic </em><u>Underline </u><s>Strikethrough </s><strong><em><s><u>All</u></s></em></strong>
+    <div>Nested Div</div>
+    <p>Nested Paragraph</p>
+  </div>`;
+        await parseHTMLAndCompareSnapshots(html, "parse-div-with-inline-content");
+    });
+    it("Parse Notion HTML", async () => {
+        // A few notes on Notion output HTML:
+        // - Does not preserve text/background colors
+        // - Does not preserve non-list-item block nesting
+        // - Hard breaks are represented using white space, not `<br>` elements
+        // - Images are converted to links with a "!" at the start
+        // - Cells in first row of a table are converted to `th` elements, regardless
+        // of if the row is set as a header row
+        const html = `<meta charset='utf-8'><h1>Heading 1</h1>
+<h2>Heading 2</h2>
+<h3>Heading 3</h3>
+<p>Paragraph 1</p>
+<p>Nested Paragraph 1</p>
+<p>Nested Paragraph 2</p>
+<p>Paragraph
+With Hard Break</p>
+<p><strong>Bold</strong> <em>Italic</em> Underline <s>Strikethrough</s> <em><strong><s>All</s></strong></em></p>
+<ul>
+<li>Bullet List Item 1
+<ul>
+<li>Nested Bullet List Item 1
+<ol>
+<li>Nested Numbered List Item 1</li>
+<li>Nested Numbered List Item 2</li>
+</ol>
+</li>
+<li>Nested Bullet List Item 2</li>
+</ul>
+</li>
+<li>Bullet List Item 2</li>
+</ul>
+<ol>
+<li>Numbered List Item 1</li>
+<li>Numbered List Item 2</li>
+</ol>
+<p>Background Color Paragraph</p>
+<p>!<a href="https://www.pulsecarshalton.co.uk/wp-content/uploads/2016/08/jk-placeholder-image.jpg">https://www.pulsecarshalton.co.uk/wp-content/uploads/2016/08/jk-placeholder-image.jpg</a></p>
+<table>
+<thead>
+<tr>
+<th>Cell 1</th>
+<th>Cell 2</th>
+<th>Cell 3</th>
+</tr>
+</thead>
+<tbody>
+<tr>
+<td>Cell 4</td>
+<td>Cell 5</td>
+<td>Cell 6</td>
+</tr>
+<tr>
+<td>Cell 7</td>
+<td>Cell 8</td>
+<td>Cell 9</td>
+</tr>
+</tbody>
+</table>
+<p>Paragraph</p>
+<!-- notionvc: 7cb7968f-b969-4795-af7a-d41b5481c675 -->`;
+        await parseHTMLAndCompareSnapshots(html, "parse-notion-html");
+    });
+    // Currently breaking, seems related to parsing `</br>` elements
+    it.skip("Parse Google Docs HTML", async () => {
+        // A few notes on Google Docs output HTML:
+        // - All inline markup is represented as `<span>` elements with inline
+        // styles (bold, italic, etc.)
+        // - The nested list structure is not valid, i.e. `<ul/ol>` elements are not
+        // placed within `<li>` elements
+        // - Images are wrapped in two spans and a paragraph
+        // - Everything is nested within a `<b>` element
+        const html = `<meta charset='utf-8'>
+<meta charset="utf-8">
+<b style="font-weight:normal;" id="docs-internal-guid-fdf86189-7fff-f50a-2bef-c048469db8a9">
+<h1 dir="ltr" style="line-height:1.38;margin-left: 18pt;text-indent: -18pt;margin-top:24pt;margin-bottom:6pt;padding:0pt 0pt 0pt 18pt;"><span style="font-size:23pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Heading 1</span></h1>
+<h2 dir="ltr" style="line-height:1.38;margin-left: 18pt;text-indent: -18pt;margin-top:18pt;margin-bottom:4pt;padding:0pt 0pt 0pt 18pt;"><span style="font-size:17pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Heading 2</span></h2>
+<h3 dir="ltr" style="line-height:1.38;margin-left: 18pt;text-indent: -18pt;margin-top:14pt;margin-bottom:4pt;padding:0pt 0pt 0pt 18pt;"><span style="font-size:13pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Heading 3</span></h3>
+<p dir="ltr" style="line-height:1.38;margin-top:12pt;margin-bottom:12pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Paragraph 1</span></p>
+<p dir="ltr" style="line-height:1.38;margin-top:12pt;margin-bottom:12pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Paragraph 2</span></p>
+<p dir="ltr" style="line-height:1.38;margin-top:12pt;margin-bottom:12pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Paragraph 3</span></p>
+<p dir="ltr" style="line-height:1.38;margin-top:12pt;margin-bottom:12pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Paragraph With </span><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"><br /></span><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Hard Break</span></p>
+<p dir="ltr" style="line-height:1.38;margin-top:12pt;margin-bottom:12pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:700;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Bold</span><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> </span><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:italic;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Italic</span><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> Underline </span><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:line-through;-webkit-text-decoration-skip:none;text-decoration-skip-ink:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Strikethrough</span><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"> </span><span style="font-size:11pt;font-family:Arial,sans-serif;color:#ff0000;background-color:transparent;font-weight:700;font-style:italic;font-variant:normal;text-decoration:line-through;-webkit-text-decoration-skip:none;text-decoration-skip-ink:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">All</span></p>
+<ul style="margin-top:0;margin-bottom:0;padding-inline-start:48px;">
+<li dir="ltr" style="list-style-type:disc;font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;" aria-level="1">
+<p dir="ltr" style="line-height:1.38;margin-top:12pt;margin-bottom:0pt;" role="presentation"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Bullet List Item 1</span></p>
+</li>
+<ul style="margin-top:0;margin-bottom:0;padding-inline-start:48px;">
+<li dir="ltr" style="list-style-type:circle;font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;" aria-level="2">
+<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;" role="presentation"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Nested Bullet List Item 1</span></p>
+</li>
+<ol style="margin-top:0;margin-bottom:0;padding-inline-start:48px;">
+<li dir="ltr" style="list-style-type:decimal;font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;" aria-level="3">
+<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;" role="presentation"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Nested Numbered List Item 1</span></p>
+</li>
+<li dir="ltr" style="list-style-type:decimal;font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;" aria-level="3">
+<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;" role="presentation"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Nested Numbered List Item 2</span></p>
+</li>
+</ol>
+<li dir="ltr" style="list-style-type:circle;font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;" aria-level="2">
+<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;" role="presentation"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Nested Bullet List Item 2</span></p>
+</li>
+</ul>
+<li dir="ltr" style="list-style-type:disc;font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;" aria-level="1">
+<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;" role="presentation"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Bullet List Item 2</span></p>
+</li>
+</ul>
+<ol style="margin-top:0;margin-bottom:0;padding-inline-start:48px;">
+<li dir="ltr" style="list-style-type:decimal;font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;" aria-level="1">
+<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:0pt;" role="presentation"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Numbered List Item 1</span></p>
+</li>
+<li dir="ltr" style="list-style-type:decimal;font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;" aria-level="1">
+<p dir="ltr" style="line-height:1.38;margin-top:0pt;margin-bottom:12pt;" role="presentation"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Numbered List Item 2</span></p>
+</li>
+</ol>
+<p dir="ltr" style="line-height:1.38;margin-top:12pt;margin-bottom:12pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;"><span style="border:none;display:inline-block;overflow:hidden;width:447px;height:301px;"><img src="https://lh7-us.googleusercontent.com/SGyYp6hfLvNkli62NKFJB6NQz-fNa2Sjy8QxfUuqipW--qCCXmCz-dJmeZUGaDXIF9TEZHzbhNJsw4_w-B09eaFOn0oUChKsrSt3cwAIFu6d4SoSjHTR_DRTPr415_P7an7Lue-EwlUcVBk1WCzcoVQ" width="447" height="301" style="margin-left:0px;margin-top:0px;" /></span></span></p>
+<br />
+<div dir="ltr" style="margin-left:0pt;" align="left">
+<table style="border:none;border-collapse:collapse;table-layout:fixed;width:468pt">
+<colgroup>
+<col />
+<col />
+<col />
+</colgroup>
+<tbody>
+<tr style="height:0pt">
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 1</span></p>
+</td>
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 2</span></p>
+</td>
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 3</span></p>
+</td>
+</tr>
+<tr style="height:0pt">
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 4</span></p>
+</td>
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 5</span></p>
+</td>
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 6</span></p>
+</td>
+</tr>
+<tr style="height:0pt">
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 7</span></p>
+</td>
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 8</span></p>
+</td>
+<td style="border-left:solid #000000 1pt;border-right:solid #000000 1pt;border-bottom:solid #000000 1pt;border-top:solid #000000 1pt;vertical-align:top;padding:5pt 5pt 5pt 5pt;overflow:hidden;overflow-wrap:break-word;">
+<p dir="ltr" style="line-height:1.2;margin-top:0pt;margin-bottom:0pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Cell 9</span></p>
+</td>
+</tr>
+</tbody>
+</table>
+</div>
+<p dir="ltr" style="line-height:1.38;margin-top:12pt;margin-bottom:12pt;"><span style="font-size:11pt;font-family:Arial,sans-serif;color:#000000;background-color:transparent;font-weight:400;font-style:normal;font-variant:normal;text-decoration:none;vertical-align:baseline;white-space:pre;white-space:pre-wrap;">Paragraph</span></p>
+</b>
+<br class="Apple-interchange-newline">`;
+        await parseHTMLAndCompareSnapshots(html, "parse-google-docs-html");
+    });
+});
+//# sourceMappingURL=parseHTML.test.js.map

package/dist/src/api/parsers/html/parseHTML.test.js.map

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

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

@@ -0,0 +1,106 @@
+function getChildIndex(node) {
+    return Array.prototype.indexOf.call(node.parentElement.childNodes, node);
+}
+function isWhitespaceNode(node) {
+    return node.nodeType === 3 && !/\S/.test(node.nodeValue || "");
+}
+/**
+ * Step 1, Turns:
+ *
+ * <ul>
+ *  <li>item</li>
+ *  <li>
+ *   <ul>
+ *      <li>...</li>
+ *      <li>...</li>
+ *   </ul>
+ * </li>
+ *
+ * Into:
+ * <ul>
+ *  <li>item</li>
+ *  <ul>
+ *      <li>...</li>
+ *      <li>...</li>
+ *  </ul>
+ * </ul>
+ *
+ */
+function liftNestedListsToParent(element) {
+    element.querySelectorAll("li > ul, li > ol").forEach((list) => {
+        const index = getChildIndex(list);
+        const parentListItem = list.parentElement;
+        const siblingsAfter = Array.from(parentListItem.childNodes).slice(index + 1);
+        list.remove();
+        siblingsAfter.forEach((sibling) => {
+            sibling.remove();
+        });
+        parentListItem.insertAdjacentElement("afterend", list);
+        siblingsAfter.reverse().forEach((sibling) => {
+            if (isWhitespaceNode(sibling)) {
+                return;
+            }
+            const siblingContainer = document.createElement("li");
+            siblingContainer.append(sibling);
+            list.insertAdjacentElement("afterend", siblingContainer);
+        });
+        if (parentListItem.childNodes.length === 0) {
+            parentListItem.remove();
+        }
+    });
+}
+/**
+ * Step 2, Turns (output of liftNestedListsToParent):
+ *
+ * <li>item</li>
+ * <ul>
+ *   <li>...</li>
+ *   <li>...</li>
+ * </ul>
+ *
+ * Into:
+ * <div>
+ *  <li>item</li>
+ *  <div data-node-type="blockGroup">
+ *      <ul>
+ *          <li>...</li>
+ *          <li>...</li>
+ *      </ul>
+ *  </div>
+ * </div>
+ *
+ * This resulting format is parsed
+ */
+function createGroups(element) {
+    element.querySelectorAll("li + ul, li + ol").forEach((list) => {
+        const listItem = list.previousElementSibling;
+        const blockContainer = document.createElement("div");
+        listItem.insertAdjacentElement("afterend", blockContainer);
+        blockContainer.append(listItem);
+        const blockGroup = document.createElement("div");
+        blockGroup.setAttribute("data-node-type", "blockGroup");
+        blockContainer.append(blockGroup);
+        while (blockContainer.nextElementSibling?.nodeName === "UL" ||
+            blockContainer.nextElementSibling?.nodeName === "OL") {
+            blockGroup.append(blockContainer.nextElementSibling);
+        }
+    });
+}
+// prevent XSS, similar to https://github.com/ProseMirror/prosemirror-view/blob/1251b2b412656a2a06263e4187574beb43651273/src/clipboard.ts#L204
+// https://github.com/TypeCellOS/BlockNote/issues/601
+let _detachedDoc = null;
+function detachedDoc() {
+    return (_detachedDoc ||
+        (_detachedDoc = document.implementation.createHTMLDocument("title")));
+}
+export function nestedListsToBlockNoteStructure(elementOrHTML) {
+    if (typeof elementOrHTML === "string") {
+        const element = detachedDoc().createElement("div");
+        element.innerHTML = elementOrHTML;
+        elementOrHTML = element;
+    }
+    liftNestedListsToParent(elementOrHTML);
+    createGroups(elementOrHTML);
+    return elementOrHTML;
+}
+//# sourceMappingURL=nestedLists.js.map

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

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