@layers-app/editor 0.7.39 → 0.7.40

package/dist/layers.Cw_OTSMm.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),o=require("react"),T=require("react-dom"),d=require("./layers.B68Ugj9v.js"),$=require("@lexical/react/LexicalComposerContext"),R=require("@lexical/react/LexicalErrorBoundary"),F=require("@lexical/react/useLexicalEditable"),g=require("@mantine/core"),E=require("lexical"),H=require("./layers.R8mPlCA0.js");function y({equation:s,inline:a,onDoubleClick:c}){const r=o.useRef(null);return o.useEffect(()=>{const l=r.current;l!==null&&H.default.render(s,l,{displayMode:!a,errorColor:"#cc0000",output:"html",strict:"warn",throwOnError:!1,trust:!1})},[s,a]),t.jsxs(t.Fragment,{children:[t.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""}),t.jsx("span",{role:"button",tabIndex:-1,onDoubleClick:c,ref:r}),t.jsx("img",{src:"data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",width:0,height:0,alt:""})]})}let L=!1;const P=new Map;function z(s){L||(L=!0,s.registerCommand(d.OPEN_EQUATION_POPUP_COMMAND,a=>{const c=P.get(a);return c?(c(),!0):!1},E.COMMAND_PRIORITY_EDITOR))}function G({equation:s,inline:a,nodeKey:c}){const[r]=$.useLexicalComposerContext(),l=F.useLexicalEditable(),m=o.useRef(null),N=o.useRef(null),[A,h]=o.useState(s),[i,f]=o.useState(!1),[_,S]=o.useState({top:0,left:0}),[v,B]=o.useState(!1),x=o.useCallback(()=>{const e=m.current;if(!e)return;const u=(e.closest(".editor-equation")||e).getBoundingClientRect();S({top:u.bottom+18,left:u.left}),B(!0)},[]);o.useEffect(()=>{z(r)},[r]),o.useEffect(()=>{const e=()=>{l&&f(!0)};return P.set(c,e),()=>{P.delete(c)}},[l,c]);const p=o.useCallback(()=>{if(l){if(i){f(!1);return}x(),f(!0)}},[l,i,x]),b=o.useCallback(()=>{const e=A.trim();r.update(()=>{const n=E.$getNodeByKey(c);if(d.$isEquationNode(n)){if(n.isInline&&n.isInline()&&e===""){n.remove();return}n.setEquation(e)}}),f(!1)},[r,c,A]),C=o.useCallback(()=>{if(!s&&a){r.update(()=>{const e=E.$getNodeByKey(c);d.$isEquationNode(e)&&e.remove()}),f(!1);return}h(s),s&&f(!1)},[r,s,a,c]);o.useEffect(()=>{i||h(s)},[s,i]),o.useEffect(()=>{if(!i){d.unblockScroll(r.getRootElement()),B(!1);return}d.blockScroll(r.getRootElement()),x();const e=window.requestAnimationFrame(()=>{const n=N.current;if(!n)return;const u=n.value.length;n.focus(),n.setSelectionRange(u,u)});return()=>{window.cancelAnimationFrame(e),d.unblockScroll(r.getRootElement())}},[i,x]),o.useEffect(()=>{if(!i)return;const e=n=>{const u=n.target,j=m.current,w=document.querySelector(".equation-block__popup");u&&(j!=null&&j.contains(u)||w instanceof HTMLElement&&w.contains(u))||(a&&!A.trim()&&r.update(()=>{const I=E.$getNodeByKey(c);d.$isEquationNode(I)&&I.remove()}),f(!1))};return document.addEventListener("mousedown",e),()=>document.removeEventListener("mousedown",e)},[r,a,i,c,A]);const k=(i?A:s).trim(),q=k.length>0,D=a&&!l?t.jsx("span",{className:"equation-inline-trigger",children:t.jsx(R.LexicalErrorBoundary,{onError:e=>{var n;return(n=r._onError)==null?void 0:n.call(r,e)},children:t.jsx(y,{equation:s,inline:a,onDoubleClick:p})})}):a?t.jsx("span",{className:`equation-inline-trigger${q?"":" equation-inline-trigger--empty"}`,onClick:p,ref:m,children:q?t.jsx(R.LexicalErrorBoundary,{onError:e=>{var n;return(n=r._onError)==null?void 0:n.call(r,e)},children:t.jsx(y,{equation:k,inline:a,onDoubleClick:p})}):t.jsxs("span",{className:"equation-inline-placeholder",children:[t.jsx(d.HugeiconsIcon,{icon:d.c4,size:24}),t.jsx("span",{children:"New equation"})]})}):t.jsx("div",{className:"equation-block",ref:m,children:t.jsx("div",{className:"equation-block__container",onClick:p,style:{cursor:l?"pointer":"default"},children:q?t.jsx(R.LexicalErrorBoundary,{onError:e=>{var n;return(n=r._onError)==null?void 0:n.call(r,e)},children:t.jsx(y,{equation:k,inline:a,onDoubleClick:p})}):t.jsx("div",{className:"equation-block__placeholder",children:"Add a TeX equation"})})}),O=o.useCallback(e=>{e.stopPropagation(),h(e.currentTarget.value)},[]),M=o.useCallback(e=>{if(e.stopPropagation(),e.key==="Enter"&&!e.shiftKey&&!e.ctrlKey&&!e.metaKey){e.preventDefault(),b();return}e.key==="Escape"&&(e.preventDefault(),C())},[b,C]);return t.jsxs(t.Fragment,{children:[D,i&&v&&T.createPortal(t.jsx("div",{className:"equation-block__popup",style:{position:"fixed",top:_.top,left:_.left,zIndex:103},children:t.jsxs("div",{className:"equation-block__editor",children:[t.jsx(g.Textarea,{autosize:!0,minRows:2,variant:"unstyled",value:A,onChange:O,onKeyDown:M,placeholder:"x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",classNames:{wrapper:"equation-block__textarea-wrapper"},autoFocus:!0,ref:N}),t.jsxs(g.Group,{justify:"flex-end",gap:"sm",children:[t.jsx(g.Button,{variant:"subtle",color:"gray",onClick:C,children:"Cancel"}),t.jsx(g.Button,{onClick:b,children:"Save"})]})]})}),document.body)]})}exports.default=G;

package/dist/layers.DE4FXBF6.js

@@ -1,6 +0,0 @@
-import { e as o, j as s, o as f } from "./layers.CRtU5cl3.js";
-export {
-  o as default,
-  s as en,
-  f as kaa
-};

package/dist/layers.DVQQPVC3.js

@@ -1,261 +0,0 @@
-import { jsxs as A, Fragment as H, jsx as o } from "react/jsx-runtime";
-import { useRef as I, useEffect as d, useState as E, useCallback as m } from "react";
-import { createPortal as $ } from "react-dom";
-import { i as x, j as S, k as U, H as V, l as X, O as Y } from "./layers.CsK-wlei.js";
-import { useLexicalComposerContext as J } from "@lexical/react/LexicalComposerContext";
-import { LexicalErrorBoundary as q } from "@lexical/react/LexicalErrorBoundary";
-import { useLexicalEditable as W } from "@lexical/react/useLexicalEditable";
-import { Textarea as Z, Group as K, Button as M } from "@mantine/core";
-import { $getNodeByKey as w, COMMAND_PRIORITY_EDITOR as ee } from "lexical";
-import te from "./layers.b9B2NY7n.js";
-function N({
-  equation: n,
-  inline: a,
-  onDoubleClick: s
-}) {
-  const t = I(null);
-  return d(() => {
-    const l = t.current;
-    l !== null && te.render(n, l, {
-      displayMode: !a,
-      errorColor: "#cc0000",
-      output: "html",
-      strict: "warn",
-      throwOnError: !1,
-      trust: !1
-    });
-  }, [n, a]), /* @__PURE__ */ A(H, { children: [
-    /* @__PURE__ */ o(
-      "img",
-      {
-        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-        width: 0,
-        height: 0,
-        alt: ""
-      }
-    ),
-    /* @__PURE__ */ o(
-      "span",
-      {
-        role: "button",
-        tabIndex: -1,
-        onDoubleClick: s,
-        ref: t
-      }
-    ),
-    /* @__PURE__ */ o(
-      "img",
-      {
-        src: "data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7",
-        width: 0,
-        height: 0,
-        alt: ""
-      }
-    )
-  ] });
-}
-let T = !1;
-const y = /* @__PURE__ */ new Map();
-function re(n) {
-  T || (T = !0, n.registerCommand(
-    Y,
-    (a) => {
-      const s = y.get(a);
-      return s ? (s(), !0) : !1;
-    },
-    ee
-  ));
-}
-function de({
-  equation: n,
-  inline: a,
-  nodeKey: s
-}) {
-  const [t] = J(), l = W(), h = I(null), v = I(null), [f, C] = E(n), [i, u] = E(!1), [B, j] = E({ top: 0, left: 0 }), [F, D] = E(!1), g = m(() => {
-    const e = h.current;
-    if (!e) return;
-    const c = (e.closest(
-      ".editor-equation"
-    ) || e).getBoundingClientRect();
-    j({
-      top: c.bottom + 18,
-      left: c.left
-    }), D(!0);
-  }, []);
-  d(() => {
-    re(t);
-  }, [t]), d(() => {
-    const e = () => {
-      l && u(!0);
-    };
-    return y.set(s, e), () => {
-      y.delete(s);
-    };
-  }, [l, s]);
-  const p = m(() => {
-    if (l) {
-      if (i) {
-        u(!1);
-        return;
-      }
-      g(), u(!0);
-    }
-  }, [l, i, g]), b = m(() => {
-    const e = f.trim();
-    t.update(() => {
-      const r = w(s);
-      if (x(r)) {
-        if (r.isInline && r.isInline() && e === "") {
-          r.remove();
-          return;
-        }
-        r.setEquation(e);
-      }
-    }), u(!1);
-  }, [t, s, f]), k = m(() => {
-    if (!n && a) {
-      t.update(() => {
-        const e = w(s);
-        x(e) && e.remove();
-      }), u(!1);
-      return;
-    }
-    C(n), n && u(!1);
-  }, [t, n, a, s]);
-  d(() => {
-    i || C(n);
-  }, [n, i]), d(() => {
-    if (!i) {
-      S(t.getRootElement()), D(!1);
-      return;
-    }
-    U(t.getRootElement()), g();
-    const e = window.requestAnimationFrame(() => {
-      const r = v.current;
-      if (!r) return;
-      const c = r.value.length;
-      r.focus(), r.setSelectionRange(c, c);
-    });
-    return () => {
-      window.cancelAnimationFrame(e), S(t.getRootElement());
-    };
-  }, [i, g]), d(() => {
-    if (!i) return;
-    const e = (r) => {
-      const c = r.target, _ = h.current, O = document.querySelector(".equation-block__popup");
-      c && (_ != null && _.contains(c) || O instanceof HTMLElement && O.contains(c)) || (a && !f.trim() && t.update(() => {
-        const L = w(s);
-        x(L) && L.remove();
-      }), u(!1));
-    };
-    return document.addEventListener("mousedown", e), () => document.removeEventListener("mousedown", e);
-  }, [t, a, i, s, f]);
-  const P = (i ? f : n).trim(), R = P.length > 0, z = a && !l ? /* @__PURE__ */ o("span", { className: "equation-inline-trigger", children: /* @__PURE__ */ o(q, { onError: (e) => {
-    var r;
-    return (r = t._onError) == null ? void 0 : r.call(t, e);
-  }, children: /* @__PURE__ */ o(
-    N,
-    {
-      equation: n,
-      inline: a,
-      onDoubleClick: p
-    }
-  ) }) }) : a ? /* @__PURE__ */ o(
-    "span",
-    {
-      className: `equation-inline-trigger${R ? "" : " equation-inline-trigger--empty"}`,
-      onClick: p,
-      ref: h,
-      children: R ? /* @__PURE__ */ o(q, { onError: (e) => {
-        var r;
-        return (r = t._onError) == null ? void 0 : r.call(t, e);
-      }, children: /* @__PURE__ */ o(
-        N,
-        {
-          equation: P,
-          inline: a,
-          onDoubleClick: p
-        }
-      ) }) : /* @__PURE__ */ A("span", { className: "equation-inline-placeholder", children: [
-        /* @__PURE__ */ o(V, { icon: X, size: 24 }),
-        /* @__PURE__ */ o("span", { children: "New equation" })
-      ] })
-    }
-  ) : /* @__PURE__ */ o("div", { className: "equation-block", ref: h, children: /* @__PURE__ */ o(
-    "div",
-    {
-      className: "equation-block__container",
-      onClick: p,
-      style: { cursor: l ? "pointer" : "default" },
-      children: R ? /* @__PURE__ */ o(q, { onError: (e) => {
-        var r;
-        return (r = t._onError) == null ? void 0 : r.call(t, e);
-      }, children: /* @__PURE__ */ o(
-        N,
-        {
-          equation: P,
-          inline: a,
-          onDoubleClick: p
-        }
-      ) }) : /* @__PURE__ */ o("div", { className: "equation-block__placeholder", children: "Add a TeX equation" })
-    }
-  ) }), G = m(
-    (e) => {
-      e.stopPropagation(), C(e.currentTarget.value);
-    },
-    []
-  ), Q = m(
-    (e) => {
-      if (e.stopPropagation(), e.key === "Enter" && !e.shiftKey && !e.ctrlKey && !e.metaKey) {
-        e.preventDefault(), b();
-        return;
-      }
-      e.key === "Escape" && (e.preventDefault(), k());
-    },
-    [b, k]
-  );
-  return /* @__PURE__ */ A(H, { children: [
-    z,
-    i && F && $(
-      /* @__PURE__ */ o(
-        "div",
-        {
-          className: "equation-block__popup",
-          style: {
-            position: "fixed",
-            top: B.top,
-            left: B.left,
-            zIndex: 103
-          },
-          children: /* @__PURE__ */ A("div", { className: "equation-block__editor", children: [
-            /* @__PURE__ */ o(
-              Z,
-              {
-                autosize: !0,
-                minRows: 2,
-                variant: "unstyled",
-                value: f,
-                onChange: G,
-                onKeyDown: Q,
-                placeholder: "x = \\frac{-b \\pm \\sqrt{b^2 - 4ac}}{2a}",
-                classNames: {
-                  wrapper: "equation-block__textarea-wrapper"
-                },
-                autoFocus: !0,
-                ref: v
-              }
-            ),
-            /* @__PURE__ */ A(K, { justify: "flex-end", gap: "sm", children: [
-              /* @__PURE__ */ o(M, { variant: "subtle", color: "gray", onClick: k, children: "Cancel" }),
-              /* @__PURE__ */ o(M, { onClick: b, children: "Save" })
-            ] })
-          ] })
-        }
-      ),
-      document.body
-    )
-  ] });
-}
-export {
-  de as default
-};

package/dist/layers.DWkB5Cy0.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./layers.RJkTRw8_.js");require("./layers.aFMIBdF4.js");exports.Commands=e.CB;exports.subsetToBase64=e.QB;exports.subsetToBinary=e.NQ;exports.toBase64=e.AI;