@blocknote/core 0.28.0 → 0.29.0

package/src/api/clipboard/__snapshots__/external/pasteTable.html

@@ -1,233 +0,0 @@
-[
-  {
-    "children": [],
-    "content": [
-      {
-        "styles": {},
-        "text": "Paragraph",
-        "type": "text",
-      },
-    ],
-    "id": "0",
-    "props": {
-      "backgroundColor": "default",
-      "textAlignment": "left",
-      "textColor": "default",
-    },
-    "type": "paragraph",
-  },
-  {
-    "children": [],
-    "content": {
-      "columnWidths": [
-        undefined,
-        undefined,
-      ],
-      "headerCols": undefined,
-      "headerRows": undefined,
-      "rows": [
-        {
-          "cells": [
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Cell 1",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Cell 2",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-          ],
-        },
-        {
-          "cells": [
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Cell 3",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Cell 4",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-          ],
-        },
-      ],
-      "type": "tableContent",
-    },
-    "id": "4",
-    "props": {
-      "textColor": "default",
-    },
-    "type": "table",
-  },
-  {
-    "children": [],
-    "content": {
-      "columnWidths": [
-        undefined,
-        undefined,
-      ],
-      "headerCols": undefined,
-      "headerRows": undefined,
-      "rows": [
-        {
-          "cells": [
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Table Cell",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Table Cell",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-          ],
-        },
-        {
-          "cells": [
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Table Cell",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Table Cell",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-          ],
-        },
-      ],
-      "type": "tableContent",
-    },
-    "id": "1",
-    "props": {
-      "textColor": "default",
-    },
-    "type": "table",
-  },
-  {
-    "children": [],
-    "content": [
-      {
-        "styles": {},
-        "text": "Custom Paragraph",
-        "type": "text",
-      },
-    ],
-    "id": "2",
-    "props": {},
-    "type": "customParagraph",
-  },
-  {
-    "children": [],
-    "content": [],
-    "id": "3",
-    "props": {
-      "backgroundColor": "default",
-      "textAlignment": "left",
-      "textColor": "default",
-    },
-    "type": "paragraph",
-  },
-]

package/src/api/clipboard/__snapshots__/external/pasteTableInExistingTable.html

@@ -1,216 +0,0 @@
-[
-  {
-    "children": [],
-    "content": [
-      {
-        "styles": {},
-        "text": "Paragraph",
-        "type": "text",
-      },
-    ],
-    "id": "0",
-    "props": {
-      "backgroundColor": "default",
-      "textAlignment": "left",
-      "textColor": "default",
-    },
-    "type": "paragraph",
-  },
-  {
-    "children": [],
-    "content": {
-      "columnWidths": [
-        undefined,
-        undefined,
-        undefined,
-      ],
-      "headerCols": undefined,
-      "headerRows": undefined,
-      "rows": [
-        {
-          "cells": [
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Table Cell",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Table Cell",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-          ],
-        },
-        {
-          "cells": [
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Table Cell",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Cell 1",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Cell 2",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-          ],
-        },
-        {
-          "cells": [
-            {
-              "content": [],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Cell 3",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-            {
-              "content": [
-                {
-                  "styles": {},
-                  "text": "Cell 4",
-                  "type": "text",
-                },
-              ],
-              "props": {
-                "backgroundColor": "default",
-                "colspan": 1,
-                "rowspan": 1,
-                "textAlignment": "left",
-                "textColor": "default",
-              },
-              "type": "tableCell",
-            },
-          ],
-        },
-      ],
-      "type": "tableContent",
-    },
-    "id": "1",
-    "props": {
-      "textColor": "default",
-    },
-    "type": "table",
-  },
-  {
-    "children": [],
-    "content": [
-      {
-        "styles": {},
-        "text": "Custom Paragraph",
-        "type": "text",
-      },
-    ],
-    "id": "2",
-    "props": {},
-    "type": "customParagraph",
-  },
-  {
-    "children": [],
-    "content": [],
-    "id": "3",
-    "props": {
-      "backgroundColor": "default",
-      "textAlignment": "left",
-      "textColor": "default",
-    },
-    "type": "paragraph",
-  },
-]

package/src/api/clipboard/__snapshots__/internal/basicBlocks.html

@@ -1 +0,0 @@
-<p>Paragraph</p><h1>Heading</h1><ol><li><p>Numbered List Item</p></li></ol><ul><li><p>Bullet List Item</p></li><li><input type="checkbox"><p class="bn-inline-content">Check List Item</p></li></ul><pre><code class="bn-inline-content language-text" data-language="text">console.log("Hello World");</code></pre><table><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr></table><p>Add image</p><p data-text-color="red"></p>

package/src/api/clipboard/__snapshots__/internal/basicBlocksWithProps.html

@@ -1 +0,0 @@
-<p data-text-color="red">Paragraph</p><h2 data-level="2">Heading</h2><ol start="2"><li><p data-start="2">Numbered List Item</p></li></ol><ul><li><p data-background-color="red">Bullet List Item</p></li><li><input type="checkbox" checked="" data-checked="true"><p class="bn-inline-content">Check List Item</p></li></ul><pre><code class="bn-inline-content language-typescript" data-language="typescript">console.log("Hello World");</code></pre><table><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr></table><figure data-name="1280px-Placeholder_view_vector.svg.png" data-url="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Placeholder_view_vector.svg/1280px-Placeholder_view_vector.svg.png" data-caption="Placeholder" data-preview-width="256"><img src="https://upload.wikimedia.org/wikipedia/commons/thumb/3/3f/Placeholder_view_vector.svg/1280px-Placeholder_view_vector.svg.png" alt="1280px-Placeholder_view_vector.svg.png" width="256"><figcaption>Placeholder</figcaption></figure><p></p>

package/src/api/clipboard/__snapshots__/internal/childToParent.html

@@ -1 +0,0 @@
-<h2 data-text-color="red" data-level="2">Heading 1</h2><p>Nested Paragraph 1</p>

package/src/api/clipboard/__snapshots__/internal/childrenToNextParent.html

@@ -1 +0,0 @@
-<p>Nested Paragraph 1</p><p>Nested Paragraph 2</p><p>Nested Paragraph 3</p><h2 data-text-color="red" data-level="2">Heading 2</h2>

package/src/api/clipboard/__snapshots__/internal/childrenToNextParentsChildren.html

@@ -1 +0,0 @@
-<p>Nested Paragraph 1</p><p>Nested Paragraph 2</p><p>Nested Paragraph 3</p><h2 data-text-color="red" data-level="2">Heading 2</h2><p>Nested Paragraph 1</p><p>Nested Paragraph 2</p><p>Nested Paragraph 3</p>

package/src/api/clipboard/__snapshots__/internal/image.html

@@ -1 +0,0 @@
-<img src="https://ralfvanveen.com/wp-content/uploads/2021/06/Placeholder-_-Glossary.svg" alt="BlockNote image" width="512" data-url="https://ralfvanveen.com/wp-content/uploads/2021/06/Placeholder-_-Glossary.svg"><p>Nested Paragraph</p>

package/src/api/clipboard/__snapshots__/internal/multipleChildren.html

@@ -1 +0,0 @@
-<p>Nested Paragraph 1</p><p>Nested Paragraph 2</p><p>Nested Paragraph 3</p>

package/src/api/clipboard/__snapshots__/internal/multipleStyledText.html

@@ -1 +0,0 @@
-<strong>Bold</strong><em>Italic</em>Regular

package/src/api/clipboard/__snapshots__/internal/nestedImage.html

@@ -1 +0,0 @@
-<h2 data-text-color="red" data-level="2"><strong>Bold</strong><em>Italic</em>Regular</h2><img src="https://ralfvanveen.com/wp-content/uploads/2021/06/Placeholder-_-Glossary.svg" alt="BlockNote image" width="512" data-url="https://ralfvanveen.com/wp-content/uploads/2021/06/Placeholder-_-Glossary.svg"><p>Nested Paragraph</p>

package/src/api/clipboard/__snapshots__/internal/paragraphInCustomBlock.html

@@ -1 +0,0 @@
-Paragraph

package/src/api/clipboard/__snapshots__/internal/partialChildToParent.html

@@ -1 +0,0 @@
-<h2 data-text-color="red" data-level="2">ding 1</h2><p>Nested </p>

package/src/api/clipboard/__snapshots__/internal/styledText.html

@@ -1 +0,0 @@
-<em>Italic</em>

package/src/api/clipboard/__snapshots__/internal/tableAllCells.html

@@ -1 +0,0 @@
-<table><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr></table>

package/src/api/clipboard/__snapshots__/internal/tableCell.html

@@ -1 +0,0 @@
-<table><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr></table>

package/src/api/clipboard/__snapshots__/internal/tableCellText.html

@@ -1 +0,0 @@
-Table Cell

package/src/api/clipboard/__snapshots__/internal/tableRow.html

@@ -1 +0,0 @@
-<table><tr><td colspan="1" rowspan="1"><p>Table Cell</p></td><td colspan="1" rowspan="1"><p>Table Cell</p></td></tr></table>

package/src/api/clipboard/__snapshots__/internal/unstyledText.html

@@ -1 +0,0 @@
-Regular

package/src/api/clipboard/clipboardExternal.test.ts

@@ -1,161 +0,0 @@
-import { Node } from "prosemirror-model";
-import { Selection, TextSelection } from "prosemirror-state";
-import { afterAll, beforeAll, beforeEach, describe, expect, it } from "vitest";
-
-import { PartialBlock } from "../../blocks/defaultBlocks.js";
-import { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
-import { initializeESMDependencies } from "../../util/esmDependencies.js";
-import { doPaste } from "../testUtil/paste.js";
-import { schema } from "./testUtil.js";
-
-type SelectionTestCase = {
-  testName: string;
-  createSelection: (doc: Node) => Selection;
-} & (
-  | {
-      html: string;
-    }
-  | {
-      plainText: string;
-    }
-);
-
-// These tests are meant to test the pasting of external HTML in the editor.
-// Each test case has an HTML string to be pasted, and a selection in the editor
-// to paste at.
-describe("Test external clipboard HTML", () => {
-  const initialContent: PartialBlock<typeof schema.blockSchema>[] = [
-    {
-      type: "paragraph",
-      content: "Paragraph",
-    },
-    {
-      type: "table",
-      content: {
-        type: "tableContent",
-        rows: [
-          {
-            cells: ["Table Cell", "Table Cell"],
-          },
-          {
-            cells: ["Table Cell", "Table Cell"],
-          },
-        ],
-      },
-    },
-    {
-      type: "customParagraph",
-      content: "Custom Paragraph",
-    },
-    {
-      type: "paragraph",
-    },
-  ];
-
-  let editor: BlockNoteEditor<typeof schema.blockSchema>;
-  const div = document.createElement("div");
-
-  beforeEach(() => {
-    editor.replaceBlocks(editor.document, initialContent);
-  });
-
-  beforeAll(async () => {
-    (window as any).__TEST_OPTIONS = (window as any).__TEST_OPTIONS || {};
-
-    editor = BlockNoteEditor.create({ schema });
-    editor.mount(div);
-
-    await initializeESMDependencies();
-  });
-
-  afterAll(() => {
-    editor.mount(undefined);
-    editor._tiptapEditor.destroy();
-    editor = undefined as any;
-
-    delete (window as Window & { __TEST_OPTIONS?: any }).__TEST_OPTIONS;
-  });
-
-  // Sets the editor selection to the given start and end positions, then
-  // pastes the HTML and compares it the document after to a snapshot.
-  async function testPasteExternalHTML(testCase: SelectionTestCase) {
-    if (!editor.prosemirrorView) {
-      throw new Error("Editor view not initialized.");
-    }
-
-    editor.dispatch(
-      editor._tiptapEditor.state.tr.setSelection(
-        testCase.createSelection(editor.prosemirrorView.state.doc)
-      )
-    );
-
-    doPaste(
-      editor.prosemirrorView,
-      "plainText" in testCase ? testCase.plainText : "",
-      "html" in testCase ? testCase.html : "",
-      "plainText" in testCase,
-      new ClipboardEvent("paste")
-    );
-
-    await expect(editor.document).toMatchFileSnapshot(
-      `./__snapshots__/external/${testCase.testName}.html`
-    );
-  }
-
-  const testCases: SelectionTestCase[] = [
-    {
-      testName: "pasteEndOfParagraph",
-      createSelection: (doc) => TextSelection.create(doc, 12),
-      html: `<p>Paragraph</p>`,
-    },
-    {
-      testName: "pasteEndOfParagraphText",
-      createSelection: (doc) => TextSelection.create(doc, 12),
-      plainText: `Paragraph`,
-    },
-    {
-      testName: "pasteImage",
-      createSelection: (doc) => TextSelection.create(doc, 12),
-      html: `<img src="exampleURL">`,
-    },
-    {
-      testName: "pasteTable",
-      createSelection: (doc) => TextSelection.create(doc, 12),
-      html: `<table>
-  <tr>
-    <td>Cell 1</td>
-    <td>Cell 2</td>
-  </tr>
-  <tr>
-    <td>Cell 3</td>
-    <td>Cell 4</td>
-  </tr>
-</table>`,
-    },
-    {
-      testName: "pasteTableInExistingTable",
-      createSelection: (doc) => TextSelection.create(doc, 73),
-      html: `<table>
-  <tr>
-    <td>Cell 1</td>
-    <td>Cell 2</td>
-  </tr>
-  <tr>
-    <td>Cell 3</td>
-    <td>Cell 4</td>
-  </tr>
-</table>`,
-    },
-    {
-      testName: "pasteParagraphInCustomBlock",
-      createSelection: (doc) => TextSelection.create(doc, 80, 96),
-      html: `<p>Paragraph</p>`,
-    },
-  ];
-
-  for (const testCase of testCases) {
-    it(`${testCase.testName}`, async () => {
-      await testPasteExternalHTML(testCase);
-    });
-  }
-});