@blocknote/core 0.12.4 → 0.13.2

package/src/i18n/locales/fr.ts

@@ -0,0 +1,196 @@
+export const fr = {
+  slash_menu: {
+    heading: {
+      title: "Titre 1",
+      subtext: "Utilisé pour un titre de premier niveau",
+      aliases: ["h", "titre1", "h1"],
+      group: "Titres",
+    },
+    heading_2: {
+      title: "Titre 2",
+      subtext: "Utilisé pour les sections clés",
+      aliases: ["h2", "titre2", "sous-titre"],
+      group: "Titres",
+    },
+    heading_3: {
+      title: "Titre 3",
+      subtext: "Utilisé pour les sous-sections et les titres de groupe",
+      aliases: ["h3", "titre3", "sous-titre"],
+      group: "Titres",
+    },
+    numbered_list: {
+      title: "Liste Numérotée",
+      subtext: "Utilisé pour afficher une liste numérotée",
+      aliases: ["ol", "li", "liste", "listenumérotée", "liste numérotée"],
+      group: "Blocs de base",
+    },
+    bullet_list: {
+      title: "Liste à Puces",
+      subtext: "Utilisé pour afficher une liste non ordonnée",
+      aliases: ["ul", "li", "liste", "listeàpuces", "liste à puces"],
+      group: "Blocs de base",
+    },
+    paragraph: {
+      title: "Paragraphe",
+      subtext: "Utilisé pour le corps de votre document",
+      aliases: ["p", "paragraphe"],
+      group: "Blocs de base",
+    },
+    table: {
+      title: "Tableau",
+      subtext: "Utilisé pour les tableaux",
+      aliases: ["tableau"],
+      group: "Avancé",
+    },
+    image: {
+      title: "Image",
+      subtext: "Insérer une image",
+      aliases: [
+        "image",
+        "uploadImage",
+        "télécharger",
+        "img",
+        "photo",
+        "média",
+        "url",
+        "drive",
+        "dropbox",
+      ],
+      group: "Médias",
+    },
+  },
+  placeholders: {
+    default: "Entrez du texte ou tapez '/' pour les commandes",
+    heading: "Titre",
+    bulletListItem: "Liste",
+    numberedListItem: "Liste",
+  },
+  image: {
+    add_button: "Ajouter une Image",
+  },
+  // from react package:
+  side_menu: {
+    add_block_label: "Ajouter un bloc",
+    drag_handle_label: "Ouvrir le menu du bloc",
+  },
+  drag_handle: {
+    delete_menuitem: "Supprimer",
+    colors_menuitem: "Couleurs",
+  },
+  table_handle: {
+    delete_column_menuitem: "Supprimer la colonne",
+    delete_row_menuitem: "Supprimer la ligne",
+    add_left_menuitem: "Ajouter une colonne à gauche",
+    add_right_menuitem: "Ajouter une colonne à droite",
+    add_above_menuitem: "Ajouter une ligne au-dessus",
+    add_below_menuitem: "Ajouter une ligne en dessous",
+  },
+  suggestion_menu: {
+    no_items_title: "Aucun élément trouvé",
+    loading: "Chargement…",
+  },
+  color_picker: {
+    text_title: "Texte",
+    background_title: "Fond",
+    colors: {
+      default: "Défaut",
+      gray: "Gris",
+      brown: "Marron",
+      red: "Rouge",
+      orange: "Orange",
+      yellow: "Jaune",
+      green: "Vert",
+      blue: "Bleu",
+      purple: "Violet",
+      pink: "Rose",
+    },
+  },
+
+  formatting_toolbar: {
+    bold: {
+      tooltip: "Gras",
+      secondary_tooltip: "Mod+B",
+    },
+    italic: {
+      tooltip: "Italique",
+      secondary_tooltip: "Mod+I",
+    },
+    underline: {
+      tooltip: "Souligner",
+      secondary_tooltip: "Mod+U",
+    },
+    strike: {
+      tooltip: "Barré",
+      secondary_tooltip: "Mod+Shift+X",
+    },
+    code: {
+      tooltip: "Code",
+      secondary_tooltip: "",
+    },
+    colors: {
+      tooltip: "Couleurs",
+    },
+    link: {
+      tooltip: "Créer un lien",
+      secondary_tooltip: "Mod+K",
+    },
+    image_caption: {
+      tooltip: "Modifier la légende",
+      input_placeholder: "Modifier la légende",
+    },
+    image_replace: {
+      tooltip: "Remplacer l'image",
+    },
+    nest: {
+      tooltip: "Emboîter le bloc",
+      secondary_tooltip: "Tab",
+    },
+    unnest: {
+      tooltip: "Démboîter le bloc",
+      secondary_tooltip: "Shift+Tab",
+    },
+    align_left: {
+      tooltip: "Aligner le texte à gauche",
+    },
+    align_center: {
+      tooltip: "Aligner le texte au centre",
+    },
+    align_right: {
+      tooltip: "Aligner le texte à droite",
+    },
+    align_justify: {
+      tooltip: "Justifier le texte",
+    },
+  },
+  image_panel: {
+    upload: {
+      title: "Télécharger",
+      file_placeholder: "Télécharger l'image",
+      upload_error: "Erreur : Échec du téléchargement",
+    },
+    embed: {
+      title: "Intégrer",
+      embed_button: "Intégrer l'image",
+      url_placeholder: "Entrez l'URL",
+    },
+  },
+  link_toolbar: {
+    delete: {
+      tooltip: "Supprimer le lien",
+    },
+    edit: {
+      text: "Modifier le lien",
+      tooltip: "Modifier",
+    },
+    open: {
+      tooltip: "Ouvrir dans un nouvel onglet",
+    },
+    form: {
+      title_placeholder: "Modifier le titre",
+      url_placeholder: "Modifier l'URL",
+    },
+  },
+  generic: {
+    ctrl_shortcut: "Ctrl",
+  },
+};

package/src/i18n/locales/index.ts

@@ -0,0 +1,4 @@
+export * from "./en";
+export * from "./nl";
+export * from "./zh";
+export * from "./fr";

package/src/i18n/locales/nl.ts

@@ -0,0 +1,197 @@
+import type { Dictionary } from "../dictionary";
+
+export const nl: Dictionary = {
+  slash_menu: {
+    heading: {
+      title: "Kop 1",
+      subtext: "Gebruikt voor een hoofdkop",
+      aliases: ["h", "kop1", "h1"],
+      group: "Koppen",
+    },
+    heading_2: {
+      title: "Kop 2",
+      subtext: "Gebruikt voor belangrijke secties",
+      aliases: ["h2", "kop2", "subkop"],
+      group: "Koppen",
+    },
+    heading_3: {
+      title: "Kop 3",
+      subtext: "Gebruikt voor subsecties en groepskoppen",
+      aliases: ["h3", "kop3", "subkop"],
+      group: "Koppen",
+    },
+    numbered_list: {
+      title: "Genummerde Lijst",
+      subtext: "Gebruikt om een genummerde lijst weer te geven",
+      aliases: ["ol", "li", "lijst", "genummerdelijst", "genummerde lijst"],
+      group: "Basisblokken",
+    },
+    bullet_list: {
+      title: "Puntenlijst",
+      subtext: "Gebruikt om een ongeordende lijst weer te geven",
+      aliases: ["ul", "li", "lijst", "puntenlijst", "punten lijst"],
+      group: "Basisblokken",
+    },
+    paragraph: {
+      title: "Paragraaf",
+      subtext: "Gebruikt voor de hoofdtekst van uw document",
+      aliases: ["p", "paragraaf"],
+      group: "Basisblokken",
+    },
+    table: {
+      title: "Tabel",
+      subtext: "Gebruikt voor tabellen",
+      aliases: ["tabel"],
+      group: "Geavanceerd",
+    },
+    image: {
+      title: "Afbeelding",
+      subtext: "Voeg een afbeelding in",
+      aliases: [
+        "afbeelding",
+        "imageUpload",
+        "upload",
+        "img",
+        "foto",
+        "media",
+        "url",
+        "drive",
+        "dropbox",
+      ],
+      group: "Media",
+    },
+  },
+  placeholders: {
+    default: "Voer tekst in of type '/' voor commando's",
+    heading: "Kop",
+    bulletListItem: "Lijst",
+    numberedListItem: "Lijst",
+  },
+  image: {
+    add_button: "Afbeelding toevoegen",
+  },
+  // from react package:
+  side_menu: {
+    add_block_label: "Nieuw blok",
+    drag_handle_label: "Open blok menu",
+  },
+  drag_handle: {
+    delete_menuitem: "Verwijder",
+    colors_menuitem: "Kleuren",
+  },
+  table_handle: {
+    delete_column_menuitem: "Verwijder kolom",
+    delete_row_menuitem: "Verwijder rij",
+    add_left_menuitem: "Voeg kolom links toe",
+    add_right_menuitem: "Voeg kolom rechts toe",
+    add_above_menuitem: "Voeg rij boven toe",
+    add_below_menuitem: "Voeg rij onder toe",
+  },
+  suggestion_menu: {
+    no_items_title: "Geen items gevonden",
+    loading: "Laden…",
+  },
+  color_picker: {
+    text_title: "Tekst",
+    background_title: "Achtergrond",
+    colors: {
+      default: "Standaard",
+      gray: "Grijs",
+      brown: "Bruin",
+      red: "Rood",
+      orange: "Oranje",
+      yellow: "Geel",
+      green: "Groen",
+      blue: "Blauw",
+      purple: "Paars",
+      pink: "Roze",
+    },
+  },
+  formatting_toolbar: {
+    bold: {
+      tooltip: "Vet",
+      secondary_tooltip: "Mod+B",
+    },
+    italic: {
+      tooltip: "Cursief",
+      secondary_tooltip: "Mod+I",
+    },
+    underline: {
+      tooltip: "Onderstrepen",
+      secondary_tooltip: "Mod+U",
+    },
+    strike: {
+      tooltip: "Doorstrepen",
+      secondary_tooltip: "Mod+Shift+X",
+    },
+    code: {
+      tooltip: "Code",
+      secondary_tooltip: "",
+    },
+    colors: {
+      tooltip: "Kleuren",
+    },
+    link: {
+      tooltip: "Maak link",
+      secondary_tooltip: "Mod+K",
+    },
+    image_caption: {
+      tooltip: "Bewerk onderschrift",
+      input_placeholder: "Bewerk onderschrift",
+    },
+    image_replace: {
+      tooltip: "Vervang afbeelding",
+    },
+    nest: {
+      tooltip: "Nest blok",
+      secondary_tooltip: "Tab",
+    },
+    unnest: {
+      tooltip: "Ontnest blok",
+      secondary_tooltip: "Shift+Tab",
+    },
+    align_left: {
+      tooltip: "Tekst links uitlijnen",
+    },
+    align_center: {
+      tooltip: "Tekst centreren",
+    },
+    align_right: {
+      tooltip: "Tekst rechts uitlijnen",
+    },
+    align_justify: {
+      tooltip: "Tekst uitvullen",
+    },
+  },
+  image_panel: {
+    upload: {
+      title: "Upload",
+      file_placeholder: "Upload afbeelding",
+      upload_error: "Fout: Upload mislukt",
+    },
+    embed: {
+      title: "Insluiten",
+      embed_button: "Insluiten afbeelding",
+      url_placeholder: "Voer URL in",
+    },
+  },
+  link_toolbar: {
+    delete: {
+      tooltip: "Verwijder link",
+    },
+    edit: {
+      text: "Bewerk link",
+      tooltip: "Bewerk",
+    },
+    open: {
+      tooltip: "Open in nieuw tabblad",
+    },
+    form: {
+      title_placeholder: "Bewerk titel",
+      url_placeholder: "Bewerk URL",
+    },
+  },
+  generic: {
+    ctrl_shortcut: "Ctrl",
+  },
+};

package/src/i18n/locales/zh.ts

@@ -0,0 +1,213 @@
+import type { Dictionary } from "../dictionary";
+
+export const zh: Dictionary = {
+  slash_menu: {
+    heading: {
+      title: "一级标题",
+      subtext: "用于顶级标题",
+      aliases: ["h", "heading1", "h1", "标题", "一级标题"],
+      group: "标题",
+    },
+    heading_2: {
+      title: "二级标题",
+      subtext: "用于关键部分",
+      aliases: ["h2", "heading2", "subheading", "标题", "二级标题", "副标题"],
+      group: "标题",
+    },
+    heading_3: {
+      title: "三级标题",
+      subtext: "用于小节和分组标题",
+      aliases: ["h3", "heading3", "subheading", "标题", "三级标题"],
+      group: "标题",
+    },
+    numbered_list: {
+      title: "有序列表",
+      subtext: "用于显示有序列表",
+      aliases: [
+        "ol",
+        "li",
+        "list",
+        "numberedlist",
+        "numbered list",
+        "列表",
+        "有序列表",
+      ],
+      group: "基础",
+    },
+    bullet_list: {
+      title: "无序列表",
+      subtext: "用于显示无序列表",
+      aliases: [
+        "ul",
+        "li",
+        "list",
+        "bulletlist",
+        "bullet list",
+        "列表",
+        "无序列表",
+      ],
+      group: "基础",
+    },
+    paragraph: {
+      title: "段落",
+      subtext: "用于文档正文",
+      aliases: ["p", "paragraph", "text", "正文"],
+      group: "基础",
+    },
+    table: {
+      title: "表格",
+      subtext: "使用表格",
+      aliases: ["table", "表格"],
+      group: "高级功能",
+    },
+    image: {
+      title: "图片",
+      subtext: "插入图片",
+      aliases: [
+        "图片",
+        "上传图片",
+        "上传",
+        "image",
+        "img",
+        "相册",
+        "媒体",
+        "url",
+      ],
+      group: "媒体",
+    },
+  },
+  placeholders: {
+    default: "输入 '/' 以使用命令",
+    heading: "标题",
+    bulletListItem: "列表",
+    numberedListItem: "列表",
+  },
+  image: {
+    add_button: "添加图片",
+  },
+  // from react package:
+  side_menu: {
+    add_block_label: "添加块",
+    drag_handle_label: "打开菜单",
+  },
+  drag_handle: {
+    delete_menuitem: "删除",
+    colors_menuitem: "颜色",
+  },
+  table_handle: {
+    delete_column_menuitem: "删除列",
+    delete_row_menuitem: "删除行",
+    add_left_menuitem: "左侧添加列",
+    add_right_menuitem: "右侧添加列",
+    add_above_menuitem: "上方添加行",
+    add_below_menuitem: "下方添加行",
+  },
+  suggestion_menu: {
+    no_items_title: "无匹配项",
+    loading: "加载中…",
+  },
+  color_picker: {
+    text_title: "文本",
+    background_title: "背景色",
+    colors: {
+      default: "默认",
+      gray: "灰色",
+      brown: "棕色",
+      red: "红色",
+      orange: "橙色",
+      yellow: "黄色",
+      green: "绿色",
+      blue: "蓝色",
+      purple: "紫色",
+      pink: "粉色",
+    },
+  },
+
+  formatting_toolbar: {
+    bold: {
+      tooltip: "加粗",
+      secondary_tooltip: "Mod+B",
+    },
+    italic: {
+      tooltip: "斜体",
+      secondary_tooltip: "Mod+I",
+    },
+    underline: {
+      tooltip: "下划线",
+      secondary_tooltip: "Mod+U",
+    },
+    strike: {
+      tooltip: "删除线",
+      secondary_tooltip: "Mod+Shift+X",
+    },
+    code: {
+      tooltip: "代码标记",
+      secondary_tooltip: "",
+    },
+    colors: {
+      tooltip: "颜色",
+    },
+    link: {
+      tooltip: "添加链接",
+      secondary_tooltip: "Mod+K",
+    },
+    image_caption: {
+      tooltip: "编辑标题",
+      input_placeholder: "编辑标题",
+    },
+    image_replace: {
+      tooltip: "替换图片",
+    },
+    nest: {
+      tooltip: "嵌套",
+      secondary_tooltip: "Tab",
+    },
+    unnest: {
+      tooltip: "取消嵌套",
+      secondary_tooltip: "Shift+Tab",
+    },
+    align_left: {
+      tooltip: "左对齐",
+    },
+    align_center: {
+      tooltip: "居中",
+    },
+    align_right: {
+      tooltip: "右对齐",
+    },
+    align_justify: {
+      tooltip: "文本对齐",
+    },
+  },
+  image_panel: {
+    upload: {
+      title: "上传",
+      file_placeholder: "上传图片",
+      upload_error: "Error：上传失败",
+    },
+    embed: {
+      title: "嵌入",
+      embed_button: "嵌入图片",
+      url_placeholder: "输入图片地址",
+    },
+  },
+  link_toolbar: {
+    delete: {
+      tooltip: "清除链接",
+    },
+    edit: {
+      text: "编辑链接",
+      tooltip: "编辑",
+    },
+    open: {
+      tooltip: "新窗口打开",
+    },
+    form: {
+      title_placeholder: "编辑标题",
+      url_placeholder: "编辑链接地址",
+    },
+  },
+  generic: {
+    ctrl_shortcut: "Ctrl",
+  },
+};

package/src/index.ts

@@ -1,3 +1,4 @@
+import * as locales from "./i18n/locales";
 export * from "./api/exporters/html/externalHTMLExporter";
 export * from "./api/exporters/html/internalHTMLSerializer";
 export * from "./api/testUtil";
@@ -25,4 +26,6 @@ export * from "./util/string";
 export * from "./api/nodeConversions/nodeConversions";
 export * from "./api/testUtil/partialBlockTestUtil";
 export * from "./extensions/UniqueID/UniqueID";
-export { UnreachableCaseError } from "./util/typescript";
+export * from "./i18n/dictionary";
+export { UnreachableCaseError, assertEmpty } from "./util/typescript";
+export { locales };

package/src/pm-nodes/BlockContainer.ts

@@ -62,7 +62,7 @@ declare module "@tiptap/core" {
  */
 export const BlockContainer = Node.create<{
   domAttributes?: BlockNoteDOMAttributes;
-  editor: BlockNoteEditor<BlockSchema, InlineContentSchema, StyleSchema>;
+  editor: BlockNoteEditor<any, any, any>;
 }>({
   name: "blockContainer",
   group: "blockContainer",
@@ -139,7 +139,7 @@ export const BlockContainer = Node.create<{
             state.schema.nodes["blockContainer"].createAndFill()!;
 
           if (dispatch) {
-            state.tr.insert(pos, newBlock);
+            state.tr.insert(pos, newBlock).scrollIntoView();
           }
 
           return true;
@@ -470,6 +470,8 @@ export const BlockContainer = Node.create<{
                   )
                 : undefined
             );
+
+            state.tr.scrollIntoView();
           }
 
           return true;
@@ -686,10 +688,26 @@ export const BlockContainer = Node.create<{
       // Always returning true for tab key presses ensures they're not captured by the browser. Otherwise, they blur the
       // editor since the browser will try to use tab for keyboard navigation.
       Tab: () => {
+        if (
+          this.options.editor.formattingToolbar?.shown ||
+          this.options.editor.linkToolbar?.shown ||
+          this.options.editor.imagePanel?.shown
+        ) {
+          // don't handle tabs if a toolbar is shown, so we can tab into / out of it
+          return false;
+        }
         this.editor.commands.sinkListItem("blockContainer");
         return true;
       },
       "Shift-Tab": () => {
+        if (
+          this.options.editor.formattingToolbar?.shown ||
+          this.options.editor.linkToolbar?.shown ||
+          this.options.editor.imagePanel?.shown
+        ) {
+          // don't handle tabs if a toolbar is shown, so we can tab into / out of it
+          return false;
+        }
         this.editor.commands.liftListItem("blockContainer");
         return true;
       },

package/src/util/browser.ts

@@ -4,11 +4,11 @@ export const isAppleOS = () =>
     (/AppleWebKit/.test(navigator.userAgent) &&
       /Mobile\/\w+/.test(navigator.userAgent)));
 
-export function formatKeyboardShortcut(shortcut: string) {
+export function formatKeyboardShortcut(shortcut: string, ctrlText = "Ctrl") {
   if (isAppleOS()) {
     return shortcut.replace("Mod", "⌘");
   } else {
-    return shortcut.replace("Mod", "Ctrl");
+    return shortcut.replace("Mod", ctrlText);
   }
 }
 

package/src/util/typescript.ts

@@ -4,5 +4,13 @@ export class UnreachableCaseError extends Error {
   }
 }
 
+export function assertEmpty(obj: Record<string, never>, throwError = true) {
+  const { "data-test": dataTest, ...rest } = obj; // exclude data-test
+
+  if (Object.keys(rest).length > 0 && throwError) {
+    throw new Error("Object must be empty " + JSON.stringify(obj));
+  }
+}
+
 // TODO: change for built-in version of typescript 5.4 after upgrade
 export type NoInfer<T> = [T][T extends any ? 0 : never];