@layers-app/editor 0.5.8-optimization → 0.5.10-optimization

package/dist/index-CX5msaMB.js

@@ -0,0 +1,296 @@
+import { jsx as l, jsxs as Y } from "react/jsx-runtime";
+import { useRef as Z, useState as u, useContext as K, useEffect as g } from "react";
+import { useTranslation as ee } from "react-i18next";
+import { a1 as te, x as z, z as ie, av as oe } from "./lexical-C60GkwxR.js";
+import { LoadingOverlay as ae } from "@mantine/core";
+import { showErrorNotification as ne } from "@layers-app/shared";
+import { u as se, C as re, m as M, b as le, c as de, e as L, t as he, U as ge, f as ue, h as me, R as fe, p as T } from "./index-WCOc4LNL.js";
+const $ = (t) => {
+  const {
+    width: m,
+    height: n,
+    isLoading: d,
+    isError: v,
+    src: f,
+    id: c,
+    altText: p,
+    imageRef: w,
+    maxWidth: h
+  } = t;
+  return /* @__PURE__ */ Y(
+    "div",
+    {
+      className: "media-wrapper",
+      style: {
+        width: m,
+        height: n,
+        display: "inline-flex",
+        position: "relative"
+      },
+      children: [
+        /* @__PURE__ */ l(
+          ae,
+          {
+            visible: d,
+            zIndex: 1e3,
+            overlayProps: { backgroundOpacity: 0.5 },
+            loaderProps: { size: 24, color: "black" }
+          }
+        ),
+        /* @__PURE__ */ l(
+          ce,
+          {
+            className: null,
+            src: f,
+            altText: p,
+            imageRef: w,
+            width: "inherit",
+            height: "inherit",
+            maxWidth: h || "auto",
+            id: c
+          }
+        )
+      ]
+    }
+  );
+};
+function ce({
+  altText: t,
+  className: m,
+  imageRef: n,
+  src: d,
+  width: v,
+  height: f,
+  maxWidth: c,
+  id: p
+}) {
+  const [w, h] = u(!1);
+  return /* @__PURE__ */ l(
+    "img",
+    {
+      className: `${m || void 0} ${w ? "" : "loading"}`,
+      src: d,
+      alt: t,
+      ref: n,
+      style: {
+        height: f,
+        maxWidth: c,
+        width: v
+      },
+      onLoad: () => {
+        d.includes("splash") ? setTimeout(() => {
+          h(!0);
+        }, 100) : h(!0);
+      },
+      draggable: "false",
+      "data-id": p
+    }
+  );
+}
+function Se({
+  src: t,
+  altText: m,
+  nodeKey: n,
+  width: d,
+  height: v,
+  maxWidth: f,
+  showCaption: c,
+  caption: p,
+  id: w,
+  create: h,
+  alignment: j
+}) {
+  var _, F;
+  const R = Z(null), [b, I] = u(!0), [r] = te(), [C, W] = u(!0), [s, y] = u({
+    width: 0,
+    height: 0
+  }), { start: B, cancel: G } = se(), [V, A] = u(0), { fetchUploadMedia: P, fetchDeleteMedia: U, maxFileSize: pe } = K(re), E = M.has(t) && (((_ = M.get(t)) == null ? void 0 : _.mediaNodeKeys.length) === 0 || ((F = M.get(t)) == null ? void 0 : F.mediaNodeKeys.length) === void 0 || t.trim() === ""), { t: N } = ee(), [we, q] = u(0);
+  g(() => r.registerDecoratorListener(() => {
+    q((e) => e + 1);
+  }), [E]), g(() => {
+    if (!t || t.startsWith("data:image/") || !t.trim()) {
+      I(!1);
+      return;
+    }
+    const e = new Image();
+    e.src = t, e.onload = () => I(!1), e.onerror = () => {
+      I(!1);
+    };
+  }, [t, E]);
+  const J = (e, o) => {
+    r.update(() => {
+      oe(null);
+      const i = z(n);
+      L(i) && i.setWidthAndHeight(e, o);
+    });
+  }, { historyState: O } = le(), {
+    settings: { showNestedEditorTreeView: k }
+  } = de(), [S, x] = u(!1);
+  function Q(e) {
+    return e.endsWith(".svg") || e.includes("image/svg+xml");
+  }
+  function X(e) {
+    return new Promise((o, i) => {
+      if (Q(e)) {
+        o(0);
+        return;
+      }
+      const a = new Image();
+      a.src = e, a.onload = () => {
+        o(a.width);
+      }, a.onerror = () => {
+        i(new Error("Failed to load image"));
+      };
+    });
+  }
+  g(() => {
+    h && x(!0);
+  }, [h]), g(() => {
+    let e = d, o = v, i = 100;
+    (t.includes("unsplash") ? t.trim() : !E && t.trim() || t.includes("upload-src-editor")) && t !== "upload" && X(t).then((a) => {
+      typeof e == "number" && e < i && a < i ? (W(!0), y({
+        width: e,
+        height: o
+      })) : a < i ? (W(!0), y({
+        width: "auto",
+        height: "auto"
+      })) : (y({
+        width: a,
+        height: a
+      }), W(!1));
+    }).catch((a) => {
+      console.warn("Ошибка при загрузке изображения:", a.message);
+    });
+  }, [t, E]), g(() => {
+    s.width && s.height && C && r.update(() => {
+      const e = z(n);
+      L(e) && e.setWidthAndHeight(s.width, s.height);
+    });
+  }, [s.width, s.height, C]), g(() => {
+    const e = document.documentElement;
+    he(S, e);
+  }, [S]), g(() => r.registerCommand(
+    ge,
+    (e) => (t === "upload" && D(e), !1),
+    ie
+  ), [t, b]);
+  const H = (e, o) => {
+    I(!1), r.update(() => {
+      const i = z(n);
+      L(i) && (i.setSrc(e), i.setId(o));
+    });
+  }, D = (e) => {
+    I(!0);
+    const o = B();
+    P && P(
+      e[0],
+      (i, a) => {
+        H(i, a), A(0);
+      },
+      (i) => {
+        i && ne({
+          message: N("editor.gallery.errorFile")
+        }), A(0), H("", "");
+      },
+      o,
+      (i) => {
+        A(i);
+      }
+    );
+  };
+  return !t || t === "upload" ? /* @__PURE__ */ l(
+    ue,
+    {
+      uploading: !1,
+      onUpload: (e) => {
+        !P || !e.length || (D(e), x(!1));
+      },
+      popoverProps: {
+        opened: S,
+        position: "bottom",
+        onChange: x
+      },
+      onChange: (e) => {
+        x(!1), r.update(() => {
+          const o = z(n);
+          L(o) && o.setSrc(e);
+        });
+      },
+      children: /* @__PURE__ */ l(
+        me,
+        {
+          title: N("editor.image.add_photo"),
+          icon: "photo",
+          onClick: () => x(!S),
+          isLoading: b,
+          progress: V,
+          onAfterCancel: () => {
+            G(), I(!1);
+          }
+        }
+      )
+    }
+  ) : C ? /* @__PURE__ */ l(
+    $,
+    {
+      width: s.width,
+      height: s.height,
+      isLoading: b,
+      isError: !1,
+      isIcon: C,
+      src: t,
+      id: w,
+      editor: r,
+      nodeKey: n,
+      fetchDeleteMedia: U,
+      altText: m,
+      imageRef: R,
+      maxWidth: f,
+      showCaption: c,
+      caption: p,
+      isCollabActive: !1,
+      historyState: O,
+      showNestedEditorTreeView: k,
+      t: N
+    }
+  ) : /* @__PURE__ */ l(
+    fe,
+    {
+      editor: r,
+      isIcon: C,
+      width: T(d),
+      height: T(v),
+      initialWidth: s.width || "",
+      initialHeight: s.height || "",
+      onResizeEnd: J,
+      alignment: j,
+      children: /* @__PURE__ */ l(
+        $,
+        {
+          width: "inherit",
+          height: "inherit",
+          isLoading: b,
+          isError: !1,
+          isIcon: C,
+          src: t,
+          id: w,
+          editor: r,
+          nodeKey: n,
+          fetchDeleteMedia: U,
+          altText: m,
+          imageRef: R,
+          maxWidth: f,
+          showCaption: c,
+          caption: p,
+          isCollabActive: !1,
+          historyState: O,
+          showNestedEditorTreeView: k,
+          t: N
+        }
+      )
+    }
+  );
+}
+export {
+  Se as default
+};

package/dist/index-CbQX0N2c.js

@@ -0,0 +1,136 @@
+import { jsx as l } from "react/jsx-runtime";
+import { useState as d, useEffect as M, Suspense as w, lazy as z, useCallback as B } from "react";
+import { useTranslation as L } from "react-i18next";
+import { useMantineColorScheme as T, Loader as D } from "@mantine/core";
+import { BottomDrawerWithoutHeader as y } from "@layers-app/shared";
+async function N() {
+  return (await import("./excalidraw-C-6bid_P.js").then((o) => o.i)).Excalidraw;
+}
+async function W(r) {
+  const { exportToSvg: o } = await import("./excalidraw-C-6bid_P.js").then((s) => s.i);
+  return o(r);
+}
+const j = {
+  en: "en-US",
+  ru: "ru-RU",
+  fr: "fr-FR",
+  de: "de-DE",
+  es: "es-ES",
+  it: "it-IT",
+  pt: "pt-BR",
+  zh: "zh-CN",
+  ja: "ja-JP",
+  ko: "ko-KR",
+  ar: "ar-SA",
+  hi: "hi-IN",
+  nl: "nl-NL",
+  tr: "tr-TR",
+  pl: "pl-PL",
+  sv: "sv-SE",
+  cs: "cs-CZ",
+  uk: "uk-UA",
+  ro: "ro-RO",
+  fi: "fi-FI",
+  da: "da-DK",
+  no: "no-NO",
+  el: "el-GR",
+  he: "he-IL",
+  th: "th-TH",
+  id: "id-ID",
+  ms: "ms-MY",
+  vi: "vi-VN"
+}, H = z(
+  () => N().then((r) => (import("./excalidraw-C-6bid_P.js").then((o) => o.a), { default: r }))
+), I = () => {
+  const [r, o] = d(
+    null
+  ), s = B(
+    (c) => o(c),
+    []
+  );
+  return [r, s];
+};
+function G({
+  onSave: r,
+  initialElements: o,
+  initialAppState: s,
+  initialFiles: c,
+  isShown: t = !1,
+  onDelete: u,
+  onClose: f,
+  isEdited: h
+}) {
+  const [n, m] = I(), { i18n: g } = L(), { colorScheme: k } = T(), [i, x] = d(o), [v, C] = d(c);
+  M(() => {
+    t && setTimeout(() => {
+      n == null || n.refresh();
+    }, 500);
+  }, [t, n == null ? void 0 : n.refresh]);
+  const E = () => {
+    if (i && i.filter((e) => !e.isDeleted).length > 0) {
+      const e = n == null ? void 0 : n.getAppState(), a = {
+        exportBackground: e == null ? void 0 : e.exportBackground,
+        exportScale: e == null ? void 0 : e.exportScale,
+        exportWithDarkMode: (e == null ? void 0 : e.theme) === "dark",
+        isBindingEnabled: e == null ? void 0 : e.isBindingEnabled,
+        isLoading: e == null ? void 0 : e.isLoading,
+        name: e == null ? void 0 : e.name,
+        theme: e == null ? void 0 : e.theme,
+        viewBackgroundColor: e == null ? void 0 : e.viewBackgroundColor,
+        viewModeEnabled: e == null ? void 0 : e.viewModeEnabled,
+        zenModeEnabled: e == null ? void 0 : e.zenModeEnabled,
+        zoom: e == null ? void 0 : e.zoom
+      };
+      r(i, a, v);
+    } else
+      u();
+  }, b = (e, a, R) => {
+    (e == null ? void 0 : e.length) !== (o == null ? void 0 : o.length) && (h.current = !0), x(e), C(R);
+  };
+  return /* @__PURE__ */ l(
+    y,
+    {
+      opened: t,
+      onClose: f,
+      onSave: E,
+      className: "excaildraw-modal",
+      closeOnEscape: !1,
+      children: /* @__PURE__ */ l(
+        w,
+        {
+          fallback: /* @__PURE__ */ l(
+            "div",
+            {
+              style: {
+                display: "flex",
+                justifyContent: "center",
+                alignItems: "center",
+                height: "100%",
+                minHeight: "400px"
+              },
+              children: /* @__PURE__ */ l(D, { size: "lg" })
+            }
+          ),
+          children: /* @__PURE__ */ l(
+            H,
+            {
+              langCode: j[g.language],
+              theme: k,
+              onChange: b,
+              excalidrawAPI: m,
+              initialData: {
+                appState: { ...s || { isLoading: !1 } },
+                elements: o,
+                files: c
+              }
+            }
+          )
+        }
+      )
+    }
+  );
+}
+export {
+  G as E,
+  W as e
+};

package/dist/index-DEC5JR_F.js

@@ -0,0 +1,60 @@
+import { jsx as f } from "react/jsx-runtime";
+import { useState as n, useRef as u, useEffect as E } from "react";
+import { w as m, a1 as p, a4 as w } from "./lexical-C60GkwxR.js";
+import { E as C, g as N, $ as x } from "./index-WCOc4LNL.js";
+import { E as g } from "./index-CbQX0N2c.js";
+const S = m(
+  "INSERT_EXCALIDRAW_COMMAND"
+);
+function P() {
+  const [t] = p(), [i, a] = n(!1), [e, l] = n(
+    null
+  ), r = u(null);
+  return E(() => {
+    if (!t.hasNodes([C]))
+      throw new Error(
+        "ExcalidrawPlugin: ExcalidrawNode not registered on editor"
+      );
+    return t.registerCommand(
+      S,
+      () => {
+        a(!0);
+        const o = N();
+        return l(o), !0;
+      },
+      w
+    );
+  }, [t]), /* @__PURE__ */ f(
+    g,
+    {
+      initialElements: [],
+      initialAppState: {},
+      initialFiles: {},
+      isShown: i,
+      onDelete: () => {
+        a(!1);
+      },
+      onClose: () => {
+        a(!1), r.current = !1;
+      },
+      onSave: (o, d, c) => {
+        t.update(() => {
+          const s = x();
+          s.setData(
+            JSON.stringify({
+              appState: d,
+              elements: o,
+              files: c
+            })
+          ), e && e.getParent() && (e == null || e.replace(s));
+        }), a(!1);
+      },
+      closeOnClickOutside: !1,
+      isEdited: r
+    }
+  );
+}
+export {
+  S as INSERT_EXCALIDRAW_COMMAND,
+  P as default
+};

package/dist/index-Dan3tqoj.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const S=require("react/jsx-runtime"),r=require("react"),a=require("./lexical-2rxs76dr.cjs"),s=require("./index-CFA9Drk2.cjs"),w=require("./index-BZu8Qnrg.cjs"),c=a.re("INSERT_EXCALIDRAW_COMMAND");function A(){const[t]=a.o(),[d,n]=r.useState(!1),[e,u]=r.useState(null),o=r.useRef(null);r.useEffect(()=>{if(!t.hasNodes([s.ExcalidrawNode]))throw new Error("ExcalidrawPlugin: ExcalidrawNode not registered on editor");return t.registerCommand(c,()=>{n(!0);const i=s.getCurrentElement();return u(i),!0},a.Ki)},[t]);const E=()=>{n(!1),o.current=!1},f=()=>{n(!1)},x=(i,N,C)=>{t.update(()=>{const l=s.$createExcalidrawNode();l.setData(JSON.stringify({appState:N,elements:i,files:C})),e&&e.getParent()&&(e==null||e.replace(l))}),n(!1)};return S.jsx(w.ExcalidrawModal,{initialElements:[],initialAppState:{},initialFiles:{},isShown:d,onDelete:f,onClose:E,onSave:x,closeOnClickOutside:!1,isEdited:o})}exports.INSERT_EXCALIDRAW_COMMAND=c;exports.default=A;