chore: use helper function

Author: nperez0111

docs/app/(home)/hero/DemoEditor.tsx

@@ -16,8 +16,7 @@ import {
   getMultiColumnSlashMenuItems,
   locales as multiColumnLocales,
   multiColumnDropCursor,
-  ColumnListBlock,
-  ColumnBlock,
+  withMultiColumn,
 } from "@blocknote/xl-multi-column";
 import "@blocknote/mantine/style.css";
 import { useTheme } from "next-themes";
@@ -91,12 +90,7 @@ export default function DemoEditor() {
         ...locales.en,
         multi_column: multiColumnLocales.en,
       },
-      schema: BlockNoteSchema.create().extend({
-        blockSpecs: {
-          column: ColumnBlock,
-          columnList: ColumnListBlock,
-        },
-      }),
+      schema: withMultiColumn(BlockNoteSchema.create()),
       dropCursor: multiColumnDropCursor,
       collaboration: {
         provider,

examples/01-basic/03-multi-column/src/App.tsx

@@ -13,23 +13,17 @@ import {
   useCreateBlockNote,
 } from "@blocknote/react";
 import {
-  ColumnBlock,
-  ColumnListBlock,
   getMultiColumnSlashMenuItems,
   multiColumnDropCursor,
   locales as multiColumnLocales,
+  withMultiColumn,
 } from "@blocknote/xl-multi-column";
 import { useMemo } from "react";
 export default function App() {
   // Creates a new editor instance.
   const editor = useCreateBlockNote({
     // Adds column and column list blocks to the schema.
-    schema: BlockNoteSchema.create().extend({
-      blockSpecs: {
-        column: ColumnBlock,
-        columnList: ColumnListBlock,
-      },
-    }),
+    schema: withMultiColumn(BlockNoteSchema.create()),
     // The default drop cursor only shows up above and below blocks - we replace
     // it with the multi-column one that also shows up on the sides of blocks.
     dropCursor: multiColumnDropCursor,

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

@@ -1,11 +1,11 @@
 import {
   BlockNoteSchema,
   combineByGroup,
-  createPageBreakBlockSpec,
   filterSuggestionItems,
+  withPageBreak,
 } from "@blocknote/core";
-import * as locales from "@blocknote/core/locales";
 import "@blocknote/core/fonts/inter.css";
+import * as locales from "@blocknote/core/locales";
 import { BlockNoteView } from "@blocknote/mantine";
 import "@blocknote/mantine/style.css";
 import {
@@ -14,17 +14,16 @@ import {
   getPageBreakReactSlashMenuItems,
   useCreateBlockNote,
 } from "@blocknote/react";
-import {
-  PDFExporter,
-  pdfDefaultSchemaMappings,
-} from "@blocknote/xl-pdf-exporter";
 import {
   getMultiColumnSlashMenuItems,
   multiColumnDropCursor,
   locales as multiColumnLocales,
-  ColumnListBlock,
-  ColumnBlock,
+  withMultiColumn,
 } from "@blocknote/xl-multi-column";
+import {
+  PDFExporter,
+  pdfDefaultSchemaMappings,
+} from "@blocknote/xl-pdf-exporter";
 import { PDFViewer } from "@react-pdf/renderer";
 import { useEffect, useMemo, useReducer, useState } from "react";
 
@@ -37,13 +36,7 @@ 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: withPageBreak(withMultiColumn(BlockNoteSchema.create())),
     dropCursor: multiColumnDropCursor,
     dictionary: {
       ...locales.en,

examples/05-interoperability/06-converting-blocks-to-docx/src/App.tsx

@@ -1,11 +1,11 @@
 import {
   BlockNoteSchema,
   combineByGroup,
-  createPageBreakBlockSpec,
   filterSuggestionItems,
+  withPageBreak,
 } from "@blocknote/core";
-import * as locales from "@blocknote/core/locales";
 import "@blocknote/core/fonts/inter.css";
+import * as locales from "@blocknote/core/locales";
 import { BlockNoteView } from "@blocknote/mantine";
 import "@blocknote/mantine/style.css";
 import {
@@ -22,8 +22,7 @@ import {
   getMultiColumnSlashMenuItems,
   multiColumnDropCursor,
   locales as multiColumnLocales,
-  ColumnListBlock,
-  ColumnBlock,
+  withMultiColumn,
 } from "@blocknote/xl-multi-column";
 import { useMemo } from "react";
 
@@ -32,13 +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: withPageBreak(withMultiColumn(BlockNoteSchema.create())),
     dropCursor: multiColumnDropCursor,
     dictionary: {
       ...locales.en,

examples/05-interoperability/08-converting-blocks-to-react-email/src/App.tsx

@@ -3,8 +3,8 @@ import {
   COLORS_DARK_MODE_DEFAULT,
   COLORS_DEFAULT,
   combineByGroup,
-  createPageBreakBlockSpec,
   filterSuggestionItems,
+  withPageBreak,
 } from "@blocknote/core";
 import "@blocknote/core/fonts/inter.css";
 import { BlockNoteView } from "@blocknote/mantine";
@@ -30,11 +30,7 @@ export default function App() {
 
   // Creates a new editor instance with some initial content.
   const editor = useCreateBlockNote({
-    schema: BlockNoteSchema.create().extend({
-      blockSpecs: {
-        pageBreak: createPageBreakBlockSpec(),
-      },
-    }),
+    schema: withPageBreak(BlockNoteSchema.create()),
     tables: {
       splitCells: true,
       cellBackgroundColor: true,