@blocknote/core 0.30.0 → 0.30.1

package/src/extensions/SuggestionMenu/SuggestionPlugin.ts

@@ -22,7 +22,7 @@ export type SuggestionMenuState = UiElementPosition & {
 class SuggestionMenuView<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > {
   public state?: SuggestionMenuState;
   public emitUpdate: (triggerCharacter: string) => void;
@@ -31,7 +31,7 @@ class SuggestionMenuView<
 
   constructor(
     private readonly editor: BlockNoteEditor<BSchema, I, S>,
-    emitUpdate: (menuName: string, state: SuggestionMenuState) => void
+    emitUpdate: (menuName: string, state: SuggestionMenuState) => void,
   ) {
     this.pluginState = undefined;
 
@@ -57,7 +57,7 @@ class SuggestionMenuView<
   handleScroll = () => {
     if (this.state?.show) {
       const decorationNode = this.rootEl?.querySelector(
-        `[data-decoration-id="${this.pluginState!.decorationId}"]`
+        `[data-decoration-id="${this.pluginState!.decorationId}"]`,
       );
       if (!decorationNode) {
         return;
@@ -71,7 +71,7 @@ class SuggestionMenuView<
     const prev: SuggestionPluginState =
       suggestionMenuPluginKey.getState(prevState);
     const next: SuggestionPluginState = suggestionMenuPluginKey.getState(
-      view.state
+      view.state,
     );
 
     // See how the state changed
@@ -96,7 +96,7 @@ class SuggestionMenuView<
     }
 
     const decorationNode = this.rootEl?.querySelector(
-      `[data-decoration-id="${this.pluginState!.decorationId}"]`
+      `[data-decoration-id="${this.pluginState!.decorationId}"]`,
     );
 
     if (this.editor.isEditable && decorationNode) {
@@ -165,7 +165,7 @@ const suggestionMenuPluginKey = new PluginKey("SuggestionMenuPlugin");
 export class SuggestionMenuProseMirrorPlugin<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > extends EventEmitter<any> {
   private view: SuggestionMenuView<BSchema, I, S> | undefined;
   public readonly plugin: Plugin;
@@ -183,7 +183,7 @@ export class SuggestionMenuProseMirrorPlugin<
           editor,
           (triggerCharacter, state) => {
             this.emit(`update ${triggerCharacter}`, state);
-          }
+          },
         );
         return this.view;
       },
@@ -199,7 +199,7 @@ export class SuggestionMenuProseMirrorPlugin<
           transaction,
           prev,
           _oldState,
-          newState
+          newState,
         ): SuggestionPluginState => {
           // TODO: More clearly define which transactions should be ignored.
           if (transaction.getMeta("orderedListIndexing") !== undefined) {
@@ -231,7 +231,7 @@ export class SuggestionMenuProseMirrorPlugin<
               editor,
               newState.selection.from -
                 // Need to account for the trigger char that was inserted, so we offset the position by the length of the trigger character.
-                suggestionPluginTransactionMeta.triggerCharacter.length
+                suggestionPluginTransactionMeta.triggerCharacter.length,
             );
             return {
               triggerCharacter:
@@ -271,7 +271,7 @@ export class SuggestionMenuProseMirrorPlugin<
               newState.selection.from < prev.queryStartPos()) ||
             // Moving the caret to a new block should hide the menu.
             !newState.selection.$from.sameParent(
-              newState.doc.resolve(prev.queryStartPos())
+              newState.doc.resolve(prev.queryStartPos()),
             )
           ) {
             return undefined;
@@ -282,7 +282,7 @@ export class SuggestionMenuProseMirrorPlugin<
           // Updates the current query.
           next.query = newState.doc.textBetween(
             prev.queryStartPos(),
-            newState.selection.from
+            newState.selection.from,
           );
 
           return next;
@@ -298,7 +298,7 @@ export class SuggestionMenuProseMirrorPlugin<
                 .setMeta(suggestionMenuPluginKey, {
                   triggerCharacter: text,
                 })
-                .scrollIntoView()
+                .scrollIntoView(),
             );
 
             return true;
@@ -329,7 +329,7 @@ export class SuggestionMenuProseMirrorPlugin<
                     nodeName: "span",
                     class: "bn-suggestion-decorator",
                     "data-decoration-id": suggestionPluginState.decorationId,
-                  }
+                  },
                 ),
               ]);
             }
@@ -344,7 +344,7 @@ export class SuggestionMenuProseMirrorPlugin<
                 nodeName: "span",
                 class: "bn-suggestion-decorator",
                 "data-decoration-id": suggestionPluginState.decorationId,
-              }
+              },
             ),
           ]);
         },
@@ -354,7 +354,7 @@ export class SuggestionMenuProseMirrorPlugin<
 
   public onUpdate(
     triggerCharacter: string,
-    callback: (state: SuggestionMenuState) => void
+    callback: (state: SuggestionMenuState) => void,
   ) {
     if (!this.triggerCharacters.includes(triggerCharacter)) {
       this.addTriggerCharacter(triggerCharacter);
@@ -370,7 +370,7 @@ export class SuggestionMenuProseMirrorPlugin<
   // TODO: Should this be called automatically when listeners are removed?
   removeTriggerCharacter = (triggerCharacter: string) => {
     this.triggerCharacters = this.triggerCharacters.filter(
-      (c) => c !== triggerCharacter
+      (c) => c !== triggerCharacter,
     );
   };
 
@@ -386,7 +386,7 @@ export class SuggestionMenuProseMirrorPlugin<
 export function createSuggestionMenu<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>, triggerCharacter: string) {
   editor.suggestionMenus.addTriggerCharacter(triggerCharacter);
 }

package/src/extensions/SuggestionMenu/getDefaultEmojiPickerItems.ts

@@ -49,10 +49,10 @@ async function loadEmojiMart() {
 export async function getDefaultEmojiPickerItems<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
-  query: string
+  query: string,
 ): Promise<DefaultGridSuggestionItem[]> {
   if (!checkDefaultInlineContentTypeInSchema("text", editor)) {
     return [];

package/src/extensions/SuggestionMenu/getDefaultSlashMenuItems.ts

@@ -18,7 +18,7 @@ import { DefaultSuggestionItem } from "./DefaultSuggestionItem.js";
 function setSelectionToNextContentEditableBlock<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>) {
   let block: Block<BSchema, I, S> | undefined =
     editor.getTextCursorPosition().block;
@@ -44,10 +44,10 @@ function setSelectionToNextContentEditableBlock<
 export function insertOrUpdateBlock<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   editor: BlockNoteEditor<BSchema, I, S>,
-  block: PartialBlock<BSchema, I, S>
+  block: PartialBlock<BSchema, I, S>,
 ): Block<BSchema, I, S> {
   const currentBlock = editor.getTextCursorPosition().block;
 
@@ -83,7 +83,7 @@ export function insertOrUpdateBlock<
 export function getDefaultSlashMenuItems<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(editor: BlockNoteEditor<BSchema, I, S>) {
   const items: DefaultSuggestionItem[] = [];
 
@@ -121,7 +121,7 @@ export function getDefaultSlashMenuItems<
         badge: formatKeyboardShortcut("Mod-Alt-3"),
         key: "heading_3",
         ...editor.dictionary.slash_menu.heading_3,
-      }
+      },
     );
   }
 
@@ -237,7 +237,7 @@ export function getDefaultSlashMenuItems<
         editor.transact((tr) =>
           tr.setMeta(editor.filePanel!.plugin, {
             block: insertedBlock,
-          })
+          }),
         );
       },
       key: "image",
@@ -256,7 +256,7 @@ export function getDefaultSlashMenuItems<
         editor.transact((tr) =>
           tr.setMeta(editor.filePanel!.plugin, {
             block: insertedBlock,
-          })
+          }),
         );
       },
       key: "video",
@@ -275,7 +275,7 @@ export function getDefaultSlashMenuItems<
         editor.transact((tr) =>
           tr.setMeta(editor.filePanel!.plugin, {
             block: insertedBlock,
-          })
+          }),
         );
       },
       key: "audio",
@@ -294,7 +294,7 @@ export function getDefaultSlashMenuItems<
         editor.transact((tr) =>
           tr.setMeta(editor.filePanel!.plugin, {
             block: insertedBlock,
-          })
+          }),
         );
       },
       key: "file",
@@ -317,14 +317,14 @@ export function getDefaultSlashMenuItems<
 }
 
 export function filterSuggestionItems<
-  T extends { title: string; aliases?: readonly string[] }
+  T extends { title: string; aliases?: readonly string[] },
 >(items: T[], query: string) {
   return items.filter(
     ({ title, aliases }) =>
       title.toLowerCase().includes(query.toLowerCase()) ||
       (aliases &&
         aliases.filter((alias) =>
-          alias.toLowerCase().includes(query.toLowerCase())
-        ).length !== 0)
+          alias.toLowerCase().includes(query.toLowerCase()),
+        ).length !== 0),
   );
 }

package/src/extensions/TableHandles/TableHandlesPlugin.ts

@@ -46,7 +46,7 @@ let dragImageElement: HTMLElement | undefined;
 // TODO consider switching this to jotai, it is a bit messy and noisy
 export type TableHandlesState<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = {
   show: boolean;
   showAddOrRemoveRowsButton: boolean;
@@ -146,7 +146,7 @@ function hideElements(selector: string, rootEl: Document | ShadowRoot) {
 
 export class TableHandlesView<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > implements PluginView
 {
   public state?: TableHandlesState<I, S>;
@@ -169,7 +169,7 @@ export class TableHandlesView<
       S
     >,
     private readonly pmView: EditorView,
-    emitUpdate: (state: TableHandlesState<I, S>) => void
+    emitUpdate: (state: TableHandlesState<I, S>) => void,
   ) {
     this.emitUpdate = () => {
       if (!this.state) {
@@ -185,11 +185,11 @@ export class TableHandlesView<
 
     pmView.root.addEventListener(
       "dragover",
-      this.dragOverHandler as EventListener
+      this.dragOverHandler as EventListener,
     );
     pmView.root.addEventListener(
       "drop",
-      this.dropHandler as unknown as EventListener
+      this.dropHandler as unknown as EventListener,
     );
   }
 
@@ -264,7 +264,7 @@ export class TableHandlesView<
       | undefined;
 
     const pmNodeInfo = this.editor.transact((tr) =>
-      getNodeById(blockEl.id, tr.doc)
+      getNodeById(blockEl.id, tr.doc),
     );
     if (!pmNodeInfo) {
       throw new Error(`Block with ID ${blockEl.id} not found`);
@@ -275,7 +275,7 @@ export class TableHandlesView<
       this.editor.pmSchema,
       this.editor.schema.blockSchema,
       this.editor.schema.inlineContentSchema,
-      this.editor.schema.styleSchema
+      this.editor.schema.styleSchema,
     );
 
     if (checkBlockIsDefaultType("table", block, this.editor)) {
@@ -368,7 +368,7 @@ export class TableHandlesView<
 
     hideElements(
       ".prosemirror-dropcursor-block, .prosemirror-dropcursor-inline",
-      this.pmView.root
+      this.pmView.root,
     );
 
     // The mouse cursor coordinates, bounded to the table's bounding box. The
@@ -377,11 +377,11 @@ export class TableHandlesView<
     const boundedMouseCoords = {
       left: Math.min(
         Math.max(event.clientX, this.state.referencePosTable.left + 1),
-        this.state.referencePosTable.right - 1
+        this.state.referencePosTable.right - 1,
       ),
       top: Math.min(
         Math.max(event.clientY, this.state.referencePosTable.top + 1),
-        this.state.referencePosTable.bottom - 1
+        this.state.referencePosTable.bottom - 1,
       ),
     };
 
@@ -390,7 +390,7 @@ export class TableHandlesView<
     const tableCellElements = this.pmView.root
       .elementsFromPoint(boundedMouseCoords.left, boundedMouseCoords.top)
       .filter(
-        (element) => element.tagName === "TD" || element.tagName === "TH"
+        (element) => element.tagName === "TD" || element.tagName === "TH",
       );
     if (tableCellElements.length === 0) {
       return;
@@ -461,7 +461,7 @@ export class TableHandlesView<
       this.state.colIndex === undefined
     ) {
       throw new Error(
-        "Attempted to drop table row or column, but no table block was hovered prior."
+        "Attempted to drop table row or column, but no table block was hovered prior.",
       );
     }
 
@@ -476,7 +476,7 @@ export class TableHandlesView<
         !canRowBeDraggedInto(
           this.state.block,
           draggingState.originalIndex,
-          rowIndex
+          rowIndex,
         )
       ) {
         // If the target row is invalid, don't move the row
@@ -485,7 +485,7 @@ export class TableHandlesView<
       const newTable = moveRow(
         this.state.block,
         draggingState.originalIndex,
-        rowIndex
+        rowIndex,
       );
       this.editor.updateBlock(this.state.block, {
         type: "table",
@@ -499,7 +499,7 @@ export class TableHandlesView<
         !canColumnBeDraggedInto(
           this.state.block,
           draggingState.originalIndex,
-          colIndex
+          colIndex,
         )
       ) {
         // If the target column is invalid, don't move the column
@@ -508,7 +508,7 @@ export class TableHandlesView<
       const newTable = moveColumn(
         this.state.block,
         draggingState.originalIndex,
-        colIndex
+        colIndex,
       );
       const [columnWidth] = columnWidths.splice(draggingState.originalIndex, 1);
       columnWidths.splice(colIndex, 0, columnWidth);
@@ -538,6 +538,7 @@ export class TableHandlesView<
     this.state.block = this.editor.getBlock(this.state.block.id)!;
     if (
       !this.state.block ||
+      this.state.block.type !== "table" ||
       // when collaborating, the table element might be replaced and out of date
       // because yjs replaces the element when for example you change the color via the side menu
       !this.tableElement?.isConnected
@@ -551,7 +552,7 @@ export class TableHandlesView<
     }
 
     const { height: rowCount, width: colCount } = getDimensionsOfTable(
-      this.state.block
+      this.state.block,
     );
 
     if (
@@ -574,7 +575,7 @@ export class TableHandlesView<
 
     if (!tableBody) {
       throw new Error(
-        "Table block does not contain a 'tbody' HTML element. This should never happen."
+        "Table block does not contain a 'tbody' HTML element. This should never happen.",
       );
     }
 
@@ -602,11 +603,11 @@ export class TableHandlesView<
     this.pmView.dom.removeEventListener("mousedown", this.viewMousedownHandler);
     this.pmView.root.removeEventListener(
       "dragover",
-      this.dragOverHandler as EventListener
+      this.dragOverHandler as EventListener,
     );
     this.pmView.root.removeEventListener(
       "drop",
-      this.dropHandler as unknown as EventListener
+      this.dropHandler as unknown as EventListener,
     );
   }
 }
@@ -615,7 +616,7 @@ export const tableHandlesPluginKey = new PluginKey("TableHandlesPlugin");
 
 export class TableHandlesProsemirrorPlugin<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > extends EventEmitter<any> {
   private view: TableHandlesView<I, S> | undefined;
   public readonly plugin: Plugin;
@@ -625,7 +626,7 @@ export class TableHandlesProsemirrorPlugin<
       BlockSchemaWithBlock<"table", DefaultBlockSchema["table"]>,
       I,
       S
-    >
+    >,
   ) {
     super();
     this.plugin = new Plugin({
@@ -684,18 +685,18 @@ export class TableHandlesProsemirrorPlugin<
           if (this.view.state.draggingState.draggedCellOrientation === "row") {
             const cellsInRow = getCellsAtRowHandle(
               this.view.state.block,
-              newIndex
+              newIndex,
             );
 
             cellsInRow.forEach(({ row, col }) => {
               // Gets each row in the table.
               const rowResolvedPos = state.doc.resolve(
-                tableResolvedPos.posAtIndex(row) + 1
+                tableResolvedPos.posAtIndex(row) + 1,
               );
 
               // Gets the cell within the row.
               const cellResolvedPos = state.doc.resolve(
-                rowResolvedPos.posAtIndex(col) + 1
+                rowResolvedPos.posAtIndex(col) + 1,
               );
               const cellNode = cellResolvedPos.node();
               // Creates a decoration at the start or end of each cell,
@@ -724,24 +725,24 @@ export class TableHandlesProsemirrorPlugin<
                   widget.style.height = "4px";
 
                   return widget;
-                })
+                }),
               );
             });
           } else {
             const cellsInColumn = getCellsAtColumnHandle(
               this.view.state.block,
-              newIndex
+              newIndex,
             );
 
             cellsInColumn.forEach(({ row, col }) => {
               // Gets each row in the table.
               const rowResolvedPos = state.doc.resolve(
-                tableResolvedPos.posAtIndex(row) + 1
+                tableResolvedPos.posAtIndex(row) + 1,
               );
 
               // Gets the cell within the row.
               const cellResolvedPos = state.doc.resolve(
-                rowResolvedPos.posAtIndex(col) + 1
+                rowResolvedPos.posAtIndex(col) + 1,
               );
               const cellNode = cellResolvedPos.node();
 
@@ -772,7 +773,7 @@ export class TableHandlesProsemirrorPlugin<
                   widget.style.width = "4px";
 
                   return widget;
-                })
+                }),
               );
             });
           }
@@ -800,7 +801,7 @@ export class TableHandlesProsemirrorPlugin<
       this.view!.state.colIndex === undefined
     ) {
       throw new Error(
-        "Attempted to drag table column, but no table block was hovered prior."
+        "Attempted to drag table column, but no table block was hovered prior.",
       );
     }
 
@@ -818,7 +819,7 @@ export class TableHandlesProsemirrorPlugin<
         originalIndex: this.view!.state!.colIndex,
         newIndex: this.view!.state!.colIndex,
         tablePos: this.view!.tablePos,
-      })
+      }),
     );
 
     if (!this.editor.prosemirrorView) {
@@ -843,7 +844,7 @@ export class TableHandlesProsemirrorPlugin<
       this.view!.state.rowIndex === undefined
     ) {
       throw new Error(
-        "Attempted to drag table row, but no table block was hovered prior."
+        "Attempted to drag table row, but no table block was hovered prior.",
       );
     }
 
@@ -861,7 +862,7 @@ export class TableHandlesProsemirrorPlugin<
         originalIndex: this.view!.state!.rowIndex,
         newIndex: this.view!.state!.rowIndex,
         tablePos: this.view!.tablePos,
-      })
+      }),
     );
 
     if (!this.editor.prosemirrorView) {
@@ -880,7 +881,7 @@ export class TableHandlesProsemirrorPlugin<
   dragEnd = () => {
     if (this.view!.state === undefined) {
       throw new Error(
-        "Attempted to drag table row, but no table block was hovered prior."
+        "Attempted to drag table row, but no table block was hovered prior.",
       );
     }
 
@@ -914,7 +915,7 @@ export class TableHandlesProsemirrorPlugin<
 
   getCellsAtRowHandle = (
     block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
-    relativeRowIndex: RelativeCellIndices["row"]
+    relativeRowIndex: RelativeCellIndices["row"],
   ) => {
     return getCellsAtRowHandle(block, relativeRowIndex);
   };
@@ -924,7 +925,7 @@ export class TableHandlesProsemirrorPlugin<
    */
   getCellsAtColumnHandle = (
     block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
-    relativeColumnIndex: RelativeCellIndices["col"]
+    relativeColumnIndex: RelativeCellIndices["col"],
   ) => {
     return getCellsAtColumnHandle(block, relativeColumnIndex);
   };
@@ -936,7 +937,7 @@ export class TableHandlesProsemirrorPlugin<
   private setCellSelection = (
     state: EditorState,
     relativeStartCell: RelativeCellIndices,
-    relativeEndCell: RelativeCellIndices = relativeStartCell
+    relativeEndCell: RelativeCellIndices = relativeStartCell,
   ) => {
     const view = this.view;
 
@@ -946,18 +947,18 @@ export class TableHandlesProsemirrorPlugin<
 
     const tableResolvedPos = state.doc.resolve(view.tablePos! + 1);
     const startRowResolvedPos = state.doc.resolve(
-      tableResolvedPos.posAtIndex(relativeStartCell.row) + 1
+      tableResolvedPos.posAtIndex(relativeStartCell.row) + 1,
     );
     const startCellResolvedPos = state.doc.resolve(
       // No need for +1, since CellSelection expects the position before the cell
-      startRowResolvedPos.posAtIndex(relativeStartCell.col)
+      startRowResolvedPos.posAtIndex(relativeStartCell.col),
     );
     const endRowResolvedPos = state.doc.resolve(
-      tableResolvedPos.posAtIndex(relativeEndCell.row) + 1
+      tableResolvedPos.posAtIndex(relativeEndCell.row) + 1,
     );
     const endCellResolvedPos = state.doc.resolve(
       // No need for +1, since CellSelection expects the position before the cell
-      endRowResolvedPos.posAtIndex(relativeEndCell.col)
+      endRowResolvedPos.posAtIndex(relativeEndCell.col),
     );
 
     // Begin a new transaction to set the selection
@@ -965,7 +966,7 @@ export class TableHandlesProsemirrorPlugin<
 
     // Set the selection to the given cell or a range of cells
     tr.setSelection(
-      new CellSelection(startCellResolvedPos, endCellResolvedPos)
+      new CellSelection(startCellResolvedPos, endCellResolvedPos),
     );
 
     // Quickly apply the transaction to get the new state to update the selection before splitting the cell
@@ -979,14 +980,14 @@ export class TableHandlesProsemirrorPlugin<
     index: RelativeCellIndices["row"] | RelativeCellIndices["col"],
     direction:
       | { orientation: "row"; side: "above" | "below" }
-      | { orientation: "column"; side: "left" | "right" }
+      | { orientation: "column"; side: "left" | "right" },
   ) => {
     this.editor.exec((beforeState, dispatch) => {
       const state = this.setCellSelection(
         beforeState,
         direction.orientation === "row"
           ? { row: index, col: 0 }
-          : { row: 0, col: index }
+          : { row: 0, col: index },
       );
 
       if (direction.orientation === "row") {
@@ -1010,7 +1011,7 @@ export class TableHandlesProsemirrorPlugin<
    */
   removeRowOrColumn = (
     index: RelativeCellIndices["row"] | RelativeCellIndices["col"],
-    direction: "row" | "column"
+    direction: "row" | "column",
   ) => {
     if (direction === "row") {
       return this.editor.exec((beforeState, dispatch) => {
@@ -1043,7 +1044,7 @@ export class TableHandlesProsemirrorPlugin<
         ? this.setCellSelection(
             beforeState,
             cellsToMerge.relativeStartCell,
-            cellsToMerge.relativeEndCell
+            cellsToMerge.relativeEndCell,
           )
         : beforeState;
 
@@ -1099,10 +1100,10 @@ export class TableHandlesProsemirrorPlugin<
         // Assumes we are within a tableParagraph
         // And find the from and to cells by resolving the positions
         $fromCell = tr.doc.resolve(
-          selection.$from.pos - selection.$from.parentOffset - 1
+          selection.$from.pos - selection.$from.parentOffset - 1,
         );
         $toCell = tr.doc.resolve(
-          selection.$to.pos - selection.$to.parentOffset - 1
+          selection.$to.pos - selection.$to.parentOffset - 1,
         );
 
         // Opt-out when the selection is not pointing into cells
@@ -1113,7 +1114,7 @@ export class TableHandlesProsemirrorPlugin<
 
       // Find the row and table that the from and to cells are in
       const $fromRow = tr.doc.resolve(
-        $fromCell.pos - $fromCell.parentOffset - 1
+        $fromCell.pos - $fromCell.parentOffset - 1,
       );
       const $toRow = tr.doc.resolve($toCell.pos - $toCell.parentOffset - 1);
 
@@ -1155,7 +1156,7 @@ export class TableHandlesProsemirrorPlugin<
   getMergeDirection = (
     block:
       | BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>
-      | undefined
+      | undefined,
   ) => {
     return this.editor.transact((tr) => {
       const isSelectingTableCells = isTableCellSelection(tr.selection)
@@ -1187,7 +1188,7 @@ export class TableHandlesProsemirrorPlugin<
 
   cropEmptyRowsOrColumns = (
     block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
-    removeEmpty: "columns" | "rows"
+    removeEmpty: "columns" | "rows",
   ) => {
     return cropEmptyRowsOrColumns(block, removeEmpty);
   };
@@ -1195,7 +1196,7 @@ export class TableHandlesProsemirrorPlugin<
   addRowsOrColumns = (
     block: BlockFromConfigNoChildren<DefaultBlockSchema["table"], any, any>,
     addType: "columns" | "rows",
-    numToAdd: number
+    numToAdd: number,
   ) => {
     return addRowsOrColumns(block, addType, numToAdd);
   };

package/src/extensions/TrailingNode/TrailingNodeExtension.ts

@@ -40,7 +40,7 @@ export const TrailingNode = Extension.create<TrailingNodeOptions>({
 
           return tr.insert(
             endPosition,
-            type.create(undefined, contentType.create())
+            type.create(undefined, contentType.create()),
           );
         },
         state: {