@blocknote/core 0.36.1 → 0.38.0

package/src/editor/BlockNoteEditor.ts

@@ -105,22 +105,21 @@ import { dropCursor } from "prosemirror-dropcursor";
 import { EditorView } from "prosemirror-view";
 import { redoCommand, undoCommand, ySyncPluginKey } from "y-prosemirror";
 import { createInternalHTMLSerializer } from "../api/exporters/html/internalHTMLSerializer.js";
-import { inlineContentToNodes } from "../api/nodeConversions/blockToNode.js";
-import { docToBlocks } from "../api/nodeConversions/nodeToBlock.js";
 import {
   BlocksChanged,
   getBlocksChangedByTransaction,
 } from "../api/getBlocksChangedByTransaction.js";
-import { nestedListsToBlockNoteStructure } from "../api/parsers/html/util/nestedLists.js";
+import { inlineContentToNodes } from "../api/nodeConversions/blockToNode.js";
+import { docToBlocks } from "../api/nodeConversions/nodeToBlock.js";
 import { CodeBlockOptions } from "../blocks/CodeBlockContent/CodeBlockContent.js";
 import type { ThreadStore, User } from "../comments/index.js";
+import { BlockChangePlugin } from "../extensions/BlockChange/BlockChangePlugin.js";
 import type { CursorPlugin } from "../extensions/Collaboration/CursorPlugin.js";
 import type { ForkYDocPlugin } from "../extensions/Collaboration/ForkYDocPlugin.js";
 import { EventEmitter } from "../util/EventEmitter.js";
 import { BlockNoteExtension } from "./BlockNoteExtension.js";
 
 import "../style.css";
-import { BlockChangePlugin } from "../extensions/BlockChange/BlockChangePlugin.js";
 
 /**
  * A factory function that returns a BlockNoteExtension
@@ -201,6 +200,7 @@ export type BlockNoteEditorOptions<
    * @remarks `CommentsOptions`
    */
   comments?: {
+    schema?: BlockNoteSchema<any, any, any>;
     threadStore: ThreadStore;
   };
 
@@ -1574,9 +1574,9 @@ export class BlockNoteEditor<
    * @param blocks An array of blocks that should be serialized into HTML.
    * @returns The blocks, serialized as an HTML string.
    */
-  public async blocksToHTMLLossy(
+  public blocksToHTMLLossy(
     blocks: PartialBlock<BSchema, ISchema, SSchema>[] = this.document,
-  ): Promise<string> {
+  ): string {
     const exporter = createExternalHTMLExporter(this.pmSchema, this);
     return exporter.exportBlocks(blocks, {});
   }
@@ -1590,9 +1590,9 @@ export class BlockNoteEditor<
    * @param blocks An array of blocks that should be serialized into HTML.
    * @returns The blocks, serialized as an HTML string.
    */
-  public async blocksToFullHTML(
+  public blocksToFullHTML(
     blocks: PartialBlock<BSchema, ISchema, SSchema>[],
-  ): Promise<string> {
+  ): string {
     const exporter = createInternalHTMLSerializer(this.pmSchema, this);
     return exporter.serializeBlocks(blocks, {});
   }
@@ -1603,9 +1603,9 @@ export class BlockNoteEditor<
    * @param html The HTML string to parse blocks from.
    * @returns The blocks parsed from the HTML string.
    */
-  public async tryParseHTMLToBlocks(
+  public tryParseHTMLToBlocks(
     html: string,
-  ): Promise<Block<BSchema, ISchema, SSchema>[]> {
+  ): Block<BSchema, ISchema, SSchema>[] {
     return HTMLToBlocks(html, this.pmSchema);
   }
 
@@ -1615,9 +1615,9 @@ export class BlockNoteEditor<
    * @param blocks An array of blocks that should be serialized into Markdown.
    * @returns The blocks, serialized as a Markdown string.
    */
-  public async blocksToMarkdownLossy(
+  public blocksToMarkdownLossy(
     blocks: PartialBlock<BSchema, ISchema, SSchema>[] = this.document,
-  ): Promise<string> {
+  ): string {
     return blocksToMarkdown(blocks, this.pmSchema, this, {});
   }
 
@@ -1832,14 +1832,6 @@ export class BlockNoteEditor<
     this.showSelectionPlugin.setEnabled(forceSelectionVisible);
   }
 
-  /**
-   * This will convert HTML into a format that is compatible with BlockNote.
-   */
-  private convertHtmlToBlockNoteHtml(html: string) {
-    const htmlNode = nestedListsToBlockNoteStructure(html.trim());
-    return htmlNode.innerHTML;
-  }
-
   /**
    * Paste HTML into the editor. Defaults to converting HTML to BlockNote HTML.
    * @param html The HTML to paste.
@@ -1848,7 +1840,8 @@ export class BlockNoteEditor<
   public pasteHTML(html: string, raw = false) {
     let htmlToPaste = html;
     if (!raw) {
-      htmlToPaste = this.convertHtmlToBlockNoteHtml(html);
+      const blocks = this.tryParseHTMLToBlocks(html);
+      htmlToPaste = this.blocksToFullHTML(blocks);
     }
     if (!htmlToPaste) {
       return;
@@ -1868,7 +1861,8 @@ export class BlockNoteEditor<
    * Paste markdown into the editor.
    * @param markdown The markdown to paste.
    */
-  public async pasteMarkdown(markdown: string) {
-    return this.pasteHTML(await markdownToHTML(markdown));
+  public pasteMarkdown(markdown: string) {
+    const html = markdownToHTML(markdown);
+    return this.pasteHTML(html);
   }
 }

package/src/editor/BlockNoteExtensions.ts

@@ -57,6 +57,7 @@ import type {
   BlockNoteEditorOptions,
   SupportedExtension,
 } from "./BlockNoteEditor.js";
+import { BlockNoteSchema } from "./BlockNoteSchema.js";
 import { ForkYDocPlugin } from "../extensions/Collaboration/ForkYDocPlugin.js";
 
 type ExtensionOptions<
@@ -92,6 +93,7 @@ type ExtensionOptions<
   >;
   tabBehavior?: "prefer-navigate-ui" | "prefer-indent";
   comments?: {
+    schema?: BlockNoteSchema<any, any, any>;
     threadStore: ThreadStore;
   };
   pasteHandler: BlockNoteEditorOptions<any, any, any>["pasteHandler"];
@@ -156,6 +158,7 @@ export const getBlockNoteExtensions = <
       opts.editor,
       opts.comments.threadStore,
       CommentMark.name,
+      opts.comments.schema,
     );
   }
 

package/src/editor/editor.css

@@ -176,6 +176,11 @@ Tippy popups that are appended to document.body directly
   text-align: left;
 }
 
+.bn-editor [data-content-type="table"] th > p,
+.bn-editor [data-content-type="table"] td > p {
+  min-height: 1.5rem;
+}
+
 /* tiptap uses colwidth instead of data-colwidth, se we need to adjust this style from prosemirror-tables */
 .ProseMirror td,
 .ProseMirror th {

package/src/extensions/Comments/CommentsPlugin.ts

@@ -10,6 +10,7 @@ import type {
 } from "../../comments/index.js";
 import { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import { BlockNoteExtension } from "../../editor/BlockNoteExtension.js";
+import { BlockNoteSchema } from "../../editor/BlockNoteSchema.js";
 import { UserStore } from "./userstore/UserStore.js";
 
 const PLUGIN_KEY = new PluginKey(`blocknote-comments`);
@@ -134,6 +135,7 @@ export class CommentsPlugin extends BlockNoteExtension {
     private readonly editor: BlockNoteEditor<any, any, any>,
     public readonly threadStore: ThreadStore,
     private readonly markType: string,
+    public readonly commentEditorSchema?: BlockNoteSchema<any, any, any>,
   ) {
     super();
 

package/src/extensions/SideMenu/SideMenuPlugin.ts

@@ -17,7 +17,6 @@ import {
   InlineContentSchema,
   StyleSchema,
 } from "../../schema/index.js";
-import { initializeESMDependencies } from "../../util/esmDependencies.js";
 import { getDraggableBlockFromElement } from "../getDraggableBlockFromElement.js";
 import { dragStart, unsetDragImage } from "./dragging.js";
 
@@ -171,7 +170,6 @@ export class SideMenuView<
       this.onDragEnd as EventListener,
       true,
     );
-    initializeESMDependencies();
 
     // Shows or updates menu position whenever the cursor moves, if the menu isn't frozen.
     this.pmView.root.addEventListener(

package/src/i18n/locales/ar.ts

@@ -169,18 +169,12 @@ export const ar: Dictionary = {
     comment_reply: "أضف تعليقًا...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "إضافة صورة",
-    },
-    video: {
-      add_button_text: "إضافة فيديو",
-    },
-    audio: {
-      add_button_text: "إضافة صوت",
-    },
-    file: {
-      add_button_text: "إضافة ملف",
-    },
+    add_button_text: {
+      image: "إضافة صورة",
+      video: "إضافة فيديو",
+      audio: "إضافة صوت",
+      file: "إضافة ملف",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "تبديل فارغ. انقر لإضافة كتلة.",

package/src/i18n/locales/de.ts

@@ -204,18 +204,12 @@ export const de: Dictionary = {
     comment_reply: "Kommentar hinzufügen …",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Bild hinzufügen",
-    },
-    video: {
-      add_button_text: "Video hinzufügen",
-    },
-    audio: {
-      add_button_text: "Audio hinzufügen",
-    },
-    file: {
-      add_button_text: "Datei hinzufügen",
-    },
+    add_button_text: {
+      image: "Bild hinzufügen",
+      video: "Video hinzufügen",
+      audio: "Audio hinzufügen",
+      file: "Datei hinzufügen",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button:

package/src/i18n/locales/en.ts

@@ -184,18 +184,12 @@ export const en = {
     comment_reply: "Add comment...",
   } as Record<string | "default" | "emptyDocument", string | undefined>,
   file_blocks: {
-    image: {
-      add_button_text: "Add image",
-    },
-    video: {
-      add_button_text: "Add video",
-    },
-    audio: {
-      add_button_text: "Add audio",
-    },
-    file: {
-      add_button_text: "Add file",
-    },
+    add_button_text: {
+      image: "Add image",
+      video: "Add video",
+      audio: "Add audio",
+      file: "Add file",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Empty toggle. Click to add a block.",

package/src/i18n/locales/es.ts

@@ -184,18 +184,12 @@ export const es: Dictionary = {
     comment_reply: "Agregar comentario...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Agregar imagen",
-    },
-    video: {
-      add_button_text: "Agregar vídeo",
-    },
-    audio: {
-      add_button_text: "Agregar audio",
-    },
-    file: {
-      add_button_text: "Agregar archivo",
-    },
+    add_button_text: {
+      image: "Agregar imagen",
+      video: "Agregar vídeo",
+      audio: "Agregar audio",
+      file: "Agregar archivo",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Toggle vacío. Haz clic para añadir un bloque.",

package/src/i18n/locales/fr.ts

@@ -230,18 +230,12 @@ export const fr: Dictionary = {
     comment_reply: "Ajouter un commentaire...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Ajouter une image",
-    },
-    video: {
-      add_button_text: "Ajouter une vidéo",
-    },
-    audio: {
-      add_button_text: "Ajouter un audio",
-    },
-    file: {
-      add_button_text: "Ajouter un fichier",
-    },
+    add_button_text: {
+      image: "Ajouter une image",
+      video: "Ajouter une vidéo",
+      audio: "Ajouter un audio",
+      file: "Ajouter un fichier",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Toggle vide. Cliquez pour ajouter un bloc.",

package/src/i18n/locales/he.ts

@@ -186,18 +186,12 @@ export const he: Dictionary = {
     comment_reply: "הוסף תגובה...",
   } as Record<string | "default" | "emptyDocument", string | undefined>,
   file_blocks: {
-    image: {
-      add_button_text: "הוסף תמונה",
-    },
-    video: {
-      add_button_text: "הוסף וידאו",
-    },
-    audio: {
-      add_button_text: "הוסף אודיו",
-    },
-    file: {
-      add_button_text: "הוסף קובץ",
-    },
+    add_button_text: {
+      image: "הוסף תמונה",
+      video: "הוסף וידאו",
+      audio: "הוסף אודיו",
+      file: "הוסף קובץ",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "מתג ריק. לחץ כדי להוסיף בלוק.",

package/src/i18n/locales/hr.ts

@@ -197,18 +197,12 @@ export const hr: Dictionary = {
     comment_reply: "Dodaj komentar...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Dodaj sliku",
-    },
-    video: {
-      add_button_text: "Dodaj video",
-    },
-    audio: {
-      add_button_text: "Dodaj audio",
-    },
-    file: {
-      add_button_text: "Dodaj datoteku",
-    },
+    add_button_text: {
+      image: "Dodaj sliku",
+      video: "Dodaj video",
+      audio: "Dodaj audio",
+      file: "Dodaj datoteku",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Prazan sklopivi blok. Klikni da dodaš sadržaj.",

package/src/i18n/locales/is.ts

@@ -198,18 +198,12 @@ export const is: Dictionary = {
     comment_reply: "Bæta við athugasemd...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Bæta við mynd",
-    },
-    video: {
-      add_button_text: "Bæta við myndbandi",
-    },
-    audio: {
-      add_button_text: "Bæta við hljóði",
-    },
-    file: {
-      add_button_text: "Bæta við skrá",
-    },
+    add_button_text: {
+      image: "Bæta við mynd",
+      video: "Bæta við myndbandi",
+      audio: "Bæta við hljóði",
+      file: "Bæta við skrá",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Tóm fellilína. Smelltu til að bæta við blokk.",

package/src/i18n/locales/it.ts

@@ -206,18 +206,12 @@ export const it: Dictionary = {
     comment_reply: "Aggiungi commento...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Aggiungi immagine",
-    },
-    video: {
-      add_button_text: "Aggiungi video",
-    },
-    audio: {
-      add_button_text: "Aggiungi audio",
-    },
-    file: {
-      add_button_text: "Aggiungi file",
-    },
+    add_button_text: {
+      image: "Aggiungi immagine",
+      video: "Aggiungi video",
+      audio: "Aggiungi audio",
+      file: "Aggiungi file",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Toggle vuoto. Clicca per aggiungere un blocco.",

package/src/i18n/locales/ja.ts

@@ -224,18 +224,12 @@ export const ja: Dictionary = {
     comment_reply: "コメントを追加...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "画像を追加",
-    },
-    video: {
-      add_button_text: "ビデオを追加",
-    },
-    audio: {
-      add_button_text: "オーディオを追加",
-    },
-    file: {
-      add_button_text: "ファイルを追加",
-    },
+    add_button_text: {
+      image: "画像を追加",
+      video: "ビデオを追加",
+      audio: "オーディオを追加",
+      file: "ファイルを追加",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "空のトグルです。クリックしてブロックを追加。",

package/src/i18n/locales/ko.ts

@@ -197,18 +197,12 @@ export const ko: Dictionary = {
     comment_reply: "댓글 추가...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "이미지 추가",
-    },
-    video: {
-      add_button_text: "비디오 추가",
-    },
-    audio: {
-      add_button_text: "오디오 추가",
-    },
-    file: {
-      add_button_text: "파일 추가",
-    },
+    add_button_text: {
+      image: "이미지 추가",
+      video: "비디오 추가",
+      audio: "오디오 추가",
+      file: "파일 추가",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "비어 있는 토글입니다. 클릭하여 블록을 추가하세요.",

package/src/i18n/locales/nl.ts

@@ -185,18 +185,12 @@ export const nl: Dictionary = {
     comment_reply: "Reactie toevoegen...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Afbeelding toevoegen",
-    },
-    video: {
-      add_button_text: "Video toevoegen",
-    },
-    audio: {
-      add_button_text: "Audio toevoegen",
-    },
-    file: {
-      add_button_text: "Bestand toevoegen",
-    },
+    add_button_text: {
+      image: "Afbeelding toevoegen",
+      video: "Video toevoegen",
+      audio: "Audio toevoegen",
+      file: "Bestand toevoegen",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Lege uitklapper. Klik om een blok toe te voegen.",

package/src/i18n/locales/no.ts

@@ -203,18 +203,12 @@ export const no: Dictionary = {
     comment_reply: "Legg til kommentar...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Legg til bilde",
-    },
-    video: {
-      add_button_text: "Legg til video",
-    },
-    audio: {
-      add_button_text: "Legg til lyd",
-    },
-    file: {
-      add_button_text: "Legg til fil",
-    },
+    add_button_text: {
+      image: "Legg til bilde",
+      video: "Legg til video",
+      audio: "Legg til lyd",
+      file: "Legg til fil",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Tomt toggle. Klikk for å legge til en blokk.",

package/src/i18n/locales/pl.ts

@@ -175,18 +175,12 @@ export const pl: Dictionary = {
     comment_reply: "Dodaj komentarz...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Dodaj zdjęcie",
-    },
-    video: {
-      add_button_text: "Dodaj wideo",
-    },
-    audio: {
-      add_button_text: "Dodaj audio",
-    },
-    file: {
-      add_button_text: "Dodaj plik",
-    },
+    add_button_text: {
+      image: "Dodaj zdjęcie",
+      video: "Dodaj wideo",
+      audio: "Dodaj audio",
+      file: "Dodaj plik",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button:

package/src/i18n/locales/pt.ts

@@ -176,18 +176,12 @@ export const pt: Dictionary = {
     comment_reply: "Adicionar comentário...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Adicionar imagem",
-    },
-    video: {
-      add_button_text: "Adicionar vídeo",
-    },
-    audio: {
-      add_button_text: "Adicionar áudio",
-    },
-    file: {
-      add_button_text: "Adicionar arquivo",
-    },
+    add_button_text: {
+      image: "Adicionar imagem",
+      video: "Adicionar vídeo",
+      audio: "Adicionar áudio",
+      file: "Adicionar arquivo",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Toggle vazio. Clique para adicionar um bloco.",

package/src/i18n/locales/ru.ts

@@ -227,18 +227,12 @@ export const ru: Dictionary = {
     comment_reply: "Добавить комментарий...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Добавить изображение",
-    },
-    video: {
-      add_button_text: "Добавить видео",
-    },
-    audio: {
-      add_button_text: "Добавить аудио",
-    },
-    file: {
-      add_button_text: "Добавить файл",
-    },
+    add_button_text: {
+      image: "Добавить изображение",
+      video: "Добавить видео",
+      audio: "Добавить аудио",
+      file: "Добавить файл",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Пустой переключатель. Нажмите, чтобы добавить блок.",

package/src/i18n/locales/sk.ts

@@ -184,18 +184,12 @@ export const sk = {
     comment_reply: "Pridať komentár...",
   } as Record<string | "default" | "emptyDocument", string | undefined>,
   file_blocks: {
-    image: {
-      add_button_text: "Pridať obrázok",
-    },
-    video: {
-      add_button_text: "Pridať video",
-    },
-    audio: {
-      add_button_text: "Pridať audio",
-    },
-    file: {
-      add_button_text: "Pridať súbor",
-    },
+    add_button_text: {
+      image: "Pridať obrázok",
+      video: "Pridať video",
+      audio: "Pridať audio",
+      file: "Pridať súbor",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Prázdne prepínanie. Kliknite pre pridanie bloku.",

package/src/i18n/locales/uk.ts

@@ -209,18 +209,12 @@ export const uk: Dictionary = {
     comment_reply: "Додати коментар...",
   },
   file_blocks: {
-    image: {
-      add_button_text: "Додати зображення",
-    },
-    video: {
-      add_button_text: "Додати відео",
-    },
-    audio: {
-      add_button_text: "Додати аудіо",
-    },
-    file: {
-      add_button_text: "Додати файл",
-    },
+    add_button_text: {
+      image: "Додати зображення",
+      video: "Додати відео",
+      audio: "Додати аудіо",
+      file: "Додати файл",
+    } as Record<string, string>,
   },
   toggle_blocks: {
     add_block_button: "Порожній перемикач. Натисніть, щоб додати блок.",