likec4 1.56.0 → 1.57.0

package/__app__/chunks/EmbedPage.mjs

@@ -0,0 +1 @@
+import{u as e}from"./libs/@tanstack/react-router.mjs";import{s as t}from"./factory.mjs";import{S as n}from"./DiagramActorProvider.mjs";import{t as r}from"./LikeC4Diagram.mjs";import{a as i,n as a}from"./hooks.mjs";import{c as o}from"react-compiler-runtime";import{jsx as s}from"react/jsx-runtime";function c({view:e,fitView:n=!0,fitViewPadding:i=`8px`,enableRelationshipDetails:a=!1,enableRelationshipBrowser:o=a,background:c=`transparent`,className:l,...u}){return s(r,{view:e,className:t(l,`likec4-static-view`),fitView:n,fitViewPadding:i,pannable:!1,zoomable:!1,controls:!1,background:c,enableNotations:!1,enableElementDetails:!1,enableRelationshipDetails:a,enableRelationshipBrowser:o,enableDynamicViewWalkthrough:!1,showNavigationButtons:!1,enableCompareWithLatest:!1,enableFocusMode:!1,enableSearch:!1,nodesSelectable:!1,enableElementTags:!1,enableNotes:!1,...u})}function l(){let t=o(17),r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(r={strict:!1},t[0]=r):r=t[0];let{padding:l,dynamic:u}=e(r),d=l===void 0?20:l,[f]=a();if(i(!!f),!f){let e;return t[1]===Symbol.for(`react.memo_cache_sentinel`)?(e=s(`div`,{children:`Loading...`}),t[1]=e):e=t[1],e}let p;t[2]!==f||t[3]!==u?(p=n(f,u),t[2]=f,t[3]=u,t[4]=p):p=t[4];let m=p,h=`${m.width+d*2} / ${m.height+d*2}`,g=m.width+d*2,_;t[5]!==d||t[6]!==h||t[7]!==g?(_={position:`absolute`,top:0,left:`50%`,boxSizing:`border-box`,padding:d,transform:`translateX(-50%)`,aspectRatio:h,width:`100vw`,maxWidth:g,height:`auto`,maxHeight:`100vh`},t[5]=d,t[6]=h,t[7]=g,t[8]=_):_=t[8];let v;t[9]!==m.height||t[10]!==m.width||t[11]!==f||t[12]!==u?(v=s(c,{view:f,fitView:!0,background:`transparent`,fitViewPadding:0,dynamicViewVariant:u,enableRelationshipDetails:!0,enableRelationshipBrowser:!0,initialWidth:m.width,initialHeight:m.height}),t[9]=m.height,t[10]=m.width,t[11]=f,t[12]=u,t[13]=v):v=t[13];let y;return t[14]!==_||t[15]!==v?(y=s(`div`,{style:_,children:v}),t[14]=_,t[15]=v,t[16]=y):y=t[16],y}export{c as n,l as t};

package/__app__/chunks/ExportPage.mjs

@@ -0,0 +1,2 @@
+import{u as e}from"./libs/@tanstack/react-router.mjs";import{j as t}from"./libs/@mantine/core.mjs";import{V as n,i as r}from"./LikeC4Styles.mjs";import{t as i}from"./Markdown.mjs";import{S as a}from"./DiagramActorProvider.mjs";import{t as o}from"./LikeC4Diagram.mjs";import{t as s}from"./box.mjs";import{a as c,n as l}from"./hooks.mjs";import{useRef as u}from"react";import{c as d}from"react-compiler-runtime";import{jsx as f,jsxs as p}from"react/jsx-runtime";import{RichText as m}from"@likec4/core";function h(e){return 60+e*68}function g({title:e,text:t,width:n}){let r=Math.max(80,n-32),i=Math.max(12,Math.floor(r/7.5)),a=+(e.trim().length>0),o=_(t,i),s=o>0?4:0,c=10+a*20+s+o*19+16;return Math.min(240,Math.max(84,Math.ceil(c)))}function _(e,t){let n=e.split(`
+`).map(e=>e.trim()).filter(e=>e.length>0);return n.length===0?0:n.reduce((e,n)=>e+Math.max(1,Math.ceil(n.length/t)),0)}function v({bounds:e,padding:t,description:n,notationEntries:r}){let i=e.width+t*2+16,a=e.height+t*2+16,o=r>0,s=o?i+24+320+t:i,c=n?g({...n,width:s}):0,l=c>0?c+16:0,u={left:0,top:l,width:i,height:a};if(!o)return{width:s,height:l+u.height,diagram:u,description:n?{left:0,top:0,width:s,height:c}:null,notation:null};let d=h(r);return{width:s,height:l+Math.max(u.height,d+t*2),diagram:u,description:n?{left:0,top:0,width:s,height:c}:null,notation:{left:u.width+24,top:l+t,width:320,height:d}}}function y(e){return e===!0||e===`true`}function b(e,t){let n=document.createElement(`a`);return n.setAttribute(`download`,t),n.href=e,document.body.appendChild(n),n.click(),new Promise(t=>setTimeout(()=>{document.body.removeChild(n),URL.revokeObjectURL(e),t()},1e3))}async function x({pngFilename:e,viewport:t}){try{let{toBlob:n}=await import(`./libs/html-to-image.mjs`).then(e=>e.t),r=await n(t,{backgroundColor:`transparent`,cacheBust:!0,imagePlaceholder:`data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==`});if(!r)throw Error(`Failed to create PNG blob`);await b(URL.createObjectURL(r),`${e}.png`),window.close()}catch(e){console.error(e),window.alert(`Failed to export to PNG, check the console for more details.`)}}async function S({filename:e,viewport:t,quality:n=.8}){try{let{toJpeg:r}=await import(`./libs/html-to-image.mjs`).then(e=>e.t);await b(await r(t,{backgroundColor:getComputedStyle(document.documentElement).getPropertyValue(`--mantine-color-body`),quality:n,cacheBust:!0,imagePlaceholder:`data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==`}),`${e}.jpg`),window.close()}catch(e){console.error(e),window.alert(`Failed to export to JPEG, check the console for more details.`)}}function C(){let t=d(5),[n]=l(),r;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(r={strict:!1},t[0]=r):r=t[0];let{format:i}=e(r),a=i===`jpeg`;if(c(!a),!n){let e;return t[1]===Symbol.for(`react.memo_cache_sentinel`)?(e=f(`div`,{children:`Loading...`}),t[1]=e):e=t[1],e}let o;return t[2]!==n||t[3]!==a?(o=f(w,{diagram:n,isJpeg:a}),t[2]=n,t[3]=a,t[4]=o):o=t[4],o}function w(n){let r=d(56),{diagram:i,isJpeg:c}=n,l;r[0]===Symbol.for(`react.memo_cache_sentinel`)?(l={strict:!1},r[0]=l):l=r[0];let{padding:h,download:g,description:_,quality:b,dynamic:C,notation:w}=e(l),D=h===void 0?20:h,O=g===void 0?!1:g,k=_===void 0?!1:_,A=w===void 0?!1:w,j=u(null),ee=u(null),te=u(!1),M,N,P,F,I;if(r[1]!==k||r[2]!==i||r[3]!==C||r[4]!==A||r[5]!==D){M=a(i,C),F=m.from(i.description);let e=y(k)&&F.nonEmpty;I=i.title??i.id,N=i.notation?.nodes??[];let t=y(A)&&N.length>0;P=v({bounds:M,padding:D,description:e?{title:I,text:F.text}:null,notationEntries:t?N.length:0}),r[1]=k,r[2]=i,r[3]=C,r[4]=A,r[5]=D,r[6]=M,r[7]=N,r[8]=P,r[9]=F,r[10]=I}else M=r[6],N=r[7],P=r[8],F=r[9],I=r[10];let L=P,R;r[11]!==i||r[12]!==O||r[13]!==c||r[14]!==b?(R=()=>{let e=j.current;if(!O||!e||!i||te.current)return;let t=ee.current;t&&(t.style.display=`none`),te.current=!0,c?S({filename:i.id,viewport:e,quality:b??.8}):x({pngFilename:i.id,viewport:e})},r[11]=i,r[12]=O,r[13]=c,r[14]=b,r[15]=R):R=r[15];let z=R,B;r[16]===Symbol.for(`react.memo_cache_sentinel`)?(B={position:`fixed`,top:`0`,left:`0`,padding:`0`,margin:`0`,overflow:`hidden`,zIndex:2},r[16]=B):B=r[16];let V=c?`var(--mantine-color-body)`:`transparent`,H;r[17]!==L.height||r[18]!==L.width||r[19]!==V?(H={marginRight:`auto`,marginBottom:`auto`,minWidth:L.width,width:L.width,minHeight:L.height,height:L.height,background:V},r[17]=L.height,r[18]=L.width,r[19]=V,r[20]=H):H=r[20];let U;r[21]===O?U=r[22]:(U=O&&f(t,{ref:ee,visible:!0}),r[21]=O,r[22]=U);let W;r[23]===Symbol.for(`react.memo_cache_sentinel`)?(W={position:`absolute`,overflow:`hidden`},r[23]=W):W=r[23];let G=L.height-L.diagram.top,K;r[24]!==L.diagram.left||r[25]!==L.diagram.top||r[26]!==L.diagram.width||r[27]!==G?(K={top:L.diagram.top,left:L.diagram.left,width:L.diagram.width,height:G},r[24]=L.diagram.left,r[25]=L.diagram.top,r[26]=L.diagram.width,r[27]=G,r[28]=K):K=r[28];let q;r[29]===Symbol.for(`react.memo_cache_sentinel`)?(q={top:`0px`,bottom:`0px`,left:`0px`,right:`0px`},r[29]=q):q=r[29];let ne=c?`solid`:`transparent`,J;r[30]!==M||r[31]!==O||r[32]!==z||r[33]!==D?(J=()=>{if(!j.current){console.error(`viewportRef.current is null`);return}let e=Math.round(-M.x+D),t=Math.round(-M.y+D);[...j.current.querySelectorAll(`.react-flow__viewport`)].forEach(n=>{n.style.transform=`translate(`+e+`px, `+t+`px)`}),O&&window.setTimeout(z,500)},r[30]=M,r[31]=O,r[32]=z,r[33]=D,r[34]=J):J=r[34];let Y;r[35]!==i||r[36]!==C||r[37]!==ne||r[38]!==J?(Y=f(o,{view:i,fitView:!1,fitViewPadding:q,background:ne,reduceGraphics:!1,dynamicViewVariant:C,className:`likec4-static-view`,pannable:!1,zoomable:!1,controls:!1,enableNotations:!1,enableElementDetails:!1,enableRelationshipDetails:!1,enableRelationshipBrowser:!1,enableDynamicViewWalkthrough:!1,enableFocusMode:!1,enableSearch:!1,nodesSelectable:!1,enableElementTags:!1,onInitialized:J}),r[35]=i,r[36]=C,r[37]=ne,r[38]=J,r[39]=Y):Y=r[39];let X;r[40]!==K||r[41]!==Y?(X=f(s,{"data-testid":`export-diagram-area`,css:W,style:K,children:Y}),r[40]=K,r[41]=Y,r[42]=X):X=r[42];let Z;r[43]!==L.description||r[44]!==F||r[45]!==I?(Z=L.description&&f(T,{title:I,description:F,layout:L.description}),r[43]=L.description,r[44]=F,r[45]=I,r[46]=Z):Z=r[46];let Q;r[47]!==L.notation||r[48]!==N?(Q=L.notation&&f(E,{entries:N,layout:L.notation}),r[47]=L.notation,r[48]=N,r[49]=Q):Q=r[49];let $;return r[50]!==H||r[51]!==U||r[52]!==X||r[53]!==Z||r[54]!==Q?($=p(s,{ref:j,"data-testid":`export-page`,css:B,style:H,children:[U,X,Z,Q]}),r[50]=H,r[51]=U,r[52]=X,r[53]=Z,r[54]=Q,r[55]=$):$=r[55],$}function T(e){let t=d(14),{title:n,description:r,layout:a}=e,o;t[0]===a?o=t[1]:(o={...a,position:`absolute`,boxSizing:`border-box`,overflow:`hidden`,border:`1px solid var(--mantine-color-default-border)`,borderRadius:6,background:`var(--mantine-color-body)`,boxShadow:`0 4px 18px rgb(0 0 0 / 14%)`,color:`var(--mantine-color-text)`},t[0]=a,t[1]=o);let c=o,l;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(l={paddingTop:10,paddingBottom:4,paddingLeft:16,paddingRight:16,fontSize:15,fontWeight:600,lineHeight:`20px`,whiteSpace:`nowrap`,overflow:`hidden`,textOverflow:`ellipsis`},t[2]=l):l=t[2];let u=l,m=a.height-10-20-4-16,h;t[3]===m?h=t[4]:(h={maxHeight:m,overflow:`hidden`,paddingLeft:16,paddingRight:16,paddingBottom:16},t[3]=m,t[4]=h);let g=h,_;t[5]===n?_=t[6]:(_=f(s,{style:u,children:n}),t[5]=n,t[6]=_);let v;t[7]!==r||t[8]!==g?(v=f(i,{value:r,hideIfEmpty:!0,fontSize:`sm`,textScale:.9,style:g}),t[7]=r,t[8]=g,t[9]=v):v=t[9];let y;return t[10]!==c||t[11]!==_||t[12]!==v?(y=p(s,{"data-testid":`export-description`,style:c,children:[_,v]}),t[10]=c,t[11]=_,t[12]=v,t[13]=y):y=t[13],y}function E(e){let t=d(12),{entries:n,layout:r}=e,i;t[0]===r?i=t[1]:(i={...r,position:`absolute`,boxSizing:`border-box`,overflow:`hidden`,border:`1px solid var(--mantine-color-default-border)`,borderRadius:6,background:`var(--mantine-color-body)`,boxShadow:`0 4px 18px rgb(0 0 0 / 14%)`,color:`var(--mantine-color-text)`},t[0]=r,t[1]=i);let a=i,o;t[2]===Symbol.for(`react.memo_cache_sentinel`)?(o={height:36,display:`flex`,alignItems:`center`,paddingLeft:12,paddingRight:12,fontSize:13,fontWeight:600,borderBottom:`1px solid var(--mantine-color-default-border)`},t[2]=o):o=t[2];let c=o,l;t[3]===Symbol.for(`react.memo_cache_sentinel`)?(l=f(s,{style:c,children:`Notation`}),t[3]=l):l=t[3];let u;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(u={padding:12},t[4]=u):u=t[4];let m;t[5]===n?m=t[6]:(m=n.map(D),t[5]=n,t[6]=m);let h;t[7]===m?h=t[8]:(h=f(s,{style:u,children:m}),t[7]=m,t[8]=h);let g;return t[9]!==a||t[10]!==h?(g=p(s,{"data-testid":`export-notation`,style:a,children:[l,h]}),t[9]=a,t[10]=h,t[11]=g):g=t[11],g}function D(e,t){return f(O,{entry:e},`${e.title}-${t}`)}function O(e){let t=d(30),{entry:i}=e,a=n(),o;t[0]!==i.color||t[1]!==a?(o=a.colors(i.color),t[0]=i.color,t[1]=a,t[2]=o):o=t[2];let c=o.elements,l;t[3]!==c.fill||t[4]!==c.hiContrast||t[5]!==c.loContrast||t[6]!==c.stroke?(l={"--likec4-palette-fill":c.fill,"--likec4-palette-stroke":c.stroke,"--likec4-palette-hiContrast":c.hiContrast,"--likec4-palette-loContrast":c.loContrast,display:`grid`,gridTemplateColumns:`64px 1fr`,columnGap:10,alignItems:`center`,height:68,overflow:`hidden`},t[3]=c.fill,t[4]=c.hiContrast,t[5]=c.loContrast,t[6]=c.stroke,t[7]=l):l=t[7];let u=l,m;t[8]===Symbol.for(`react.memo_cache_sentinel`)?(m={display:`flex`,flexWrap:`wrap`,gap:3,marginBottom:5,maxHeight:31,overflow:`hidden`},t[8]=m):m=t[8];let h=m,g;t[9]===Symbol.for(`react.memo_cache_sentinel`)?(g={display:`inline-flex`,alignItems:`center`,height:14,maxWidth:`100%`,paddingLeft:4,paddingRight:4,borderRadius:2,background:`var(--likec4-palette-fill)`,color:`var(--likec4-palette-hiContrast)`,fontSize:9.5,fontWeight:500,lineHeight:1,textTransform:`lowercase`,whiteSpace:`nowrap`},t[9]=g):g=t[9];let _=g,v;t[10]===Symbol.for(`react.memo_cache_sentinel`)?(v={overflow:`hidden`,display:`-webkit-box`,WebkitBoxOrient:`vertical`,WebkitLineClamp:2,fontSize:13,fontWeight:500,lineHeight:1.2},t[10]=v):v=t[10];let y=v,b=i.color,x;t[11]===Symbol.for(`react.memo_cache_sentinel`)?(x={position:`relative`,width:56,height:38},t[11]=x):x=t[11];let S;t[12]===i.shape?S=t[13]:(S=f(s,{style:x,children:f(r,{data:{shape:i.shape,width:300,height:200},showSelectionOutline:!1})}),t[12]=i.shape,t[13]=S);let C;t[14]===Symbol.for(`react.memo_cache_sentinel`)?(C={minWidth:0},t[14]=C):C=t[14];let w;if(t[15]!==i.kinds){let e;t[17]===Symbol.for(`react.memo_cache_sentinel`)?(e=e=>f(s,{as:`span`,style:_,children:e},e),t[17]=e):e=t[17],w=i.kinds.map(e),t[15]=i.kinds,t[16]=w}else w=t[16];let T;t[18]===w?T=t[19]:(T=f(s,{style:h,children:w}),t[18]=w,t[19]=T);let E;t[20]===i.title?E=t[21]:(E=f(s,{style:y,children:i.title}),t[20]=i.title,t[21]=E);let D;t[22]!==T||t[23]!==E?(D=p(s,{css:C,children:[T,E]}),t[22]=T,t[23]=E,t[24]=D):D=t[24];let O;return t[25]!==i.color||t[26]!==u||t[27]!==D||t[28]!==S?(O=p(s,{"data-likec4-color":b,style:u,children:[S,D]}),t[25]=i.color,t[26]=u,t[27]=D,t[28]=S,t[29]=O):O=t[29],O}export{C as t};