@blocknote/core 0.38.0 → 0.39.0

package/types/src/api/blockManipulation/setupTestEnv.d.ts

@@ -1,528 +1,5 @@
 import { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
-export declare function setupTestEnv(): () => BlockNoteEditor<import("../../index.js").BlockSchemaFromSpecs<{
-    paragraph: {
-        config: {
-            type: "paragraph";
-            content: "inline";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "paragraph";
-            content: "inline";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    heading: {
-        config: {
-            type: "heading";
-            content: "inline";
-            propSchema: {
-                level: {
-                    default: number;
-                    values: readonly [1, 2, 3, 4, 5, 6];
-                };
-                isToggleable: {
-                    default: false;
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "heading";
-            content: "inline";
-            propSchema: {
-                level: {
-                    default: number;
-                    values: readonly [1, 2, 3, 4, 5, 6];
-                };
-                isToggleable: {
-                    default: false;
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    quote: {
-        config: {
-            type: "quote";
-            content: "inline";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "quote";
-            content: "inline";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    codeBlock: {
-        config: {
-            type: "codeBlock";
-            content: "inline";
-            propSchema: {
-                language: {
-                    default: string;
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "codeBlock";
-            content: "inline";
-            propSchema: {
-                language: {
-                    default: string;
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    toggleListItem: {
-        config: {
-            type: "toggleListItem";
-            content: "inline";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "toggleListItem";
-            content: "inline";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    bulletListItem: {
-        config: {
-            type: "bulletListItem";
-            content: "inline";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "bulletListItem";
-            content: "inline";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    numberedListItem: {
-        config: {
-            type: "numberedListItem";
-            content: "inline";
-            propSchema: {
-                start: {
-                    default: undefined;
-                    type: "number";
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "numberedListItem";
-            content: "inline";
-            propSchema: {
-                start: {
-                    default: undefined;
-                    type: "number";
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    checkListItem: {
-        config: {
-            type: "checkListItem";
-            content: "inline";
-            propSchema: {
-                checked: {
-                    default: false;
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "checkListItem";
-            content: "inline";
-            propSchema: {
-                checked: {
-                    default: false;
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                textColor: {
-                    default: "default";
-                };
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    table: {
-        config: {
-            type: "table";
-            content: "table";
-            propSchema: {
-                textColor: {
-                    default: "default";
-                };
-            };
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "table";
-            content: "table";
-            propSchema: {
-                textColor: {
-                    default: "default";
-                };
-            };
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    file: {
-        config: {
-            type: "file";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                name: {
-                    default: "";
-                };
-                url: {
-                    default: "";
-                };
-                caption: {
-                    default: "";
-                };
-            };
-            content: "none";
-            isFileBlock: true;
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "file";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                name: {
-                    default: "";
-                };
-                url: {
-                    default: "";
-                };
-                caption: {
-                    default: "";
-                };
-            };
-            content: "none";
-            isFileBlock: true;
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    image: {
-        config: {
-            type: "image";
-            propSchema: {
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                name: {
-                    default: "";
-                };
-                url: {
-                    default: "";
-                };
-                caption: {
-                    default: "";
-                };
-                showPreview: {
-                    default: true;
-                };
-                previewWidth: {
-                    default: undefined;
-                    type: "number";
-                };
-            };
-            content: "none";
-            isFileBlock: true;
-            fileBlockAccept: string[];
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "image";
-            propSchema: {
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                name: {
-                    default: "";
-                };
-                url: {
-                    default: "";
-                };
-                caption: {
-                    default: "";
-                };
-                showPreview: {
-                    default: true;
-                };
-                previewWidth: {
-                    default: undefined;
-                    type: "number";
-                };
-            };
-            content: "none";
-            isFileBlock: true;
-            fileBlockAccept: string[];
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    video: {
-        config: {
-            type: "video";
-            propSchema: {
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                name: {
-                    default: "";
-                };
-                url: {
-                    default: "";
-                };
-                caption: {
-                    default: "";
-                };
-                showPreview: {
-                    default: true;
-                };
-                previewWidth: {
-                    default: undefined;
-                    type: "number";
-                };
-            };
-            content: "none";
-            isFileBlock: true;
-            fileBlockAccept: string[];
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "video";
-            propSchema: {
-                textAlignment: {
-                    default: "left";
-                    values: readonly ["left", "center", "right", "justify"];
-                };
-                backgroundColor: {
-                    default: "default";
-                };
-                name: {
-                    default: "";
-                };
-                url: {
-                    default: "";
-                };
-                caption: {
-                    default: "";
-                };
-                showPreview: {
-                    default: true;
-                };
-                previewWidth: {
-                    default: undefined;
-                    type: "number";
-                };
-            };
-            content: "none";
-            isFileBlock: true;
-            fileBlockAccept: string[];
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-    audio: {
-        config: {
-            type: "audio";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                name: {
-                    default: "";
-                };
-                url: {
-                    default: "";
-                };
-                caption: {
-                    default: "";
-                };
-                showPreview: {
-                    default: true;
-                };
-            };
-            content: "none";
-            isFileBlock: true;
-            fileBlockAccept: string[];
-        };
-        implementation: import("../../index.js").TiptapBlockImplementation<{
-            type: "audio";
-            propSchema: {
-                backgroundColor: {
-                    default: "default";
-                };
-                name: {
-                    default: "";
-                };
-                url: {
-                    default: "";
-                };
-                caption: {
-                    default: "";
-                };
-                showPreview: {
-                    default: true;
-                };
-            };
-            content: "none";
-            isFileBlock: true;
-            fileBlockAccept: string[];
-        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
-    };
-}>, import("../../index.js").InlineContentSchemaFromSpecs<{
+export declare function setupTestEnv(): () => BlockNoteEditor<import("../../index.js")._DefaultBlockSchema, import("../../index.js").InlineContentSchemaFromSpecs<{
     text: {
         config: "text";
         implementation: any;
@@ -537,48 +14,57 @@ export declare function setupTestEnv(): () => BlockNoteEditor<import("../../inde
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("../../index.js").StyleImplementation;
+        implementation: import("../../index.js").StyleImplementation<{
+            type: string;
+            propSchema: "boolean";
+        }>;
     };
     italic: {
         config: {
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("../../index.js").StyleImplementation;
+        implementation: import("../../index.js").StyleImplementation<{
+            type: string;
+            propSchema: "boolean";
+        }>;
     };
     underline: {
         config: {
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("../../index.js").StyleImplementation;
+        implementation: import("../../index.js").StyleImplementation<{
+            type: string;
+            propSchema: "boolean";
+        }>;
     };
     strike: {
         config: {
             type: string;
             propSchema: "boolean";
         };
-        implementation: import("../../index.js").StyleImplementation;
-    };
-    code: {
-        config: {
+        implementation: import("../../index.js").StyleImplementation<{
             type: string;
             propSchema: "boolean";
-        };
-        implementation: import("../../index.js").StyleImplementation;
+        }>;
     };
-    textColor: {
+    code: {
         config: {
             type: string;
-            propSchema: "string";
+            propSchema: "boolean";
         };
-        implementation: import("../../index.js").StyleImplementation;
-    };
-    backgroundColor: {
-        config: {
+        implementation: import("../../index.js").StyleImplementation<{
             type: string;
-            propSchema: "string";
-        };
-        implementation: import("../../index.js").StyleImplementation;
-    };
+            propSchema: "boolean";
+        }>;
+    };
+    textColor: import("../../index.js").StyleSpec<{
+        readonly type: "textColor";
+        readonly propSchema: "string";
+    }>;
+    backgroundColor: import("../../index.js").StyleSpec<{
+        readonly type: "backgroundColor";
+        readonly propSchema: "string";
+    }>;
 }>>;

package/types/src/api/exporters/html/util/serializeBlocksExternalHTML.d.ts

@@ -4,7 +4,7 @@ import type { BlockNoteEditor } from "../../../../editor/BlockNoteEditor.js";
 import { BlockSchema, InlineContentSchema, StyleSchema } from "../../../../schema/index.js";
 export declare function serializeInlineContentExternalHTML<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<any, I, S>, blockContent: PartialBlock<BSchema, I, S>["content"], serializer: DOMSerializer, options?: {
     document?: Document;
-}): HTMLElement | DocumentFragment;
+}): DocumentFragment;
 export declare const serializeBlocksExternalHTML: <BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>, blocks: PartialBlock<BSchema, I, S>[], serializer: DOMSerializer, orderedListItemBlockTypes: Set<string>, unorderedListItemBlockTypes: Set<string>, options?: {
     document?: Document;
 }) => DocumentFragment;

package/types/src/api/exporters/html/util/serializeBlocksInternalHTML.d.ts

@@ -4,7 +4,7 @@ import type { BlockNoteEditor } from "../../../../editor/BlockNoteEditor.js";
 import { BlockSchema, InlineContentSchema, StyleSchema } from "../../../../schema/index.js";
 export declare function serializeInlineContentInternalHTML<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<any, I, S>, blockContent: PartialBlock<BSchema, I, S>["content"], serializer: DOMSerializer, blockType?: string, options?: {
     document?: Document;
-}): HTMLElement | DocumentFragment;
+}): DocumentFragment;
 export declare const serializeBlocksInternalHTML: <BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>, blocks: PartialBlock<BSchema, I, S>[], serializer: DOMSerializer, options?: {
     document?: Document;
 }) => HTMLElement;

package/types/src/api/pmUtil.d.ts

@@ -1,6 +1,6 @@
 import type { Node, Schema } from "prosemirror-model";
 import { Transform } from "prosemirror-transform";
-import { BlockNoteSchema } from "../editor/BlockNoteSchema.js";
+import { BlockNoteSchema } from "../blocks/BlockNoteSchema.js";
 import type { BlockSchema } from "../schema/blocks/types.js";
 import type { InlineContentSchema } from "../schema/inlineContent/types.js";
 import type { StyleSchema } from "../schema/styles/types.js";

package/types/src/blocks/Audio/block.d.ts

@@ -0,0 +1,58 @@
+import { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
+import { BlockFromConfig } from "../../schema/index.js";
+export declare const FILE_AUDIO_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M2 16.0001H5.88889L11.1834 20.3319C11.2727 20.405 11.3846 20.4449 11.5 20.4449C11.7761 20.4449 12 20.2211 12 19.9449V4.05519C12 3.93977 11.9601 3.8279 11.887 3.73857C11.7121 3.52485 11.3971 3.49335 11.1834 3.66821L5.88889 8.00007H2C1.44772 8.00007 1 8.44778 1 9.00007V15.0001C1 15.5524 1.44772 16.0001 2 16.0001ZM23 12C23 15.292 21.5539 18.2463 19.2622 20.2622L17.8445 18.8444C19.7758 17.1937 21 14.7398 21 12C21 9.26016 19.7758 6.80629 17.8445 5.15557L19.2622 3.73779C21.5539 5.75368 23 8.70795 23 12ZM18 12C18 10.0883 17.106 8.38548 15.7133 7.28673L14.2842 8.71584C15.3213 9.43855 16 10.64 16 12C16 13.36 15.3213 14.5614 14.2842 15.2841L15.7133 16.7132C17.106 15.6145 18 13.9116 18 12Z\"></path></svg>";
+export interface AudioOptions {
+    icon?: string;
+}
+export type AudioBlockConfig = ReturnType<typeof createAudioBlockConfig>;
+export declare const createAudioBlockConfig: (options: AudioOptions) => import("../../index.js").BlockConfig<"audio", {
+    readonly backgroundColor: {
+        default: "default";
+    };
+    readonly name: {
+        readonly default: "";
+    };
+    readonly url: {
+        readonly default: "";
+    };
+    readonly caption: {
+        readonly default: "";
+    };
+    readonly showPreview: {
+        readonly default: true;
+    };
+}, "none">;
+export declare const audioParse: (_config?: AudioOptions) => (element: HTMLElement) => {
+    backgroundColor: string | undefined;
+    url: string | undefined;
+} | {
+    backgroundColor: string | undefined;
+    caption: string | undefined;
+    url: string | undefined;
+} | undefined;
+export declare const audioRender: (config?: AudioOptions) => (block: BlockFromConfig<ReturnType<typeof createAudioBlockConfig>, any, any>, editor: BlockNoteEditor<Record<"audio", ReturnType<typeof createAudioBlockConfig>>, any, any>) => {
+    dom: HTMLElement;
+    destroy?: () => void;
+};
+export declare const audioToExternalHTML: (_config?: AudioOptions) => (block: BlockFromConfig<ReturnType<typeof createAudioBlockConfig>, any, any>, _editor: BlockNoteEditor<Record<"audio", ReturnType<typeof createAudioBlockConfig>>, any, any>) => {
+    dom: HTMLElement;
+};
+export declare const createAudioBlockSpec: (options?: Partial<{
+    icon: string;
+}> | undefined) => import("../../index.js").BlockSpec<"audio", {
+    readonly backgroundColor: {
+        default: "default";
+    };
+    readonly name: {
+        readonly default: "";
+    };
+    readonly url: {
+        readonly default: "";
+    };
+    readonly caption: {
+        readonly default: "";
+    };
+    readonly showPreview: {
+        readonly default: true;
+    };
+}, "none">;