@blocknote/core 0.32.0-hackdays.0 → 0.33.0

package/src/i18n/locales/uk.ts

@@ -20,6 +20,42 @@ export const uk: Dictionary = {
       aliases: ["h3", "heading3", "subheading", "заголовок3"],
       group: "Заголовки",
     },
+    heading_4: {
+      title: "Заголовок 4",
+      subtext: "Використовується для менших підрозділів",
+      aliases: ["h4", "heading4", "subheading4", "заголовок4"],
+      group: "Підзаголовки",
+    },
+    heading_5: {
+      title: "Заголовок 5",
+      subtext: "Використовується для заголовків менших підрозділів",
+      aliases: ["h5", "heading5", "subheading5", "заголовок5", "підзаголовок5"],
+      group: "Підзаголовки",
+    },
+    heading_6: {
+      title: "Заголовок 6",
+      subtext: "Використовується для заголовків найнижчого рівня",
+      aliases: ["h6", "heading6", "subheading6", "заголовок6", "підзаголовок6"],
+      group: "Підзаголовки",
+    },
+    toggle_heading: {
+      title: "Розгортаємий заголовок 1",
+      subtext: "Розгортаємий заголовок найвищого рівня",
+      aliases: ["h", "heading1", "h1", "заголовок1", "розгортаємий"],
+      group: "Підзаголовки",
+    },
+    toggle_heading_2: {
+      title: "Розгортаємий заголовок 2",
+      subtext: "Розгортаємий основний заголовок розділу",
+      aliases: ["h2", "heading2", "subheading", "заголовок2", "розгортаємий"],
+      group: "Підзаголовки",
+    },
+    toggle_heading_3: {
+      title: "Розгортаємий заголовок 3",
+      subtext: "Розгортаємий підзаголовок і груповий заголовок",
+      aliases: ["h3", "heading3", "subheading", "заголовок3", "розгортаємий"],
+      group: "Підзаголовки",
+    },
     quote: {
       title: "Цитата",
       subtext: "Цитата або уривок",
@@ -70,6 +106,12 @@ export const uk: Dictionary = {
       ],
       group: "Базові блоки",
     },
+    toggle_list: {
+      title: "Розгортаємий список",
+      subtext: "Список із прихованими підпунктами",
+      aliases: ["li", "список", "розгортаємий список", "складений список"],
+      group: "Базові блоки",
+    },
     paragraph: {
       title: "Параграф",
       subtext: "Основний текст документа",
@@ -158,6 +200,7 @@ export const uk: Dictionary = {
   placeholders: {
     default: "Введіть текст або наберіть '/' для команд",
     heading: "Заголовок",
+    toggleListItem: "Перемикач",
     bulletListItem: "Список",
     numberedListItem: "Список",
     checkListItem: "Список",
@@ -359,6 +402,9 @@ export const uk: Dictionary = {
     },
   },
   comments: {
+    edited: "відредаговано",
+    save_button_text: "Зберегти",
+    cancel_button_text: "Скасувати",
     actions: {
       add_reaction: "Додати реакцію",
       resolve: "Вирішити",

package/src/i18n/locales/vi.ts

@@ -20,6 +20,42 @@ export const vi: Dictionary = {
       aliases: ["h3", "tieude3", "tieudephu"],
       group: "Tiêu đề",
     },
+    heading_4: {
+      title: "Tiêu đề H4",
+      subtext: "Sử dụng cho tiêu đề phụ nhỏ hơn",
+      aliases: ["h4", "tieude4", "tieudephu4"],
+      group: "Tiêu đề phụ",
+    },
+    heading_5: {
+      title: "Tiêu đề H5",
+      subtext: "Sử dụng cho tiêu đề phụ nhỏ hơn",
+      aliases: ["h5", "tieude5", "tieudephu5"],
+      group: "Tiêu đề phụ",
+    },
+    heading_6: {
+      title: "Tiêu đề H6",
+      subtext: "Sử dụng cho tiêu đề cấp thấp nhất",
+      aliases: ["h6", "tieude6", "tieudephu6"],
+      group: "Tiêu đề phụ",
+    },
+    toggle_heading: {
+      title: "Tiêu đề có thể thu gọn H1",
+      subtext: "Tiêu đề cấp cao nhất có thể thu gọn",
+      aliases: ["h", "tieude1", "dd1", "thugon"],
+      group: "Tiêu đề phụ",
+    },
+    toggle_heading_2: {
+      title: "Tiêu đề có thể thu gọn H2",
+      subtext: "Tiêu đề cho các phần chính có thể thu gọn",
+      aliases: ["h2", "tieude2", "tieudephu", "thugon"],
+      group: "Tiêu đề phụ",
+    },
+    toggle_heading_3: {
+      title: "Tiêu đề có thể thu gọn H3",
+      subtext: "Tiêu đề cho phụ đề và tiêu đề nhóm có thể thu gọn",
+      aliases: ["h3", "tieude3", "tieudephu", "thugon"],
+      group: "Tiêu đề phụ",
+    },
     quote: {
       title: "Trích dẫn",
       subtext: "Trích dẫn hoặc đoạn trích",
@@ -51,6 +87,12 @@ export const vi: Dictionary = {
       ],
       group: "Khối cơ bản",
     },
+    toggle_list: {
+      title: "Danh sách có thể thu gọn",
+      subtext: "Danh sách với các mục con có thể ẩn",
+      aliases: ["li", "danh sach", "danh sach thu gon", "danh sach co the an"],
+      group: "Khối cơ bản",
+    },
     paragraph: {
       title: "Đoạn văn",
       subtext: "Sử dụng cho nội dung chính của tài liệu",
@@ -132,6 +174,7 @@ export const vi: Dictionary = {
   placeholders: {
     default: "Nhập văn bản hoặc gõ '/' để thêm định dạng",
     heading: "Tiêu đề",
+    toggleListItem: "Chuyển đổi",
     bulletListItem: "Danh sách",
     numberedListItem: "Danh sách",
     checkListItem: "Danh sách",
@@ -334,6 +377,9 @@ export const vi: Dictionary = {
     },
   },
   comments: {
+    edited: "đã chỉnh sửa",
+    save_button_text: "Lưu",
+    cancel_button_text: "Hủy",
     actions: {
       add_reaction: "Thêm phản ứng",
       resolve: "Giải quyết",

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

@@ -20,6 +20,50 @@ export const zhTW: Dictionary = {
       aliases: ["h3", "heading3", "subheading", "標題", "三級標題"],
       group: "標題",
     },
+    heading_4: {
+      title: "四級標題",
+      subtext: "用於小節和分組標題",
+      aliases: ["h4", "heading4", "subheading", "標題", "四級標題"],
+      group: "副標題",
+    },
+    heading_5: {
+      title: "五級標題",
+      subtext: "用於小節和分組標題",
+      aliases: ["h5", "heading5", "subheading", "標題", "五級標題"],
+      group: "副標題",
+    },
+    heading_6: {
+      title: "六級標題",
+      subtext: "用於小節和分組標題",
+      aliases: ["h6", "heading6", "subheading", "標題", "六級標題"],
+      group: "副標題",
+    },
+    toggle_heading: {
+      title: "可摺疊一級標題",
+      subtext: "可摺疊的頂級標題",
+      aliases: ["h", "heading1", "h1", "標題", "一級標題", "摺疊"],
+      group: "副標題",
+    },
+    toggle_heading_2: {
+      title: "可摺疊二級標題",
+      subtext: "可摺疊的關鍵部分標題",
+      aliases: [
+        "h2",
+        "heading2",
+        "subheading",
+        "標題",
+        "二級標題",
+        "副標題",
+        "摺疊",
+      ],
+      group: "副標題",
+    },
+    toggle_heading_3: {
+      title: "可摺疊三級標題",
+      subtext: "可摺疊的小節和分組標題",
+      aliases: ["h3", "heading3", "subheading", "標題", "三級標題", "摺疊"],
+      group: "副標題",
+    },
     quote: {
       title: "引用",
       subtext: "引用或摘錄",
@@ -69,6 +113,12 @@ export const zhTW: Dictionary = {
       ],
       group: "基礎",
     },
+    toggle_list: {
+      title: "可摺疊列表",
+      subtext: "帶有可隱藏子項的列表",
+      aliases: ["li", "列表", "可摺疊列表", "摺疊列表"],
+      group: "基礎",
+    },
     paragraph: {
       title: "段落",
       subtext: "用於文件正文",
@@ -166,6 +216,7 @@ export const zhTW: Dictionary = {
   placeholders: {
     default: "輸入 '/' 以使用指令",
     heading: "標題",
+    toggleListItem: "切換",
     bulletListItem: "列表",
     numberedListItem: "列表",
     checkListItem: "列表",
@@ -368,6 +419,9 @@ export const zhTW: Dictionary = {
     },
   },
   comments: {
+    edited: "已編輯",
+    save_button_text: "儲存",
+    cancel_button_text: "取消",
     actions: {
       add_reaction: "新增回應",
       resolve: "解決",

package/src/i18n/locales/zh.ts

@@ -20,6 +20,50 @@ export const zh: Dictionary = {
       aliases: ["h3", "heading3", "subheading", "标题", "三级标题"],
       group: "标题",
     },
+    heading_4: {
+      title: "四级标题",
+      subtext: "用于较小的子节标题",
+      aliases: ["h4", "heading4", "subheading4", "四级标题"],
+      group: "副标题",
+    },
+    heading_5: {
+      title: "五级标题",
+      subtext: "用于较小的子节标题",
+      aliases: ["h5", "heading5", "subheading5", "五级标题"],
+      group: "副标题",
+    },
+    heading_6: {
+      title: "六级标题",
+      subtext: "用于最低层级的标题",
+      aliases: ["h6", "heading6", "subheading6", "六级标题"],
+      group: "副标题",
+    },
+    toggle_heading: {
+      title: "可折叠一级标题",
+      subtext: "可折叠的顶级标题",
+      aliases: ["h", "heading1", "h1", "标题", "一级标题", "折叠"],
+      group: "副标题",
+    },
+    toggle_heading_2: {
+      title: "可折叠二级标题",
+      subtext: "可折叠的关键部分标题",
+      aliases: [
+        "h2",
+        "heading2",
+        "subheading",
+        "标题",
+        "二级标题",
+        "副标题",
+        "折叠",
+      ],
+      group: "副标题",
+    },
+    toggle_heading_3: {
+      title: "可折叠三级标题",
+      subtext: "可折叠的小节和分组标题",
+      aliases: ["h3", "heading3", "subheading", "标题", "三级标题", "折叠"],
+      group: "副标题",
+    },
     quote: {
       title: "引用",
       subtext: "引用或摘录",
@@ -69,6 +113,12 @@ export const zh: Dictionary = {
       ],
       group: "基础",
     },
+    toggle_list: {
+      title: "可折叠列表",
+      subtext: "带有可隐藏子项的列表",
+      aliases: ["li", "列表", "可折叠列表", "折叠列表"],
+      group: "基础",
+    },
     paragraph: {
       title: "段落",
       subtext: "用于文档正文",
@@ -166,6 +216,7 @@ export const zh: Dictionary = {
   placeholders: {
     default: "输入 '/' 以使用命令",
     heading: "标题",
+    toggleListItem: "切换",
     bulletListItem: "列表",
     numberedListItem: "列表",
     checkListItem: "列表",
@@ -368,6 +419,9 @@ export const zh: Dictionary = {
     },
   },
   comments: {
+    edited: "已编辑",
+    save_button_text: "保存",
+    cancel_button_text: "取消",
     actions: {
       add_reaction: "添加反应",
       resolve: "解决",

package/src/index.ts

@@ -26,6 +26,7 @@ export * from "./blocks/ImageBlockContent/ImageBlockContent.js";
 export * from "./blocks/PageBreakBlockContent/getPageBreakSlashMenuItems.js";
 export * from "./blocks/PageBreakBlockContent/PageBreakBlockContent.js";
 export * from "./blocks/PageBreakBlockContent/schema.js";
+export * from "./blocks/ToggleWrapper/createToggleWrapper.js";
 export {
   EMPTY_CELL_HEIGHT,
   EMPTY_CELL_WIDTH,

package/src/schema/blocks/createSpec.ts

@@ -1,6 +1,6 @@
 import { Editor } from "@tiptap/core";
 import { TagParseRule } from "@tiptap/pm/model";
-import { NodeView } from "@tiptap/pm/view";
+import { NodeView, ViewMutationRecord } from "@tiptap/pm/view";
 import type { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
 import { InlineContentSchema } from "../inlineContent/types.js";
 import { StyleSchema } from "../styles/types.js";
@@ -44,6 +44,7 @@ export type CustomBlockImplementation<
   ) => {
     dom: HTMLElement;
     contentDOM?: HTMLElement;
+    ignoreMutation?: (mutation: ViewMutationRecord) => boolean;
     destroy?: () => void;
   };
   // Exports block to external HTML. If not defined, the output will be the same
@@ -199,6 +200,7 @@ export function createBlockSpec<
           block.type,
           block.props,
           blockConfig.propSchema,
+          blockConfig.isFileBlock,
           blockContentDOMAttributes,
         );
 

package/src/util/browser.ts

@@ -13,7 +13,17 @@ export function formatKeyboardShortcut(shortcut: string, ctrlText = "Ctrl") {
 }
 
 export function mergeCSSClasses(...classes: (string | false | undefined)[]) {
-  return classes.filter((c) => c).join(" ");
+  return [
+    // Converts to & from set to remove duplicates.
+    ...new Set(
+      classes
+        .filter((c) => c)
+        // Ensures that if multiple classes are passed as a single string, they
+        // are split.
+        .join(" ")
+        .split(" "),
+    ),
+  ].join(" ");
 }
 
 export const isSafari = () =>

package/types/src/api/blockManipulation/setupTestEnv.d.ts

@@ -41,7 +41,10 @@ export declare function setupTestEnv(): () => BlockNoteEditor<import("../../inde
             propSchema: {
                 level: {
                     default: number;
-                    values: readonly [1, 2, 3];
+                    values: readonly [1, 2, 3, 4, 5, 6];
+                };
+                isToggleable: {
+                    default: false;
                 };
                 backgroundColor: {
                     default: "default";
@@ -61,7 +64,10 @@ export declare function setupTestEnv(): () => BlockNoteEditor<import("../../inde
             propSchema: {
                 level: {
                     default: number;
-                    values: readonly [1, 2, 3];
+                    values: readonly [1, 2, 3, 4, 5, 6];
+                };
+                isToggleable: {
+                    default: false;
                 };
                 backgroundColor: {
                     default: "default";
@@ -130,6 +136,40 @@ export declare function setupTestEnv(): () => BlockNoteEditor<import("../../inde
             };
         }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
     };
+    toggleListItem: {
+        config: {
+            type: "toggleListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("../../index.js").TiptapBlockImplementation<{
+            type: "toggleListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, import("../../index.js").InlineContentSchema, import("../../index.js").StyleSchema>;
+    };
     bulletListItem: {
         config: {
             type: "bulletListItem";

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

@@ -1,7 +1,10 @@
 export declare const headingPropSchema: {
     level: {
         default: number;
-        values: readonly [1, 2, 3];
+        values: readonly [1, 2, 3, 4, 5, 6];
+    };
+    isToggleable: {
+        default: false;
     };
     backgroundColor: {
         default: "default";
@@ -21,7 +24,10 @@ export declare const Heading: {
         propSchema: {
             level: {
                 default: number;
-                values: readonly [1, 2, 3];
+                values: readonly [1, 2, 3, 4, 5, 6];
+            };
+            isToggleable: {
+                default: false;
             };
             backgroundColor: {
                 default: "default";
@@ -41,7 +47,10 @@ export declare const Heading: {
         propSchema: {
             level: {
                 default: number;
-                values: readonly [1, 2, 3];
+                values: readonly [1, 2, 3, 4, 5, 6];
+            };
+            isToggleable: {
+                default: false;
             };
             backgroundColor: {
                 default: "default";

package/types/src/blocks/ListItemBlockContent/ToggleListItemBlockContent/ToggleListItemBlockContent.d.ts

@@ -0,0 +1,46 @@
+export declare const toggleListItemPropSchema: {
+    backgroundColor: {
+        default: "default";
+    };
+    textColor: {
+        default: "default";
+    };
+    textAlignment: {
+        default: "left";
+        values: readonly ["left", "center", "right", "justify"];
+    };
+};
+export declare const ToggleListItem: {
+    config: {
+        type: "toggleListItem";
+        content: "inline";
+        propSchema: {
+            backgroundColor: {
+                default: "default";
+            };
+            textColor: {
+                default: "default";
+            };
+            textAlignment: {
+                default: "left";
+                values: readonly ["left", "center", "right", "justify"];
+            };
+        };
+    };
+    implementation: import("../../../index.js").TiptapBlockImplementation<{
+        type: "toggleListItem";
+        content: "inline";
+        propSchema: {
+            backgroundColor: {
+                default: "default";
+            };
+            textColor: {
+                default: "default";
+            };
+            textAlignment: {
+                default: "left";
+                values: readonly ["left", "center", "right", "justify"];
+            };
+        };
+    }, any, import("../../../index.js").InlineContentSchema, import("../../../index.js").StyleSchema>;
+};

package/types/src/blocks/ToggleWrapper/createToggleWrapper.d.ts

@@ -0,0 +1,15 @@
+import { ViewMutationRecord } from "@tiptap/pm/view";
+import { BlockNoteEditor } from "../../editor/BlockNoteEditor.js";
+import { Block } from "../defaultBlocks.js";
+type ToggledState = {
+    set: (block: Block<any, any, any>, isToggled: boolean) => void;
+    get: (block: Block<any, any, any>) => boolean;
+};
+export declare const defaultToggledState: ToggledState;
+export declare const createToggleWrapper: (block: Block<any, any, any>, editor: BlockNoteEditor<any, any, any>, renderedElement: HTMLElement, toggledState?: ToggledState) => {
+    dom: HTMLElement;
+    contentDOM?: HTMLElement;
+    ignoreMutation?: (mutation: ViewMutationRecord) => boolean;
+    destroy?: () => void;
+};
+export {};

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

@@ -5,10 +5,10 @@ import { Block, DefaultBlockSchema, DefaultInlineContentSchema } from "./default
 import { defaultProps } from "./defaultProps.js";
 import { Selection } from "prosemirror-state";
 export declare function checkDefaultBlockTypeInSchema<BlockType extends keyof DefaultBlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blockType: BlockType, editor: BlockNoteEditor<any, I, S>): editor is BlockNoteEditor<{
-    Type: DefaultBlockSchema[BlockType];
+    [K in BlockType]: DefaultBlockSchema[BlockType];
 }, I, S>;
 export declare function checkDefaultInlineContentTypeInSchema<InlineContentType extends keyof DefaultInlineContentSchema, B extends BlockSchema, S extends StyleSchema>(inlineContentType: InlineContentType, editor: BlockNoteEditor<B, any, S>): editor is BlockNoteEditor<B, {
-    Type: DefaultInlineContentSchema[InlineContentType];
+    [K in InlineContentType]: DefaultInlineContentSchema[InlineContentType];
 }, S>;
 export declare function checkBlockIsDefaultType<BlockType extends keyof DefaultBlockSchema, I extends InlineContentSchema, S extends StyleSchema>(blockType: BlockType, block: Block<any, I, S>, editor: BlockNoteEditor<any, I, S>): block is BlockFromConfig<DefaultBlockSchema[BlockType], I, S>;
 export declare function checkBlockIsFileBlock<B extends BlockSchema, I extends InlineContentSchema, S extends StyleSchema>(block: Block<any, I, S>, editor: BlockNoteEditor<B, I, S>): block is BlockFromConfig<FileBlockConfig, I, S>;

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

@@ -41,7 +41,10 @@ export declare const defaultBlockSpecs: {
             propSchema: {
                 level: {
                     default: number;
-                    values: readonly [1, 2, 3];
+                    values: readonly [1, 2, 3, 4, 5, 6];
+                };
+                isToggleable: {
+                    default: false;
                 };
                 backgroundColor: {
                     default: "default";
@@ -61,7 +64,10 @@ export declare const defaultBlockSpecs: {
             propSchema: {
                 level: {
                     default: number;
-                    values: readonly [1, 2, 3];
+                    values: readonly [1, 2, 3, 4, 5, 6];
+                };
+                isToggleable: {
+                    default: false;
                 };
                 backgroundColor: {
                     default: "default";
@@ -130,6 +136,40 @@ export declare const defaultBlockSpecs: {
             };
         }, any, InlineContentSchema, StyleSchema>;
     };
+    toggleListItem: {
+        config: {
+            type: "toggleListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("../index.js").TiptapBlockImplementation<{
+            type: "toggleListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, InlineContentSchema, StyleSchema>;
+    };
     bulletListItem: {
         config: {
             type: "bulletListItem";
@@ -525,7 +565,10 @@ export declare const defaultBlockSchema: import("../index.js").BlockSchemaFromSp
             propSchema: {
                 level: {
                     default: number;
-                    values: readonly [1, 2, 3];
+                    values: readonly [1, 2, 3, 4, 5, 6];
+                };
+                isToggleable: {
+                    default: false;
                 };
                 backgroundColor: {
                     default: "default";
@@ -545,7 +588,10 @@ export declare const defaultBlockSchema: import("../index.js").BlockSchemaFromSp
             propSchema: {
                 level: {
                     default: number;
-                    values: readonly [1, 2, 3];
+                    values: readonly [1, 2, 3, 4, 5, 6];
+                };
+                isToggleable: {
+                    default: false;
                 };
                 backgroundColor: {
                     default: "default";
@@ -614,6 +660,40 @@ export declare const defaultBlockSchema: import("../index.js").BlockSchemaFromSp
             };
         }, any, InlineContentSchema, StyleSchema>;
     };
+    toggleListItem: {
+        config: {
+            type: "toggleListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        };
+        implementation: import("../index.js").TiptapBlockImplementation<{
+            type: "toggleListItem";
+            content: "inline";
+            propSchema: {
+                backgroundColor: {
+                    default: "default";
+                };
+                textColor: {
+                    default: "default";
+                };
+                textAlignment: {
+                    default: "left";
+                    values: readonly ["left", "center", "right", "justify"];
+                };
+            };
+        }, any, InlineContentSchema, StyleSchema>;
+    };
     bulletListItem: {
         config: {
             type: "bulletListItem";