build: get build working again with better types

Author: nperez0111

examples/05-interoperability/07-converting-blocks-to-odt/src/App.tsx

@@ -1,7 +1,7 @@
 import {
   BlockNoteSchema,
   combineByGroup,
-  createPageBreakBlockSpec,
+  withPageBreak,
   filterSuggestionItems,
 } from "@blocknote/core";
 import * as locales from "@blocknote/core/locales";
@@ -22,8 +22,7 @@ import {
   getMultiColumnSlashMenuItems,
   multiColumnDropCursor,
   locales as multiColumnLocales,
-  ColumnBlock,
-  ColumnListBlock,
+  withMultiColumn,
 } from "@blocknote/xl-multi-column";
 import { useMemo } from "react";
 
@@ -32,15 +31,7 @@ import "./styles.css";
 export default function App() {
   // Creates a new editor instance with some initial content.
   const editor = useCreateBlockNote({
-    schema: (
-      BlockNoteSchema.create().extend({
-        blockSpecs: {
-          pageBreak: createPageBreakBlockSpec(),
-          column: ColumnBlock,
-          columnList: ColumnListBlock,
-        },
-      }),
-    ),
+    schema: withMultiColumn(withPageBreak(BlockNoteSchema.create())),
     dropCursor: multiColumnDropCursor,
     dictionary: {
       ...locales.en,

packages/core/src/blocks/PageBreak/block.ts

@@ -1,4 +1,11 @@
-import { createBlockConfig, createBlockSpec } from "../../schema/index.js";
+import {
+  BlockSchema,
+  createBlockConfig,
+  createBlockSpec,
+  InlineContentSchema,
+  StyleSchema,
+} from "../../schema/index.js";
+import { BlockNoteSchema } from "../BlockNoteSchema.js";
 
 export const createPageBreakBlockConfig = createBlockConfig(
   () =>
@@ -43,3 +50,20 @@ export const createPageBreakBlockSpec = createBlockSpec(
     },
   },
 );
+
+/**
+ * Adds multi-column support to the given schema.
+ */
+export const withPageBreak = <
+  B extends BlockSchema,
+  I extends InlineContentSchema,
+  S extends StyleSchema,
+>(
+  schema: BlockNoteSchema<B, I, S>,
+) => {
+  return schema.extend({
+    blockSpecs: {
+      pageBreak: createPageBreakBlockSpec(),
+    },
+  });
+};

packages/core/src/schema/blocks/createSpec.ts

@@ -287,11 +287,31 @@ export function createBlockConfig<
  * Can accept either functions that return the required objects, or the objects directly.
  */
 export function createBlockSpec<
-  TName extends string,
-  TProps extends PropSchema,
-  TContent extends "inline" | "none",
-  BlockConf extends BlockConfig<TName, TProps, TContent>,
-  TOptions extends Partial<Record<string, any>>,
+  const TName extends string,
+  const TProps extends PropSchema,
+  const TContent extends "inline" | "none",
+  const TOptions extends Partial<Record<string, any>> | undefined = undefined,
+>(
+  blockConfigOrCreator: BlockConfig<TName, TProps, TContent>,
+  blockImplementationOrCreator:
+    | BlockImplementation<TName, TProps, TContent>
+    | (TOptions extends undefined
+        ? () => BlockImplementation<TName, TProps, TContent>
+        : (
+            options: Partial<TOptions>,
+          ) => BlockImplementation<TName, TProps, TContent>),
+  extensionsOrCreator?:
+    | BlockNoteExtension<any>[]
+    | (TOptions extends undefined
+        ? () => BlockNoteExtension<any>[]
+        : (options: Partial<TOptions>) => BlockNoteExtension<any>[]),
+): (options?: Partial<TOptions>) => BlockSpec<TName, TProps, TContent>;
+export function createBlockSpec<
+  const TName extends string,
+  const TProps extends PropSchema,
+  const TContent extends "inline" | "none",
+  const BlockConf extends BlockConfig<TName, TProps, TContent>,
+  const TOptions extends Partial<Record<string, any>>,
 >(
   blockCreator: (options: Partial<TOptions>) => BlockConf,
   blockImplementationOrCreator:
@@ -307,7 +327,7 @@ export function createBlockSpec<
             BlockConf["content"]
           >
         : (
-            options: TOptions,
+            options: Partial<TOptions>,
           ) => BlockImplementation<
             BlockConf["type"],
             BlockConf["propSchema"],
@@ -317,19 +337,19 @@ export function createBlockSpec<
     | BlockNoteExtension<any>[]
     | (TOptions extends undefined
         ? () => BlockNoteExtension<any>[]
-        : (options: TOptions) => BlockNoteExtension<any>[]),
+        : (options: Partial<TOptions>) => BlockNoteExtension<any>[]),
 ): (
-  options?: TOptions,
+  options?: Partial<TOptions>,
 ) => BlockSpec<
   BlockConf["type"],
   BlockConf["propSchema"],
   BlockConf["content"]
 >;
 export function createBlockSpec<
-  TName extends string,
-  TProps extends PropSchema,
-  TContent extends "inline" | "none",
-  TOptions extends Partial<Record<string, any>> | undefined = undefined,
+  const TName extends string,
+  const TProps extends PropSchema,
+  const TContent extends "inline" | "none",
+  const TOptions extends Partial<Record<string, any>> | undefined = undefined,
 >(
   blockConfigOrCreator:
     | BlockConfig<TName, TProps, TContent>

packages/core/src/schema/schema.ts

@@ -156,30 +156,33 @@ export class CustomBlockNoteSchema<
    * @returns The current schema instance for chaining
    */
   public extend<
-    AdditionalBlockSpecs extends BlockSpecs,
+    AdditionalBlockSpecs extends BlockSpecs = Record<string, never>,
     AdditionalInlineContentSpecs extends Record<
       string,
       InlineContentSpec<InlineContentConfig>
-    >,
-    AdditionalStyleSpecs extends Record<string, StyleSpec<StyleConfig>>,
+    > = Record<string, never>,
+    AdditionalStyleSpecs extends Record<
+      string,
+      StyleSpec<StyleConfig>
+    > = Record<string, never>,
   >(opts: {
     blockSpecs?: AdditionalBlockSpecs;
     inlineContentSpecs?: AdditionalInlineContentSpecs;
     styleSpecs?: AdditionalStyleSpecs;
   }): CustomBlockNoteSchema<
-    AdditionalBlockSpecs extends undefined
+    AdditionalBlockSpecs extends undefined | Record<string, never>
       ? BSchema
       : BSchema & {
           [K in keyof AdditionalBlockSpecs]: K extends string
             ? AdditionalBlockSpecs[K]["config"]
             : never;
         },
-    AdditionalInlineContentSpecs extends undefined
+    AdditionalInlineContentSpecs extends undefined | Record<string, never>
       ? ISchema
       : ISchema & {
           [K in keyof AdditionalInlineContentSpecs]: AdditionalInlineContentSpecs[K]["config"];
         },
-    AdditionalStyleSpecs extends undefined
+    AdditionalStyleSpecs extends undefined | Record<string, never>
       ? SSchema
       : SSchema & {
           [K in keyof AdditionalStyleSpecs]: AdditionalStyleSpecs[K]["config"];

packages/react/src/schema/ReactBlockSpec.tsx

@@ -122,11 +122,31 @@ export function BlockContentWrapper<
  * Can accept either functions that return the required objects, or the objects directly.
  */
 export function createReactBlockSpec<
-  TName extends string,
-  TProps extends PropSchema,
-  TContent extends "inline" | "none",
-  BlockConf extends BlockConfig<TName, TProps, TContent>,
-  TOptions extends Partial<Record<string, any>>,
+  const TName extends string,
+  const TProps extends PropSchema,
+  const TContent extends "inline" | "none",
+  const TOptions extends Record<string, any> | undefined = undefined,
+>(
+  blockConfigOrCreator: BlockConfig<TName, TProps, TContent>,
+  blockImplementationOrCreator:
+    | ReactCustomBlockImplementation<TName, TProps, TContent>
+    | (TOptions extends undefined
+        ? () => ReactCustomBlockImplementation<TName, TProps, TContent>
+        : (
+            options: Partial<TOptions>,
+          ) => ReactCustomBlockImplementation<TName, TProps, TContent>),
+  extensionsOrCreator?:
+    | BlockNoteExtension<any>[]
+    | (TOptions extends undefined
+        ? () => BlockNoteExtension<any>[]
+        : (options: Partial<TOptions>) => BlockNoteExtension<any>[]),
+): (options?: Partial<TOptions>) => BlockSpec<TName, TProps, TContent>;
+export function createReactBlockSpec<
+  const TName extends string,
+  const TProps extends PropSchema,
+  const TContent extends "inline" | "none",
+  const BlockConf extends BlockConfig<TName, TProps, TContent>,
+  const TOptions extends Partial<Record<string, any>>,
 >(
   blockCreator: (options: Partial<TOptions>) => BlockConf,
   blockImplementationOrCreator:
@@ -142,7 +162,7 @@ export function createReactBlockSpec<
             BlockConf["content"]
           >
         : (
-            options: TOptions,
+            options: Partial<TOptions>,
           ) => ReactCustomBlockImplementation<
             BlockConf["type"],
             BlockConf["propSchema"],
@@ -152,19 +172,19 @@ export function createReactBlockSpec<
     | BlockNoteExtension<any>[]
     | (TOptions extends undefined
         ? () => BlockNoteExtension<any>[]
-        : (options: TOptions) => BlockNoteExtension<any>[]),
+        : (options: Partial<TOptions>) => BlockNoteExtension<any>[]),
 ): (
-  options?: TOptions,
+  options?: Partial<TOptions>,
 ) => BlockSpec<
   BlockConf["type"],
   BlockConf["propSchema"],
   BlockConf["content"]
 >;
 export function createReactBlockSpec<
-  TName extends string,
-  TProps extends PropSchema,
-  TContent extends "inline" | "none",
-  TOptions extends Record<string, any> | undefined = undefined,
+  const TName extends string,
+  const TProps extends PropSchema,
+  const TContent extends "inline" | "none",
+  const TOptions extends Record<string, any> | undefined = undefined,
 >(
   blockConfigOrCreator:
     | BlockConfig<TName, TProps, TContent>
@@ -183,7 +203,7 @@ export function createReactBlockSpec<
     | (TOptions extends undefined
         ? () => BlockNoteExtension<any>[]
         : (options: Partial<TOptions>) => BlockNoteExtension<any>[]),
-): (options?: TOptions) => BlockSpec<TName, TProps, TContent> {
+): (options?: Partial<TOptions>) => BlockSpec<TName, TProps, TContent> {
   return (options = {} as TOptions) => {
     const blockConfig =
       typeof blockConfigOrCreator === "function"

packages/xl-ai/package.json

@@ -77,7 +77,7 @@
     "prosemirror-state": "^1.4.3",
     "prosemirror-tables": "^1.6.4",
     "prosemirror-transform": "^1.10.4",
-    "prosemirror-view": "^1.33.7",
+    "prosemirror-view": "^1.40.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-icons": "^5.2.1",