@blocknote/core 0.29.1 → 0.30.1

package/src/i18n/locales/zh-tw.ts

@@ -0,0 +1,390 @@
+import type { Dictionary } from "../dictionary.js";
+
+export const zhTW: 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: "標題",
+    },
+    quote: {
+      title: "引用",
+      subtext: "引用或摘錄",
+      aliases: ["quotation", "blockquote", "bq"],
+      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: "基礎",
+    },
+    check_list: {
+      title: "檢查清單",
+      subtext: "用於顯示帶有核取方塊的列表",
+      aliases: [
+        "ul",
+        "li",
+        "checklist",
+        "checked list",
+        "列表",
+        "檢查清單",
+        "勾選列表",
+        "核取方塊",
+      ],
+      group: "基礎",
+    },
+    paragraph: {
+      title: "段落",
+      subtext: "用於文件正文",
+      aliases: ["p", "paragraph", "text", "正文"],
+      group: "基礎",
+    },
+    code_block: {
+      title: "程式碼區塊",
+      subtext: "用於顯示帶有語法標記的程式碼區塊",
+      aliases: ["code", "pre", "程式碼", "預格式"],
+      group: "基礎",
+    },
+    page_break: {
+      title: "分頁符",
+      subtext: "頁面分隔符",
+      aliases: ["page", "break", "separator", "分頁", "分隔符"],
+      group: "基礎",
+    },
+    table: {
+      title: "表格",
+      subtext: "使用表格",
+      aliases: ["table", "表格"],
+      group: "進階功能",
+    },
+    image: {
+      title: "圖片",
+      subtext: "插入圖片",
+      aliases: [
+        "圖片",
+        "上傳圖片",
+        "上傳",
+        "image",
+        "img",
+        "相簿",
+        "媒體",
+        "url",
+      ],
+      group: "媒體",
+    },
+    video: {
+      title: "影片",
+      subtext: "插入影片",
+      aliases: [
+        "影片",
+        "影片上傳",
+        "上傳",
+        "video",
+        "mp4",
+        "電影",
+        "媒體",
+        "url",
+        "雲端硬碟",
+        "dropbox",
+      ],
+      group: "媒體",
+    },
+    audio: {
+      title: "音訊",
+      subtext: "插入音訊",
+      aliases: [
+        "音訊",
+        "音訊上傳",
+        "上傳",
+        "audio",
+        "mp3",
+        "聲音",
+        "媒體",
+        "url",
+        "雲端硬碟",
+        "dropbox",
+      ],
+      group: "媒體",
+    },
+    file: {
+      title: "檔案",
+      subtext: "插入檔案",
+      aliases: ["檔案", "上傳", "file", "嵌入", "媒體", "url"],
+      group: "媒體",
+    },
+    emoji: {
+      title: "表情符號",
+      subtext: "用於插入表情符號",
+      aliases: [
+        "表情符號",
+        "emoji",
+        "face",
+        "emote",
+        "表情",
+        "表情表達",
+        "表情",
+      ],
+      group: "其他",
+    },
+  },
+  placeholders: {
+    default: "輸入 '/' 以使用指令",
+    heading: "標題",
+    bulletListItem: "列表",
+    numberedListItem: "列表",
+    checkListItem: "列表",
+    new_comment: "撰寫評論...",
+    edit_comment: "編輯評論...",
+    comment_reply: "新增評論...",
+  },
+  file_blocks: {
+    image: {
+      add_button_text: "新增圖片",
+    },
+    video: {
+      add_button_text: "新增影片",
+    },
+    audio: {
+      add_button_text: "新增音訊",
+    },
+    file: {
+      add_button_text: "新增檔案",
+    },
+  },
+  // from react package:
+  side_menu: {
+    add_block_label: "新增區塊",
+    drag_handle_label: "開啟選單",
+  },
+  drag_handle: {
+    delete_menuitem: "刪除",
+    colors_menuitem: "顏色",
+    header_row_menuitem: "列標題",
+    header_column_menuitem: "欄標題",
+  },
+  table_handle: {
+    delete_column_menuitem: "刪除欄",
+    delete_row_menuitem: "刪除列",
+    add_left_menuitem: "左側新增欄",
+    add_right_menuitem: "右側新增欄",
+    add_above_menuitem: "上方新增列",
+    add_below_menuitem: "下方新增列",
+    split_cell_menuitem: "分割儲存格",
+    merge_cells_menuitem: "合併儲存格",
+    background_color_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",
+    },
+    file_caption: {
+      tooltip: "編輯標題",
+      input_placeholder: "編輯標題",
+    },
+    file_replace: {
+      tooltip: {
+        image: "替換圖片",
+        video: "替換影片",
+        audio: "替換音訊",
+        file: "替換檔案",
+      },
+    },
+    file_rename: {
+      tooltip: {
+        image: "重新命名圖片",
+        video: "重新命名影片",
+        audio: "重新命名音訊",
+        file: "重新命名檔案",
+      },
+      input_placeholder: {
+        image: "重新命名圖片",
+        video: "重新命名影片",
+        audio: "重新命名音訊",
+        file: "重新命名檔案",
+      },
+    },
+    file_download: {
+      tooltip: {
+        image: "下載圖片",
+        video: "下載影片",
+        audio: "下載音訊",
+        file: "下載檔案",
+      },
+    },
+    file_delete: {
+      tooltip: {
+        image: "刪除圖片",
+        video: "刪除影片",
+        audio: "刪除音訊",
+        file: "刪除檔案",
+      },
+    },
+    file_preview_toggle: {
+      tooltip: "切換預覽",
+    },
+    nest: {
+      tooltip: "巢狀",
+      secondary_tooltip: "Tab",
+    },
+    unnest: {
+      tooltip: "取消巢狀",
+      secondary_tooltip: "Shift+Tab",
+    },
+    align_left: {
+      tooltip: "靠左對齊",
+    },
+    align_center: {
+      tooltip: "置中",
+    },
+    align_right: {
+      tooltip: "靠右對齊",
+    },
+    align_justify: {
+      tooltip: "兩端對齊",
+    },
+    table_cell_merge: {
+      tooltip: "合併儲存格",
+    },
+    comment: {
+      tooltip: "新增評論",
+    },
+  },
+  file_panel: {
+    upload: {
+      title: "上傳",
+      file_placeholder: {
+        image: "上傳圖片",
+        video: "上傳影片",
+        audio: "上傳音訊",
+        file: "上傳檔案",
+      },
+      upload_error: "錯誤：上傳失敗",
+    },
+    embed: {
+      title: "嵌入",
+      embed_button: {
+        image: "嵌入圖片",
+        video: "嵌入影片",
+        audio: "嵌入音訊",
+        file: "嵌入檔案",
+      },
+      url_placeholder: "輸入圖片網址",
+    },
+  },
+  link_toolbar: {
+    delete: {
+      tooltip: "清除連結",
+    },
+    edit: {
+      text: "編輯連結",
+      tooltip: "編輯",
+    },
+    open: {
+      tooltip: "在新視窗開啟",
+    },
+    form: {
+      title_placeholder: "編輯標題",
+      url_placeholder: "編輯連結網址",
+    },
+  },
+  comments: {
+    actions: {
+      add_reaction: "新增回應",
+      resolve: "解決",
+      edit_comment: "編輯評論",
+      delete_comment: "刪除評論",
+      more_actions: "更多操作",
+    },
+    reactions: {
+      reacted_by: "已回應",
+    },
+    sidebar: {
+      marked_as_resolved: "標記為已解決",
+      more_replies: (count) => `還有 ${count} 則回覆`,
+    },
+  },
+  generic: {
+    ctrl_shortcut: "Ctrl",
+  },
+};

package/src/locales.ts

@@ -1 +1 @@
-export * from "./i18n/index.js";
+export * from "./i18n/index.js";

package/src/pm-nodes/BlockContainer.ts

@@ -31,7 +31,7 @@ export const BlockContainer = Node.create<{
   parseHTML() {
     return [
       {
-        tag: "div",
+        tag: "div[data-node-type=" + this.name + "]",
         getAttrs: (element) => {
           if (typeof element === "string") {
             return false;
@@ -44,13 +44,14 @@ export const BlockContainer = Node.create<{
             }
           }
 
-          if (element.getAttribute("data-node-type") === "blockContainer") {
-            return attrs;
-          }
-
-          return false;
+          return attrs;
         },
       },
+      // Ignore `blockOuter` divs, but parse the `blockContainer` divs inside them.
+      {
+        tag: `div[data-node-type="blockOuter"]`,
+        skip: true,
+      },
     ];
   },
 

package/src/pm-nodes/BlockGroup.ts

@@ -37,7 +37,7 @@ export const BlockGroup = Node.create<{
     const blockGroup = document.createElement("div");
     blockGroup.className = mergeCSSClasses(
       "bn-block-group",
-      blockGroupHTMLAttributes.class
+      blockGroupHTMLAttributes.class,
     );
     blockGroup.setAttribute("data-node-type", "blockGroup");
     for (const [attribute, value] of Object.entries(blockGroupHTMLAttributes)) {

package/src/pm-nodes/Doc.ts

@@ -1,7 +1,7 @@
-import {Node} from "@tiptap/core";
+import { Node } from "@tiptap/core";
 
 export const Doc = Node.create({
-    name: "doc",
-    topNode: true,
-    content: "blockGroup",
+  name: "doc",
+  topNode: true,
+  content: "blockGroup",
 });

package/src/schema/README.md

@@ -1,3 +1,3 @@
 ### @blocknote/core/src/schema
 
-The BlockNote Schema consists of Blocks, InlineContent and Styles.
+The BlockNote Schema consists of Blocks, InlineContent and Styles.

package/src/schema/blocks/createSpec.ts

@@ -26,7 +26,7 @@ export type CustomBlockConfig = BlockConfig & {
 export type CustomBlockImplementation<
   T extends CustomBlockConfig,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 > = {
   render: (
     /**
@@ -38,7 +38,7 @@ export type CustomBlockImplementation<
      * This is typed generically. If you want an editor with your custom schema, you need to
      * cast it manually, e.g.: `const e = editor as BlockNoteEditor<typeof mySchema>;`
      */
-    editor: BlockNoteEditor<BlockSchemaWithBlock<T["type"], T>, I, S>
+    editor: BlockNoteEditor<BlockSchemaWithBlock<T["type"], T>, I, S>,
     // (note) if we want to fix the manual cast, we need to prevent circular references and separate block definition and render implementations
     // or allow manually passing <BSchema>, but that's not possible without passing the other generics because Typescript doesn't support partial inferred generics
   ) => {
@@ -52,14 +52,14 @@ export type CustomBlockImplementation<
   // TODO: Maybe can return undefined to ignore when serializing?
   toExternalHTML?: (
     block: BlockFromConfig<T, I, S>,
-    editor: BlockNoteEditor<BlockSchemaWithBlock<T["type"], T>, I, S>
+    editor: BlockNoteEditor<BlockSchemaWithBlock<T["type"], T>, I, S>,
   ) => {
     dom: HTMLElement;
     contentDOM?: HTMLElement;
   };
 
   parse?: (
-    el: HTMLElement
+    el: HTMLElement,
   ) => PartialBlockFromConfig<T, I, S>["props"] | undefined;
 };
 
@@ -85,12 +85,12 @@ export function applyNonSelectableBlockFix(nodeView: NodeView, editor: Editor) {
 // from the clipboard.
 export function getParseRules(
   config: BlockConfig,
-  customParseFunction: CustomBlockImplementation<any, any, any>["parse"]
+  customParseFunction: CustomBlockImplementation<any, any, any>["parse"],
 ) {
   const rules: TagParseRule[] = [
     {
       tag: "[data-content-type=" + config.type + "]",
-      contentElement: "[data-editable]",
+      contentElement: ".bn-inline-content",
     },
   ];
 
@@ -136,10 +136,10 @@ export function getParseRules(
 export function createBlockSpec<
   T extends CustomBlockConfig,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   blockConfig: T,
-  blockImplementation: CustomBlockImplementation<NoInfer<T>, I, S>
+  blockImplementation: CustomBlockImplementation<NoInfer<T>, I, S>,
 ) {
   const node = createStronglyTypedTiptapNode({
     name: blockConfig.type as T["type"],
@@ -173,7 +173,7 @@ export function createBlockSpec<
         {},
         blockConfig.propSchema,
         blockConfig.isFileBlock,
-        HTMLAttributes
+        HTMLAttributes,
       );
     },
 
@@ -186,7 +186,7 @@ export function createBlockSpec<
           getPos,
           editor,
           this.editor,
-          blockConfig.type
+          blockConfig.type,
         );
         // Gets the custom HTML attributes for `blockContent` nodes
         const blockContentDOMAttributes =
@@ -199,7 +199,7 @@ export function createBlockSpec<
           block.type,
           block.props,
           blockConfig.propSchema,
-          blockContentDOMAttributes
+          blockContentDOMAttributes,
         );
 
         if (blockConfig.isSelectable === false) {
@@ -213,7 +213,7 @@ export function createBlockSpec<
 
   if (node.name !== blockConfig.type) {
     throw new Error(
-      "Node name does not match block type. This is a bug in BlockNote."
+      "Node name does not match block type. This is a bug in BlockNote.",
     );
   }
 
@@ -231,7 +231,7 @@ export function createBlockSpec<
         block.props,
         blockConfig.propSchema,
         blockConfig.isFileBlock,
-        blockContentDOMAttributes
+        blockContentDOMAttributes,
       );
     },
     // TODO: this should not have wrapInBlockStructure and generally be a lot simpler
@@ -242,7 +242,7 @@ export function createBlockSpec<
 
       let output = blockImplementation.toExternalHTML?.(
         block as any,
-        editor as any
+        editor as any,
       );
       if (output === undefined) {
         output = blockImplementation.render(block as any, editor as any);
@@ -252,7 +252,7 @@ export function createBlockSpec<
         block.type,
         block.props,
         blockConfig.propSchema,
-        blockContentDOMAttributes
+        blockContentDOMAttributes,
       );
     },
   });

package/src/schema/blocks/internal.ts

@@ -99,17 +99,17 @@ export function getBlockFromPos<
   Config extends BlockConfig,
   BSchema extends BlockSchemaWithBlock<BType, Config>,
   I extends InlineContentSchema,
-  S extends StyleSchema
+  S extends StyleSchema,
 >(
   getPos: (() => number) | boolean,
   editor: BlockNoteEditor<BSchema, I, S>,
   tipTapEditor: Editor,
-  type: BType
+  type: BType,
 ) {
   // Gets position of the node
   if (typeof getPos === "boolean") {
     throw new Error(
-      "Cannot find node position as getPos is a boolean, not a function."
+      "Cannot find node position as getPos is a boolean, not a function.",
     );
   }
   const pos = getPos();
@@ -142,7 +142,7 @@ export function getBlockFromPos<
 // an `inlineContent` class to it.
 export function wrapInBlockStructure<
   BType extends string,
-  PSchema extends PropSchema
+  PSchema extends PropSchema,
 >(
   element: {
     dom: HTMLElement;
@@ -153,7 +153,7 @@ export function wrapInBlockStructure<
   blockProps: Props<PSchema>,
   propSchema: PSchema,
   isFileBlock = false,
-  domAttributes?: Record<string, string>
+  domAttributes?: Record<string, string>,
 ): {
   dom: HTMLElement;
   contentDOM?: HTMLElement;
@@ -173,7 +173,7 @@ export function wrapInBlockStructure<
   // Sets blockContent class
   blockContent.className = mergeCSSClasses(
     "bn-block-content",
-    domAttributes?.class || ""
+    domAttributes?.class || "",
   );
   // Sets content type attribute
   blockContent.setAttribute("data-content-type", blockType);
@@ -197,9 +197,8 @@ export function wrapInBlockStructure<
   if (element.contentDOM !== undefined) {
     element.contentDOM.className = mergeCSSClasses(
       "bn-inline-content",
-      element.contentDOM.className
+      element.contentDOM.className,
     );
-    element.contentDOM.setAttribute("data-editable", "");
   }
 
   return {
@@ -216,7 +215,7 @@ type StronglyTypedTipTapNode<
     | "tableRow+"
     | "blockContainer+"
     | "column column+"
-    | ""
+    | "",
 > = Node & { name: Name; config: { content: Content } };
 
 export function createStronglyTypedTiptapNode<
@@ -226,7 +225,7 @@ export function createStronglyTypedTiptapNode<
     | "tableRow+"
     | "blockContainer+"
     | "column column+"
-    | ""
+    | "",
 >(config: NodeConfig & { name: Name; content: Content }) {
   return Node.create(config) as StronglyTypedTipTapNode<Name, Content>; // force re-typing (should be safe as it's type-checked from the config)
 }
@@ -240,7 +239,7 @@ export function createInternalBlockSpec<T extends BlockConfig>(
     any,
     InlineContentSchema,
     StyleSchema
-  >
+  >,
 ) {
   return {
     config,
@@ -250,7 +249,7 @@ export function createInternalBlockSpec<T extends BlockConfig>(
 
 export function createBlockSpecFromStronglyTypedTiptapNode<
   T extends Node,
-  P extends PropSchema
+  P extends PropSchema,
 >(node: T, propSchema: P, requiredExtensions?: Array<Extension | Node>) {
   return createInternalBlockSpec(
     {
@@ -258,12 +257,12 @@ export function createBlockSpecFromStronglyTypedTiptapNode<
       content: (node.config.content === "inline*"
         ? "inline"
         : node.config.content === "tableRow+"
-        ? "table"
-        : "none") as T["config"]["content"] extends "inline*"
+          ? "table"
+          : "none") as T["config"]["content"] extends "inline*"
         ? "inline"
         : T["config"]["content"] extends "tableRow+"
-        ? "table"
-        : "none",
+          ? "table"
+          : "none",
       propSchema,
     },
     {
@@ -272,12 +271,12 @@ export function createBlockSpecFromStronglyTypedTiptapNode<
       toInternalHTML: defaultBlockToHTML,
       toExternalHTML: defaultBlockToHTML,
       // parse: () => undefined, // parse rules are in node already
-    }
+    },
   );
 }
 
 export function getBlockSchemaFromSpecs<T extends BlockSpecs>(specs: T) {
   return Object.fromEntries(
-    Object.entries(specs).map(([key, value]) => [key, value.config])
+    Object.entries(specs).map(([key, value]) => [key, value.config]),
   ) as BlockSchemaFromSpecs<T>;
 }