@blocknote/core 0.30.0 → 0.31.0

package/src/api/exporters/html/util/serializeBlocksExternalHTML.ts

@@ -17,7 +17,7 @@ function addAttributesAndRemoveClasses(element: HTMLElement) {
   // Removes all BlockNote specific class names.
   const className =
     Array.from(element.classList).filter(
-      (className) => !className.startsWith("bn-")
+      (className) => !className.startsWith("bn-"),
     ) || [];
 
   if (className.length > 0) {
@@ -30,12 +30,12 @@ function addAttributesAndRemoveClasses(element: HTMLElement) {
 export function serializeInlineContentExternalHTML<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<any, I, S>,
   blockContent: PartialBlock<BSchema, I, S>["content"],
   serializer: DOMSerializer,
-  options?: { document?: Document }
+  options?: { document?: Document },
 ) {
   let nodes: any;
 
@@ -72,7 +72,7 @@ export function serializeInlineContentExternalHTML<
 function serializeBlock<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   fragment: DocumentFragment,
   editor: BlockNoteEditor<BSchema, I, S>,
@@ -80,7 +80,7 @@ function serializeBlock<
   serializer: DOMSerializer,
   orderedListItemBlockTypes: Set<string>,
   unorderedListItemBlockTypes: Set<string>,
-  options?: { document?: Document }
+  options?: { document?: Document },
 ) {
   const doc = options?.document ?? document;
   const BC_NODE = editor.pmSchema.nodes["blockContainer"];
@@ -90,7 +90,7 @@ function serializeBlock<
   if (!block.props) {
     props = {};
     for (const [name, spec] of Object.entries(
-      editor.schema.blockSchema[block.type as any].propSchema
+      editor.schema.blockSchema[block.type as any].propSchema,
     )) {
       if (spec.default !== undefined) {
         (props as any)[name] = spec.default;
@@ -102,7 +102,7 @@ function serializeBlock<
     BC_NODE.create({
       id: block.id,
       ...props,
-    })
+    }),
   ) as {
     dom: HTMLElement;
     contentDOM?: HTMLElement;
@@ -130,7 +130,7 @@ function serializeBlock<
         attr.name !== "data-node-type" &&
         attr.name !== "data-id" &&
         attr.name !== "data-index" &&
-        attr.name !== "data-editable"
+        attr.name !== "data-editable",
     );
 
     // ret.dom = ret.dom.firstChild! as any;
@@ -149,7 +149,7 @@ function serializeBlock<
       editor,
       block.content as any, // TODO
       serializer,
-      options
+      options,
     );
 
     ret.contentDOM.appendChild(ic);
@@ -187,7 +187,7 @@ function serializeBlock<
       serializer,
       orderedListItemBlockTypes,
       unorderedListItemBlockTypes,
-      options
+      options,
     );
     if (
       fragment.lastChild?.nodeName === "UL" ||
@@ -215,7 +215,7 @@ function serializeBlock<
 const serializeBlocksToFragment = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   fragment: DocumentFragment,
   editor: BlockNoteEditor<BSchema, I, S>,
@@ -223,7 +223,7 @@ const serializeBlocksToFragment = <
   serializer: DOMSerializer,
   orderedListItemBlockTypes: Set<string>,
   unorderedListItemBlockTypes: Set<string>,
-  options?: { document?: Document }
+  options?: { document?: Document },
 ) => {
   for (const block of blocks) {
     serializeBlock(
@@ -233,7 +233,7 @@ const serializeBlocksToFragment = <
       serializer,
       orderedListItemBlockTypes,
       unorderedListItemBlockTypes,
-      options
+      options,
     );
   }
 };
@@ -241,14 +241,14 @@ const serializeBlocksToFragment = <
 export const serializeBlocksExternalHTML = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
   blocks: PartialBlock<BSchema, I, S>[],
   serializer: DOMSerializer,
   orderedListItemBlockTypes: Set<string>,
   unorderedListItemBlockTypes: Set<string>,
-  options?: { document?: Document }
+  options?: { document?: Document },
 ) => {
   const doc = options?.document ?? document;
   const fragment = doc.createDocumentFragment();
@@ -260,7 +260,7 @@ export const serializeBlocksExternalHTML = <
     serializer,
     orderedListItemBlockTypes,
     unorderedListItemBlockTypes,
-    options
+    options,
   );
   return fragment;
 };

package/src/api/exporters/html/util/serializeBlocksInternalHTML.ts

@@ -16,13 +16,13 @@ import {
 export function serializeInlineContentInternalHTML<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<any, I, S>,
   blockContent: PartialBlock<BSchema, I, S>["content"],
   serializer: DOMSerializer,
   blockType?: string,
-  options?: { document?: Document }
+  options?: { document?: Document },
 ) {
   let nodes: any;
 
@@ -50,13 +50,13 @@ export function serializeInlineContentInternalHTML<
 function serializeBlock<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
   block: PartialBlock<BSchema, I, S>,
   serializer: DOMSerializer,
   listIndex: number,
-  options?: { document?: Document }
+  options?: { document?: Document },
 ) {
   const BC_NODE = editor.pmSchema.nodes["blockContainer"];
 
@@ -65,7 +65,7 @@ function serializeBlock<
   if (!block.props) {
     props = {};
     for (const [name, spec] of Object.entries(
-      editor.schema.blockSchema[block.type as any].propSchema
+      editor.schema.blockSchema[block.type as any].propSchema,
     )) {
       if (spec.default !== undefined) {
         (props as any)[name] = spec.default;
@@ -92,7 +92,7 @@ function serializeBlock<
       block.content as any, // TODO
       serializer,
       block.type,
-      options
+      options,
     );
     ret.contentDOM.appendChild(ic);
   }
@@ -105,7 +105,7 @@ function serializeBlock<
         editor,
         block.children,
         serializer,
-        options
+        options,
       );
 
       ret.contentDOM?.append(fragment);
@@ -118,7 +118,7 @@ function serializeBlock<
     BC_NODE.create({
       id: block.id,
       ...props,
-    })
+    }),
   ) as {
     dom: HTMLElement;
     contentDOM?: HTMLElement;
@@ -128,7 +128,7 @@ function serializeBlock<
 
   if (block.children && block.children.length > 0) {
     bc.contentDOM?.appendChild(
-      serializeBlocksInternalHTML(editor, block.children, serializer, options)
+      serializeBlocksInternalHTML(editor, block.children, serializer, options),
     );
   }
   return bc.dom;
@@ -137,12 +137,12 @@ function serializeBlock<
 function serializeBlocks<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
   blocks: PartialBlock<BSchema, I, S>[],
   serializer: DOMSerializer,
-  options?: { document?: Document }
+  options?: { document?: Document },
 ) {
   const doc = options?.document ?? document;
   const fragment = doc.createDocumentFragment();
@@ -159,7 +159,7 @@ function serializeBlocks<
       block,
       serializer,
       listIndex,
-      options
+      options,
     );
     fragment.appendChild(blockDOM);
   }
@@ -170,12 +170,12 @@ function serializeBlocks<
 export const serializeBlocksInternalHTML = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
   blocks: PartialBlock<BSchema, I, S>[],
   serializer: DOMSerializer,
-  options?: { document?: Document }
+  options?: { document?: Document },
 ) => {
   const BG_NODE = editor.pmSchema.nodes["blockGroup"];
 

package/src/api/exporters/markdown/markdownExporter.ts

@@ -21,7 +21,7 @@ export function cleanHTMLToMarkdown(cleanHTMLString: string) {
 
   if (!deps) {
     throw new Error(
-      "cleanHTMLToMarkdown requires ESM dependencies to be initialized"
+      "cleanHTMLToMarkdown requires ESM dependencies to be initialized",
     );
   }
 
@@ -43,12 +43,12 @@ export function cleanHTMLToMarkdown(cleanHTMLString: string) {
 export async function blocksToMarkdown<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   blocks: PartialBlock<BSchema, I, S>[],
   schema: Schema,
   editor: BlockNoteEditor<BSchema, I, S>,
-  options: { document?: Document }
+  options: { document?: Document },
 ): Promise<string> {
   await initializeESMDependencies();
   const exporter = createExternalHTMLExporter(schema, editor);

package/src/api/exporters/markdown/util/addSpacesToCheckboxesRehypePlugin.ts

@@ -11,7 +11,7 @@ export function addSpacesToCheckboxes() {
 
   if (!deps) {
     throw new Error(
-      "addSpacesToCheckboxes requires ESM dependencies to be initialized"
+      "addSpacesToCheckboxes requires ESM dependencies to be initialized",
     );
   }
 
@@ -38,8 +38,8 @@ export function addSpacesToCheckboxes() {
             0,
             0,
             deps.hastUtilFromDom.fromDom(
-              document.createTextNode(" ")
-            ) as HASTElement
+              document.createTextNode(" "),
+            ) as HASTElement,
           );
         } else {
           helper(child as HASTParent);

package/src/api/getBlockInfoFromPos.ts

@@ -101,7 +101,7 @@ export function getNearestBlockPos(doc: Node, pos: number) {
 
   const resolvedPos = doc.resolve(
     allBlockContainerPositions.find((position) => position >= pos) ||
-      allBlockContainerPositions[allBlockContainerPositions.length - 1]
+      allBlockContainerPositions[allBlockContainerPositions.length - 1],
   );
   return {
     posBeforeNode: resolvedPos.pos,
@@ -122,11 +122,11 @@ export function getNearestBlockPos(doc: Node, pos: number) {
  */
 export function getBlockInfoWithManualOffset(
   node: Node,
-  bnBlockBeforePosOffset: number
+  bnBlockBeforePosOffset: number,
 ): BlockInfo {
   if (!node.type.isInGroup("bnBlock")) {
     throw new Error(
-      `Attempted to get bnBlock node at position but found node of different type ${node.type}`
+      `Attempted to get bnBlock node at position but found node of different type ${node.type.name}`,
     );
   }
 
@@ -171,7 +171,7 @@ export function getBlockInfoWithManualOffset(
 
     if (!blockContent) {
       throw new Error(
-        `blockContainer node does not contain a blockContent node in its children: ${bnBlockNode}`
+        `blockContainer node does not contain a blockContent node in its children: ${bnBlockNode}`,
       );
     }
 
@@ -185,7 +185,7 @@ export function getBlockInfoWithManualOffset(
   } else {
     if (!bnBlock.node.type.isInGroup("childContainer")) {
       throw new Error(
-        `bnBlock node is not in the childContainer group: ${bnBlock.node}`
+        `bnBlock node is not in the childContainer group: ${bnBlock.node}`,
       );
     }
 
@@ -222,7 +222,7 @@ export function getBlockInfo(posInfo: { posBeforeNode: number; node: Node }) {
 export function getBlockInfoFromResolvedPos(resolvedPos: ResolvedPos) {
   if (!resolvedPos.nodeAfter) {
     throw new Error(
-      `Attempted to get blockContainer node at position ${resolvedPos.pos} but a node at this position does not exist`
+      `Attempted to get blockContainer node at position ${resolvedPos.pos} but a node at this position does not exist`,
     );
   }
   return getBlockInfoWithManualOffset(resolvedPos.nodeAfter, resolvedPos.pos);

package/src/api/nodeConversions/blockToNode.ts

@@ -29,11 +29,11 @@ function styledTextToNodes<T extends StyleSchema>(
   styledText: StyledText<T>,
   schema: Schema,
   styleSchema: T,
-  blockType?: string
+  blockType?: string,
 ): Node[] {
   const marks: Mark[] = [];
 
-  for (const [style, value] of Object.entries(styledText.styles)) {
+  for (const [style, value] of Object.entries(styledText.styles || {})) {
     const config = styleSchema[style];
     if (!config) {
       throw new Error(`style ${style} not found in styleSchema`);
@@ -51,7 +51,9 @@ function styledTextToNodes<T extends StyleSchema>(
   const parseHardBreaks = !blockType || !schema.nodes[blockType].spec.code;
 
   if (!parseHardBreaks) {
-    return [schema.text(styledText.text, marks)];
+    return styledText.text.length > 0
+      ? [schema.text(styledText.text, marks)]
+      : [];
   }
 
   return (
@@ -79,7 +81,7 @@ function styledTextToNodes<T extends StyleSchema>(
 function linkToNodes(
   link: PartialLink<StyleSchema>,
   schema: Schema,
-  styleSchema: StyleSchema
+  styleSchema: StyleSchema,
 ): Node[] {
   const linkMark = schema.marks.link.create({
     href: link.href,
@@ -95,7 +97,7 @@ function linkToNodes(
         return node;
       }
       throw new Error("unexpected node type");
-    }
+    },
   );
 }
 
@@ -107,7 +109,7 @@ function styledTextArrayToNodes<S extends StyleSchema>(
   content: string | StyledText<S>[],
   schema: Schema,
   styleSchema: S,
-  blockType?: string
+  blockType?: string,
 ): Node[] {
   const nodes: Node[] = [];
 
@@ -117,15 +119,15 @@ function styledTextArrayToNodes<S extends StyleSchema>(
         { type: "text", text: content, styles: {} },
         schema,
         styleSchema,
-        blockType
-      )
+        blockType,
+      ),
     );
     return nodes;
   }
 
   for (const styledText of content) {
     nodes.push(
-      ...styledTextToNodes(styledText, schema, styleSchema, blockType)
+      ...styledTextToNodes(styledText, schema, styleSchema, blockType),
     );
   }
   return nodes;
@@ -136,29 +138,29 @@ function styledTextArrayToNodes<S extends StyleSchema>(
  */
 export function inlineContentToNodes<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   blockContent: PartialInlineContent<I, S>,
   schema: Schema,
   blockType?: string,
-  styleSchema: S = getStyleSchema(schema)
+  styleSchema: S = getStyleSchema(schema),
 ): Node[] {
   const nodes: Node[] = [];
 
   for (const content of blockContent) {
     if (typeof content === "string") {
       nodes.push(
-        ...styledTextArrayToNodes(content, schema, styleSchema, blockType)
+        ...styledTextArrayToNodes(content, schema, styleSchema, blockType),
       );
     } else if (isPartialLinkInlineContent(content)) {
       nodes.push(...linkToNodes(content, schema, styleSchema));
     } else if (isStyledTextInlineContent(content)) {
       nodes.push(
-        ...styledTextArrayToNodes([content], schema, styleSchema, blockType)
+        ...styledTextArrayToNodes([content], schema, styleSchema, blockType),
       );
     } else {
       nodes.push(
-        blockOrInlineContentToContentNode(content, schema, styleSchema)
+        blockOrInlineContentToContentNode(content, schema, styleSchema),
       );
     }
   }
@@ -170,11 +172,11 @@ export function inlineContentToNodes<
  */
 export function tableContentToNodes<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   tableContent: PartialTableContent<I, S>,
   schema: Schema,
-  styleSchema: StyleSchema = getStyleSchema(schema)
+  styleSchema: StyleSchema = getStyleSchema(schema),
 ): Node[] {
   const rowNodes: Node[] = [];
   // Header rows and columns are used to determine the type of the cell
@@ -207,7 +209,7 @@ export function tableContentToNodes<
           row: rowIndex,
           col: cellIndex,
         },
-        { type: "table", content: tableContent } as any
+        { type: "table", content: tableContent } as any,
       );
 
       // Assume the column width is the width of the cell at the absolute cell index
@@ -227,7 +229,7 @@ export function tableContentToNodes<
             cell.content,
             schema,
             "tableParagraph",
-            styleSchema
+            styleSchema,
           );
         }
         const colspan = getColspan(cell);
@@ -244,7 +246,7 @@ export function tableContentToNodes<
           cell,
           schema,
           "tableParagraph",
-          styleSchema
+          styleSchema,
         );
       }
 
@@ -255,10 +257,11 @@ export function tableContentToNodes<
           ...(isPartialTableCell(cell) ? cell.props : {}),
           colwidth,
         },
-        schema.nodes["tableParagraph"].createChecked(attrs, content)
+        schema.nodes["tableParagraph"].createChecked(attrs, content),
       );
       columnNodes.push(cellNode);
     }
+
     const rowNode = schema.nodes["tableRow"].createChecked({}, columnNodes);
     rowNodes.push(rowNode);
   }
@@ -270,7 +273,7 @@ function blockOrInlineContentToContentNode(
     | PartialBlock<any, any, any>
     | PartialCustomInlineContentFromConfig<any, any>,
   schema: Schema,
-  styleSchema: StyleSchema
+  styleSchema: StyleSchema,
 ) {
   let contentNode: Node;
   let type = block.type;
@@ -291,7 +294,7 @@ function blockOrInlineContentToContentNode(
       [block.content],
       schema,
       type,
-      styleSchema
+      styleSchema,
     );
     contentNode = schema.nodes[type].createChecked(block.props, nodes);
   } else if (Array.isArray(block.content)) {
@@ -299,7 +302,7 @@ function blockOrInlineContentToContentNode(
       block.content,
       schema,
       type,
-      styleSchema
+      styleSchema,
     );
     contentNode = schema.nodes[type].createChecked(block.props, nodes);
   } else if (block.content.type === "tableContent") {
@@ -317,7 +320,7 @@ function blockOrInlineContentToContentNode(
 export function blockToNode(
   block: PartialBlock<any, any, any>,
   schema: Schema,
-  styleSchema: StyleSchema = getStyleSchema(schema)
+  styleSchema: StyleSchema = getStyleSchema(schema),
 ) {
   let id = block.id;
 
@@ -343,7 +346,7 @@ export function blockToNode(
     const contentNode = blockOrInlineContentToContentNode(
       block,
       schema,
-      styleSchema
+      styleSchema,
     );
 
     const groupNode =
@@ -356,7 +359,7 @@ export function blockToNode(
         id: id,
         ...block.props,
       },
-      groupNode ? [contentNode, groupNode] : contentNode
+      groupNode ? [contentNode, groupNode] : contentNode,
     );
   } else if (schema.nodes[block.type].isInGroup("bnBlock")) {
     // this is a bnBlock node like Column or ColumnList that directly translates to a prosemirror node
@@ -365,11 +368,11 @@ export function blockToNode(
         id: id,
         ...block.props,
       },
-      children
+      children,
     );
   } else {
     throw new Error(
-      `block type ${block.type} doesn't match blockContent or bnBlock group`
+      `block type ${block.type} doesn't match blockContent or bnBlock group`,
     );
   }
 }

package/src/api/nodeConversions/fragmentToBlocks.ts

@@ -14,7 +14,7 @@ import { nodeToBlock } from "./nodeToBlock.js";
 export function fragmentToBlocks<
   B extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(fragment: Fragment) {
   // first convert selection to blocknote-style blocks, and then
   // pass these to the exporter