@remarkablejames/editor 0.0.1

package/lib/Excalidraw.cjs

@@ -0,0 +1 @@
+"use strict";var z=Object.create;var M=Object.defineProperty;var P=Object.getOwnPropertyDescriptor;var V=Object.getOwnPropertyNames;var q=Object.getPrototypeOf,U=Object.prototype.hasOwnProperty;var B=(e,n,l,d)=>{if(n&&typeof n=="object"||typeof n=="function")for(let i of V(n))!U.call(e,i)&&i!==l&&M(e,i,{get:()=>n[i],enumerable:!(d=P(n,i))||d.enumerable});return e};var R=(e,n,l)=>(l=e!=null?z(q(e)):{},B(n||!e||!e.__esModule?M(l,"default",{value:e,enumerable:!0}):l,e));Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const f=require("./clsx-CXbNJWDD.cjs"),s=require("react/jsx-runtime"),$=require("re-resizable"),a=require("react"),r=require("./index-D9oM__YW.cjs"),I=require("./dom-dataset-BqoJhJXt.cjs"),F="_wrap_dra8y_1",X="_renderWrap_dra8y_7",Y="_handlerWrap_dra8y_30",G="_disabled_dra8y_40",A={wrap:F,renderWrap:X,handlerWrap:Y,disabled:G},J=10,K=200,O=15,W={width:"100%",height:"100%",maxWidth:"100%"};function Q({editor:e,node:n,updateAttributes:l}){const d=a.useRef(null),[i,p]=a.useState(()=>(e==null?void 0:e.isEditable)??!1);a.useEffect(()=>{const t=()=>p((e==null?void 0:e.isEditable)??!1);return t(),e==null||e.on("editableUpdate",t),e==null||e.on("update",t),()=>{e==null||e.off("editableUpdate",t),e==null||e.off("update",t)}},[e]);const x=e.isActive(D.name),{data:o,width:j,height:S}=n.attrs,[m,L]=a.useState(null),[w,T]=a.useState(!0),[c,b]=a.useState(null),[v,E]=a.useState(100),y=a.useCallback(t=>()=>{E(h=>r.clamp(t==="minus"?h-O:h+O,J,K))},[]);a.useEffect(()=>{let t=!1;return import("@excalidraw/excalidraw").then(h=>{t||(d.current=h.exportToSvg)}).catch(h=>!t&&b(h)).finally(()=>!t&&T(!1)),()=>{t=!0}},[o]),a.useEffect(()=>{let t=!1;return(async()=>{if(!d.current||t||w||c||!o)return;const g=await d.current(o);t||(g.setAttribute("width","100%"),g.setAttribute("height","100%"),g.setAttribute("display","block"),L(g))})(),()=>{t=!0}},[o,w,c]);const N=t=>{l({width:t.width,height:t.height})};return s.jsx(f.NodeViewWrapper,{className:f.clsx(A.wrap,{[A.active]:x,[A.disabled]:!i}),children:s.jsx($.Resizable,{size:{width:Number.parseInt(j),height:Number.parseInt(S)},onResizeStop:(t,h,g,_)=>{N({width:Number.parseInt(j)+_.width,height:Number.parseInt(S)+_.height})},children:s.jsxs("div",{className:f.clsx(A.renderWrap,"render-wrapper"),style:{...W,overflow:"hidden"},children:[c&&s.jsx("div",{style:W,children:s.jsx("p",{children:c.message||c})}),w&&s.jsx("p",{children:"Loading..."}),!w&&!c&&m&&s.jsx("div",{dangerouslySetInnerHTML:{__html:(m==null?void 0:m.outerHTML)??""},style:{height:"100%",maxHeight:"100%",padding:24,overflow:"hidden",display:"flex",justifyContent:"center",alignItems:"center",transform:`scale(${v/100})`,transition:"all ease-in-out .3s"}}),i&&s.jsxs("div",{className:A.handlerWrap,children:[s.jsx(r.ActionButton,{action:y("minus"),disabled:!i,icon:"ZoomOut",tooltip:"Zoom Out"}),s.jsx(r.ActionButton,{action:y("plus"),disabled:!i,icon:"ZoomIn",tooltip:"Zoom In"})]})]})})})}function ee(){const e=r.useEditorInstance(),n=r.useButtonProps(D.name),l=r.useExtension(D.name),{tooltipOptions:d={},isActive:i=void 0}=(n==null?void 0:n.componentProps)??{},{editorDisabled:p}=r.useToggleActive(i),x=a.useMemo(()=>(l==null?void 0:l.options)||{},[l]),[o,j]=a.useState(null),[S,m]=a.useState({}),[L,w]=a.useState({elements:[],appState:{isLoading:!1},files:null}),[T,c]=a.useState(!1),[b,v]=a.useState(!0),[E,y]=a.useState(null),N=a.useCallback(u=>{u&&import("@excalidraw/excalidraw").then(C=>{j(C.Excalidraw)}).catch(y).finally(()=>v(!1))},[v]),t=a.useCallback(u=>{setTimeout(()=>{u.refresh()})},[]),h=a.useCallback((u,C,Z)=>{m({elements:u,appState:{isLoading:!1},files:Z})},[]),g=a.useCallback(()=>{if(!o){c(!1);return}e.chain().focus().setExcalidraw({data:S}).run(),c(!1)},[o,e,S,c]),_=u=>{c(!0),u!=null&&u.data&&w(u==null?void 0:u.data)},k=r.EVENTS.EXCALIDRAW(e.id);return r.useListener(_,[k]),a.useEffect(()=>{!b&&o&&T&&setTimeout(()=>{window.dispatchEvent(new Event("resize"))},400)},[b,o,T]),s.jsxs(r.Dialog,{onOpenChange:c,open:T,children:[s.jsx(r.DialogTrigger,{asChild:!0,children:s.jsx(r.ActionButton,{disabled:p,icon:"Excalidraw",tooltip:"Excalidraw",tooltipOptions:d,action:()=>{p||c(!0)}})}),s.jsxs(r.DialogContent,{className:"richtext-z-[99999] !richtext-max-w-[1300px]",children:[s.jsx(r.DialogTitle,{children:"Excalidraw"}),s.jsxs("div",{style:{height:"100%",borderWidth:1},children:[b&&s.jsx("p",{children:"Loading..."}),E&&s.jsx("p",{children:E&&E.message||"Error"}),s.jsx("div",{ref:N,style:{width:"100%",height:600},children:!b&&!E&&o?s.jsx(o,{initialData:L,langCode:"en",onChange:h,ref:t,...x.excalidrawProps}):null})]}),s.jsx(r.DialogFooter,{children:s.jsx(r.Button,{disabled:!o,onClick:g,type:"button",children:"Save changes"})})]})]})}const H={elements:[]},D=f.Node3.create({name:"excalidraw",group:"block",selectable:!0,atom:!0,draggable:!0,inline:!1,addAttributes(){return{defaultShowPicker:{default:!1},createUser:{default:null},width:{default:"100%",parseHTML:I.getDatasetAttribute("width")},height:{default:240,parseHTML:I.getDatasetAttribute("height")},data:{default:H,parseHTML:I.getDatasetAttribute("data",!0)}}},addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),HTMLAttributes:{class:"excalidraw"},excalidrawProps:{},button:()=>({componentProps:{}})}},parseHTML(){return[{tag:"div[class=excalidraw]"}]},renderHTML({HTMLAttributes:e,node:n}){return["div",f.mergeAttributes(this.options.HTMLAttributes,e,I.nodeAttrsToDataset(n))]},addCommands(){return{setExcalidraw:e=>({tr:n,commands:l,chain:d})=>{var i,p,x;return e=e||{},e.data=e.data||H,((x=(p=(i=n.selection)==null?void 0:i.node)==null?void 0:p.type)==null?void 0:x.name)==this.name?l.updateAttributes(this.name,e):d().insertContent({type:this.name,attrs:e}).run()}}},addNodeView(){return f.ReactNodeViewRenderer(Q)},addInputRules(){return[f.nodeInputRule({find:/^\$excalidraw\$$/,type:this.type,getAttributes:()=>({width:"100%"})})]}});exports.Excalidraw=D;exports.RichTextExcalidraw=ee;

package/lib/Excalidraw.js

@@ -0,0 +1,276 @@
+import { h as P, j as W, N as U, n as $, k as j, m as B } from "./clsx-CDyrfCnw.js";
+import { jsx as a, jsxs as A } from "react/jsx-runtime";
+import { Resizable as F } from "re-resizable";
+import { useRef as X, useState as i, useEffect as N, useCallback as v, useMemo as q } from "react";
+import { w as Y, A as C, h as G, u as J, q as K, d as Q, E as ee, x as te, D as ae, m as ne, n as se, o as re, p as ie, B as le } from "./index-lj3VWExo.js";
+import { n as oe, g as S } from "./dom-dataset-CIEeltF6.js";
+const ce = "_wrap_dra8y_1", de = "_renderWrap_dra8y_7", ue = "_handlerWrap_dra8y_30", he = "_disabled_dra8y_40", T = {
+  wrap: ce,
+  renderWrap: de,
+  handlerWrap: ue,
+  disabled: he
+}, pe = 10, me = 200, H = 15, Z = { width: "100%", height: "100%", maxWidth: "100%" };
+function fe({ editor: e, node: o, updateAttributes: d }) {
+  const u = X(null), [c, h] = i(
+    () => (e == null ? void 0 : e.isEditable) ?? !1
+  );
+  N(() => {
+    const t = () => h((e == null ? void 0 : e.isEditable) ?? !1);
+    return t(), e == null || e.on("editableUpdate", t), e == null || e.on("update", t), () => {
+      e == null || e.off("editableUpdate", t), e == null || e.off("update", t);
+    };
+  }, [e]);
+  const m = e.isActive(O.name), { data: s, width: y, height: E } = o.attrs, [f, D] = i(null), [g, x] = i(!0), [n, w] = i(null), [_, b] = i(100), I = v((t) => () => {
+    b(
+      (l) => Y(
+        t === "minus" ? l - H : l + H,
+        pe,
+        me
+      )
+    );
+  }, []);
+  N(() => {
+    let t = !1;
+    return import("@excalidraw/excalidraw").then((l) => {
+      t || (u.current = l.exportToSvg);
+    }).catch((l) => !t && w(l)).finally(() => !t && x(!1)), () => {
+      t = !0;
+    };
+  }, [s]), N(() => {
+    let t = !1;
+    return (async () => {
+      if (!u.current || t || g || n || !s)
+        return;
+      const p = await u.current(s);
+      t || (p.setAttribute("width", "100%"), p.setAttribute("height", "100%"), p.setAttribute("display", "block"), D(p));
+    })(), () => {
+      t = !0;
+    };
+  }, [s, g, n]);
+  const M = (t) => {
+    d({ width: t.width, height: t.height });
+  };
+  return /* @__PURE__ */ a(
+    P,
+    {
+      className: W(T.wrap, {
+        [T.active]: m,
+        [T.disabled]: !c
+      }),
+      children: /* @__PURE__ */ a(
+        F,
+        {
+          size: {
+            width: Number.parseInt(y),
+            height: Number.parseInt(E)
+          },
+          onResizeStop: (t, l, p, L) => {
+            M({
+              width: Number.parseInt(y) + L.width,
+              height: Number.parseInt(E) + L.height
+            });
+          },
+          children: /* @__PURE__ */ A(
+            "div",
+            {
+              className: W(T.renderWrap, "render-wrapper"),
+              style: { ...Z, overflow: "hidden" },
+              children: [
+                n && /* @__PURE__ */ a("div", { style: Z, children: /* @__PURE__ */ a("p", { children: n.message || n }) }),
+                g && /* @__PURE__ */ a("p", { children: "Loading..." }),
+                !g && !n && f && /* @__PURE__ */ a(
+                  "div",
+                  {
+                    dangerouslySetInnerHTML: { __html: (f == null ? void 0 : f.outerHTML) ?? "" },
+                    style: {
+                      height: "100%",
+                      maxHeight: "100%",
+                      padding: 24,
+                      overflow: "hidden",
+                      display: "flex",
+                      justifyContent: "center",
+                      alignItems: "center",
+                      transform: `scale(${_ / 100})`,
+                      transition: "all ease-in-out .3s"
+                    }
+                  }
+                ),
+                c && /* @__PURE__ */ A("div", { className: T.handlerWrap, children: [
+                  /* @__PURE__ */ a(
+                    C,
+                    {
+                      action: I("minus"),
+                      disabled: !c,
+                      icon: "ZoomOut",
+                      tooltip: "Zoom Out"
+                    }
+                  ),
+                  /* @__PURE__ */ a(
+                    C,
+                    {
+                      action: I("plus"),
+                      disabled: !c,
+                      icon: "ZoomIn",
+                      tooltip: "Zoom In"
+                    }
+                  )
+                ] })
+              ]
+            }
+          )
+        }
+      )
+    }
+  );
+}
+function ve() {
+  const e = G(), o = J(O.name), d = K(O.name), { tooltipOptions: u = {}, isActive: c = void 0 } = (o == null ? void 0 : o.componentProps) ?? {}, { editorDisabled: h } = Q(c), m = q(() => (d == null ? void 0 : d.options) || {}, [d]), [s, y] = i(null), [E, f] = i({}), [D, g] = i({
+    elements: [],
+    appState: { isLoading: !1 },
+    files: null
+  }), [x, n] = i(!1), [w, _] = i(!0), [b, I] = i(null), M = v(
+    (r) => {
+      r && import("@excalidraw/excalidraw").then((R) => {
+        y(R.Excalidraw);
+      }).catch(I).finally(() => _(!1));
+    },
+    [_]
+  ), t = v((r) => {
+    setTimeout(() => {
+      r.refresh();
+    });
+  }, []), l = v((r, R, z) => {
+    f({
+      elements: r,
+      appState: { isLoading: !1 },
+      files: z
+    });
+  }, []), p = v(() => {
+    if (!s) {
+      n(!1);
+      return;
+    }
+    e.chain().focus().setExcalidraw({ data: E }).run(), n(!1);
+  }, [s, e, E, n]), L = (r) => {
+    n(!0), r != null && r.data && g(r == null ? void 0 : r.data);
+  }, k = ee.EXCALIDRAW(e.id);
+  return te(L, [k]), N(() => {
+    !w && s && x && setTimeout(() => {
+      window.dispatchEvent(new Event("resize"));
+    }, 400);
+  }, [w, s, x]), /* @__PURE__ */ A(ae, { onOpenChange: n, open: x, children: [
+    /* @__PURE__ */ a(ne, { asChild: !0, children: /* @__PURE__ */ a(
+      C,
+      {
+        disabled: h,
+        icon: "Excalidraw",
+        tooltip: "Excalidraw",
+        tooltipOptions: u,
+        action: () => {
+          h || n(!0);
+        }
+      }
+    ) }),
+    /* @__PURE__ */ A(se, { className: "richtext-z-[99999] !richtext-max-w-[1300px]", children: [
+      /* @__PURE__ */ a(re, { children: "Excalidraw" }),
+      /* @__PURE__ */ A("div", { style: { height: "100%", borderWidth: 1 }, children: [
+        w && /* @__PURE__ */ a("p", { children: "Loading..." }),
+        b && /* @__PURE__ */ a("p", { children: b && b.message || "Error" }),
+        /* @__PURE__ */ a("div", { ref: M, style: { width: "100%", height: 600 }, children: !w && !b && s ? /* @__PURE__ */ a(
+          s,
+          {
+            initialData: D,
+            langCode: "en",
+            onChange: l,
+            ref: t,
+            ...m.excalidrawProps
+          }
+        ) : null })
+      ] }),
+      /* @__PURE__ */ a(ie, { children: /* @__PURE__ */ a(le, { disabled: !s, onClick: p, type: "button", children: "Save changes" }) })
+    ] })
+  ] });
+}
+const V = { elements: [] }, O = /* @__PURE__ */ U.create({
+  name: "excalidraw",
+  group: "block",
+  selectable: !0,
+  atom: !0,
+  draggable: !0,
+  inline: !1,
+  addAttributes() {
+    return {
+      defaultShowPicker: {
+        default: !1
+      },
+      createUser: {
+        default: null
+      },
+      width: {
+        default: "100%",
+        parseHTML: S("width")
+      },
+      height: {
+        default: 240,
+        parseHTML: S("height")
+      },
+      data: {
+        default: V,
+        parseHTML: S("data", !0)
+      }
+    };
+  },
+  addOptions() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      HTMLAttributes: {
+        class: "excalidraw"
+      },
+      excalidrawProps: {},
+      button: () => ({
+        componentProps: {}
+      })
+    };
+  },
+  parseHTML() {
+    return [
+      {
+        tag: "div[class=excalidraw]"
+      }
+    ];
+  },
+  renderHTML({ HTMLAttributes: e, node: o }) {
+    return [
+      "div",
+      B(this.options.HTMLAttributes, e, oe(o))
+    ];
+  },
+  addCommands() {
+    return {
+      setExcalidraw: (e) => ({ tr: o, commands: d, chain: u }) => {
+        var c, h, m;
+        return e = e || {}, e.data = e.data || V, ((m = (h = (c = o.selection) == null ? void 0 : c.node) == null ? void 0 : h.type) == null ? void 0 : m.name) == this.name ? d.updateAttributes(this.name, e) : u().insertContent({
+          type: this.name,
+          attrs: e
+        }).run();
+      }
+    };
+  },
+  addNodeView() {
+    return j(fe);
+  },
+  addInputRules() {
+    return [
+      $({
+        find: /^\$excalidraw\$$/,
+        type: this.type,
+        getAttributes: () => ({ width: "100%" })
+      })
+    ];
+  }
+});
+export {
+  O as Excalidraw,
+  ve as RichTextExcalidraw
+};

package/lib/ExportPdf.cjs

@@ -0,0 +1,39 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./clsx-CXbNJWDD.cjs"),p=require("react/jsx-runtime"),m=require("./index-D9oM__YW.cjs");require("react");require("./theme.cjs");function y(e,n){var u;const t=document.createElement("iframe");t.setAttribute("style","position: absolute; width: 0; height: 0; top: 0; left: 0;"),document.body.appendChild(t);const o=t.contentDocument||((u=t.contentWindow)==null?void 0:u.document);if(!o)return;const{paperSize:s,title:i="React Tiptap Editor",margins:{top:d,right:a,bottom:r,left:c}}=n,l=`
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <title>${i}</title>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <style>
+        @media print {
+          @page {
+            size: ${s};
+            margin: ${d} ${a} ${r} ${c}; /* top, right, bottom, left */
+          }
+
+          body {
+            background: none;
+            margin: 0;
+            padding: 0;
+          }
+
+          .print-container {
+            width: 100%;
+            box-sizing: border-box;
+          }
+
+          .no-print {
+            display: none;
+          }
+        }
+      </style>
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@remarkablejames/editor@latest/lib/style.css">
+    </head>
+    <body>
+      <div class="print-container">
+        ${e}
+      </div>
+    </body>
+    </html>
+  `;o.open(),o.write(l),o.close(),t.addEventListener("load",()=>{setTimeout(()=>{var f,h;try{(f=t.contentWindow)==null||f.focus(),(h=t.contentWindow)==null||h.print()}catch(x){console.error("Print failed",x)}setTimeout(()=>{document.body.removeChild(t)},100)},50)})}function g(e,n){const t=e.getHTML();return t?(y(t,n),!0):!1}function E(){const e=m.useButtonProps(b.name),{icon:n=void 0,tooltip:t=void 0,shortcutKeys:o=void 0,tooltipOptions:s={},action:i=void 0,isActive:d=void 0}=(e==null?void 0:e.componentProps)??{},{dataState:a,disabled:r,update:c}=m.useToggleActive(d),l=()=>{r||i&&(i(),c())};return e?p.jsx(m.ActionButton,{action:l,dataState:a,disabled:r,icon:n,shortcutKeys:o,tooltip:t,tooltipOptions:s}):p.jsx(p.Fragment,{})}const b=v.Extension.create({name:"exportPdf",addOptions(){var e;return{...(e=this.parent)==null?void 0:e.call(this),paperSize:"Letter",title:"Echo Editor",margins:{top:"0.4in",right:"0.4in",bottom:"0.4in",left:"0.4in"},button:({editor:n,extension:t,t:o})=>({componentProps:{action:()=>{g(n,t.options)},icon:"ExportPdf",tooltip:o("editor.exportPdf.tooltip"),isActive:()=>!1,disabled:!1}})}},addCommands(){return{exportToPdf:()=>({editor:e})=>g(e,this.options)}}});exports.ExportPdf=b;exports.RichTextExportPdf=E;

package/lib/ExportPdf.js

@@ -0,0 +1,142 @@
+import { E as b } from "./clsx-CDyrfCnw.js";
+import { jsx as f, Fragment as v } from "react/jsx-runtime";
+import { u as y, d as x, A as E } from "./index-lj3VWExo.js";
+import "react";
+import "./theme.js";
+function P(o, n) {
+  var m;
+  const t = document.createElement("iframe");
+  t.setAttribute(
+    "style",
+    "position: absolute; width: 0; height: 0; top: 0; left: 0;"
+  ), document.body.appendChild(t);
+  const e = t.contentDocument || ((m = t.contentWindow) == null ? void 0 : m.document);
+  if (!e) return;
+  const {
+    paperSize: a,
+    title: i = "React Tiptap Editor",
+    margins: {
+      top: s,
+      right: d,
+      bottom: r,
+      left: c
+    }
+  } = n, p = `
+    <!DOCTYPE html>
+    <html lang="en">
+    <head>
+      <title>${i}</title>
+      <meta charset="UTF-8">
+      <meta name="viewport" content="width=device-width, initial-scale=1.0">
+      <style>
+        @media print {
+          @page {
+            size: ${a};
+            margin: ${s} ${d} ${r} ${c}; /* top, right, bottom, left */
+          }
+
+          body {
+            background: none;
+            margin: 0;
+            padding: 0;
+          }
+
+          .print-container {
+            width: 100%;
+            box-sizing: border-box;
+          }
+
+          .no-print {
+            display: none;
+          }
+        }
+      </style>
+      <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@remarkablejames/editor@latest/lib/style.css">
+    </head>
+    <body>
+      <div class="print-container">
+        ${o}
+      </div>
+    </body>
+    </html>
+  `;
+  e.open(), e.write(p), e.close(), t.addEventListener("load", () => {
+    setTimeout(() => {
+      var l, u;
+      try {
+        (l = t.contentWindow) == null || l.focus(), (u = t.contentWindow) == null || u.print();
+      } catch (g) {
+        console.error("Print failed", g);
+      }
+      setTimeout(() => {
+        document.body.removeChild(t);
+      }, 100);
+    }, 50);
+  });
+}
+function h(o, n) {
+  const t = o.getHTML();
+  return t ? (P(t, n), !0) : !1;
+}
+function L() {
+  const o = y(T.name), {
+    icon: n = void 0,
+    tooltip: t = void 0,
+    shortcutKeys: e = void 0,
+    tooltipOptions: a = {},
+    action: i = void 0,
+    isActive: s = void 0
+  } = (o == null ? void 0 : o.componentProps) ?? {}, { dataState: d, disabled: r, update: c } = x(s), p = () => {
+    r || i && (i(), c());
+  };
+  return o ? /* @__PURE__ */ f(
+    E,
+    {
+      action: p,
+      dataState: d,
+      disabled: r,
+      icon: n,
+      shortcutKeys: e,
+      tooltip: t,
+      tooltipOptions: a
+    }
+  ) : /* @__PURE__ */ f(v, {});
+}
+const T = /* @__PURE__ */ b.create({
+  name: "exportPdf",
+  //@ts-expect-error
+  addOptions() {
+    var o;
+    return {
+      ...(o = this.parent) == null ? void 0 : o.call(this),
+      paperSize: "Letter",
+      title: "Echo Editor",
+      margins: {
+        top: "0.4in",
+        right: "0.4in",
+        bottom: "0.4in",
+        left: "0.4in"
+      },
+      button: ({ editor: n, extension: t, t: e }) => ({
+        componentProps: {
+          action: () => {
+            h(n, t.options);
+          },
+          icon: "ExportPdf",
+          tooltip: e("editor.exportPdf.tooltip"),
+          isActive: () => !1,
+          disabled: !1
+        }
+      })
+    };
+  },
+  addCommands() {
+    return {
+      exportToPdf: () => ({ editor: o }) => h(o, this.options)
+    };
+  }
+});
+export {
+  T as ExportPdf,
+  L as RichTextExportPdf
+};

package/lib/ExportWord.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const h=require("./clsx-CXbNJWDD.cjs"),u=require("docx"),n=require("prosemirror-docx"),i=require("react/jsx-runtime"),y=require("react"),a=require("./index-D9oM__YW.cjs");require("./theme.cjs");const g=typeof window<"u";function v(o,e){if(g){const r=window.URL.createObjectURL(o),t=document.createElement("a");return t.href=r,t.download=e,t.click(),window.URL.revokeObjectURL(r),Promise.resolve()}return console.error("Download is not supported in Node.js"),Promise.resolve()}function B(){const o=a.useButtonProps(p.name),[e,r]=y.useState(!1),{icon:t=void 0,tooltip:c=void 0,shortcutKeys:s=void 0,tooltipOptions:f={},action:d=void 0,isActive:m=void 0}=(o==null?void 0:o.componentProps)??{},{dataState:x,disabled:l,update:w}=a.useToggleActive(m),b=async()=>{l||e||d&&(r(!0),await d(),w(),r(!1))};return o?i.jsx(a.ActionButton,{action:b,dataState:x,disabled:l||e,icon:e?"Loader":t,shortcutKeys:s,tooltip:c,tooltipOptions:f}):i.jsx(i.Fragment,{})}const E={...n.defaultNodes,hardBreak:n.defaultNodes.hard_break,codeBlock:n.defaultNodes.code_block,orderedList:n.defaultNodes.ordered_list,listItem:n.defaultNodes.list_item,bulletList:n.defaultNodes.bullet_list,horizontalRule:n.defaultNodes.horizontal_rule,image(o,e){o.renderInline(e),o.closeBlock(e)},table(o,e){o.table(e,{tableOptions:{width:{size:100,type:u.WidthType.PERCENTAGE}}})}},W=new n.DocxSerializer(E,n.defaultMarks),p=h.Extension.create({name:"exportWord",addOptions(){var o;return{...(o=this.parent)==null?void 0:o.call(this),button:({editor:e,t:r})=>({componentProps:{icon:"ExportWord",action:()=>{var t;return e==null?void 0:e.commands.exportToWord((t=e==null?void 0:e.state)==null?void 0:t.doc)},tooltip:r("editor.exportWord.tooltip"),isActive:()=>!1,disabled:!1}})}},addCommands(){return{exportToWord:o=>async()=>{try{const e={getImageBuffer:async t=>{const s=await(await fetch(t)).arrayBuffer();return new Uint8Array(s)}},r=W.serialize(o,e);return u.Packer.toBlob(r).then(t=>v(new Blob([t]),"richtext-export-document.docx")),!0}catch(e){return console.error("Error exporting to Word:",e),!1}}}}});exports.ExportWord=p;exports.RichTextExportWord=B;

package/lib/ExportWord.js

@@ -0,0 +1,107 @@
+import { E as w } from "./clsx-CDyrfCnw.js";
+import { Packer as x, WidthType as b } from "docx";
+import { defaultNodes as n, DocxSerializer as h, defaultMarks as B } from "prosemirror-docx";
+import { jsx as d, Fragment as v } from "react/jsx-runtime";
+import { useState as y } from "react";
+import { u as E, d as g, A as k } from "./index-lj3VWExo.js";
+import "./theme.js";
+const W = typeof window < "u";
+function A(e, o) {
+  if (W) {
+    const r = window.URL.createObjectURL(e), t = document.createElement("a");
+    return t.href = r, t.download = o, t.click(), window.URL.revokeObjectURL(r), Promise.resolve();
+  }
+  return console.error("Download is not supported in Node.js"), Promise.resolve();
+}
+function D() {
+  const e = E(R.name), [o, r] = y(!1), {
+    icon: t = void 0,
+    tooltip: s = void 0,
+    shortcutKeys: i = void 0,
+    tooltipOptions: l = {},
+    action: a = void 0,
+    isActive: p = void 0
+  } = (e == null ? void 0 : e.componentProps) ?? {}, { dataState: u, disabled: c, update: m } = g(p), f = async () => {
+    c || o || a && (r(!0), await a(), m(), r(!1));
+  };
+  return e ? /* @__PURE__ */ d(
+    k,
+    {
+      action: f,
+      dataState: u,
+      disabled: c || o,
+      icon: o ? "Loader" : t,
+      shortcutKeys: i,
+      tooltip: s,
+      tooltipOptions: l
+    }
+  ) : /* @__PURE__ */ d(v, {});
+}
+const L = {
+  ...n,
+  hardBreak: n.hard_break,
+  codeBlock: n.code_block,
+  orderedList: n.ordered_list,
+  listItem: n.list_item,
+  bulletList: n.bullet_list,
+  horizontalRule: n.horizontal_rule,
+  // Requirement Buffer on browser
+  image(e, o) {
+    e.renderInline(o), e.closeBlock(o);
+  },
+  table(e, o) {
+    e.table(o, {
+      tableOptions: {
+        width: {
+          size: 100,
+          type: b.PERCENTAGE
+        }
+      }
+    });
+  }
+}, z = /* @__PURE__ */ new h(L, B), R = /* @__PURE__ */ w.create({
+  name: "exportWord",
+  //@ts-expect-error
+  addOptions() {
+    var e;
+    return {
+      ...(e = this.parent) == null ? void 0 : e.call(this),
+      button: ({ editor: o, t: r }) => ({
+        componentProps: {
+          icon: "ExportWord",
+          action: () => {
+            var t;
+            return o == null ? void 0 : o.commands.exportToWord((t = o == null ? void 0 : o.state) == null ? void 0 : t.doc);
+          },
+          tooltip: r("editor.exportWord.tooltip"),
+          isActive: () => !1,
+          disabled: !1
+        }
+      })
+    };
+  },
+  // @ts-expect-error
+  addCommands() {
+    return {
+      exportToWord: (e) => async () => {
+        try {
+          const o = {
+            getImageBuffer: async (t) => {
+              const i = await (await fetch(t)).arrayBuffer();
+              return new Uint8Array(i);
+            }
+          }, r = z.serialize(e, o);
+          return x.toBlob(r).then(
+            (t) => A(new Blob([t]), "richtext-export-document.docx")
+          ), !0;
+        } catch (o) {
+          return console.error("Error exporting to Word:", o), !1;
+        }
+      }
+    };
+  }
+});
+export {
+  R as ExportWord,
+  D as RichTextExportWord
+};

package/lib/FontFamily.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const v=require("./index-CjhjjJsN.cjs"),F=require("./index-bVGIXhRg.cjs"),f=require("./index-D9oM__YW.cjs"),e=require("react/jsx-runtime"),m=require("react"),x=require("./ActionMenuButton-J1el_e6Z.cjs");require("./theme.cjs");const d=require("./dropdown-menu-DjWlG2-J.cjs");function M(){const{t:l}=F.useLocale(),o=f.useButtonProps(p.name),{icon:a=void 0,tooltip:u=void 0,items:r=[],isActive:s=void 0}=(o==null?void 0:o.componentProps)??{},{disabled:c,dataState:t}=f.useActive(s),n=m.useMemo(()=>(t==null?void 0:t.font)||l("editor.fontFamily.default.tooltip"),[t]);return o?e.jsxs(d.DropdownMenu,{children:[e.jsx(d.DropdownMenuTrigger,{asChild:!0,disabled:c,children:e.jsx(x.ActionMenuButton,{disabled:c,icon:a,title:(n==null?void 0:n.length)>12?`${n==null?void 0:n.slice(0,12)}...`:n,tooltip:u})}),e.jsx(d.DropdownMenuContent,{className:"richtext-w-full",children:r==null?void 0:r.map((i,y)=>{const h=i.font===l("editor.fontFamily.default.tooltip")?{}:{fontFamily:i.font};return e.jsxs(m.Fragment,{children:[e.jsx(d.DropdownMenuCheckboxItem,{checked:n===i.font,onClick:i.action,children:e.jsx("div",{className:"richtext-ml-1 richtext-h-full",style:h,children:i.font})}),i.font===l("editor.fontFamily.default.tooltip")&&e.jsx(d.DropdownMenuSeparator,{})]},`font-family-${y}`)})})]}):e.jsx(e.Fragment,{})}const p=v.FontFamily.extend({addOptions(){var l;return{...(l=this.parent)==null?void 0:l.call(this),fontFamilyList:F.DEFAULT_FONT_FAMILY_LIST,button({editor:o,extension:a,t:u}){var c;const r=f.ensureNameValueOptions(((c=a==null?void 0:a.options)==null?void 0:c.fontFamilyList)||[]),s=r.map(t=>({action:()=>{if(t.value==="Default"){o.chain().focus().unsetFontFamily().run();return}o.chain().focus().setFontFamily(t.value).run()},isActive:()=>o.isActive("textStyle",{fontFamily:t.value})||!1,title:t.name,font:t.value,default:t.value==="Default"}));return{componentProps:{tooltip:u("editor.fontFamily.tooltip"),disabled:!1,items:s,isActive:()=>{const t=s==null?void 0:s.find(i=>i.isActive());return t&&!t.default?t:{title:u("editor.fontFamily.default.tooltip"),font:u("editor.fontFamily.default.tooltip"),isActive:()=>!1,disabled:!1}},icon:"MenuDown",fontFamilyList:r}}}}}});exports.FontFamily=p;exports.RichTextFontFamily=M;

package/lib/FontFamily.js

@@ -0,0 +1,84 @@
+import { F as p } from "./index-C1WCZhyA.js";
+import { u as F, D as y } from "./index-4Q5IhypJ.js";
+import { u as h, e as v, f as A } from "./index-lj3VWExo.js";
+import { jsx as i, Fragment as D, jsxs as f } from "react/jsx-runtime";
+import { useMemo as M, Fragment as w } from "react";
+import { A as L } from "./ActionMenuButton-B0EHT9CC.js";
+import "./theme.js";
+import { D as g, a as x, b, c as T, d as C } from "./dropdown-menu-Bs69ZBbO.js";
+function S() {
+  const { t: a } = F(), n = h(N.name), {
+    icon: s = void 0,
+    tooltip: c = void 0,
+    items: l = [],
+    isActive: r = void 0
+  } = (n == null ? void 0 : n.componentProps) ?? {}, { disabled: u, dataState: t } = v(r), o = M(() => (t == null ? void 0 : t.font) || a("editor.fontFamily.default.tooltip"), [t]);
+  return n ? /* @__PURE__ */ f(g, { children: [
+    /* @__PURE__ */ i(x, { asChild: !0, disabled: u, children: /* @__PURE__ */ i(
+      L,
+      {
+        disabled: u,
+        icon: s,
+        title: (o == null ? void 0 : o.length) > 12 ? `${o == null ? void 0 : o.slice(0, 12)}...` : o,
+        tooltip: c
+      }
+    ) }),
+    /* @__PURE__ */ i(b, { className: "richtext-w-full", children: l == null ? void 0 : l.map((e, m) => {
+      const d = e.font === a("editor.fontFamily.default.tooltip") ? {} : { fontFamily: e.font };
+      return /* @__PURE__ */ f(w, { children: [
+        /* @__PURE__ */ i(T, { checked: o === e.font, onClick: e.action, children: /* @__PURE__ */ i("div", { className: "richtext-ml-1 richtext-h-full", style: d, children: e.font }) }),
+        e.font === a("editor.fontFamily.default.tooltip") && /* @__PURE__ */ i(C, {})
+      ] }, `font-family-${m}`);
+    }) })
+  ] }) : /* @__PURE__ */ i(D, {});
+}
+const N = /* @__PURE__ */ p.extend({
+  //@ts-expect-error
+  addOptions() {
+    var a;
+    return {
+      ...(a = this.parent) == null ? void 0 : a.call(this),
+      fontFamilyList: y,
+      button({ editor: n, extension: s, t: c }) {
+        var u;
+        const l = A(((u = s == null ? void 0 : s.options) == null ? void 0 : u.fontFamilyList) || []), r = l.map((t) => ({
+          action: () => {
+            if (t.value === "Default") {
+              n.chain().focus().unsetFontFamily().run();
+              return;
+            }
+            n.chain().focus().setFontFamily(t.value).run();
+          },
+          isActive: () => n.isActive("textStyle", { fontFamily: t.value }) || !1,
+          // disabled: !editor.can().setFontFamily(font.value),
+          title: t.name,
+          font: t.value,
+          default: t.value === "Default"
+        }));
+        return {
+          // component: FontFamilyButton,
+          componentProps: {
+            tooltip: c("editor.fontFamily.tooltip"),
+            disabled: !1,
+            items: r,
+            isActive: () => {
+              const t = r == null ? void 0 : r.find((e) => e.isActive());
+              return t && !t.default ? t : {
+                title: c("editor.fontFamily.default.tooltip"),
+                font: c("editor.fontFamily.default.tooltip"),
+                isActive: () => !1,
+                disabled: !1
+              };
+            },
+            icon: "MenuDown",
+            fontFamilyList: l
+          }
+        };
+      }
+    };
+  }
+});
+export {
+  N as FontFamily,
+  S as RichTextFontFamily
+};