react-reason-editor 1.0.24 → 1.0.26

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-reason-editor",
-  "version": "1.0.24",
+  "version": "1.0.26",
   "description": "A modern WYSIWYG rich text editor based on tiptap and shadcn ui for React",
   "repository": {
     "type": "git",
@@ -253,6 +253,16 @@
         "default": "./dist/reason-docs.js"
       }
     },
+    "./editor-kit": {
+      "require": {
+        "types": "./dist/editor-kit.d.cts",
+        "default": "./dist/editor-kit.cjs"
+      },
+      "import": {
+        "types": "./dist/editor-kit.d.ts",
+        "default": "./dist/editor-kit.js"
+      }
+    },
     "./dist/*": "./dist/*",
     "./package.json": "./package.json",
     "./*": "./dist/*",
@@ -909,4 +919,4 @@
       "prosemirror-view": "1.41.1"
     }
   }
-}
+}

package/dist/Mermaid-DxpFRVu0.js

@@ -1,5 +0,0 @@
-import{n as t}from"./toggle-BXl_NYYh.js";import{g as e}from"./locales-DfkG6-1b.js";import{t as i}from"./button-CXcuJkiM.js";import{a as r,n as a,o as n,r as o,t as s}from"./dialog-DgdVbRUv.js";import{t as d}from"./textarea-uEPOPNqf.js";import{o as l,t as h}from"./throttle-BpbN7uB1.js";import{c,d as m,n as u,t as g}from"./useButtonProps-DSIajp_B.js";import{t as p}from"./file-aBzFF1LO.js";import{n as b,t as f}from"./shortId-COE42cHb.js";import{NodeViewWrapper as v,ReactNodeViewRenderer as w,isNumber as x}from"@tiptap/react";import y,{useCallback as M,useEffect as A,useMemo as L,useRef as N,useState as _}from"react";import{Fragment as T,jsx as H,jsxs as j}from"react/jsx-runtime";import{mergeAttributes as C}from"@tiptap/core";var I="tl",S="tr",k="bl",z="br";function $({editor:t,node:i,updateAttributes:r,getPos:a,selected:n}){const[o,s]=_({width:e,height:e}),[d,l]=_({width:0,height:0}),[c]=_([I,S,k,z]),[m,g]=_(!1),[p,b]=_({x:0,y:0,w:0,h:0,dir:""}),{align:f}=i.attrs,w=L(()=>{const{src:t,alt:e,width:r,height:a}=i.attrs;return{src:t||void 0,alt:e||void 0,style:{width:(x(r)?`${r}px`:r)||void 0,height:(x(a)?`${a}px`:a)||void 0}}},[i?.attrs]),y=L(()=>{const{style:{width:t}}=w;return{width:"100%"===t?t:void 0}},[w]);function N(){t.commands.setNodeSelection(a())}const T=M(h(()=>{const{width:e}=getComputedStyle(t.view.dom);s(t=>({...t,width:Number.parseInt(e,10)}))},16),[t]);const C=M(h(t=>{if(t.preventDefault(),t.stopPropagation(),!m)return;const{x:e,w:a,dir:n}=p,s=(t.clientX-e)*(/l/.test(n)?-1:1),{width:d,height:l}=i.attrs,h=d/l,c=u(a+s,20,o.width);r({width:c,height:Math.round(c/h)})},16),[m,p,o,r,i?.attrs]),$=M(t=>{t.preventDefault(),t.stopPropagation(),m&&(b({x:0,y:0,w:0,h:0,dir:""}),g(!1),N())},[m,N]),P=M(()=>{document?.addEventListener("mousemove",C,!0),document?.addEventListener("mouseup",$,!0)},[C,$]),q=M(()=>{document?.removeEventListener("mousemove",C,!0),document?.removeEventListener("mouseup",$,!0)},[C,$]);A(()=>(m?P():q(),()=>{q()}),[m,P,q]);const O=L(()=>new ResizeObserver(()=>T()),[T]);return A(()=>(O.observe(t.view.dom),()=>{O.disconnect()}),[t.view.dom,O]),/* @__PURE__ */H(v,{className:"image-view",style:{...y,width:"100%",textAlign:f},children:/* @__PURE__ */j("div",{"data-drag-handle":!0,draggable:"true",style:{...y,background:"#fff"},className:`image-view__body ${n?"image-view__body--focused":""} ${m?"image-view__body--resizing":""}`,children:[/* @__PURE__ */H("img",{alt:w.alt,className:"image-view__body__image block",height:"auto",onClick:N,onLoad:function(t){l({width:t.target.width,height:t.target.height})},src:w.src,style:w.style}),t.view.editable&&(n||m)&&/* @__PURE__ */H("div",{className:"image-resizer",children:c?.map(t=>/* @__PURE__ */H("span",{className:`image-resizer__handler image-resizer__handler--${t}`,onMouseDown:e=>function(t,e){t.preventDefault(),t.stopPropagation();const r=d.width,a=r/d.height;let n=Number(i.attrs.width),s=Number(i.attrs.height);const l=o.width;n&&!s?(n=n>l?l:n,s=Math.round(n/a)):s&&!n?(n=Math.round(s*a),n=n>l?l:n):n||s?n=n>l?l:n:(n=r>l?l:r,s=Math.round(n/a)),g(!0),b({x:t.clientX,y:t.clientY,w:n,h:s,dir:e})}(e,t)},`image-dir-${t}`))})]})})}function P(){const e=m(),{tooltipOptions:l={},isActive:h,upload:u}=g(q.name)?.componentProps??{},{editorDisabled:v}=c(h),[w,x]=_("graph TB\na--\x3eb"),[y,L]=_(""),[C,I]=_(!1),S=N(null),[k,z]=_(null),[$,P]=_(!0),O=M(t=>{t&&import("./cdn-loader-w67sLKk9.js").then(t=>t.t).then(({loadMermaid:t})=>t()).then(t=>{z(t)}).finally(()=>P(!1))},[]),D=async t=>{try{const{svg:e}=await k.render("mermaid-svg",t);L(e)}catch{L("")}};A(()=>{!$&&k&&C&&(k.initialize({darkMode:!1,startOnLoad:!1,fontSize:12,theme:"base"}),D(w))},[k,C]),A(()=>{!$&&k&&C&&D(w)},[k&&w]);/* @__PURE__ */
-return j(s,{onOpenChange:I,open:C,children:[/* @__PURE__ */H(n,{asChild:!0,children:/* @__PURE__ */H(t,{disabled:v,icon:"Mermaid",tooltip:"Mermaid",tooltipOptions:l,action:()=>{v||I(!0)}})}),/* @__PURE__ */j(a,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[
-/* @__PURE__ */H(r,{children:"Mermaid"}),
-/* @__PURE__ */H("div",{ref:O,style:{height:"100%",border:"1px solid hsl(var(--border))"},children:$?/* @__PURE__ */H("p",{children:"Loading..."}):/* @__PURE__ */H(T,{children:/* @__PURE__ */j("div",{className:"richtext-flex richtext-gap-[10px] richtext-rounded-[10px] richtext-p-[10px]",children:[/* @__PURE__ */H(d,{autoFocus:!0,className:"richtext-flex-1",onChange:t=>x(t.target.value),placeholder:"Text",required:!0,rows:10,value:w,style:{color:"hsl(var(--foreground))"}}),/* @__PURE__ */H("div",{className:"richtext-flex richtext-flex-1 richtext-items-center richtext-justify-center richtext-rounded-[10px] richtext-p-[10px]",dangerouslySetInnerHTML:{__html:y},ref:S,style:{height:"100%",borderWidth:1,minHeight:500,background:"#fff"}})]})})}),
-/* @__PURE__ */H(o,{children:/* @__PURE__ */H(i,{disabled:!k,onClick:async()=>{if(""!==w){if(w){const t=S.current.querySelector("svg"),{width:i,height:r}=t.getBoundingClientRect(),a=`mermaid-${f()}.svg`;let n=b(t.outerHTML);if(u){const t=p(n,a);n=await u(t)}e?.chain().focus().setMermaid({type:"mermaid",src:n,alt:encodeURIComponent(w),width:i,height:r},!!w).run()}I(!1)}},type:"button",children:"Save changes"})})]})]})}var q=l.extend({name:"mermaid",addOptions(){return{...this.parent?.(),inline:!1,content:"",marks:"",group:"block",draggable:!1,selectable:!0,atom:!0,HTMLAttributes:{class:"mermaid"},button:({editor:t,t:e,extension:i})=>({componentProps:{action:()=>!0,isActive:()=>!1,disabled:!1,editor:t,icon:"Mermaid",tooltip:e("editor.mermaid.tooltip"),upload:i?.options?.upload}})}},addAttributes(){return{...this.parent?.(),width:{default:null,parseHTML:t=>{const e=t.querySelector("img")?.getAttribute("width");return e?Number.parseInt(e,10):320},renderHTML:t=>({width:t.width})},height:{default:null,parseHTML:t=>{const e=t.querySelector("img")?.getAttribute("height");return e?Number.parseInt(e,10):212},renderHTML:t=>({height:t.height})},align:{default:"center",parseHTML:t=>t.getAttribute("align"),renderHTML:t=>({align:t.align})}}},addNodeView:()=>w($),addCommands(){return{setMermaid:(t,e)=>({commands:i,editor:r})=>e?i.insertContent({type:this.name,attrs:t}):i.insertContentAt(r.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",C(this.options.HTMLAttributes,t)]]},parseHTML:()=>[{tag:"div[class=imageMermaid]",getAttrs:t=>{const e=t.querySelector("img"),i=e?.getAttribute("width"),r=e?.getAttribute("height");return{src:e?.getAttribute("src"),alt:e?.getAttribute("alt"),width:i?Number.parseInt(i,10):null,height:r?Number.parseInt(r,10):null,align:e?.getAttribute("align")||t.style.textAlign||null}}}]});export{P as n,q as t};