@blocknote/core 0.30.0 → 0.30.1

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

@@ -5,7 +5,7 @@ export const createAddFileButton = (
   block: BlockFromConfig<FileBlockConfig, any, any>,
   editor: BlockNoteEditor<any, any, any>,
   buttonText?: string,
-  buttonIcon?: HTMLElement
+  buttonIcon?: HTMLElement,
 ) => {
   const addFileButton = document.createElement("div");
   addFileButton.className = "bn-add-file-button";
@@ -35,13 +35,13 @@ export const createAddFileButton = (
     editor.transact((tr) =>
       tr.setMeta(editor.filePanel!.plugin, {
         block: block,
-      })
+      }),
     );
   };
   addFileButton.addEventListener(
     "mousedown",
     addFileButtonMouseDownHandler,
-    true
+    true,
   );
   addFileButton.addEventListener("click", addFileButtonClickHandler, true);
 
@@ -51,12 +51,12 @@ export const createAddFileButton = (
       addFileButton.removeEventListener(
         "mousedown",
         addFileButtonMouseDownHandler,
-        true
+        true,
       );
       addFileButton.removeEventListener(
         "click",
         addFileButtonClickHandler,
-        true
+        true,
       );
     },
   };

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

@@ -16,7 +16,7 @@ export const createFileBlockWrapper = (
   >,
   element?: { dom: HTMLElement; destroy?: () => void },
   buttonText?: string,
-  buttonIcon?: HTMLElement
+  buttonIcon?: HTMLElement,
 ) => {
   const wrapper = document.createElement("div");
   wrapper.className = "bn-file-block-content-wrapper";
@@ -28,7 +28,7 @@ export const createFileBlockWrapper = (
       block,
       editor,
       buttonText,
-      buttonIcon
+      buttonIcon,
     );
     wrapper.appendChild(addFileButton.dom);
 

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

@@ -3,7 +3,7 @@ import { BlockFromConfig, FileBlockConfig } from "../../../../schema/index.js";
 export const FILE_ICON_SVG = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z"></path></svg>`;
 
 export const createFileNameWithIcon = (
-  block: BlockFromConfig<FileBlockConfig, any, any>
+  block: BlockFromConfig<FileBlockConfig, any, any>,
 ): { dom: HTMLElement; destroy?: () => void } => {
   const file = document.createElement("div");
   file.className = "bn-file-name-with-icon";

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

@@ -8,14 +8,14 @@ export const createResizableFileBlockWrapper = (
   element: { dom: HTMLElement; destroy?: () => void },
   resizeHandlesContainerElement: HTMLElement,
   buttonText: string,
-  buttonIcon: HTMLElement
+  buttonIcon: HTMLElement,
 ): { dom: HTMLElement; destroy: () => void } => {
   const { dom, destroy } = createFileBlockWrapper(
     block,
     editor,
     element,
     buttonText,
-    buttonIcon
+    buttonIcon,
   );
   const wrapper = dom;
   if (block.props.url && block.props.showPreview) {
@@ -93,7 +93,7 @@ export const createResizableFileBlockWrapper = (
     // predetermined minimum width.
     width = Math.min(
       Math.max(newWidth, minWidth),
-      editor.domElement?.firstElementChild?.clientWidth || Number.MAX_VALUE
+      editor.domElement?.firstElementChild?.clientWidth || Number.MAX_VALUE,
     );
     wrapper.style.width = `${width}px`;
   };
@@ -183,11 +183,11 @@ export const createResizableFileBlockWrapper = (
   wrapper.addEventListener("mouseleave", wrapperMouseLeaveHandler);
   leftResizeHandle.addEventListener(
     "mousedown",
-    leftResizeHandleMouseDownHandler
+    leftResizeHandleMouseDownHandler,
   );
   rightResizeHandle.addEventListener(
     "mousedown",
-    rightResizeHandleMouseDownHandler
+    rightResizeHandleMouseDownHandler,
   );
 
   return {
@@ -200,11 +200,11 @@ export const createResizableFileBlockWrapper = (
       wrapper.removeEventListener("mouseleave", wrapperMouseLeaveHandler);
       leftResizeHandle.removeEventListener(
         "mousedown",
-        leftResizeHandleMouseDownHandler
+        leftResizeHandleMouseDownHandler,
       );
       rightResizeHandle.removeEventListener(
         "mousedown",
-        rightResizeHandleMouseDownHandler
+        rightResizeHandleMouseDownHandler,
       );
     },
   };

package/src/blocks/FileBlockContent/helpers/toExternalHTML/createFigureWithCaption.ts

@@ -1,6 +1,6 @@
 export const createFigureWithCaption = (
   element: HTMLElement,
-  caption: string
+  caption: string,
 ) => {
   const figure = document.createElement("figure");
   const captionElement = document.createElement("figcaption");

package/src/blocks/FileBlockContent/helpers/toExternalHTML/createLinkWithCaption.ts

@@ -1,6 +1,6 @@
 export const createLinkWithCaption = (
   element: HTMLElement,
-  caption: string
+  caption: string,
 ) => {
   const wrapper = document.createElement("div");
   const fileCaption = document.createElement("p");

package/src/blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.ts

@@ -4,7 +4,7 @@
  * @warning This function should only be used for development purposes, replace with your own backend!
  */
 export const uploadToTmpFilesDotOrg_DEV_ONLY = async (
-  file: File
+  file: File,
 ): Promise<string> => {
   const body = new FormData();
   body.append("file", file);
@@ -15,6 +15,6 @@ export const uploadToTmpFilesDotOrg_DEV_ONLY = async (
   });
   return (await ret.json()).data.url.replace(
     "tmpfiles.org/",
-    "tmpfiles.org/dl/"
+    "tmpfiles.org/dl/",
   );
 };

package/src/blocks/HeadingBlockContent/HeadingBlockContent.ts

@@ -46,7 +46,7 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
                   props: {
                     level: level as any,
                   },
-                })
+                }),
               )
               // Removes the "#" character(s) used to set the heading.
               .deleteRange({ from: range.from, to: range.to })
@@ -75,7 +75,7 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
             props: {
               level: 1 as any,
             },
-          })
+          }),
         );
       },
       "Mod-Alt-2": () => {
@@ -93,7 +93,7 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
             props: {
               level: 2 as any,
             },
-          })
+          }),
         );
       },
       "Mod-Alt-3": () => {
@@ -111,7 +111,7 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
             props: {
               level: 3 as any,
             },
-          })
+          }),
         );
       },
     };
@@ -150,12 +150,12 @@ const HeadingBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 });
 
 export const Heading = createBlockSpecFromStronglyTypedTiptapNode(
   HeadingBlockContent,
-  headingPropSchema
+  headingPropSchema,
 );

package/src/blocks/ImageBlockContent/ImageBlockContent.ts

@@ -52,7 +52,7 @@ export const imageBlockConfig = {
 
 export const imageRender = (
   block: BlockFromConfig<typeof imageBlockConfig, any, any>,
-  editor: BlockNoteEditor<any, any, any>
+  editor: BlockNoteEditor<any, any, any>,
 ) => {
   const icon = document.createElement("div");
   icon.innerHTML = FILE_IMAGE_ICON_SVG;
@@ -81,12 +81,12 @@ export const imageRender = (
     { dom: imageWrapper },
     imageWrapper,
     editor.dictionary.file_blocks.image.add_button_text,
-    icon.firstElementChild as HTMLElement
+    icon.firstElementChild as HTMLElement,
   );
 };
 
 export const imageParse = (
-  element: HTMLElement
+  element: HTMLElement,
 ): Partial<Props<typeof imageBlockConfig.propSchema>> | undefined => {
   if (element.tagName === "IMG") {
     // Ignore if parent figure has already been parsed.
@@ -115,7 +115,7 @@ export const imageParse = (
 };
 
 export const imageToExternalHTML = (
-  block: BlockFromConfig<typeof imageBlockConfig, any, any>
+  block: BlockFromConfig<typeof imageBlockConfig, any, any>,
 ) => {
   if (!block.props.url) {
     const div = document.createElement("p");

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

@@ -41,7 +41,7 @@ const BulletListItemBlockContent = createStronglyTypedTiptapNode({
               updateBlockCommand(blockInfo.bnBlock.beforePos, {
                 type: "bulletListItem",
                 props: {},
-              })
+              }),
             )
             // Removes the "-", "+", or "*" character used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -66,7 +66,7 @@ const BulletListItemBlockContent = createStronglyTypedTiptapNode({
           updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "bulletListItem",
             props: {},
-          })
+          }),
         );
       },
     };
@@ -122,12 +122,12 @@ const BulletListItemBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 });
 
 export const BulletListItem = createBlockSpecFromStronglyTypedTiptapNode(
   BulletListItemBlockContent,
-  bulletListItemPropSchema
+  bulletListItemPropSchema,
 );

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

@@ -52,7 +52,7 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
                 props: {
                   checked: false as any,
                 },
-              })
+              }),
             )
             // Removes the characters used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -77,7 +77,7 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
                 props: {
                   checked: true as any,
                 },
-              })
+              }),
             )
             // Removes the characters used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -102,7 +102,7 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
           updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "checkListItem",
             props: {},
-          })
+          }),
         );
       },
     };
@@ -155,7 +155,7 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
           ) {
             const checkbox =
               (element.querySelector(
-                "input[type=checkbox]"
+                "input[type=checkbox]",
               ) as HTMLInputElement) || null;
 
             if (checkbox === null) {
@@ -196,7 +196,7 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
 
     dom.insertBefore(checkbox, contentDOM);
@@ -234,12 +234,12 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
         if (typeof getPos !== "boolean") {
           const beforeBlockContainerPos = getNearestBlockPos(
             editor.state.doc,
-            getPos()
+            getPos(),
           );
 
           if (beforeBlockContainerPos.node.type.name !== "blockContainer") {
             throw new Error(
-              `Expected blockContainer node, got ${beforeBlockContainerPos.node.type.name}`
+              `Expected blockContainer node, got ${beforeBlockContainerPos.node.type.name}`,
             );
           }
 
@@ -249,7 +249,7 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
               props: {
                 checked: checkbox.checked as any,
               },
-            })
+            }),
           );
         }
       };
@@ -262,7 +262,7 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
           ...(this.options.domAttributes?.blockContent || {}),
           ...HTMLAttributes,
         },
-        this.options.domAttributes?.inlineContent || {}
+        this.options.domAttributes?.inlineContent || {},
       );
 
       if (typeof getPos !== "boolean") {
@@ -295,5 +295,5 @@ const checkListItemBlockContent = createStronglyTypedTiptapNode({
 
 export const CheckListItem = createBlockSpecFromStronglyTypedTiptapNode(
   checkListItemBlockContent,
-  checkListItemPropSchema
+  checkListItemPropSchema,
 );

package/src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.ts

@@ -36,7 +36,7 @@ export const handleEnter = (editor: BlockNoteEditor<any, any, any>) => {
             updateBlockCommand(blockContainer.beforePos, {
               type: "paragraph",
               props: {},
-            })
+            }),
           );
         }
 

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

@@ -35,7 +35,7 @@ export const NumberedListIndexingPlugin = () => {
           // first block in its nesting level, or the previous block is not an ordered list item.
 
           const prevBlock = tr.doc.resolve(
-            blockInfo.bnBlock.beforePos
+            blockInfo.bnBlock.beforePos,
           ).nodeBefore;
 
           if (prevBlock) {

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

@@ -65,7 +65,7 @@ const NumberedListItemBlockContent = createStronglyTypedTiptapNode({
                   ({
                     start: startIndex,
                   } as any),
-              })
+              }),
             )
             // Removes the "1." characters used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -90,7 +90,7 @@ const NumberedListItemBlockContent = createStronglyTypedTiptapNode({
           updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "numberedListItem",
             props: {},
-          })
+          }),
         );
       },
     };
@@ -160,12 +160,12 @@ const NumberedListItemBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 });
 
 export const NumberedListItem = createBlockSpecFromStronglyTypedTiptapNode(
   NumberedListItemBlockContent,
-  numberedListItemPropSchema
+  numberedListItemPropSchema,
 );

package/src/blocks/ListItemBlockContent/getListItemContent.ts

@@ -26,7 +26,7 @@ export function getListItemContent(
   /**
    * The name of the list item node.
    */
-  name: string
+  name: string,
 ): Fragment {
   /**
    * To actually implement this algorithm, we need to leverage ProseMirror's "fitting" algorithm.
@@ -70,8 +70,8 @@ export function getListItemContent(
     // and continuing with the rest of the algorithm.
     blockGroupNode = blockGroupNode.copy(
       blockGroupNode.content.cut(
-        blockGroupNode.firstChild.firstChild.nodeSize + 2
-      )
+        blockGroupNode.firstChild.firstChild.nodeSize + 2,
+      ),
     );
   }
 
@@ -90,14 +90,14 @@ export function getListItemContent(
   // The remaining nodes in the `blockGroup` stay in-place.
   const listItemNode = schema.nodes[name].create(
     {},
-    listItemsFirstChild.content
+    listItemsFirstChild.content,
   );
 
   // We have `blockGroup<listItemsFirstChild, ...blockContainer<any>[]>`
   // We want to extract out the rest of the nodes as `<...blockContainer<any>[]>`
   const remainingListItemChildren = blockGroupNode.content.cut(
     // +2 for the `blockGroup` node's start and end markers
-    listItemsFirstChild.nodeSize + 2
+    listItemsFirstChild.nodeSize + 2,
   );
   const hasRemainingListItemChildren = remainingListItemChildren.size > 0;
 

package/src/blocks/PageBreakBlockContent/PageBreakBlockContent.ts

@@ -22,7 +22,7 @@ export const pageBreakRender = () => {
   };
 };
 export const pageBreakParse = (
-  element: HTMLElement
+  element: HTMLElement,
 ): Partial<Props<typeof pageBreakConfig.propSchema>> | undefined => {
   if (element.tagName === "DIV" && element.hasAttribute("data-page-break")) {
     return {

package/src/blocks/PageBreakBlockContent/getPageBreakSlashMenuItems.ts

@@ -10,9 +10,9 @@ import { pageBreakSchema } from "./schema.js";
 
 export function checkPageBreakBlocksInSchema<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
-  editor: BlockNoteEditor<any, I, S>
+  editor: BlockNoteEditor<any, I, S>,
 ): editor is BlockNoteEditor<typeof pageBreakSchema.blockSchema, I, S> {
   return (
     "pageBreak" in editor.schema.blockSchema &&
@@ -24,7 +24,7 @@ export function checkPageBreakBlocksInSchema<
 export function getPageBreakSlashMenuItems<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>) {
   const items: (Omit<DefaultSuggestionItem, "key"> & { key: "page_break" })[] =
     [];

package/src/blocks/PageBreakBlockContent/schema.ts

@@ -18,9 +18,9 @@ export const pageBreakSchema = BlockNoteSchema.create({
 export const withPageBreak = <
   B extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
-  schema: BlockNoteSchema<B, I, S>
+  schema: BlockNoteSchema<B, I, S>,
 ) => {
   return BlockNoteSchema.create({
     blockSpecs: {

package/src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts

@@ -31,7 +31,7 @@ export const ParagraphBlockContent = createStronglyTypedTiptapNode({
           updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "paragraph",
             props: {},
-          })
+          }),
         );
       },
     };
@@ -67,12 +67,12 @@ export const ParagraphBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 });
 
 export const Paragraph = createBlockSpecFromStronglyTypedTiptapNode(
   ParagraphBlockContent,
-  paragraphPropSchema
+  paragraphPropSchema,
 );

package/src/blocks/QuoteBlockContent/QuoteBlockContent.ts

@@ -36,7 +36,7 @@ export const QuoteBlockContent = createStronglyTypedTiptapNode({
               updateBlockCommand(blockInfo.bnBlock.beforePos, {
                 type: "quote",
                 props: {},
-              })
+              }),
             )
             // Removes the ">" character used to set the list.
             .deleteRange({ from: range.from, to: range.to });
@@ -59,7 +59,7 @@ export const QuoteBlockContent = createStronglyTypedTiptapNode({
         return this.editor.commands.command(
           updateBlockCommand(blockInfo.bnBlock.beforePos, {
             type: "quote",
-          })
+          }),
         );
       },
     };
@@ -88,12 +88,12 @@ export const QuoteBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 });
 
 export const Quote = createBlockSpecFromStronglyTypedTiptapNode(
   QuoteBlockContent,
-  quotePropSchema
+  quotePropSchema,
 );

package/src/blocks/README.md

@@ -1,3 +1,3 @@
 ### @blocknote/core/src/blocks
 
-The default built-in blocks that ship with BlockNote
+The default built-in blocks that ship with BlockNote

package/src/blocks/TableBlockContent/TableBlockContent.ts

@@ -42,7 +42,7 @@ export const TableBlockContent = createStronglyTypedTiptapNode({
         ...(this.options.domAttributes?.blockContent || {}),
         ...HTMLAttributes,
       },
-      this.options.domAttributes?.inlineContent || {}
+      this.options.domAttributes?.inlineContent || {},
     );
   },
 
@@ -59,18 +59,18 @@ export const TableBlockContent = createStronglyTypedTiptapNode({
         constructor(
           public node: PMNode,
           public cellMinWidth: number,
-          public blockContentHTMLAttributes: Record<string, string>
+          public blockContentHTMLAttributes: Record<string, string>,
         ) {
           super(node, cellMinWidth);
 
           const blockContent = document.createElement("div");
           blockContent.className = mergeCSSClasses(
             "bn-block-content",
-            blockContentHTMLAttributes.class
+            blockContentHTMLAttributes.class,
           );
           blockContent.setAttribute("data-content-type", "table");
           for (const [attribute, value] of Object.entries(
-            blockContentHTMLAttributes
+            blockContentHTMLAttributes,
           )) {
             if (attribute !== "class") {
               blockContent.setAttribute(attribute, value);
@@ -229,5 +229,5 @@ export const Table = createBlockSpecFromStronglyTypedTiptapNode(
       },
     }),
     TableRow,
-  ]
+  ],
 );

package/src/blocks/TableBlockContent/TableExtension.ts

@@ -56,12 +56,12 @@ export const TableExtension = Extension.create({
       // Enables navigating cells using the tab key.
       Tab: () => {
         return this.editor.commands.command(({ state, dispatch, view }) =>
-          goToNextCell(1)(state, dispatch, view)
+          goToNextCell(1)(state, dispatch, view),
         );
       },
       "Shift-Tab": () => {
         return this.editor.commands.command(({ state, dispatch, view }) =>
-          goToNextCell(-1)(state, dispatch, view)
+          goToNextCell(-1)(state, dispatch, view),
         );
       },
     };
@@ -76,7 +76,7 @@ export const TableExtension = Extension.create({
 
     return {
       tableRole: callOrReturn(
-        getExtensionField(extension, "tableRole", context)
+        getExtensionField(extension, "tableRole", context),
       ),
     };
   },

package/src/blocks/VideoBlockContent/VideoBlockContent.ts

@@ -52,7 +52,7 @@ export const videoBlockConfig = {
 
 export const videoRender = (
   block: BlockFromConfig<typeof videoBlockConfig, any, any>,
-  editor: BlockNoteEditor<any, any, any>
+  editor: BlockNoteEditor<any, any, any>,
 ) => {
   const icon = document.createElement("div");
   icon.innerHTML = FILE_VIDEO_ICON_SVG;
@@ -81,12 +81,12 @@ export const videoRender = (
     { dom: videoWrapper },
     videoWrapper,
     editor.dictionary.file_blocks.video.add_button_text,
-    icon.firstElementChild as HTMLElement
+    icon.firstElementChild as HTMLElement,
   );
 };
 
 export const videoParse = (
-  element: HTMLElement
+  element: HTMLElement,
 ): Partial<Props<typeof videoBlockConfig.propSchema>> | undefined => {
   if (element.tagName === "VIDEO") {
     // Ignore if parent figure has already been parsed.
@@ -115,7 +115,7 @@ export const videoParse = (
 };
 
 export const videoToExternalHTML = (
-  block: BlockFromConfig<typeof videoBlockConfig, any, any>
+  block: BlockFromConfig<typeof videoBlockConfig, any, any>,
 ) => {
   if (!block.props.url) {
     const div = document.createElement("p");