@blocknote/core 0.9.6 → 0.10.0

package/dist/webpack-stats.json

@@ -0,0 +1 @@
+{"builtAt":1701710111434,"assets":[{"name":"blocknote.umd.cjs","size":99242},{"name":"blocknote.umd.cjs.map","size":445654}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote.umd.cjs"],"names":["index"]}],"modules":[{"name":"./src/extensions/UniqueID/UniqueID.ts","size":8518,"chunks":["a1ee98a"]},{"name":"./src/api/getBlockInfoFromPos.ts","size":1691,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/types.ts","size":302,"chunks":["a1ee98a"]},{"name":"./src/util/typescript.ts","size":108,"chunks":["a1ee98a"]},{"name":"./src/api/nodeConversions/nodeConversions.ts","size":11959,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/sharedHTMLConversion.ts","size":2272,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/simplifyBlocksRehypePlugin.ts","size":2687,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/externalHTMLExporter.ts","size":1059,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/internalHTMLSerializer.ts","size":697,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.ts","size":316,"chunks":["a1ee98a"]},{"name":"./src/util/browser.ts","size":432,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockHelpers.ts","size":1724,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultProps.ts","size":269,"chunks":["a1ee98a"]},{"name":"./src/util/string.ts","size":108,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/internal.ts","size":3701,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/createSpec.ts","size":2781,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/internal.ts","size":1357,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/createSpec.ts","size":1613,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/internal.ts","size":1162,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/createSpec.ts","size":1263,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorMark.ts","size":946,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorMark.ts","size":866,"chunks":["a1ee98a"]},{"name":"./src/blocks/HeadingBlockContent/HeadingBlockContent.ts","size":2796,"chunks":["a1ee98a"]},{"name":"./src/util/EventEmitter.ts","size":744,"chunks":["a1ee98a"]},{"name":"./src/extensions/ImageToolbar/ImageToolbarPlugin.ts","size":3772,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/ImageBlockContent.ts","size":9242,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.ts","size":1106,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.ts","size":2691,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.ts","size":1862,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.ts","size":3148,"chunks":["a1ee98a"]},{"name":"./src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts","size":753,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableExtension.ts","size":1462,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableBlockContent.ts","size":1207,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlocks.ts","size":1025,"chunks":["a1ee98a"]},{"name":"./src/api/nodeUtil.ts","size":548,"chunks":["a1ee98a"]},{"name":"./src/api/blockManipulation/blockManipulation.ts","size":2541,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/removeUnderlinesRehypePlugin.ts","size":752,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/markdownExporter.ts","size":549,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/util/nestedLists.ts","size":2022,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/parseHTML.ts","size":503,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/markdown/parseMarkdown.ts","size":1054,"chunks":["a1ee98a"]},{"name":"./src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts","size":4866,"chunks":["a1ee98a"]},{"name":"./src/extensions/HyperlinkToolbar/HyperlinkToolbarPlugin.ts","size":7599,"chunks":["a1ee98a"]},{"name":"./src/extensions-shared/suggestion/SuggestionPlugin.ts","size":9492,"chunks":["a1ee98a"]},{"name":"./src/extensions/SlashMenu/SlashMenuPlugin.ts","size":839,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/MultipleNodeSelection.ts","size":1616,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/SideMenuPlugin.ts","size":15162,"chunks":["a1ee98a"]},{"name":"./src/extensions/SlashMenu/defaultSlashMenuItems.ts","size":4114,"chunks":["a1ee98a"]},{"name":"./src/extensions/TableHandles/TableHandlesPlugin.ts","size":14650,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/copyExtension.ts","size":1406,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/pasteExtension.ts","size":1168,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorExtension.ts","size":688,"chunks":["a1ee98a"]},{"name":"./src/extensions/Placeholder/PlaceholderExtension.ts","size":2106,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextAlignment/TextAlignmentExtension.ts","size":748,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorExtension.ts","size":622,"chunks":["a1ee98a"]},{"name":"./src/extensions/TrailingNode/TrailingNodeExtension.ts","size":1594,"chunks":["a1ee98a"]},{"name":"./src/extensions/NonEditableBlocks/NonEditableBlockPlugin.ts","size":341,"chunks":["a1ee98a"]},{"name":"./src/extensions/PreviousBlockType/PreviousBlockTypePlugin.ts","size":4572,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockContainer.ts","size":17257,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockGroup.ts","size":1097,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/Doc.ts","size":90,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteExtensions.ts","size":3467,"chunks":["a1ee98a"]},{"name":"./src/editor/transformPasted.ts","size":1017,"chunks":["a1ee98a"]},{"name":"./src/editor/Block.css","size":17,"chunks":["a1ee98a"]},{"name":"./src/editor/editor.css","size":18,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteEditor.ts","size":22030,"chunks":["a1ee98a"]},{"name":"./src/api/testUtil/partialBlockTestUtil.ts","size":2166,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}

package/package.json

@@ -3,7 +3,7 @@
   "homepage": "https://github.com/TypeCellOS/BlockNote",
   "private": false,
   "license": "MPL-2.0",
-  "version": "0.9.6",
+  "version": "0.10.0",
   "files": [
     "dist",
     "types",
@@ -66,15 +66,19 @@
     "@tiptap/extension-link": "^2.0.3",
     "@tiptap/extension-paragraph": "^2.0.3",
     "@tiptap/extension-strike": "^2.0.3",
+    "@tiptap/extension-table-cell": "^2.0.3",
+    "@tiptap/extension-table-header": "^2.0.3",
+    "@tiptap/extension-table-row": "^2.0.3",
     "@tiptap/extension-text": "^2.0.3",
     "@tiptap/extension-underline": "^2.0.3",
     "@tiptap/pm": "^2.0.3",
     "hast-util-from-dom": "^4.2.0",
-    "lodash": "^4.17.21",
     "prosemirror-model": "^1.18.3",
     "prosemirror-state": "^1.4.3",
+    "prosemirror-tables": "^1.3.4",
     "prosemirror-transform": "^1.7.2",
     "prosemirror-view": "^1.31.4",
+    "rehype-format": "^5.0.0",
     "rehype-parse": "^8.0.4",
     "rehype-remark": "^9.1.2",
     "rehype-stringify": "^9.0.3",
@@ -90,11 +94,11 @@
   },
   "devDependencies": {
     "@types/hast": "^2.3.4",
-    "@types/lodash": "^4.14.179",
     "@types/uuid": "^8.3.4",
     "eslint": "^8.10.0",
     "jsdom": "^21.1.0",
     "prettier": "^2.7.1",
+    "rollup-plugin-webpack-stats": "^0.2.2",
     "typescript": "^5.0.4",
     "vite": "^4.4.8",
     "vite-plugin-eslint": "^1.8.1",
@@ -109,5 +113,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "7f4c6fd01941eef3b5ba5c3e670b02768322e482"
+  "gitHead": "2f1b344ba2c8878269ddfc84052347d3e63b00c2"
 }

package/src/api/README.md

@@ -0,0 +1,8 @@
+### @blocknote/core/src/api
+
+Implements the BlockNote API surface
+
+- `blockManipulation`: API to insert / update / remove blocks
+- `exporters`: exporting to HTML / markdown / other formats
+- `nodeConversions`: internal API for converting between BlockNote Schema (Blocks) and Prosemirror (Nodes)
+- `parsers`: importing from HTML / markdown / other formats

package/src/api/blockManipulation/blockManipulation.test.ts

@@ -1,5 +1,11 @@
 import { afterEach, beforeEach, describe, expect, it } from "vitest";
-import { Block, BlockNoteEditor, PartialBlock } from "../..";
+import {
+  DefaultBlockSchema,
+  DefaultInlineContentSchema,
+  DefaultStyleSchema,
+} from "../../blocks/defaultBlocks";
+import { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { Block, PartialBlock } from "../../schema/blocks/types";
 
 let editor: BlockNoteEditor;
 
@@ -14,16 +20,28 @@ function waitForEditor() {
   });
 }
 
-let singleBlock: PartialBlock;
-
-let multipleBlocks: PartialBlock[];
-
-let insert: (placement: "before" | "nested" | "after") => Block[];
+let singleBlock: PartialBlock<
+  DefaultBlockSchema,
+  DefaultInlineContentSchema,
+  DefaultStyleSchema
+>;
+
+let multipleBlocks: PartialBlock<
+  DefaultBlockSchema,
+  DefaultInlineContentSchema,
+  DefaultStyleSchema
+>[];
+
+let insert: (
+  placement: "before" | "nested" | "after"
+) => Block<
+  DefaultBlockSchema,
+  DefaultInlineContentSchema,
+  DefaultStyleSchema
+>[];
 
 beforeEach(() => {
-  (window as Window & { __TEST_OPTIONS?: any }).__TEST_OPTIONS = {};
-
-  editor = new BlockNoteEditor();
+  editor = BlockNoteEditor.create();
 
   singleBlock = {
     type: "paragraph",
@@ -76,8 +94,52 @@ beforeEach(() => {
 afterEach(() => {
   editor._tiptapEditor.destroy();
   editor = undefined as any;
+});
 
-  delete (window as Window & { __TEST_OPTIONS?: any }).__TEST_OPTIONS;
+describe("Test strong typing", () => {
+  it("checks that block types are inferred correctly", () => {
+    try {
+      editor.updateBlock(
+        { id: "sdf" },
+        {
+          // @ts-expect-error invalid type
+          type: "non-existing",
+        }
+      );
+    } catch (e) {
+      // id doesn't exists, which is fine, this is a compile-time check
+    }
+  });
+
+  it("checks that block props are inferred correctly", () => {
+    try {
+      editor.updateBlock(
+        { id: "sdf" },
+        {
+          type: "paragraph",
+          props: {
+            // @ts-expect-error level not suitable for paragraph
+            level: 1,
+          },
+        }
+      );
+    } catch (e) {
+      // id doesn't exists, which is fine, this is a compile-time check
+    }
+    try {
+      editor.updateBlock(
+        { id: "sdf" },
+        {
+          type: "heading",
+          props: {
+            level: 1,
+          },
+        }
+      );
+    } catch (e) {
+      // id doesn't exists, which is fine, this is a compile-time check
+    }
+  });
 });
 
 describe("Inserting Blocks with Different Placements", () => {

package/src/api/blockManipulation/blockManipulation.ts

@@ -1,30 +1,42 @@
 import { Editor } from "@tiptap/core";
 import { Node } from "prosemirror-model";
+
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
 import {
   BlockIdentifier,
   BlockSchema,
+  InlineContentSchema,
   PartialBlock,
-} from "../../extensions/Blocks/api/blockTypes";
+  StyleSchema,
+} from "../../schema";
 import { blockToNode } from "../nodeConversions/nodeConversions";
-import { getNodeById } from "../util/nodeUtil";
-
-export function insertBlocks<BSchema extends BlockSchema>(
-  blocksToInsert: PartialBlock<BSchema>[],
+import { getNodeById } from "../nodeUtil";
+
+export function insertBlocks<
+  BSchema extends BlockSchema,
+  I extends InlineContentSchema,
+  S extends StyleSchema
+>(
+  blocksToInsert: PartialBlock<BSchema, I, S>[],
   referenceBlock: BlockIdentifier,
   placement: "before" | "after" | "nested" = "before",
-  editor: Editor
+  editor: BlockNoteEditor<BSchema, I, S>
 ): void {
+  const ttEditor = editor._tiptapEditor;
+
   const id =
     typeof referenceBlock === "string" ? referenceBlock : referenceBlock.id;
 
   const nodesToInsert: Node[] = [];
   for (const blockSpec of blocksToInsert) {
-    nodesToInsert.push(blockToNode(blockSpec, editor.schema));
+    nodesToInsert.push(
+      blockToNode(blockSpec, ttEditor.schema, editor.styleSchema)
+    );
   }
 
   let insertionPos = -1;
 
-  const { node, posBeforeNode } = getNodeById(id, editor.state.doc);
+  const { node, posBeforeNode } = getNodeById(id, ttEditor.state.doc);
 
   if (placement === "before") {
     insertionPos = posBeforeNode;
@@ -39,13 +51,13 @@ export function insertBlocks<BSchema extends BlockSchema>(
     if (node.childCount < 2) {
       insertionPos = posBeforeNode + node.firstChild!.nodeSize + 1;
 
-      const blockGroupNode = editor.state.schema.nodes["blockGroup"].create(
+      const blockGroupNode = ttEditor.state.schema.nodes["blockGroup"].create(
         {},
         nodesToInsert
       );
 
-      editor.view.dispatch(
-        editor.state.tr.insert(insertionPos, blockGroupNode)
+      ttEditor.view.dispatch(
+        ttEditor.state.tr.insert(insertionPos, blockGroupNode)
       );
 
       return;
@@ -54,12 +66,16 @@ export function insertBlocks<BSchema extends BlockSchema>(
     insertionPos = posBeforeNode + node.firstChild!.nodeSize + 2;
   }
 
-  editor.view.dispatch(editor.state.tr.insert(insertionPos, nodesToInsert));
+  ttEditor.view.dispatch(ttEditor.state.tr.insert(insertionPos, nodesToInsert));
 }
 
-export function updateBlock<BSchema extends BlockSchema>(
+export function updateBlock<
+  BSchema extends BlockSchema,
+  I extends InlineContentSchema,
+  S extends StyleSchema
+>(
   blockToUpdate: BlockIdentifier,
-  update: PartialBlock<BSchema>,
+  update: PartialBlock<BSchema, I, S>,
   editor: Editor
 ) {
   const id =
@@ -116,11 +132,15 @@ export function removeBlocks(
   }
 }
 
-export function replaceBlocks<BSchema extends BlockSchema>(
+export function replaceBlocks<
+  BSchema extends BlockSchema,
+  I extends InlineContentSchema,
+  S extends StyleSchema
+>(
   blocksToRemove: BlockIdentifier[],
-  blocksToInsert: PartialBlock<BSchema>[],
-  editor: Editor
+  blocksToInsert: PartialBlock<BSchema, I, S>[],
+  editor: BlockNoteEditor<BSchema, I, S>
 ) {
   insertBlocks(blocksToInsert, blocksToRemove[0], "before", editor);
-  removeBlocks(blocksToRemove, editor);
+  removeBlocks(blocksToRemove, editor._tiptapEditor);
 }

package/src/api/exporters/copyExtension.ts

@@ -0,0 +1,68 @@
+import { Extension } from "@tiptap/core";
+import { Plugin } from "prosemirror-state";
+
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import { BlockSchema, InlineContentSchema, StyleSchema } from "../../schema";
+import { createExternalHTMLExporter } from "./html/externalHTMLExporter";
+import { createInternalHTMLSerializer } from "./html/internalHTMLSerializer";
+import { cleanHTMLToMarkdown } from "./markdown/markdownExporter";
+
+export const createCopyToClipboardExtension = <
+  BSchema extends BlockSchema,
+  I extends InlineContentSchema,
+  S extends StyleSchema
+>(
+  editor: BlockNoteEditor<BSchema, I, S>
+) =>
+  Extension.create<{ editor: BlockNoteEditor<BSchema, I, S> }, undefined>({
+    name: "copyToClipboard",
+    addProseMirrorPlugins() {
+      const tiptap = this.editor;
+      const schema = this.editor.schema;
+      return [
+        new Plugin({
+          props: {
+            handleDOMEvents: {
+              copy(_view, event) {
+                // Stops the default browser copy behaviour.
+                event.preventDefault();
+                event.clipboardData!.clearData();
+
+                const selectedFragment =
+                  tiptap.state.selection.content().content;
+
+                const internalHTMLSerializer = createInternalHTMLSerializer(
+                  schema,
+                  editor
+                );
+                const internalHTML =
+                  internalHTMLSerializer.serializeProseMirrorFragment(
+                    selectedFragment
+                  );
+
+                const externalHTMLExporter = createExternalHTMLExporter(
+                  schema,
+                  editor
+                );
+                const externalHTML =
+                  externalHTMLExporter.exportProseMirrorFragment(
+                    selectedFragment
+                  );
+
+                const plainText = cleanHTMLToMarkdown(externalHTML);
+
+                // TODO: Writing to other MIME types not working in Safari for
+                //  some reason.
+                event.clipboardData!.setData("blocknote/html", internalHTML);
+                event.clipboardData!.setData("text/html", externalHTML);
+                event.clipboardData!.setData("text/plain", plainText);
+
+                // Prevent default PM handler to be called
+                return true;
+              },
+            },
+          },
+        }),
+      ];
+    },
+  });

package/src/api/exporters/html/__snapshots__/complex/misc/external.html

@@ -0,0 +1 @@
+<h2 class="bn-inline-content"><strong><u>Heading </u></strong><em><s>2</s></em></h2><p class="bn-inline-content">Paragraph</p><ul><li><p class="bn-inline-content"></p></li></ul>

package/src/api/exporters/html/__snapshots__/complex/misc/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1" data-text-color="yellow" data-background-color="blue"><div class="bn-block" data-node-type="blockContainer" data-id="1" data-text-color="yellow" data-background-color="blue"><div class="bn-block-content" data-content-type="heading" data-text-alignment="right" data-level="2"><h2 class="bn-inline-content"><strong><u>Heading </u></strong><em><s>2</s></em></h2></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="2" data-background-color="red"><div class="bn-block" data-node-type="blockContainer" data-id="2" data-background-color="red"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Paragraph</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="bulletListItem"><p class="bn-inline-content"></p></div></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/customParagraph/basic/external.html

@@ -0,0 +1 @@
+<p class="custom-paragraph">Hello World</p>

package/src/api/exporters/html/__snapshots__/customParagraph/basic/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="customParagraph"><p class="bn-inline-content custom-paragraph" data-editable="">Custom Paragraph</p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/customParagraph/nested/external.html

@@ -0,0 +1 @@
+<p class="custom-paragraph">Hello World</p><p class="custom-paragraph">Hello World</p><p class="custom-paragraph">Hello World</p>

package/src/api/exporters/html/__snapshots__/customParagraph/nested/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="customParagraph"><p class="bn-inline-content custom-paragraph" data-editable="">Custom Paragraph</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="customParagraph"><p class="bn-inline-content custom-paragraph" data-editable="">Nested Custom Paragraph 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="customParagraph"><p class="bn-inline-content custom-paragraph" data-editable="">Nested Custom Paragraph 2</p></div></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/customParagraph/styled/external.html

@@ -0,0 +1 @@
+<p class="custom-paragraph">Hello World</p>

package/src/api/exporters/html/__snapshots__/customParagraph/styled/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1" data-text-color="orange" data-background-color="pink"><div class="bn-block" data-node-type="blockContainer" data-id="1" data-text-color="orange" data-background-color="pink"><div class="bn-block-content" data-content-type="customParagraph" data-text-alignment="center"><p class="bn-inline-content custom-paragraph" data-editable="">Plain <span data-text-color="red">Red Text </span><span data-background-color="blue">Blue Background </span><span data-text-color="red"><span data-background-color="blue">Mixed Colors</span></span></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/fontSize/basic/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"><span style="font-size: 18px" data-style-type="fontSize" data-value="18px" data-editable="">This is text with a custom fontSize</span></p>

package/src/api/exporters/html/__snapshots__/fontSize/basic/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"><span style="font-size: 18px" data-style-type="fontSize" data-value="18px" data-editable="">This is text with a custom fontSize</span></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/hardbreak/basic/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content">Text1<br>Text2</p>

package/src/api/exporters/html/__snapshots__/hardbreak/basic/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Text1<br>Text2</p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/hardbreak/between-links/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Link1</a><br><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website2.com">Link2</a></p>

package/src/api/exporters/html/__snapshots__/hardbreak/between-links/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Link1</a><br><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website2.com">Link2</a></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/hardbreak/end/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content">Text1<br></p>

package/src/api/exporters/html/__snapshots__/hardbreak/end/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Text1<br></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/hardbreak/link/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Link1</a><br><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Link1</a></p>

package/src/api/exporters/html/__snapshots__/hardbreak/link/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Link1</a><br><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Link1</a></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/hardbreak/multiple/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content">Text1<br>Text2<br>Text3</p>

package/src/api/exporters/html/__snapshots__/hardbreak/multiple/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Text1<br>Text2<br>Text3</p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/hardbreak/only/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"><br></p>

package/src/api/exporters/html/__snapshots__/hardbreak/only/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"><br></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/hardbreak/start/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"><br>Text1</p>

package/src/api/exporters/html/__snapshots__/hardbreak/start/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"><br>Text1</p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/hardbreak/styles/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content">Text1<br><strong>Text2</strong></p>

package/src/api/exporters/html/__snapshots__/hardbreak/styles/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Text1<br><strong>Text2</strong></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/image/basic/external.html

@@ -0,0 +1 @@
+<figure><img src="exampleURL"><figcaption>Caption</figcaption></figure>

package/src/api/exporters/html/__snapshots__/image/basic/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="image" data-url="exampleURL" data-caption="Caption" data-width="256"><div class="bn-image-block-content-wrapper" style="align-items: flex-start;"><div class="bn-add-image-button" style="display: none;"><div class="bn-add-image-button-icon"></div><p class="bn-add-image-button-text"></p></div><div class="bn-image-and-caption-wrapper"><div class="bn-image-wrapper"><img class="bn-image" src="exampleURL" alt="placeholder" draggable="false" style="width: 0px;"><div class="bn-image-resize-handle" style="left: 4px;"></div><div class="bn-image-resize-handle" style="right: 4px;"></div></div><p class="bn-image-caption" style="padding: 4px;"></p></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/image/button/external.html

@@ -0,0 +1 @@
+<p>Add Image</p>

package/src/api/exporters/html/__snapshots__/image/button/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="image"><div class="bn-image-block-content-wrapper" style="align-items: flex-start;"><div class="bn-add-image-button"><div class="bn-add-image-button-icon"></div><p class="bn-add-image-button-text"></p></div><div class="bn-image-and-caption-wrapper" style="display: none;"><div class="bn-image-wrapper" style="display: none;"><img class="bn-image" src="" alt="placeholder" draggable="false" style="width: 0px;"><div class="bn-image-resize-handle" style="left: 4px;"></div><div class="bn-image-resize-handle" style="right: 4px;"></div></div><p class="bn-image-caption"></p></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/image/nested/external.html

@@ -0,0 +1 @@
+<figure><img src="exampleURL"><figcaption>Caption</figcaption></figure><figure><img src="exampleURL"><figcaption>Caption</figcaption></figure>

package/src/api/exporters/html/__snapshots__/image/nested/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="image" data-url="exampleURL" data-caption="Caption" data-width="256"><div class="bn-image-block-content-wrapper" style="align-items: flex-start;"><div class="bn-add-image-button" style="display: none;"><div class="bn-add-image-button-icon"></div><p class="bn-add-image-button-text"></p></div><div class="bn-image-and-caption-wrapper"><div class="bn-image-wrapper"><img class="bn-image" src="exampleURL" alt="placeholder" draggable="false" style="width: 0px;"><div class="bn-image-resize-handle" style="left: 4px;"></div><div class="bn-image-resize-handle" style="right: 4px;"></div></div><p class="bn-image-caption" style="padding: 4px;"></p></div></div></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="image" data-url="exampleURL" data-caption="Caption" data-width="256"><div class="bn-image-block-content-wrapper" style="align-items: flex-start;"><div class="bn-add-image-button" style="display: none;"><div class="bn-add-image-button-icon"></div><p class="bn-add-image-button-text"></p></div><div class="bn-image-and-caption-wrapper"><div class="bn-image-wrapper"><img class="bn-image" src="exampleURL" alt="placeholder" draggable="false" style="width: 0px;"><div class="bn-image-resize-handle" style="left: 4px;"></div><div class="bn-image-resize-handle" style="right: 4px;"></div></div><p class="bn-image-caption" style="padding: 4px;"></p></div></div></div></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/link/adjacent/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Website</a><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website2.com">Website2</a></p>

package/src/api/exporters/html/__snapshots__/link/adjacent/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Website</a><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website2.com">Website2</a></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/link/basic/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Website</a></p>

package/src/api/exporters/html/__snapshots__/link/basic/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Website</a></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/link/styled/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"><strong><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Web</a></strong><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">site</a></p>

package/src/api/exporters/html/__snapshots__/link/styled/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"><strong><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">Web</a></strong><a target="_blank" rel="noopener noreferrer nofollow" href="https://www.website.com">site</a></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/mention/basic/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content">I enjoy working with <span data-inline-content-type="mention" data-user="Matthew">@Matthew</span></p>

package/src/api/exporters/html/__snapshots__/mention/basic/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">I enjoy working with <span data-inline-content-type="mention" data-user="Matthew">@Matthew</span></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/paragraph/basic/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content">Paragraph</p>

package/src/api/exporters/html/__snapshots__/paragraph/basic/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Paragraph</p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/paragraph/empty/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content"></p>

package/src/api/exporters/html/__snapshots__/paragraph/empty/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content"></p></div></div></div></div>

package/src/api/exporters/html/__snapshots__/paragraph/nested/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content">Paragraph</p><p class="bn-inline-content">Nested Paragraph 1</p><p class="bn-inline-content">Nested Paragraph 2</p>

package/src/api/exporters/html/__snapshots__/paragraph/nested/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Paragraph</p></div><div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Nested Paragraph 1</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="3"><div class="bn-block" data-node-type="blockContainer" data-id="3"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">Nested Paragraph 2</p></div></div></div></div></div></div></div>

package/src/api/exporters/html/__snapshots__/paragraph/styled/external.html

@@ -0,0 +1 @@
+<p class="bn-inline-content">Plain <span data-text-color="red">Red Text </span><span data-background-color="blue">Blue Background </span><span data-text-color="red"><span data-background-color="blue">Mixed Colors</span></span></p>

package/src/api/exporters/html/__snapshots__/paragraph/styled/internal.html

@@ -0,0 +1 @@
+<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1" data-text-color="orange" data-background-color="pink"><div class="bn-block" data-node-type="blockContainer" data-id="1" data-text-color="orange" data-background-color="pink"><div class="bn-block-content" data-content-type="paragraph" data-text-alignment="center"><p class="bn-inline-content">Plain <span data-text-color="red">Red Text </span><span data-background-color="blue">Blue Background </span><span data-text-color="red"><span data-background-color="blue">Mixed Colors</span></span></p></div></div></div></div>