@layers-app/editor 2.2.45 → 2.3.0

package/dist/layers.nIE5wUh9.js

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

package/dist/layers.rE1cepGv.js

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