@blocknote/core 0.30.0 → 0.30.1

package/src/api/blockManipulation/tables/tables.ts

@@ -185,7 +185,7 @@ type OccupancyGrid = (RelativeCellIndices & {
  * @returns an {@link OccupancyGrid}
  */
 export function getTableCellOccupancyGrid(
-  block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>
+  block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
 ): OccupancyGrid {
   const { height, width } = getDimensionsOfTable(block);
 
@@ -209,7 +209,7 @@ export function getTableCellOccupancyGrid(
     }
 
     throw new Error(
-      "Unable to create occupancy grid for table, no more available cells"
+      "Unable to create occupancy grid for table, no more available cells",
     );
   };
 
@@ -231,7 +231,7 @@ export function getTableCellOccupancyGrid(
           if (grid[i][j]) {
             // The cell is already occupied, the table is malformed
             throw new Error(
-              `Unable to create occupancy grid for table, cell at ${i},${j} is already occupied`
+              `Unable to create occupancy grid for table, cell at ${i},${j} is already occupied`,
             );
           }
 
@@ -258,7 +258,7 @@ export function getTableCellOccupancyGrid(
  * @note This will remove duplicates from the occupancy grid. And does no bounds checking for validity of the occupancy grid.
  */
 export function getTableRowsFromOccupancyGrid(
-  occupancyGrid: OccupancyGrid
+  occupancyGrid: OccupancyGrid,
 ): TableContent<any, any>["rows"] {
   // Because a cell can have a rowspan or colspan, it can occupy multiple cells in the occupancy grid
   // So, we need to remove duplicates from the occupancy grid before we can return the table rows
@@ -299,7 +299,7 @@ export function getAbsoluteTableCells(
   /**
    * The occupancy grid of the table.
    */
-  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block)
+  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block),
 ): AbsoluteCellIndices & {
   cell: TableCell<any, any>;
 } {
@@ -317,7 +317,7 @@ export function getAbsoluteTableCells(
   }
 
   throw new Error(
-    `Unable to resolve relative table cell indices for table, cell at ${relativeCellIndices.row},${relativeCellIndices.col} is not occupied`
+    `Unable to resolve relative table cell indices for table, cell at ${relativeCellIndices.row},${relativeCellIndices.col} is not occupied`,
   );
 }
 
@@ -327,7 +327,7 @@ export function getAbsoluteTableCells(
  * @returns The height and width of the table.
  */
 export function getDimensionsOfTable(
-  block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>
+  block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
 ): {
   /**
    * The number of rows in the table.
@@ -374,7 +374,7 @@ export function getRelativeTableCells(
   /**
    * The occupancy grid of the table.
    */
-  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block)
+  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block),
 ):
   | (RelativeCellIndices & {
       cell: TableContent<any, any>["rows"][number]["cells"][number];
@@ -429,7 +429,7 @@ export function getRelativeTableCells(
  */
 export function getCellsAtRowHandle(
   block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
-  relativeRowIndex: RelativeCellIndices["row"]
+  relativeRowIndex: RelativeCellIndices["row"],
 ) {
   const occupancyGrid = getTableCellOccupancyGrid(block);
 
@@ -459,12 +459,12 @@ export function getCellsAtRowHandle(
       return getRelativeTableCells(
         { row: absoluteRow, col },
         block,
-        occupancyGrid
+        occupancyGrid,
       );
     })
     .filter(
       (a): a is RelativeCellIndices & { cell: TableCell<any, any> } =>
-        a !== undefined
+        a !== undefined,
     );
 
   // Filter out duplicates based on row and col properties
@@ -508,7 +508,7 @@ export function getCellsAtRowHandle(
  */
 export function getCellsAtColumnHandle(
   block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
-  relativeColumnIndex: RelativeCellIndices["col"]
+  relativeColumnIndex: RelativeCellIndices["col"],
 ) {
   const occupancyGrid = getTableCellOccupancyGrid(block);
 
@@ -541,12 +541,12 @@ export function getCellsAtColumnHandle(
       return getRelativeTableCells(
         { row, col: absoluteCol },
         block,
-        occupancyGrid
+        occupancyGrid,
       );
     })
     .filter(
       (a): a is RelativeCellIndices & { cell: TableCell<any, any> } =>
-        a !== undefined
+        a !== undefined,
     );
 
   // Filter out duplicates based on row and col properties
@@ -566,7 +566,7 @@ export function moveColumn(
   block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
   fromColIndex: RelativeCellIndices["col"],
   toColIndex: RelativeCellIndices["col"],
-  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block)
+  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block),
 ): TableContent<any, any>["rows"] {
   // To move cells in a column, we need to layout the whole table
   // and then move the cells accordingly.
@@ -576,7 +576,7 @@ export function moveColumn(
       col: fromColIndex,
     },
     block,
-    occupancyGrid
+    occupancyGrid,
   );
   const { col: absoluteTargetCol } = getAbsoluteTableCells(
     {
@@ -584,7 +584,7 @@ export function moveColumn(
       col: toColIndex,
     },
     block,
-    occupancyGrid
+    occupancyGrid,
   );
 
   /**
@@ -610,7 +610,7 @@ export function moveRow(
   block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
   fromRowIndex: RelativeCellIndices["row"],
   toRowIndex: RelativeCellIndices["row"],
-  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block)
+  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block),
 ): TableContent<any, any>["rows"] {
   // To move cells in a column, we need to layout the whole table
   // and then move the cells accordingly.
@@ -620,7 +620,7 @@ export function moveRow(
       col: 0,
     },
     block,
-    occupancyGrid
+    occupancyGrid,
   );
   const { row: absoluteTargetRow } = getAbsoluteTableCells(
     {
@@ -628,7 +628,7 @@ export function moveRow(
       col: 0,
     },
     block,
-    occupancyGrid
+    occupancyGrid,
   );
 
   /**
@@ -650,7 +650,7 @@ export function moveRow(
 function isCellEmpty(
   cell:
     | PartialTableContent<any, any>["rows"][number]["cells"][number]
-    | undefined
+    | undefined,
 ): boolean {
   if (!cell) {
     return true;
@@ -664,12 +664,12 @@ function isCellEmpty(
       typeof c === "string"
         ? c.length === 0
         : isStyledTextInlineContent(c)
-        ? c.text.length === 0
-        : isPartialLinkInlineContent(c)
-        ? typeof c.content === "string"
-          ? c.content.length === 0
-          : c.content.every((s) => s.text.length === 0)
-        : false
+          ? c.text.length === 0
+          : isPartialLinkInlineContent(c)
+            ? typeof c.content === "string"
+              ? c.content.length === 0
+              : c.content.every((s) => s.text.length === 0)
+            : false,
     );
   } else {
     return false;
@@ -684,7 +684,7 @@ function isCellEmpty(
 export function cropEmptyRowsOrColumns(
   block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
   removeEmpty: "columns" | "rows",
-  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block)
+  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block),
 ): TableContent<any, any>["rows"] {
   if (removeEmpty === "columns") {
     // strips empty columns on the right
@@ -696,7 +696,7 @@ export function cropEmptyRowsOrColumns(
     ) {
       const isEmpty = occupancyGrid.every(
         (row) =>
-          isCellEmpty(row[cellIndex].cell) && row[cellIndex].colspan === 1
+          isCellEmpty(row[cellIndex].cell) && row[cellIndex].colspan === 1,
       );
       if (!isEmpty) {
         break;
@@ -709,7 +709,7 @@ export function cropEmptyRowsOrColumns(
       // We maintain at least one cell, even if all the cells are empty
       const cellsToRemove = Math.max(
         occupancyGrid[i].length - emptyColsOnRight,
-        1
+        1,
       );
       occupancyGrid[i] = occupancyGrid[i].slice(0, cellsToRemove);
     }
@@ -721,7 +721,7 @@ export function cropEmptyRowsOrColumns(
   let emptyRowsOnBottom = 0;
   for (let rowIndex = occupancyGrid.length - 1; rowIndex >= 0; rowIndex--) {
     const isEmpty = occupancyGrid[rowIndex].every(
-      (cell) => isCellEmpty(cell.cell) && cell.rowspan === 1
+      (cell) => isCellEmpty(cell.cell) && cell.rowspan === 1,
     );
     if (!isEmpty) {
       break;
@@ -752,7 +752,7 @@ export function addRowsOrColumns(
    * @note if negative, it will remove rows or columns.
    */
   numToAdd: number,
-  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block)
+  occupancyGrid: OccupancyGrid = getTableCellOccupancyGrid(block),
 ): TableContent<any, any>["rows"] {
   const { width, height } = getDimensionsOfTable(block);
 
@@ -802,7 +802,7 @@ export function addRowsOrColumns(
 export function canRowBeDraggedInto(
   block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
   draggingIndex: RelativeCellIndices["row"],
-  targetRowIndex: RelativeCellIndices["row"]
+  targetRowIndex: RelativeCellIndices["row"],
 ) {
   // Check cells at the target row
   const targetCells = getCellsAtRowHandle(block, targetRowIndex);
@@ -837,7 +837,7 @@ export function canRowBeDraggedInto(
 export function canColumnBeDraggedInto(
   block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
   draggingIndex: RelativeCellIndices["col"],
-  targetColumnIndex: RelativeCellIndices["col"]
+  targetColumnIndex: RelativeCellIndices["col"],
 ) {
   // Check cells at the target column
   const targetCells = getCellsAtColumnHandle(block, targetColumnIndex);
@@ -874,7 +874,7 @@ export function canColumnBeDraggedInto(
 export function areInSameColumn(
   from: RelativeCellIndices,
   to: RelativeCellIndices,
-  block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>
+  block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
 ) {
   // Table indices are relative to the table, so we need to resolve the absolute cell indices
   const anchorAbsoluteCellIndices = getAbsoluteTableCells(from, block);

package/src/api/clipboard/fromClipboard/fileDropExtension.ts

@@ -13,9 +13,9 @@ import { handleFileInsertion } from "./handleFileInsertion.js";
 export const createDropFileExtension = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
-  editor: BlockNoteEditor<BSchema, I, S>
+  editor: BlockNoteEditor<BSchema, I, S>,
 ) =>
   Extension.create<{ editor: BlockNoteEditor<BSchema, I, S> }, undefined>({
     name: "dropFile",

package/src/api/clipboard/fromClipboard/handleFileInsertion.ts

@@ -11,7 +11,7 @@ import { acceptedMIMETypes } from "./acceptedMIMETypes.js";
 
 function checkFileExtensionsMatch(
   fileExtension1: string,
-  fileExtension2: string
+  fileExtension2: string,
 ) {
   if (!fileExtension1.startsWith(".") || !fileExtension2.startsWith(".")) {
     throw new Error(`The strings provided are not valid file extensions.`);
@@ -44,11 +44,11 @@ function checkMIMETypesMatch(mimeType1: string, mimeType2: string) {
 function insertOrUpdateBlock<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
   referenceBlock: Block<BSchema, I, S>,
-  newBlock: PartialBlock<BSchema, I, S>
+  newBlock: PartialBlock<BSchema, I, S>,
 ) {
   let insertedBlockId: string | undefined;
 
@@ -61,7 +61,7 @@ function insertOrUpdateBlock<
     insertedBlockId = editor.insertBlocks(
       [newBlock],
       referenceBlock,
-      "after"
+      "after",
     )[0].id;
   }
 
@@ -71,12 +71,12 @@ function insertOrUpdateBlock<
 export async function handleFileInsertion<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(event: DragEvent | ClipboardEvent, editor: BlockNoteEditor<BSchema, I, S>) {
   if (!editor.uploadFile) {
     // eslint-disable-next-line no-console
     console.warn(
-      "Attempted ot insert file, but uploadFile is not set in the BlockNote editor options"
+      "Attempted ot insert file, but uploadFile is not set in the BlockNote editor options",
     );
     return;
   }
@@ -106,7 +106,7 @@ export async function handleFileInsertion<
   event.preventDefault();
 
   const fileBlockConfigs = Object.values(editor.schema.blockSchema).filter(
-    (blockConfig) => blockConfig.isFileBlock
+    (blockConfig) => blockConfig.isFileBlock,
   ) as FileBlockConfig[];
 
   for (let i = 0; i < items.length; i++) {
@@ -125,7 +125,7 @@ export async function handleFileInsertion<
             (isFileExtension &&
               checkFileExtensionsMatch(
                 "." + file.name.split(".").pop(),
-                mimeType
+                mimeType,
               ))
           ) {
             fileBlockType = fileBlockConfig.type;
@@ -165,7 +165,7 @@ export async function handleFileInsertion<
           return insertOrUpdateBlock(
             editor,
             editor.getBlock(posInfo.node.attrs.id)!,
-            fileBlock
+            fileBlock,
           );
         });
       } else {

package/src/api/clipboard/fromClipboard/handleVSCodePaste.ts

@@ -2,7 +2,7 @@ import { EditorView } from "prosemirror-view";
 
 export async function handleVSCodePaste(
   event: ClipboardEvent,
-  view: EditorView
+  view: EditorView,
 ) {
   const { schema } = view.state;
 
@@ -34,8 +34,8 @@ export async function handleVSCodePaste(
   view.pasteHTML(
     `<pre><code class="language-${language}">${text.replace(
       /\r\n?/g,
-      "\n"
-    )}</code></pre>`
+      "\n",
+    )}</code></pre>`,
   );
 
   return true;

package/src/api/clipboard/fromClipboard/pasteExtension.ts

@@ -31,7 +31,7 @@ function defaultPasteHandler({
   const isInCodeBlock = editor.transact(
     (tr) =>
       tr.selection.$from.parent.type.spec.code &&
-      tr.selection.$to.parent.type.spec.code
+      tr.selection.$to.parent.type.spec.code,
   );
 
   if (isInCodeBlock) {
@@ -106,13 +106,13 @@ function defaultPasteHandler({
 export const createPasteFromClipboardExtension = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
   pasteHandler: Exclude<
     BlockNoteEditorOptions<any, any, any>["pasteHandler"],
     undefined
-  >
+  >,
 ) =>
   Extension.create({
     name: "pasteFromClipboard",

package/src/api/clipboard/toClipboard/copyExtension.ts

@@ -21,11 +21,11 @@ import {
 function fragmentToExternalHTML<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   view: EditorView,
   selectedFragment: Fragment,
-  editor: BlockNoteEditor<BSchema, I, S>
+  editor: BlockNoteEditor<BSchema, I, S>,
 ) {
   let isWithinBlockContent = false;
   const isWithinTable = view.state.selection instanceof CellSelection;
@@ -37,7 +37,7 @@ function fragmentToExternalHTML<
     const fragmentWithoutParents = view.state.doc.slice(
       view.state.selection.from,
       view.state.selection.to,
-      false
+      false,
     ).content;
 
     const children = [];
@@ -50,7 +50,7 @@ function fragmentToExternalHTML<
         (child) =>
           child.type.isInGroup("bnBlock") ||
           child.type.name === "blockGroup" ||
-          child.type.spec.group === "blockContent"
+          child.type.spec.group === "blockContent",
       ) === undefined;
     if (isWithinBlockContent) {
       selectedFragment = fragmentWithoutParents;
@@ -61,7 +61,7 @@ function fragmentToExternalHTML<
 
   const externalHTMLExporter = createExternalHTMLExporter(
     view.state.schema,
-    editor
+    editor,
   );
 
   if (isWithinTable) {
@@ -76,13 +76,13 @@ function fragmentToExternalHTML<
     const ic = contentNodeToTableContent(
       selectedFragment as any,
       editor.schema.inlineContentSchema,
-      editor.schema.styleSchema
+      editor.schema.styleSchema,
     );
 
     // Wrap in table to ensure correct parsing by spreadsheet applications
     externalHTML = `<table>${externalHTMLExporter.exportInlineContent(
       ic as any,
-      {}
+      {},
     )}</table>`;
   } else if (isWithinBlockContent) {
     // first convert selection to blocknote-style inline content, and then
@@ -90,7 +90,7 @@ function fragmentToExternalHTML<
     const ic = contentNodeToInlineContent(
       selectedFragment as any,
       editor.schema.inlineContentSchema,
-      editor.schema.styleSchema
+      editor.schema.styleSchema,
     );
     externalHTML = externalHTMLExporter.exportInlineContent(ic, {});
   } else {
@@ -103,10 +103,10 @@ function fragmentToExternalHTML<
 export function selectedFragmentToHTML<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   view: EditorView,
-  editor: BlockNoteEditor<BSchema, I, S>
+  editor: BlockNoteEditor<BSchema, I, S>,
 ): {
   clipboardHTML: string;
   externalHTML: string;
@@ -122,14 +122,14 @@ export function selectedFragmentToHTML<
   ) {
     editor.transact((tr) =>
       tr.setSelection(
-        new NodeSelection(tr.doc.resolve(view.state.selection.from - 1))
-      )
+        new NodeSelection(tr.doc.resolve(view.state.selection.from - 1)),
+      ),
     );
   }
 
   // Uses default ProseMirror clipboard serialization.
   const clipboardHTML: string = view.serializeForClipboard(
-    view.state.selection.content()
+    view.state.selection.content(),
   ).dom.innerHTML;
 
   const selectedFragment = view.state.selection.content().content;
@@ -137,7 +137,7 @@ export function selectedFragmentToHTML<
   const externalHTML = fragmentToExternalHTML<BSchema, I, S>(
     view,
     selectedFragment,
-    editor
+    editor,
   );
 
   const markdown = cleanHTMLToMarkdown(externalHTML);
@@ -176,11 +176,11 @@ const checkIfSelectionInNonEditableBlock = () => {
 const copyToClipboard = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
   view: EditorView,
-  event: ClipboardEvent
+  event: ClipboardEvent,
 ) => {
   // Stops the default browser copy behaviour.
   event.preventDefault();
@@ -188,7 +188,7 @@ const copyToClipboard = <
 
   const { clipboardHTML, externalHTML, markdown } = selectedFragmentToHTML(
     view,
-    editor
+    editor,
   );
 
   // TODO: Writing to other MIME types not working in Safari for
@@ -201,9 +201,9 @@ const copyToClipboard = <
 export const createCopyToClipboardExtension = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
-  editor: BlockNoteEditor<BSchema, I, S>
+  editor: BlockNoteEditor<BSchema, I, S>,
 ) =>
   Extension.create<{ editor: BlockNoteEditor<BSchema, I, S> }, undefined>({
     name: "copyToClipboard",
@@ -254,9 +254,9 @@ export const createCopyToClipboardExtension = <
                 editor.transact((tr) =>
                   tr.setSelection(
                     new NodeSelection(
-                      tr.doc.resolve(view.state.selection.from - 1)
-                    )
-                  )
+                      tr.doc.resolve(view.state.selection.from - 1),
+                    ),
+                  ),
                 );
 
                 // Stops the default browser drag start behaviour.

package/src/api/exporters/html/externalHTMLExporter.ts

@@ -32,17 +32,17 @@ import {
 export const createExternalHTMLExporter = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   schema: Schema,
-  editor: BlockNoteEditor<BSchema, I, S>
+  editor: BlockNoteEditor<BSchema, I, S>,
 ) => {
   const serializer = DOMSerializer.fromSchema(schema);
 
   return {
     exportBlocks: (
       blocks: PartialBlock<BSchema, I, S>[],
-      options: { document?: Document }
+      options: { document?: Document },
     ) => {
       const html = serializeBlocksExternalHTML(
         editor,
@@ -50,7 +50,7 @@ export const createExternalHTMLExporter = <
         serializer,
         new Set<string>(["numberedListItem"]),
         new Set<string>(["bulletListItem", "checkListItem"]),
-        options
+        options,
       );
       const div = document.createElement("div");
       div.append(html);
@@ -59,13 +59,13 @@ export const createExternalHTMLExporter = <
 
     exportInlineContent: (
       inlineContent: InlineContent<I, S>[],
-      options: { document?: Document }
+      options: { document?: Document },
     ) => {
       const domFragment = serializeInlineContentExternalHTML(
         editor,
         inlineContent as any,
         serializer,
-        options
+        options,
       );
 
       const parent = document.createElement("div");

package/src/api/exporters/html/internalHTMLSerializer.ts

@@ -19,17 +19,17 @@ import { serializeBlocksInternalHTML } from "./util/serializeBlocksInternalHTML.
 export const createInternalHTMLSerializer = <
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   schema: Schema,
-  editor: BlockNoteEditor<BSchema, I, S>
+  editor: BlockNoteEditor<BSchema, I, S>,
 ) => {
   const serializer = DOMSerializer.fromSchema(schema);
 
   return {
     serializeBlocks: (
       blocks: PartialBlock<BSchema, I, S>[],
-      options: { document?: Document }
+      options: { document?: Document },
     ) => {
       return serializeBlocksInternalHTML(editor, blocks, serializer, options)
         .outerHTML;