@blocknote/core 0.15.11 → 0.17.0

package/src/api/parsers/markdown/__snapshots__/pasted/nested.json

@@ -0,0 +1,81 @@
+[
+  {
+    "id": "5",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "# Heading",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "6",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Paragraph",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "7",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "*   Bullet List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "8",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "    1.  Numbered List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "9",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [],
+    "children": []
+  }
+]

package/src/api/parsers/markdown/__snapshots__/pasted/non-nested.json

@@ -0,0 +1,81 @@
+[
+  {
+    "id": "5",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "# Heading",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "6",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Paragraph",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "7",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "*   Bullet List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "8",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "1.  Numbered List Item",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "9",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [],
+    "children": []
+  }
+]

package/src/api/parsers/markdown/__snapshots__/pasted/styled.json

@@ -0,0 +1,61 @@
+[
+  {
+    "id": "2",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [
+      {
+        "type": "text",
+        "text": "Bold",
+        "styles": {
+          "bold": true
+        }
+      },
+      {
+        "type": "text",
+        "text": " ",
+        "styles": {}
+      },
+      {
+        "type": "text",
+        "text": "Italic",
+        "styles": {
+          "italic": true
+        }
+      },
+      {
+        "type": "text",
+        "text": " ",
+        "styles": {}
+      },
+      {
+        "type": "text",
+        "text": "Strikethrough",
+        "styles": {
+          "strike": true
+        }
+      },
+      {
+        "type": "text",
+        "text": " ***Multiple***",
+        "styles": {}
+      }
+    ],
+    "children": []
+  },
+  {
+    "id": "3",
+    "type": "paragraph",
+    "props": {
+      "textColor": "default",
+      "backgroundColor": "default",
+      "textAlignment": "left"
+    },
+    "content": [],
+    "children": []
+  }
+]

package/src/api/parsers/markdown/parseMarkdown.test.ts

@@ -1,5 +1,6 @@
 import { describe, expect, it } from "vitest";
-import { BlockNoteEditor } from "../../..";
+import { BlockNoteEditor } from "../../../index.js";
+import { doPaste } from "../../testUtil/paste.js";
 
 async function parseMarkdownAndCompareSnapshots(
   md: string,
@@ -14,6 +15,20 @@ async function parseMarkdownAndCompareSnapshots(
   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);
 }
 

package/src/api/parsers/markdown/parseMarkdown.ts

@@ -1,9 +1,13 @@
 import { Schema } from "prosemirror-model";
 
-import { Block } from "../../../blocks/defaultBlocks";
-import { BlockSchema, InlineContentSchema, StyleSchema } from "../../../schema";
-import { initializeESMDependencies } from "../../../util/esmDependencies";
-import { HTMLToBlocks } from "../html/parseHTML";
+import { Block } from "../../../blocks/defaultBlocks.js";
+import {
+  BlockSchema,
+  InlineContentSchema,
+  StyleSchema,
+} from "../../../schema/index.js";
+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)

package/src/api/testUtil/cases/customBlocks.ts

@@ -1,19 +1,19 @@
-import { EditorTestCases } from "../index";
+import { EditorTestCases } from "../index.js";
 
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY";
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
+import {
+  imagePropSchema,
+  imageRender,
+} from "../../../blocks/ImageBlockContent/ImageBlockContent.js";
 import {
   DefaultInlineContentSchema,
   DefaultStyleSchema,
   defaultBlockSpecs,
-} from "../../../blocks/defaultBlocks";
-import { defaultProps } from "../../../blocks/defaultProps";
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
-import { BlockNoteSchema } from "../../../editor/BlockNoteSchema";
-import { createBlockSpec } from "../../../schema";
-import {
-  imagePropSchema,
-  imageRender,
-} from "../../../blocks/ImageBlockContent/ImageBlockContent";
+} 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

package/src/api/testUtil/cases/customInlineContent.ts

@@ -1,14 +1,14 @@
-import { EditorTestCases } from "../index";
+import { EditorTestCases } from "../index.js";
 
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY";
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
 import {
   DefaultBlockSchema,
   DefaultStyleSchema,
   defaultInlineContentSpecs,
-} from "../../../blocks/defaultBlocks";
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
-import { BlockNoteSchema } from "../../../editor/BlockNoteSchema";
-import { createInlineContentSpec } from "../../../schema/inlineContent/createSpec";
+} from "../../../blocks/defaultBlocks.js";
+import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
+import { BlockNoteSchema } from "../../../editor/BlockNoteSchema.js";
+import { createInlineContentSpec } from "../../../schema/inlineContent/createSpec.js";
 
 const mention = createInlineContentSpec(
   {

package/src/api/testUtil/cases/customStyles.ts

@@ -1,14 +1,14 @@
-import { EditorTestCases } from "../index";
+import { EditorTestCases } from "../index.js";
 
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY";
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
 import {
   DefaultBlockSchema,
   DefaultInlineContentSchema,
   defaultStyleSpecs,
-} from "../../../blocks/defaultBlocks";
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
-import { BlockNoteSchema } from "../../../editor/BlockNoteSchema";
-import { createStyleSpec } from "../../../schema/styles/createSpec";
+} from "../../../blocks/defaultBlocks.js";
+import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
+import { BlockNoteSchema } from "../../../editor/BlockNoteSchema.js";
+import { createStyleSpec } from "../../../schema/styles/createSpec.js";
 
 const small = createStyleSpec(
   {

package/src/api/testUtil/cases/defaultSchema.ts

@@ -1,12 +1,12 @@
-import { EditorTestCases } from "../index";
+import { EditorTestCases } from "../index.js";
 
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
+import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
 import {
   DefaultBlockSchema,
   DefaultInlineContentSchema,
   DefaultStyleSchema,
-} from "../../../blocks/defaultBlocks";
-import { uploadToTmpFilesDotOrg_DEV_ONLY } from "../../../blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY";
+} from "../../../blocks/defaultBlocks.js";
+import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
 
 export const defaultSchemaTestCases: EditorTestCases<
   DefaultBlockSchema,

package/src/api/testUtil/index.ts

@@ -1,9 +1,9 @@
-import { PartialBlock } from "../../blocks/defaultBlocks";
-import { BlockNoteEditor } from "../../editor/BlockNoteEditor";
-import { BlockSchema } from "../../schema/blocks/types";
-import { InlineContentSchema } from "../../schema/inlineContent/types";
-import { StyleSchema } from "../../schema/styles/types";
-import { NoInfer } from "../../util/typescript";
+import { PartialBlock } from "../../blocks/defaultBlocks.js";
+import { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
+import { BlockSchema } from "../../schema/blocks/types.js";
+import { InlineContentSchema } from "../../schema/inlineContent/types.js";
+import { StyleSchema } from "../../schema/styles/types.js";
+import { NoInfer } from "../../util/typescript.js";
 
 export type EditorTestCases<
   B extends BlockSchema,

package/src/api/testUtil/partialBlockTestUtil.ts

@@ -1,6 +1,6 @@
-import { Block, PartialBlock } from "../../blocks/defaultBlocks";
-import UniqueID from "../../extensions/UniqueID/UniqueID";
-import { BlockSchema, TableContent } from "../../schema/blocks/types";
+import { Block, PartialBlock } from "../../blocks/defaultBlocks.js";
+import UniqueID from "../../extensions/UniqueID/UniqueID.js";
+import { BlockSchema, TableContent } from "../../schema/blocks/types.js";
 import {
   InlineContent,
   InlineContentSchema,
@@ -8,8 +8,8 @@ import {
   StyledText,
   isPartialLinkInlineContent,
   isStyledTextInlineContent,
-} from "../../schema/inlineContent/types";
-import { StyleSchema } from "../../schema/styles/types";
+} from "../../schema/inlineContent/types.js";
+import { StyleSchema } from "../../schema/styles/types.js";
 
 function textShorthandToStyledText(
   content: string | StyledText<any>[] = ""

package/src/api/testUtil/paste.ts

@@ -0,0 +1,46 @@
+import { Slice } from "@tiptap/pm/model";
+import { EditorView } from "@tiptap/pm/view";
+import * as pmView from "@tiptap/pm/view";
+
+function sliceSingleNode(slice: Slice) {
+  return slice.openStart === 0 &&
+    slice.openEnd === 0 &&
+    slice.content.childCount === 1
+    ? slice.content.firstChild
+    : null;
+}
+
+// This function is a copy of the `doPaste` function from `@tiptap/pm/view`,
+// but made to work in a JSDOM environment. To do this, the `tr.scrollIntoView`
+// call has been removed.
+// https://github.com/ProseMirror/prosemirror-view/blob/17b508f618c944c54776f8ddac45edcb49970796/src/input.ts#L624
+export function doPaste(
+  view: EditorView,
+  text: string,
+  html: string | null,
+  preferPlain: boolean,
+  event: ClipboardEvent
+) {
+  const slice = (pmView as any).__parseFromClipboard(
+    view,
+    text,
+    html,
+    preferPlain,
+    view.state.selection.$from
+  );
+  if (
+    view.someProp("handlePaste", (f) => f(view, event, slice || Slice.empty))
+  ) {
+    return true;
+  }
+  if (!slice) {
+    return false;
+  }
+
+  const singleNode = sliceSingleNode(slice);
+  const tr = singleNode
+    ? view.state.tr.replaceSelectionWith(singleNode, preferPlain)
+    : view.state.tr.replaceSelection(slice);
+  view.dispatch(tr.setMeta("paste", true).setMeta("uiEvent", "paste"));
+  return true;
+}

package/src/blocks/AudioBlockContent/AudioBlockContent.ts

@@ -1,12 +1,12 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import {
   BlockFromConfig,
   createBlockSpec,
   FileBlockConfig,
   Props,
   PropSchema,
-} from "../../schema";
-import { defaultProps } from "../defaultProps";
+} from "../../schema/index.js";
+import { defaultProps } from "../defaultProps.js";
 
 import {
   createFigureWithCaption,
@@ -14,8 +14,8 @@ import {
   createFileBlockWrapper,
   createLinkWithCaption,
   parseFigureElement,
-} from "../FileBlockContent/fileBlockHelpers";
-import { parseAudioElement } from "./audioBlockHelpers";
+} from "../FileBlockContent/fileBlockHelpers.js";
+import { parseAudioElement } from "./audioBlockHelpers.js";
 
 export const audioPropSchema = {
   backgroundColor: defaultProps.backgroundColor,

package/src/blocks/FileBlockContent/FileBlockContent.ts

@@ -1,11 +1,11 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import {
   BlockFromConfig,
   FileBlockConfig,
   PropSchema,
   createBlockSpec,
-} from "../../schema";
-import { defaultProps } from "../defaultProps";
+} from "../../schema/index.js";
+import { defaultProps } from "../defaultProps.js";
 import {
   createDefaultFilePreview,
   createFileAndCaptionWrapper,
@@ -13,7 +13,7 @@ import {
   createLinkWithCaption,
   parseEmbedElement,
   parseFigureElement,
-} from "./fileBlockHelpers";
+} from "./fileBlockHelpers.js";
 
 export const filePropSchema = {
   backgroundColor: defaultProps.backgroundColor,

package/src/blocks/FileBlockContent/fileBlockHelpers.ts

@@ -1,9 +1,9 @@
-import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
+import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import {
   BlockFromConfig,
   BlockSchemaWithBlock,
   FileBlockConfig,
-} from "../../schema";
+} from "../../schema/index.js";
 
 export const createFileBlockWrapper = (
   block: BlockFromConfig<FileBlockConfig, any, any>,

package/src/blocks/HeadingBlockContent/HeadingBlockContent.ts

@@ -1,12 +1,13 @@
 import { InputRule } from "@tiptap/core";
+import { updateBlockCommand } from "../../api/blockManipulation/commands/updateBlock/updateBlock.js";
+import { getBlockInfoFromSelection } from "../../api/getBlockInfoFromPos.js";
 import {
   PropSchema,
   createBlockSpecFromStronglyTypedTiptapNode,
   createStronglyTypedTiptapNode,
-} from "../../schema";
-import { createDefaultBlockDOMOutputSpec } from "../defaultBlockHelpers";
-import { defaultProps } from "../defaultProps";
-import { getCurrentBlockContentType } from "../../api/getCurrentBlockContentType";
+} from "../../schema/index.js";
+import { createDefaultBlockDOMOutputSpec } from "../defaultBlockHelpers.js";
+import { defaultProps } from "../defaultProps.js";
 
 export const headingPropSchema = {
   ...defaultProps,
@@ -46,19 +47,27 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
         return new InputRule({
           find: new RegExp(`^(#{${level}})\\s$`),
           handler: ({ state, chain, range }) => {
-            if (getCurrentBlockContentType(this.editor) !== "inline*") {
+            const blockInfo = getBlockInfoFromSelection(state);
+            if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
               return;
             }
 
             chain()
-              .BNUpdateBlock(state.selection.from, {
-                type: "heading",
-                props: {
-                  level: level as any,
-                },
-              })
+              .command(
+                updateBlockCommand(
+                  this.options.editor,
+                  blockInfo.blockContainer.beforePos,
+                  {
+                    type: "heading",
+                    props: {
+                      level: level as any,
+                    },
+                  }
+                )
+              )
               // Removes the "#" character(s) used to set the heading.
-              .deleteRange({ from: range.from, to: range.to });
+              .deleteRange({ from: range.from, to: range.to })
+              .run();
           },
         });
       }),
@@ -68,48 +77,61 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
   addKeyboardShortcuts() {
     return {
       "Mod-Alt-1": () => {
-        if (getCurrentBlockContentType(this.editor) !== "inline*") {
+        const blockInfo = getBlockInfoFromSelection(this.editor.state);
+        if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
           return true;
         }
 
-        return this.editor.commands.BNUpdateBlock(
-          this.editor.state.selection.anchor,
-          {
-            type: "heading",
-            props: {
-              level: 1 as any,
-            },
-          }
+        // call updateBlockCommand
+        return this.editor.commands.command(
+          updateBlockCommand(
+            this.options.editor,
+            blockInfo.blockContainer.beforePos,
+            {
+              type: "heading",
+              props: {
+                level: 1 as any,
+              },
+            }
+          )
         );
       },
       "Mod-Alt-2": () => {
-        if (getCurrentBlockContentType(this.editor) !== "inline*") {
+        const blockInfo = getBlockInfoFromSelection(this.editor.state);
+        if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
           return true;
         }
 
-        return this.editor.commands.BNUpdateBlock(
-          this.editor.state.selection.anchor,
-          {
-            type: "heading",
-            props: {
-              level: 2 as any,
-            },
-          }
+        return this.editor.commands.command(
+          updateBlockCommand(
+            this.options.editor,
+            blockInfo.blockContainer.beforePos,
+            {
+              type: "heading",
+              props: {
+                level: 2 as any,
+              },
+            }
+          )
         );
       },
       "Mod-Alt-3": () => {
-        if (getCurrentBlockContentType(this.editor) !== "inline*") {
+        const blockInfo = getBlockInfoFromSelection(this.editor.state);
+        if (blockInfo.blockContent.node.type.spec.content !== "inline*") {
           return true;
         }
 
-        return this.editor.commands.BNUpdateBlock(
-          this.editor.state.selection.anchor,
-          {
-            type: "heading",
-            props: {
-              level: 3 as any,
-            },
-          }
+        return this.editor.commands.command(
+          updateBlockCommand(
+            this.options.editor,
+            blockInfo.blockContainer.beforePos,
+            {
+              type: "heading",
+              props: {
+                level: 3 as any,
+              },
+            }
+          )
         );
       },
     };