@layers-app/editor 0.2.2 → 0.2.3-specific.1

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@layers-app/editor",
   "private": false,
-  "version": "0.2.2",
+  "version": "0.2.3-specific.1",
   "type": "module",
   "scripts": {
     "start": "VITE_LAYERS=true vite --mode full ",
@@ -89,8 +89,7 @@
     "vite-plugin-css-injected-by-js": "^3.5.0",
     "vite-plugin-dts": "^4.0.0-beta.1",
     "vite-plugin-static-copy": "^2.3.2",
-    "vite-plugin-svgr": "^4.2.0",
-    "zustand": "5.0.3"
+    "vite-plugin-svgr": "^4.2.0"
   },
   "overrides": {
     "nanoid": "^5.0.9",
@@ -118,7 +117,6 @@
     "lodash-es": ">=4.17.21",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "react-i18next": "^15.7.3",
-    "zustand": ">=4.5.4"
+    "react-i18next": "^15.7.3"
   }
 }

package/dist/layers.0F4YVLp2.js

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

package/dist/layers.B8GNrynA.js

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

package/dist/layers.BAZ7VG7y.js

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

package/dist/layers.BSmQmuya.js

@@ -1 +0,0 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("./layers.B-YVtk3d.js"),z=require("./layers.9QK1wiQj.js"),i=require("./layers.BT-Zowct.js"),j=require("./layers.CsZt8Z7H.js");require("./layers.jeBs5I3w.js");require("lodash-es");require("./layers.COAF7f8g.js");const h="rect",C="rectWithTitle",K="start",F="end",J="divider",Q="roundedWithTitle",X="note",Z="noteGroup",b="statediagram",m="state",I=`${b}-${m}`,k="transition",tt="note",et="note-edge",ot=`${k} ${et}`,st=`${b}-${tt}`,nt="cluster",ct=`${b}-${nt}`,it="cluster-alt",rt=`${b}-${it}`,M="parent",B="note",lt="state",w="----",at=`${w}${B}`,v=`${w}${M}`,H="fill:none",U="fill: #333",q="c",V="text",Y="normal";let y={},S=0;const dt=function(t){const n=Object.keys(t);for(const e of n)t[e]},Et=function(t,n){return n.db.extract(n.db.getRootDocV2()),n.db.getClasses()};function St(t){return t==null?"":t.classes?t.classes.join(" "):""}function x(t="",n=0,e="",c=w){const r=e!==null&&e.length>0?`${c}${e}`:"";return`${lt}-${t}${r}-${n}`}const p=(t,n,e,c,r,l)=>{const o=e.id,g=St(c[o]);if(o!=="root"){let u=h;e.start===!0&&(u=K),e.start===!1&&(u=F),e.type!==a.DEFAULT_STATE_TYPE&&(u=e.type),y[o]||(y[o]={id:o,shape:u,description:i.common$1.sanitizeText(o,i.getConfig()),classes:`${g} ${I}`});const s=y[o];e.description&&(Array.isArray(s.description)?(s.shape=C,s.description.push(e.description)):s.description.length>0?(s.shape=C,s.description===o?s.description=[e.description]:s.description=[s.description,e.description]):(s.shape=h,s.description=e.description),s.description=i.common$1.sanitizeTextOrArray(s.description,i.getConfig())),s.description.length===1&&s.shape===C&&(s.shape=h),!s.type&&e.doc&&(i.log$1.info("Setting cluster for ",o,R(e)),s.type="group",s.dir=R(e),s.shape=e.type===a.DIVIDER_TYPE?J:Q,s.classes=s.classes+" "+ct+" "+(l?rt:""));const _={labelStyle:"",shape:s.shape,labelText:s.description,classes:s.classes,style:"",id:o,dir:s.dir,domId:x(o,S),type:s.type,padding:15};if(_.centerLabel=!0,e.note){const d={labelStyle:"",shape:X,labelText:e.note.text,classes:st,style:"",id:o+at+"-"+S,domId:x(o,S,B),type:s.type,padding:15},E={labelStyle:"",shape:Z,labelText:e.note.text,classes:s.classes,style:"",id:o+v,domId:x(o,S,M),type:"group",padding:0};S++;const f=o+v;t.setNode(f,E),t.setNode(d.id,d),t.setNode(o,_),t.setParent(o,f),t.setParent(d.id,f);let T=o,A=d.id;e.note.position==="left of"&&(T=d.id,A=o),t.setEdge(T,A,{arrowhead:"none",arrowType:"",style:H,labelStyle:"",classes:ot,arrowheadStyle:U,labelpos:q,labelType:V,thickness:Y})}else t.setNode(o,_)}n&&n.id!=="root"&&(i.log$1.trace("Setting node ",o," to be child of its parent ",n.id),t.setParent(o,n.id)),e.doc&&(i.log$1.trace("Adding nodes children "),Tt(t,e,e.doc,c,r,!l))},Tt=(t,n,e,c,r,l)=>{i.log$1.trace("items",e),e.forEach(o=>{switch(o.stmt){case a.STMT_STATE:p(t,n,o,c,r,l);break;case a.DEFAULT_STATE_TYPE:p(t,n,o,c,r,l);break;case a.STMT_RELATION:{p(t,n,o.state1,c,r,l),p(t,n,o.state2,c,r,l);const g={id:"edge"+S,arrowhead:"normal",arrowTypeEnd:"arrow_barb",style:H,labelStyle:"",label:i.common$1.sanitizeText(o.description,i.getConfig()),arrowheadStyle:U,labelpos:q,labelType:V,thickness:Y,classes:k};t.setEdge(o.state1.id,o.state2.id,g,S),S++}break}})},R=(t,n=a.DEFAULT_NESTED_DOC_DIR)=>{let e=n;if(t.doc)for(let c=0;c<t.doc.length;c++){const r=t.doc[c];r.stmt==="dir"&&(e=r.value)}return e},ut=async function(t,n,e,c){i.log$1.info("Drawing state diagram (v2)",n),y={},c.db.getDirection();const{securityLevel:r,state:l}=i.getConfig(),o=l.nodeSpacing||50,g=l.rankSpacing||50;i.log$1.info(c.db.getRootDocV2()),c.db.extract(c.db.getRootDocV2()),i.log$1.info(c.db.getRootDocV2());const u=c.db.getStates(),s=new z.Graph({multigraph:!0,compound:!0}).setGraph({rankdir:R(c.db.getRootDocV2()),nodesep:o,ranksep:g,marginx:8,marginy:8}).setDefaultEdgeLabel(function(){return{}});p(s,void 0,c.db.getRootDocV2(),u,c.db,!0);let _;r==="sandbox"&&(_=i.select("#i"+n));const d=r==="sandbox"?i.select(_.nodes()[0].contentDocument.body):i.select("body"),E=d.select(`[id="${n}"]`),f=d.select("#"+n+" g");await j.render(f,s,["barb"],b,n);const T=8;i.utils.insertTitle(E,"statediagramTitleText",l.titleTopMargin,c.db.getDiagramTitle());const A=E.node().getBBox(),G=A.width+T*2,N=A.height+T*2;E.attr("class",b);const L=E.node().getBBox();i.configureSvgSize(E,N,G,l.useMaxWidth);const P=`${L.x-T} ${L.y-T} ${G} ${N}`;i.log$1.debug(`viewBox ${P}`),E.attr("viewBox",P);const W=document.querySelectorAll('[id="'+n+'"] .edgeLabel .label');for(const $ of W){const O=$.getBBox(),D=document.createElementNS("http://www.w3.org/2000/svg",h);D.setAttribute("rx",0),D.setAttribute("ry",0),D.setAttribute("width",O.width),D.setAttribute("height",O.height),$.insertBefore(D,$.firstChild)}},_t={setConf:dt,getClasses:Et,draw:ut},bt={parser:a.parser$1,db:a.db,renderer:_t,styles:a.styles,init:t=>{t.state||(t.state={}),t.state.arrowMarkerAbsolute=t.arrowMarkerAbsolute,a.db.clear()}};exports.diagram=bt;