@layers-app/editor 0.7.65 → 0.7.66

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "0.7.65",
+  "version": "0.7.66",
   "type": "module",
   "scripts": {
     "start": "cross-env VITE_LAYERS=true vite --mode full ",
@@ -20,21 +20,7 @@
     "test:e2e:ui": "playwright test --ui",
     "test:e2e:debug": "playwright test --debug",
     "test:e2e:headed": "playwright test --headed",
-    "start-test-server": "VITE_LAYERS=true vite --mode full --port 3000 --strictPort --host localhost",
-    "type-check": "tsc --noEmit --project tsconfig.check.json",
-    "changeset": "changeset",
-    "version": "changeset version",
-    "release": "npm run build && changeset publish",
-    "prepare": "husky"
-  },
-  "lint-staged": {
-    "*.{ts,tsx}": [
-      "eslint --fix",
-      "prettier --write"
-    ],
-    "*.{scss,css,json,md}": [
-      "prettier --write"
-    ]
+    "start-test-server": "VITE_LAYERS=true vite --mode full --port 3000 --strictPort --host localhost"
   },
   "publishConfig": {
     "access": "public"
@@ -59,21 +45,16 @@
     "yjs": "^13.6.20"
   },
   "devDependencies": {
-    "@changesets/cli": "^2.30.0",
-    "@commitlint/cli": "^20.5.0",
-    "@commitlint/config-conventional": "^20.5.0",
     "@eslint/js": "^9.9.0",
-    "@hugeicons/core-free-icons": "^4.0.0",
+    "@hugeicons/core-free-icons": "^2.0.0",
     "@hugeicons/react": "^1.1.1",
-    "@layers-app/shared": "0.2.8-test",
-    "@mantine/carousel": "8.3.5",
+    "@layers-app/shared": "^0.2.5",
     "@mantine/core": "8.3.5",
     "@mantine/dropzone": "8.3.5",
     "@mantine/form": "8.3.5",
     "@mantine/hooks": "8.3.5",
     "@mantine/modals": "8.3.5",
     "@mantine/notifications": "8.3.5",
-    "@mantine/tiptap": "8.3.5",
     "@playwright/test": "^1.40.0",
     "@rollup/plugin-typescript": "^11.1.6",
     "@tabler/icons-react": "^3.7.0",
@@ -96,26 +77,20 @@
     "eslint-config-prettier": "^10.1.1",
     "eslint-plugin-prettier": "^5.2.3",
     "eslint-plugin-react": "^7.37.4",
-    "eslint-plugin-react-hooks": "^7.0.1",
     "eslint-plugin-react-refresh": "^0.4.19",
     "eslint-plugin-unused-imports": "^4.1.4",
     "glob": "^10.3.10",
-    "husky": "^9.1.7",
     "i18next": "^25.5.2",
-    "lint-staged": "^16.4.0",
     "lodash-es": "^4.17.21",
     "postcss-import": "^16.1.0",
     "postcss-preset-mantine": "^1.17.0",
     "prettier": "^3.4.2",
     "prettier-plugin-organize-attributes": "^1.0.0",
     "proper-lockfile": "^4.1.2",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-i18next": "^15.7.3",
     "rollup-plugin-typescript-paths": "^1.5.0",
     "rollup-plugin-visualizer": "^5.12.0",
     "sass": "^1.71.1",
-    "swagger-ui-react": "^5.32.0",
     "terser": "^5.39.0",
     "typescript": "^5.5.4",
     "typescript-eslint": "^8.2.0",
@@ -132,6 +107,12 @@
     "dompurify": "^3.2.4",
     "mermaid": "^10.9.4",
     "i18next": "^25.5.2",
+    "@mantine/core": "8.3.5",
+    "@mantine/hooks": "8.3.5",
+    "@mantine/form": "8.3.5",
+    "@mantine/dropzone": "8.3.5",
+    "@mantine/modals": "8.3.5",
+    "@mantine/notifications": "8.3.5",
     "@excalidraw/mermaid-to-excalidraw": {
       "nanoid": "^5.0.9"
     },
@@ -142,36 +123,30 @@
       "nanoid": "^5.0.9"
     },
     "ajv": "^8.18.0",
-    "eslint": {
-      "ajv": "6.14.0"
-    },
-    "@eslint/eslintrc": {
-      "ajv": "6.14.0"
-    },
     "minimatch": "^10.2.1"
   },
   "peerDependencies": {
     "@dnd-kit/modifiers": ">=6",
     "@emotion/react": ">=11",
     "@emotion/styled": ">=11",
-    "@hugeicons/core-free-icons": "^4.0.0",
+    "@hugeicons/core-free-icons": ">=1",
     "@hugeicons/react": ">=1",
+    "@mantine/carousel": ">=8.0.0",
+    "@mantine/colors-generator": ">=8.0.0",
+    "@mantine/core": ">=8.0.0",
+    "@mantine/dropzone": ">=8.0.0",
+    "@mantine/form": ">=8.0.0",
+    "@mantine/hooks": ">=8.0.0",
+    "@mantine/modals": ">=8.0.0",
+    "@mantine/notifications": ">=8.0.0",
+    "@mantine/tiptap": ">=8.0.0",
     "@tabler/icons-react": ">=3.7.0",
-    "@mantine/carousel": "8.3.5",
-    "@mantine/colors-generator": "8.3.5",
-    "@mantine/core": "8.3.5",
-    "@mantine/dropzone": "8.3.5",
-    "@mantine/form": "8.3.5",
-    "@mantine/hooks": "8.3.5",
-    "@mantine/modals": "8.3.5",
-    "@mantine/notifications": "8.3.5",
-    "@mantine/tiptap": "8.3.5",
     "@tanstack/react-query": "^5.52.2",
     "@tanstack/react-virtual": ">=3",
     "date-fns-tz": ">=3",
     "i18next": "^25.5.2",
     "js-confetti": ">=0.12",
-    "lodash-es": "^4.17.21",
+    "lodash-es": ">=4.17.21",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-i18next": "^15.7.3",

package/dist/layers.B4loBz9c.js

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

package/dist/layers.BAXEf8k3.js

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

package/dist/layers.BI9tBjOV.js

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

package/dist/layers.BrnLqwEP.js

@@ -1,8 +0,0 @@
-import { C as e, Q as t, N as m, A as r } from "./layers.DRkExZyY.js";
-import "./layers.BrrJNgYQ.js";
-export {
-  e as Commands,
-  t as subsetToBase64,
-  m as subsetToBinary,
-  r as toBase64
-};

package/dist/layers.BshYKlFH.js

@@ -1,7 +0,0 @@
-import { q as e, G as t } from "./layers.BrrJNgYQ.js";
-import { X as r } from "./layers.BrrJNgYQ.js";
-export {
-  e as decodePngMetadata,
-  t as encodePngMetadata,
-  r as getTEXtChunk
-};

package/dist/layers.BzFHkdth.js

@@ -1 +0,0 @@
-"use strict";const n=require("./layers.BDvXHQ8J.js"),s=(e,r)=>n.Utils.lang.round(n.Color.parse(e)[r]);exports.channel=s;