@blocknote/core 0.13.0 → 0.13.2

package/dist/webpack-stats.json

@@ -1 +1 @@
-{"builtAt":1714926597310,"assets":[{"name":"blocknote.umd.cjs","size":109661},{"name":"blocknote.umd.cjs.map","size":481369}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote.umd.cjs"],"names":["index"]}],"modules":[{"name":"./src/i18n/locales/en.ts","size":4307,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/nl.ts","size":4477,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/index.ts","size":0,"chunks":["a1ee98a"]},{"name":"./src/extensions/UniqueID/UniqueID.ts","size":8518,"chunks":["a1ee98a"]},{"name":"./src/api/getBlockInfoFromPos.ts","size":1691,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/types.ts","size":302,"chunks":["a1ee98a"]},{"name":"./src/util/typescript.ts","size":331,"chunks":["a1ee98a"]},{"name":"./src/api/nodeConversions/nodeConversions.ts","size":11959,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/sharedHTMLConversion.ts","size":2293,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/simplifyBlocksRehypePlugin.ts","size":2687,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/externalHTMLExporter.ts","size":1066,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/internalHTMLSerializer.ts","size":704,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.ts","size":316,"chunks":["a1ee98a"]},{"name":"./src/util/browser.ts","size":536,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockHelpers.ts","size":1731,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultProps.ts","size":269,"chunks":["a1ee98a"]},{"name":"./src/util/string.ts","size":108,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/internal.ts","size":3701,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/createSpec.ts","size":2781,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/internal.ts","size":1357,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/createSpec.ts","size":1627,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/internal.ts","size":1162,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/createSpec.ts","size":1263,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorMark.ts","size":946,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorMark.ts","size":866,"chunks":["a1ee98a"]},{"name":"./src/api/getCurrentBlockContentType.ts","size":192,"chunks":["a1ee98a"]},{"name":"./src/blocks/HeadingBlockContent/HeadingBlockContent.ts","size":3439,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/ImageBlockContent.ts","size":9303,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.ts","size":1151,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.ts","size":2964,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.ts","size":1862,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.ts","size":3421,"chunks":["a1ee98a"]},{"name":"./src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts","size":1172,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableExtension.ts","size":1462,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableBlockContent.ts","size":1207,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlocks.ts","size":1025,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockTypeGuards.ts","size":757,"chunks":["a1ee98a"]},{"name":"./src/api/nodeUtil.ts","size":548,"chunks":["a1ee98a"]},{"name":"./src/api/blockManipulation/blockManipulation.ts","size":5738,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/removeUnderlinesRehypePlugin.ts","size":752,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/markdownExporter.ts","size":549,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/util/nestedLists.ts","size":2174,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/parseHTML.ts","size":503,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/markdown/parseMarkdown.ts","size":1054,"chunks":["a1ee98a"]},{"name":"./src/util/EventEmitter.ts","size":744,"chunks":["a1ee98a"]},{"name":"./src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts","size":4287,"chunks":["a1ee98a"]},{"name":"./src/extensions/ImagePanel/ImageToolbarPlugin.ts","size":3393,"chunks":["a1ee98a"]},{"name":"./src/extensions/LinkToolbar/LinkToolbarPlugin.ts","size":7273,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/SuggestionPlugin.ts","size":7646,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/MultipleNodeSelection.ts","size":1616,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/SideMenuPlugin.ts","size":14952,"chunks":["a1ee98a"]},{"name":"./src/extensions/TableHandles/TableHandlesPlugin.ts","size":14755,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/copyExtension.ts","size":2883,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/pasteExtension.ts","size":1131,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorExtension.ts","size":688,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextAlignment/TextAlignmentExtension.ts","size":748,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorExtension.ts","size":622,"chunks":["a1ee98a"]},{"name":"./src/extensions/TrailingNode/TrailingNodeExtension.ts","size":1594,"chunks":["a1ee98a"]},{"name":"./src/extensions/NonEditableBlocks/NonEditableBlockPlugin.ts","size":467,"chunks":["a1ee98a"]},{"name":"./src/extensions/PreviousBlockType/PreviousBlockTypePlugin.ts","size":4578,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockContainer.ts","size":17589,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockGroup.ts","size":1097,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/Doc.ts","size":90,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteExtensions.ts","size":3859,"chunks":["a1ee98a"]},{"name":"./src/editor/transformPasted.ts","size":1017,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteSchema.ts","size":827,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteTipTapEditor.ts","size":2655,"chunks":["a1ee98a"]},{"name":"./src/extensions/Placeholder/PlaceholderPlugin.ts","size":2253,"chunks":["a1ee98a"]},{"name":"./src/editor/Block.css","size":17,"chunks":["a1ee98a"]},{"name":"./src/editor/editor.css","size":18,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteEditor.ts","size":22961,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/getDefaultSlashMenuItems.ts","size":4553,"chunks":["a1ee98a"]},{"name":"./src/api/testUtil/partialBlockTestUtil.ts","size":2166,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}
+{"builtAt":1715360257829,"assets":[{"name":"blocknote.umd.cjs","size":116459},{"name":"blocknote.umd.cjs.map","size":497369}],"chunks":[{"id":"a1ee98a","entry":true,"initial":true,"files":["blocknote.umd.cjs"],"names":["index"]}],"modules":[{"name":"./src/i18n/locales/en.ts","size":4307,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/nl.ts","size":4477,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/zh.ts","size":3872,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/fr.ts","size":4639,"chunks":["a1ee98a"]},{"name":"./src/i18n/locales/index.ts","size":0,"chunks":["a1ee98a"]},{"name":"./src/extensions/UniqueID/UniqueID.ts","size":8518,"chunks":["a1ee98a"]},{"name":"./src/api/getBlockInfoFromPos.ts","size":1691,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/types.ts","size":302,"chunks":["a1ee98a"]},{"name":"./src/util/typescript.ts","size":331,"chunks":["a1ee98a"]},{"name":"./src/api/nodeConversions/nodeConversions.ts","size":11959,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/sharedHTMLConversion.ts","size":2293,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/util/simplifyBlocksRehypePlugin.ts","size":2687,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/externalHTMLExporter.ts","size":1066,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/html/internalHTMLSerializer.ts","size":704,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/uploadToTmpFilesDotOrg_DEV_ONLY.ts","size":316,"chunks":["a1ee98a"]},{"name":"./src/util/browser.ts","size":536,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockHelpers.ts","size":1731,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultProps.ts","size":269,"chunks":["a1ee98a"]},{"name":"./src/util/string.ts","size":108,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/internal.ts","size":3701,"chunks":["a1ee98a"]},{"name":"./src/schema/blocks/createSpec.ts","size":2781,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/internal.ts","size":1357,"chunks":["a1ee98a"]},{"name":"./src/schema/inlineContent/createSpec.ts","size":1627,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/internal.ts","size":1162,"chunks":["a1ee98a"]},{"name":"./src/schema/styles/createSpec.ts","size":1263,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorMark.ts","size":946,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorMark.ts","size":866,"chunks":["a1ee98a"]},{"name":"./src/api/getCurrentBlockContentType.ts","size":192,"chunks":["a1ee98a"]},{"name":"./src/blocks/HeadingBlockContent/HeadingBlockContent.ts","size":3439,"chunks":["a1ee98a"]},{"name":"./src/blocks/ImageBlockContent/ImageBlockContent.ts","size":9303,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/ListItemKeyboardShortcuts.ts","size":1151,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/BulletListItemBlockContent/BulletListItemBlockContent.ts","size":2964,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListIndexingPlugin.ts","size":1862,"chunks":["a1ee98a"]},{"name":"./src/blocks/ListItemBlockContent/NumberedListItemBlockContent/NumberedListItemBlockContent.ts","size":3421,"chunks":["a1ee98a"]},{"name":"./src/blocks/ParagraphBlockContent/ParagraphBlockContent.ts","size":1172,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableExtension.ts","size":1462,"chunks":["a1ee98a"]},{"name":"./src/blocks/TableBlockContent/TableBlockContent.ts","size":1207,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlocks.ts","size":1025,"chunks":["a1ee98a"]},{"name":"./src/blocks/defaultBlockTypeGuards.ts","size":757,"chunks":["a1ee98a"]},{"name":"./src/api/nodeUtil.ts","size":548,"chunks":["a1ee98a"]},{"name":"./src/api/blockManipulation/blockManipulation.ts","size":5738,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/removeUnderlinesRehypePlugin.ts","size":752,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/markdown/markdownExporter.ts","size":549,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/util/nestedLists.ts","size":2174,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/html/parseHTML.ts","size":503,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/markdown/parseMarkdown.ts","size":1054,"chunks":["a1ee98a"]},{"name":"./src/util/EventEmitter.ts","size":744,"chunks":["a1ee98a"]},{"name":"./src/extensions/FormattingToolbar/FormattingToolbarPlugin.ts","size":4287,"chunks":["a1ee98a"]},{"name":"./src/extensions/ImagePanel/ImageToolbarPlugin.ts","size":3393,"chunks":["a1ee98a"]},{"name":"./src/extensions/LinkToolbar/LinkToolbarPlugin.ts","size":7273,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/SuggestionPlugin.ts","size":7646,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/MultipleNodeSelection.ts","size":1616,"chunks":["a1ee98a"]},{"name":"./src/extensions/SideMenu/SideMenuPlugin.ts","size":14952,"chunks":["a1ee98a"]},{"name":"./src/extensions/TableHandles/TableHandlesPlugin.ts","size":14755,"chunks":["a1ee98a"]},{"name":"./src/api/exporters/copyExtension.ts","size":2883,"chunks":["a1ee98a"]},{"name":"./src/api/parsers/pasteExtension.ts","size":1131,"chunks":["a1ee98a"]},{"name":"./src/extensions/BackgroundColor/BackgroundColorExtension.ts","size":688,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextAlignment/TextAlignmentExtension.ts","size":748,"chunks":["a1ee98a"]},{"name":"./src/extensions/TextColor/TextColorExtension.ts","size":622,"chunks":["a1ee98a"]},{"name":"./src/extensions/TrailingNode/TrailingNodeExtension.ts","size":1594,"chunks":["a1ee98a"]},{"name":"./src/extensions/NonEditableBlocks/NonEditableBlockPlugin.ts","size":1014,"chunks":["a1ee98a"]},{"name":"./src/extensions/PreviousBlockType/PreviousBlockTypePlugin.ts","size":4578,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockContainer.ts","size":17643,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/BlockGroup.ts","size":1097,"chunks":["a1ee98a"]},{"name":"./src/pm-nodes/Doc.ts","size":90,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteExtensions.ts","size":3884,"chunks":["a1ee98a"]},{"name":"./src/editor/transformPasted.ts","size":1017,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteSchema.ts","size":827,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteTipTapEditor.ts","size":2655,"chunks":["a1ee98a"]},{"name":"./src/extensions/Placeholder/PlaceholderPlugin.ts","size":2253,"chunks":["a1ee98a"]},{"name":"./src/editor/Block.css","size":17,"chunks":["a1ee98a"]},{"name":"./src/editor/editor.css","size":18,"chunks":["a1ee98a"]},{"name":"./src/editor/BlockNoteEditor.ts","size":22961,"chunks":["a1ee98a"]},{"name":"./src/extensions/SuggestionMenu/getDefaultSlashMenuItems.ts","size":4553,"chunks":["a1ee98a"]},{"name":"./src/api/testUtil/partialBlockTestUtil.ts","size":2166,"chunks":["a1ee98a"]},{"name":"./src/index.ts","size":0,"chunks":["a1ee98a"]}]}

package/package.json

@@ -3,7 +3,7 @@
   "homepage": "https://github.com/TypeCellOS/BlockNote",
   "private": false,
   "license": "MPL-2.0",
-  "version": "0.13.0",
+  "version": "0.13.2",
   "files": [
     "dist",
     "types",
@@ -116,5 +116,5 @@
     "access": "public",
     "registry": "https://registry.npmjs.org/"
   },
-  "gitHead": "501dc35254104a4ee56718ee299d31d534586b55"
+  "gitHead": "fe1c634f65b842d9adcd735cbf2b8cb0d659cf5b"
 }

package/src/editor/BlockNoteExtensions.ts

@@ -68,7 +68,7 @@ export const getBlockNoteExtensions = <
     UniqueID.configure({
       types: ["blockContainer"],
     }),
-    HardBreak,
+    HardBreak.extend({ priority: 10 }),
     // Comments,
 
     // basics:

package/src/extensions/NonEditableBlocks/NonEditableBlockPlugin.ts

@@ -1,8 +1,20 @@
-import { Plugin, PluginKey } from "prosemirror-state";
+import { Plugin, PluginKey, TextSelection } from "prosemirror-state";
 
 const PLUGIN_KEY = new PluginKey("non-editable-block");
-// Prevent typing for blocks without inline content, as this would otherwise
-// convert them into paragraph blocks.
+// By default, typing with a node selection active will cause ProseMirror to
+// replace the node with one that contains editable content. This plugin blocks
+// this behaviour without also blocking things like keyboard shortcuts:
+//
+// - Lets through key presses that do not include alphanumeric characters. This
+// includes things like backspace/delete/home/end/etc.
+// - Lets through any key presses that include ctrl/meta keys. These will be
+// shortcuts of some kind like ctrl+C/mod+C.
+// - Special case for Enter key which creates a new paragraph block below and
+// sets the selection to it. This is just to bring the UX closer to Notion
+//
+// While a more elegant solution would probably process transactions instead of
+// keystrokes, this brings us most of the way to Notion's UX without much added
+// complexity.
 export const NonEditableBlockPlugin = () => {
   return new Plugin({
     key: PLUGIN_KEY,
@@ -10,18 +22,37 @@ export const NonEditableBlockPlugin = () => {
       handleKeyDown: (view, event) => {
         // Checks for node selection
         if ("node" in view.state.selection) {
-          // Checks if key input will insert a character - we want to block this
-          // as it will convert the block into a paragraph.
-          if (
-            event.key.length === 1 &&
-            !event.ctrlKey &&
-            !event.altKey &&
-            !event.metaKey &&
-            !event.shiftKey
-          ) {
+          // Checks if key press uses ctrl/meta modifier
+          if (event.ctrlKey || event.metaKey) {
+            return false;
+          }
+          // Checks if key press is alphanumeric
+          if (event.key.length === 1) {
             event.preventDefault();
+
+            return true;
+          }
+          // Checks if key press is Enter
+          if (event.key === "Enter") {
+            const tr = view.state.tr;
+            view.dispatch(
+              tr
+                .insert(
+                  view.state.tr.selection.$to.after(),
+                  view.state.schema.nodes["paragraph"].create()
+                )
+                .setSelection(
+                  new TextSelection(
+                    tr.doc.resolve(view.state.tr.selection.$to.after() + 1)
+                  )
+                )
+            );
+
+            return true;
           }
         }
+
+        return false;
       },
     },
   });

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

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

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/pm-nodes/BlockContainer.ts

@@ -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;