@layers-app/editor 2.3.22 → 2.3.24

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "2.3.22",
+  "version": "2.3.24",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",

package/dist/layers.BIi9GLEc.js

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

package/dist/layers.BYEIgAOB.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("react"),W=require("react-i18next"),F=require("@lexical/react/LexicalComposerContext"),w=require("@mantine/core"),S=require("lexical"),e=require("./layers.BnatDFX7.js"),H=require("@layers-app/shared"),G=require("@lexical/react/useLexicalEditable"),z=require("@mantine/hooks");require("@lexical/react/LexicalDecoratorBlockNode");require("@lexical/utils");require("@lexical/mark");require("@lexical/code");require("@lexical/selection");require("react-dom");require("@lexical/react/LexicalErrorBoundary");require("@lexical/react/LexicalBlockWithAlignableContents");require("@mantine/notifications");function ye(o,a){const n=document.createElement("a");n.href=o,n.download=a,n.rel="noopener",document.body.appendChild(n),n.click(),n.remove()}function V(o){try{const n=new URL(o,window.location.origin).pathname.split("/").pop()||"image";return n.includes(".")?n:`${n}.png`}catch{return"image"}}async function X(o,a){const n=await fetch(o);if(!n.ok)throw new Error("fetch failed");const s=await n.blob(),l=URL.createObjectURL(s);try{ye(l,a)}finally{setTimeout(()=>URL.revokeObjectURL(l),0)}}function Ce({editor:o,nodeKey:a,href:n,onClose:s}){const[l,u]=r.useState(()=>e.getLinkTypeFromUrl(n)),[c,g]=r.useState(()=>e.removeProtocol(n)),[j,v]=r.useState(!1),f=r.useCallback(p=>{u(p),v(!1)},[]),h=r.useCallback(p=>{g(p),v(!1)},[]),x=r.useCallback(()=>{const p=e.addProtocolIfNeeded(c.trim(),l);if(!p||!e.isValidUrl(p,l)){v(!0);return}e.$writeImageLinkToNode(o,a,e.sanitizeUrl(p)),s()},[o,a,c,l,s]),C=r.useCallback(()=>{e.$writeImageLinkToNode(o,a,""),s()},[o,a,s]),y=r.useCallback(p=>{p.key==="Enter"?(p.preventDefault(),x()):p.key==="Escape"&&(p.preventDefault(),s())},[x,s]);return{linkType:l,linkUrl:c,error:j,onLinkTypeChange:f,onUrlInputChange:h,onUrlInputKeyDown:y,onSave:x,onRemove:C}}function Y({editor:o,nodeKey:a,href:n,onClose:s,mobile:l}){const u=r.useRef(null),c=Ce({editor:o,nodeKey:a,href:n,onClose:s});return r.useEffect(()=>{var g;(g=u.current)==null||g.focus({preventScroll:!0})},[]),t.jsx(e.CreateMode,{inputRef:u,linkUrl:c.linkUrl,linkType:c.linkType,error:c.error,mobile:l,onLinkTypeChange:c.onLinkTypeChange,onUrlInputChange:c.onUrlInputChange,onUrlInputKeyDown:c.onUrlInputKeyDown,onCancel:s,onSave:c.onSave,onRemove:n?c.onRemove:void 0})}function le({opened:o,onOpenChange:a,t:n,onDownload:s,onDelete:l,hasLink:u,onLinkAction:c}){return t.jsxs(w.Menu,{opened:o,onChange:a,transitionProps:e.zt,shadow:"md",position:"bottom-start",offset:4,withinPortal:!0,closeOnItemClick:!0,children:[t.jsx(w.Menu.Target,{children:t.jsx(e.At,{label:n("editor.toolbar.more"),icon:e.K1,iconColor:"var(--mantine-color-gray-text)","aria-label":n("editor.toolbar.more")})}),t.jsxs(w.Menu.Dropdown,{p:4,miw:164,w:"max-content",onMouseDown:g=>g.preventDefault(),children:[c&&t.jsx(w.Menu.Item,{leftSection:t.jsx(w.Flex,{align:"center",justify:"center",c:"gray.6",children:t.jsx(e.Icon,{name:"link",size:16})}),onClick:g=>{g.stopPropagation(),c()},children:n(u?"editor.link.editLink":"editor.link.addLink")}),t.jsx(w.Menu.Item,{leftSection:t.jsx(w.Flex,{align:"center",justify:"center",c:"gray.6",children:t.jsx(e.HugeiconsIcon,{icon:e.Tm,size:16})}),onClick:g=>{g.stopPropagation(),s()},children:n("editor.gallery.download")}),t.jsx(w.Menu.Item,{color:"red",leftSection:t.jsx(w.Flex,{align:"center",justify:"center",c:"red.6",children:t.jsx(e.HugeiconsIcon,{icon:e.lg,size:16})}),onClick:g=>{g.stopPropagation(),l()},children:n("editor.contextMenu.delete")})]})]})}const ce=({t:o,src:a,setShown:n,id:s})=>{const[l,{open:u,close:c}]=z.useDisclosure(!1),g=e.useCanDownload(),j=r.useMemo(()=>[{id:!s||s==="0"?"":s,Url:a??"",contentType:"image/*",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[a,s]),v=f=>{f?u():c()};return t.jsxs(t.Fragment,{children:[t.jsx(H.AttachmentsGalleryModal,{opened:l,onOpenChange:v,attachments:j,allowDownload:g}),t.jsx(e.At,{label:o("editor.image.preview"),icon:e.gn$1,iconColor:"var(--mantine-color-gray-text)","aria-label":o("editor.image.preview"),onClick:()=>{n(!1),u()}})]})},Ie=({nodeKey:o,src:a,href:n})=>{const[s]=F.useLexicalComposerContext(),l=G.useLexicalEditable(),[u,c]=r.useState(!1),[g,j]=r.useState(!1),[v,f]=r.useState(!1),{t:h}=W.useTranslation();r.useEffect(()=>{if(!v)return;const y=p=>{const b=p.target;b!=null&&b.closest(".floating-link-dropdown")||b!=null&&b.closest(".floating-link-type-combobox-dropdown")||f(!1)};return document.addEventListener("pointerdown",y,!0),()=>document.removeEventListener("pointerdown",y,!0)},[v]);const x=r.useCallback(()=>{s.update(()=>{const y=S.$getNodeByKey(o);e.$isImageNode(y)&&y.remove()})},[s,o]),C=r.useCallback(async()=>{if(a)try{await X(a,V(a))}catch{}},[a]);return t.jsxs(w.Popover,{opened:v,onChange:f,position:"bottom-end",offset:4,shadow:"md",radius:"md",withinPortal:!0,closeOnClickOutside:!1,children:[t.jsx(w.Popover.Target,{children:t.jsxs("div",{className:`media-actions ${l?"":"media-actions--readonly"}`,children:[t.jsx(ce,{t:h,src:a,setShown:()=>{}}),l&&t.jsxs(t.Fragment,{children:[t.jsx(e.gr,{opened:u,setOpened:c,t:h,editor:s,nodeKey:o,setShown:()=>{}}),t.jsx(le,{opened:g,onOpenChange:j,t:h,onDownload:()=>void C(),onDelete:x,hasLink:!!n,onLinkAction:()=>f(!0)})]})]})}),t.jsx(w.Popover.Dropdown,{className:`floating-link-dropdown floating-link-dropdown--${n?"edit":"create"}-mode`,"data-test-id":"floating-link-dropdown",children:t.jsx(Y,{editor:s,nodeKey:o,href:n,onClose:()=>f(!1)})})]})},je=()=>{};function De({nodeKey:o,src:a,id:n,href:s}){const{t:l}=W.useTranslation(),[u]=F.useLexicalComposerContext(),c=G.useLexicalEditable(),[g,j]=r.useState(!1),[v,f]=r.useState(!1),[h,x]=r.useState(!1);r.useEffect(()=>{if(!h)return;const p=b=>{const N=b.target;N!=null&&N.closest(".floating-link-dropdown")||N!=null&&N.closest(".floating-link-type-combobox-dropdown")||x(!1)};return document.addEventListener("pointerdown",p,!0),()=>document.removeEventListener("pointerdown",p,!0)},[h]);const C=r.useCallback(()=>{f(!1),u.update(()=>{const p=S.$getNodeByKey(o);if(!e.$isImageNode(p))return;const b=p.getParent();e.$isImageOverlayWrapperNode(b)?b.remove():p.remove()})},[u,o]),y=r.useCallback(async()=>{if(a)try{await X(a,V(a))}catch{}},[a]);return t.jsxs(w.Popover,{opened:h,onChange:x,position:"bottom-end",offset:4,shadow:"md",radius:"md",withinPortal:!0,closeOnClickOutside:!1,children:[t.jsx(w.Popover.Target,{children:t.jsxs("div",{className:"media-actions visible",style:{position:"absolute",top:10,right:10,zIndex:10,pointerEvents:"auto",display:"flex",gap:4},onClick:p=>p.stopPropagation(),children:[t.jsx(ce,{t:l,src:a,setShown:je,id:n}),c&&t.jsxs(t.Fragment,{children:[t.jsx(e.gr,{opened:g,setOpened:j,t:l,editor:u,nodeKey:o}),t.jsx(le,{opened:v,onOpenChange:f,t:l,onDownload:()=>void y(),onDelete:C,hasLink:!!s,onLinkAction:()=>x(!0)})]})]})}),t.jsx(w.Popover.Dropdown,{className:`floating-link-dropdown floating-link-dropdown--${s?"edit":"create"}-mode`,"data-test-id":"floating-link-dropdown",children:t.jsx(Y,{editor:u,nodeKey:o,href:s,onClose:()=>x(!1)})})]})}function Se({nodeKey:o,src:a,id:n,href:s}){const{t:l}=W.useTranslation(),[u]=F.useLexicalComposerContext(),c=G.useLexicalEditable(),g=e.useCanDownload(),[j,{open:v,close:f}]=z.useDisclosure(!1),[h,{open:x,close:C}]=z.useDisclosure(!1),[y,{open:p,close:b}]=z.useDisclosure(!1),N=()=>{f(),p()},O=r.useMemo(()=>[{id:!n||n==="0"?"":n,Url:a??"",contentType:"image/*",originalFileName:"",fileSize:0,storageType:"",storagePath:"",fileName:"",parentType:"",parentId:"",ownerId:"",createdAt:new Date,updatedAt:new Date,version:0,deleted:!1,deletedAt:new Date}],[a,n]),k=()=>{f(),x()},L=r.useCallback(async()=>{if(f(),!!a)try{await X(a,V(a))}catch{}},[a,f]),P=r.useCallback(()=>{f(),u.update(()=>{const I=S.$getNodeByKey(o);e.$isImageNode(I)&&I.remove()})},[u,o,f]);return t.jsxs(t.Fragment,{children:[t.jsx("div",{className:"image-touch-actions",style:{position:"absolute",top:8,right:8,zIndex:10,pointerEvents:"auto"},onClick:I=>I.stopPropagation(),children:t.jsx(e.At,{label:l("editor.toolbar.more"),icon:e.O1,iconColor:"var(--mantine-color-gray-text)","aria-label":l("editor.toolbar.more"),onClick:v})}),t.jsx(H.AttachmentsGalleryModal,{opened:h,onOpenChange:I=>I?x():C(),attachments:O,allowDownload:g}),t.jsx(e.gn,{opened:j,onClose:f,title:l("editor.image.mobileActions"),children:t.jsxs(w.Stack,{gap:4,p:0,children:[t.jsx(w.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:k,leftSection:t.jsx(e.HugeiconsIcon,{icon:e.gn$1,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.image.previewFullScreen")}),c&&t.jsx(w.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:N,leftSection:t.jsx(e.HugeiconsIcon,{icon:e.zz,size:16,color:"var(--mantine-color-dimmed)"}),children:l(s?"editor.link.editLink":"editor.link.addLink")}),g&&t.jsx(w.Button,{type:"button",variant:"subtle",color:"gray",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:()=>void L(),leftSection:t.jsx(e.HugeiconsIcon,{icon:e.Tm,size:16,color:"var(--mantine-color-dimmed)"}),children:l("editor.gallery.download")}),c&&t.jsx(w.Button,{type:"button",variant:"subtle",color:"red",fullWidth:!0,justify:"flex-start",bg:"var(--editor-action-bg)",onClick:P,leftSection:t.jsx(e.HugeiconsIcon,{icon:e.lg,size:16,color:"var(--mantine-color-red-6)"}),children:l("editor.actions.delete")})]})}),t.jsx(e.gn,{opened:y,onClose:b,title:l(s?"editor.link.editLink":"editor.link.addLink"),children:t.jsx(Y,{editor:u,nodeKey:o,href:s,onClose:b,mobile:!0})})]})}const se=o=>{const{width:a,height:n,isLoading:s,isError:l,src:u,id:c,altText:g,imageRef:j,maxWidth:v,aspectRatio:f,href:h}=o,x=r.useRef(null);return t.jsxs("div",{className:"media-wrapper","data-reserved-box":f?"":void 0,style:{width:a,height:f?"auto":n,aspectRatio:f||void 0,display:"inline-flex",position:"relative"},children:[t.jsx(w.LoadingOverlay,{visible:s,zIndex:1e3,overlayProps:{backgroundOpacity:.5},loaderProps:{size:24,color:"black"}}),t.jsx("a",{className:"editor-image-link","data-link":h?"true":void 0,"data-href":h?e.sanitizeUrl(h):void 0,role:h?"link":void 0,rel:h?"noopener noreferrer":void 0,draggable:!1,onMouseDown:h?C=>{x.current={x:C.clientX,y:C.clientY}}:void 0,onClick:h?C=>{C.preventDefault();const y=x.current;x.current=null,!(y&&Math.hypot(C.clientX-y.x,C.clientY-y.y)>5)&&window.open(e.sanitizeUrl(h),"_blank","noopener,noreferrer")}:void 0,children:t.jsx(Ne,{className:null,src:u,altText:g,imageRef:j,width:"inherit",height:"inherit",maxWidth:v||"auto",id:c})}),e.Ke&&t.jsx(Se,{nodeKey:o.nodeKey,src:u,id:c,href:h}),e.or&&t.jsx(De,{nodeKey:o.nodeKey,src:u,id:c,href:h}),e.It&&!e.Ke&&!e.or&&t.jsx(Ie,{nodeKey:o.nodeKey,src:u,href:h})]})};function Ne({altText:o,className:a,imageRef:n,src:s,width:l,height:u,maxWidth:c,id:g}){const[j,v]=r.useState(!1);return t.jsx("img",{className:`${a||void 0} ${j?"":"loading"}`,src:s,alt:o,ref:n,style:{height:u,maxWidth:c,width:l},onLoad:()=>{s.includes("splash")?setTimeout(()=>{v(!0)},100):v(!0)},draggable:"false","data-id":g})}function Le(o){const{disable:a}=r.useContext(e.Context);return a&&e.ImageNode.isPlaceholderSrc(o.src)?null:t.jsx(Ee,{...o})}function Ee({src:o,altText:a,nodeKey:n,width:s,height:l,maxWidth:u,showCaption:c,caption:g,id:j,create:v,alignment:f,imagePickerTab:h,aspectRatio:x,href:C}){var re,ae;const y=r.useRef(null),[p,b]=r.useState(!0),[N,O]=r.useState(!1),[k]=F.useLexicalComposerContext(),[L,P]=r.useState(!0),[I,U]=r.useState({width:0,height:0}),{start:Z,cancel:J}=e.fr(),[Pe,M]=r.useState(0),{fetchUploadMedia:A,fetchDeleteMedia:Q,maxFileSize:Te,imperativeHandleRef:E,disable:de}=r.useContext(e.Context),$=e.mediaMap.has(o)&&(((re=e.mediaMap.get(o))==null?void 0:re.mediaNodeKeys.length)===0||((ae=e.mediaMap.get(o))==null?void 0:ae.mediaNodeKeys.length)===void 0||o.trim()===""),{t:R}=W.useTranslation(),K=i=>{if(typeof i=="number")return i>0?i:null;if(typeof i=="string"&&!i.includes("%")){const m=parseFloat(i);return Number.isFinite(m)&&m>0?m:null}return null},T=K(s),ee=K(l),te=T&&ee?T/ee:void 0,[ue,ge]=r.useState(void 0),oe=r.useMemo(()=>{try{const i=parseFloat(localStorage.getItem("layers-img-ratio:"+o)||"");return Number.isFinite(i)&&i>0?i:void 0}catch{return}},[o]),pe=te??x??oe??ue,[me,q]=r.useState(!1),fe=!me&&!te&&(x??oe)!=null,[Oe,he]=r.useState(0);r.useEffect(()=>k.registerDecoratorListener(()=>{he(i=>i+1)}),[$]),r.useEffect(()=>{const i=k.getElementByKey(n);i&&(i.style.removeProperty("aspect-ratio"),i.style.removeProperty("width"))},[k,n]),r.useEffect(()=>{if(!o||o.startsWith("data:image/")||!o.trim()){b(!1);return}const i=new Image;i.src=o,i.onload=()=>{if(b(!1),i.naturalWidth){const m=i.naturalWidth/i.naturalHeight;if(ge(m),i.naturalWidth>=100)try{localStorage.setItem("layers-img-ratio:"+o,String(m))}catch{}!x&&i.naturalWidth>=100&&k.update(()=>{const d=S.$getNodeByKey(n);e.$isImageNode(d)&&d.getAspectRatio()==null&&d.setAspectRatio(m)},{tag:"history-merge"})}},i.onerror=()=>{b(!1)}},[o,$]);const we=(i,m)=>{k.update(()=>{S.$setSelection(null);const d=S.$getNodeByKey(n);e.$isImageNode(d)&&d.setWidthAndHeight(i,m)})},{historyState:ne}=e.useSharedHistoryContext(),{settings:{showNestedEditorTreeView:ie}}=e.useSettings();function xe(i){const m=e.decodeSvgDataUrl(i);return m?e.getSvgMarkupSize(m).width:0}function be(i){return new Promise((m,d)=>{if(e.isSvgSource(i)){m(xe(i));return}const D=new Image;D.src=i,D.onload=()=>{m(D.width)},D.onerror=()=>{d(new Error("Failed to load image"))}})}r.useEffect(()=>{let i=s,m=l,d=100;if((o.includes("unsplash")?o.trim():!$&&o.trim()||o.includes("upload-src-editor"))&&o!=="upload"){if(T!=null&&T>=d){P(!1),U({width:T,height:T}),q(!0);return}be(o).then(D=>{typeof i=="number"&&i<d&&D<d?(P(!0),U({width:i,height:m})):D<d?(P(!0),U({width:"auto",height:"auto"})):(U({width:D,height:D}),P(!1)),q(!0)}).catch(D=>{q(!0),console.warn("Ошибка при загрузке изображения:",D.message)})}},[o,$]),r.useEffect(()=>{I.width&&I.height&&L&&k.update(()=>{const i=S.$getNodeByKey(n);e.$isImageNode(i)&&i.setWidthAndHeight(I.width,I.height)})},[I.width,I.height,L]);const ke=r.useCallback(i=>e.$writeImagePickerTabToNode(k,n,i),[k,n]),B=r.useCallback((i,m)=>{O(!1),b(!1),k.update(()=>{const d=S.$getNodeByKey(n);e.$isImageNode(d)&&(d.setSrc(i),d.setId(m))})},[k,n]),ve=r.useCallback(()=>{J(),O(!1),b(!1),M(0)},[J]),_=r.useCallback(i=>{O(!0),b(!0);const m=Z();A&&A(i[0],(d,D)=>{B(d,D),M(0)},d=>{d&&H.showErrorNotification({message:R("editor.gallery.errorFile")}),M(0),B(o.startsWith("blob:")?"upload":"","")},m,d=>{M(d)},k.getEditorState().read(()=>{const d=S.$getNodeByKey(n);return e.$isImageNode(d)?d.getId():void 0}))},[k,A,n,Z,R,B,o]);return r.useEffect(()=>k.registerCommand(e.UPLOAD_IMAGE_COMMAND,i=>!o.startsWith("blob:")&&o!=="upload"||i.targetNodeKey!==n?!1:(_(i.files),!0),S.COMMAND_PRIORITY_LOW),[k,_,n,o]),!o||o==="upload"?N?t.jsx(w.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:t.jsx(e.ur,{onCancel:ve})}):t.jsx(w.Box,{"data-editor-image-picker-drop-root":!0,w:"100%",children:t.jsx(e.ImagePicker,{inline:!0,nodeKey:n,defaultTabValue:h,onWriteTabToNode:ke,onUpload:i=>{var d,D;if(!A||!i.length)return;_([i[0]]);const m=i.slice(1);m.length&&((D=(d=E==null?void 0:E.current)==null?void 0:d.insertImages)==null||D.call(d,m))},popoverProps:{opened:!0,position:"bottom",zIndex:e.EDITOR_UI_MIN_Z_INDEX},onChange:i=>{k.update(()=>{const m=S.$getNodeByKey(n);e.$isImageNode(m)&&m.setSrc(i)})}})}):L&&!fe?t.jsx(se,{width:I.width,height:I.height,isLoading:p,isError:!1,isIcon:L,src:o,id:j,editor:k,nodeKey:n,fetchDeleteMedia:Q,altText:a,imageRef:y,maxWidth:u,showCaption:c,caption:g,isCollabActive:!1,historyState:ne,showNestedEditorTreeView:ie,t:R,href:C}):t.jsx(e.mr,{editor:k,isIcon:L,width:e.parseContainerSize(s),height:e.parseContainerSize(l),initialWidth:I.width||"",initialHeight:I.height||"",onResizeEnd:we,alignment:f,disable:de,onRegisterDecoratorEnter:i=>{E!=null&&E.current&&(E.current.decoratorEnterAction=i)},onActivate:()=>k.dispatchCommand(e.ON_CHANGE_COMMAND,"show_menu"),children:t.jsx(se,{width:"inherit",height:"inherit",aspectRatio:pe,isLoading:p,isError:!1,isIcon:L,src:o,id:j,editor:k,nodeKey:n,fetchDeleteMedia:Q,altText:a,imageRef:y,maxWidth:u,showCaption:c,caption:g,isCollabActive:!1,historyState:ne,showNestedEditorTreeView:ie,t:R,href:C})})}exports.default=Le;