reactjs-tiptap-editor 0.0.49 → 0.0.51

package/lib/index.d.cts

@@ -253,6 +253,13 @@ declare interface BubbleMenuProps {
          */
         hidden?: boolean;
     };
+    mermaidConfig?: {
+        /**
+         * @description mermaid menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
     render?: (props: BubbleMenuRenderProps, dom: React.ReactNode) => React.ReactNode;
 }
 
@@ -528,6 +535,7 @@ export declare const en: {
     'editor.attachment.please_upload': string;
     'editor.imageGif.tooltip': string;
     'editor.replace.caseSensitive': string;
+    'editor.mermaid.tooltip': string;
 };
 
 export declare const Excalidraw: Node_2<any, any>;
@@ -699,6 +707,13 @@ export declare const locale: Locale;
 
 export declare const Mention: Node_2<MentionOptions<any, MentionNodeAttrs>, any>;
 
+export declare const Mermaid: Node_2<MermaidOptions, any>;
+
+declare interface MermaidOptions extends GeneralOptions<MermaidOptions> {
+    /** Function for uploading files */
+    upload?: (file: File) => Promise<string>;
+}
+
 declare type MessageKeysType = keyof typeof en;
 
 export declare const MoreMark: Extension<MoreMarkOptions, any>;
@@ -896,6 +911,7 @@ export declare const pt_BR: {
     'editor.attachment.please_upload': string;
     'editor.imageGif.tooltip': string;
     'editor.replace.caseSensitive': string;
+    'editor.mermaid.tooltip': string;
 };
 
 declare interface Result {
@@ -1159,6 +1175,7 @@ export declare const vi: {
     'editor.image.dialog.tab.url': string;
     'editor.image.dialog.tab.upload': string;
     'editor.image.dialog.tab.uploadCrop': string;
+    'editor.image.dialog.uploading': string;
     'editor.image.dialog.form.link': string;
     'editor.image.dialog.placeholder': string;
     'editor.image.dialog.form.alt': string;
@@ -1238,6 +1255,7 @@ export declare const vi: {
     'editor.attachment.please_upload': string;
     'editor.imageGif.tooltip': string;
     'editor.replace.caseSensitive': string;
+    'editor.mermaid.tooltip': string;
 };
 
 export declare const Video: Node_2<VideoOptions, any>;
@@ -1439,6 +1457,7 @@ export declare const zh_CN: {
     'editor.attachment.please_upload': string;
     'editor.imageGif.tooltip': string;
     'editor.replace.caseSensitive': string;
+    'editor.mermaid.tooltip': string;
 };
 
 export { }
@@ -1478,15 +1497,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        imageUpload: {
-            setImageUpload: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         lineHeight: {
@@ -1513,16 +1523,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableCellBackground: {
-            setTableCellBackground: (color: string) => ReturnType;
-            unsetTableCellBackground: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageResize: {
@@ -1545,8 +1545,22 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        videoUpload: {
-            setVideoUpload: () => ReturnType;
+        imageUpload: {
+            setImageUpload: () => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -1563,13 +1577,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
+        iframe: {
+            /**
+             * Add an iframe
+             */
+            setIframe: (options: {
+                src: string;
+                service: string;
             }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
         };
     }
 }
@@ -1577,8 +1592,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        search: {
+            setSearchTerm: (searchTerm: string) => ReturnType;
+            setReplaceTerm: (replaceTerm: string) => ReturnType;
+            replace: () => ReturnType;
+            replaceAll: () => ReturnType;
+            goToPrevSearchResult: () => void;
+            goToNextSearchResult: () => void;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
@@ -1586,8 +1607,18 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        tableCellBackground: {
+            setTableCellBackground: (color: string) => ReturnType;
+            unsetTableCellBackground: () => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        videoUpload: {
+            setVideoUpload: () => ReturnType;
         };
     }
 }
@@ -1607,14 +1638,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        search: {
-            setSearchTerm: (searchTerm: string) => ReturnType;
-            setReplaceTerm: (replaceTerm: string) => ReturnType;
-            replace: () => ReturnType;
-            replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -1631,14 +1656,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Add an iframe
-             */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -1646,19 +1665,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageResize: {
-            /**
-             * Add an image gif
-             */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Update an image gif
-             */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Set image alignment
-             */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -1675,9 +1684,29 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
+        mermaid: {
+            setMermaid: (options: any, replace?: any) => ReturnType;
+            setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        imageResize: {
+            /**
+             * Add an image gif
+             */
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Update an image gif
+             */
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Set image alignment
+             */
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }

package/lib/index.d.ts

@@ -253,6 +253,13 @@ declare interface BubbleMenuProps {
          */
         hidden?: boolean;
     };
+    mermaidConfig?: {
+        /**
+         * @description mermaid menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
     render?: (props: BubbleMenuRenderProps, dom: React.ReactNode) => React.ReactNode;
 }
 
@@ -528,6 +535,7 @@ export declare const en: {
     'editor.attachment.please_upload': string;
     'editor.imageGif.tooltip': string;
     'editor.replace.caseSensitive': string;
+    'editor.mermaid.tooltip': string;
 };
 
 export declare const Excalidraw: Node_2<any, any>;
@@ -699,6 +707,13 @@ export declare const locale: Locale;
 
 export declare const Mention: Node_2<MentionOptions<any, MentionNodeAttrs>, any>;
 
+export declare const Mermaid: Node_2<MermaidOptions, any>;
+
+declare interface MermaidOptions extends GeneralOptions<MermaidOptions> {
+    /** Function for uploading files */
+    upload?: (file: File) => Promise<string>;
+}
+
 declare type MessageKeysType = keyof typeof en;
 
 export declare const MoreMark: Extension<MoreMarkOptions, any>;
@@ -896,6 +911,7 @@ export declare const pt_BR: {
     'editor.attachment.please_upload': string;
     'editor.imageGif.tooltip': string;
     'editor.replace.caseSensitive': string;
+    'editor.mermaid.tooltip': string;
 };
 
 declare interface Result {
@@ -1159,6 +1175,7 @@ export declare const vi: {
     'editor.image.dialog.tab.url': string;
     'editor.image.dialog.tab.upload': string;
     'editor.image.dialog.tab.uploadCrop': string;
+    'editor.image.dialog.uploading': string;
     'editor.image.dialog.form.link': string;
     'editor.image.dialog.placeholder': string;
     'editor.image.dialog.form.alt': string;
@@ -1238,6 +1255,7 @@ export declare const vi: {
     'editor.attachment.please_upload': string;
     'editor.imageGif.tooltip': string;
     'editor.replace.caseSensitive': string;
+    'editor.mermaid.tooltip': string;
 };
 
 export declare const Video: Node_2<VideoOptions, any>;
@@ -1439,6 +1457,7 @@ export declare const zh_CN: {
     'editor.attachment.please_upload': string;
     'editor.imageGif.tooltip': string;
     'editor.replace.caseSensitive': string;
+    'editor.mermaid.tooltip': string;
 };
 
 export { }
@@ -1478,15 +1497,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        imageUpload: {
-            setImageUpload: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         lineHeight: {
@@ -1513,16 +1523,6 @@ declare module '@tiptap/core' {
 }
 
 
-declare module '@tiptap/core' {
-    interface Commands<ReturnType> {
-        tableCellBackground: {
-            setTableCellBackground: (color: string) => ReturnType;
-            unsetTableCellBackground: () => ReturnType;
-        };
-    }
-}
-
-
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
         imageResize: {
@@ -1545,8 +1545,22 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        videoUpload: {
-            setVideoUpload: () => ReturnType;
+        imageUpload: {
+            setImageUpload: () => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        columns: {
+            insertColumns: (attrs?: {
+                cols: number;
+            }) => ReturnType;
+            addColBefore: () => ReturnType;
+            addColAfter: () => ReturnType;
+            deleteCol: () => ReturnType;
         };
     }
 }
@@ -1563,13 +1577,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        columns: {
-            insertColumns: (attrs?: {
-                cols: number;
+        iframe: {
+            /**
+             * Add an iframe
+             */
+            setIframe: (options: {
+                src: string;
+                service: string;
             }) => ReturnType;
-            addColBefore: () => ReturnType;
-            addColAfter: () => ReturnType;
-            deleteCol: () => ReturnType;
         };
     }
 }
@@ -1577,8 +1592,14 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        excalidraw: {
-            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
+        search: {
+            setSearchTerm: (searchTerm: string) => ReturnType;
+            setReplaceTerm: (replaceTerm: string) => ReturnType;
+            replace: () => ReturnType;
+            replaceAll: () => ReturnType;
+            goToPrevSearchResult: () => void;
+            goToNextSearchResult: () => void;
+            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
         };
     }
 }
@@ -1586,8 +1607,18 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        katex: {
-            setKatex: (arg?: IKatexAttrs) => ReturnType;
+        tableCellBackground: {
+            setTableCellBackground: (color: string) => ReturnType;
+            unsetTableCellBackground: () => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        videoUpload: {
+            setVideoUpload: () => ReturnType;
         };
     }
 }
@@ -1607,14 +1638,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        search: {
-            setSearchTerm: (searchTerm: string) => ReturnType;
-            setReplaceTerm: (replaceTerm: string) => ReturnType;
-            replace: () => ReturnType;
-            replaceAll: () => ReturnType;
-            goToPrevSearchResult: () => void;
-            goToNextSearchResult: () => void;
-            setCaseSensitive: (caseSensitive: boolean) => ReturnType;
+        katex: {
+            setKatex: (arg?: IKatexAttrs) => ReturnType;
         };
     }
 }
@@ -1631,14 +1656,8 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        iframe: {
-            /**
-             * Add an iframe
-             */
-            setIframe: (options: {
-                src: string;
-                service: string;
-            }) => ReturnType;
+        excalidraw: {
+            setExcalidraw: (attrs?: IExcalidrawAttrs) => ReturnType;
         };
     }
 }
@@ -1646,19 +1665,9 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        imageResize: {
-            /**
-             * Add an image gif
-             */
-            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Update an image gif
-             */
-            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
-            /**
-             * Set image alignment
-             */
-            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
+        tableOfContents: {
+            setTableOfContents: () => ReturnType;
+            removeTableOfContents: () => ReturnType;
         };
     }
 }
@@ -1675,9 +1684,29 @@ declare module '@tiptap/core' {
 
 declare module '@tiptap/core' {
     interface Commands<ReturnType> {
-        tableOfContents: {
-            setTableOfContents: () => ReturnType;
-            removeTableOfContents: () => ReturnType;
+        mermaid: {
+            setMermaid: (options: any, replace?: any) => ReturnType;
+            setAlignImageMermaid: (align: 'left' | 'center' | 'right') => ReturnType;
+        };
+    }
+}
+
+
+declare module '@tiptap/core' {
+    interface Commands<ReturnType> {
+        imageResize: {
+            /**
+             * Add an image gif
+             */
+            setImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Update an image gif
+             */
+            updateImageGif: (options: Partial<SetImageAttrsOptions>) => ReturnType;
+            /**
+             * Set image alignment
+             */
+            setAlignImageGif: (align: 'left' | 'center' | 'right') => ReturnType;
         };
     }
 }

package/lib/{locales-CWlwSk1K.js → locales-CV1FzvUW.js}

@@ -3,7 +3,7 @@ var s = (e, t, o) => t in e ? p(e, t, { enumerable: !0, configurable: !0, writab
 var n = (e, t, o) => s(e, typeof t != "symbol" ? t + "" : t, o);
 import { useMemo as g, useEffect as m } from "react";
 import { proxy as u, useSnapshot as c } from "valtio";
-import { m as h } from "./utils-BnwdI_JH.js";
+import { m as h } from "./utils-CtONRhPR.js";
 const b = {
   "editor.remove": "Remove",
   "editor.copy": "Copy",
@@ -165,7 +165,8 @@ const b = {
   "editor.attachment.uploading": "Uploading",
   "editor.attachment.please_upload": "Please upload the file",
   "editor.imageGif.tooltip": "Gif",
-  "editor.replace.caseSensitive": "Case Sensitive"
+  "editor.replace.caseSensitive": "Case Sensitive",
+  "editor.mermaid.tooltip": "Mermaid"
 }, f = b, C = {
   "editor.remove": "Remover",
   "editor.copy": "Copiar",
@@ -327,7 +328,8 @@ const b = {
   "editor.attachment.uploading": "Enviando",
   "editor.attachment.please_upload": "Por favor, envie o arquivo",
   "editor.imageGif.tooltip": "Gif",
-  "editor.replace.caseSensitive": "Sensível a maiúsculas e minúsculas"
+  "editor.replace.caseSensitive": "Sensível a maiúsculas e minúsculas",
+  "editor.mermaid.tooltip": "Mermaid"
 }, k = C, T = {
   "editor.remove": "Xóa",
   "editor.copy": "Sao chép",
@@ -410,6 +412,7 @@ const b = {
   "editor.image.dialog.tab.url": "Url",
   "editor.image.dialog.tab.upload": "Tải lên",
   "editor.image.dialog.tab.uploadCrop": "Tải lên & Cắt",
+  "editor.image.dialog.uploading": "Đang tải lên",
   "editor.image.dialog.form.link": "Liên kết",
   "editor.image.dialog.placeholder": "Liên kết",
   "editor.image.dialog.form.alt": "Alt",
@@ -488,7 +491,8 @@ const b = {
   "editor.attachment.uploading": "Đang tải lên",
   "editor.attachment.please_upload": "Vui lòng tải lên tệp",
   "editor.imageGif.tooltip": "Gif",
-  "editor.replace.caseSensitive": "Phân biệt chữ hoa chữ thường"
+  "editor.replace.caseSensitive": "Phân biệt chữ hoa chữ thường",
+  "editor.mermaid.tooltip": "Mermaid"
 }, F = T, _ = {
   "editor.remove": "移除",
   "editor.copy": "复制",
@@ -650,7 +654,8 @@ const b = {
   "editor.attachment.uploading": "上传中",
   "editor.attachment.please_upload": "请上传文件",
   "editor.imageGif.tooltip": "Gif",
-  "editor.replace.caseSensitive": "区分大小写"
+  "editor.replace.caseSensitive": "区分大小写",
+  "editor.mermaid.tooltip": "Mermaid"
 }, x = _, A = "en", D = 200, I = D - 80, w = 20, z = 1e5, P = 16, U = 10, N = 10, M = 2, H = [
   "#000000",
   "#262626",