@blocknote/core 0.20.0 → 0.21.0

package/src/editor/Block.css

@@ -310,85 +310,66 @@ NESTED BLOCKS
 
 /* FILES */
 
-/* Add block button & default preview */
-[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),
-[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-default-preview) {
-  width: 100%;
-}
-
+/* Element that wraps content for all file blocks */
 [data-file-block] .bn-file-block-content-wrapper {
   cursor: pointer;
   display: flex;
   flex-direction: column;
-  justify-content: stretch;
   user-select: none;
 }
 
+/* Add block button & default element (name with icon) */
+[data-file-block] .bn-file-block-content-wrapper:has(.bn-add-file-button),
+[data-file-block] .bn-file-block-content-wrapper:has(.bn-file-name-with-icon) {
+  width: 100%;
+}
+
 [data-file-block] .bn-add-file-button {
   align-items: center;
   background-color: rgb(242, 241, 238);
   border-radius: 4px;
   color: rgb(125, 121, 122);
   display: flex;
-  flex-direction: row;
   gap: 10px;
   padding: 12px;
-  width: 100%;
 }
 
-.bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover {
+.bn-editor[contenteditable="true"] [data-file-block] .bn-add-file-button:hover,
+[data-file-block] .bn-file-name-with-icon:hover,
+.ProseMirror-selectednode .bn-file-name-with-icon{
   background-color: rgb(225, 225, 225);
 }
 
-[data-file-block] .bn-add-file-button-icon {
+[data-file-block] .bn-add-file-button-icon,
+[data-file-block] .bn-file-icon {
   width: 24px;
   height: 24px;
 }
 
-[data-file-block] .bn-add-file-button .bn-add-file-button-text {
+[data-file-block] .bn-add-file-button-text {
   font-size: 0.9rem;
 }
 
-[data-file-block] .bn-file-and-caption-wrapper {
-  display: flex;
-  flex-direction: column;
-  border-radius: 4px;
-}
-
-[data-file-block] .bn-file-default-preview {
-  align-items: center;
+[data-file-block] .bn-file-name-with-icon {
   border-radius: 4px;
   display: flex;
-  flex-direction: row;
   gap: 4px;
   padding: 4px;
-  width: 100%;
-}
-
-[data-file-block] .bn-file-default-preview:hover,
-.ProseMirror-selectednode .bn-file-default-preview {
-  background-color: rgb(225, 225, 225);
-}
-
-[data-file-block] .bn-file-default-preview-icon {
-  width: 24px;
-  height: 24px;
 }
 
-[data-file-block] .bn-visual-media-wrapper {
-  display: flex;
-  flex-direction: row;
-  align-items: center;
-  position: relative;
-  width: fit-content;
+/* File captions */
+[data-file-block] .bn-file-caption {
+  font-size: 0.8em;
+  padding-block: 4px;
+  word-break: break-word;
 }
 
-[data-file-block] .bn-visual-media {
-  border-radius: 4px;
-  max-width: 100%;
+[data-file-block] .bn-file-caption:empty {
+  padding-block: 0;
 }
 
-[data-file-block] .bn-visual-media-resize-handle {
+/* Resize handles */
+[data-file-block] .bn-resize-handle {
   position: absolute;
   width: 8px;
   height: 30px;
@@ -398,19 +379,22 @@ NESTED BLOCKS
   cursor: ew-resize;
 }
 
-[data-content-type="audio"] > .bn-file-block-content-wrapper,
-.bn-audio {
-  width: 100%;
+/* Visual media file blocks, e.g. images & videos */
+[data-file-block] .bn-visual-media-wrapper {
+  display: flex;
+  align-items: center;
+  position: relative;
 }
 
-[data-file-block] .bn-file-caption {
-  font-size: 0.8em;
-  padding-block: 4px;
-  word-break: break-word;
+[data-file-block] .bn-visual-media {
+  border-radius: 4px;
+  width: 100%;
 }
 
-[data-file-block] .bn-file-caption:empty {
-  padding-block: 0;
+/* Block-specific styles */
+[data-content-type="audio"] > .bn-file-block-content-wrapper,
+.bn-audio {
+  width: 100%;
 }
 
 /* PLACEHOLDERS*/

package/src/editor/BlockNoteEditor.ts

@@ -93,6 +93,7 @@ import { createInternalHTMLSerializer } from "../api/exporters/html/internalHTML
 import { inlineContentToNodes } from "../api/nodeConversions/blockToNode.js";
 import { nodeToBlock } from "../api/nodeConversions/nodeToBlock.js";
 import "../style.css";
+import { EditorView } from "prosemirror-view";
 
 export type BlockNoteExtension =
   | AnyExtension
@@ -274,7 +275,8 @@ export class BlockNoteEditor<
   public readonly headless: boolean = false;
 
   public readonly _tiptapEditor:
-    | BlockNoteTipTapEditor & {
+    | Omit<BlockNoteTipTapEditor, "view"> & {
+        view: EditorView | undefined;
         contentComponent: any;
       } = undefined as any; // TODO: Type should actually reflect that it can be `undefined` in headless mode
 
@@ -344,7 +346,7 @@ export class BlockNoteEditor<
   private onUploadStartCallbacks: ((blockId?: string) => void)[] = [];
   private onUploadEndCallbacks: ((blockId?: string) => void)[] = [];
 
-  public readonly resolveFileUrl: (url: string) => Promise<string>;
+  public readonly resolveFileUrl?: (url: string) => Promise<string>;
 
   public get pmSchema() {
     return this._pmSchema;
@@ -456,7 +458,7 @@ export class BlockNoteEditor<
       };
     }
 
-    this.resolveFileUrl = newOptions.resolveFileUrl || (async (url) => url);
+    this.resolveFileUrl = newOptions.resolveFileUrl;
     this.headless = newOptions._headless;
 
     if (newOptions.collaboration && newOptions.initialContent) {
@@ -542,6 +544,7 @@ export class BlockNoteEditor<
         tiptapOptions,
         this.schema.styleSchema
       ) as BlockNoteTipTapEditor & {
+        view: any;
         contentComponent: any;
       };
       this._pmSchema = this._tiptapEditor.schema;
@@ -570,15 +573,15 @@ export class BlockNoteEditor<
   }
 
   public get domElement() {
-    return this._tiptapEditor.view.dom as HTMLDivElement;
+    return this.prosemirrorView?.dom as HTMLDivElement | undefined;
   }
 
   public isFocused() {
-    return this._tiptapEditor.view.hasFocus();
+    return this.prosemirrorView?.hasFocus() || false;
   }
 
   public focus() {
-    this._tiptapEditor.view.focus();
+    this.prosemirrorView?.focus();
   }
 
   public onUploadStart(callback: (blockId?: string) => void) {
@@ -1198,7 +1201,11 @@ export class BlockNoteEditor<
       ignoreQueryLength?: boolean;
     }
   ) {
-    const tr = this.prosemirrorView.state.tr;
+    const tr = this.prosemirrorView?.state.tr;
+    if (!tr) {
+      return;
+    }
+
     const transaction =
       pluginState && pluginState.deleteTriggerCharacter
         ? tr.insertText(triggerCharacter)

package/src/editor/BlockNoteExtensions.ts

@@ -19,6 +19,10 @@ import { FilePanelProsemirrorPlugin } from "../extensions/FilePanel/FilePanelPlu
 import { FormattingToolbarProsemirrorPlugin } from "../extensions/FormattingToolbar/FormattingToolbarPlugin.js";
 import { KeyboardShortcutsExtension } from "../extensions/KeyboardShortcuts/KeyboardShortcutsExtension.js";
 import { LinkToolbarProsemirrorPlugin } from "../extensions/LinkToolbar/LinkToolbarPlugin.js";
+import {
+  DEFAULT_LINK_PROTOCOL,
+  VALID_LINK_PROTOCOLS,
+} from "../extensions/LinkToolbar/protocols.js";
 import { NodeSelectionKeyboardPlugin } from "../extensions/NodeSelectionKeyboard/NodeSelectionKeyboardPlugin.js";
 import { PlaceholderPlugin } from "../extensions/Placeholder/PlaceholderPlugin.js";
 import { PreviousBlockTypePlugin } from "../extensions/PreviousBlockType/PreviousBlockTypePlugin.js";
@@ -159,14 +163,9 @@ const getTipTapExtensions = <
     // marks:
     Link.extend({
       inclusive: false,
-      addKeyboardShortcuts() {
-        return {
-          "Mod-k": () => {
-            this.editor.commands.toggleLink({ href: "" });
-            return true;
-          },
-        };
-      },
+    }).configure({
+      defaultProtocol: DEFAULT_LINK_PROTOCOL,
+      protocols: VALID_LINK_PROTOCOLS,
     }),
     ...Object.values(opts.styleSpecs).map((styleSpec) => {
       return styleSpec.implementation.mark;

package/src/editor/editor.css

@@ -86,6 +86,7 @@ Tippy popups that are appended to document.body directly
   pointer-events: none;
   position: relative;
   word-break: normal;
+  white-space: nowrap !important;
 }
 
 /* Render the username above the caret */

package/src/extensions/LinkToolbar/protocols.ts

@@ -0,0 +1,13 @@
+export const VALID_LINK_PROTOCOLS = [
+  "http",
+  "https",
+  "ftp",
+  "ftps",
+  "mailto",
+  "tel",
+  "callto",
+  "sms",
+  "cid",
+  "xmpp",
+];
+export const DEFAULT_LINK_PROTOCOL = "https";

package/src/extensions/Placeholder/PlaceholderPlugin.ts

@@ -18,10 +18,10 @@ export class PlaceholderPlugin {
         if (nonce) {
           styleEl.setAttribute("nonce", nonce);
         }
-        if (editor._tiptapEditor.view.root instanceof ShadowRoot) {
-          editor._tiptapEditor.view.root.append(styleEl);
+        if (editor.prosemirrorView?.root instanceof ShadowRoot) {
+          editor.prosemirrorView.root.append(styleEl);
         } else {
-          editor._tiptapEditor.view.root.head.appendChild(styleEl);
+          editor.prosemirrorView?.root.head.appendChild(styleEl);
         }
 
         const styleSheet = styleEl.sheet!;
@@ -78,10 +78,10 @@ export class PlaceholderPlugin {
 
         return {
           destroy: () => {
-            if (editor._tiptapEditor.view.root instanceof ShadowRoot) {
-              editor._tiptapEditor.view.root.removeChild(styleEl);
+            if (editor.prosemirrorView?.root instanceof ShadowRoot) {
+              editor.prosemirrorView.root.removeChild(styleEl);
             } else {
-              editor._tiptapEditor.view.root.head.removeChild(styleEl);
+              editor.prosemirrorView?.root.head.removeChild(styleEl);
             }
           },
         };

package/src/extensions/SideMenu/SideMenuPlugin.ts

@@ -485,7 +485,11 @@ export class SideMenuProsemirrorPlugin<
   /**
    * Handles drag & drop events for blocks.
    */
-  blockDragEnd = () => unsetDragImage(this.editor.prosemirrorView.root);
+  blockDragEnd = () => {
+    if (this.editor.prosemirrorView) {
+      unsetDragImage(this.editor.prosemirrorView.root);
+    }
+  };
   /**
    * Freezes the side menu. When frozen, the side menu will stay
    * attached to the same block regardless of which block is hovered by the

package/src/extensions/SideMenu/dragging.ts

@@ -148,6 +148,9 @@ export function dragStart<
   }
 
   const view = editor.prosemirrorView;
+  if (!view) {
+    return;
+  }
 
   const posInfo = getNodeById(block.id, view.state.doc);
   if (!posInfo) {

package/src/extensions/SuggestionMenu/SuggestionPlugin.ts

@@ -45,12 +45,12 @@ class SuggestionMenuView<
       });
     };
 
-    this.rootEl = this.editor._tiptapEditor.view.root;
+    this.rootEl = this.editor.prosemirrorView?.root;
 
     // Setting capture=true ensures that any parent container of the editor that
     // gets scrolled will trigger the scroll event. Scroll events do not bubble
     // and so won't propagate to the document by default.
-    this.rootEl.addEventListener("scroll", this.handleScroll, true);
+    this.rootEl?.addEventListener("scroll", this.handleScroll, true);
   }
 
   handleScroll = () => {
@@ -113,10 +113,7 @@ class SuggestionMenuView<
 
   closeMenu = () => {
     this.editor.dispatch(
-      this.editor._tiptapEditor.view.state.tr.setMeta(
-        suggestionMenuPluginKey,
-        null
-      )
+      this.editor._tiptapEditor.state.tr.setMeta(suggestionMenuPluginKey, null)
     );
   };
 

package/src/extensions/TableHandles/TableHandlesPlugin.ts

@@ -742,7 +742,11 @@ export class TableHandlesProsemirrorPlugin<
       })
     );
 
-    setHiddenDragImage(this.editor._tiptapEditor.view.root);
+    if (!this.editor.prosemirrorView) {
+      throw new Error("Editor view not initialized.");
+    }
+
+    setHiddenDragImage(this.editor.prosemirrorView.root);
     event.dataTransfer!.setDragImage(dragImageElement!, 0, 0);
     event.dataTransfer!.effectAllowed = "move";
   };
@@ -781,7 +785,11 @@ export class TableHandlesProsemirrorPlugin<
       })
     );
 
-    setHiddenDragImage(this.editor._tiptapEditor.view.root);
+    if (!this.editor.prosemirrorView) {
+      throw new Error("Editor view not initialized.");
+    }
+
+    setHiddenDragImage(this.editor.prosemirrorView.root);
     event.dataTransfer!.setDragImage(dragImageElement!, 0, 0);
     event.dataTransfer!.effectAllowed = "copyMove";
   };
@@ -804,7 +812,11 @@ export class TableHandlesProsemirrorPlugin<
       this.editor._tiptapEditor.state.tr.setMeta(tableHandlesPluginKey, null)
     );
 
-    unsetHiddenDragImage(this.editor._tiptapEditor.view.root);
+    if (!this.editor.prosemirrorView) {
+      throw new Error("Editor view not initialized.");
+    }
+
+    unsetHiddenDragImage(this.editor.prosemirrorView.root);
   };
 
   /**

package/src/index.ts

@@ -7,10 +7,16 @@ export * from "./api/testUtil/index.js";
 export * from "./blocks/AudioBlockContent/AudioBlockContent.js";
 export * from "./blocks/CodeBlockContent/CodeBlockContent.js";
 export * from "./blocks/FileBlockContent/FileBlockContent.js";
-export * from "./blocks/FileBlockContent/fileBlockHelpers.js";
+export * from "./blocks/FileBlockContent/helpers/parse/parseEmbedElement.js";
+export * from "./blocks/FileBlockContent/helpers/parse/parseFigureElement.js";
+export * from "./blocks/FileBlockContent/helpers/render/createAddFileButton.js";
+export * from "./blocks/FileBlockContent/helpers/render/createFileBlockWrapper.js";
+export * from "./blocks/FileBlockContent/helpers/render/createFileNameWithIcon.js";
+export * from "./blocks/FileBlockContent/helpers/render/createResizableFileBlockWrapper.js";
+export * from "./blocks/FileBlockContent/helpers/toExternalHTML/createFigureWithCaption.js";
+export * from "./blocks/FileBlockContent/helpers/toExternalHTML/createLinkWithCaption.js";
 export * from "./blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
 export * from "./blocks/ImageBlockContent/ImageBlockContent.js";
-export { parseImageElement } from "./blocks/ImageBlockContent/imageBlockHelpers.js";
 export {
   EMPTY_CELL_HEIGHT,
   EMPTY_CELL_WIDTH,
@@ -30,6 +36,7 @@ export * from "./extensions-shared/UiElementPosition.js";
 export * from "./extensions/FilePanel/FilePanelPlugin.js";
 export * from "./extensions/FormattingToolbar/FormattingToolbarPlugin.js";
 export * from "./extensions/LinkToolbar/LinkToolbarPlugin.js";
+export * from "./extensions/LinkToolbar/protocols.js";
 export * from "./extensions/SideMenu/SideMenuPlugin.js";
 export * from "./extensions/SuggestionMenu/DefaultGridSuggestionItem.js";
 export * from "./extensions/SuggestionMenu/DefaultSuggestionItem.js";

package/src/schema/inlineContent/createSpec.ts

@@ -142,8 +142,8 @@ export function createInlineContentSpec<
               editor.schema.styleSchema
             );
 
-            editor._tiptapEditor.view.dispatch(
-              editor._tiptapEditor.view.state.tr.replaceWith(
+            editor.dispatch(
+              editor.prosemirrorView.state.tr.replaceWith(
                 getPos(),
                 getPos() + node.nodeSize,
                 content

package/types/src/api/clipboard/fromClipboard/handleVSCodePaste.d.ts

@@ -1,3 +1,2 @@
-import { BlockNoteEditor } from "../../../editor/BlockNoteEditor.js";
-import { BlockSchema, InlineContentSchema, StyleSchema } from "../../../schema/index.js";
-export declare function handleVSCodePaste<BSchema extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(event: ClipboardEvent, editor: BlockNoteEditor<BSchema, I, S>): Promise<boolean>;
+import { EditorView } from "prosemirror-view";
+export declare function handleVSCodePaste(event: ClipboardEvent, view: EditorView): Promise<boolean>;

package/types/src/api/clipboard/fromClipboard/pasteExtension.d.ts

@@ -1,6 +1,4 @@
 import { Extension } from "@tiptap/core";
 import type { BlockNoteEditor } from "../../../editor/BlockNoteEditor";
 import { InlineContentSchema, StyleSchema } from "../../../schema/index.js";
-export declare const createPasteFromClipboardExtension: <BSchema extends Record<string, import("../../../schema/index.js").BlockConfig>, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>) => Extension<{
-    editor: BlockNoteEditor<BSchema, I, S>;
-}, undefined>;
+export declare const createPasteFromClipboardExtension: <BSchema extends Record<string, import("../../../schema/index.js").BlockConfig>, I extends InlineContentSchema, S extends StyleSchema>(editor: BlockNoteEditor<BSchema, I, S>) => Extension<any, any>;

package/types/src/blocks/AudioBlockContent/AudioBlockContent.d.ts

@@ -42,11 +42,8 @@ export declare const audioBlockConfig: {
     fileBlockAccept: string[];
 };
 export declare const audioRender: (block: BlockFromConfig<typeof audioBlockConfig, any, any>, editor: BlockNoteEditor<any, any, any>) => {
-    dom: HTMLDivElement;
-    destroy?: undefined;
-} | {
-    dom: HTMLDivElement;
-    destroy: (() => void) | undefined;
+    dom: HTMLElement;
+    destroy?: (() => void) | undefined;
 };
 export declare const audioParse: (element: HTMLElement) => Partial<Props<typeof audioBlockConfig.propSchema>> | undefined;
 export declare const audioToExternalHTML: (block: BlockFromConfig<typeof audioBlockConfig, any, any>) => {

package/types/src/blocks/FileBlockContent/FileBlockContent.d.ts

@@ -34,11 +34,8 @@ export declare const fileBlockConfig: {
     isFileBlock: true;
 };
 export declare const fileRender: (block: BlockFromConfig<typeof fileBlockConfig, any, any>, editor: BlockNoteEditor<any, any, any>) => {
-    dom: HTMLDivElement;
-    destroy?: undefined;
-} | {
-    dom: HTMLDivElement;
-    destroy: (() => void) | undefined;
+    dom: HTMLElement;
+    destroy?: (() => void) | undefined;
 };
 export declare const fileParse: (element: HTMLElement) => {
     url: string | undefined;

package/types/src/blocks/FileBlockContent/helpers/parse/parseEmbedElement.d.ts

@@ -0,0 +1,3 @@
+export declare const parseEmbedElement: (embedElement: HTMLEmbedElement) => {
+    url: string | undefined;
+};

package/types/src/blocks/FileBlockContent/helpers/parse/parseFigureElement.d.ts

@@ -0,0 +1,4 @@
+export declare const parseFigureElement: (figureElement: HTMLElement, targetTag: string) => {
+    targetElement: HTMLElement;
+    caption: string | undefined;
+} | undefined;

package/types/src/blocks/FileBlockContent/helpers/render/createAddFileButton.d.ts

@@ -0,0 +1,6 @@
+import type { BlockNoteEditor } from "../../../../editor/BlockNoteEditor.js";
+import { BlockFromConfig, FileBlockConfig } from "../../../../schema/index.js";
+export declare const createAddFileButton: (block: BlockFromConfig<FileBlockConfig, any, any>, editor: BlockNoteEditor<any, any, any>, buttonText?: string, buttonIcon?: HTMLElement) => {
+    dom: HTMLDivElement;
+    destroy: () => void;
+};

package/types/src/blocks/FileBlockContent/helpers/render/createFileBlockWrapper.d.ts

@@ -0,0 +1,9 @@
+import type { BlockNoteEditor } from "../../../../editor/BlockNoteEditor.js";
+import { BlockFromConfig, BlockSchemaWithBlock, FileBlockConfig } from "../../../../schema/index.js";
+export declare const createFileBlockWrapper: (block: BlockFromConfig<FileBlockConfig, any, any>, editor: BlockNoteEditor<BlockSchemaWithBlock<FileBlockConfig["type"], FileBlockConfig>, any, any>, element?: {
+    dom: HTMLElement;
+    destroy?: () => void;
+}, buttonText?: string, buttonIcon?: HTMLElement) => {
+    dom: HTMLElement;
+    destroy?: (() => void) | undefined;
+};

package/types/src/blocks/FileBlockContent/helpers/render/createFileNameWithIcon.d.ts

@@ -0,0 +1,6 @@
+import { BlockFromConfig, FileBlockConfig } from "../../../../schema/index.js";
+export declare const FILE_ICON_SVG = "<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 24 24\" fill=\"currentColor\"><path d=\"M3 8L9.00319 2H19.9978C20.5513 2 21 2.45531 21 2.9918V21.0082C21 21.556 20.5551 22 20.0066 22H3.9934C3.44476 22 3 21.5501 3 20.9932V8ZM10 4V9H5V20H19V4H10Z\"></path></svg>";
+export declare const createFileNameWithIcon: (block: BlockFromConfig<FileBlockConfig, any, any>) => {
+    dom: HTMLElement;
+    destroy?: () => void;
+};

package/types/src/blocks/FileBlockContent/helpers/render/createResizableFileBlockWrapper.d.ts

@@ -0,0 +1,9 @@
+import type { BlockNoteEditor } from "../../../../editor/BlockNoteEditor.js";
+import { BlockFromConfig, FileBlockConfig } from "../../../../schema/index.js";
+export declare const createResizableFileBlockWrapper: (block: BlockFromConfig<FileBlockConfig, any, any>, editor: BlockNoteEditor<any, any, any>, element: {
+    dom: HTMLElement;
+    destroy?: () => void;
+}, resizeHandlesContainerElement: HTMLElement, buttonText: string, buttonIcon: HTMLElement) => {
+    dom: HTMLElement;
+    destroy: () => void;
+};

package/types/src/blocks/FileBlockContent/helpers/toExternalHTML/createFigureWithCaption.d.ts

@@ -0,0 +1,3 @@
+export declare const createFigureWithCaption: (element: HTMLElement, caption: string) => {
+    dom: HTMLElement;
+};

package/types/src/blocks/FileBlockContent/helpers/toExternalHTML/createLinkWithCaption.d.ts

@@ -0,0 +1,3 @@
+export declare const createLinkWithCaption: (element: HTMLElement, caption: string) => {
+    dom: HTMLDivElement;
+};

package/types/src/blocks/ImageBlockContent/ImageBlockContent.d.ts

@@ -56,11 +56,8 @@ export declare const imageBlockConfig: {
     fileBlockAccept: string[];
 };
 export declare const imageRender: (block: BlockFromConfig<typeof imageBlockConfig, any, any>, editor: BlockNoteEditor<any, any, any>) => {
-    dom: HTMLDivElement;
-    destroy?: undefined;
-} | {
-    dom: HTMLDivElement;
-    destroy: (() => void) | undefined;
+    dom: HTMLElement;
+    destroy: () => void;
 };
 export declare const imageParse: (element: HTMLElement) => Partial<Props<typeof imageBlockConfig.propSchema>> | undefined;
 export declare const imageToExternalHTML: (block: BlockFromConfig<typeof imageBlockConfig, any, any>) => {

package/types/src/blocks/VideoBlockContent/VideoBlockContent.d.ts

@@ -56,11 +56,8 @@ export declare const videoBlockConfig: {
     fileBlockAccept: string[];
 };
 export declare const videoRender: (block: BlockFromConfig<typeof videoBlockConfig, any, any>, editor: BlockNoteEditor<any, any, any>) => {
-    dom: HTMLDivElement;
-    destroy?: undefined;
-} | {
-    dom: HTMLDivElement;
-    destroy: (() => void) | undefined;
+    dom: HTMLElement;
+    destroy: () => void;
 };
 export declare const videoParse: (element: HTMLElement) => Partial<Props<typeof videoBlockConfig.propSchema>> | undefined;
 export declare const videoToExternalHTML: (block: BlockFromConfig<typeof videoBlockConfig, any, any>) => {

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

@@ -17,6 +17,7 @@ import { BlockNoteTipTapEditor } from "./BlockNoteTipTapEditor.js";
 import { Dictionary } from "../i18n/dictionary.js";
 import { Plugin, Transaction } from "@tiptap/pm/state";
 import "../style.css";
+import { EditorView } from "prosemirror-view";
 export type BlockNoteExtension = AnyExtension | {
     plugin: Plugin;
 };
@@ -153,7 +154,8 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
      * You probably don't need to set this manually, but use the `server-util` package instead that uses this option internally
      */
     readonly headless: boolean;
-    readonly _tiptapEditor: BlockNoteTipTapEditor & {
+    readonly _tiptapEditor: Omit<BlockNoteTipTapEditor, "view"> & {
+        view: EditorView | undefined;
         contentComponent: any;
     };
     /**
@@ -196,7 +198,7 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
     readonly uploadFile: ((file: File, blockId?: string) => Promise<string | Record<string, any>>) | undefined;
     private onUploadStartCallbacks;
     private onUploadEndCallbacks;
-    readonly resolveFileUrl: (url: string) => Promise<string>;
+    readonly resolveFileUrl?: (url: string) => Promise<string>;
     get pmSchema(): Schema<any, any>;
     static create<BSchema extends BlockSchema = DefaultBlockSchema, ISchema extends InlineContentSchema = DefaultInlineContentSchema, SSchema extends StyleSchema = DefaultStyleSchema>(options?: Partial<BlockNoteEditorOptions<BSchema, ISchema, SSchema>>): BlockNoteEditor<BSchema, ISchema, SSchema>;
     protected constructor(options: Partial<BlockNoteEditorOptions<any, any, any>>);
@@ -207,8 +209,8 @@ export declare class BlockNoteEditor<BSchema extends BlockSchema = DefaultBlockS
      * @warning Not needed to call manually when using React, use BlockNoteView to take care of mounting
      */
     mount: (parentElement?: HTMLElement | null) => void;
-    get prosemirrorView(): import("prosemirror-view").EditorView;
-    get domElement(): HTMLDivElement;
+    get prosemirrorView(): EditorView | undefined;
+    get domElement(): HTMLDivElement | undefined;
     isFocused(): boolean;
     focus(): void;
     onUploadStart(callback: (blockId?: string) => void): () => void;

package/types/src/extensions/LinkToolbar/protocols.d.ts

@@ -0,0 +1,2 @@
+export declare const VALID_LINK_PROTOCOLS: string[];
+export declare const DEFAULT_LINK_PROTOCOL = "https";

package/types/src/index.d.ts

@@ -7,10 +7,16 @@ export * from "./api/testUtil/index.js";
 export * from "./blocks/AudioBlockContent/AudioBlockContent.js";
 export * from "./blocks/CodeBlockContent/CodeBlockContent.js";
 export * from "./blocks/FileBlockContent/FileBlockContent.js";
-export * from "./blocks/FileBlockContent/fileBlockHelpers.js";
+export * from "./blocks/FileBlockContent/helpers/parse/parseEmbedElement.js";
+export * from "./blocks/FileBlockContent/helpers/parse/parseFigureElement.js";
+export * from "./blocks/FileBlockContent/helpers/render/createAddFileButton.js";
+export * from "./blocks/FileBlockContent/helpers/render/createFileBlockWrapper.js";
+export * from "./blocks/FileBlockContent/helpers/render/createFileNameWithIcon.js";
+export * from "./blocks/FileBlockContent/helpers/render/createResizableFileBlockWrapper.js";
+export * from "./blocks/FileBlockContent/helpers/toExternalHTML/createFigureWithCaption.js";
+export * from "./blocks/FileBlockContent/helpers/toExternalHTML/createLinkWithCaption.js";
 export * from "./blocks/FileBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.js";
 export * from "./blocks/ImageBlockContent/ImageBlockContent.js";
-export { parseImageElement } from "./blocks/ImageBlockContent/imageBlockHelpers.js";
 export { EMPTY_CELL_HEIGHT, EMPTY_CELL_WIDTH, } from "./blocks/TableBlockContent/TableExtension.js";
 export * from "./blocks/VideoBlockContent/VideoBlockContent.js";
 export * from "./blocks/defaultBlockHelpers.js";
@@ -27,6 +33,7 @@ export * from "./extensions-shared/UiElementPosition.js";
 export * from "./extensions/FilePanel/FilePanelPlugin.js";
 export * from "./extensions/FormattingToolbar/FormattingToolbarPlugin.js";
 export * from "./extensions/LinkToolbar/LinkToolbarPlugin.js";
+export * from "./extensions/LinkToolbar/protocols.js";
 export * from "./extensions/SideMenu/SideMenuPlugin.js";
 export * from "./extensions/SuggestionMenu/DefaultGridSuggestionItem.js";
 export * from "./extensions/SuggestionMenu/DefaultSuggestionItem.js";

package/dist/src/blocks/AudioBlockContent/audioBlockHelpers.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"audioBlockHelpers.js","sourceRoot":"","sources":["../../../../src/blocks/AudioBlockContent/audioBlockHelpers.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAAC,YAA8B,EAAE,EAAE;IAClE,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,IAAI,SAAS,CAAC;IAE1C,OAAO,EAAE,GAAG,EAAE,CAAC;AACjB,CAAC,CAAC"}