@layers-app/editor 2.2.5 → 2.2.7

package/package.json

@@ -1,80 +1,80 @@
-{
-  "name": "@layers-app/editor",
-  "private": false,
-  "version": "2.2.5",
-  "type": "module",
-  "main": "dist/index.js",
-  "types": "dist/index.d.ts",
-  "files": [
-    "dist"
-  ],
-  "publishConfig": {
-    "access": "public"
-  },
-  "scripts": {
-    "start": "cross-env VITE_LAYERS=true vite --mode full ",
-    "start:specific": "VITE_LAYERS=false vite --mode full ",
-    "build": "cross-env VITE_LAYERS=true vite build",
-    "build:specific": "VITE_LAYERS=false vite build",
-    "preview": "vite preview",
-    "generate-dts": "tsc --project tsconfig.lib.json",
-    "type-check": "tsc --noEmit --project tsconfig.check.json",
-    "test": "vitest run",
-    "test:watch": "vitest",
-    "test:coverage": "vitest run --coverage",
-    "start-test-server": "VITE_LAYERS=true vite --mode full --port 3001 --strictPort --host 0.0.0.0"
-  },
-  "dependencies": {
-    "@excalidraw/excalidraw": "^0.18.0",
-    "@floating-ui/react": "^0.27.16",
-    "@layers-app/editor-core": "*",
-    "@lexical/file": "^0.38.2",
-    "@lexical/headless": "^0.38.2",
-    "@lexical/markdown": "^0.38.2",
-    "@lexical/react": "^0.38.2",
-    "@tanstack/react-query": "^5.52.2",
-    "lexical": "^0.38.2",
-    "react-selecto": "^1.26.3",
-    "y-websocket": "^1.5.3",
-    "yjs": "^13.6.20"
-  },
-  "devDependencies": {
-    "@layers-app/editor-video": "*"
-  },
-  "peerDependencies": {
-    "@dnd-kit/modifiers": ">=6",
-    "@emotion/react": ">=11",
-    "@emotion/styled": ">=11",
-    "@hugeicons/core-free-icons": "^4.0.0",
-    "@hugeicons/react": ">=1",
-    "@layers-app/editor-video": ">=0.3.0",
-    "@tabler/icons-react": ">=3.7.0",
-    "@mantine/carousel": "9.1.1",
-    "@mantine/colors-generator": "9.1.1",
-    "@mantine/core": "9.1.1",
-    "@mantine/dropzone": "9.1.1",
-    "@mantine/form": "9.1.1",
-    "@mantine/hooks": "9.1.1",
-    "@mantine/modals": "9.1.1",
-    "@mantine/notifications": "9.1.1",
-    "@mantine/tiptap": "9.1.1",
-    "@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",
-    "react": "^19.2.0",
-    "react-dom": "^19.2.0",
-    "react-i18next": "^15.7.3",
-    "swagger-ui-react": "^5.27.1"
-  },
-  "peerDependenciesMeta": {
-    "@layers-app/editor-video": {
-      "optional": true
-    },
-    "swagger-ui-react": {
-      "optional": true
-    }
-  }
-}
+{
+  "name": "@layers-app/editor",
+  "private": false,
+  "version": "2.2.7",
+  "type": "module",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "start": "cross-env VITE_LAYERS=true vite --mode full ",
+    "start:specific": "VITE_LAYERS=false vite --mode full ",
+    "build": "cross-env VITE_LAYERS=true vite build",
+    "build:specific": "VITE_LAYERS=false vite build",
+    "preview": "vite preview",
+    "generate-dts": "tsc --project tsconfig.lib.json",
+    "type-check": "tsc --noEmit --project tsconfig.check.json",
+    "test": "vitest run",
+    "test:watch": "vitest",
+    "test:coverage": "vitest run --coverage",
+    "start-test-server": "VITE_LAYERS=true vite --mode full --port 3001 --strictPort --host 0.0.0.0"
+  },
+  "dependencies": {
+    "@excalidraw/excalidraw": "^0.18.0",
+    "@floating-ui/react": "^0.27.16",
+    "@layers-app/editor-core": "*",
+    "@lexical/file": "^0.38.2",
+    "@lexical/headless": "^0.38.2",
+    "@lexical/markdown": "^0.38.2",
+    "@lexical/react": "^0.38.2",
+    "@tanstack/react-query": "^5.52.2",
+    "lexical": "^0.38.2",
+    "react-selecto": "^1.26.3",
+    "y-websocket": "^1.5.3",
+    "yjs": "^13.6.20"
+  },
+  "devDependencies": {
+    "@layers-app/editor-video": "*"
+  },
+  "peerDependencies": {
+    "@dnd-kit/modifiers": ">=6",
+    "@emotion/react": ">=11",
+    "@emotion/styled": ">=11",
+    "@hugeicons/core-free-icons": "^4.0.0",
+    "@hugeicons/react": ">=1",
+    "@layers-app/editor-video": ">=0.3.0",
+    "@tabler/icons-react": ">=3.7.0",
+    "@mantine/carousel": "9.1.1",
+    "@mantine/colors-generator": "9.1.1",
+    "@mantine/core": "9.1.1",
+    "@mantine/dropzone": "9.1.1",
+    "@mantine/form": "9.1.1",
+    "@mantine/hooks": "9.1.1",
+    "@mantine/modals": "9.1.1",
+    "@mantine/notifications": "9.1.1",
+    "@mantine/tiptap": "9.1.1",
+    "@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",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
+    "react-i18next": "^15.7.3",
+    "swagger-ui-react": "^5.27.1"
+  },
+  "peerDependenciesMeta": {
+    "@layers-app/editor-video": {
+      "optional": true
+    },
+    "swagger-ui-react": {
+      "optional": true
+    }
+  }
+}

package/dist/layers.B9eAR35k.js

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

package/dist/layers.BFQDyZGF.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("react"),q=require("react-i18next"),z=require("@lexical/react/LexicalComposerContext"),N=require("@mantine/core"),w=require("lexical"),e=require("./layers.D6GHEM5_.js"),G=require("@layers-app/shared");require("@lexical/react/LexicalDecoratorBlockNode");require("@lexical/utils");const R=require("@mantine/hooks");require("@lexical/mark");require("@lexical/code");require("@lexical/selection");require("@lexical/react/LexicalBlockWithAlignableContents");require("@mantine/notifications");const K=()=>{};function ee({nodeKey:t,src:r,id:a}){const{t:l}=q.useTranslation(),[m]=z.useLexicalComposerContext(),[h,f]=n.useState(!1),[c,p]=n.useState(!1),x=n.useCallback(()=>{p(!1),m.update(()=>{const b=w.$getNodeByKey(t);if(!e.$isImageNode(b))return;const C=b.getParent();e.$isImageOverlayWrapperNode(C)?C.remove():b.remove()})},[m,t]),j=n.useCallback(async()=>{if(r)try{await e.downloadImageFromExternalUrl(r,e.inferImageFilenameFromUrl(r))}catch{}},[r]);return i.jsxs("div",{className:"media-actions visible",style:{position:"absolute",top:10,right:10,zIndex:10,pointerEvents:"auto",display:"flex",gap:4},onClick:b=>b.stopPropagation(),children:[i.jsx(e.PreviewImage,{t:l,src:r,setShown:K,id:a}),i.jsx(e.NodeAlignmentMenu,{opened:h,setOpened:f,t:l,editor:m,nodeKey:t}),i.jsx(e.MediaActionMenu,{opened:c,onOpenChange:p,t:l,onDownload:()=>void j(),onDelete:x})]})}function te({nodeKey:t,src:r,id:a}){const{t:l}=q.useTranslation(),[m]=z.useLexicalComposerContext(),[h,{open:f,close:c}]=R.useDisclosure(!1),[p,{open:x,close:j}]=R.useDisclosure(!1),b=n.useMemo(()=>[{id:!a||a==="0"?"":a,Url:r??"",contentType:"",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[r,a]),C=()=>{c(),x()},S=n.useCallback(async()=>{if(c(),!!r)try{await e.downloadImageFromExternalUrl(r,e.inferImageFilenameFromUrl(r))}catch{}},[r,c]),v=n.useCallback(()=>{c(),m.update(()=>{const s=w.$getNodeByKey(t);e.$isImageNode(s)&&s.remove()})},[m,t,c]);return i.jsxs(i.Fragment,{children:[i.jsx("div",{className:"image-touch-actions",style:{position:"absolute",top:8,right:8,zIndex:10,pointerEvents:"auto"},onClick:s=>s.stopPropagation(),children:i.jsx(e.ActionIcon,{label:l("editor.toolbar.more"),icon:e.O1,iconColor:"var(--mantine-color-gray-text)","aria-label":l("editor.toolbar.more"),onClick:f})}),i.jsx(G.AttachmentsGalleryModal,{opened:p,onOpenChange:s=>s?x():j(),attachments:b}),i.jsx(e.MobileDrawer,{opened:h,onClose:c,title:l("editor.image.mobileActions"),children:i.jsxs(N.Stack,{gap:4,p:0,children:[i.jsx(N.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:C,leftSection:i.jsx(e.HugeiconsIcon,{icon:e.gn,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.image.previewFullScreen")}),i.jsx(N.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:()=>void S(),leftSection:i.jsx(e.HugeiconsIcon,{icon:e.Tm,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.gallery.download")}),i.jsx(N.Button,{type:"button",variant:"subtle",color:"red",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:v,leftSection:i.jsx(e.HugeiconsIcon,{icon:e.lg,size:16,color:"var(--mantine-color-red-6)"}),children:l("editor.actions.delete")})]})})]})}const H=t=>{const{width:r,height:a,isLoading:l,isError:m,src:h,id:f,altText:c,imageRef:p,maxWidth:x}=t;return i.jsxs("div",{className:"media-wrapper",style:{width:r,height:a,display:"inline-flex",position:"relative"},children:[i.jsx(N.LoadingOverlay,{visible:l,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),i.jsx(oe,{className:null,src:h,altText:c,imageRef:p,width:"inherit",height:"inherit",maxWidth:x||"auto",id:f}),e.IS_TOUCH_DEVICE&&i.jsx(te,{nodeKey:t.nodeKey,src:h,id:f}),e.IS_TOUCH_TABLET&&i.jsx(ee,{nodeKey:t.nodeKey,src:h,id:f})]})};function oe({altText:t,className:r,imageRef:a,src:l,width:m,height:h,maxWidth:f,id:c}){const[p,x]=n.useState(!1);return i.jsx("img",{className:`${r||void 0} ${p?"":"loading"}`,src:l,alt:t,ref:a,style:{height:h,maxWidth:f,width:m},onLoad:()=>{l.includes("splash")?setTimeout(()=>{x(!0)},100):x(!0)},draggable:"false","data-id":c})}function ie(t){const{disable:r}=n.useContext(e.Context);return r&&e.ImageNode.isPlaceholderSrc(t.src)?null:i.jsx(ne,{...t})}function ne({src:t,altText:r,nodeKey:a,width:l,height:m,maxWidth:h,showCaption:f,caption:c,id:p,create:x,alignment:j,imagePickerTab:b}){var F,B;const C=n.useRef(null),[S,v]=n.useState(!0),[s]=z.useLexicalComposerContext(),[y,O]=n.useState(!0),[I,M]=n.useState({width:0,height:0}),{start:W}=e.useCancelUpload(),[ae,k]=n.useState(0),{fetchUploadMedia:A,fetchDeleteMedia:_,maxFileSize:re,imperativeHandleRef:D,disable:V}=n.useContext(e.Context),E=e.mediaMap.has(t)&&(((F=e.mediaMap.get(t))==null?void 0:F.mediaNodeKeys.length)===0||((B=e.mediaMap.get(t))==null?void 0:B.mediaNodeKeys.length)===void 0||t.trim()===""),{t:T}=q.useTranslation(),[se,X]=n.useState(0);n.useEffect(()=>s.registerDecoratorListener(()=>{X(o=>o+1)}),[E]),n.useEffect(()=>{if(!t||t.startsWith("data:image/")||!t.trim()){v(!1);return}const o=new Image;o.src=t,o.onload=()=>v(!1),o.onerror=()=>{v(!1)}},[t,E]);const Y=(o,u)=>{s.update(()=>{w.$setSelection(null);const d=w.$getNodeByKey(a);e.$isImageNode(d)&&d.setWidthAndHeight(o,u)})},{historyState:L}=e.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:U}}=e.useSettings();function Z(o){return o.endsWith(".svg")||o.includes("image/svg+xml")}function J(o){return new Promise((u,d)=>{if(Z(o)){u(0);return}const g=new Image;g.src=o,g.onload=()=>{u(g.width)},g.onerror=()=>{d(new Error("Failed to load image"))}})}n.useEffect(()=>{let o=l,u=m,d=100;(t.includes("unsplash")?t.trim():!E&&t.trim()||t.includes("upload-src-editor"))&&t!=="upload"&&J(t).then(g=>{typeof o=="number"&&o<d&&g<d?(O(!0),M({width:o,height:u})):g<d?(O(!0),M({width:"auto",height:"auto"})):(M({width:g,height:g}),O(!1))}).catch(g=>{console.warn("Ошибка при загрузке изображения:",g.message)})},[t,E]),n.useEffect(()=>{I.width&&I.height&&y&&s.update(()=>{const o=w.$getNodeByKey(a);e.$isImageNode(o)&&o.setWidthAndHeight(I.width,I.height)})},[I.width,I.height,y]);const Q=n.useCallback(o=>e.$writeImagePickerTabToNode(s,a,o),[s,a]),P=n.useCallback((o,u)=>{v(!1),s.update(()=>{const d=w.$getNodeByKey(a);e.$isImageNode(d)&&(d.setSrc(o),d.setId(u))})},[s,a]),$=n.useCallback(o=>{v(!0);const u=W();A&&A(o[0],(d,g)=>{P(d,g),k(0)},d=>{d&&G.showErrorNotification({message:T("editor.gallery.errorFile")}),k(0),P("","")},u,d=>{k(d)})},[A,W,T,P]);return n.useEffect(()=>s.registerCommand(e.UPLOAD_IMAGE_COMMAND,o=>t!=="upload"||o.targetNodeKey!==a?!1:($(o.files),!0),w.COMMAND_PRIORITY_LOW),[s,$,a,t]),!t||t==="upload"?i.jsx(N.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:i.jsx(e.ImagePicker,{inline:!0,nodeKey:a,defaultTabValue:b,onWriteTabToNode:Q,uploading:!1,onUpload:o=>{!A||!o.length||$(o)},popoverProps:{opened:!0,position:"bottom",zIndex:e.EDITOR_UI_MIN_Z_INDEX},onChange:o=>{s.update(()=>{const u=w.$getNodeByKey(a);e.$isImageNode(u)&&u.setSrc(o)})}})}):y?i.jsx(H,{width:I.width,height:I.height,isLoading:S,isError:!1,isIcon:y,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:_,altText:r,imageRef:C,maxWidth:h,showCaption:f,caption:c,isCollabActive:!1,historyState:L,showNestedEditorTreeView:U,t:T}):i.jsx(e.ResizableContainer,{editor:s,isIcon:y,width:e.parseContainerSize(l),height:e.parseContainerSize(m),initialWidth:I.width||"",initialHeight:I.height||"",onResizeEnd:Y,alignment:j,disable:V,onRegisterDecoratorEnter:o=>{D!=null&&D.current&&(D.current.decoratorEnterAction=o)},onActivate:()=>s.dispatchCommand(e.ON_CHANGE_COMMAND,"show_menu"),children:i.jsx(H,{width:"inherit",height:"inherit",isLoading:S,isError:!1,isIcon:y,src:t,id:p,editor:s,nodeKey:a,fetchDeleteMedia:_,altText:r,imageRef:C,maxWidth:h,showCaption:f,caption:c,isCollabActive:!1,historyState:L,showNestedEditorTreeView:U,t:T})})}exports.default=ie;