@blocknote/core 0.10.1 → 0.11.1

package/src/api/nodeConversions/__snapshots__/nodeConversions.test.ts.snap

@@ -268,6 +268,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",
@@ -285,6 +286,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website2.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",
@@ -348,6 +350,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",
@@ -365,6 +368,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",
@@ -618,6 +622,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",
@@ -632,6 +637,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website2.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",
@@ -667,6 +673,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",
@@ -705,6 +712,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",
@@ -719,6 +727,7 @@ exports[`Test BlockNote-Prosemirror conversion > Case: default schema > Convert
               "attrs": {
                 "class": null,
                 "href": "https://www.website.com",
+                "rel": "noopener noreferrer nofollow",
                 "target": "_blank",
               },
               "type": "link",

package/src/api/parsers/pasteExtension.ts

@@ -44,7 +44,6 @@ export const createPasteFromClipboardExtension = <
                     );
 
                     data = htmlNode.innerHTML;
-                    console.log(data);
                   }
                   editor._tiptapEditor.view.pasteHTML(data);
                 }

package/src/blocks/ImageBlockContent/ImageBlockContent.ts

@@ -69,7 +69,6 @@ export const renderImage = (
   // Button element that acts as a placeholder for images with no src.
   const addImageButton = document.createElement("div");
   addImageButton.className = "bn-add-image-button";
-  addImageButton.style.display = block.props.url === "" ? "" : "none";
 
   // Icon for the add image button.
   const addImageButtonIcon = document.createElement("div");
@@ -83,12 +82,10 @@ export const renderImage = (
   // Wrapper element for the image, resize handles and caption.
   const imageAndCaptionWrapper = document.createElement("div");
   imageAndCaptionWrapper.className = "bn-image-and-caption-wrapper";
-  imageAndCaptionWrapper.style.display = block.props.url !== "" ? "" : "none";
 
   // Wrapper element for the image and resize handles.
   const imageWrapper = document.createElement("div");
   imageWrapper.className = "bn-image-wrapper";
-  imageWrapper.style.display = block.props.url !== "" ? "" : "none";
 
   // Image element.
   const image = document.createElement("img");
@@ -151,6 +148,15 @@ export const renderImage = (
   // offset from when the resize began, and which resize handle is being used.
   const windowMouseMoveHandler = (event: MouseEvent) => {
     if (!resizeParams) {
+      if (
+        !editor.isEditable &&
+        imageWrapper.contains(leftResizeHandle) &&
+        imageWrapper.contains(rightResizeHandle)
+      ) {
+        imageWrapper.removeChild(leftResizeHandle);
+        imageWrapper.removeChild(rightResizeHandle);
+      }
+
       return;
     }
 
@@ -195,18 +201,20 @@ export const renderImage = (
   // Stops mouse movements from resizing the image and updates the block's
   // `width` prop to the new value.
   const windowMouseUpHandler = (event: MouseEvent) => {
-    if (!resizeParams) {
-      return;
-    }
-
     // Hides the drag handles if the cursor is no longer over the image.
     if (
-      (!event.target || !imageWrapper.contains(event.target as Node)) &&
+      (!event.target ||
+        !imageWrapper.contains(event.target as Node) ||
+        !editor.isEditable) &&
       imageWrapper.contains(leftResizeHandle) &&
       imageWrapper.contains(rightResizeHandle)
     ) {
-      leftResizeHandle.style.display = "none";
-      rightResizeHandle.style.display = "none";
+      imageWrapper.removeChild(leftResizeHandle);
+      imageWrapper.removeChild(rightResizeHandle);
+    }
+
+    if (!resizeParams) {
+      return;
     }
 
     resizeParams = undefined;
@@ -236,11 +244,8 @@ export const renderImage = (
   // Shows the resize handles when hovering over the image with the cursor.
   const imageMouseEnterHandler = () => {
     if (editor.isEditable) {
-      leftResizeHandle.style.display = "block";
-      rightResizeHandle.style.display = "block";
-    } else {
-      leftResizeHandle.style.display = "none";
-      rightResizeHandle.style.display = "none";
+      imageWrapper.appendChild(leftResizeHandle);
+      imageWrapper.appendChild(rightResizeHandle);
     }
   };
   // Hides the resize handles when the cursor leaves the image, unless the
@@ -257,8 +262,14 @@ export const renderImage = (
       return;
     }
 
-    leftResizeHandle.style.display = "none";
-    rightResizeHandle.style.display = "none";
+    if (
+      editor.isEditable &&
+      imageWrapper.contains(leftResizeHandle) &&
+      imageWrapper.contains(rightResizeHandle)
+    ) {
+      imageWrapper.removeChild(leftResizeHandle);
+      imageWrapper.removeChild(rightResizeHandle);
+    }
   };
 
   // Sets the resize params, allowing the user to begin resizing the image by
@@ -266,8 +277,8 @@ export const renderImage = (
   const leftResizeHandleMouseDownHandler = (event: MouseEvent) => {
     event.preventDefault();
 
-    leftResizeHandle.style.display = "block";
-    rightResizeHandle.style.display = "block";
+    imageWrapper.appendChild(leftResizeHandle);
+    imageWrapper.appendChild(rightResizeHandle);
 
     resizeParams = {
       handleUsed: "left",
@@ -278,8 +289,8 @@ export const renderImage = (
   const rightResizeHandleMouseDownHandler = (event: MouseEvent) => {
     event.preventDefault();
 
-    leftResizeHandle.style.display = "block";
-    rightResizeHandle.style.display = "block";
+    imageWrapper.appendChild(leftResizeHandle);
+    imageWrapper.appendChild(rightResizeHandle);
 
     resizeParams = {
       handleUsed: "right",
@@ -288,16 +299,19 @@ export const renderImage = (
     };
   };
 
-  wrapper.appendChild(addImageButton);
   addImageButton.appendChild(addImageButtonIcon);
   addImageButton.appendChild(addImageButtonText);
-  wrapper.appendChild(imageAndCaptionWrapper);
+
   imageAndCaptionWrapper.appendChild(imageWrapper);
   imageWrapper.appendChild(image);
-  imageWrapper.appendChild(leftResizeHandle);
-  imageWrapper.appendChild(rightResizeHandle);
   imageAndCaptionWrapper.appendChild(caption);
 
+  if (block.props.url === "") {
+    wrapper.appendChild(addImageButton);
+  } else {
+    wrapper.appendChild(imageAndCaptionWrapper);
+  }
+
   window.addEventListener("mousemove", windowMouseMoveHandler);
   window.addEventListener("mouseup", windowMouseUpHandler);
   addImageButton.addEventListener("mousedown", addImageButtonMouseDownHandler);

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

@@ -37,7 +37,7 @@ const BulletListItemBlockContent = createStronglyTypedTiptapNode({
   addKeyboardShortcuts() {
     return {
       Enter: () => handleEnter(this.editor),
-      "Mod-Shift-7": () =>
+      "Mod-Shift-8": () =>
         this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
           type: "bulletListItem",
           props: {},

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

@@ -52,7 +52,7 @@ const NumberedListItemBlockContent = createStronglyTypedTiptapNode({
   addKeyboardShortcuts() {
     return {
       Enter: () => handleEnter(this.editor),
-      "Mod-Shift-8": () =>
+      "Mod-Shift-7": () =>
         this.editor.commands.BNUpdateBlock(this.editor.state.selection.anchor, {
           type: "numberedListItem",
           props: {},

package/src/editor/Block.css

@@ -48,7 +48,8 @@ NESTED BLOCKS
   position: relative;
 }
 
-.bn-block-group .bn-block-group
+.bn-block-group
+  .bn-block-group
   > .bn-block-outer:not([data-prev-depth-changed])::before {
   content: " ";
   display: inline;
@@ -58,11 +59,16 @@ NESTED BLOCKS
   transition: all 0.2s 0.1s;
 }
 
-.bn-block-group .bn-block-group
+.bn-block-group
+  .bn-block-group
   > .bn-block-outer[data-prev-depth-change="-2"]::before {
   height: 0;
 }
 
+.bn-inline-content code {
+  font-family: monospace;
+}
+
 /* NESTED BLOCK ANIMATIONS (change in indent) */
 
 [data-prev-depth-change="1"] {
@@ -147,6 +153,11 @@ NESTED BLOCKS
 }
 
 /* Ordered */
+.bn-block-content[data-content-type="numberedListItem"] {
+  display: flex;
+  gap: 1.2em;
+}
+
 [data-content-type="numberedListItem"] {
   --index: attr(data-index);
 }
@@ -158,30 +169,31 @@ NESTED BLOCKS
 .bn-block-outer[data-prev-type="numberedListItem"]:not([data-prev-index="none"])
   > .bn-block
   > .bn-block-content::before {
-  margin-right: 1.2em;
   content: var(--prev-index) ".";
 }
 
 .bn-block-outer:not([data-prev-type])
   > .bn-block
   > .bn-block-content[data-content-type="numberedListItem"]::before {
-  margin-right: 1.2em;
   content: var(--index) ".";
 }
 
 /* Unordered */
+.bn-block-content[data-content-type="bulletListItem"] {
+  display: flex;
+  gap: 1.2em;
+}
+
 /* No list nesting */
 .bn-block-outer[data-prev-type="bulletListItem"]
   > .bn-block
   > .bn-block-content::before {
-  margin-right: 1.2em;
   content: "•";
 }
 
 .bn-block-outer:not([data-prev-type])
   > .bn-block
   > .bn-block-content[data-content-type="bulletListItem"]::before {
-  margin-right: 1.2em;
   content: "•";
 }
 
@@ -191,7 +203,6 @@ NESTED BLOCKS
   > .bn-block-outer[data-prev-type="bulletListItem"]
   > .bn-block
   > .bn-block-content::before {
-  margin-right: 1.2em;
   content: "◦";
 }
 
@@ -200,7 +211,6 @@ NESTED BLOCKS
   > .bn-block-outer:not([data-prev-type])
   > .bn-block
   > .bn-block-content[data-content-type="bulletListItem"]::before {
-  margin-right: 1.2em;
   content: "◦";
 }
 
@@ -212,7 +222,6 @@ NESTED BLOCKS
   > .bn-block-outer[data-prev-type="bulletListItem"]
   > .bn-block
   > .bn-block-content::before {
-  margin-right: 1.2em;
   content: "▪";
 }
 
@@ -223,7 +232,6 @@ NESTED BLOCKS
   > .bn-block-outer:not([data-prev-type])
   > .bn-block
   > .bn-block-content[data-content-type="bulletListItem"]::before {
-  margin-right: 1.2em;
   content: "▪";
 }
 
@@ -283,7 +291,6 @@ NESTED BLOCKS
 }
 
 [data-content-type="image"] .bn-image-resize-handle {
-  display: none;
   position: absolute;
   width: 8px;
   height: 30px;
@@ -294,7 +301,7 @@ NESTED BLOCKS
 }
 
 [data-content-type="image"] .caption {
-  font-size: 0.8em
+  font-size: 0.8em;
 }
 
 /* PLACEHOLDERS*/
@@ -327,12 +334,14 @@ NESTED BLOCKS
 
 .bn-block-content[data-content-type="bulletListItem"].bn-is-empty
   .bn-inline-content:before,
-  .bn-block-content[data-content-type="numberedListItem"].bn-is-empty
+.bn-block-content[data-content-type="numberedListItem"].bn-is-empty
   .bn-inline-content:before {
   content: "List";
 }
 
-.bn-is-empty .bn-block-content[data-content-type="captionedImage"] .bn-inline-content:before {
+.bn-is-empty
+  .bn-block-content[data-content-type="captionedImage"]
+  .bn-inline-content:before {
   content: "Caption";
 }
 

package/src/editor/BlockNoteEditor.ts

@@ -21,11 +21,11 @@ import { HTMLToBlocks } from "../api/parsers/html/parseHTML";
 import { markdownToBlocks } from "../api/parsers/markdown/parseMarkdown";
 import {
   DefaultBlockSchema,
-  DefaultInlineContentSchema,
-  DefaultStyleSchema,
   defaultBlockSchema,
   defaultBlockSpecs,
+  DefaultInlineContentSchema,
   defaultInlineContentSpecs,
+  DefaultStyleSchema,
   defaultStyleSpecs,
 } from "../blocks/defaultBlocks";
 import { FormattingToolbarProsemirrorPlugin } from "../extensions/FormattingToolbar/FormattingToolbarPlugin";
@@ -45,17 +45,17 @@ import {
   BlockSchemaFromSpecs,
   BlockSchemaWithBlock,
   BlockSpecs,
+  getBlockSchemaFromSpecs,
+  getInlineContentSchemaFromSpecs,
+  getStyleSchemaFromSpecs,
   InlineContentSchema,
   InlineContentSchemaFromSpecs,
   InlineContentSpecs,
   PartialBlock,
+  Styles,
   StyleSchema,
   StyleSchemaFromSpecs,
   StyleSpecs,
-  Styles,
-  getBlockSchemaFromSpecs,
-  getInlineContentSchemaFromSpecs,
-  getStyleSchemaFromSpecs,
 } from "../schema";
 import { mergeCSSClasses } from "../util/browser";
 import { UnreachableCaseError } from "../util/typescript";
@@ -775,8 +775,8 @@ export class BlockNoteEditor<
     blocksToInsert: PartialBlock<BSchema, ISchema, SSchema>[],
     referenceBlock: BlockIdentifier,
     placement: "before" | "after" | "nested" = "before"
-  ): void {
-    insertBlocks(blocksToInsert, referenceBlock, placement, this);
+  ) {
+    return insertBlocks(blocksToInsert, referenceBlock, placement, this);
   }
 
   /**
@@ -790,7 +790,7 @@ export class BlockNoteEditor<
     blockToUpdate: BlockIdentifier,
     update: PartialBlock<BSchema, ISchema, SSchema>
   ) {
-    updateBlock(blockToUpdate, update, this._tiptapEditor);
+    return updateBlock(blockToUpdate, update, this);
   }
 
   /**
@@ -798,7 +798,7 @@ export class BlockNoteEditor<
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
   public removeBlocks(blocksToRemove: BlockIdentifier[]) {
-    removeBlocks(blocksToRemove, this._tiptapEditor);
+    return removeBlocks(blocksToRemove, this);
   }
 
   /**
@@ -812,7 +812,7 @@ export class BlockNoteEditor<
     blocksToRemove: BlockIdentifier[],
     blocksToInsert: PartialBlock<BSchema, ISchema, SSchema>[]
   ) {
-    replaceBlocks(blocksToRemove, blocksToInsert, this);
+    return replaceBlocks(blocksToRemove, blocksToInsert, this);
   }
 
   /**

package/src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts

@@ -52,7 +52,8 @@ export class FormattingToolbarView {
 
     pmView.dom.addEventListener("mousedown", this.viewMousedownHandler);
     pmView.dom.addEventListener("mouseup", this.viewMouseupHandler);
-    pmView.dom.addEventListener("dragstart", this.dragstartHandler);
+    pmView.dom.addEventListener("dragstart", this.dragHandler);
+    pmView.dom.addEventListener("dragover", this.dragHandler);
 
     pmView.dom.addEventListener("focus", this.focusHandler);
     pmView.dom.addEventListener("blur", this.blurHandler);
@@ -70,7 +71,7 @@ export class FormattingToolbarView {
   };
 
   // For dragging the whole editor.
-  dragstartHandler = () => {
+  dragHandler = () => {
     if (this.formattingToolbarState?.show) {
       this.formattingToolbarState.show = false;
       this.updateFormattingToolbar();
@@ -177,7 +178,8 @@ export class FormattingToolbarView {
   destroy() {
     this.pmView.dom.removeEventListener("mousedown", this.viewMousedownHandler);
     this.pmView.dom.removeEventListener("mouseup", this.viewMouseupHandler);
-    this.pmView.dom.removeEventListener("dragstart", this.dragstartHandler);
+    this.pmView.dom.removeEventListener("dragstart", this.dragHandler);
+    this.pmView.dom.removeEventListener("dragover", this.dragHandler);
 
     this.pmView.dom.removeEventListener("focus", this.focusHandler);
     this.pmView.dom.removeEventListener("blur", this.blurHandler);

package/src/extensions/NonEditableBlocks/NonEditableBlockPlugin.ts

@@ -8,8 +8,19 @@ export const NonEditableBlockPlugin = () => {
     key: PLUGIN_KEY,
     props: {
       handleKeyDown: (view, event) => {
+        // Checks for node selection
         if ("node" in view.state.selection) {
-          event.preventDefault();
+          // Checks if key input will insert a character - we want to block this
+          // as it will convert the block into a paragraph.
+          if (
+            event.key.length === 1 &&
+            !event.ctrlKey &&
+            !event.altKey &&
+            !event.metaKey &&
+            !event.shiftKey
+          ) {
+            event.preventDefault();
+          }
         }
       },
     },

package/src/extensions/SideMenu/SideMenuPlugin.ts

@@ -547,10 +547,13 @@ export class SideMenuView<
       return;
     }
 
-    const { contentNode, endPos } = blockInfo;
+    const { contentNode, startPos, endPos } = blockInfo;
 
     // Creates a new block if current one is not empty for the suggestion menu to open in.
-    if (contentNode.textContent.length !== 0) {
+    if (
+      contentNode.type.spec.content !== "inline*" ||
+      contentNode.textContent.length !== 0
+    ) {
       const newBlockInsertionPos = endPos + 1;
       const newBlockContentPos = newBlockInsertionPos + 2;
 
@@ -561,7 +564,7 @@ export class SideMenuView<
         .setTextSelection(newBlockContentPos)
         .run();
     } else {
-      this.editor._tiptapEditor.commands.setTextSelection(endPos);
+      this.editor._tiptapEditor.commands.setTextSelection(startPos + 1);
     }
 
     // Focuses and activates the suggestion menu.

package/src/extensions/TableHandles/TableHandlesPlugin.ts

@@ -24,7 +24,9 @@ function setHiddenDragImage() {
 
   dragImageElement = document.createElement("div");
   dragImageElement.innerHTML = "_";
-  dragImageElement.style.visibility = "hidden";
+  dragImageElement.style.opacity = "0";
+  dragImageElement.style.height = "1px";
+  dragImageElement.style.width = "1px";
   document.body.appendChild(dragImageElement);
 }
 

package/src/pm-nodes/BlockContainer.ts

@@ -567,7 +567,7 @@ export const BlockContainer = Node.create<{
               state.selection.from
             )!;
 
-            const blockAtDocEnd = false;
+            const blockAtDocEnd = endPos === state.doc.nodeSize - 4;
             const selectionAtBlockEnd = state.selection.from === endPos - 1;
             const selectionEmpty = state.selection.empty;
             const hasChildBlocks = node.childCount === 2;

package/types/src/api/blockManipulation/blockManipulation.d.ts

@@ -1,7 +1,9 @@
-import { Editor } from "@tiptap/core";
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor";
-import { BlockIdentifier, BlockSchema, InlineContentSchema, PartialBlock, StyleSchema } from "../../schema";
-export declare function insertBlocks<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blocksToInsert: PartialBlock<BSchema, I, S>[], referenceBlock: BlockIdentifier, placement: "before" | "after" | "nested" | undefined, editor: BlockNoteEditor<BSchema, I, S>): void;
-export declare function updateBlock<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blockToUpdate: BlockIdentifier, update: PartialBlock<BSchema, I, S>, editor: Editor): void;
-export declare function removeBlocks(blocksToRemove: BlockIdentifier[], editor: Editor): void;
-export declare function replaceBlocks<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blocksToRemove: BlockIdentifier[], blocksToInsert: PartialBlock<BSchema, I, S>[], editor: BlockNoteEditor<BSchema, I, S>): void;
+import { Block, BlockIdentifier, BlockSchema, InlineContentSchema, PartialBlock, StyleSchema } from "../../schema";
+export declare function insertBlocks<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blocksToInsert: PartialBlock<BSchema, I, S>[], referenceBlock: BlockIdentifier, placement: "before" | "after" | "nested" | undefined, editor: BlockNoteEditor<BSchema, I, S>): Block<BSchema, I, S>[];
+export declare function updateBlock<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blockToUpdate: BlockIdentifier, update: PartialBlock<BSchema, I, S>, editor: BlockNoteEditor<BSchema, I, S>): Block<BSchema, I, S>;
+export declare function removeBlocks<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blocksToRemove: BlockIdentifier[], editor: BlockNoteEditor<BSchema, I, S>): Block<BSchema, I, S>[];
+export declare function replaceBlocks<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blocksToRemove: BlockIdentifier[], blocksToInsert: PartialBlock<BSchema, I, S>[], editor: BlockNoteEditor<BSchema, I, S>): {
+    insertedBlocks: Block<BSchema, I, S>[];
+    removedBlocks: Block<BSchema, I, S>[];
+};

package/types/src/editor/BlockNoteEditor.d.ts

@@ -2,7 +2,7 @@ import { EditorOptions } from "@tiptap/core";
 import { Node } from "prosemirror-model";
 import { Editor as TiptapEditor } from "@tiptap/core/dist/packages/core/src/Editor";
 import * as Y from "yjs";
-import { DefaultBlockSchema, DefaultInlineContentSchema, DefaultStyleSchema, defaultBlockSpecs, defaultInlineContentSpecs, defaultStyleSpecs } from "../blocks/defaultBlocks";
+import { DefaultBlockSchema, defaultBlockSpecs, DefaultInlineContentSchema, defaultInlineContentSpecs, DefaultStyleSchema, defaultStyleSpecs } from "../blocks/defaultBlocks";
 import { FormattingToolbarProsemirrorPlugin } from "../extensions/FormattingToolbar/FormattingToolbarPlugin";
 import { HyperlinkToolbarProsemirrorPlugin } from "../extensions/HyperlinkToolbar/HyperlinkToolbarPlugin";
 import { ImageToolbarProsemirrorPlugin } from "../extensions/ImageToolbar/ImageToolbarPlugin";
@@ -10,7 +10,7 @@ import { SideMenuProsemirrorPlugin } from "../extensions/SideMenu/SideMenuPlugin
 import { BaseSlashMenuItem } from "../extensions/SlashMenu/BaseSlashMenuItem";
 import { SlashMenuProsemirrorPlugin } from "../extensions/SlashMenu/SlashMenuPlugin";
 import { TableHandlesProsemirrorPlugin } from "../extensions/TableHandles/TableHandlesPlugin";
-import { Block, BlockIdentifier, BlockNoteDOMAttributes, BlockSchema, BlockSchemaFromSpecs, BlockSchemaWithBlock, BlockSpecs, InlineContentSchema, InlineContentSchemaFromSpecs, InlineContentSpecs, PartialBlock, StyleSchema, StyleSchemaFromSpecs, StyleSpecs, Styles } from "../schema";
+import { Block, BlockIdentifier, BlockNoteDOMAttributes, BlockSchema, BlockSchemaFromSpecs, BlockSchemaWithBlock, BlockSpecs, InlineContentSchema, InlineContentSchemaFromSpecs, InlineContentSpecs, PartialBlock, Styles, StyleSchema, StyleSchemaFromSpecs, StyleSpecs } from "../schema";
 import { TextCursorPosition } from "./cursorPositionTypes";
 import { Selection } from "./selectionTypes";
 import "./Block.css";
@@ -187,7 +187,7 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
      * @param placement Whether the blocks should be inserted just before, just after, or nested inside the
      * `referenceBlock`. Inserts the blocks at the start of the existing block's children if "nested" is used.
      */
-    insertBlocks(blocksToInsert: PartialBlock<BSchema, ISchema, SSchema>[], referenceBlock: BlockIdentifier, placement?: "before" | "after" | "nested"): void;
+    insertBlocks(blocksToInsert: PartialBlock<BSchema, ISchema, SSchema>[], referenceBlock: BlockIdentifier, placement?: "before" | "after" | "nested"): Block<BSchema, ISchema, SSchema>[];
     /**
      * Updates an existing block in the editor. Since updatedBlock is a PartialBlock object, some fields might not be
      * defined. These undefined fields are kept as-is from the existing block. Throws an error if the block to update could
@@ -195,12 +195,12 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
      * @param blockToUpdate The block that should be updated.
      * @param update A partial block which defines how the existing block should be changed.
      */
-    updateBlock(blockToUpdate: BlockIdentifier, update: PartialBlock<BSchema, ISchema, SSchema>): void;
+    updateBlock(blockToUpdate: BlockIdentifier, update: PartialBlock<BSchema, ISchema, SSchema>): Block<BSchema, ISchema, SSchema>;
     /**
      * Removes existing blocks from the editor. Throws an error if any of the blocks could not be found.
      * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
      */
-    removeBlocks(blocksToRemove: BlockIdentifier[]): void;
+    removeBlocks(blocksToRemove: BlockIdentifier[]): Block<BSchema, ISchema, SSchema>[];
     /**
      * Replaces existing blocks in the editor with new blocks. If the blocks that should be removed are not adjacent or
      * are at different nesting levels, `blocksToInsert` will be inserted at the position of the first block in
@@ -208,7 +208,10 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
      * @param blocksToRemove An array of blocks that should be replaced.
      * @param blocksToInsert An array of partial blocks to replace the old ones with.
      */
-    replaceBlocks(blocksToRemove: BlockIdentifier[], blocksToInsert: PartialBlock<BSchema, ISchema, SSchema>[]): void;
+    replaceBlocks(blocksToRemove: BlockIdentifier[], blocksToInsert: PartialBlock<BSchema, ISchema, SSchema>[]): {
+        insertedBlocks: Block<BSchema, ISchema, SSchema>[];
+        removedBlocks: Block<BSchema, ISchema, SSchema>[];
+    };
     /**
      * Gets the active text styles at the text cursor position or at the end of the current selection if it's active.
      */

package/types/src/extensions/FormattingToolbar/FormattingToolbarPlugin.d.ts

@@ -23,7 +23,7 @@ export declare class FormattingToolbarView {
     constructor(editor: BlockNoteEditor<BlockSchema, InlineContentSchema, StyleSchema>, pmView: EditorView, updateFormattingToolbar: (formattingToolbarState: FormattingToolbarState) => void);
     viewMousedownHandler: () => void;
     viewMouseupHandler: () => void;
-    dragstartHandler: () => void;
+    dragHandler: () => void;
     focusHandler: () => void;
     blurHandler: (event: FocusEvent) => void;
     scrollHandler: () => void;