@blocknote/core 0.8.5 → 0.9.2

package/src/extensions/Blocks/helpers/getBlockInfoFromPos.ts

@@ -1,16 +1,40 @@
 import { Node, NodeType } from "prosemirror-model";
 
-export type BlockInfo = {
+export type BlockInfoWithoutPositions = {
   id: string;
   node: Node;
   contentNode: Node;
   contentType: NodeType;
   numChildBlocks: number;
+};
+
+export type BlockInfo = BlockInfoWithoutPositions & {
   startPos: number;
   endPos: number;
   depth: number;
 };
 
+/**
+ * Helper function for `getBlockInfoFromPos`, returns information regarding
+ * provided blockContainer node.
+ * @param blockContainer The blockContainer node to retrieve info for.
+ */
+export function getBlockInfo(blockContainer: Node): BlockInfoWithoutPositions {
+  const id = blockContainer.attrs["id"];
+  const contentNode = blockContainer.firstChild!;
+  const contentType = contentNode.type;
+  const numChildBlocks =
+    blockContainer.childCount === 2 ? blockContainer.lastChild!.childCount : 0;
+
+  return {
+    id,
+    node: blockContainer,
+    contentNode,
+    contentType,
+    numChildBlocks,
+  };
+}
+
 /**
  * Retrieves information regarding the nearest blockContainer node in a
  * ProseMirror doc, relative to a position.
@@ -56,6 +80,7 @@ export function getBlockInfoFromPos(doc: Node, pos: number): BlockInfo {
   let node = $pos.node(maxDepth);
   let depth = maxDepth;
 
+  // eslint-disable-next-line no-constant-condition
   while (true) {
     if (depth < 0) {
       throw new Error(
@@ -71,10 +96,7 @@ export function getBlockInfoFromPos(doc: Node, pos: number): BlockInfo {
     node = $pos.node(depth);
   }
 
-  const id = node.attrs["id"];
-  const contentNode = node.firstChild!;
-  const contentType = contentNode.type;
-  const numChildBlocks = node.childCount === 2 ? node.lastChild!.childCount : 0;
+  const { id, contentNode, contentType, numChildBlocks } = getBlockInfo(node);
 
   const startPos = $pos.start(depth);
   const endPos = $pos.end(depth);

package/src/extensions/Blocks/index.ts

@@ -1,13 +1,8 @@
 import { Node } from "@tiptap/core";
-import { BlockContainer } from "./nodes/BlockContainer";
-import { BlockGroup } from "./nodes/BlockGroup";
-
-export const blocks: any[] = [
-  BlockContainer,
-  BlockGroup,
-  Node.create({
-    name: "doc",
-    topNode: true,
-    content: "blockGroup",
-  }),
-];
+export { BlockContainer } from "./nodes/BlockContainer";
+export { BlockGroup } from "./nodes/BlockGroup";
+export const Doc = Node.create({
+  name: "doc",
+  topNode: true,
+  content: "blockGroup",
+});

package/src/extensions/Blocks/nodes/Block.module.css

@@ -260,7 +260,7 @@ NESTED BLOCKS
 
 /* TODO: would be nicer if defined from code */
 
-.isEmpty.hasAnchor .inlineContent:before {
+.blockContent.isEmpty.hasAnchor .inlineContent:before {
   content: "Enter text or type '/' for commands";
 }
 

package/src/extensions/Blocks/nodes/BlockContainer.ts

@@ -6,16 +6,16 @@ import {
   inlineContentToNodes,
 } from "../../../api/nodeConversions/nodeConversions";
 
+import {
+  BlockNoteDOMAttributes,
+  BlockSchema,
+  PartialBlock,
+} from "../api/blockTypes";
 import { getBlockInfoFromPos } from "../helpers/getBlockInfoFromPos";
 import { PreviousBlockTypePlugin } from "../PreviousBlockTypePlugin";
 import styles from "./Block.module.css";
 import BlockAttributes from "./BlockAttributes";
-import { BlockSchema, PartialBlock } from "../api/blockTypes";
-
-// TODO
-export interface IBlock {
-  HTMLAttributes: Record<string, any>;
-}
+import { mergeCSSClasses } from "../../../shared/utils";
 
 declare module "@tiptap/core" {
   interface Commands<ReturnType> {
@@ -39,7 +39,9 @@ declare module "@tiptap/core" {
 /**
  * The main "Block node" documents consist of
  */
-export const BlockContainer = Node.create<IBlock>({
+export const BlockContainer = Node.create<{
+  domAttributes?: BlockNoteDOMAttributes;
+}>({
   name: "blockContainer",
   group: "blockContainer",
   // A block always contains content, and optionally a blockGroup which contains nested blocks
@@ -48,12 +50,6 @@ export const BlockContainer = Node.create<IBlock>({
   priority: 50,
   defining: true,
 
-  addOptions() {
-    return {
-      HTMLAttributes: {},
-    };
-  },
-
   parseHTML() {
     return [
       {
@@ -64,7 +60,7 @@ export const BlockContainer = Node.create<IBlock>({
           }
 
           const attrs: Record<string, string> = {};
-          for (let [nodeAttr, HTMLAttr] of Object.entries(BlockAttributes)) {
+          for (const [nodeAttr, HTMLAttr] of Object.entries(BlockAttributes)) {
             if (element.getAttribute(HTMLAttr)) {
               attrs[nodeAttr] = element.getAttribute(HTMLAttr)!;
             }
@@ -81,6 +77,8 @@ export const BlockContainer = Node.create<IBlock>({
   },
 
   renderHTML({ HTMLAttributes }) {
+    const domAttributes = this.options.domAttributes?.blockContainer || {};
+
     return [
       "div",
       mergeAttributes(HTMLAttributes, {
@@ -89,11 +87,14 @@ export const BlockContainer = Node.create<IBlock>({
       }),
       [
         "div",
-        mergeAttributes(HTMLAttributes, {
-          // TODO: maybe remove html attributes from inner block
-          class: styles.block,
-          "data-node-type": this.name,
-        }),
+        mergeAttributes(
+          {
+            ...domAttributes,
+            class: mergeCSSClasses(styles.block, domAttributes.class),
+            "data-node-type": this.name,
+          },
+          HTMLAttributes
+        ),
         0,
       ],
     ];

package/src/extensions/Blocks/nodes/BlockContent/HeadingBlockContent/HeadingBlockContent.ts

@@ -1,6 +1,7 @@
 import { InputRule, mergeAttributes } from "@tiptap/core";
 import { createTipTapBlock } from "../../../api/block";
 import styles from "../../Block.module.css";
+import { mergeCSSClasses } from "../../../../../shared/utils";
 
 export const HeadingBlockContent = createTipTapBlock<"heading">({
   name: "heading",
@@ -64,13 +65,30 @@ export const HeadingBlockContent = createTipTapBlock<"heading">({
   },
 
   renderHTML({ node, HTMLAttributes }) {
+    const blockContentDOMAttributes =
+      this.options.domAttributes?.blockContent || {};
+    const inlineContentDOMAttributes =
+      this.options.domAttributes?.inlineContent || {};
+
     return [
       "div",
       mergeAttributes(HTMLAttributes, {
-        class: styles.blockContent,
+        class: mergeCSSClasses(
+          styles.blockContent,
+          blockContentDOMAttributes.class
+        ),
         "data-content-type": this.name,
       }),
-      ["h" + node.attrs.level, { class: styles.inlineContent }, 0],
+      [
+        "h" + node.attrs.level,
+        {
+          class: mergeCSSClasses(
+            styles.inlineContent,
+            inlineContentDOMAttributes.class
+          ),
+        },
+        0,
+      ],
     ];
   },
 });

package/src/extensions/Blocks/nodes/BlockContent/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.ts

@@ -2,6 +2,7 @@ import { InputRule, mergeAttributes } from "@tiptap/core";
 import { createTipTapBlock } from "../../../../api/block";
 import { handleEnter } from "../ListItemKeyboardShortcuts";
 import styles from "../../../Block.module.css";
+import { mergeCSSClasses } from "../../../../../../shared/utils";
 
 export const BulletListItemBlockContent = createTipTapBlock<"bulletListItem">({
   name: "bulletListItem",
@@ -82,13 +83,30 @@ export const BulletListItemBlockContent = createTipTapBlock<"bulletListItem">({
   },
 
   renderHTML({ HTMLAttributes }) {
+    const blockContentDOMAttributes =
+      this.options.domAttributes?.blockContent || {};
+    const inlineContentDOMAttributes =
+      this.options.domAttributes?.inlineContent || {};
+
     return [
       "div",
       mergeAttributes(HTMLAttributes, {
-        class: styles.blockContent,
+        class: mergeCSSClasses(
+          styles.blockContent,
+          blockContentDOMAttributes.class
+        ),
         "data-content-type": this.name,
       }),
-      ["p", { class: styles.inlineContent }, 0],
+      [
+        "p",
+        {
+          class: mergeCSSClasses(
+            styles.inlineContent,
+            inlineContentDOMAttributes.class
+          ),
+        },
+        0,
+      ],
     ];
   },
 });

package/src/extensions/Blocks/nodes/BlockContent/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.ts

@@ -3,6 +3,7 @@ import { createTipTapBlock } from "../../../../api/block";
 import { handleEnter } from "../ListItemKeyboardShortcuts";
 import { NumberedListIndexingPlugin } from "./NumberedListIndexingPlugin";
 import styles from "../../../Block.module.css";
+import { mergeCSSClasses } from "../../../../../../shared/utils";
 
 export const NumberedListItemBlockContent =
   createTipTapBlock<"numberedListItem">({
@@ -106,15 +107,32 @@ export const NumberedListItemBlockContent =
     },
 
     renderHTML({ HTMLAttributes }) {
+      const blockContentDOMAttributes =
+        this.options.domAttributes?.blockContent || {};
+      const inlineContentDOMAttributes =
+        this.options.domAttributes?.inlineContent || {};
+
       return [
         "div",
         mergeAttributes(HTMLAttributes, {
-          class: styles.blockContent,
+          class: mergeCSSClasses(
+            styles.blockContent,
+            blockContentDOMAttributes.class
+          ),
           "data-content-type": this.name,
         }),
         // we use a <p> tag, because for <li> tags we'd need to add a <ul> parent for around siblings to be semantically correct,
         // which would be quite cumbersome
-        ["p", { class: styles.inlineContent }, 0],
+        [
+          "p",
+          {
+            class: mergeCSSClasses(
+              styles.inlineContent,
+              inlineContentDOMAttributes.class
+            ),
+          },
+          0,
+        ],
       ];
     },
   });

package/src/extensions/Blocks/nodes/BlockContent/ParagraphBlockContent/ParagraphBlockContent.ts

@@ -1,8 +1,9 @@
 import { mergeAttributes } from "@tiptap/core";
 import { createTipTapBlock } from "../../../api/block";
 import styles from "../../Block.module.css";
+import { mergeCSSClasses } from "../../../../../shared/utils";
 
-export const ParagraphBlockContent = createTipTapBlock<"paragraph">({
+export const ParagraphBlockContent = createTipTapBlock({
   name: "paragraph",
   content: "inline*",
 
@@ -17,13 +18,35 @@ export const ParagraphBlockContent = createTipTapBlock<"paragraph">({
   },
 
   renderHTML({ HTMLAttributes }) {
+    const blockContentDOMAttributes =
+      this.options.domAttributes?.blockContent || {};
+    const inlineContentDOMAttributes =
+      this.options.domAttributes?.inlineContent || {};
+
     return [
       "div",
-      mergeAttributes(HTMLAttributes, {
-        class: styles.blockContent,
-        "data-content-type": this.name,
-      }),
-      ["p", { class: styles.inlineContent }, 0],
+      mergeAttributes(
+        {
+          ...blockContentDOMAttributes,
+          class: mergeCSSClasses(
+            styles.blockContent,
+            blockContentDOMAttributes.class
+          ),
+          "data-content-type": this.name,
+        },
+        HTMLAttributes
+      ),
+      [
+        "p",
+        {
+          ...inlineContentDOMAttributes,
+          class: mergeCSSClasses(
+            styles.inlineContent,
+            inlineContentDOMAttributes.class
+          ),
+        },
+        0,
+      ],
     ];
   },
 });

package/src/extensions/Blocks/nodes/BlockGroup.ts

@@ -1,17 +1,15 @@
 import { mergeAttributes, Node } from "@tiptap/core";
 import styles from "./Block.module.css";
+import { BlockNoteDOMAttributes } from "../api/blockTypes";
+import { mergeCSSClasses } from "../../../shared/utils";
 
-export const BlockGroup = Node.create({
+export const BlockGroup = Node.create<{
+  domAttributes?: BlockNoteDOMAttributes;
+}>({
   name: "blockGroup",
   group: "blockGroup",
   content: "blockContainer+",
 
-  addOptions() {
-    return {
-      HTMLAttributes: {},
-    };
-  },
-
   parseHTML() {
     return [
       {
@@ -33,12 +31,22 @@ export const BlockGroup = Node.create({
   },
 
   renderHTML({ HTMLAttributes }) {
+    const blockGroupDOMAttributes =
+      this.options.domAttributes?.blockGroup || {};
+
     return [
       "div",
-      mergeAttributes(this.options.HTMLAttributes, HTMLAttributes, {
-        class: styles.blockGroup,
-        "data-node-type": "blockGroup",
-      }),
+      mergeAttributes(
+        {
+          ...blockGroupDOMAttributes,
+          class: mergeCSSClasses(
+            styles.blockGroup,
+            blockGroupDOMAttributes.class
+          ),
+          "data-node-type": "blockGroup",
+        },
+        HTMLAttributes
+      ),
       0,
     ];
   },

package/src/extensions/SideMenu/MultipleNodeSelection.ts

@@ -1,5 +1,5 @@
-import { Selection } from "prosemirror-state";
 import { Fragment, Node, ResolvedPos, Slice } from "prosemirror-model";
+import { Selection } from "prosemirror-state";
 import { Mappable } from "prosemirror-transform";
 
 /**
@@ -64,8 +64,8 @@ export class MultipleNodeSelection extends Selection {
   }
 
   map(doc: Node, mapping: Mappable): Selection {
-    let fromResult = mapping.mapResult(this.from);
-    let toResult = mapping.mapResult(this.to);
+    const fromResult = mapping.mapResult(this.from);
+    const toResult = mapping.mapResult(this.to);
 
     if (toResult.deleted) {
       return Selection.near(doc.resolve(fromResult.pos));

package/src/extensions/SideMenu/SideMenuPlugin.ts

@@ -32,7 +32,7 @@ function getDraggableBlockFromCoords(
     return undefined;
   }
 
-  let pos = view.posAtCoords(coords);
+  const pos = view.posAtCoords(coords);
   if (!pos) {
     return undefined;
   }
@@ -61,12 +61,12 @@ function blockPositionFromCoords(
   coords: { left: number; top: number },
   view: EditorView
 ) {
-  let block = getDraggableBlockFromCoords(coords, view);
+  const block = getDraggableBlockFromCoords(coords, view);
 
   if (block && block.node.nodeType === 1) {
     // TODO: this uses undocumented PM APIs? do we need this / let's add docs?
     const docView = (view as any).docView;
-    let desc = docView.nearestDesc(block.node, true);
+    const desc = docView.nearestDesc(block.node, true);
     if (!desc || desc === docView) {
       return null;
     }
@@ -186,12 +186,12 @@ function dragStart(
 
   const editorBoundingBox = view.dom.getBoundingClientRect();
 
-  let coords = {
+  const coords = {
     left: editorBoundingBox.left + editorBoundingBox.width / 2, // take middle of editor
     top: e.clientY,
   };
 
-  let pos = blockPositionFromCoords(coords, view);
+  const pos = blockPositionFromCoords(coords, view);
   if (pos != null) {
     const selection = view.state.selection;
     const doc = view.state.doc;
@@ -215,8 +215,8 @@ function dragStart(
       setDragImage(view, pos);
     }
 
-    let slice = view.state.selection.content();
-    let { dom, text } = serializeForClipboard(view, slice);
+    const slice = view.state.selection.content();
+    const { dom, text } = serializeForClipboard(view, slice);
 
     e.dataTransfer.clearData();
     e.dataTransfer.setData("text/html", dom.innerHTML);
@@ -288,7 +288,7 @@ export class SideMenuView<BSchema extends BlockSchema> implements PluginView {
       return;
     }
 
-    let pos = this.pmView.posAtCoords({
+    const pos = this.pmView.posAtCoords({
       left: event.clientX,
       top: event.clientY,
     });
@@ -319,7 +319,7 @@ export class SideMenuView<BSchema extends BlockSchema> implements PluginView {
     if ((event as any).synthetic || !this.isDragging) {
       return;
     }
-    let pos = this.pmView.posAtCoords({
+    const pos = this.pmView.posAtCoords({
       left: event.clientX,
       top: event.clientY,
     });

package/src/extensions/UniqueID/UniqueID.ts

@@ -52,14 +52,15 @@ const UniqueID = Extension.create({
       types: [],
       generateID: () => {
         // Use mock ID if tests are running.
-        if ((window as any).__TEST_OPTIONS) {
-          if ((window as any).__TEST_OPTIONS.mockID === undefined) {
-            (window as any).__TEST_OPTIONS.mockID = 0;
+        if (typeof window !== "undefined" && (window as any).__TEST_OPTIONS) {
+          const testOptions = (window as any).__TEST_OPTIONS;
+          if (testOptions.mockID === undefined) {
+            testOptions.mockID = 0;
           } else {
-            (window as any).__TEST_OPTIONS.mockID++;
+            testOptions.mockID++;
           }
 
-          return (window as any).__TEST_OPTIONS.mockID.toString() as string;
+          return testOptions.mockID.toString() as string;
         }
 
         return v4();
@@ -129,7 +130,7 @@ const UniqueID = Extension.create({
           const filterTransactions =
             this.options.filterTransaction &&
             transactions.some((tr) => {
-              var _a, _b;
+              let _a, _b;
               return !((_b = (_a = this.options).filterTransaction) === null ||
               _b === void 0
                 ? void 0
@@ -161,7 +162,7 @@ const UniqueID = Extension.create({
               .filter((id) => id !== null);
             const duplicatedNewIds = findDuplicates(newIds);
             newNodes.forEach(({ node, pos }) => {
-              var _a;
+              let _a;
               // instead of checking `node.attrs[attributeName]` directly
               // we look at the current state of the node within `tr.doc`.
               // this helps to prevent adding new ids to the same node
@@ -196,7 +197,7 @@ const UniqueID = Extension.create({
         // we register a global drag handler to track the current drag source element
         view(view) {
           const handleDragstart = (event: any) => {
-            var _a;
+            let _a;
             dragSourceElement = (
               (_a = view.dom.parentElement) === null || _a === void 0
                 ? void 0
@@ -219,7 +220,7 @@ const UniqueID = Extension.create({
             // only create new ids for dropped content while holding `alt`
             // or content is dragged from another editor
             drop: (view, event: any) => {
-              var _a;
+              let _a;
               if (
                 dragSourceElement !== view.dom.parentElement ||
                 ((_a = event.dataTransfer) === null || _a === void 0

package/src/index.ts

@@ -15,3 +15,4 @@ export { getDefaultSlashMenuItems } from "./extensions/SlashMenu/defaultSlashMen
 export * from "./shared/BaseUiElementTypes";
 export type { SuggestionItem } from "./shared/plugins/suggestion/SuggestionItem";
 export * from "./shared/plugins/suggestion/SuggestionPlugin";
+export * from "./shared/utils";

package/src/shared/EventEmitter.ts

@@ -11,6 +11,7 @@ type CallbackFunction<
 > = (...props: CallbackType<T, EventName>) => any;
 
 export class EventEmitter<T extends Record<string, any>> {
+  // eslint-disable-next-line @typescript-eslint/ban-types
   private callbacks: { [key: string]: Function[] } = {};
 
   public on<EventName extends StringKeyOf<T>>(

package/src/shared/plugins/suggestion/SuggestionPlugin.ts

@@ -28,7 +28,9 @@ class SuggestionsMenuView<
     private readonly pluginKey: PluginKey,
     updateSuggestionsMenu: (
       suggestionsMenuState: SuggestionsMenuState<T>
-    ) => void = () => {}
+    ) => void = () => {
+      // noop
+    }
   ) {
     this.pluginState = getDefaultPluginState<T>();
 
@@ -158,7 +160,9 @@ export const setupSuggestionsMenu = <
   onSelectItem: (props: {
     item: T;
     editor: BlockNoteEditor<BSchema>;
-  }) => void = () => {}
+  }) => void = () => {
+    // noop
+  }
 ) => {
   // Assertions
   if (defaultTriggerCharacter.length !== 1) {

package/src/shared/utils.ts

@@ -11,6 +11,10 @@ export function formatKeyboardShortcut(shortcut: string) {
   }
 }
 
+export function mergeCSSClasses(...classes: string[]) {
+  return classes.filter((c) => c).join(" ");
+}
+
 export class UnreachableCaseError extends Error {
   constructor(val: never) {
     super(`Unreachable case: ${val}`);

package/types/src/BlockNoteEditor.d.ts

@@ -1,7 +1,7 @@
 import { Node } from "prosemirror-model";
 import { Editor as TiptapEditor } from "@tiptap/core/dist/packages/core/src/Editor";
 import * as Y from "yjs";
-import { Block, BlockIdentifier, BlockSchema, PartialBlock } from "./extensions/Blocks/api/blockTypes";
+import { Block, BlockIdentifier, BlockNoteDOMAttributes, BlockSchema, PartialBlock } from "./extensions/Blocks/api/blockTypes";
 import { TextCursorPosition } from "./extensions/Blocks/api/cursorPositionTypes";
 import { DefaultBlockSchema } from "./extensions/Blocks/api/defaultBlocks";
 import { Styles } from "./extensions/Blocks/api/inlineContentTypes";
@@ -27,11 +27,11 @@ export type BlockNoteEditorOptions<BSchema extends BlockSchema> = {
      */
     parentElement: HTMLElement;
     /**
-     * An object containing attributes that should be added to the editor's HTML element.
+     * An object containing attributes that should be added to HTML elements of the editor.
      *
-     * @example { class: "my-editor-class" }
+     * @example { editor: { class: "my-editor-class" } }
      */
-    editorDOMAttributes: Record<string, string>;
+    domAttributes: Partial<BlockNoteDOMAttributes>;
     /**
      *  A callback function that runs when the editor is ready to be used.
      */
@@ -58,12 +58,6 @@ export type BlockNoteEditorOptions<BSchema extends BlockSchema> = {
      * @default true
      */
     defaultStyles: boolean;
-    /**
-     * Whether to use the light or dark theme.
-     *
-     * @default "light"
-     */
-    theme: "light" | "dark";
     /**
      * A list of block types that should be available in the editor.
      */

package/types/src/BlockNoteExtensions.d.ts

@@ -1,11 +1,13 @@
 import { Extensions } from "@tiptap/core";
 import { BlockNoteEditor } from "./BlockNoteEditor";
 import * as Y from "yjs";
+import { BlockNoteDOMAttributes } from "./extensions/Blocks/api/blockTypes";
 /**
  * Get all the Tiptap extensions BlockNote is configured with by default
  */
 export declare const getBlockNoteExtensions: <BSchema extends Record<string, import("./extensions/Blocks/api/blockTypes").BlockSpec<string, import("./extensions/Blocks/api/blockTypes").PropSchema>>>(opts: {
     editor: BlockNoteEditor<BSchema>;
+    domAttributes: Partial<BlockNoteDOMAttributes>;
     blockSchema: BSchema;
     collaboration?: {
         fragment: Y.XmlFragment;

package/types/src/extensions/Blocks/api/block.d.ts

@@ -1,4 +1,5 @@
 import { Attribute } from "@tiptap/core";
+import { BlockNoteDOMAttributes } from "../../..";
 import { BlockConfig, BlockSchema, BlockSpec, PropSchema, TipTapNode, TipTapNodeConfig } from "./blockTypes";
 export declare function camelToDataKebab(str: string): string;
 export declare function propsToAttributes<BType extends string, PSchema extends PropSchema, ContainsInlineContent extends boolean, BSchema extends BlockSchema>(blockConfig: Omit<BlockConfig<BType, PSchema, ContainsInlineContent, BSchema>, "render">): Record<string, Attribute>;
@@ -13,4 +14,8 @@ export declare function render<BType extends string, PSchema extends PropSchema,
     contentDOM?: undefined;
 };
 export declare function createBlockSpec<BType extends string, PSchema extends PropSchema, ContainsInlineContent extends boolean, BSchema extends BlockSchema>(blockConfig: BlockConfig<BType, PSchema, ContainsInlineContent, BSchema>): BlockSpec<BType, PSchema>;
-export declare function createTipTapBlock<Type extends string>(config: TipTapNodeConfig<Type>): TipTapNode<Type>;
+export declare function createTipTapBlock<Type extends string, Options extends {
+    domAttributes?: BlockNoteDOMAttributes;
+} = {
+    domAttributes?: BlockNoteDOMAttributes;
+}, Storage = any>(config: TipTapNodeConfig<Type, Options, Storage>): TipTapNode<Type, Options, Storage>;