@layers-app/editor 0.7.47 → 0.7.49

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "0.7.47",
+  "version": "0.7.49",
   "type": "module",
   "scripts": {
     "start": "cross-env VITE_LAYERS=true vite --mode full ",
@@ -33,7 +33,7 @@
   "dependencies": {
     "@excalidraw/excalidraw": "^0.18.0",
     "@floating-ui/react": "^0.27.16",
-    "@layers-app/editor-video": "^0.1.4",
+    "@layers-app/editor-video": "^0.1.6",
     "@lexical/file": "^0.38.2",
     "@lexical/headless": "^0.38.2",
     "@lexical/markdown": "^0.38.2",

package/dist/layers.B88sQYuh.js

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

package/dist/layers.BgMykHnn.js

@@ -1,154 +0,0 @@
-import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { useState as i, useEffect as O, useMemo as U, Component as B } from "react";
-import { useTranslation as J } from "react-i18next";
-import { BlockWithAlignableContents as T } from "@lexical/react/LexicalBlockWithAlignableContents";
-import { Popover as v, Flex as j, Stack as z, Box as S, TextInput as x, Center as D, Button as M, LoadingOverlay as R } from "@mantine/core";
-import { $getNodeByKey as b } from "lexical";
-import { showErrorNotification as $ } from "@layers-app/shared";
-import { f as A, g as F, E as W, h as y } from "./layers.BtvuN20E.js";
-const q = {};
-class G extends B {
-  render() {
-    const { getComponent: s } = this.props, l = s("operations", !0);
-    return /* @__PURE__ */ e("div", { className: "swagger-ui", children: /* @__PURE__ */ e(l, {}) });
-  }
-}
-const H = () => ({
-  components: {
-    OperationsLayout: G
-  }
-}), Q = (o) => ({
-  statePlugins: {
-    spec: {
-      wrapSelectors: {
-        taggedOperations: (s) => (l, ...m) => {
-          const a = s(l, ...m);
-          return o.operation ? a.map(
-            (r) => r.update(
-              "operations",
-              (g) => g.filter((p) => p.get("operation").get("operationId") === o.operation)
-            )
-          ).filter((r) => r.get("operations").size > 0) : a;
-        }
-      }
-    }
-  }
-}), ne = ({
-  inputUrl: o,
-  inputJSON: s,
-  className: l,
-  format: m,
-  nodeKey: a,
-  editor: r,
-  create: g
-}) => {
-  const { t: p } = J(), [w, C] = i(""), [c, N] = i(""), [V, I] = i(!1), [X, L] = i(!1), [d, u] = i(!1), [P, f] = i(!0);
-  O(() => {
-    g && u(!0);
-  }, [g]), O(() => {
-    const t = r.getRootElement();
-    d ? A(t) : F(t);
-  }, [d, r]);
-  const k = (t) => {
-    t.preventDefault(), r.update(() => {
-      const n = b(a);
-      y(n) && (u(!1), n.setSrc(w || c), n.setJSON(c));
-    });
-  }, { operation: E } = U(() => o ? {
-    operation: new URL(o).hash.split("/").pop() || ""
-  } : { operation: "" }, [o, s]);
-  return o ? /* @__PURE__ */ h(S, { pos: "relative", mih: 45, children: [
-    /* @__PURE__ */ e(
-      R,
-      {
-        visible: P,
-        zIndex: 1e3,
-        overlayProps: { blur: 4 },
-        loaderProps: { size: "xs" }
-      }
-    ),
-    /* @__PURE__ */ e(
-      q,
-      {
-        url: s,
-        onComplete: () => {
-          f(!1);
-        },
-        responseInterceptor: (t) => (t.ok || (f(!1), r.update(() => {
-          const n = b(a);
-          y(n) && (u(!1), n.setSrc(""), n.setJSON(""));
-        }), $({
-          message: p("editor.validation.swaggerUnavailable")
-        }), f(!0)), t),
-        plugins: [
-          Q({ operation: E }),
-          H
-        ],
-        layout: "OperationsLayout"
-      }
-    )
-  ] }) : /* @__PURE__ */ h(
-    v,
-    {
-      width: 400,
-      position: "bottom",
-      shadow: "md",
-      opened: d,
-      onChange: u,
-      defaultOpened: !0,
-      withinPortal: !0,
-      children: [
-        /* @__PURE__ */ e(v.Target, { children: /* @__PURE__ */ e(j, { w: "100%", children: /* @__PURE__ */ e(
-          T,
-          {
-            className: l,
-            format: m,
-            nodeKey: a,
-            children: /* @__PURE__ */ e(
-              W,
-              {
-                title: p("editor.swagger.add"),
-                icon: "api",
-                onClick: () => u((t) => !t),
-                nodeKey: a
-              }
-            )
-          }
-        ) }) }),
-        /* @__PURE__ */ e(v.Dropdown, { "aria-hidden": !d, tabIndex: d ? 0 : -1, children: /* @__PURE__ */ e("form", { onSubmit: k, children: /* @__PURE__ */ h(z, { gap: 16, children: [
-          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-            x,
-            {
-              maxLength: 500,
-              placeholder: "https://api.example.com/v3/swagger.json",
-              "data-autofocus": !0,
-              type: "url",
-              value: c,
-              rightSection: c ? null : /* @__PURE__ */ e("span", { style: { color: "red" }, children: "*" }),
-              onChange: (t) => {
-                N(t.currentTarget.value), L(!1);
-              }
-            }
-          ) }),
-          /* @__PURE__ */ e(S, { children: /* @__PURE__ */ e(
-            x,
-            {
-              maxLength: 500,
-              placeholder: "https://api.swagger.io/#/user/getUser",
-              "data-autofocus": !0,
-              type: "url",
-              value: w,
-              onChange: (t) => {
-                C(t.currentTarget.value), I(!1);
-              }
-            }
-          ) }),
-          /* @__PURE__ */ e(D, { children: /* @__PURE__ */ e(M, { w: "100%", type: "submit", disabled: !c, children: p("editor.video.apply") }) })
-        ] }) }) })
-      ]
-    }
-  );
-};
-export {
-  ne as default
-};

package/dist/layers.Ct1ojjl3.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),r=require("react"),I=require("react-i18next"),L=require("@lexical/react/LexicalBlockWithAlignableContents"),o=require("@mantine/core"),j=require("lexical"),P=require("@layers-app/shared"),x=require("./layers.JT_kEFH5.js"),B={};class q extends r.Component{render(){const{getComponent:l}=this.props,c=l("operations",!0);return e.jsx("div",{className:"swagger-ui",children:e.jsx(c,{})})}}const k=()=>({components:{OperationsLayout:q}}),T=s=>({statePlugins:{spec:{wrapSelectors:{taggedOperations:l=>(c,...f)=>{const i=l(c,...f);return s.operation?i.map(n=>n.update("operations",h=>h.filter(u=>u.get("operation").get("operationId")===s.operation))).filter(n=>n.get("operations").size>0):i}}}}}),E=({inputUrl:s,inputJSON:l,className:c,format:f,nodeKey:i,editor:n,create:h})=>{const{t:u}=I.useTranslation(),[m,v]=r.useState(""),[p,w]=r.useState(""),[U,y]=r.useState(!1),[J,O]=r.useState(!1),[d,g]=r.useState(!1),[b,S]=r.useState(!0);r.useEffect(()=>{h&&g(!0)},[h]),r.useEffect(()=>{const t=n.getRootElement();d?x.blockScroll(t):x.unblockScroll(t)},[d,n]);const N=t=>{t.preventDefault(),n.update(()=>{const a=j.$getNodeByKey(i);x.$isSwaggerNode(a)&&(g(!1),a.setSrc(m||p),a.setJSON(p))})},{operation:C}=r.useMemo(()=>s?{operation:new URL(s).hash.split("/").pop()||""}:{operation:""},[s,l]);return s?e.jsxs(o.Box,{pos:"relative",mih:45,children:[e.jsx(o.LoadingOverlay,{visible:b,zIndex:1e3,overlayProps:{blur:4},loaderProps:{size:"xs"}}),e.jsx(B,{url:l,onComplete:()=>{S(!1)},responseInterceptor:t=>(t.ok||(S(!1),n.update(()=>{const a=j.$getNodeByKey(i);x.$isSwaggerNode(a)&&(g(!1),a.setSrc(""),a.setJSON(""))}),P.showErrorNotification({message:u("editor.validation.swaggerUnavailable")}),S(!0)),t),plugins:[T({operation:C}),k],layout:"OperationsLayout"})]}):e.jsxs(o.Popover,{width:400,position:"bottom",shadow:"md",opened:d,onChange:g,defaultOpened:!0,withinPortal:!0,children:[e.jsx(o.Popover.Target,{children:e.jsx(o.Flex,{w:"100%",children:e.jsx(L.BlockWithAlignableContents,{className:c,format:f,nodeKey:i,children:e.jsx(x.EmptyNodeButton,{title:u("editor.swagger.add"),icon:"api",onClick:()=>g(t=>!t),nodeKey:i})})})}),e.jsx(o.Popover.Dropdown,{"aria-hidden":!d,tabIndex:d?0:-1,children:e.jsx("form",{onSubmit:N,children:e.jsxs(o.Stack,{gap:16,children:[e.jsx(o.Box,{children:e.jsx(o.TextInput,{maxLength:500,placeholder:"https://api.example.com/v3/swagger.json","data-autofocus":!0,type:"url",value:p,rightSection:p?null:e.jsx("span",{style:{color:"red"},children:"*"}),onChange:t=>{w(t.currentTarget.value),O(!1)}})}),e.jsx(o.Box,{children:e.jsx(o.TextInput,{maxLength:500,placeholder:"https://api.swagger.io/#/user/getUser","data-autofocus":!0,type:"url",value:m,onChange:t=>{v(t.currentTarget.value),y(!1)}})}),e.jsx(o.Center,{children:e.jsx(o.Button,{w:"100%",type:"submit",disabled:!p,children:u("editor.video.apply")})})]})})})]})};exports.default=E;