@blocknote/core 0.29.1 → 0.30.1

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: {

package/src/extensions/UniqueID/UniqueID.ts

@@ -35,7 +35,7 @@ function removeDuplicates(array: any, by = JSON.stringify) {
  */
 function findDuplicates(items: any) {
   const filtered = items.filter(
-    (el: any, index: number) => items.indexOf(el) !== index
+    (el: any, index: number) => items.indexOf(el) !== index,
   );
   const duplicates = removeDuplicates(filtered);
   return duplicates;
@@ -154,7 +154,7 @@ const UniqueID = Extension.create({
           const { types, attributeName, generateID } = this.options;
           const transform = combineTransactionSteps(
             oldState.doc,
-            transactions as any
+            transactions as any,
           );
           const { mapping } = transform;
           // get changed ranges based on the old state
@@ -166,7 +166,7 @@ const UniqueID = Extension.create({
               newRange,
               (node) => {
                 return types.includes(node.type.name);
-              }
+              },
             );
             const newIds = newNodes
               .map(({ node }) => node.attrs[attributeName])
@@ -193,7 +193,7 @@ const UniqueID = Extension.create({
                 if (wasInitial) {
                   // the old state was the "initial content"
                   const jsonNode = JSON.parse(
-                    JSON.stringify(newState.doc.toJSON())
+                    JSON.stringify(newState.doc.toJSON()),
                   );
                   jsonNode.content[0].content[0].attrs.id = "initialBlockId";
                   // would the new state with the fix also be the "initial content"?
@@ -308,7 +308,7 @@ const UniqueID = Extension.create({
                     [attributeName]: null,
                   },
                   removeId(node.content),
-                  node.marks
+                  node.marks,
                 );
                 list.push(nodeWithoutId);
               });
@@ -319,7 +319,7 @@ const UniqueID = Extension.create({
             return new Slice(
               removeId(slice.content),
               slice.openStart,
-              slice.openEnd
+              slice.openEnd,
             );
           },
         },

package/src/extensions/getDraggableBlockFromElement.ts

@@ -2,7 +2,7 @@ import { EditorView } from "prosemirror-view";
 
 export function getDraggableBlockFromElement(
   element: Element,
-  view: EditorView
+  view: EditorView,
 ) {
   while (
     element &&

package/src/fonts/inter.css

@@ -5,7 +5,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 100;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-100.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-100.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -15,7 +16,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 200;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-200.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-200.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -25,7 +27,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 300;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-300.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-300.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -35,7 +38,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 400;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-regular.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-regular.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -45,7 +49,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 500;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-500.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-500.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -55,7 +60,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 600;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-600.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-600.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -65,7 +71,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 700;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-700.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-700.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -75,7 +82,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 800;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-800.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-800.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
@@ -85,7 +93,8 @@
   font-family: "Inter";
   font-style: normal;
   font-weight: 900;
-  src: local(""),
+  src:
+    local(""),
     url("./inter-v12-latin/inter-v12-latin-900.woff2") format("woff2"),
     /* Chrome 26+, Opera 23+, Firefox 39+ */
       url("./inter-v12-latin/inter-v12-latin-900.woff") format("woff"); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */

package/src/i18n/locales/index.ts

@@ -13,6 +13,8 @@ export * from "./no.js";
 export * from "./pl.js";
 export * from "./pt.js";
 export * from "./ru.js";
+export * from "./sk.js";
 export * from "./uk.js";
 export * from "./vi.js";
 export * from "./zh.js";
+export * from "./zh-tw.js";

package/src/i18n/locales/ru.ts

@@ -42,7 +42,7 @@ export const ru: Dictionary = {
     },
     bullet_list: {
       title: "Маркированный список",
-      subtext: "Для отображения неупорядоченного списка.",
+      subtext: "Для отображения неупорядоченного списка",
       aliases: [
         "ul",
         "li",
@@ -158,7 +158,7 @@ export const ru: Dictionary = {
     },
   },
   placeholders: {
-    default: "Ведите текст или введите «/» для команд",
+    default: "Введите текст или введите «/» для команд",
     heading: "Заголовок",
     bulletListItem: "Список",
     numberedListItem: "Список",