reactjs-tiptap-editor 1.0.16 → 1.0.18

package/lib/Mention.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./clsx-CXbNJWDD.cjs"),w=require("@tiptap/pm/model"),y=require("./index-Cs6cp0Y6.cjs"),T=require("@tiptap/pm/state"),m=require("react/jsx-runtime"),h=require("react"),M=require("scroll-into-view-if-needed"),x=require("./renderNodeView-DfLmGrgA.cjs");function L({editor:e,overrideSuggestionOptions:t,extensionName:n,char:r="@"}){const s=new T.PluginKey;return{editor:e,char:r,pluginKey:s,command:({editor:o,range:a,props:l})=>{var u,i,d;const g=o.view.state.selection.$to.nodeAfter;((u=g==null?void 0:g.text)==null?void 0:u.startsWith(" "))&&(a.to+=1),o.chain().focus().insertContentAt(a,[{type:n,attrs:{...l,mentionSuggestionChar:r}},{type:"text",text:" "}]).run(),(d=(i=o.view.dom.ownerDocument.defaultView)==null?void 0:i.getSelection())==null||d.collapseToEnd()},allow:({state:o,range:a})=>{const l=o.doc.resolve(a.from),u=o.schema.nodes[n];return!!l.parent.type.contentMatch.matchType(u)},...t}}function v(e){return(e.options.suggestions.length?e.options.suggestions:[e.options.suggestion]).map(t=>L({editor:e.editor,overrideSuggestionOptions:t,extensionName:e.name,char:t.char}))}function f(e,t){const n=v(e),r=n.find(s=>s.char===t);return r||(n.length?n[0]:null)}var S=c.Node3.create({name:"mention",priority:101,addOptions(){return{HTMLAttributes:{},renderText({node:e,suggestion:t}){var n,r;return`${(n=t==null?void 0:t.char)!=null?n:"@"}${(r=e.attrs.label)!=null?r:e.attrs.id}`},deleteTriggerWithBackspace:!1,renderHTML({options:e,node:t,suggestion:n}){var r,s;return["span",c.mergeAttributes(this.HTMLAttributes,e.HTMLAttributes),`${(r=n==null?void 0:n.char)!=null?r:"@"}${(s=t.attrs.label)!=null?s:t.attrs.id}`]},suggestions:[],suggestion:{}}},group:"inline",inline:!0,selectable:!1,atom:!0,addAttributes(){return{id:{default:null,parseHTML:e=>e.getAttribute("data-id"),renderHTML:e=>e.id?{"data-id":e.id}:{}},label:{default:null,parseHTML:e=>e.getAttribute("data-label"),renderHTML:e=>e.label?{"data-label":e.label}:{}},mentionSuggestionChar:{default:"@",parseHTML:e=>e.getAttribute("data-mention-suggestion-char"),renderHTML:e=>({"data-mention-suggestion-char":e.mentionSuggestionChar})}}},parseHTML(){return[{tag:`span[data-type="${this.name}"]`}]},renderHTML({node:e,HTMLAttributes:t}){const n=f(this,e.attrs.mentionSuggestionChar);if(this.options.renderLabel!==void 0)return console.warn("renderLabel is deprecated use renderText and renderHTML instead"),["span",c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t),this.options.renderLabel({options:this.options,node:e,suggestion:n})];const r={...this.options};r.HTMLAttributes=c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t);const s=this.options.renderHTML({options:r,node:e,suggestion:n});return typeof s=="string"?["span",c.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t),s]:s},...c.createInlineMarkdownSpec({nodeName:"mention",name:"@",selfClosing:!0,allowedAttributes:["id","label",{name:"mentionSuggestionChar",skipIfDefault:"@"}],parseAttributes:e=>{const t={},n=/(\w+)=(?:"([^"]*)"|'([^']*)')/g;let r=n.exec(e);for(;r!==null;){const[,s,o,a]=r,l=o??a;t[s==="char"?"mentionSuggestionChar":s]=l,r=n.exec(e)}return t},serializeAttributes:e=>Object.entries(e).filter(([,t])=>t!=null).map(([t,n])=>`${t==="mentionSuggestionChar"?"char":t}="${n}"`).join(" ")}),renderText({node:e}){const t={options:this.options,node:e,suggestion:f(this,e.attrs.mentionSuggestionChar)};return this.options.renderLabel!==void 0?(console.warn("renderLabel is deprecated use renderText and renderHTML instead"),this.options.renderLabel(t)):this.options.renderText(t)},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command(({tr:e,state:t})=>{let n=!1;const{selection:r}=t,{empty:s,anchor:o}=r;if(!s)return!1;let a=new w.Node,l=0;return t.doc.nodesBetween(o-1,o,(u,i)=>{if(u.type.name===this.name)return n=!0,a=u,l=i,!1}),n&&e.insertText(this.options.deleteTriggerWithBackspace?"":a.attrs.mentionSuggestionChar,l,l+a.nodeSize),n})}},addProseMirrorPlugins(){return v(this).map(y.Suggestion)}}),A=S;const b=h.forwardRef((e,t)=>{const n=h.useRef(null),[r,s]=h.useState(0),o=i=>{const d=e.items[i];d&&e.command(d)},a=()=>{s((r+e.items.length-1)%e.items.length)},l=()=>{s((r+1)%e.items.length)},u=()=>{o(r)};return h.useEffect(()=>s(0),[e.items]),h.useEffect(()=>{if(Number.isNaN(r+1))return;const i=n.current.querySelector(`span:nth-of-type(${r+1})`);i&&M(i,{behavior:"smooth",scrollMode:"if-needed"})},[r]),h.useImperativeHandle(t,()=>({onKeyDown:({event:i})=>i.key==="ArrowUp"?(a(),!0):i.key==="ArrowDown"?(l(),!0):i.key==="Enter"?(u(),!0):!1})),m.jsx("div",{className:" !richtext-max-h-[320px] !richtext-w-[160px] richtext-overflow-y-auto richtext-overflow-x-hidden  richtext-rounded-md  !richtext-border !richtext-border-solid !richtext-border-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none","data-richtext-portal":!0,ref:n,children:m.jsx("div",{children:e.items.length>0?e.items.map((i,d)=>{var g;return m.jsxs("span",{className:c.clsx("richtext-flex richtext-w-full richtext-items-center richtext-gap-3 richtext-rounded-sm !richtext-border-none !richtext-bg-transparent richtext-px-2 richtext-py-1.5 richtext-text-left richtext-text-sm richtext-text-foreground !richtext-outline-none richtext-transition-colors hover:!richtext-bg-accent ",{"bg-item-active":d===r}),onClick:p=>{p.preventDefault(),o(d)},children:[((g=i==null?void 0:i.avatar)==null?void 0:g.src)&&m.jsx("img",{alt:i.label,className:"richtext-size-5 richtext-rounded-full",src:i.avatar.src}),i==null?void 0:i.label]},`mention-item-${i.id}`)}):m.jsx("div",{className:c.clsx("itemUserEmpty, richtext-text-foreground"),children:"Empty"})})})}),H=c.Extension.create({name:"richTextMentionWrapper",addExtensions(){var t,n,r,s;const e={...this.options};return(t=this.options)!=null&&t.suggestion&&(e.suggestion={render:x.renderNodeViewClosure(b),...this.options.suggestion}),(r=(n=this.options)==null?void 0:n.suggestions)!=null&&r.length&&(e.suggestions=(s=this.options.suggestions)==null?void 0:s.map(o=>({render:x.renderNodeViewClosure(b),...o}))),[A.configure({HTMLAttributes:{class:"mention"},...e})]}});exports.Mention=H;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const d=require("./index-zig3Dj7A.cjs"),y=require("@tiptap/pm/model"),T=require("./index-DUpSE1Gb.cjs"),M=require("@tiptap/pm/state"),m=require("react/jsx-runtime"),x=require("./clsx-BWE7vnna.cjs"),h=require("react"),L=require("scroll-into-view-if-needed"),f=require("./renderNodeView-D1zydtli.cjs");function S({editor:e,overrideSuggestionOptions:t,extensionName:n,char:r="@"}){const s=new M.PluginKey;return{editor:e,char:r,pluginKey:s,command:({editor:o,range:a,props:l})=>{var u,i,c;const g=o.view.state.selection.$to.nodeAfter;((u=g==null?void 0:g.text)==null?void 0:u.startsWith(" "))&&(a.to+=1),o.chain().focus().insertContentAt(a,[{type:n,attrs:{...l,mentionSuggestionChar:r}},{type:"text",text:" "}]).run(),(c=(i=o.view.dom.ownerDocument.defaultView)==null?void 0:i.getSelection())==null||c.collapseToEnd()},allow:({state:o,range:a})=>{const l=o.doc.resolve(a.from),u=o.schema.nodes[n];return!!l.parent.type.contentMatch.matchType(u)},...t}}function w(e){return(e.options.suggestions.length?e.options.suggestions:[e.options.suggestion]).map(t=>S({editor:e.editor,overrideSuggestionOptions:t,extensionName:e.name,char:t.char}))}function b(e,t){const n=w(e),r=n.find(s=>s.char===t);return r||(n.length?n[0]:null)}var A=d.Node3.create({name:"mention",priority:101,addOptions(){return{HTMLAttributes:{},renderText({node:e,suggestion:t}){var n,r;return`${(n=t==null?void 0:t.char)!=null?n:"@"}${(r=e.attrs.label)!=null?r:e.attrs.id}`},deleteTriggerWithBackspace:!1,renderHTML({options:e,node:t,suggestion:n}){var r,s;return["span",d.mergeAttributes(this.HTMLAttributes,e.HTMLAttributes),`${(r=n==null?void 0:n.char)!=null?r:"@"}${(s=t.attrs.label)!=null?s:t.attrs.id}`]},suggestions:[],suggestion:{}}},group:"inline",inline:!0,selectable:!1,atom:!0,addAttributes(){return{id:{default:null,parseHTML:e=>e.getAttribute("data-id"),renderHTML:e=>e.id?{"data-id":e.id}:{}},label:{default:null,parseHTML:e=>e.getAttribute("data-label"),renderHTML:e=>e.label?{"data-label":e.label}:{}},mentionSuggestionChar:{default:"@",parseHTML:e=>e.getAttribute("data-mention-suggestion-char"),renderHTML:e=>({"data-mention-suggestion-char":e.mentionSuggestionChar})}}},parseHTML(){return[{tag:`span[data-type="${this.name}"]`}]},renderHTML({node:e,HTMLAttributes:t}){const n=b(this,e.attrs.mentionSuggestionChar);if(this.options.renderLabel!==void 0)return console.warn("renderLabel is deprecated use renderText and renderHTML instead"),["span",d.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t),this.options.renderLabel({options:this.options,node:e,suggestion:n})];const r={...this.options};r.HTMLAttributes=d.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t);const s=this.options.renderHTML({options:r,node:e,suggestion:n});return typeof s=="string"?["span",d.mergeAttributes({"data-type":this.name},this.options.HTMLAttributes,t),s]:s},...d.createInlineMarkdownSpec({nodeName:"mention",name:"@",selfClosing:!0,allowedAttributes:["id","label",{name:"mentionSuggestionChar",skipIfDefault:"@"}],parseAttributes:e=>{const t={},n=/(\w+)=(?:"([^"]*)"|'([^']*)')/g;let r=n.exec(e);for(;r!==null;){const[,s,o,a]=r,l=o??a;t[s==="char"?"mentionSuggestionChar":s]=l,r=n.exec(e)}return t},serializeAttributes:e=>Object.entries(e).filter(([,t])=>t!=null).map(([t,n])=>`${t==="mentionSuggestionChar"?"char":t}="${n}"`).join(" ")}),renderText({node:e}){const t={options:this.options,node:e,suggestion:b(this,e.attrs.mentionSuggestionChar)};return this.options.renderLabel!==void 0?(console.warn("renderLabel is deprecated use renderText and renderHTML instead"),this.options.renderLabel(t)):this.options.renderText(t)},addKeyboardShortcuts(){return{Backspace:()=>this.editor.commands.command(({tr:e,state:t})=>{let n=!1;const{selection:r}=t,{empty:s,anchor:o}=r;if(!s)return!1;let a=new y.Node,l=0;return t.doc.nodesBetween(o-1,o,(u,i)=>{if(u.type.name===this.name)return n=!0,a=u,l=i,!1}),n&&e.insertText(this.options.deleteTriggerWithBackspace?"":a.attrs.mentionSuggestionChar,l,l+a.nodeSize),n})}},addProseMirrorPlugins(){return w(this).map(T.Suggestion)}}),H=A;const v=h.forwardRef((e,t)=>{const n=h.useRef(null),[r,s]=h.useState(0),o=i=>{const c=e.items[i];c&&e.command(c)},a=()=>{s((r+e.items.length-1)%e.items.length)},l=()=>{s((r+1)%e.items.length)},u=()=>{o(r)};return h.useEffect(()=>s(0),[e.items]),h.useEffect(()=>{if(Number.isNaN(r+1))return;const i=n.current.querySelector(`span:nth-of-type(${r+1})`);i&&L(i,{behavior:"smooth",scrollMode:"if-needed"})},[r]),h.useImperativeHandle(t,()=>({onKeyDown:({event:i})=>i.key==="ArrowUp"?(a(),!0):i.key==="ArrowDown"?(l(),!0):i.key==="Enter"?(u(),!0):!1})),m.jsx("div",{className:"!richtext-max-h-[320px] !richtext-w-[160px] richtext-overflow-y-auto richtext-overflow-x-hidden richtext-rounded-md !richtext-border !richtext-border-solid !richtext-border-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none","data-richtext-portal":!0,ref:n,children:m.jsx("div",{children:e.items.length>0?e.items.map((i,c)=>{var g;return m.jsxs("span",{className:x.clsx("richtext-flex richtext-w-full richtext-items-center richtext-gap-3 richtext-rounded-sm !richtext-border-none !richtext-bg-transparent richtext-px-2 richtext-py-1.5 richtext-text-left richtext-text-sm richtext-text-foreground !richtext-outline-none richtext-transition-colors hover:!richtext-bg-accent",{"bg-item-active":c===r}),onClick:p=>{p.preventDefault(),o(c)},children:[((g=i==null?void 0:i.avatar)==null?void 0:g.src)&&m.jsx("img",{alt:i.label,className:"richtext-size-5 richtext-rounded-full",src:i.avatar.src}),i==null?void 0:i.label]},`mention-item-${i.id}`)}):m.jsx("div",{className:x.clsx("itemUserEmpty, richtext-text-foreground"),children:"Empty"})})})}),N=d.Extension.create({name:"richTextMentionWrapper",addExtensions(){var t,n,r,s;const e={...this.options};return(t=this.options)!=null&&t.suggestion&&(e.suggestion={render:f.renderNodeViewClosure(v),...this.options.suggestion}),(r=(n=this.options)==null?void 0:n.suggestions)!=null&&r.length&&(e.suggestions=(s=this.options.suggestions)==null?void 0:s.map(o=>({render:f.renderNodeViewClosure(v),...o}))),[H.configure({HTMLAttributes:{class:"mention"},...e})]}});exports.Mention=N;

package/lib/Mention.js

@@ -1,11 +1,12 @@
-import { N as T, B as y, m as h, j as p, E as M } from "./clsx-DSzxBzvL.js";
+import { N as y, y as T, m as h, E as M } from "./index-mfGK4pFo.js";
 import { Node as L } from "@tiptap/pm/model";
-import { S } from "./index-D8li6EQ4.js";
+import { S } from "./index-D_8P0LE5.js";
 import { PluginKey as H } from "@tiptap/pm/state";
 import { jsx as g, jsxs as A } from "react/jsx-runtime";
+import { c as p } from "./clsx-eGVyq7ot.js";
 import { forwardRef as N, useRef as C, useState as $, useEffect as f, useImperativeHandle as k } from "react";
 import E from "scroll-into-view-if-needed";
-import { r as x } from "./renderNodeView-CSazLrKF.js";
+import { r as x } from "./renderNodeView-BrM5kUj_.js";
 function _({
   editor: e,
   overrideSuggestionOptions: t,
@@ -53,7 +54,7 @@ function b(e, t) {
   const n = w(e), r = n.find((o) => o.char === t);
   return r || (n.length ? n[0] : null);
 }
-var I = T.create({
+var I = y.create({
   name: "mention",
   priority: 101,
   addOptions() {
@@ -138,7 +139,7 @@ var I = T.create({
     });
     return typeof o == "string" ? ["span", h({ "data-type": this.name }, this.options.HTMLAttributes, t), o] : o;
   },
-  ...y({
+  ...T({
     nodeName: "mention",
     name: "@",
     selfClosing: !0,
@@ -197,8 +198,7 @@ const v = N((e, t) => {
     s(r);
   };
   return f(() => o(0), [e.items]), f(() => {
-    if (Number.isNaN(r + 1))
-      return;
+    if (Number.isNaN(r + 1)) return;
     const i = n.current.querySelector(`span:nth-of-type(${r + 1})`);
     i && E(i, { behavior: "smooth", scrollMode: "if-needed" });
   }, [r]), k(t, () => ({
@@ -206,7 +206,7 @@ const v = N((e, t) => {
   })), /* @__PURE__ */ g(
     "div",
     {
-      className: " !richtext-max-h-[320px] !richtext-w-[160px] richtext-overflow-y-auto richtext-overflow-x-hidden  richtext-rounded-md  !richtext-border !richtext-border-solid !richtext-border-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none",
+      className: "!richtext-max-h-[320px] !richtext-w-[160px] richtext-overflow-y-auto richtext-overflow-x-hidden richtext-rounded-md !richtext-border !richtext-border-solid !richtext-border-border richtext-bg-popover richtext-p-1 richtext-text-popover-foreground richtext-shadow-md richtext-outline-none",
       "data-richtext-portal": !0,
       ref: n,
       children: /* @__PURE__ */ g("div", { children: e.items.length > 0 ? e.items.map((i, c) => {
@@ -214,7 +214,10 @@ const v = N((e, t) => {
         return /* @__PURE__ */ A(
           "span",
           {
-            className: p("richtext-flex richtext-w-full richtext-items-center richtext-gap-3 richtext-rounded-sm !richtext-border-none !richtext-bg-transparent richtext-px-2 richtext-py-1.5 richtext-text-left richtext-text-sm richtext-text-foreground !richtext-outline-none richtext-transition-colors hover:!richtext-bg-accent ", { "bg-item-active": c === r }),
+            className: p(
+              "richtext-flex richtext-w-full richtext-items-center richtext-gap-3 richtext-rounded-sm !richtext-border-none !richtext-bg-transparent richtext-px-2 richtext-py-1.5 richtext-text-left richtext-text-sm richtext-text-foreground !richtext-outline-none richtext-transition-colors hover:!richtext-bg-accent",
+              { "bg-item-active": c === r }
+            ),
             onClick: (m) => {
               m.preventDefault(), s(c);
             },
@@ -235,7 +238,7 @@ const v = N((e, t) => {
       }) : /* @__PURE__ */ g("div", { className: p("itemUserEmpty, richtext-text-foreground"), children: "Empty" }) })
     }
   );
-}), Q = /* @__PURE__ */ M.create({
+}), R = /* @__PURE__ */ M.create({
   name: "richTextMentionWrapper",
   addExtensions() {
     var t, n, r, o;
@@ -248,14 +251,16 @@ const v = N((e, t) => {
     }), (r = (n = this.options) == null ? void 0 : n.suggestions) != null && r.length && (e.suggestions = (o = this.options.suggestions) == null ? void 0 : o.map((s) => ({
       render: x(v),
       ...s
-    }))), [K.configure({
-      HTMLAttributes: {
-        class: "mention"
-      },
-      ...e
-    })];
+    }))), [
+      K.configure({
+        HTMLAttributes: {
+          class: "mention"
+        },
+        ...e
+      })
+    ];
   }
 });
 export {
-  Q as Mention
+  R as Mention
 };

package/lib/Mermaid.cjs

@@ -1,2 +1,2 @@
-"use strict";var X=Object.create;var $=Object.defineProperty;var U=Object.getOwnPropertyDescriptor;var Z=Object.getOwnPropertyNames;var Y=Object.getPrototypeOf,J=Object.prototype.hasOwnProperty;var K=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let l of Z(e))!J.call(t,l)&&l!==r&&$(t,l,{get:()=>e[l],enumerable:!(a=U(e,l))||a.enumerable});return t};var Q=(t,e,r)=>(r=t!=null?X(Y(t)):{},K(e||!t||!t.__esModule?$(r,"default",{value:t,enumerable:!0}):r,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const N=require("./clsx-CXbNJWDD.cjs"),B=require("./throttle-gTTvqDTW.cjs"),o=require("react/jsx-runtime"),s=require("react"),F=require("./shortId-Bfj8TyNr.cjs"),ee=require("./toggle-C_SSvDRy.cjs"),E=require("./dialog-CWYTvz5J.cjs"),te=require("./textarea-BAolHF_W.cjs"),L=require("./index-BsFvo9PG.cjs"),z=require("./useButtonProps-Cz4W5dC8.cjs"),re=require("./file-i7e4nQY2.cjs"),ie=require("./button-CqJztfH2.cjs"),se=`graph TB
-a-->b`;function ae(){const t=z.useEditorInstance(),e=z.useButtonProps(W.name),{tooltipOptions:r={},isActive:a=void 0,upload:l}=(e==null?void 0:e.componentProps)??{},{editorDisabled:T}=z.useToggleActive(a),[d,C]=s.useState(se),[q,y]=s.useState(""),[c,_]=s.useState(!1),S=s.useRef(null),[h,k]=s.useState(null),[f,O]=s.useState(!0),D=s.useCallback(u=>{u&&import("mermaid").then(g=>{k(g.default)}).finally(()=>O(!1))},[]),I=async u=>{try{const{svg:g}=await h.render("mermaid-svg",u);y(g)}catch{y("")}},R=()=>{h.initialize({darkMode:!1,startOnLoad:!1,fontSize:12,theme:"base"}),I(d)};s.useEffect(()=>{!f&&h&&c&&R()},[h,c]),s.useEffect(()=>{!f&&h&&c&&I(d)},[h&&d]);const P=async()=>{if(d!==""){if(d){const u=S.current.querySelector("svg"),{width:g,height:j}=u.getBoundingClientRect(),A=`mermaid-${F.shortId()}.svg`;let b=F.i(u.outerHTML);if(l){const i=re.dataURLtoFile(b,A);b=await l(i)}t==null||t.chain().focus().setMermaid({type:"mermaid",src:b,alt:encodeURIComponent(d),width:g,height:j},!!d).run()}_(!1)}};return o.jsxs(E.Dialog,{onOpenChange:_,open:c,children:[o.jsx(E.DialogTrigger,{asChild:!0,children:o.jsx(ee.ActionButton,{disabled:T,icon:"Mermaid",tooltip:"Mermaid",tooltipOptions:r,action:()=>{T||_(!0)}})}),o.jsxs(E.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[o.jsx(E.DialogTitle,{children:"Mermaid"}),o.jsx("div",{ref:D,style:{height:"100%",border:"1px solid hsl(var(--border))"},children:f?o.jsx("p",{children:"Loading..."}):o.jsx(o.Fragment,{children:o.jsxs("div",{className:"richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]",children:[o.jsx(te.Textarea,{autoFocus:!0,className:"richtext-flex-1",onChange:u=>C(u.target.value),placeholder:"Text",required:!0,rows:10,value:d,style:{color:"hsl(var(--foreground))"}}),o.jsx("div",{className:"richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",dangerouslySetInnerHTML:{__html:q},ref:S,style:{height:"100%",borderWidth:1,minHeight:500,background:"#fff"}})]})})}),o.jsx(E.DialogFooter,{children:o.jsx(ie.Button,{disabled:!h,onClick:P,type:"button",children:"Save changes"})})]})]})}const H={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function ne({editor:t,node:e,updateAttributes:r,getPos:a,selected:l}){const[T,d]=s.useState({width:L.IMAGE_MAX_SIZE,height:L.IMAGE_MAX_SIZE}),[C,q]=s.useState({width:0,height:0}),[y]=s.useState([H.TOP_LEFT,H.TOP_RIGHT,H.BOTTOM_LEFT,H.BOTTOM_RIGHT]),[c,_]=s.useState(!1),[S,h]=s.useState({x:0,y:0,w:0,h:0,dir:""}),{align:k}=e==null?void 0:e.attrs,f=s.useMemo(()=>{const{src:i,alt:p,width:x,height:v}=e==null?void 0:e.attrs,w=N.isNumber(x)?`${x}px`:x,n=N.isNumber(v)?`${v}px`:v;return{src:i||void 0,alt:p||void 0,style:{width:w||void 0,height:n||void 0}}},[e==null?void 0:e.attrs]),O=s.useMemo(()=>{const{style:{width:i}}=f;return{width:i==="100%"?i:void 0}},[f]);function D(i){q({width:i.target.width,height:i.target.height})}function I(){t.commands.setNodeSelection(a())}const R=s.useCallback(B.throttle(()=>{const{width:i}=getComputedStyle(t.view.dom);d(p=>({...p,width:Number.parseInt(i,10)}))},L.IMAGE_THROTTLE_WAIT_TIME),[t]);function P(i,p){i.preventDefault(),i.stopPropagation();const x=C.width,v=C.height,w=x/v;let n=Number(e.attrs.width),M=Number(e.attrs.height);const m=T.width;n&&!M?(n=n>m?m:n,M=Math.round(n/w)):M&&!n?(n=Math.round(M*w),n=n>m?m:n):!n&&!M?(n=x>m?m:x,M=Math.round(n/w)):n=n>m?m:n,_(!0),h({x:i.clientX,y:i.clientY,w:n,h:M,dir:p})}const u=s.useCallback(B.throttle(i=>{if(i.preventDefault(),i.stopPropagation(),!c)return;const{x:p,w:x,dir:v}=S,w=(i.clientX-p)*(/l/.test(v)?-1:1),{width:n,height:M}=e==null?void 0:e.attrs,m=n/M,G=z.clamp(x+w,L.IMAGE_MIN_SIZE,T.width),V=Math.round(G/m);r({width:G,height:V})},L.IMAGE_THROTTLE_WAIT_TIME),[c,S,T,r,e==null?void 0:e.attrs]),g=s.useCallback(i=>{i.preventDefault(),i.stopPropagation(),c&&(h({x:0,y:0,w:0,h:0,dir:""}),_(!1),I())},[c,I]),j=s.useCallback(()=>{document==null||document.addEventListener("mousemove",u,!0),document==null||document.addEventListener("mouseup",g,!0)},[u,g]),A=s.useCallback(()=>{document==null||document.removeEventListener("mousemove",u,!0),document==null||document.removeEventListener("mouseup",g,!0)},[u,g]);s.useEffect(()=>(c?j():A(),()=>{A()}),[c,j,A]);const b=s.useMemo(()=>new ResizeObserver(()=>R()),[R]);return s.useEffect(()=>(b.observe(t.view.dom),()=>{b.disconnect()}),[t.view.dom,b]),o.jsx(N.NodeViewWrapper,{className:"image-view",style:{...O,width:"100%",textAlign:k},children:o.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:{...O,background:"#fff"},className:`image-view__body ${l?"image-view__body--focused":""} ${c?"image-view__body--resizing":""}`,children:[o.jsx("img",{alt:f.alt,className:"image-view__body__image block",height:"auto",onClick:I,onLoad:D,src:f.src,style:f.style}),t.view.editable&&(l||c)&&o.jsx("div",{className:"image-resizer",children:y==null?void 0:y.map(i=>o.jsx("span",{className:`image-resizer__handler image-resizer__handler--${i}`,onMouseDown:p=>P(p,i)},`image-dir-${i}`))})]})})}const W=B.index_default.extend({name:"mermaid",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),inline:!1,content:"",marks:"",group:"block",draggable:!1,selectable:!0,atom:!0,HTMLAttributes:{class:"mermaid"},button:({editor:e,t:r,extension:a})=>{var l;return{componentProps:{action:()=>!0,isActive:()=>!1,disabled:!1,editor:e,icon:"Mermaid",tooltip:r("editor.mermaid.tooltip"),upload:(l=a==null?void 0:a.options)==null?void 0:l.upload}}}}},addAttributes(){var t;return{...(t=this.parent)==null?void 0:t.call(this),width:{default:null,parseHTML:e=>{const r=e.querySelector("img"),a=r==null?void 0:r.getAttribute("width");return a?Number.parseInt(a,10):320},renderHTML:e=>({width:e.width})},height:{default:null,parseHTML:e=>{const r=e.querySelector("img"),a=r==null?void 0:r.getAttribute("height");return a?Number.parseInt(a,10):212},renderHTML:e=>({height:e.height})},align:{default:"center",parseHTML:e=>e.getAttribute("align"),renderHTML:e=>({align:e.align})}}},addNodeView(){return N.ReactNodeViewRenderer(ne)},addCommands(){return{setMermaid:(t,e)=>({commands:r,editor:a})=>e?r.insertContent({type:this.name,attrs:t}):r.insertContentAt(a.state.selection.anchor,{type:this.name,attrs:t}),setAlignImageMermaid:t=>({commands:e})=>e.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:t}){const{align:e}=t;return["div",{style:e?`text-align: ${e};`:"",class:"imageMermaid"},["img",N.mergeAttributes(this.options.HTMLAttributes,t)]]},parseHTML(){return[{tag:"div[class=imageMermaid]",getAttrs:t=>{const e=t.querySelector("img"),r=e==null?void 0:e.getAttribute("width"),a=e==null?void 0:e.getAttribute("height");return{src:e==null?void 0:e.getAttribute("src"),alt:e==null?void 0:e.getAttribute("alt"),width:r?Number.parseInt(r,10):null,height:a?Number.parseInt(a,10):null,align:(e==null?void 0:e.getAttribute("align"))||t.style.textAlign||null}}}]}});exports.Mermaid=W;exports.RichTextMermaid=ae;
+"use strict";var V=Object.create;var B=Object.defineProperty;var X=Object.getOwnPropertyDescriptor;var U=Object.getOwnPropertyNames;var Z=Object.getPrototypeOf,Y=Object.prototype.hasOwnProperty;var J=(t,e,r,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let c of U(e))!Y.call(t,c)&&c!==r&&B(t,c,{get:()=>e[c],enumerable:!(a=X(e,c))||a.enumerable});return t};var K=(t,e,r)=>(r=t!=null?V(Z(t)):{},J(e||!t||!t.__esModule?B(r,"default",{value:t,enumerable:!0}):r,t));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const D=require("./index-zig3Dj7A.cjs"),l=require("./index-BUTn2LY6.cjs"),$=require("./clsx-BWE7vnna.cjs"),o=require("react/jsx-runtime"),s=require("react"),L=require("./index-BqL4vAWE.cjs"),G=require("./shortId-Bfj8TyNr.cjs"),Q=require("./textarea-CasDcv3u.cjs"),j={TOP_LEFT:"tl",TOP_RIGHT:"tr",BOTTOM_LEFT:"bl",BOTTOM_RIGHT:"br"};function ee({editor:t,node:e,updateAttributes:r,getPos:a,selected:c}){const[y,h]=s.useState({width:L.IMAGE_MAX_SIZE,height:L.IMAGE_MAX_SIZE}),[N,H]=s.useState({width:0,height:0}),[_]=s.useState([j.TOP_LEFT,j.TOP_RIGHT,j.BOTTOM_LEFT,j.BOTTOM_RIGHT]),[u,I]=s.useState(!1),[A,g]=s.useState({x:0,y:0,w:0,h:0,dir:""}),{align:z}=e==null?void 0:e.attrs,p=s.useMemo(()=>{const{src:i,alt:x,width:M,height:w}=e==null?void 0:e.attrs,T=D.isNumber(M)?`${M}px`:M,n=D.isNumber(w)?`${w}px`:w;return{src:i||void 0,alt:x||void 0,style:{width:T||void 0,height:n||void 0}}},[e==null?void 0:e.attrs]),C=s.useMemo(()=>{const{style:{width:i}}=p;return{width:i==="100%"?i:void 0}},[p]);function k(i){H({width:i.target.width,height:i.target.height})}function S(){t.commands.setNodeSelection(a())}const O=s.useCallback(l.throttle(()=>{const{width:i}=getComputedStyle(t.view.dom);h(x=>({...x,width:Number.parseInt(i,10)}))},L.IMAGE_THROTTLE_WAIT_TIME),[t]);function q(i,x){i.preventDefault(),i.stopPropagation();const M=N.width,w=N.height,T=M/w;let n=Number(e.attrs.width),b=Number(e.attrs.height);const f=y.width;n&&!b?(n=n>f?f:n,b=Math.round(n/T)):b&&!n?(n=Math.round(b*T),n=n>f?f:n):!n&&!b?(n=M>f?f:M,b=Math.round(n/T)):n=n>f?f:n,I(!0),g({x:i.clientX,y:i.clientY,w:n,h:b,dir:x})}const d=s.useCallback(l.throttle(i=>{if(i.preventDefault(),i.stopPropagation(),!u)return;const{x,w:M,dir:w}=A,T=(i.clientX-x)*(/l/.test(w)?-1:1),{width:n,height:b}=e==null?void 0:e.attrs,f=n/b,P=l.clamp(M+T,L.IMAGE_MIN_SIZE,y.width),W=Math.round(P/f);r({width:P,height:W})},L.IMAGE_THROTTLE_WAIT_TIME),[u,A,y,r,e==null?void 0:e.attrs]),m=s.useCallback(i=>{i.preventDefault(),i.stopPropagation(),u&&(g({x:0,y:0,w:0,h:0,dir:""}),I(!1),S())},[u,S]),R=s.useCallback(()=>{document==null||document.addEventListener("mousemove",d,!0),document==null||document.addEventListener("mouseup",m,!0)},[d,m]),E=s.useCallback(()=>{document==null||document.removeEventListener("mousemove",d,!0),document==null||document.removeEventListener("mouseup",m,!0)},[d,m]);s.useEffect(()=>(u?R():E(),()=>{E()}),[u,R,E]);const v=s.useMemo(()=>new ResizeObserver(()=>O()),[O]);return s.useEffect(()=>(v.observe(t.view.dom),()=>{v.disconnect()}),[t.view.dom,v]),o.jsx($.NodeViewWrapper,{className:"image-view",style:{...C,width:"100%",textAlign:z},children:o.jsxs("div",{"data-drag-handle":!0,draggable:"true",style:{...C,background:"#fff"},className:`image-view__body ${c?"image-view__body--focused":""} ${u?"image-view__body--resizing":""}`,children:[o.jsx("img",{alt:p.alt,className:"image-view__body__image block",height:"auto",onClick:S,onLoad:k,src:p.src,style:p.style}),t.view.editable&&(c||u)&&o.jsx("div",{className:"image-resizer",children:_==null?void 0:_.map(i=>o.jsx("span",{className:`image-resizer__handler image-resizer__handler--${i}`,onMouseDown:x=>q(x,i)},`image-dir-${i}`))})]})})}const te=`graph TB
+a-->b`;function re(){const t=l.useEditorInstance(),e=l.useButtonProps(F.name),{tooltipOptions:r={},isActive:a=void 0,upload:c}=(e==null?void 0:e.componentProps)??{},{editorDisabled:y}=l.useToggleActive(a),[h,N]=s.useState(te),[H,_]=s.useState(""),[u,I]=s.useState(!1),A=s.useRef(null),[g,z]=s.useState(null),[p,C]=s.useState(!0),k=s.useCallback(d=>{d&&import("mermaid").then(m=>{z(m.default)}).finally(()=>C(!1))},[]),S=async d=>{try{const{svg:m}=await g.render("mermaid-svg",d);_(m)}catch{_("")}},O=()=>{g.initialize({darkMode:!1,startOnLoad:!1,fontSize:12,theme:"base"}),S(h)};s.useEffect(()=>{!p&&g&&u&&O()},[g,u]),s.useEffect(()=>{!p&&g&&u&&S(h)},[g&&h]);const q=async()=>{if(h!==""){if(h){const d=A.current.querySelector("svg"),{width:m,height:R}=d.getBoundingClientRect(),E=`mermaid-${G.shortId()}.svg`;let v=G.i(d.outerHTML);if(c){const i=l.dataURLtoFile(v,E);v=await c(i)}t==null||t.chain().focus().setMermaid({type:"mermaid",src:v,alt:encodeURIComponent(h),width:m,height:R},!!h).run()}I(!1)}};return o.jsxs(l.Dialog,{onOpenChange:I,open:u,children:[o.jsx(l.DialogTrigger,{asChild:!0,children:o.jsx(l.ActionButton,{disabled:y,icon:"Mermaid",tooltip:"Mermaid",tooltipOptions:r,action:()=>{y||I(!0)}})}),o.jsxs(l.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[o.jsx(l.DialogTitle,{children:"Mermaid"}),o.jsx("div",{ref:k,style:{height:"100%",border:"1px solid hsl(var(--border))"},children:p?o.jsx("p",{children:"Loading..."}):o.jsx(o.Fragment,{children:o.jsxs("div",{className:"richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]",children:[o.jsx(Q.Textarea,{autoFocus:!0,className:"richtext-flex-1",onChange:d=>N(d.target.value),placeholder:"Text",required:!0,rows:10,value:h,style:{color:"hsl(var(--foreground))"}}),o.jsx("div",{className:"richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",dangerouslySetInnerHTML:{__html:H},ref:A,style:{height:"100%",borderWidth:1,minHeight:500,background:"#fff"}})]})})}),o.jsx(l.DialogFooter,{children:o.jsx(l.Button,{disabled:!g,onClick:q,type:"button",children:"Save changes"})})]})]})}const F=l.index_default.extend({name:"mermaid",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),inline:!1,content:"",marks:"",group:"block",draggable:!1,selectable:!0,atom:!0,HTMLAttributes:{class:"mermaid"},button:({editor:e,t:r,extension:a})=>{var c;return{componentProps:{action:()=>!0,isActive:()=>!1,disabled:!1,editor:e,icon:"Mermaid",tooltip:r("editor.mermaid.tooltip"),upload:(c=a==null?void 0:a.options)==null?void 0:c.upload}}}}},addAttributes(){var t;return{...(t=this.parent)==null?void 0:t.call(this),width:{default:null,parseHTML:e=>{const r=e.querySelector("img"),a=r==null?void 0:r.getAttribute("width");return a?Number.parseInt(a,10):320},renderHTML:e=>({width:e.width})},height:{default:null,parseHTML:e=>{const r=e.querySelector("img"),a=r==null?void 0:r.getAttribute("height");return a?Number.parseInt(a,10):212},renderHTML:e=>({height:e.height})},align:{default:"center",parseHTML:e=>e.getAttribute("align"),renderHTML:e=>({align:e.align})}}},addNodeView(){return $.ReactNodeViewRenderer(ee)},addCommands(){return{setMermaid:(t,e)=>({commands:r,editor:a})=>e?r.insertContent({type:this.name,attrs:t}):r.insertContentAt(a.state.selection.anchor,{type:this.name,attrs:t}),setAlignImageMermaid:t=>({commands:e})=>e.updateAttributes(this.name,{align:t})}},renderHTML({HTMLAttributes:t}){const{align:e}=t;return["div",{style:e?`text-align: ${e};`:"",class:"imageMermaid"},["img",D.mergeAttributes(this.options.HTMLAttributes,t)]]},parseHTML(){return[{tag:"div[class=imageMermaid]",getAttrs:t=>{const e=t.querySelector("img"),r=e==null?void 0:e.getAttribute("width"),a=e==null?void 0:e.getAttribute("height");return{src:e==null?void 0:e.getAttribute("src"),alt:e==null?void 0:e.getAttribute("alt"),width:r?Number.parseInt(r,10):null,height:a?Number.parseInt(a,10):null,align:(e==null?void 0:e.getAttribute("align"))||t.style.textAlign||null}}}]}});exports.Mermaid=F;exports.RichTextMermaid=re;

package/lib/Mermaid.js

@@ -1,148 +1,21 @@
-import { h as U, u as G, m as X, k as Z } from "./clsx-DSzxBzvL.js";
-import { a as j, c as Y } from "./throttle-D040PfWL.js";
-import { jsxs as H, jsx as n, Fragment as J } from "react/jsx-runtime";
-import { useState as m, useRef as K, useCallback as A, useEffect as R, useMemo as P } from "react";
-import { s as Q, i as tt } from "./shortId-WJVkrvml.js";
-import { A as et } from "./toggle-DEerYRil.js";
-import { D as rt, a as it, b as at, c as st, d as nt } from "./dialog-CJvpoeMm.js";
-import { T as ot } from "./textarea-tOsPnxHf.js";
-import { I as q, i as V, j as lt } from "./index-C07N8gA1.js";
-import { c as ct, u as dt, a as ut, j as ht } from "./useButtonProps-CtZCbMQu.js";
-import { d as mt } from "./file-BLas99n7.js";
-import { B as gt } from "./button-Bwn6gUuS.js";
-const pt = `graph TB
-a-->b`;
-function Ot() {
-  const e = ct(), t = dt(vt.name), {
-    tooltipOptions: i = {},
-    isActive: s = void 0,
-    upload: w
-  } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: T } = ut(s), [c, S] = m(pt), [D, y] = m(""), [o, _] = m(!1), L = K(null), [d, k] = m(null), [g, O] = m(!0), B = A(
-    (l) => {
-      l && import("mermaid").then((u) => {
-        k(u.default);
-      }).finally(() => O(!1));
-    },
-    []
-  ), I = async (l) => {
-    try {
-      const { svg: u } = await d.render("mermaid-svg", l);
-      y(u);
-    } catch {
-      y("");
-    }
-  }, E = () => {
-    d.initialize({
-      darkMode: !1,
-      startOnLoad: !1,
-      // fontFamily:'',
-      fontSize: 12,
-      theme: "base"
-    }), I(c);
-  };
-  return R(() => {
-    !g && d && o && E();
-  }, [d, o]), R(() => {
-    !g && d && o && I(c);
-  }, [d && c]), /* @__PURE__ */ H(
-    rt,
-    {
-      onOpenChange: _,
-      open: o,
-      children: [
-        /* @__PURE__ */ n(it, { asChild: !0, children: /* @__PURE__ */ n(
-          et,
-          {
-            disabled: T,
-            icon: "Mermaid",
-            tooltip: "Mermaid",
-            tooltipOptions: i,
-            action: () => {
-              T || _(!0);
-            }
-          }
-        ) }),
-        /* @__PURE__ */ H(at, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
-          /* @__PURE__ */ n(st, { children: "Mermaid" }),
-          /* @__PURE__ */ n(
-            "div",
-            {
-              ref: B,
-              style: { height: "100%", border: "1px solid hsl(var(--border))" },
-              children: g ? /* @__PURE__ */ n("p", { children: "Loading..." }) : /* @__PURE__ */ n(J, { children: /* @__PURE__ */ H("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
-                /* @__PURE__ */ n(
-                  ot,
-                  {
-                    autoFocus: !0,
-                    className: "richtext-flex-1",
-                    onChange: (l) => S(l.target.value),
-                    placeholder: "Text",
-                    required: !0,
-                    rows: 10,
-                    value: c,
-                    style: {
-                      color: "hsl(var(--foreground))"
-                    }
-                  }
-                ),
-                /* @__PURE__ */ n(
-                  "div",
-                  {
-                    className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
-                    dangerouslySetInnerHTML: { __html: D },
-                    ref: L,
-                    style: { height: "100%", borderWidth: 1, minHeight: 500, background: "#fff" }
-                  }
-                )
-              ] }) })
-            }
-          ),
-          /* @__PURE__ */ n(nt, { children: /* @__PURE__ */ n(
-            gt,
-            {
-              disabled: !d,
-              onClick: async () => {
-                if (c !== "") {
-                  if (c) {
-                    const l = L.current.querySelector("svg"), { width: u, height: z } = l.getBoundingClientRect(), N = `mermaid-${Q()}.svg`;
-                    let M = tt(l.outerHTML);
-                    if (w) {
-                      const r = mt(M, N);
-                      M = await w(r);
-                    }
-                    e == null || e.chain().focus().setMermaid(
-                      {
-                        type: "mermaid",
-                        src: M,
-                        alt: encodeURIComponent(c),
-                        width: u,
-                        height: z
-                      },
-                      !!c
-                    ).run();
-                  }
-                  _(!1);
-                }
-              },
-              type: "button",
-              children: "Save changes"
-            }
-          ) })
-        ] })
-      ]
-    }
-  );
-}
+import { q as G, m as U } from "./index-mfGK4pFo.js";
+import { v as q, w as X, h as Z, u as Y, d as J, D as K, m as Q, A as tt, n as et, o as rt, p as it, B as at, x as st, y as nt } from "./index-DHUN85fV.js";
+import { N as ot, a as lt } from "./clsx-eGVyq7ot.js";
+import { jsx as n, jsxs as H, Fragment as ct } from "react/jsx-runtime";
+import { useState as m, useMemo as P, useCallback as A, useEffect as R, useRef as dt } from "react";
+import { I as V, i as W, j as ut } from "./index-BlXGgvT-.js";
+import { s as ht, i as mt } from "./shortId-WJVkrvml.js";
+import { T as gt } from "./textarea-DNLrJoRl.js";
 const C = {
   TOP_LEFT: "tl",
   TOP_RIGHT: "tr",
   BOTTOM_LEFT: "bl",
   BOTTOM_RIGHT: "br"
 };
-function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w }) {
+function pt({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w }) {
   const [T, c] = m({
-    width: q,
-    height: q
+    width: V,
+    height: V
   }), [S, D] = m({
     width: 0,
     height: 0
@@ -157,7 +30,7 @@ function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w })
     w: 0,
     h: 0,
     dir: ""
-  }), { align: k } = t == null ? void 0 : t.attrs, g = P(() => {
+  }), { align: B } = t == null ? void 0 : t.attrs, g = P(() => {
     const { src: r, alt: p, width: f, height: b } = t == null ? void 0 : t.attrs, x = G(f) ? `${f}px` : f, a = G(b) ? `${b}px` : b;
     return {
       src: r || void 0,
@@ -173,7 +46,7 @@ function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w })
     } = g;
     return { width: r === "100%" ? r : void 0 };
   }, [g]);
-  function B(r) {
+  function k(r) {
     D({
       width: r.target.width,
       height: r.target.height
@@ -183,13 +56,13 @@ function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w })
     e.commands.setNodeSelection(s());
   }
   const E = A(
-    j(() => {
+    q(() => {
       const { width: r } = getComputedStyle(e.view.dom);
       c((p) => ({
         ...p,
         width: Number.parseInt(r, 10)
       }));
-    }, V),
+    }, W),
     [e]
   );
   function F(r, p) {
@@ -206,15 +79,15 @@ function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w })
     });
   }
   const l = A(
-    j((r) => {
+    q((r) => {
       if (r.preventDefault(), r.stopPropagation(), !o)
         return;
-      const { x: p, w: f, dir: b } = L, x = (r.clientX - p) * (/l/.test(b) ? -1 : 1), { width: a, height: v } = t == null ? void 0 : t.attrs, h = a / v, $ = ht(f + x, lt, T.width), W = Math.round($ / h);
+      const { x: p, w: f, dir: b } = L, x = (r.clientX - p) * (/l/.test(b) ? -1 : 1), { width: a, height: v } = t == null ? void 0 : t.attrs, h = a / v, $ = X(f + x, ut, T.width), j = Math.round($ / h);
       i({
         width: $,
-        height: W
+        height: j
       });
-    }, V),
+    }, W),
     [o, L, T, i, t == null ? void 0 : t.attrs]
   ), u = A(
     (r) => {
@@ -239,10 +112,10 @@ function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w })
   return R(() => (M.observe(e.view.dom), () => {
     M.disconnect();
   }), [e.view.dom, M]), /* @__PURE__ */ n(
-    U,
+    ot,
     {
       className: "image-view",
-      style: { ...O, width: "100%", textAlign: k },
+      style: { ...O, width: "100%", textAlign: B },
       children: /* @__PURE__ */ H(
         "div",
         {
@@ -258,7 +131,7 @@ function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w })
                 className: "image-view__body__image block",
                 height: "auto",
                 onClick: I,
-                onLoad: B,
+                onLoad: k,
                 src: g.src,
                 style: g.style
               }
@@ -277,9 +150,107 @@ function ft({ editor: e, node: t, updateAttributes: i, getPos: s, selected: w })
     }
   );
 }
-const vt = /* @__PURE__ */ Y.extend({
+const ft = `graph TB
+a-->b`;
+function At() {
+  const e = Z(), t = Y(vt.name), { tooltipOptions: i = {}, isActive: s = void 0, upload: w } = (t == null ? void 0 : t.componentProps) ?? {}, { editorDisabled: T } = J(s), [c, S] = m(ft), [D, y] = m(""), [o, _] = m(!1), L = dt(null), [d, B] = m(null), [g, O] = m(!0), k = A((l) => {
+    l && import("mermaid").then((u) => {
+      B(u.default);
+    }).finally(() => O(!1));
+  }, []), I = async (l) => {
+    try {
+      const { svg: u } = await d.render("mermaid-svg", l);
+      y(u);
+    } catch {
+      y("");
+    }
+  }, E = () => {
+    d.initialize({
+      darkMode: !1,
+      startOnLoad: !1,
+      // fontFamily:'',
+      fontSize: 12,
+      theme: "base"
+    }), I(c);
+  };
+  return R(() => {
+    !g && d && o && E();
+  }, [d, o]), R(() => {
+    !g && d && o && I(c);
+  }, [d && c]), /* @__PURE__ */ H(K, { onOpenChange: _, open: o, children: [
+    /* @__PURE__ */ n(Q, { asChild: !0, children: /* @__PURE__ */ n(
+      tt,
+      {
+        disabled: T,
+        icon: "Mermaid",
+        tooltip: "Mermaid",
+        tooltipOptions: i,
+        action: () => {
+          T || _(!0);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ H(et, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+      /* @__PURE__ */ n(rt, { children: "Mermaid" }),
+      /* @__PURE__ */ n("div", { ref: k, style: { height: "100%", border: "1px solid hsl(var(--border))" }, children: g ? /* @__PURE__ */ n("p", { children: "Loading..." }) : /* @__PURE__ */ n(ct, { children: /* @__PURE__ */ H("div", { className: "richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]", children: [
+        /* @__PURE__ */ n(
+          gt,
+          {
+            autoFocus: !0,
+            className: "richtext-flex-1",
+            onChange: (l) => S(l.target.value),
+            placeholder: "Text",
+            required: !0,
+            rows: 10,
+            value: c,
+            style: {
+              color: "hsl(var(--foreground))"
+            }
+          }
+        ),
+        /* @__PURE__ */ n(
+          "div",
+          {
+            className: "richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",
+            dangerouslySetInnerHTML: { __html: D },
+            ref: L,
+            style: {
+              height: "100%",
+              borderWidth: 1,
+              minHeight: 500,
+              background: "#fff"
+            }
+          }
+        )
+      ] }) }) }),
+      /* @__PURE__ */ n(it, { children: /* @__PURE__ */ n(at, { disabled: !d, onClick: async () => {
+        if (c !== "") {
+          if (c) {
+            const l = L.current.querySelector("svg"), { width: u, height: z } = l.getBoundingClientRect(), N = `mermaid-${ht()}.svg`;
+            let M = mt(l.outerHTML);
+            if (w) {
+              const r = st(M, N);
+              M = await w(r);
+            }
+            e == null || e.chain().focus().setMermaid(
+              {
+                type: "mermaid",
+                src: M,
+                alt: encodeURIComponent(c),
+                width: u,
+                height: z
+              },
+              !!c
+            ).run();
+          }
+          _(!1);
+        }
+      }, type: "button", children: "Save changes" }) })
+    ] })
+  ] });
+}
+const vt = /* @__PURE__ */ nt.extend({
   name: "mermaid",
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   //@ts-expect-error
   addOptions() {
     var e;
@@ -345,7 +316,7 @@ const vt = /* @__PURE__ */ Y.extend({
     };
   },
   addNodeView() {
-    return Z(ft);
+    return lt(pt);
   },
   // @ts-ignore
   addCommands() {
@@ -371,7 +342,7 @@ const vt = /* @__PURE__ */ Y.extend({
       },
       [
         "img",
-        X(
+        U(
           // @ts-ignore
           this.options.HTMLAttributes,
           e
@@ -399,5 +370,5 @@ const vt = /* @__PURE__ */ Y.extend({
 });
 export {
   vt as Mermaid,
-  Ot as RichTextMermaid
+  At as RichTextMermaid
 };

package/lib/MoreMark.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("./clsx-CXbNJWDD.cjs"),r=require("react/jsx-runtime"),M=require("react"),x=require("./toggle-C_SSvDRy.cjs");require("./index-Cn-t3Zxw.cjs");require("./theme.cjs");const h=require("./useButtonProps-Cz4W5dC8.cjs"),p=require("./dropdown-menu-eUeBXQeA.cjs"),f=require("./index-VhKd73hZ.cjs"),S=require("./Icon-DzK0_ztP.cjs");var k=c.Mark.create({name:"subscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sub"},{style:"vertical-align",getAttrs(t){return t!=="sub"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sub",c.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSubscript:()=>({commands:t})=>t.setMark(this.name),toggleSubscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSubscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-,":()=>this.editor.commands.toggleSubscript()}}}),A=c.Mark.create({name:"superscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sup"},{style:"vertical-align",getAttrs(t){return t!=="super"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sup",c.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSuperscript:()=>({commands:t})=>t.setMark(this.name),toggleSuperscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSuperscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-.":()=>this.editor.commands.toggleSuperscript()}}});function v(){const t=h.useButtonProps(b.name),{icon:s=void 0,tooltip:n=void 0,items:i=[],isActive:l=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:u,dataState:o}=h.useActive(l),d=M.useMemo(()=>(o==null?void 0:o.title)||"",[o]);return t?r.jsxs(p.DropdownMenu,{children:[r.jsx(p.DropdownMenuTrigger,{asChild:!0,disabled:u,children:r.jsx(x.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:u,icon:s,tooltip:n,children:r.jsx(f.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),r.jsx(p.DropdownMenuContent,{className:"w-full",children:i==null?void 0:i.map((e,a)=>r.jsxs(p.DropdownMenuCheckboxItem,{checked:d===e.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:e.action,children:[r.jsx(S.IconComponent,{name:e==null?void 0:e.icon}),r.jsx("span",{className:"richtext-ml-1",children:e.title}),!!(e!=null&&e.shortcutKeys)&&r.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:h.getShortcutKeys(e.shortcutKeys)})]},`more-mark-${a}`))})]}):r.jsx(r.Fragment,{})}const b=c.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:s,extension:n,t:i}){var a,g;const l=n.options.subscript,u=n.options.superscript,o={action:()=>s.commands.toggleSubscript(),isActive:()=>s.isActive("subscript")||!1,disabled:!s.can().toggleSubscript(),icon:"Subscript",title:i("editor.subscript.tooltip"),shortcutKeys:((a=n.options.shortcutKeys)==null?void 0:a[0])??["mod","."]},d={action:()=>s.commands.toggleSuperscript(),isActive:()=>s.isActive("superscript")||!1,disabled:!s.can().toggleSuperscript(),icon:"Superscript",title:i("editor.superscript.tooltip"),shortcutKeys:((g=n.options.shortcutKeys)==null?void 0:g[1])??["mod",","]},e=[];return l!==!1&&e.push(o),u!==!1&&e.push(d),{componentProps:{icon:"Type",tooltip:i("editor.moremark"),disabled:!s.isEditable,items:e,isActive:()=>e==null?void 0:e.find(m=>m.isActive())}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(k.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(A.configure(this.options.superscript)),t}});exports.MoreMark=b;exports.RichTextMoreMark=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("./index-zig3Dj7A.cjs"),r=require("react/jsx-runtime"),M=require("react"),c=require("./index-BUTn2LY6.cjs");require("./theme.cjs");const l=require("./dropdown-menu-oSKIntXM.cjs");var x=u.Mark.create({name:"subscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sub"},{style:"vertical-align",getAttrs(t){return t!=="sub"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sub",u.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSubscript:()=>({commands:t})=>t.setMark(this.name),toggleSubscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSubscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-,":()=>this.editor.commands.toggleSubscript()}}}),f=u.Mark.create({name:"superscript",addOptions(){return{HTMLAttributes:{}}},parseHTML(){return[{tag:"sup"},{style:"vertical-align",getAttrs(t){return t!=="super"?!1:null}}]},renderHTML({HTMLAttributes:t}){return["sup",u.mergeAttributes(this.options.HTMLAttributes,t),0]},addCommands(){return{setSuperscript:()=>({commands:t})=>t.setMark(this.name),toggleSuperscript:()=>({commands:t})=>t.toggleMark(this.name),unsetSuperscript:()=>({commands:t})=>t.unsetMark(this.name)}},addKeyboardShortcuts(){return{"Mod-.":()=>this.editor.commands.toggleSuperscript()}}});function S(){const t=c.useButtonProps(m.name),{icon:s=void 0,tooltip:n=void 0,items:i=[],isActive:d=void 0}=(t==null?void 0:t.componentProps)??{},{disabled:a,dataState:o}=c.useActive(d),h=M.useMemo(()=>(o==null?void 0:o.title)||"",[o]);return t?r.jsxs(l.DropdownMenu,{children:[r.jsx(l.DropdownMenuTrigger,{asChild:!0,disabled:a,children:r.jsx(c.ActionButton,{customClass:"!richtext-w-12 richtext-h-12",disabled:a,icon:s,tooltip:n,children:r.jsx(c.MenuDown,{className:"richtext-size-3 richtext-text-gray-500"})})}),r.jsx(l.DropdownMenuContent,{className:"w-full",children:i==null?void 0:i.map((e,p)=>r.jsxs(l.DropdownMenuCheckboxItem,{checked:h===e.title,className:"richtext-flex richtext-items-center richtext-gap-3",onClick:e.action,children:[r.jsx(c.IconComponent,{name:e==null?void 0:e.icon}),r.jsx("span",{className:"richtext-ml-1",children:e.title}),!!(e!=null&&e.shortcutKeys)&&r.jsx("span",{className:"richtext-ml-auto richtext-text-xs richtext-tracking-widest richtext-opacity-60",children:c.getShortcutKeys(e.shortcutKeys)})]},`more-mark-${p}`))})]}):r.jsx(r.Fragment,{})}const m=u.Extension.create({name:"moreMark",addOptions(){var t;return{...(t=this.parent)==null?void 0:t.call(this),button({editor:s,extension:n,t:i}){var p,g;const d=n.options.subscript,a=n.options.superscript,o={action:()=>s.commands.toggleSubscript(),isActive:()=>s.isActive("subscript")||!1,disabled:!s.can().toggleSubscript(),icon:"Subscript",title:i("editor.subscript.tooltip"),shortcutKeys:((p=n.options.shortcutKeys)==null?void 0:p[0])??["mod","."]},h={action:()=>s.commands.toggleSuperscript(),isActive:()=>s.isActive("superscript")||!1,disabled:!s.can().toggleSuperscript(),icon:"Superscript",title:i("editor.superscript.tooltip"),shortcutKeys:((g=n.options.shortcutKeys)==null?void 0:g[1])??["mod",","]},e=[];return d!==!1&&e.push(o),a!==!1&&e.push(h),{componentProps:{icon:"Type",tooltip:i("editor.moremark"),disabled:!s.isEditable,items:e,isActive:()=>e==null?void 0:e.find(b=>b.isActive())}}}}},addExtensions(){const t=[];return this.options.subscript!==!1&&t.push(x.configure(this.options.subscript)),this.options.superscript!==!1&&t.push(f.configure(this.options.superscript)),t}});exports.MoreMark=m;exports.RichTextMoreMark=S;