@blocknote/core 0.30.0 → 0.30.1

package/src/editor/BlockNoteSchema.ts

@@ -28,14 +28,14 @@ function removeUndefined<T extends Record<string, any> | undefined>(obj: T): T {
     return obj;
   }
   return Object.fromEntries(
-    Object.entries(obj).filter(([, value]) => value !== undefined)
+    Object.entries(obj).filter(([, value]) => value !== undefined),
   ) as T;
 }
 
 export class BlockNoteSchema<
   BSchema extends BlockSchema,
   ISchema extends InlineContentSchema,
-  SSchema extends StyleSchema
+  SSchema extends StyleSchema,
 > {
   public readonly blockSpecs: BlockSpecs;
   public readonly inlineContentSpecs: InlineContentSpecs;
@@ -61,7 +61,7 @@ export class BlockNoteSchema<
   public static create<
     BSpecs extends BlockSpecs = typeof defaultBlockSpecs,
     ISpecs extends InlineContentSpecs = typeof defaultInlineContentSpecs,
-    SSpecs extends StyleSpecs = typeof defaultStyleSpecs
+    SSpecs extends StyleSpecs = typeof defaultStyleSpecs,
   >(options?: {
     /**
      * A list of custom block types that should be available in the editor.
@@ -100,7 +100,7 @@ export class BlockNoteSchema<
 
     this.blockSchema = getBlockSchemaFromSpecs(this.blockSpecs) as any;
     this.inlineContentSchema = getInlineContentSchemaFromSpecs(
-      this.inlineContentSpecs
+      this.inlineContentSpecs,
     ) as any;
     this.styleSchema = getStyleSchemaFromSpecs(this.styleSpecs) as any;
   }

package/src/editor/BlockNoteTipTapEditor.ts

@@ -26,7 +26,7 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
 
   public static create = (
     options: BlockNoteTipTapEditorOptions,
-    styleSchema: StyleSchema
+    styleSchema: StyleSchema,
   ) => {
     // because we separate the constructor from the creation of the view,
     // we need to patch setTimeout to prevent this code from having any effect:
@@ -48,7 +48,7 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
 
   protected constructor(
     options: BlockNoteTipTapEditorOptions,
-    styleSchema: StyleSchema
+    styleSchema: StyleSchema,
   ) {
     // possible fix for next.js server side rendering
     // const d = globalThis.document;
@@ -93,7 +93,7 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
 
     try {
       const pmNodes = options?.content.map((b) =>
-        blockToNode(b, this.schema, styleSchema).toJSON()
+        blockToNode(b, this.schema, styleSchema).toJSON(),
       );
       doc = createDocument(
         {
@@ -106,17 +106,17 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
           ],
         },
         this.schema,
-        this.options.parseOptions
+        this.options.parseOptions,
       );
     } catch (e) {
       // eslint-disable-next-line no-console
       console.error(
         "Error creating document from blocks passed as `initialContent`. Caused by exception: ",
-        e
+        e,
       );
       throw new Error(
         "Error creating document from blocks passed as `initialContent`:\n" +
-          +JSON.stringify(options.content)
+          +JSON.stringify(options.content),
       );
     }
 
@@ -221,7 +221,7 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
    */
   private createViewAlternative(
     blockNoteEditor: BlockNoteEditor<any, any, any>,
-    contentComponent?: any
+    contentComponent?: any,
   ) {
     (this as any).contentComponent = contentComponent;
 
@@ -244,7 +244,7 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
         state: this.state,
         markViews,
         nodeViews: this.extensionManager.nodeViews,
-      }
+      },
     );
 
     // `editor.view` is not yet available at this time.
@@ -263,7 +263,7 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
     this.commands.focus(
       this.options.autofocus ||
         this.options.element.getAttribute("data-bn-autofocus") === "true",
-      { scrollIntoView: false }
+      { scrollIntoView: false },
     );
     this.emit("create", { editor: this });
     this.isInitialized = true;
@@ -277,7 +277,7 @@ export class BlockNoteTipTapEditor extends TiptapEditor {
   public mount = (
     blockNoteEditor: BlockNoteEditor<any, any, any>,
     element?: HTMLElement | null,
-    contentComponent?: any
+    contentComponent?: any,
   ) => {
     if (!element) {
       this.destroy();

package/src/editor/README.md

@@ -1,3 +1,3 @@
 ### @blocknote/core/src/editor
 
-Contains main functions to set up the editor
+Contains main functions to set up the editor

package/src/editor/cursorPositionTypes.ts

@@ -8,7 +8,7 @@ import {
 export type TextCursorPosition<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = {
   block: Block<BSchema, I, S>;
   prevBlock: Block<BSchema, I, S> | undefined;

package/src/editor/editor.css

@@ -55,9 +55,21 @@ Tippy popups that are appended to document.body directly
 .bn-default-styles {
   font-size: 16px;
   font-weight: normal;
-  font-family: "Inter", "SF Pro Display", -apple-system, BlinkMacSystemFont,
-    "Open Sans", "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell",
-    "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
+  font-family:
+    "Inter",
+    "SF Pro Display",
+    -apple-system,
+    BlinkMacSystemFont,
+    "Open Sans",
+    "Segoe UI",
+    "Roboto",
+    "Oxygen",
+    "Ubuntu",
+    "Cantarell",
+    "Fira Sans",
+    "Droid Sans",
+    "Helvetica Neue",
+    sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }

package/src/editor/selectionTypes.ts

@@ -8,7 +8,7 @@ import {
 export type Selection<
   BSchema extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = {
   blocks: Block<BSchema, I, S>[];
 };

package/src/editor/transformPasted.ts

@@ -36,7 +36,7 @@ export function wrapTableRows(f: Fragment, schema: Schema) {
         // create new table to wrap tableRow with
         const newTable = schema.nodes.table.createChecked(
           undefined,
-          f.child(i)
+          f.child(i),
         );
         newItems.push(newTable);
       }
@@ -96,7 +96,7 @@ export function transformPasted(slice: Slice, view: EditorView) {
       }
       const container = view.state.schema.nodes.blockContainer.createChecked(
         undefined,
-        content
+        content,
       );
       f = f.replaceChild(i, container);
     }

package/src/exporter/Exporter.ts

@@ -42,7 +42,7 @@ export abstract class Exporter<
   RB,
   RI,
   RS,
-  TS
+  TS,
 > {
   public constructor(
     _schema: BlockNoteSchema<B, I, S>, // only used for type inference
@@ -51,7 +51,7 @@ export abstract class Exporter<
       inlineContentMapping: InlineContentMapping<I, S, RI, TS>;
       styleMapping: StyleMapping<S, RS>;
     },
-    public readonly options: ExporterOptions
+    public readonly options: ExporterOptions,
   ) {}
 
   public async resolveFile(url: string) {
@@ -76,7 +76,7 @@ export abstract class Exporter<
   public mapInlineContent(inlineContent: InlineContent<I, S>) {
     return this.mappings.inlineContentMapping[inlineContent.type](
       inlineContent,
-      this
+      this,
     );
   }
 
@@ -89,13 +89,13 @@ export abstract class Exporter<
   public async mapBlock(
     block: BlockFromConfig<B[keyof B], I, S>,
     nestingLevel: number,
-    numberedListIndex: number
+    numberedListIndex: number,
   ) {
     return this.mappings.blockMapping[block.type](
       block,
       this,
       nestingLevel,
-      numberedListIndex
+      numberedListIndex,
     );
   }
 }

package/src/exporter/mapping.ts

@@ -17,7 +17,7 @@ export type BlockMapping<
   I extends InlineContentSchema,
   S extends StyleSchema,
   RB,
-  RI
+  RI,
 > = {
   [K in keyof B]: (
     block: BlockFromConfigNoChildren<B[K], I, S>,
@@ -26,7 +26,7 @@ export type BlockMapping<
     // this is why there are many `any` types here (same for types below)
     exporter: Exporter<any, any, any, RB, RI, any, any>,
     nestingLevel: number,
-    numberedListIndex?: number
+    numberedListIndex?: number,
   ) => RB | Promise<RB>;
 };
 
@@ -37,11 +37,11 @@ export type InlineContentMapping<
   I extends InlineContentSchema,
   S extends StyleSchema,
   RI,
-  TS
+  TS,
 > = {
   [K in keyof I]: (
     inlineContent: InlineContentFromConfig<I[K], S>,
-    exporter: Exporter<any, I, S, any, RI, any, TS>
+    exporter: Exporter<any, I, S, any, RI, any, TS>,
   ) => RI;
 };
 
@@ -51,7 +51,7 @@ export type InlineContentMapping<
 export type StyleMapping<S extends StyleSchema, RS> = {
   [K in keyof S]: (
     style: Styles<S>[K],
-    exporter: Exporter<any, any, any, any, any, RS, any>
+    exporter: Exporter<any, any, any, any, any, RS, any>,
   ) => RS;
 };
 
@@ -62,13 +62,13 @@ export type StyleMapping<S extends StyleSchema, RS> = {
 export function mappingFactory<
   B extends BlockSchema,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(_schema: BlockNoteSchema<B, I, S>) {
   return {
     createBlockMapping: <R, RI>(mapping: BlockMapping<B, I, S, R, RI>) =>
       mapping,
     createInlineContentMapping: <R, RS>(
-      mapping: InlineContentMapping<I, S, R, RS>
+      mapping: InlineContentMapping<I, S, R, RS>,
     ) => mapping,
     createStyleMapping: <R>(mapping: StyleMapping<S, R>) => mapping,
   };

package/src/extensions/BackgroundColor/BackgroundColorMark.ts

@@ -44,5 +44,5 @@ const BackgroundColorMark = Mark.create({
 
 export const BackgroundColor = createStyleSpecFromTipTapMark(
   BackgroundColorMark,
-  "string"
+  "string",
 );

package/src/extensions/Collaboration/CursorPlugin.ts

@@ -23,7 +23,7 @@ export class CursorPlugin {
       provider: { awareness: Awareness };
       renderCursor?: (user: CollaborationUser) => HTMLElement;
       showCursorLabels?: "always" | "activity";
-    }
+    },
   ) {
     this.provider = collaboration.provider;
     this.recentlyUpdatedCursors = new Map();
@@ -58,7 +58,7 @@ export class CursorPlugin {
               });
             }
           }
-        }
+        },
       );
     }
 

package/src/extensions/Comments/CommentsPlugin.ts

@@ -102,7 +102,7 @@ export class CommentsPlugin extends EventEmitter<any> {
               const trimmedFrom = Math.max(pos, 0);
               const trimmedTo = Math.min(
                 pos + node.nodeSize,
-                tr.doc.content.size - 1
+                tr.doc.content.size - 1,
               );
               tr.removeMark(trimmedFrom, trimmedTo, mark);
               tr.addMark(
@@ -111,7 +111,7 @@ export class CommentsPlugin extends EventEmitter<any> {
                 markType.create({
                   ...mark.attrs,
                   orphan: isOrphan,
-                })
+                }),
               );
 
               if (isOrphan && this.selectedThreadId === markThreadId) {
@@ -129,7 +129,7 @@ export class CommentsPlugin extends EventEmitter<any> {
   constructor(
     private readonly editor: BlockNoteEditor<any, any, any>,
     public readonly threadStore: ThreadStore,
-    private readonly markType: string
+    private readonly markType: string,
   ) {
     super();
 
@@ -187,7 +187,7 @@ export class CommentsPlugin extends EventEmitter<any> {
 
           if (self.selectedThreadId) {
             const selectedThreadPosition = threadPositions.get(
-              self.selectedThreadId
+              self.selectedThreadId,
             );
 
             if (selectedThreadPosition) {
@@ -197,8 +197,8 @@ export class CommentsPlugin extends EventEmitter<any> {
                   selectedThreadPosition.to,
                   {
                     class: "bn-thread-mark-selected",
-                  }
-                )
+                  },
+                ),
               );
             }
           }
@@ -228,7 +228,7 @@ export class CommentsPlugin extends EventEmitter<any> {
           }
 
           const commentMark = node.marks.find(
-            (mark) => mark.type.name === markType && mark.attrs.orphan !== true
+            (mark) => mark.type.name === markType && mark.attrs.orphan !== true,
           );
 
           const threadId = commentMark?.attrs.threadId as string | undefined;
@@ -246,7 +246,7 @@ export class CommentsPlugin extends EventEmitter<any> {
       pendingComment: boolean;
       selectedThreadId: string | undefined;
       threadPositions: Map<string, { from: number; to: number }>;
-    }) => void
+    }) => void,
   ) {
     return this.on("update", callback);
   }
@@ -263,7 +263,7 @@ export class CommentsPlugin extends EventEmitter<any> {
     this.editor.transact((tr) =>
       tr.setMeta(PLUGIN_KEY, {
         name: SET_SELECTED_THREAD_ID,
-      })
+      }),
     );
 
     if (threadId && scrollToThread) {

package/src/extensions/Comments/userstore/UserStore.ts

@@ -14,7 +14,7 @@ export class UserStore<U extends User> extends EventEmitter<any> {
   private loadingUsers = new Set<string>();
 
   public constructor(
-    private readonly resolveUsers: (userIds: string[]) => Promise<U[]>
+    private readonly resolveUsers: (userIds: string[]) => Promise<U[]>,
   ) {
     super();
   }
@@ -24,7 +24,7 @@ export class UserStore<U extends User> extends EventEmitter<any> {
    */
   public async loadUsers(userIds: string[]) {
     const missingUsers = userIds.filter(
-      (id) => !this.userCache.has(id) && !this.loadingUsers.has(id)
+      (id) => !this.userCache.has(id) && !this.loadingUsers.has(id),
     );
 
     if (missingUsers.length === 0) {

package/src/extensions/FilePanel/FilePanelPlugin.ts

@@ -14,7 +14,7 @@ import { ySyncPluginKey } from "y-prosemirror";
 
 export type FilePanelState<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = UiElementPosition & {
   // TODO: This typing is not quite right (children should be from BSchema)
   block: BlockFromConfig<FileBlockConfig, I, S>;
@@ -34,7 +34,7 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
     >,
     private readonly pluginKey: PluginKey<FilePanelState<I, S>>,
     private readonly pmView: EditorView,
-    emitUpdate: (state: FilePanelState<I, S>) => void
+    emitUpdate: (state: FilePanelState<I, S>) => void,
   ) {
     this.emitUpdate = () => {
       if (!this.state) {
@@ -71,7 +71,7 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
   scrollHandler = () => {
     if (this.state?.show) {
       const blockElement = this.pmView.root.querySelector(
-        `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`
+        `[data-node-type="blockContainer"][data-id="${this.state.block.id}"]`,
       );
       if (!blockElement) {
         return;
@@ -87,7 +87,7 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
 
     if (!this.state?.show && pluginState?.block && this.editor.isEditable) {
       const blockElement = this.pmView.root.querySelector(
-        `[data-node-type="blockContainer"][data-id="${pluginState.block.id}"]`
+        `[data-node-type="blockContainer"][data-id="${pluginState.block.id}"]`,
       );
       if (!blockElement) {
         return;
@@ -132,12 +132,12 @@ export class FilePanelView<I extends InlineContentSchema, S extends StyleSchema>
 }
 
 const filePanelPluginKey = new PluginKey<FilePanelState<any, any>>(
-  "FilePanelPlugin"
+  "FilePanelPlugin",
 );
 
 export class FilePanelProsemirrorPlugin<
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > extends EventEmitter<any> {
   private view: FilePanelView<I, S> | undefined;
   public readonly plugin: Plugin;
@@ -155,7 +155,7 @@ export class FilePanelProsemirrorPlugin<
           editorView,
           (state) => {
             this.emit("update", state);
-          }
+          },
         );
         return this.view;
       },

package/src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts

@@ -53,12 +53,12 @@ export class FormattingToolbarView implements PluginView {
       StyleSchema
     >,
     private readonly pmView: EditorView,
-    emitUpdate: (state: FormattingToolbarState) => void
+    emitUpdate: (state: FormattingToolbarState) => void,
   ) {
     this.emitUpdate = () => {
       if (!this.state) {
         throw new Error(
-          "Attempting to update uninitialized formatting toolbar"
+          "Attempting to update uninitialized formatting toolbar",
         );
       }
 
@@ -96,7 +96,7 @@ export class FormattingToolbarView implements PluginView {
       (editorWrapper === (event.relatedTarget as Node) ||
         editorWrapper.contains(event.relatedTarget as Node) ||
         (event.relatedTarget as HTMLElement).matches(
-          ".bn-ui-container, .bn-ui-container *"
+          ".bn-ui-container, .bn-ui-container *",
         ))
     ) {
       return;
@@ -233,7 +233,7 @@ export class FormattingToolbarView implements PluginView {
 }
 
 export const formattingToolbarPluginKey = new PluginKey(
-  "FormattingToolbarPlugin"
+  "FormattingToolbarPlugin",
 );
 
 export class FormattingToolbarProsemirrorPlugin extends EventEmitter<any> {