@blocknote/core 0.28.0 → 0.29.1

package/src/blocks/FileBlockContent/helpers/render/createAddFileButton.ts

@@ -32,8 +32,8 @@ export const createAddFileButton = (
   };
   // Opens the file toolbar.
   const addFileButtonClickHandler = () => {
-    editor.dispatch(
-      editor._tiptapEditor.state.tr.setMeta(editor.filePanel!.plugin, {
+    editor.transact((tr) =>
+      tr.setMeta(editor.filePanel!.plugin, {
         block: block,
       })
     );

package/src/blocks/HeadingBlockContent/HeadingBlockContent.ts

@@ -41,16 +41,12 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
 
             chain()
               .command(
-                updateBlockCommand(
-                  this.options.editor,
-                  blockInfo.bnBlock.beforePos,
-                  {
-                    type: "heading",
-                    props: {
-                      level: level as any,
-                    },
-                  }
-                )
+                updateBlockCommand(blockInfo.bnBlock.beforePos, {
+                  type: "heading",
+                  props: {
+                    level: level as any,
+                  },
+                })
               )
               // Removes the "#" character(s) used to set the heading.
               .deleteRange({ from: range.from, to: range.to })
@@ -74,7 +70,7 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
 
         // call updateBlockCommand
         return this.editor.commands.command(
-          updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+          updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "heading",
             props: {
               level: 1 as any,
@@ -92,7 +88,7 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
         }
 
         return this.editor.commands.command(
-          updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+          updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "heading",
             props: {
               level: 2 as any,
@@ -110,7 +106,7 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
         }
 
         return this.editor.commands.command(
-          updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+          updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "heading",
             props: {
               level: 3 as any,

package/src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.ts

@@ -37,14 +37,10 @@ const BulletListItemBlockContent = createStronglyTypedTiptapNode({
 
           chain()
             .command(
-              updateBlockCommand(
-                this.options.editor,
-                blockInfo.bnBlock.beforePos,
-                {
-                  type: "bulletListItem",
-                  props: {},
-                }
-              )
+              updateBlockCommand(blockInfo.bnBlock.beforePos, {
+                type: "bulletListItem",
+                props: {},
+              })
             )
             // Removes the "-", "+", or "*" character used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -66,7 +62,7 @@ const BulletListItemBlockContent = createStronglyTypedTiptapNode({
         }
 
         return this.editor.commands.command(
-          updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+          updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "bulletListItem",
             props: {},
           })

package/src/blocks/ListItemBlockContent/CheckListItemBlockContent/CheckListItemBlockContent.ts

@@ -46,16 +46,12 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
 
           chain()
             .command(
-              updateBlockCommand(
-                this.options.editor,
-                blockInfo.bnBlock.beforePos,
-                {
-                  type: "checkListItem",
-                  props: {
-                    checked: false as any,
-                  },
-                }
-              )
+              updateBlockCommand(blockInfo.bnBlock.beforePos, {
+                type: "checkListItem",
+                props: {
+                  checked: false as any,
+                },
+              })
             )
             // Removes the characters used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -75,16 +71,12 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
 
           chain()
             .command(
-              updateBlockCommand(
-                this.options.editor,
-                blockInfo.bnBlock.beforePos,
-                {
-                  type: "checkListItem",
-                  props: {
-                    checked: true as any,
-                  },
-                }
-              )
+              updateBlockCommand(blockInfo.bnBlock.beforePos, {
+                type: "checkListItem",
+                props: {
+                  checked: true as any,
+                },
+              })
             )
             // Removes the characters used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -106,7 +98,7 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
         }
 
         return this.editor.commands.command(
-          updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+          updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "checkListItem",
             props: {},
           })
@@ -241,16 +233,12 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
           }
 
           this.editor.commands.command(
-            updateBlockCommand(
-              this.options.editor,
-              beforeBlockContainerPos.posBeforeNode,
-              {
-                type: "checkListItem",
-                props: {
-                  checked: checkbox.checked as any,
-                },
-              }
-            )
+            updateBlockCommand(beforeBlockContainerPos.posBeforeNode, {
+              type: "checkListItem",
+              props: {
+                checked: checkbox.checked as any,
+              },
+            })
           );
         }
       };

package/src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.ts

@@ -1,19 +1,21 @@
 import { splitBlockCommand } from "../../api/blockManipulation/commands/splitBlock/splitBlock.js";
 import { updateBlockCommand } from "../../api/blockManipulation/commands/updateBlock/updateBlock.js";
-import { getBlockInfoFromSelection } from "../../api/getBlockInfoFromPos.js";
+import { getBlockInfoFromTransaction } from "../../api/getBlockInfoFromPos.js";
 import { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 
 export const handleEnter = (editor: BlockNoteEditor<any, any, any>) => {
-  const ttEditor = editor._tiptapEditor;
-  const blockInfo = getBlockInfoFromSelection(ttEditor.state);
+  const { blockInfo, selectionEmpty } = editor.transact((tr) => {
+    return {
+      blockInfo: getBlockInfoFromTransaction(tr),
+      selectionEmpty: tr.selection.anchor === tr.selection.head,
+    };
+  });
+
   if (!blockInfo.isBlockContainer) {
     return false;
   }
   const { bnBlock: blockContainer, blockContent } = blockInfo;
 
-  const selectionEmpty =
-    ttEditor.state.selection.anchor === ttEditor.state.selection.head;
-
   if (
     !(
       blockContent.node.type.name === "bulletListItem" ||
@@ -25,13 +27,13 @@ export const handleEnter = (editor: BlockNoteEditor<any, any, any>) => {
     return false;
   }
 
-  return ttEditor.commands.first(({ state, chain, commands }) => [
+  return editor._tiptapEditor.commands.first(({ state, chain, commands }) => [
     () =>
       // Changes list item block to a paragraph block if the content is empty.
       commands.command(() => {
         if (blockContent.node.childCount === 0) {
           return commands.command(
-            updateBlockCommand(editor, blockContainer.beforePos, {
+            updateBlockCommand(blockContainer.beforePos, {
               type: "paragraph",
               props: {},
             })

package/src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.ts

@@ -57,18 +57,14 @@ const NumberedListItemBlockContent = createStronglyTypedTiptapNode({
 
           chain()
             .command(
-              updateBlockCommand(
-                this.options.editor,
-                blockInfo.bnBlock.beforePos,
-                {
-                  type: "numberedListItem",
-                  props:
-                    (startIndex === 1 && {}) ||
-                    ({
-                      start: startIndex,
-                    } as any),
-                }
-              )
+              updateBlockCommand(blockInfo.bnBlock.beforePos, {
+                type: "numberedListItem",
+                props:
+                  (startIndex === 1 && {}) ||
+                  ({
+                    start: startIndex,
+                  } as any),
+              })
             )
             // Removes the "1." characters used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -90,7 +86,7 @@ const NumberedListItemBlockContent = createStronglyTypedTiptapNode({
         }
 
         return this.editor.commands.command(
-          updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+          updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "numberedListItem",
             props: {},
           })

package/src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts

@@ -28,7 +28,7 @@ export const ParagraphBlockContent = createStronglyTypedTiptapNode({
         }
 
         return this.editor.commands.command(
-          updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+          updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "paragraph",
             props: {},
           })

package/src/blocks/QuoteBlockContent/QuoteBlockContent.ts

@@ -33,14 +33,10 @@ export const QuoteBlockContent = createStronglyTypedTiptapNode({
 
           chain()
             .command(
-              updateBlockCommand(
-                this.options.editor,
-                blockInfo.bnBlock.beforePos,
-                {
-                  type: "quote",
-                  props: {},
-                }
-              )
+              updateBlockCommand(blockInfo.bnBlock.beforePos, {
+                type: "quote",
+                props: {},
+              })
             )
             // Removes the ">" character used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -61,7 +57,7 @@ export const QuoteBlockContent = createStronglyTypedTiptapNode({
         }
 
         return this.editor.commands.command(
-          updateBlockCommand(this.options.editor, blockInfo.bnBlock.beforePos, {
+          updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "quote",
           })
         );

package/src/blocks/defaultBlockHelpers.ts

@@ -67,7 +67,7 @@ export const defaultBlockToHTML = <
   dom: HTMLElement;
   contentDOM?: HTMLElement;
 } => {
-  let node = blockToNode(block, editor.pmSchema, editor.schema.styleSchema);
+  let node = blockToNode(block, editor.pmSchema);
 
   if (node.type.name === "blockContainer") {
     // for regular blocks, get the toDOM spec from the blockContent node

package/src/editor/BlockNoteEditor.test.ts

@@ -10,7 +10,7 @@ import { BlockNoteEditor } from "./BlockNoteEditor.js";
  */
 it("creates an editor", () => {
   const editor = BlockNoteEditor.create();
-  const posInfo = getNearestBlockPos(editor._tiptapEditor.state.doc, 2);
+  const posInfo = editor.transact((tr) => getNearestBlockPos(tr.doc, 2));
   const info = getBlockInfo(posInfo);
   expect(info.blockNoteType).toEqual("paragraph");
 });