@layers-app/editor 0.7.61 → 0.7.63

package/dist/layers.C9U0fkAp.js

@@ -1,295 +0,0 @@
-import { jsx as u, jsxs as L } from "react/jsx-runtime";
-import { useTranslation as D } from "react-i18next";
-import { Modal as U, Text as X, Flex as J, Button as R, useMantineColorScheme as Y, Loader as Z } from "@mantine/core";
-import { useRef as $, useState as T, useEffect as y, useCallback as j, Suspense as Q, lazy as P } from "react";
-import { BottomDrawerWithoutHeader as ee } from "@layers-app/shared";
-const ce = ({
-  isCloseModal: l,
-  setCloseModalOpen: t,
-  confirmClose: c
-}) => {
-  const { t: d } = D();
-  return /* @__PURE__ */ u(
-    U,
-    {
-      opened: l,
-      onClose: () => {
-        t(!1);
-      },
-      centered: !0,
-      title: d("editor.unsavedChanges.title"),
-      closeOnClickOutside: !0,
-      closeOnEscape: !0,
-      size: "500",
-      zIndex: 999,
-      children: /* @__PURE__ */ L("div", { children: [
-        /* @__PURE__ */ u(X, { mb: "md", children: d("editor.unsavedChanges.message") }),
-        /* @__PURE__ */ L(J, { justify: "flex-end", gap: "sm", children: [
-          /* @__PURE__ */ u(
-            R,
-            {
-              variant: "default",
-              onClick: () => {
-                t(!1);
-              },
-              fullWidth: !0,
-              children: d("editor.unsavedChanges.cancel")
-            }
-          ),
-          /* @__PURE__ */ u(R, { color: "red", onClick: c, fullWidth: !0, children: d("editor.unsavedChanges.closeWithoutSaving") })
-        ] })
-      ] })
-    }
-  );
-}, A = {
-  elements: [],
-  files: {},
-  appState: {},
-  previewSVG: null
-}, de = (l) => {
-  try {
-    const t = JSON.parse(l);
-    if (Array.isArray(t))
-      return { ...A, elements: t };
-    if (t && typeof t == "object")
-      return {
-        elements: Array.isArray(t.elements) ? t.elements : [],
-        files: t.files && typeof t.files == "object" ? t.files : {},
-        appState: t.appState && typeof t.appState == "object" ? t.appState : {},
-        previewSVG: typeof t.previewSVG == "string" ? t.previewSVG : typeof t.previewSvg == "string" ? t.previewSvg : null
-      };
-  } catch {
-  }
-  return { ...A };
-}, te = {
-  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"
-};
-let w = null;
-const re = /* @__PURE__ */ P(async () => {
-  var t;
-  const l = await import("./layers.9wlzFVNH.js").then((c) => c.M);
-  return !w && l && (w = l.exportToSvg || ((t = l.default) == null ? void 0 : t.exportToSvg) || l.default), { default: l.Excalidraw };
-}), oe = () => {
-  const [l, t] = T(
-    null
-  ), c = j(
-    (d) => t(d),
-    []
-  );
-  return [l, c];
-};
-function ue({
-  onSave: l,
-  initialElements: t,
-  initialAppState: c,
-  initialFiles: d,
-  isShown: i = !1,
-  onDelete: B,
-  onClose: N,
-  isEdited: W
-}) {
-  const [n, z] = oe(), { i18n: f, t: _ } = D(), { colorScheme: O } = Y(), E = $(!1), [g, G] = T(t), [C, V] = T(d), [F, H] = T(i);
-  y(() => {
-    i && H(!0);
-  }, [i]), y(() => {
-    !i || E.current || (E.current = !0, Promise.resolve({           }));
-  }, [i]), y(() => {
-    i && setTimeout(() => {
-      var e;
-      (e = n == null ? void 0 : n.refresh) == null || e.call(n);
-    }, 500);
-  }, [i, n]), y(() => {
-    if (!i)
-      return;
-    const e = (r, a) => {
-      const s = _(r);
-      return s.startsWith("editor.menu") ? a : s;
-    }, m = e(
-      "editor.menu.excalidraw.tools.frameTool",
-      f.language === "ru" ? "Инструмент рамки" : f.language === "es" ? "Herramienta de marco" : "Frame tool"
-    ), o = e(
-      "editor.menu.excalidraw.tools.webEmbed",
-      f.language === "ru" ? "Веб-встраивание" : f.language === "es" ? "Incrustación web" : "Web Embed"
-    ), h = e(
-      "editor.menu.excalidraw.tools.generate",
-      f.language === "ru" ? "Генерировать" : f.language === "es" ? "Generar" : "Generate"
-    ), p = {
-      "Frame tool": m,
-      "Web Embed": o,
-      "Web embeded": o,
-      Generate: h
-    }, v = () => {
-      const r = document.querySelector(".App-toolbar__extra-tools-dropdown");
-      if (!r)
-        return;
-      const a = document.createTreeWalker(
-        r,
-        NodeFilter.SHOW_TEXT,
-        null
-      );
-      let s;
-      for (; s = a.nextNode(); )
-        if (s.nodeType === Node.TEXT_NODE && s.textContent) {
-          const M = s.textContent.trim();
-          for (const [S, k] of Object.entries(p))
-            if (M === S && k && !M.includes(k)) {
-              s.textContent = s.textContent.replace(S, k);
-              break;
-            }
-        }
-    }, x = () => {
-      setTimeout(() => {
-        v();
-      }, 0);
-    }, b = setTimeout(() => {
-      const r = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (r) {
-        const a = r.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        a && a.addEventListener("click", x);
-      }
-    }, 300);
-    return () => {
-      clearTimeout(b);
-      const r = document.querySelector(
-        ".excalidraw-container"
-      );
-      if (r) {
-        const a = r.querySelector(
-          ".App-toolbar__extra-tools-trigger"
-        );
-        a && a.removeEventListener("click", x);
-      }
-    };
-  }, [i, f.language]);
-  const q = j(async () => {
-    var v, x, b;
-    let e = w;
-    if (!e || typeof e != "function") {
-      const r = await import("./layers.9wlzFVNH.js").then((a) => a.M);
-      e = r.exportToSvg || ((v = r.default) == null ? void 0 : v.exportToSvg) || r.default, e && typeof e == "function" && (w = e);
-    }
-    if (!e || typeof e != "function") {
-      const r = await import("./layers.9wlzFVNH.js").then((s) => s.M), a = r ? Object.keys(r) : [];
-      throw console.error("Excalidraw module structure:", {
-        keys: a,
-        hasExportToSvg: r && "exportToSvg" in r,
-        hasDefault: r && "default" in r,
-        moduleType: typeof r,
-        module: r
-      }), new Error(
-        `exportToSvg is not available from @excalidraw/excalidraw. Module keys: ${a.join(", ")}. Please ensure @excalidraw/excalidraw is properly installed.`
-      );
-    }
-    const m = ((x = n == null ? void 0 : n.getAppState) == null ? void 0 : x.call(n)) ?? c, o = await e({
-      appState: m,
-      elements: g,
-      files: C
-    }), h = (b = o == null ? void 0 : o.firstElementChild) == null ? void 0 : b.firstElementChild, p = o.getAttribute("viewBox");
-    if (p != null) {
-      const r = p.split(" ");
-      o.setAttribute("width", r[2]), o.setAttribute("height", r[3]);
-    }
-    return h && h.tagName === "style" && h.remove(), o.setAttribute("width", "100%"), o.setAttribute("height", "100%"), o.setAttribute("display", "block"), o.classList.add("excalidraw-svg"), o.outerHTML;
-  }, [g, C, n, c]), I = () => {
-    if (g && g.filter((e) => !e.isDeleted).length > 0) {
-      const e = n == null ? void 0 : n.getAppState(), m = {
-        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
-      };
-      (async () => {
-        const o = await q();
-        l(g, m, C, o);
-      })();
-    } else
-      B();
-  }, K = (e, m, o) => {
-    (e == null ? void 0 : e.length) !== (t == null ? void 0 : t.length) && (W.current = !0), G(e), V(o);
-  };
-  return /* @__PURE__ */ u(
-    ee,
-    {
-      opened: i,
-      onClose: N,
-      onSave: I,
-      className: "excaildraw-modal",
-      closeOnEscape: !1,
-      children: F && /* @__PURE__ */ u(
-        Q,
-        {
-          fallback: /* @__PURE__ */ u(
-            "div",
-            {
-              style: {
-                display: "flex",
-                justifyContent: "center",
-                alignItems: "center",
-                height: "100%",
-                minHeight: "400px"
-              },
-              children: /* @__PURE__ */ u(Z, { size: "sm" })
-            }
-          ),
-          children: /* @__PURE__ */ u(
-            re,
-            {
-              langCode: te[f.language],
-              theme: O,
-              onChange: K,
-              excalidrawAPI: z,
-              initialData: {
-                appState: { ...c || { isLoading: !1 } },
-                elements: t,
-                files: d
-              }
-            }
-          )
-        }
-      )
-    }
-  );
-}
-export {
-  ce as C,
-  ue as E,
-  de as p
-};

package/dist/layers.CR0lkcDg.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),n=require("react"),V=require("react-i18next"),Y=require("@lexical/react/LexicalComposerContext"),J=require("@mantine/core"),C=require("lexical"),Q=require("@layers-app/shared"),i=require("./layers.Ci9xAPvq.js"),U=t=>{const{width:h,height:l,isLoading:g,isError:w,src:f,id:m,altText:p,imageRef:x,maxWidth:c}=t;return u.jsxs("div",{className:"media-wrapper",style:{width:h,height:l,display:"inline-flex",position:"relative"},children:[u.jsx(J.LoadingOverlay,{visible:g,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),u.jsx(X,{className:null,src:f,altText:p,imageRef:x,width:"inherit",height:"inherit",maxWidth:c||"auto",id:m})]})};function X({altText:t,className:h,imageRef:l,src:g,width:w,height:f,maxWidth:m,id:p}){const[x,c]=n.useState(!1);return u.jsx("img",{className:`${h||void 0} ${x?"":"loading"}`,src:g,alt:t,ref:l,style:{height:f,maxWidth:m,width:w},onLoad:()=>{g.includes("splash")?setTimeout(()=>{c(!0)},100):c(!0)},draggable:"false","data-id":p})}function Z({src:t,altText:h,nodeKey:l,width:g,height:w,maxWidth:f,showCaption:m,caption:p,id:x,create:c,alignment:_}){var q,k;const W=n.useRef(null),[E,I]=n.useState(!0),[s]=Y.useLexicalComposerContext(),[S,R]=n.useState(!0),[d,L]=n.useState({width:0,height:0}),{start:B,cancel:D}=i.useCancelUpload(),[H,M]=n.useState(0),{fetchUploadMedia:j,fetchDeleteMedia:$,maxFileSize:ee}=n.useContext(i.Context),N=i.mediaMap.has(t)&&(((q=i.mediaMap.get(t))==null?void 0:q.mediaNodeKeys.length)===0||((k=i.mediaMap.get(t))==null?void 0:k.mediaNodeKeys.length)===void 0||t.trim()===""),{t:b}=V.useTranslation(),[te,T]=n.useState(0);n.useEffect(()=>s.registerDecoratorListener(()=>{T(e=>e+1)}),[N]),n.useEffect(()=>{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,N]);const F=(e,a)=>{s.update(()=>{C.$setSelection(null);const o=C.$getNodeByKey(l);i.$isImageNode(o)&&o.setWidthAndHeight(e,a)})},{historyState:O}=i.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:P}}=i.useSettings(),[v,y]=n.useState(!1);function G(e){return e.endsWith(".svg")||e.includes("image/svg+xml")}function K(e){return new Promise((a,o)=>{if(G(e)){a(0);return}const r=new Image;r.src=e,r.onload=()=>{a(r.width)},r.onerror=()=>{o(new Error("Failed to load image"))}})}n.useEffect(()=>{c&&y(!0)},[c]),n.useEffect(()=>{let e=g,a=w,o=100;(t.includes("unsplash")?t.trim():!N&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&K(t).then(r=>{typeof e=="number"&&e<o&&r<o?(R(!0),L({width:e,height:a})):r<o?(R(!0),L({width:"auto",height:"auto"})):(L({width:r,height:r}),R(!1))}).catch(r=>{console.warn("Ошибка при загрузке изображения:",r.message)})},[t,N]),n.useEffect(()=>{d.width&&d.height&&S&&s.update(()=>{const e=C.$getNodeByKey(l);i.$isImageNode(e)&&e.setWidthAndHeight(d.width,d.height)})},[d.width,d.height,S]),n.useEffect(()=>(v?i.blockScroll(s.getRootElement()):i.unblockScroll(s.getRootElement()),()=>{i.unblockScroll(s.getRootElement())}),[v,s]),n.useEffect(()=>s.registerCommand(i.UPLOAD_IMAGE_COMMAND,e=>(t==="upload"&&A(e),!1),C.COMMAND_PRIORITY_LOW),[t,E]);const z=(e,a)=>{I(!1),s.update(()=>{const o=C.$getNodeByKey(l);i.$isImageNode(o)&&(o.setSrc(e),o.setId(a))})},A=e=>{I(!0);const a=B();j&&j(e[0],(o,r)=>{z(o,r),M(0)},o=>{o&&Q.showErrorNotification({message:b("editor.gallery.errorFile")}),M(0),z("","")},a,o=>{M(o)})};return!t||t==="upload"?u.jsx(i.ImagePicker,{uploading:!1,onUpload:e=>{!j||!e.length||(A(e),y(!1))},popoverProps:{opened:v,position:"bottom",onChange:y},onChange:e=>{y(!1),s.update(()=>{const a=C.$getNodeByKey(l);i.$isImageNode(a)&&a.setSrc(e)})},children:u.jsx(i.EmptyNodeButton,{title:b("editor.image.add_photo"),icon:"photo",onClick:()=>y(!v),isLoading:E,progress:H,onAfterCancel:()=>{D(),I(!1)}})}):S?u.jsx(U,{width:d.width,height:d.height,isLoading:E,isError:!1,isIcon:S,src:t,id:x,editor:s,nodeKey:l,fetchDeleteMedia:$,altText:h,imageRef:W,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:O,showNestedEditorTreeView:P,t:b}):u.jsx(i.ResizableContainer,{editor:s,isIcon:S,width:i.parseContainerSize(g),height:i.parseContainerSize(w),initialWidth:d.width||"",initialHeight:d.height||"",onResizeEnd:F,alignment:_,children:u.jsx(U,{width:"inherit",height:"inherit",isLoading:E,isError:!1,isIcon:S,src:t,id:x,editor:s,nodeKey:l,fetchDeleteMedia:$,altText:h,imageRef:W,maxWidth:f,showCaption:m,caption:p,isCollabActive:!1,historyState:O,showNestedEditorTreeView:P,t:b})})}exports.default=Z;

package/dist/layers.CSA8mmVJ.js

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