@blocknote/core 0.30.0 → 0.30.1

package/src/schema/inlineContent/createSpec.ts

@@ -25,7 +25,7 @@ export type CustomInlineContentImplementation<
   T extends CustomInlineContentConfig,
   // B extends BlockSchema,
   // I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = {
   render: (
     /**
@@ -33,14 +33,14 @@ export type CustomInlineContentImplementation<
      */
     inlineContent: InlineContentFromConfig<T, S>,
     updateInlineContent: (
-      update: PartialCustomInlineContentFromConfig<T, S>
+      update: PartialCustomInlineContentFromConfig<T, S>,
     ) => void,
     /**
      * The BlockNote editor instance
      * This is typed generically. If you want an editor with your custom schema, you need to
      * cast it manually, e.g.: `const e = editor as BlockNoteEditor<typeof mySchema>;`
      */
-    editor: BlockNoteEditor<any, any, S>
+    editor: BlockNoteEditor<any, any, S>,
     // (note) if we want to fix the manual cast, we need to prevent circular references and separate block definition and render implementations
     // or allow manually passing <BSchema>, but that's not possible without passing the other generics because Typescript doesn't support partial inferred generics
   ) => {
@@ -51,7 +51,7 @@ export type CustomInlineContentImplementation<
 };
 
 export function getInlineContentParseRules(
-  config: CustomInlineContentConfig
+  config: CustomInlineContentConfig,
 ): TagParseRule[] {
   return [
     {
@@ -71,10 +71,10 @@ export function getInlineContentParseRules(
 
 export function createInlineContentSpec<
   T extends CustomInlineContentConfig,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   inlineContentConfig: T,
-  inlineContentImplementation: CustomInlineContentImplementation<T, S>
+  inlineContentImplementation: CustomInlineContentImplementation<T, S>,
 ): InlineContentSpec<T> {
   const node = Node.create({
     name: inlineContentConfig.type,
@@ -105,31 +105,31 @@ export function createInlineContentSpec<
         nodeToCustomInlineContent(
           node,
           editor.schema.inlineContentSchema,
-          editor.schema.styleSchema
+          editor.schema.styleSchema,
         ) as any as InlineContentFromConfig<T, S>, // TODO: fix cast
         () => {
           // No-op
         },
-        editor
+        editor,
       );
 
       return addInlineContentAttributes(
         output,
         inlineContentConfig.type,
         node.attrs as Props<T["propSchema"]>,
-        inlineContentConfig.propSchema
+        inlineContentConfig.propSchema,
       );
     },
 
     addNodeView() {
       return ({ node, getPos }) => {
-        const editor = this.options.editor;
+        const editor = this.options.editor as BlockNoteEditor<any, any, S>;
 
         const output = inlineContentImplementation.render(
           nodeToCustomInlineContent(
             node,
             editor.schema.inlineContentSchema,
-            editor.schema.styleSchema
+            editor.schema.styleSchema,
           ) as any as InlineContentFromConfig<T, S>, // TODO: fix cast
           (update) => {
             if (typeof getPos === "boolean") {
@@ -138,22 +138,18 @@ export function createInlineContentSpec<
 
             const content = inlineContentToNodes([update], editor.pmSchema);
 
-            editor.dispatch(
-              editor.prosemirrorView.state.tr.replaceWith(
-                getPos(),
-                getPos() + node.nodeSize,
-                content
-              )
+            editor.transact((tr) =>
+              tr.replaceWith(getPos(), getPos() + node.nodeSize, content),
             );
           },
-          editor
+          editor,
         );
 
         return addInlineContentAttributes(
           output,
           inlineContentConfig.type,
           node.attrs as Props<T["propSchema"]>,
-          inlineContentConfig.propSchema
+          inlineContentConfig.propSchema,
         );
       };
     },
@@ -161,6 +157,6 @@ export function createInlineContentSpec<
 
   return createInlineContentSpecFromTipTapNode(
     node,
-    inlineContentConfig.propSchema
+    inlineContentConfig.propSchema,
   ) as InlineContentSpec<T>; // TODO: fix cast
 }

package/src/schema/inlineContent/internal.ts

@@ -16,7 +16,7 @@ import {
 // is lost on internal copy & paste.
 export function addInlineContentAttributes<
   IType extends string,
-  PSchema extends PropSchema
+  PSchema extends PropSchema,
 >(
   element: {
     dom: HTMLElement;
@@ -24,7 +24,7 @@ export function addInlineContentAttributes<
   },
   inlineContentType: IType,
   inlineContentProps: Props<PSchema>,
-  propSchema: PSchema
+  propSchema: PSchema,
 ): {
   dom: HTMLElement;
   contentDOM?: HTMLElement;
@@ -52,9 +52,9 @@ export function addInlineContentAttributes<
 
 // see https://github.com/TypeCellOS/BlockNote/pull/435
 export function addInlineContentKeyboardShortcuts<
-  T extends CustomInlineContentConfig
+  T extends CustomInlineContentConfig,
 >(
-  config: T
+  config: T,
 ): {
   [p: string]: KeyboardShortcutCommand;
 } {
@@ -75,7 +75,7 @@ export function addInlineContentKeyboardShortcuts<
 // config and implementation that conform to the type of Config
 export function createInternalInlineContentSpec<T extends InlineContentConfig>(
   config: T,
-  implementation: InlineContentImplementation<T>
+  implementation: InlineContentImplementation<T>,
 ) {
   return {
     config,
@@ -85,7 +85,7 @@ export function createInternalInlineContentSpec<T extends InlineContentConfig>(
 
 export function createInlineContentSpecFromTipTapNode<
   T extends Node,
-  P extends PropSchema
+  P extends PropSchema,
 >(node: T, propSchema: P) {
   return createInternalInlineContentSpec(
     {
@@ -95,14 +95,14 @@ export function createInlineContentSpecFromTipTapNode<
     },
     {
       node,
-    }
+    },
   );
 }
 
 export function getInlineContentSchemaFromSpecs<T extends InlineContentSpecs>(
-  specs: T
+  specs: T,
 ) {
   return Object.fromEntries(
-    Object.entries(specs).map(([key, value]) => [key, value.config])
+    Object.entries(specs).map(([key, value]) => [key, value.config]),
   ) as InlineContentSchemaFromSpecs<T>;
 }

package/src/schema/inlineContent/types.ts

@@ -44,55 +44,55 @@ export type InlineContentSchemaFromSpecs<T extends InlineContentSpecs> = {
 
 export type CustomInlineContentFromConfig<
   I extends CustomInlineContentConfig,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = {
   type: I["type"];
   props: Props<I["propSchema"]>;
   content: I["content"] extends "styled"
     ? StyledText<S>[]
     : I["content"] extends "plain"
-    ? string
-    : I["content"] extends "none"
-    ? undefined
-    : never;
+      ? string
+      : I["content"] extends "none"
+        ? undefined
+        : never;
 };
 
 export type InlineContentFromConfig<
   I extends InlineContentConfig,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = I extends "text"
   ? StyledText<S>
   : I extends "link"
-  ? Link<S>
-  : I extends CustomInlineContentConfig
-  ? CustomInlineContentFromConfig<I, S>
-  : never;
+    ? Link<S>
+    : I extends CustomInlineContentConfig
+      ? CustomInlineContentFromConfig<I, S>
+      : never;
 
 export type PartialCustomInlineContentFromConfig<
   I extends CustomInlineContentConfig,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = {
   type: I["type"];
   props?: Props<I["propSchema"]>;
   content?: I["content"] extends "styled"
     ? StyledText<S>[] | string
     : I["content"] extends "plain"
-    ? string
-    : I["content"] extends "none"
-    ? undefined
-    : never;
+      ? string
+      : I["content"] extends "none"
+        ? undefined
+        : never;
 };
 
 export type PartialInlineContentFromConfig<
   I extends InlineContentConfig,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = I extends "text"
   ? string | StyledText<S>
   : I extends "link"
-  ? PartialLink<S>
-  : I extends CustomInlineContentConfig
-  ? PartialCustomInlineContentFromConfig<I, S>
-  : never;
+    ? PartialLink<S>
+    : I extends CustomInlineContentConfig
+      ? PartialCustomInlineContentFromConfig<I, S>
+      : never;
 
 export type StyledText<T extends StyleSchema> = {
   type: "text";
@@ -112,33 +112,33 @@ export type PartialLink<T extends StyleSchema> = Omit<Link<T>, "content"> & {
 
 export type InlineContent<
   I extends InlineContentSchema,
-  T extends StyleSchema
+  T extends StyleSchema,
 > = InlineContentFromConfig<I[keyof I], T>;
 
 type PartialInlineContentElement<
   I extends InlineContentSchema,
-  T extends StyleSchema
+  T extends StyleSchema,
 > = PartialInlineContentFromConfig<I[keyof I], T>;
 
 export type PartialInlineContent<
   I extends InlineContentSchema,
-  T extends StyleSchema
+  T extends StyleSchema,
 > = PartialInlineContentElement<I, T>[] | string;
 
 export function isLinkInlineContent<T extends StyleSchema>(
-  content: InlineContent<any, T>
+  content: InlineContent<any, T>,
 ): content is Link<T> {
   return content.type === "link";
 }
 
 export function isPartialLinkInlineContent<T extends StyleSchema>(
-  content: PartialInlineContentElement<any, T>
+  content: PartialInlineContentElement<any, T>,
 ): content is PartialLink<T> {
   return typeof content !== "string" && content.type === "link";
 }
 
 export function isStyledTextInlineContent<T extends StyleSchema>(
-  content: PartialInlineContentElement<any, T>
+  content: PartialInlineContentElement<any, T>,
 ): content is StyledText<T> {
   return typeof content !== "string" && content.type === "text";
 }

package/src/schema/propTypes.ts

@@ -39,14 +39,14 @@ export type Props<PSchema extends PropSchema> = {
         ? PSchema[PName]["values"][number]
         : boolean
       : PSchema[PName] extends { default: number } | { type: "number" }
-      ? PSchema[PName]["values"] extends readonly number[]
-        ? PSchema[PName]["values"][number]
-        : number
-      : PSchema[PName] extends { default: string } | { type: "string" }
-      ? PSchema[PName]["values"] extends readonly string[]
-        ? PSchema[PName]["values"][number]
-        : string
-      : never
+        ? PSchema[PName]["values"] extends readonly number[]
+          ? PSchema[PName]["values"][number]
+          : number
+        : PSchema[PName] extends { default: string } | { type: "string" }
+          ? PSchema[PName]["values"] extends readonly string[]
+            ? PSchema[PName]["values"][number]
+            : string
+          : never
   ) extends infer T
     ? PSchema[PName] extends { optional: true }
       ? T | undefined

package/src/schema/styles/createSpec.ts

@@ -42,7 +42,7 @@ export function getStyleParseRules(config: StyleConfig): ParseRule[] {
 
 export function createStyleSpec<T extends StyleConfig>(
   styleConfig: T,
-  styleImplementation: CustomStyleImplementation<T>
+  styleImplementation: CustomStyleImplementation<T>,
 ): StyleSpec<T> {
   const mark = Mark.create({
     name: styleConfig.type,
@@ -75,7 +75,7 @@ export function createStyleSpec<T extends StyleConfig>(
         renderResult,
         styleConfig.type,
         mark.attrs.stringValue,
-        styleConfig.propSchema
+        styleConfig.propSchema,
       );
     },
   });

package/src/schema/styles/internal.ts

@@ -9,7 +9,7 @@ import {
 } from "./types.js";
 
 export function stylePropsToAttributes(
-  propSchema: StylePropSchema
+  propSchema: StylePropSchema,
 ): Attributes {
   if (propSchema === "boolean") {
     return {};
@@ -34,7 +34,7 @@ export function stylePropsToAttributes(
 // on internal copy & paste.
 export function addStyleAttributes<
   SType extends string,
-  PSchema extends StylePropSchema
+  PSchema extends StylePropSchema,
 >(
   element: {
     dom: HTMLElement;
@@ -42,7 +42,7 @@ export function addStyleAttributes<
   },
   styleType: SType,
   styleValue: PSchema extends "boolean" ? undefined : string,
-  propSchema: PSchema
+  propSchema: PSchema,
 ): {
   dom: HTMLElement;
   contentDOM?: HTMLElement;
@@ -66,7 +66,7 @@ export function addStyleAttributes<
 // config and implementation that conform to the type of Config
 export function createInternalStyleSpec<T extends StyleConfig>(
   config: T,
-  implementation: StyleImplementation
+  implementation: StyleImplementation,
 ) {
   return {
     config,
@@ -76,7 +76,7 @@ export function createInternalStyleSpec<T extends StyleConfig>(
 
 export function createStyleSpecFromTipTapMark<
   T extends Mark,
-  P extends StylePropSchema
+  P extends StylePropSchema,
 >(mark: T, propSchema: P) {
   return createInternalStyleSpec(
     {
@@ -85,12 +85,12 @@ export function createStyleSpecFromTipTapMark<
     },
     {
       mark,
-    }
+    },
   );
 }
 
 export function getStyleSchemaFromSpecs<T extends StyleSpecs>(specs: T) {
   return Object.fromEntries(
-    Object.entries(specs).map(([key, value]) => [key, value.config])
+    Object.entries(specs).map(([key, value]) => [key, value.config]),
   ) as StyleSchemaFromSpecs<T>;
 }

package/src/schema/styles/types.ts

@@ -37,6 +37,6 @@ export type Styles<T extends StyleSchema> = {
   [K in keyof T]?: T[K]["propSchema"] extends "boolean"
     ? boolean
     : T[K]["propSchema"] extends "string"
-    ? string
-    : never;
+      ? string
+      : never;
 };

package/src/util/EventEmitter.ts

@@ -3,11 +3,11 @@
 type StringKeyOf<T> = Extract<keyof T, string>;
 type CallbackType<
   T extends Record<string, any>,
-  EventName extends StringKeyOf<T>
+  EventName extends StringKeyOf<T>,
 > = T[EventName] extends any[] ? T[EventName] : [T[EventName]];
 type CallbackFunction<
   T extends Record<string, any>,
-  EventName extends StringKeyOf<T>
+  EventName extends StringKeyOf<T>,
 > = (...props: CallbackType<T, EventName>) => any;
 
 export class EventEmitter<T extends Record<string, any>> {
@@ -16,7 +16,7 @@ export class EventEmitter<T extends Record<string, any>> {
 
   public on<EventName extends StringKeyOf<T>>(
     event: EventName,
-    fn: CallbackFunction<T, EventName>
+    fn: CallbackFunction<T, EventName>,
   ) {
     if (!this.callbacks[event]) {
       this.callbacks[event] = [];
@@ -40,7 +40,7 @@ export class EventEmitter<T extends Record<string, any>> {
 
   public off<EventName extends StringKeyOf<T>>(
     event: EventName,
-    fn?: CallbackFunction<T, EventName>
+    fn?: CallbackFunction<T, EventName>,
   ) {
     const callbacks = this.callbacks[event];
 

package/src/util/README.md

@@ -1,3 +1,3 @@
 ### @blocknote/core/src/@util
 
-Contains generic utility files with helper functions / classes.
+Contains generic utility files with helper functions / classes.

package/src/util/combineByGroup.ts

@@ -12,7 +12,7 @@ export function combineByGroup<T extends { group?: string }>(
   for (const additionalItems of additionalItemsArray) {
     for (const additionalItem of additionalItems) {
       const lastItemWithSameGroup = combinedItems.findLastIndex(
-        (item) => item.group === additionalItem.group
+        (item) => item.group === additionalItem.group,
       );
       if (lastItemWithSameGroup === -1) {
         combinedItems.push(additionalItem as T);

package/src/util/table.ts

@@ -13,47 +13,50 @@ import { PartialTableCell, TableCell } from "../schema/blocks/types.js";
  */
 export function mapTableCell<
   T extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
-  content: PartialInlineContent<T, S> | PartialTableCell<T, S> | TableCell<T, S>
+  content:
+    | PartialInlineContent<T, S>
+    | PartialTableCell<T, S>
+    | TableCell<T, S>,
 ): TableCell<T, S> {
   return isTableCell(content)
     ? { ...content }
     : isPartialTableCell(content)
-    ? {
-        type: "tableCell",
-        content: ([] as InlineContent<T, S>[]).concat(content.content as any),
-        props: {
-          backgroundColor: content.props?.backgroundColor ?? "default",
-          textColor: content.props?.textColor ?? "default",
-          textAlignment: content.props?.textAlignment ?? "left",
-          colspan: content.props?.colspan ?? 1,
-          rowspan: content.props?.rowspan ?? 1,
-        },
-      }
-    : {
-        type: "tableCell",
-        content: ([] as InlineContent<T, S>[]).concat(content as any),
-        props: {
-          backgroundColor: "default",
-          textColor: "default",
-          textAlignment: "left",
-          colspan: 1,
-          rowspan: 1,
-        },
-      };
+      ? {
+          type: "tableCell",
+          content: ([] as InlineContent<T, S>[]).concat(content.content as any),
+          props: {
+            backgroundColor: content.props?.backgroundColor ?? "default",
+            textColor: content.props?.textColor ?? "default",
+            textAlignment: content.props?.textAlignment ?? "left",
+            colspan: content.props?.colspan ?? 1,
+            rowspan: content.props?.rowspan ?? 1,
+          },
+        }
+      : {
+          type: "tableCell",
+          content: ([] as InlineContent<T, S>[]).concat(content as any),
+          props: {
+            backgroundColor: "default",
+            textColor: "default",
+            textAlignment: "left",
+            colspan: 1,
+            rowspan: 1,
+          },
+        };
 }
 
 export function isPartialTableCell<
   T extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   content:
     | TableCell<T, S>
     | PartialInlineContent<T, S>
     | PartialTableCell<T, S>
     | undefined
-    | null
+    | null,
 ): content is PartialTableCell<T, S> {
   return (
     content !== undefined &&
@@ -66,14 +69,14 @@ export function isPartialTableCell<
 
 export function isTableCell<
   T extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   content:
     | TableCell<T, S>
     | PartialInlineContent<T, S>
     | PartialTableCell<T, S>
     | undefined
-    | null
+    | null,
 ): content is TableCell<T, S> {
   return (
     isPartialTableCell(content) &&
@@ -86,7 +89,7 @@ export function getColspan(
   cell:
     | TableCell<any, any>
     | PartialTableCell<any, any>
-    | PartialInlineContent<any, any>
+    | PartialInlineContent<any, any>,
 ): number {
   if (isTableCell(cell)) {
     return cell.props.colspan ?? 1;
@@ -98,7 +101,7 @@ export function getRowspan(
   cell:
     | TableCell<any, any>
     | PartialTableCell<any, any>
-    | PartialInlineContent<any, any>
+    | PartialInlineContent<any, any>,
 ): number {
   if (isTableCell(cell)) {
     return cell.props.rowspan ?? 1;

package/types/src/editor/BlockNoteEditor.d.ts

@@ -538,7 +538,9 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
      *
      * @param content can be a string, or array of partial inline content elements
      */
-    insertInlineContent(content: PartialInlineContent<ISchema, SSchema>): void;
+    insertInlineContent(content: PartialInlineContent<ISchema, SSchema>, { updateSelection }?: {
+        updateSelection?: boolean;
+    }): void;
     /**
      * Gets the active text styles at the text cursor position or at the end of the current selection if it's active.
      */