reactjs-tiptap-editor 1.0.1 → 1.0.2

package/lib/types.d.ts

@@ -0,0 +1,230 @@
+import { Editor as CoreEditor, Extension, JSONContent } from '@tiptap/core';
+import { Editor } from '@tiptap/react';
+import { ActionButtonProps } from './components';
+export type { Editor, JSONContent } from '@tiptap/core';
+/**
+ * Represents the onChange event for EchoEditor.
+ */
+export interface EchoEditorOnChange {
+    /** Editor object */
+    editor: CoreEditor;
+    /** Output content, can be a string or JSON content */
+    output: string | JSONContent;
+}
+/**
+ * Represents the keys for different extensions.
+ */
+export type ExtensionNameKeys = 'bold' | 'italic' | 'underline' | 'strike' | 'color' | 'highlight' | 'heading' | 'textAlign' | 'bulletList' | 'orderedList' | 'taskList' | 'indent' | 'link' | 'image' | 'video' | 'table' | 'blockquote' | 'horizontalRule' | 'code' | 'codeBlock' | 'clear' | 'history' | 'twitter' | 'katex' | 'excalidraw' | 'mermaid' | 'drawer';
+/**
+ * Represents the general options for Tiptap extensions.
+ */
+export interface GeneralOptions<T> {
+    /** Enabled divider */
+    divider: boolean;
+    /** Enabled spacer */
+    spacer: boolean;
+    /** Button view function */
+    button: ButtonView<T>;
+    /** Show on Toolbar */
+    toolbar?: boolean;
+    /** Shortcut keys override */
+    shortcutKeys?: string[] | string[][];
+}
+/**
+ * Represents the props for the ButtonView component.
+ */
+export interface ButtonViewReturnComponentProps {
+    /** Method triggered when action is performed */
+    action?: (value?: any) => void;
+    /** Whether it is in the active state */
+    isActive?: () => boolean;
+    /** Button icon */
+    icon?: any;
+    /** Text displayed on hover */
+    tooltip?: string;
+    [x: string]: any;
+}
+/**
+ * Represents the slots for the ButtonView component.
+ */
+export interface ButtonViewReturnComponentSlots {
+    /** Dialog slot */
+    dialog: () => any;
+    [x: string]: () => any;
+}
+/**
+ * Represents the return value for the ButtonView component.
+ */
+export interface ButtonViewReturn {
+    /** Component */
+    component: unknown;
+    /** Component props */
+    componentProps: ButtonViewReturnComponentProps;
+    /** Component slots */
+    componentSlots?: ButtonViewReturnComponentSlots;
+}
+/**
+ * Represents the parameters for the ButtonView function.
+ */
+export interface ButtonViewParams<T = any> {
+    /** Editor object */
+    editor: Editor;
+    /** Extension object */
+    extension: Extension<T>;
+    /** Translation function */
+    t: (path: string) => string;
+}
+/**
+ * Represents the ButtonView function.
+ */
+export type ButtonView<T = any> = (options: ButtonViewParams<T>) => ButtonViewReturn | ButtonViewReturn[];
+/**
+ * Represents the BubbleMenuRenderProps.
+ */
+export interface BubbleMenuRenderProps {
+    editor: Editor;
+    disabled: boolean;
+    bubbleMenu: BubbleMenuProps;
+    extensionsNames: string[];
+}
+export interface TableMenuConfig {
+    /**
+       * @description Column menu hidden
+       * @default false
+       */
+    hidden?: boolean;
+    /**
+     * custom menu actions
+     */
+    actions?: ActionButtonProps[];
+    /**
+     * hidden default actions, if any
+     */
+    hiddenActions?: string[];
+}
+/**
+ * Represents the BubbleMenuProps.
+ */
+export interface BubbleMenuProps {
+    columnConfig?: {
+        /**
+         * @description Column menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    tableConfig?: TableMenuConfig;
+    floatingMenuConfig?: {
+        /**
+         * @description Floating menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    linkConfig?: {
+        /**
+         * @description Link menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    textConfig?: {
+        /**
+         * @description Text menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    imageConfig?: {
+        /**
+         * @description Image menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    imageGifConfig?: {
+        /**
+         * @description Image menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    videoConfig?: {
+        /**
+         * @description Video menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    katexConfig?: {
+        /**
+         * @description katex menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    excalidrawConfig?: {
+        /**
+         * @description excalidraw menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    iframeConfig?: {
+        /**
+         * @description iframe menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    mermaidConfig?: {
+        /**
+         * @description mermaid menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    twitterConfig?: {
+        /**
+         * @description twitter menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    drawerConfig?: {
+        /**
+         * @description twitter menu hidden
+         * @default false
+         */
+        hidden?: boolean;
+    };
+    render?: (props: BubbleMenuRenderProps, dom: React.ReactNode) => React.ReactNode;
+}
+/**
+ * Represents the ToolbarItemProps.
+ */
+export interface ToolbarItemProps {
+    button: {
+        component: React.ComponentType<any>;
+        componentProps: Record<string, any>;
+    };
+    divider: boolean;
+    spacer: boolean;
+    type: string;
+    name: string;
+}
+export interface ToolbarRenderProps {
+    editor: Editor;
+    disabled: boolean;
+}
+export interface ToolbarProps {
+    render?: (props: ToolbarRenderProps, toolbarItems: ToolbarItemProps[], dom: any[], containerDom: (innerContent: React.ReactNode) => React.ReactNode) => React.ReactNode;
+    tooltipSide?: 'top' | 'bottom';
+}
+export interface NameValueOption<T = string> {
+    name: string;
+    value: T;
+}
+export type VideoAlignment = 'flex-start' | 'center' | 'flex-end';
+export type PaperSize = 'Legal' | 'Letter' | 'Tabloid' | 'A0' | 'A1' | 'A2' | 'A3' | 'A4' | 'A5';
+export type PageMargin = '0in' | '0.25in' | '0.4in' | '0.5in' | '0.75in' | '1in' | '1.25in' | '1.5in' | '1.75in' | '2in' | '0cm' | '0.5cm' | '1cm' | '1.5cm' | '2cm' | '2.5cm' | '3cm' | '4cm' | '5cm' | '0mm' | '5mm' | '10mm' | '15mm' | '20mm' | '25mm' | '30mm' | '40mm' | '50mm' | '0pt' | '18pt' | '36pt' | '54pt' | '72pt' | '90pt' | '108pt' | '144pt';

package/lib/{updatePosition-8Sdem5jb.cjs → updatePosition-C17CDdjq.cjs}

@@ -1 +1 @@
-"use strict";const z=require("@tiptap/pm/state"),L=require("@tiptap/pm/view"),G=require("./index-RfTlOzIr.cjs"),U=require("./floating-ui.dom-VCrc58uF.cjs");function Q(f){var l;const{char:y,allowSpaces:I,allowToIncludeChar:h,allowedPrefixes:m,startOfLine:k,$position:v}=f,B=I&&!h,q=G.escapeForRegEx(y),O=new RegExp(`\\s${q}$`),S=k?"^":"",M=h?"":q,C=B?new RegExp(`${S}${q}.*?(?=\\s${M}|$)`,"gm"):new RegExp(`${S}(?:^)?${q}[^\\s${M}]*`,"gm"),$=((l=v.nodeBefore)==null?void 0:l.isText)&&v.nodeBefore.text;if(!$)return null;const F=v.pos-$.length,a=Array.from($.matchAll(C)).pop();if(!a||a.input===void 0||a.index===void 0)return null;const e=a.input.slice(Math.max(0,a.index-1),a.index),K=new RegExp(`^[${m==null?void 0:m.join("")}\0]?$`).test(e);if(m!==null&&!K)return null;const _=F+a.index;let x=_+a[0].length;return B&&O.test($.slice(x-1,x+1))&&(a[0]+=" ",x+=1),_<v.pos&&x>=v.pos?{range:{from:_,to:x},query:a[0].slice(y.length),text:a[0]}:null}var V=new z.PluginKey("suggestion");function H({pluginKey:f=V,editor:l,char:y="@",allowSpaces:I=!1,allowToIncludeChar:h=!1,allowedPrefixes:m=[" "],startOfLine:k=!1,decorationTag:v="span",decorationClass:B="suggestion",decorationContent:q="",decorationEmptyClass:O="is-empty",command:S=()=>null,items:M=()=>[],render:C=()=>({}),allow:$=()=>!0,findSuggestionMatch:F=Q}){let a;const e=C==null?void 0:C(),K=()=>{const n=l.state.selection.$anchor.pos,i=l.view.coordsAtPos(n),{top:r,right:s,bottom:o,left:c}=i;try{return new DOMRect(c,r,s-c,o-r)}catch{return null}},_=(n,i)=>i?()=>{const r=f.getState(l.state),s=r==null?void 0:r.decorationId,o=n.dom.querySelector(`[data-decoration-id="${s}"]`);return(o==null?void 0:o.getBoundingClientRect())||null}:K;function x(n,i){var r;try{const o=f.getState(n.state),c=o!=null&&o.decorationId?n.dom.querySelector(`[data-decoration-id="${o.decorationId}"]`):null,d={editor:l,range:(o==null?void 0:o.range)||{from:0,to:0},query:(o==null?void 0:o.query)||null,text:(o==null?void 0:o.text)||null,items:[],command:p=>S({editor:l,range:(o==null?void 0:o.range)||{from:0,to:0},props:p}),decorationNode:c,clientRect:_(n,c)};(r=e==null?void 0:e.onExit)==null||r.call(e,d)}catch{}const s=n.state.tr.setMeta(i,{exit:!0});n.dispatch(s)}const N=new z.Plugin({key:f,view(){return{update:async(n,i)=>{var r,s,o,c,d,p,E;const t=(r=this.key)==null?void 0:r.getState(i),g=(s=this.key)==null?void 0:s.getState(n.state),u=t.active&&g.active&&t.range.from!==g.range.from,R=!t.active&&g.active,b=t.active&&!g.active,P=!R&&!b&&t.query!==g.query,D=R||u&&P,A=P||u,T=b||u&&P;if(!D&&!A&&!T)return;const w=T&&!D?t:g,j=n.dom.querySelector(`[data-decoration-id="${w.decorationId}"]`);a={editor:l,range:w.range,query:w.query,text:w.text,items:[],command:J=>S({editor:l,range:w.range,props:J}),decorationNode:j,clientRect:_(n,j)},D&&((o=e==null?void 0:e.onBeforeStart)==null||o.call(e,a)),A&&((c=e==null?void 0:e.onBeforeUpdate)==null||c.call(e,a)),(A||D)&&(a.items=await M({editor:l,query:w.query})),T&&((d=e==null?void 0:e.onExit)==null||d.call(e,a)),A&&((p=e==null?void 0:e.onUpdate)==null||p.call(e,a)),D&&((E=e==null?void 0:e.onStart)==null||E.call(e,a))},destroy:()=>{var n;a&&((n=e==null?void 0:e.onExit)==null||n.call(e,a))}}},state:{init(){return{active:!1,range:{from:0,to:0},query:null,text:null,composing:!1}},apply(n,i,r,s){const{isEditable:o}=l,{composing:c}=l.view,{selection:d}=n,{empty:p,from:E}=d,t={...i},g=n.getMeta(f);if(g&&g.exit)return t.active=!1,t.decorationId=null,t.range={from:0,to:0},t.query=null,t.text=null,t;if(t.composing=c,o&&(p||l.view.composing)){(E<i.range.from||E>i.range.to)&&!c&&!i.composing&&(t.active=!1);const u=F({char:y,allowSpaces:I,allowToIncludeChar:h,allowedPrefixes:m,startOfLine:k,$position:d.$from}),R=`id_${Math.floor(Math.random()*4294967295)}`;u&&$({editor:l,state:s,range:u.range,isActive:i.active})?(t.active=!0,t.decorationId=i.decorationId?i.decorationId:R,t.range=u.range,t.query=u.query,t.text=u.text):t.active=!1}else t.active=!1;return t.active||(t.decorationId=null,t.range={from:0,to:0},t.query=null,t.text=null),t}},props:{handleKeyDown(n,i){var r,s,o,c;const{active:d,range:p}=N.getState(n.state);if(!d)return!1;if(i.key==="Escape"||i.key==="Esc"){const t=N.getState(n.state),g=(r=a==null?void 0:a.decorationNode)!=null?r:null,u=g??(t!=null&&t.decorationId?n.dom.querySelector(`[data-decoration-id="${t.decorationId}"]`):null);if(((s=e==null?void 0:e.onKeyDown)==null?void 0:s.call(e,{view:n,event:i,range:t.range}))||!1)return!0;const b={editor:l,range:t.range,query:t.query,text:t.text,items:[],command:P=>S({editor:l,range:t.range,props:P}),decorationNode:u,clientRect:u?()=>u.getBoundingClientRect()||null:null};return(o=e==null?void 0:e.onExit)==null||o.call(e,b),x(n,f),!0}return((c=e==null?void 0:e.onKeyDown)==null?void 0:c.call(e,{view:n,event:i,range:p}))||!1},decorations(n){const{active:i,range:r,decorationId:s,query:o}=N.getState(n);if(!i)return null;const c=!(o!=null&&o.length),d=[B];return c&&d.push(O),L.DecorationSet.create(n.doc,[L.Decoration.inline(r.from,r.to,{nodeName:v,class:d.join(" "),"data-decoration-id":s,"data-decoration-content":q})])}}});return N}var W=H;function X(f,l){const y={getBoundingClientRect:()=>G.posToDOMRect(f.view,f.state.selection.from,f.state.selection.to)};U.computePosition(y,l,{placement:"bottom-start",strategy:"absolute",middleware:[U.shift(),U.flip()]}).then(({x:I,y:h,strategy:m})=>{l.style.width="max-content",l.style.position=m,l.style.left=`${I}px`,l.style.top=`${h}px`})}exports.Suggestion=H;exports.index_default=W;exports.updatePosition=X;
+"use strict";const z=require("@tiptap/pm/state"),L=require("@tiptap/pm/view"),G=require("./index-DLqogznp.cjs"),U=require("./floating-ui.dom-VCrc58uF.cjs");function Q(f){var l;const{char:y,allowSpaces:I,allowToIncludeChar:h,allowedPrefixes:m,startOfLine:k,$position:v}=f,B=I&&!h,q=G.escapeForRegEx(y),O=new RegExp(`\\s${q}$`),S=k?"^":"",M=h?"":q,C=B?new RegExp(`${S}${q}.*?(?=\\s${M}|$)`,"gm"):new RegExp(`${S}(?:^)?${q}[^\\s${M}]*`,"gm"),$=((l=v.nodeBefore)==null?void 0:l.isText)&&v.nodeBefore.text;if(!$)return null;const F=v.pos-$.length,a=Array.from($.matchAll(C)).pop();if(!a||a.input===void 0||a.index===void 0)return null;const e=a.input.slice(Math.max(0,a.index-1),a.index),K=new RegExp(`^[${m==null?void 0:m.join("")}\0]?$`).test(e);if(m!==null&&!K)return null;const _=F+a.index;let x=_+a[0].length;return B&&O.test($.slice(x-1,x+1))&&(a[0]+=" ",x+=1),_<v.pos&&x>=v.pos?{range:{from:_,to:x},query:a[0].slice(y.length),text:a[0]}:null}var V=new z.PluginKey("suggestion");function H({pluginKey:f=V,editor:l,char:y="@",allowSpaces:I=!1,allowToIncludeChar:h=!1,allowedPrefixes:m=[" "],startOfLine:k=!1,decorationTag:v="span",decorationClass:B="suggestion",decorationContent:q="",decorationEmptyClass:O="is-empty",command:S=()=>null,items:M=()=>[],render:C=()=>({}),allow:$=()=>!0,findSuggestionMatch:F=Q}){let a;const e=C==null?void 0:C(),K=()=>{const n=l.state.selection.$anchor.pos,i=l.view.coordsAtPos(n),{top:r,right:s,bottom:o,left:c}=i;try{return new DOMRect(c,r,s-c,o-r)}catch{return null}},_=(n,i)=>i?()=>{const r=f.getState(l.state),s=r==null?void 0:r.decorationId,o=n.dom.querySelector(`[data-decoration-id="${s}"]`);return(o==null?void 0:o.getBoundingClientRect())||null}:K;function x(n,i){var r;try{const o=f.getState(n.state),c=o!=null&&o.decorationId?n.dom.querySelector(`[data-decoration-id="${o.decorationId}"]`):null,d={editor:l,range:(o==null?void 0:o.range)||{from:0,to:0},query:(o==null?void 0:o.query)||null,text:(o==null?void 0:o.text)||null,items:[],command:p=>S({editor:l,range:(o==null?void 0:o.range)||{from:0,to:0},props:p}),decorationNode:c,clientRect:_(n,c)};(r=e==null?void 0:e.onExit)==null||r.call(e,d)}catch{}const s=n.state.tr.setMeta(i,{exit:!0});n.dispatch(s)}const N=new z.Plugin({key:f,view(){return{update:async(n,i)=>{var r,s,o,c,d,p,E;const t=(r=this.key)==null?void 0:r.getState(i),g=(s=this.key)==null?void 0:s.getState(n.state),u=t.active&&g.active&&t.range.from!==g.range.from,R=!t.active&&g.active,b=t.active&&!g.active,P=!R&&!b&&t.query!==g.query,D=R||u&&P,A=P||u,T=b||u&&P;if(!D&&!A&&!T)return;const w=T&&!D?t:g,j=n.dom.querySelector(`[data-decoration-id="${w.decorationId}"]`);a={editor:l,range:w.range,query:w.query,text:w.text,items:[],command:J=>S({editor:l,range:w.range,props:J}),decorationNode:j,clientRect:_(n,j)},D&&((o=e==null?void 0:e.onBeforeStart)==null||o.call(e,a)),A&&((c=e==null?void 0:e.onBeforeUpdate)==null||c.call(e,a)),(A||D)&&(a.items=await M({editor:l,query:w.query})),T&&((d=e==null?void 0:e.onExit)==null||d.call(e,a)),A&&((p=e==null?void 0:e.onUpdate)==null||p.call(e,a)),D&&((E=e==null?void 0:e.onStart)==null||E.call(e,a))},destroy:()=>{var n;a&&((n=e==null?void 0:e.onExit)==null||n.call(e,a))}}},state:{init(){return{active:!1,range:{from:0,to:0},query:null,text:null,composing:!1}},apply(n,i,r,s){const{isEditable:o}=l,{composing:c}=l.view,{selection:d}=n,{empty:p,from:E}=d,t={...i},g=n.getMeta(f);if(g&&g.exit)return t.active=!1,t.decorationId=null,t.range={from:0,to:0},t.query=null,t.text=null,t;if(t.composing=c,o&&(p||l.view.composing)){(E<i.range.from||E>i.range.to)&&!c&&!i.composing&&(t.active=!1);const u=F({char:y,allowSpaces:I,allowToIncludeChar:h,allowedPrefixes:m,startOfLine:k,$position:d.$from}),R=`id_${Math.floor(Math.random()*4294967295)}`;u&&$({editor:l,state:s,range:u.range,isActive:i.active})?(t.active=!0,t.decorationId=i.decorationId?i.decorationId:R,t.range=u.range,t.query=u.query,t.text=u.text):t.active=!1}else t.active=!1;return t.active||(t.decorationId=null,t.range={from:0,to:0},t.query=null,t.text=null),t}},props:{handleKeyDown(n,i){var r,s,o,c;const{active:d,range:p}=N.getState(n.state);if(!d)return!1;if(i.key==="Escape"||i.key==="Esc"){const t=N.getState(n.state),g=(r=a==null?void 0:a.decorationNode)!=null?r:null,u=g??(t!=null&&t.decorationId?n.dom.querySelector(`[data-decoration-id="${t.decorationId}"]`):null);if(((s=e==null?void 0:e.onKeyDown)==null?void 0:s.call(e,{view:n,event:i,range:t.range}))||!1)return!0;const b={editor:l,range:t.range,query:t.query,text:t.text,items:[],command:P=>S({editor:l,range:t.range,props:P}),decorationNode:u,clientRect:u?()=>u.getBoundingClientRect()||null:null};return(o=e==null?void 0:e.onExit)==null||o.call(e,b),x(n,f),!0}return((c=e==null?void 0:e.onKeyDown)==null?void 0:c.call(e,{view:n,event:i,range:p}))||!1},decorations(n){const{active:i,range:r,decorationId:s,query:o}=N.getState(n);if(!i)return null;const c=!(o!=null&&o.length),d=[B];return c&&d.push(O),L.DecorationSet.create(n.doc,[L.Decoration.inline(r.from,r.to,{nodeName:v,class:d.join(" "),"data-decoration-id":s,"data-decoration-content":q})])}}});return N}var W=H;function X(f,l){const y={getBoundingClientRect:()=>G.posToDOMRect(f.view,f.state.selection.from,f.state.selection.to)};U.computePosition(y,l,{placement:"bottom-start",strategy:"absolute",middleware:[U.shift(),U.flip()]}).then(({x:I,y:h,strategy:m})=>{l.style.width="max-content",l.style.position=m,l.style.left=`${I}px`,l.style.top=`${h}px`})}exports.Suggestion=H;exports.index_default=W;exports.updatePosition=X;

package/lib/{updatePosition-BPmcE0YD.js → updatePosition-DpMKxYdN.js}

@@ -1,6 +1,6 @@
 import { PluginKey as L, Plugin as z } from "@tiptap/pm/state";
 import { DecorationSet as G, Decoration as H } from "@tiptap/pm/view";
-import { e as J, d as Q } from "./index-DnWWK9F_.js";
+import { e as J, f as Q } from "./index-nFjllrEl.js";
 import { c as V, s as W, f as X } from "./floating-ui.dom-U1vPFQ5f.js";
 function Y(g) {
   var a;

package/lib/useButtonProps--5ytUuGi.js

@@ -0,0 +1,136 @@
+import * as E from "react";
+import { useState as m, useEffect as b, useMemo as a } from "react";
+import { b as S } from "./index-ClAEwR0V.js";
+import { O as h, P as C } from "./index-nFjllrEl.js";
+import { u as M } from "./index-CEbbM7Gx.js";
+let l;
+function p() {
+  return l === void 0 && (l = navigator.platform.includes("Mac")), l;
+}
+function x(t) {
+  return `${t}`.toLowerCase() === "mod" ? p() ? "⌘" : "Ctrl" : `${t}`.toLowerCase() === "alt" ? p() ? "⌥" : "Alt" : `${t}`.toLowerCase() === "shift" ? p() ? "⇧" : "Shift" : t;
+}
+function F(t) {
+  return t.map(x).join(" ");
+}
+function D(t) {
+  const { editor: n } = h(), r = E.useMemo(
+    () => n,
+    [t, n]
+  );
+  return C({
+    editor: r,
+    selector(e) {
+      return e.editor ? {
+        editor: e.editor,
+        editorState: e.editor.state,
+        canCommand: e.editor.can
+      } : {
+        editor: null,
+        editorState: void 0,
+        canCommand: void 0
+      };
+    }
+  }) || { editor: null };
+}
+function f() {
+  return D().editor;
+}
+const g = () => !1;
+function K(t = g) {
+  const n = S(), [r, o] = m(() => {
+    const s = t();
+    return typeof s == "boolean" ? !s : s;
+  }), e = f();
+  b(() => {
+    if (!e || !t) return;
+    const s = () => {
+      const c = t();
+      o(typeof c == "boolean" ? !c : c);
+    };
+    return s(), e.on("selectionUpdate", s), e.on("transaction", s), () => {
+      e.off("selectionUpdate", s), e.off("transaction", s);
+    };
+  }, [e, t]);
+  const u = a(() => !n || !e ? !0 : typeof r == "boolean" ? r : !1, [n, e, r]), i = a(() => !n || !e, [n, e]);
+  return {
+    disabled: u,
+    // can not action, opacity < 1
+    dataState: r,
+    // true => show background, false => no background
+    editorDisabled: i
+  };
+}
+function O(t = g) {
+  const n = S(), [r, o] = m({}), [e, u] = m(t()), i = f();
+  b(() => {
+    if (!i || !t) return;
+    const d = () => {
+      u(t());
+    };
+    return d(), i.on("selectionUpdate", d), () => {
+      i.off("selectionUpdate", d);
+    };
+  }, [r, i, t]);
+  const s = a(() => !n || !i, [n, i]), c = a(() => !n || !i, [n, i]);
+  return {
+    disabled: s,
+    // can not action, opacity < 1
+    dataState: e,
+    // true => show background, false => no background
+    editorDisabled: c,
+    update: () => o({})
+    // force update
+  };
+}
+function U(t) {
+  const n = f();
+  return a(() => n ? n.extensionManager.extensions.find((o) => o.name === t) : null, [n, t]);
+}
+function R(t, n, r) {
+  return t < n ? n : t > r ? r : t;
+}
+const y = (t) => typeof t == "number", N = (t) => typeof t == "string", L = (t) => typeof t == "function";
+function T(t, n = "px") {
+  if (!t)
+    return t;
+  const r = y(t) ? String(t) : t, o = Number.parseFloat(r), e = r.match(/[%a-z]+$/i), u = e ? e[0] : n;
+  return Number.isNaN(o) ? t : o + u;
+}
+function V(t, n) {
+  if (!t)
+    return !1;
+  const { extensions: r = [] } = (t == null ? void 0 : t.extensionManager) ?? {};
+  return !!r.find((e) => e.name === n);
+}
+function z(t) {
+  return t.map((n) => N(n) ? { value: n, name: n } : n);
+}
+function B(t) {
+  const n = f(), r = U(t), { t: o } = M();
+  return a(() => {
+    if (!n || !r)
+      return null;
+    const {
+      button: e
+    } = r.options;
+    return !e || !L(e) ? null : e({
+      editor: n,
+      extension: r,
+      t: o
+    });
+  }, [n, r, o]);
+}
+export {
+  O as a,
+  K as b,
+  f as c,
+  U as d,
+  z as e,
+  T as f,
+  F as g,
+  x as h,
+  R as i,
+  V as j,
+  B as u
+};

package/lib/useButtonProps-DJ51kDtM.cjs

@@ -0,0 +1 @@
+"use strict";const s=require("react"),b=require("./index-DM3mpxB-.cjs"),m=require("./index-DLqogznp.cjs"),M=require("./index-B0fWAhpK.cjs");function h(t){const e=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(t){for(const n in t)if(n!=="default"){const o=Object.getOwnPropertyDescriptor(t,n);Object.defineProperty(e,n,o.get?o:{enumerable:!0,get:()=>t[n]})}}return e.default=t,Object.freeze(e)}const x=h(s);let l;function p(){return l===void 0&&(l=navigator.platform.includes("Mac")),l}function g(t){return`${t}`.toLowerCase()==="mod"?p()?"⌘":"Ctrl":`${t}`.toLowerCase()==="alt"?p()?"⌥":"Alt":`${t}`.toLowerCase()==="shift"?p()?"⇧":"Shift":t}function y(t){return t.map(g).join(" ")}function C(t){const{editor:e}=m.useCurrentEditor(),n=x.useMemo(()=>e,[t,e]);return m.useEditorState({editor:n,selector(r){return r.editor?{editor:r.editor,editorState:r.editor.state,canCommand:r.editor.can}:{editor:null,editorState:void 0,canCommand:void 0}}})||{editor:null}}function f(){return C().editor}const S=()=>!1;function D(t=S){const e=b.useEditableEditor(),[n,o]=s.useState(()=>{const u=t();return typeof u=="boolean"?!u:u}),r=f();s.useEffect(()=>{if(!r||!t)return;const u=()=>{const c=t();o(typeof c=="boolean"?!c:c)};return u(),r.on("selectionUpdate",u),r.on("transaction",u),()=>{r.off("selectionUpdate",u),r.off("transaction",u)}},[r,t]);const a=s.useMemo(()=>!e||!r?!0:typeof n=="boolean"?n:!1,[e,r,n]),i=s.useMemo(()=>!e||!r,[e,r]);return{disabled:a,dataState:n,editorDisabled:i}}function N(t=S){const e=b.useEditableEditor(),[n,o]=s.useState({}),[r,a]=s.useState(t()),i=f();s.useEffect(()=>{if(!i||!t)return;const d=()=>{a(t())};return d(),i.on("selectionUpdate",d),()=>{i.off("selectionUpdate",d)}},[n,i,t]);const u=s.useMemo(()=>!e||!i,[e,i]),c=s.useMemo(()=>!e||!i,[e,i]);return{disabled:u,dataState:r,editorDisabled:c,update:()=>o({})}}function E(t){const e=f();return s.useMemo(()=>e?e.extensionManager.extensions.find(o=>o.name===t):null,[e,t])}function O(t,e,n){return t<e?e:t>n?n:t}const U=t=>typeof t=="number",P=t=>typeof t=="string",$=t=>typeof t=="function";function j(t,e="px"){if(!t)return t;const n=U(t)?String(t):t,o=Number.parseFloat(n),r=n.match(/[%a-z]+$/i),a=r?r[0]:e;return Number.isNaN(o)?t:o+a}function q(t,e){if(!t)return!1;const{extensions:n=[]}=(t==null?void 0:t.extensionManager)??{};return!!n.find(r=>r.name===e)}function w(t){return t.map(e=>P(e)?{value:e,name:e}:e)}function K(t){const e=f(),n=E(t),{t:o}=M.useLocale();return s.useMemo(()=>{if(!e||!n)return null;const{button:r}=n.options;return!r||!$(r)?null:r({editor:e,extension:n,t:o})},[e,n,o])}exports.clamp=O;exports.ensureNameValueOptions=w;exports.getCssUnitWithDefault=j;exports.getShortcutKey=g;exports.getShortcutKeys=y;exports.hasExtension=q;exports.useActive=D;exports.useButtonProps=K;exports.useEditorInstance=f;exports.useExtension=E;exports.useToggleActive=N;

package/lib/utils/_event.d.ts

@@ -0,0 +1,13 @@
+export declare const OPEN_COUNT_SETTING_MODAL = "OPEN_COUNT_SETTING_MODAL";
+export declare const OPEN_LINK_SETTING_MODAL = "OPEN_LINK_SETTING_MODAL";
+export declare const OPEN_FLOW_SETTING_MODAL = "OPEN_FLOW_SETTING_MODAL";
+export declare const OPEN_MIND_SETTING_MODAL = "OPEN_MIND_SETTING_MODAL";
+export declare const OPEN_EXCALIDRAW_SETTING_MODAL = "OPEN_EXCALIDRAW_SETTING_MODAL";
+export declare const OPEN_DRAWER_SETTING_MODAL = "OPEN_DRAWER_SETTING_MODAL";
+export declare function subject(eventName: any, handler: any): void;
+export declare function cancelSubject(eventName: any, handler: any): void;
+export declare function triggerOpenCountSettingModal(data: any): void;
+export declare function triggerOpenLinkSettingModal(data: any): void;
+export declare function triggerOpenFlowSettingModal(data: any): void;
+export declare function triggerOpenMindSettingModal(data: any): void;
+export declare function triggerOpenExcalidrawSettingModal(data: any): void;

package/lib/utils/base64.d.ts

@@ -0,0 +1,2 @@
+export declare function base64ToBlob(base64: any, mimeType: any): Blob;
+export declare function blobToFile(blob: any, fileName: any): File;

package/lib/utils/color.d.ts

@@ -0,0 +1,7 @@
+export declare const getRandomColor: () => string;
+/**
+ * @param hexCode
+ * @param opacity
+ * @returns
+ */
+export declare function convertColorToRGBA(hexCode: string, opacity?: number): string;

package/lib/utils/columns.d.ts

@@ -0,0 +1,14 @@
+import { EditorState } from '@tiptap/pm/state';
+export declare function createColumn(colType: any, index: any, colContent?: null): any;
+export declare function getColumnsNodeTypes(schema: any): any;
+export declare function createColumns(schema: any, colsCount: any, colContent?: null): any;
+export declare function addOrDeleteCol({ state, dispatch, type, }: {
+    state: EditorState;
+    dispatch: any;
+    type: 'addBefore' | 'addAfter' | 'delete';
+}): boolean;
+export declare function gotoCol({ state, dispatch, type }: {
+    state: EditorState;
+    dispatch: any;
+    type: 'before' | 'after';
+}): boolean;

package/lib/utils/customEvents/customEvents.d.ts

@@ -0,0 +1,3 @@
+import { EventValues } from './events.constant';
+export declare function listenEvent(eventName: EventValues, callback: any): () => void;
+export declare function dispatchEvent(eventName: EventValues, detail?: any): void;

package/lib/utils/customEvents/events.constant.d.ts

@@ -0,0 +1,9 @@
+export declare const EVENTS: {
+    readonly UPLOAD_IMAGE: (id: any) => string;
+    readonly UPLOAD_VIDEO: (id: string) => string;
+    readonly CHANGE_THEME: "CHANGE_THEME";
+    readonly CHANGE_COLOR: "CHANGE_COLOR";
+    readonly CHANGE_BORDER_RADIUS: "CHANGE_BORDER_RADIUS";
+    readonly CHANGE_LANGUAGE: "CHANGE_LANGUAGE";
+};
+export type EventValues = any;

package/lib/utils/delete-node.d.ts

@@ -0,0 +1,2 @@
+import { Editor } from '@tiptap/core';
+export declare function deleteNode(nodeType: string, editor: Editor): boolean;

package/lib/utils/dom-dataset.d.ts

@@ -0,0 +1,28 @@
+/**
+ * @param json
+ */
+export declare function jsonToStr(json: Record<string, unknown>): string;
+/**
+ * @param str
+ */
+export declare function strToJSON(str: string): any;
+/**
+ * @param element
+ * @param json
+ */
+export declare function jsonToDOMDataset(json: Record<string, unknown>): {
+    key: string;
+    value: string;
+}[];
+/**
+ * @param element
+ * @param attribute
+ * @param transformToJSON
+ */
+export declare function getDatasetAttribute(attribute: string, transformToJSON?: boolean): (element: HTMLElement) => any;
+/**
+ * 将节点属性转换为 dataset
+ * @param node
+ * @returns
+ */
+export declare function nodeAttrsToDataset(node: Node): any;

package/lib/utils/download.d.ts

@@ -0,0 +1 @@
+export declare function downloadFromBlob(blob: Blob, filename: string): Promise<void>;

package/lib/utils/dynamicCSS.d.ts

@@ -0,0 +1,25 @@
+export type ContainerType = Element | ShadowRoot;
+export type Prepend = boolean | 'queue';
+export type AppendType = 'prependQueue' | 'append' | 'prepend';
+export default function contains(root: Node | null | undefined, n?: Node): boolean;
+interface Options {
+    attachTo?: ContainerType;
+    csp?: {
+        nonce?: string;
+    };
+    prepend?: Prepend;
+    /**
+     * Config the `priority` of `prependQueue`. Default is `0`.
+     * It's useful if you need to insert style before other style.
+     */
+    priority?: number;
+    mark?: string;
+}
+export declare function injectCSS(css: string, option?: Options): HTMLStyleElement;
+export declare function removeCSS(key: string, option?: Options): void;
+/**
+ * manually clear container cache to avoid global cache in unit testes
+ */
+export declare function clearContainerCache(): void;
+export declare function updateCSS(css: string, key: string, option?: Options): HTMLStyleElement;
+export {};

package/lib/utils/editor-container-size.d.ts

@@ -0,0 +1,4 @@
+import { Editor } from '@tiptap/core';
+export declare function getEditorContainerDOMSize(editor: Editor): {
+    width: number;
+};

package/lib/utils/file.d.ts

@@ -0,0 +1,30 @@
+/**
+ * 获取文件名
+ *
+ * @example
+ *   > extractFilename('https://gitlab.com/images/logo-full.png')
+ *   < 'logo-full'
+ *
+ * @param {string} src The URL to extract filename from
+ * @returns {string}
+ */
+export declare function extractFilename(src: any): any;
+/**
+ * extractFileExtension
+ * @param {string} fileName The file name to extract extension from
+ * @returns  {string}
+ */
+export declare function extractFileExtension(fileName: any): any;
+export declare function normalizeFileSize(size: any): string;
+export type FileType = 'image' | 'audio' | 'video' | 'pdf' | 'word' | 'excel' | 'ppt' | 'file';
+export declare function normalizeFileType(fileType: any): FileType;
+export declare function readImageAsBase64(file: File): Promise<{
+    alt: string;
+    src: string;
+}>;
+export declare function getImageWidthHeight(url: string): Promise<{
+    width: number | string;
+    height: number | string;
+}>;
+export declare const FILE_CHUNK_SIZE: number;
+export declare function dataURLtoFile(dataurl: string, filename: string): File;

package/lib/utils/getRenderContainer.d.ts

@@ -0,0 +1,3 @@
+import { Editor } from '@tiptap/react';
+export declare function getRenderContainer(editor: Editor, nodeType: string): any;
+export default getRenderContainer;

package/lib/utils/indent.d.ts

@@ -0,0 +1,14 @@
+import { Command } from '@tiptap/core';
+import { Transaction } from '@tiptap/pm/state';
+export declare const enum IndentProps {
+    max = 7,
+    min = 0,
+    more = 1,
+    less = -1
+}
+export declare function clamp(val: number, min: number, max: number): number;
+export declare function setNodeIndentMarkup(tr: Transaction, pos: number, delta: number): Transaction;
+export declare function createIndentCommand({ delta, types }: {
+    delta: number;
+    types: string[];
+}): Command;

package/lib/utils/is-mobile.d.ts

@@ -0,0 +1,19 @@
+interface HttpRequestHeadersInterfaceMock {
+    [id: string]: string | string[] | undefined;
+}
+interface HttpRequestInterfaceMock {
+    headers: HttpRequestHeadersInterfaceMock;
+    [id: string]: any;
+}
+export interface IsMobileOptions {
+    ua?: string | HttpRequestInterfaceMock;
+    tablet?: boolean;
+    featureDetect?: boolean;
+}
+/**
+ * Determines if the current device is a mobile or tablet device.
+ * @param opts - Options for the detection.
+ * @returns `true` if the device is mobile or tablet, `false` otherwise.
+ */
+export declare function isMobile(opts?: IsMobileOptions): boolean;
+export {};

package/lib/utils/json.d.ts

@@ -0,0 +1,2 @@
+export declare function safeJSONParse(str: any, defaultValue?: {}): any;
+export declare function safeJSONStringify(obj: any, defaultValue?: string): string;

package/lib/utils/lru-cache.d.ts

@@ -0,0 +1,31 @@
+declare class Node {
+    key: string;
+    value: string | number;
+    prev: Node | null;
+    next: Node | null;
+    constructor(key: any, value: any);
+}
+export declare class LRUCache {
+    private capacity;
+    private usedCapacity;
+    private head;
+    private tail;
+    private store;
+    constructor(capacity: any);
+    private removeNode;
+    private addToHead;
+    private moveToHead;
+    private removeTail;
+    get(key: any): string | number;
+    put(key: any, value: any): void;
+    keys(): any[];
+    values(): any[];
+    toJSON(): Record<string, Node>;
+}
+export declare function createKeysLocalStorageLRUCache(storageKey: any, capacity: any): {
+    syncFromStorage(): void;
+    syncToStorage(): void;
+    put(key: any): void;
+    get(key?: string): string | number | any[];
+};
+export {};

package/lib/utils/mitt.d.ts

@@ -0,0 +1,21 @@
+/**
+ * copy to https://github.com/developit/mitt
+ */
+export type EventType = string | symbol;
+export type Handler<T = unknown> = (event: T) => void;
+export type WildcardHandler<T = Record<string, unknown>> = (type: keyof T, event: T[keyof T]) => void;
+export type EventHandlerList<T = unknown> = Array<Handler<T>>;
+export type WildCardEventHandlerList<T = Record<string, unknown>> = Array<WildcardHandler<T>>;
+export type EventHandlerMap<Events extends Record<EventType, unknown>> = Map<keyof Events | '*', EventHandlerList<Events[keyof Events]> | WildCardEventHandlerList<Events>>;
+export interface Emitter<Events extends Record<EventType, unknown>> {
+    all: EventHandlerMap<Events>;
+    on: (<Key extends keyof Events>(type: Key, handler: Handler<Events[Key]>) => void) & ((type: '*', handler: WildcardHandler<Events>) => void);
+    off: (<Key extends keyof Events>(type: Key, handler?: Handler<Events[Key]>) => void) & ((type: '*', handler: WildcardHandler<Events>) => void);
+    emit: (<Key extends keyof Events>(type: Key, event: Events[Key]) => void) & (<Key extends keyof Events>(type: undefined extends Events[Key] ? Key : never) => void);
+}
+/**
+ * Mitt: Tiny (~200b) functional event emitter / pubsub.
+ * @name mitt
+ * @returns {Mitt}
+ */
+export default function mitt<Events extends Record<EventType, unknown>>(all?: EventHandlerMap<Events>): Emitter<Events>;