@blocknote/core 0.16.0 → 0.17.0

package/src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts

@@ -1,10 +1,11 @@
+import { updateBlockCommand } from "../../api/blockManipulation/commands/updateBlock/updateBlock.js";
+import { getBlockInfoFromSelection } from "../../api/getBlockInfoFromPos.js";
 import {
   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 paragraphPropSchema = {
   ...defaultProps,
@@ -18,16 +19,20 @@ export const ParagraphBlockContent = createStronglyTypedTiptapNode({
   addKeyboardShortcuts() {
     return {
       "Mod-Alt-0": () => {
-        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: "paragraph",
-            props: {},
-          }
+        return this.editor.commands.command(
+          updateBlockCommand(
+            this.options.editor,
+            blockInfo.blockContainer.beforePos,
+            {
+              type: "paragraph",
+              props: {},
+            }
+          )
         );
       },
     };

package/src/blocks/TableBlockContent/TableBlockContent.ts

@@ -5,10 +5,10 @@ import { TableRow } from "@tiptap/extension-table-row";
 import {
   createBlockSpecFromStronglyTypedTiptapNode,
   createStronglyTypedTiptapNode,
-} from "../../schema";
-import { createDefaultBlockDOMOutputSpec } from "../defaultBlockHelpers";
-import { defaultProps } from "../defaultProps";
-import { TableExtension } from "./TableExtension";
+} from "../../schema/index.js";
+import { createDefaultBlockDOMOutputSpec } from "../defaultBlockHelpers.js";
+import { defaultProps } from "../defaultProps.js";
+import { TableExtension } from "./TableExtension.js";
 
 export const tablePropSchema = {
   ...defaultProps,

package/src/blocks/VideoBlockContent/VideoBlockContent.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,
@@ -15,8 +15,8 @@ import {
   createLinkWithCaption,
   createResizeHandlesWrapper,
   parseFigureElement,
-} from "../FileBlockContent/fileBlockHelpers";
-import { parseVideoElement } from "./videoBlockHelpers";
+} from "../FileBlockContent/fileBlockHelpers.js";
+import { parseVideoElement } from "./videoBlockHelpers.js";
 
 export const videoPropSchema = {
   textAlignment: defaultProps.textAlignment,

package/src/blocks/defaultBlockHelpers.ts

@@ -1,12 +1,12 @@
-import { blockToNode } from "../api/nodeConversions/nodeConversions";
-import type { BlockNoteEditor } from "../editor/BlockNoteEditor";
+import { blockToNode } from "../api/nodeConversions/blockToNode.js";
+import type { BlockNoteEditor } from "../editor/BlockNoteEditor.js";
 import type {
   BlockNoDefaults,
   BlockSchema,
   InlineContentSchema,
   StyleSchema,
-} from "../schema";
-import { mergeCSSClasses } from "../util/browser";
+} from "../schema/index.js";
+import { mergeCSSClasses } from "../util/browser.js";
 
 // Function that creates a ProseMirror `DOMOutputSpec` for a default block.
 // Since all default blocks have the same structure (`blockContent` div with a

package/src/blocks/defaultBlockTypeGuards.ts

@@ -1,19 +1,19 @@
-import type { BlockNoteEditor } from "../editor/BlockNoteEditor";
+import type { BlockNoteEditor } from "../editor/BlockNoteEditor.js";
 import {
   BlockFromConfig,
   BlockSchema,
   FileBlockConfig,
   InlineContentSchema,
   StyleSchema,
-} from "../schema";
+} from "../schema/index.js";
 import {
   Block,
   DefaultBlockSchema,
+  DefaultInlineContentSchema,
   defaultBlockSchema,
   defaultInlineContentSchema,
-  DefaultInlineContentSchema,
-} from "./defaultBlocks";
-import { defaultProps } from "./defaultProps";
+} from "./defaultBlocks.js";
+import { defaultProps } from "./defaultProps.js";
 
 export function checkDefaultBlockTypeInSchema<
   BlockType extends keyof DefaultBlockSchema,

package/src/blocks/defaultBlocks.ts

@@ -3,8 +3,8 @@ import Code from "@tiptap/extension-code";
 import Italic from "@tiptap/extension-italic";
 import Strike from "@tiptap/extension-strike";
 import Underline from "@tiptap/extension-underline";
-import { BackgroundColor } from "../extensions/BackgroundColor/BackgroundColorMark";
-import { TextColor } from "../extensions/TextColor/TextColorMark";
+import { BackgroundColor } from "../extensions/BackgroundColor/BackgroundColorMark.js";
+import { TextColor } from "../extensions/TextColor/TextColorMark.js";
 import {
   BlockNoDefaults,
   BlockSchema,
@@ -18,18 +18,18 @@ import {
   getBlockSchemaFromSpecs,
   getInlineContentSchemaFromSpecs,
   getStyleSchemaFromSpecs,
-} from "../schema";
+} from "../schema/index.js";
 
-import { Heading } from "./HeadingBlockContent/HeadingBlockContent";
-import { BulletListItem } from "./ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent";
-import { NumberedListItem } from "./ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent";
-import { CheckListItem } from "./ListItemBlockContent/CheckListItemBlockContent/CheckListItemBlockContent";
-import { Paragraph } from "./ParagraphBlockContent/ParagraphBlockContent";
-import { Table } from "./TableBlockContent/TableBlockContent";
-import { FileBlock } from "./FileBlockContent/FileBlockContent";
-import { ImageBlock } from "./ImageBlockContent/ImageBlockContent";
-import { VideoBlock } from "./VideoBlockContent/VideoBlockContent";
-import { AudioBlock } from "./AudioBlockContent/AudioBlockContent";
+import { AudioBlock } from "./AudioBlockContent/AudioBlockContent.js";
+import { FileBlock } from "./FileBlockContent/FileBlockContent.js";
+import { Heading } from "./HeadingBlockContent/HeadingBlockContent.js";
+import { ImageBlock } from "./ImageBlockContent/ImageBlockContent.js";
+import { BulletListItem } from "./ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.js";
+import { CheckListItem } from "./ListItemBlockContent/CheckListItemBlockContent/CheckListItemBlockContent.js";
+import { NumberedListItem } from "./ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.js";
+import { Paragraph } from "./ParagraphBlockContent/ParagraphBlockContent.js";
+import { Table } from "./TableBlockContent/TableBlockContent.js";
+import { VideoBlock } from "./VideoBlockContent/VideoBlockContent.js";
 
 export const defaultBlockSpecs = {
   paragraph: Paragraph,

package/src/blocks/defaultProps.ts

@@ -1,4 +1,4 @@
-import type { Props, PropSchema } from "../schema";
+import type { Props, PropSchema } from "../schema/index.js";
 
 // TODO: this system should probably be moved / refactored.
 // The dependency from schema on this file doesn't make sense

package/src/editor/BlockNoteEditor.test.ts

@@ -1,14 +1,21 @@
 import { expect, it } from "vitest";
-import { getBlockInfoFromPos } from "../api/getBlockInfoFromPos";
-import { BlockNoteEditor } from "./BlockNoteEditor";
+import {
+  getBlockInfo,
+  getNearestBlockContainerPos,
+} from "../api/getBlockInfoFromPos.js";
+import { BlockNoteEditor } from "./BlockNoteEditor.js";
 
 /**
  * @vitest-environment jsdom
  */
 it("creates an editor", () => {
   const editor = BlockNoteEditor.create();
-  const blockInfo = getBlockInfoFromPos(editor._tiptapEditor.state.doc, 2);
-  expect(blockInfo?.contentNode.type.name).toEqual("paragraph");
+  const posInfo = getNearestBlockContainerPos(
+    editor._tiptapEditor.state.doc,
+    2
+  );
+  const { blockContent } = getBlockInfo(posInfo);
+  expect(blockContent.node.type.name).toEqual("paragraph");
 });
 
 it("immediately replaces doc", async () => {
@@ -66,7 +73,7 @@ it("adds id attribute when requested", async () => {
     "This is a normal text\n\n# And this is a large heading"
   );
   editor.replaceBlocks(editor.document, blocks);
-  expect(
-    await editor.blocksToFullHTML(editor.document)
-  ).toMatchInlineSnapshot(`"<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1" id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1" id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">This is a normal text</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="2" id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2" id="2"><div class="bn-block-content" data-content-type="heading" data-level="1"><h1 class="bn-inline-content">And this is a large heading</h1></div></div></div></div>"`);
+  expect(await editor.blocksToFullHTML(editor.document)).toMatchInlineSnapshot(
+    `"<div class="bn-block-group" data-node-type="blockGroup"><div class="bn-block-outer" data-node-type="blockOuter" data-id="1" id="1"><div class="bn-block" data-node-type="blockContainer" data-id="1" id="1"><div class="bn-block-content" data-content-type="paragraph"><p class="bn-inline-content">This is a normal text</p></div></div></div><div class="bn-block-outer" data-node-type="blockOuter" data-id="2" id="2"><div class="bn-block" data-node-type="blockContainer" data-id="2" id="2"><div class="bn-block-content" data-content-type="heading" data-level="1"><h1 class="bn-inline-content">And this is a large heading</h1></div></div></div></div>"`
+  );
 });

package/src/editor/BlockNoteEditor.ts

@@ -2,37 +2,38 @@ import { EditorOptions, Extension, getSchema } from "@tiptap/core";
 import { Node, Schema } from "prosemirror-model";
 // import "./blocknote.css";
 import * as Y from "yjs";
+import { insertBlocks } from "../api/blockManipulation/commands/insertBlocks/insertBlocks.js";
 import {
-  insertBlocks,
-  insertContentAt,
-  removeBlocks,
-  replaceBlocks,
-  updateBlock,
-} from "../api/blockManipulation/blockManipulation";
-import { createExternalHTMLExporter } from "../api/exporters/html/externalHTMLExporter";
-import { blocksToMarkdown } from "../api/exporters/markdown/markdownExporter";
-import { getBlockInfoFromPos } from "../api/getBlockInfoFromPos";
+  moveBlockDown,
+  moveBlockUp,
+} from "../api/blockManipulation/commands/moveBlock/moveBlock.js";
+import { removeBlocks } from "../api/blockManipulation/commands/removeBlocks/removeBlocks.js";
+import { replaceBlocks } from "../api/blockManipulation/commands/replaceBlocks/replaceBlocks.js";
+import { updateBlock } from "../api/blockManipulation/commands/updateBlock/updateBlock.js";
+import { insertContentAt } from "../api/blockManipulation/insertContentAt.js";
 import {
-  inlineContentToNodes,
-  nodeToBlock,
-} from "../api/nodeConversions/nodeConversions";
-import { getNodeById } from "../api/nodeUtil";
-import { HTMLToBlocks } from "../api/parsers/html/parseHTML";
-import { markdownToBlocks } from "../api/parsers/markdown/parseMarkdown";
+  getTextCursorPosition,
+  setTextCursorPosition,
+} from "../api/blockManipulation/selections/textCursorPosition/textCursorPosition.js";
+import { createExternalHTMLExporter } from "../api/exporters/html/externalHTMLExporter.js";
+import { blocksToMarkdown } from "../api/exporters/markdown/markdownExporter.js";
+import { getBlockInfoFromSelection } from "../api/getBlockInfoFromPos.js";
+import { HTMLToBlocks } from "../api/parsers/html/parseHTML.js";
+import { markdownToBlocks } from "../api/parsers/markdown/parseMarkdown.js";
 import {
   Block,
   DefaultBlockSchema,
   DefaultInlineContentSchema,
   DefaultStyleSchema,
   PartialBlock,
-} from "../blocks/defaultBlocks";
-import { FilePanelProsemirrorPlugin } from "../extensions/FilePanel/FilePanelPlugin";
-import { FormattingToolbarProsemirrorPlugin } from "../extensions/FormattingToolbar/FormattingToolbarPlugin";
-import { LinkToolbarProsemirrorPlugin } from "../extensions/LinkToolbar/LinkToolbarPlugin";
-import { SideMenuProsemirrorPlugin } from "../extensions/SideMenu/SideMenuPlugin";
-import { SuggestionMenuProseMirrorPlugin } from "../extensions/SuggestionMenu/SuggestionPlugin";
-import { TableHandlesProsemirrorPlugin } from "../extensions/TableHandles/TableHandlesPlugin";
-import { UniqueID } from "../extensions/UniqueID/UniqueID";
+} from "../blocks/defaultBlocks.js";
+import { FilePanelProsemirrorPlugin } from "../extensions/FilePanel/FilePanelPlugin.js";
+import { FormattingToolbarProsemirrorPlugin } from "../extensions/FormattingToolbar/FormattingToolbarPlugin.js";
+import { LinkToolbarProsemirrorPlugin } from "../extensions/LinkToolbar/LinkToolbarPlugin.js";
+import { SideMenuProsemirrorPlugin } from "../extensions/SideMenu/SideMenuPlugin.js";
+import { SuggestionMenuProseMirrorPlugin } from "../extensions/SuggestionMenu/SuggestionPlugin.js";
+import { TableHandlesProsemirrorPlugin } from "../extensions/TableHandles/TableHandlesPlugin.js";
+import { UniqueID } from "../extensions/UniqueID/UniqueID.js";
 import {
   BlockIdentifier,
   BlockNoteDOMAttributes,
@@ -44,32 +45,34 @@ import {
   StyleSchema,
   StyleSpecs,
   Styles,
-} from "../schema";
-import { mergeCSSClasses } from "../util/browser";
-import { NoInfer, UnreachableCaseError } from "../util/typescript";
+} from "../schema/index.js";
+import { mergeCSSClasses } from "../util/browser.js";
+import { NoInfer, UnreachableCaseError } from "../util/typescript.js";
 
-import { getBlockNoteExtensions } from "./BlockNoteExtensions";
-import { TextCursorPosition } from "./cursorPositionTypes";
+import { getBlockNoteExtensions } from "./BlockNoteExtensions.js";
+import { TextCursorPosition } from "./cursorPositionTypes.js";
 
-import { Selection } from "./selectionTypes";
-import { transformPasted } from "./transformPasted";
+import { Selection } from "./selectionTypes.js";
+import { transformPasted } from "./transformPasted.js";
 
-import { checkDefaultBlockTypeInSchema } from "../blocks/defaultBlockTypeGuards";
-import { BlockNoteSchema } from "./BlockNoteSchema";
+import { checkDefaultBlockTypeInSchema } from "../blocks/defaultBlockTypeGuards.js";
+import { BlockNoteSchema } from "./BlockNoteSchema.js";
 import {
   BlockNoteTipTapEditor,
   BlockNoteTipTapEditorOptions,
-} from "./BlockNoteTipTapEditor";
+} from "./BlockNoteTipTapEditor.js";
 
-import { PlaceholderPlugin } from "../extensions/Placeholder/PlaceholderPlugin";
-import { Dictionary } from "../i18n/dictionary";
-import { en } from "../i18n/locales";
+import { PlaceholderPlugin } from "../extensions/Placeholder/PlaceholderPlugin.js";
+import { Dictionary } from "../i18n/dictionary.js";
+import { en } from "../i18n/locales/index.js";
 
 import { Transaction } from "@tiptap/pm/state";
-import { createInternalHTMLSerializer } from "../api/exporters/html/internalHTMLSerializer";
-import { PreviousBlockTypePlugin } from "../extensions/PreviousBlockType/PreviousBlockTypePlugin";
+import { createInternalHTMLSerializer } from "../api/exporters/html/internalHTMLSerializer.js";
+import { inlineContentToNodes } from "../api/nodeConversions/blockToNode.js";
+import { nodeToBlock } from "../api/nodeConversions/nodeToBlock.js";
+import { NodeSelectionKeyboardPlugin } from "../extensions/NodeSelectionKeyboard/NodeSelectionKeyboardPlugin.js";
+import { PreviousBlockTypePlugin } from "../extensions/PreviousBlockType/PreviousBlockTypePlugin.js";
 import "../style.css";
-import { initializeESMDependencies } from "../util/esmDependencies";
 
 export type BlockNoteEditorOptions<
   BSchema extends BlockSchema,
@@ -378,6 +381,7 @@ export class BlockNoteEditor<
           ...(this.filePanel ? [this.filePanel.plugin] : []),
           ...(this.tableHandles ? [this.tableHandles.plugin] : []),
           PlaceholderPlugin(this, newOptions.placeholders),
+          NodeSelectionKeyboardPlugin(),
           ...(this.options.animations ?? true
             ? [PreviousBlockTypePlugin()]
             : []),
@@ -659,61 +663,7 @@ export class BlockNoteEditor<
     ISchema,
     SSchema
   > {
-    const { node, depth, startPos, endPos } = getBlockInfoFromPos(
-      this._tiptapEditor.state.doc,
-      this._tiptapEditor.state.selection.from
-    )!;
-
-    // Index of the current blockContainer node relative to its parent blockGroup.
-    const nodeIndex = this._tiptapEditor.state.doc
-      .resolve(endPos)
-      .index(depth - 1);
-    // Number of the parent blockGroup's child blockContainer nodes.
-    const numNodes = this._tiptapEditor.state.doc
-      .resolve(endPos + 1)
-      .node().childCount;
-
-    // Gets previous blockContainer node at the same nesting level, if the current node isn't the first child.
-    let prevNode: Node | undefined = undefined;
-    if (nodeIndex > 0) {
-      prevNode = this._tiptapEditor.state.doc.resolve(startPos - 2).node();
-    }
-
-    // Gets next blockContainer node at the same nesting level, if the current node isn't the last child.
-    let nextNode: Node | undefined = undefined;
-    if (nodeIndex < numNodes - 1) {
-      nextNode = this._tiptapEditor.state.doc.resolve(endPos + 2).node();
-    }
-
-    return {
-      block: nodeToBlock(
-        node,
-        this.schema.blockSchema,
-        this.schema.inlineContentSchema,
-        this.schema.styleSchema,
-        this.blockCache
-      ),
-      prevBlock:
-        prevNode === undefined
-          ? undefined
-          : nodeToBlock(
-              prevNode,
-              this.schema.blockSchema,
-              this.schema.inlineContentSchema,
-              this.schema.styleSchema,
-              this.blockCache
-            ),
-      nextBlock:
-        nextNode === undefined
-          ? undefined
-          : nodeToBlock(
-              nextNode,
-              this.schema.blockSchema,
-              this.schema.inlineContentSchema,
-              this.schema.styleSchema,
-              this.blockCache
-            ),
-    };
+    return getTextCursorPosition(this);
   }
 
   /**
@@ -726,44 +676,7 @@ export class BlockNoteEditor<
     targetBlock: BlockIdentifier,
     placement: "start" | "end" = "start"
   ) {
-    const id = typeof targetBlock === "string" ? targetBlock : targetBlock.id;
-
-    const { posBeforeNode } = getNodeById(id, this._tiptapEditor.state.doc);
-    const { startPos, contentNode } = getBlockInfoFromPos(
-      this._tiptapEditor.state.doc,
-      posBeforeNode + 2
-    )!;
-
-    const contentType: "none" | "inline" | "table" =
-      this.schema.blockSchema[contentNode.type.name]!.content;
-
-    if (contentType === "none") {
-      this._tiptapEditor.commands.setNodeSelection(startPos);
-      return;
-    }
-
-    if (contentType === "inline") {
-      if (placement === "start") {
-        this._tiptapEditor.commands.setTextSelection(startPos + 1);
-      } else {
-        this._tiptapEditor.commands.setTextSelection(
-          startPos + contentNode.nodeSize - 1
-        );
-      }
-    } else if (contentType === "table") {
-      if (placement === "start") {
-        // Need to offset the position as we have to get through the `tableRow`
-        // and `tableCell` nodes to get to the `tableParagraph` node we want to
-        // set the selection in.
-        this._tiptapEditor.commands.setTextSelection(startPos + 4);
-      } else {
-        this._tiptapEditor.commands.setTextSelection(
-          startPos + contentNode.nodeSize - 4
-        );
-      }
-    } else {
-      throw new UnreachableCaseError(contentType);
-    }
+    setTextCursorPosition(this, targetBlock, placement);
   }
 
   /**
@@ -858,14 +771,14 @@ export class BlockNoteEditor<
    * @param blocksToInsert An array of partial blocks that should be inserted.
    * @param referenceBlock An identifier for an existing block, at which the new blocks should be inserted.
    * @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.
+   * `referenceBlock`.
    */
   public insertBlocks(
     blocksToInsert: PartialBlock<BSchema, ISchema, SSchema>[],
     referenceBlock: BlockIdentifier,
-    placement: "before" | "after" | "nested" = "before"
+    placement: "before" | "after" = "before"
   ) {
-    return insertBlocks(blocksToInsert, referenceBlock, placement, this);
+    return insertBlocks(this, blocksToInsert, referenceBlock, placement);
   }
 
   /**
@@ -879,7 +792,7 @@ export class BlockNoteEditor<
     blockToUpdate: BlockIdentifier,
     update: PartialBlock<BSchema, ISchema, SSchema>
   ) {
-    return updateBlock(blockToUpdate, update, this);
+    return updateBlock(this, blockToUpdate, update);
   }
 
   /**
@@ -887,7 +800,7 @@ export class BlockNoteEditor<
    * @param blocksToRemove An array of identifiers for existing blocks that should be removed.
    */
   public removeBlocks(blocksToRemove: BlockIdentifier[]) {
-    return removeBlocks(blocksToRemove, this);
+    return removeBlocks(this, blocksToRemove);
   }
 
   /**
@@ -901,7 +814,7 @@ export class BlockNoteEditor<
     blocksToRemove: BlockIdentifier[],
     blocksToInsert: PartialBlock<BSchema, ISchema, SSchema>[]
   ) {
-    return replaceBlocks(blocksToRemove, blocksToInsert, this);
+    return replaceBlocks(this, blocksToRemove, blocksToInsert);
   }
 
   /**
@@ -1049,12 +962,14 @@ export class BlockNoteEditor<
    * Checks if the block containing the text cursor can be nested.
    */
   public canNestBlock() {
-    const { startPos, depth } = getBlockInfoFromPos(
-      this._tiptapEditor.state.doc,
-      this._tiptapEditor.state.selection.from
-    )!;
+    const { blockContainer } = getBlockInfoFromSelection(
+      this._tiptapEditor.state
+    );
 
-    return this._tiptapEditor.state.doc.resolve(startPos).index(depth - 1) > 0;
+    return (
+      this._tiptapEditor.state.doc.resolve(blockContainer.beforePos)
+        .nodeBefore !== null
+    );
   }
 
   /**
@@ -1068,12 +983,13 @@ export class BlockNoteEditor<
    * Checks if the block containing the text cursor is nested.
    */
   public canUnnestBlock() {
-    const { depth } = getBlockInfoFromPos(
-      this._tiptapEditor.state.doc,
-      this._tiptapEditor.state.selection.from
-    )!;
+    const { blockContainer } = getBlockInfoFromSelection(
+      this._tiptapEditor.state
+    );
 
-    return depth > 2;
+    return (
+      this._tiptapEditor.state.doc.resolve(blockContainer.beforePos).depth > 1
+    );
   }
 
   /**
@@ -1083,6 +999,24 @@ export class BlockNoteEditor<
     this._tiptapEditor.commands.liftListItem("blockContainer");
   }
 
+  /**
+   * Moves the block containing the text cursor up. If the previous block has
+   * children, moves it to the end of its children. If there is no previous
+   * block, but the current block is nested, moves it out of & before its parent.
+   */
+  public moveBlockUp() {
+    moveBlockUp(this);
+  }
+
+  /**
+   * Moves the block containing the text cursor down. If the next block has
+   * children, moves it to the start of its children. If there is no next block,
+   * but the current block is nested, moves it out of & after its parent.
+   */
+  public moveBlockDown() {
+    moveBlockDown(this);
+  }
+
   /**
    * Exports blocks into a simplified HTML string. To better conform to HTML standards, children of blocks which aren't list
    * items are un-nested in the output HTML.
@@ -1093,7 +1027,6 @@ export class BlockNoteEditor<
   public async blocksToHTMLLossy(
     blocks: PartialBlock<BSchema, ISchema, SSchema>[] = this.document
   ): Promise<string> {
-    await initializeESMDependencies();
     const exporter = createExternalHTMLExporter(this.pmSchema, this);
     return exporter.exportBlocks(blocks, {});
   }

package/src/editor/BlockNoteExtensions.ts

@@ -1,6 +1,6 @@
 import { Extension, Extensions, extensions } from "@tiptap/core";
 
-import type { BlockNoteEditor } from "./BlockNoteEditor";
+import type { BlockNoteEditor } from "./BlockNoteEditor.js";
 
 import Collaboration from "@tiptap/extension-collaboration";
 import CollaborationCursor from "@tiptap/extension-collaboration-cursor";
@@ -11,15 +11,16 @@ import { History } from "@tiptap/extension-history";
 import { Link } from "@tiptap/extension-link";
 import { Text } from "@tiptap/extension-text";
 import * as Y from "yjs";
-import { createCopyToClipboardExtension } from "../api/clipboard/toClipboard/copyExtension";
-import { createDropFileExtension } from "../api/clipboard/fromClipboard/fileDropExtension";
-import { createPasteFromClipboardExtension } from "../api/clipboard/fromClipboard/pasteExtension";
-import { BackgroundColorExtension } from "../extensions/BackgroundColor/BackgroundColorExtension";
-import { TextAlignmentExtension } from "../extensions/TextAlignment/TextAlignmentExtension";
-import { TextColorExtension } from "../extensions/TextColor/TextColorExtension";
-import { TrailingNode } from "../extensions/TrailingNode/TrailingNodeExtension";
-import UniqueID from "../extensions/UniqueID/UniqueID";
-import { BlockContainer, BlockGroup, Doc } from "../pm-nodes";
+import { createDropFileExtension } from "../api/clipboard/fromClipboard/fileDropExtension.js";
+import { createPasteFromClipboardExtension } from "../api/clipboard/fromClipboard/pasteExtension.js";
+import { createCopyToClipboardExtension } from "../api/clipboard/toClipboard/copyExtension.js";
+import { BackgroundColorExtension } from "../extensions/BackgroundColor/BackgroundColorExtension.js";
+import { KeyboardShortcutsExtension } from "../extensions/KeyboardShortcuts/KeyboardShortcutsExtension.js";
+import { TextAlignmentExtension } from "../extensions/TextAlignment/TextAlignmentExtension.js";
+import { TextColorExtension } from "../extensions/TextColor/TextColorExtension.js";
+import { TrailingNode } from "../extensions/TrailingNode/TrailingNodeExtension.js";
+import UniqueID from "../extensions/UniqueID/UniqueID.js";
+import { BlockContainer, BlockGroup, Doc } from "../pm-nodes/index.js";
 import {
   BlockNoteDOMAttributes,
   BlockSchema,
@@ -28,7 +29,7 @@ import {
   InlineContentSpecs,
   StyleSchema,
   StyleSpecs,
-} from "../schema";
+} from "../schema/index.js";
 
 /**
  * Get all the Tiptap extensions BlockNote is configured with by default
@@ -120,6 +121,9 @@ export const getBlockNoteExtensions = <
       editor: opts.editor,
       domAttributes: opts.domAttributes,
     }),
+    KeyboardShortcutsExtension.configure({
+      editor: opts.editor,
+    }),
     BlockGroup.configure({
       domAttributes: opts.domAttributes,
     }),

package/src/editor/BlockNoteSchema.ts

@@ -2,7 +2,11 @@ import {
   defaultBlockSpecs,
   defaultInlineContentSpecs,
   defaultStyleSpecs,
-} from "../blocks/defaultBlocks";
+} from "../blocks/defaultBlocks.js";
+import type {
+  BlockNoDefaults,
+  PartialBlockNoDefaults,
+} from "../schema/blocks/types.js";
 import {
   BlockSchema,
   BlockSchemaFromSpecs,
@@ -16,12 +20,8 @@ import {
   getBlockSchemaFromSpecs,
   getInlineContentSchemaFromSpecs,
   getStyleSchemaFromSpecs,
-} from "../schema";
-import type {
-  BlockNoDefaults,
-  PartialBlockNoDefaults,
-} from "../schema/blocks/types";
-import type { BlockNoteEditor } from "./BlockNoteEditor";
+} from "../schema/index.js";
+import type { BlockNoteEditor } from "./BlockNoteEditor.js";
 
 function removeUndefined<T extends Record<string, any> | undefined>(obj: T): T {
   if (!obj) {