likec4 1.56.0 → 1.58.0

package/__app__/src/pages/ProjectsOverview.mjs

@@ -1 +0,0 @@
-import"../../chunks/rolldown-runtime.mjs";import{Z as e,v as t}from"../../chunks/libs/remeda.mjs";import{Wt as n}from"../../chunks/libs/@mantine/core.mjs";import{M as r}from"../../chunks/styled-system.mjs";import{c as i}from"../../chunks/libs/@tabler/icons-react.mjs";import{p as a}from"../../chunks/libs/@react-hookz/web.mjs";import{l as o,m as s,s as c,u as l,x as u}from"../../chunks/libs/@xyflow/react.mjs";import{n as d}from"../../chunks/libs/fast-equals.mjs";import{C as f,F as p,M as m,N as h,S as g,a as _,b as v,c as y,d as b,f as x,i as S,j as C,k as ee,m as w,o as T,p as te,q as E,s as ne,t as re,u as ie,x as D}from"../../chunks/LikeC4Styles.mjs";import{Sr as O,ar as k,pr as A}from"../../chunks/libs/framer-motion.mjs";import{n as j,r as M,t as ae}from"../../chunks/libs/motion-dom.mjs";import{n as N,r as oe,t as P}from"../../chunks/libs/@xstate/react.mjs";import{t as F}from"../../chunks/useLikeC4Project.mjs";import{t as I}from"../../chunks/libs/xstate.mjs";import{t as L}from"../../chunks/NavigationPanel.mjs";import{createContext as R,memo as z,useContext as B,useEffect as V,useRef as H}from"react";import{c as U}from"react/compiler-runtime";import{jsx as W,jsxs as G}from"react/jsx-runtime";import{invariant as K,nonNullable as q,nonexhaustive as se}from"@likec4/core";import{useLikeC4ProjectsOverview as ce}from"likec4:projects-overview";function layoutedProjectsViewToXYFlow(e){return{xynodes:t(e.nodes,projectNodeToXY),xyedges:t(e.edges,projectEdgeToXY)}}function projectNodeToXY({id:e,x:t,y:n,width:r,height:i,...a}){return{id:e,position:{x:t,y:n},type:`project`,initialWidth:r,initialHeight:i,draggable:!1,deletable:!1,zIndex:m.Element,style:{width:r,height:i},data:{id:e,width:r,height:i,...a}}}function projectEdgeToXY({id:e,source:t,target:n,...r}){return{id:e,source:t,target:n,type:`relationship`,zIndex:m.Edge,deletable:!1,data:{id:e,technology:null,labelBBox:null,...r}}}const J=`likec4:projects-overview:lastViewport`,Y={read(){try{let e=sessionStorage.getItem(J);return e?JSON.parse(e):null}catch(e){return console.error(`Error reading fromStorage ${J}:`,e),null}},write(e){if(!e){sessionStorage.removeItem(J);return}sessionStorage.setItem(J,JSON.stringify(e))}};oe();const X=(0,N.setup)({types:{context:{},tags:``,input:{},events:{},emitted:{}},guards:{isReady:({context:e})=>e.initialized.xydata&&e.initialized.xyflow&&!!e.xystore&&!!e.xyflow,"click: selected node":({event:e})=>e.type===`xyflow.click.node`&&e.node.selected===!0}}),updateView=()=>X.assign(({event:e})=>{(0,N.assertEvent)(e,`update.view`);let{xynodes:t,xyedges:n}=layoutedProjectsViewToXYFlow(e.view);return{view:e.view,xynodes:t,xyedges:n}}),xyflowApplyNodeChanges=()=>X.assign(({context:e,event:t})=>((0,N.assertEvent)(t,`xyflow.applyNodeChanges`),{xynodes:l(t.changes,e.xynodes)})),xyflowApplyEdgeChanges=()=>X.assign(({context:e,event:t})=>((0,N.assertEvent)(t,`xyflow.applyEdgeChanges`),{xyedges:o(t.changes,e.xyedges)})),onMouseEnterOrLeave=()=>X.assign(({context:e,event:t})=>{(0,N.assertEvent)(t,[`xyflow.mouse.enter.edge`,`xyflow.mouse.leave.edge`,`xyflow.mouse.enter.node`,`xyflow.mouse.leave.node`]);let n=t.type.startsWith(`xyflow.mouse.enter`);switch(t.type){case`xyflow.mouse.enter.edge`:case`xyflow.mouse.leave.edge`:{let r=t.edge.id;return{xyedges:e.xyedges.map(e=>e.id===r?h.setHovered(e,n):e)}}case`xyflow.mouse.enter.node`:case`xyflow.mouse.leave.node`:{let r=t.node.id;return{xynodes:e.xynodes.map(e=>e.id===r?h.setHovered(e,n):e)}}default:se(t)}}),saveViewport=()=>X.createAction(({context:e})=>{let t=e.xyflow;t&&Y.write(t.getViewport())}),handleClick=()=>X.enqueueActions(({event:e,enqueue:t})=>{if(e.type===`xyflow.click.double`){t(fitDiagram());return}}),fitDiagram=e=>X.enqueueActions(({context:t,event:n})=>{let r=t.view.bounds,i;e?(r=e.bounds??t.view.bounds,i=e.duration):n.type===`xyflow.fitDiagram`&&(r=n.bounds??t.view.bounds,i=n.duration),i??=450;let{width:a,height:o,panZoom:s,transform:c}=q(t.xystore).getState(),l=Math.max(1,c[2]),d=u(r,a,o,C,l,t.fitViewPadding);d.x=Math.round(d.x),d.y=Math.round(d.y);let f=i>0?{duration:i,interpolate:`smooth`}:void 0;s?.setViewport(d,f).catch(e=>{console.error(`Error during fitDiagram panZoom setViewport`,{err:e})}),Y.write(null)}),restoreViewport=()=>X.enqueueActions(({context:e,enqueue:t})=>{let n=Y.read();if(n){q(e.xyflow).setViewport(n,{duration:0});return}t(fitDiagram({duration:0}))}),dispose=()=>X.assign({xyflow:null,xystore:null,initialized:{xyflow:!1,xydata:!1},xyedges:[],xynodes:[]}),assignNavigateTo=()=>X.assign(({event:e,context:t})=>{let n;switch(e.type){case`xyflow.click.node`:n=e.node;break;case`navigate.to`:n=q(t.xynodes.find(t=>t.id===e.fromNode),`Node ${e.fromNode} not found`);break;default:return console.warn(`Unexpected event ${e.type} in assignNavigateTo`),{}}return{navigateTo:n}}),Z=X.createMachine({id:`projects-overview`,context:({input:e})=>({...e,initialized:{xydata:!1,xyflow:!1},xyflow:null,xystore:null,xynodes:[],xyedges:[]}),initial:`init`,on:{close:{target:`.closed`}},states:{init:{on:{"update.view":{actions:[updateView(),(0,I.assign)(({context:e})=>({initialized:{...e.initialized,xydata:!0}}))],target:`isReady`},"xyflow.init":{actions:[(0,I.assign)(({context:e,event:t})=>({initialized:{...e.initialized,xyflow:!0},xyflow:t.xyflow,xystore:t.xystore}))],target:`isReady`}}},isReady:{always:[{guard:`isReady`,target:`active`},{target:`init`}]},active:{tags:`active`,entry:[restoreViewport()],on:{"navigate.to":{actions:assignNavigateTo(),target:`navigate`},"xyflow.applyNodeChanges":{actions:xyflowApplyNodeChanges()},"xyflow.applyEdgeChanges":{actions:xyflowApplyEdgeChanges()},"xyflow.mouse.*":{actions:onMouseEnterOrLeave()},"xyflow.click.*":[{guard:`click: selected node`,actions:assignNavigateTo(),target:`navigate`},{actions:handleClick()}],"xyflow.fitDiagram":{actions:fitDiagram()},"update.view":{actions:updateView()}}},navigate:{tags:`active`,entry:[saveViewport(),(0,I.assign)({xyedges:[]}),({context:{navigateTo:t,xyflow:n,xystore:r},self:i})=>{K(n&&t,`Invalid state, xyflow is undefined`);let{width:a,domNode:o}=q(r).getState(),s=e(Math.min(a*7/9/t.data.width),{min:C,max:2.5}),c={x:Math.round(-s*t.position.x+(a-s*t.data.width)/2),y:Math.round(-s*t.position.y)+50},l=n.getViewport(),u=o.querySelectorAll(`.react-flow__node-project:not([data-id="${t.id}"]) > *`),d=k(u,{opacity:0,scale:.9},{visualDuration:.25,delay:j(.08,{from:`center`})}),f=O(1),p=ae(f,[1,0],[`translate(${l.x}px, ${l.y}px) scale(${l.zoom})`,`translate(${c.x}px, ${c.y}px) scale(${s})`]),m=M(o.querySelector(`.xyflow__viewport`),{transform:p}),h=M(o.querySelector(`.react-flow__node-project:is([data-id="${t.id}"]) > *`),{opacity:f}),g=k(f,0,{delay:u.length>3?.25:0,type:`spring`,stiffness:350,damping:40,mass:1.5,visualDuration:.55});Promise.race([g.finished,sleep(750)]).then(()=>{m(),h(),g.stop(),d.stop(),i.send({type:`emit.navigate.to`,projectId:t.data.projectId})})}],on:{"emit.navigate.to":{actions:(0,I.emit)(({event:e})=>({...e,type:`navigate.to`}))}}},closed:{id:`closed`,type:`final`,entry:dispose()}}});function sleep(e){return new Promise(t=>setTimeout(t,e))}const Q=R(null),le=Q.Provider;function useProjectsOverviewActor(){let e=U(2),t=B(Q),n;return e[0]===t?n=e[1]:(n=q(t,`No ProjectsOverviewActorContext`),e[0]=t,e[1]=n),n}const ProjectsOverviewPanel=()=>{let e=U(1),t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=W(L.Root,{children:G(L.Body,{children:[W(L.Logo,{}),W(L.Label,{children:`Projects Overview`})]})}),e[0]=t):t=e[0],t},ue=_(e=>{let t=p(e.data.points);return G(w,{...e,children:[W(b,{edgeProps:e,svgPath:t}),W(x,{edgeProps:e,children:W(te,{edgeProps:e})})]})});function ProjectNode(e){let t=U(19),r=useProjectsOverviewActor(),t0;t[0]!==r||t[1]!==e.data.id||t[2]!==e.data.projectId?(t0=t=>{t.stopPropagation(),r.send({type:`navigate.to`,fromNode:e.data.id,projectId:e.data.projectId})},t[0]=r,t[1]=e.data.id,t[2]=e.data.projectId,t[3]=t0):t0=t[3];let a=n(t0),o,s;t[4]===e?(o=t[5],s=t[6]):(o=W(T,{...e}),s=W(y,{...e}),t[4]=e,t[5]=o,t[6]=s);let c;t[7]===Symbol.for(`react.memo_cache_sentinel`)?(c=W(i,{}),t[7]=c):c=t[7];let l;t[8]===a?l=t[9]:(l=[{key:`navigate`,icon:c,onClick:a}],t[8]=a,t[9]=l);let u;t[10]!==e||t[11]!==l?(u=W(ie,{...e,buttons:l}),t[10]=e,t[11]=l,t[12]=u):u=t[12];let d;t[13]===Symbol.for(`react.memo_cache_sentinel`)?(d=W(S,{}),t[13]=d):d=t[13];let f;return t[14]!==e||t[15]!==o||t[16]!==s||t[17]!==u?(f=G(ne,{layout:!0,nodeProps:e,children:[o,s,u,d]},e.id),t[14]=e,t[15]=o,t[16]=s,t[17]=u,t[18]=f):f=t[18],f}function useProjectsOverviewState(e,t){let n=t===void 0?d:t;return(0,P.useSelector)(useProjectsOverviewActor(),e,n)}function useProjectsOverviewXYStoreApi(){return s()}const de={project:ProjectNode},fe={relationship:ue},selector=e=>({isActive:e.hasTag(`active`),nodes:e.context.xynodes,edges:e.context.xyedges}),selectorEq=(e,t)=>e.isActive===t.isActive&&d(e.nodes,t.nodes)&&d(e.edges,t.edges),$=z(e=>{let t=U(45),n,i;t[0]===e?(n=t[1],i=t[2]):({background:i,...n}=e,t[0]=e,t[1]=n,t[2]=i);let a=i===void 0?`dots`:i,o=useProjectsOverviewActor(),{isActive:s,nodes:c,edges:l}=useProjectsOverviewState(selector,selectorEq),u=useProjectsOverviewXYStoreApi(),d=s?`initialized`:`not-initialized`,f;t[3]===d?f=t[4]:(f=r(d,`projects-overview`),t[3]=d,t[4]=f);let t4;t[5]===o?t4=t[6]:(t4=(e,t)=>{e.stopPropagation(),o.send({type:`xyflow.click.node`,node:t})},t[5]=o,t[6]=t4);let p=E(t4),t6;t[7]===o?t6=t[8]:(t6=(e,t)=>{e.stopPropagation(),o.send({type:`xyflow.click.edge`,edge:t})},t[7]=o,t[8]=t6);let m=E(t6),t8;t[9]===o?t8=t[10]:(t8=e=>{e.stopPropagation(),o.send({type:`xyflow.click.pane`})},t[9]=o,t[10]=t8);let h=E(t8),t10;t[11]===o?t10=t[12]:(t10=e=>{e.stopPropagation(),o.send({type:`xyflow.click.double`})},t[11]=o,t[12]=t10);let g=E(t10),t12;t[13]===o?t12=t[14]:(t12=e=>{o.send({type:`xyflow.applyNodeChanges`,changes:e})},t[13]=o,t[14]=t12);let _=E(t12),t14;t[15]===o?t14=t[16]:(t14=e=>{o.send({type:`xyflow.applyEdgeChanges`,changes:e})},t[15]=o,t[16]=t14);let v=E(t14),t16;t[17]===o?t16=t[18]:(t16=(e,t)=>{o.send({type:`xyflow.mouse.enter.edge`,edge:t,event:e})},t[17]=o,t[18]=t16);let y=E(t16),t18;t[19]===o?t18=t[20]:(t18=(e,t)=>{o.send({type:`xyflow.mouse.leave.edge`,edge:t,event:e})},t[19]=o,t[20]=t18);let b=E(t18),t20;t[21]===o?t20=t[22]:(t20=(e,t)=>{o.send({type:`xyflow.mouse.enter.node`,node:t})},t[21]=o,t[22]=t20);let x=E(t20),t22;t[23]===o?t22=t[24]:(t22=(e,t)=>{o.send({type:`xyflow.mouse.leave.node`,node:t})},t[23]=o,t[24]=t22);let S=E(t22),t24;t[25]!==o||t[26]!==u?(t24=e=>{o.send({type:`xyflow.init`,xyflow:e,xystore:u})},t[25]=o,t[26]=u,t[27]=t24):t24=t[27];let C=E(t24),w;return t[28]!==a||t[29]!==l||t[30]!==c||t[31]!==n||t[32]!==g||t[33]!==_||t[34]!==v||t[35]!==y||t[36]!==b||t[37]!==x||t[38]!==S||t[39]!==C||t[40]!==f||t[41]!==p||t[42]!==m||t[43]!==h?(w=W(ee,{nodes:c,edges:l,className:f,nodeTypes:de,edgeTypes:fe,fitView:!1,onNodeClick:p,onEdgeClick:m,onPaneClick:h,onDoubleClick:g,onNodesChange:_,onEdgesChange:v,onEdgeMouseEnter:y,onEdgeMouseLeave:b,onNodeMouseEnter:x,onNodeMouseLeave:S,onInit:C,nodesDraggable:!1,nodesSelectable:!0,pannable:!0,zoomable:!0,background:a,...n}),t[28]=a,t[29]=l,t[30]=c,t[31]=n,t[32]=g,t[33]=_,t[34]=v,t[35]=y,t[36]=b,t[37]=x,t[38]=S,t[39]=C,t[40]=f,t[41]=p,t[42]=m,t[43]=h,t[44]=w):w=t[44],w});$.displayName=`ProjectsOverviewXY`;function ProjectsOverview({view:e,onNavigateToProject:t,fitViewPadding:n={top:`50px`,bottom:`32px`,left:`32px`,right:`32px`},...r}){let i=(0,P.useActorRef)(Z,{input:{view:e,fitViewPadding:n}});V(()=>{i.send({type:`update.view`,view:e})},[i,e]);let o=a(t);V(()=>{let e=[i.on(`navigate.to`,({projectId:e})=>{o.current?.(e)})];return()=>{e.forEach(e=>e.unsubscribe())}},[i]);let s=e.bounds;return W(le,{value:i,children:G(c,{...H({initialNodes:[],initialEdges:[],initialWidth:s.width,initialHeight:s.height,fitView:!1}).current,children:[W(A,{id:i.sessionId,inherit:!1,children:W($,{...r})}),W(ProjectsOverviewPanel,{})]})})}function LikeC4ProjectsOverview({view:e,className:t,onNavigateToProject:n,...r}){let i=F(),a=v();return n??=i,W(g,{children:G(D,{children:[W(re,{id:a}),W(f,{id:a,className:t,children:W(ProjectsOverview,{view:e,onNavigateToProject:n,...r})})]})})}function ProjectsOverviewPage(){let e=U(3),t=F(),n=ce(),r;return e[0]!==t||e[1]!==n?(r=W(LikeC4ProjectsOverview,{view:n,onNavigateToProject:t}),e[0]=t,e[1]=n,e[2]=r):r=e[2],r}export{ProjectsOverviewPage};

package/__app__/src/pages/ViewAsD2.mjs

@@ -1 +0,0 @@
-import"../../chunks/rolldown-runtime.mjs";import{H as e,W as t,xt as n}from"../../chunks/libs/@mantine/core.mjs";import{E as r}from"../../chunks/styled-system.mjs";import{t as i}from"../../chunks/libs/@react-hookz/web.mjs";import{n as a,r as o,t as s}from"../../chunks/libs/react-resizable-panels.mjs";import{a as c,i as l,n as u,r as d,t as f}from"../../chunks/styles.css.mjs";import{c as p}from"react/compiler-runtime";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{krokiD2SvgUrl as _}from"likec4:app-config";const fetchFromKroki=async e=>await(await fetch(_,{method:`POST`,cache:`force-cache`,body:JSON.stringify({diagram_source:e,output_format:`svg`}),headers:{"Content-Type":`application/json`}})).text();function ViewAsD2(_){let v=p(18),{d2Source:y}=_,[b,x]=i(fetchFromKroki,null),{execute:S}=x,C;v[0]===Symbol.for(`react.memo_cache_sentinel`)?(C={viewport:{borderRadius:6}},v[0]=C):C=v[0];let w;v[1]===y?w=v[2]:(w=h(o,{children:g(n,{className:u,p:5,styles:C,children:[h(e,{block:!0,className:f,children:y}),h(c,{text:y})]})}),v[1]=y,v[2]=w);let T;v[3]===Symbol.for(`react.memo_cache_sentinel`)?(T=h(a,{style:{width:10}}),v[3]=T):T=v[3];let E;v[4]!==y||v[5]!==S||v[6]!==b.error?.message||v[7]!==b.status?(E=b.status!==`success`&&g(m,{children:[h(t,{mt:`xs`,variant:`light`,disabled:b.status===`loading`,onClick:()=>void S(y),children:b.status===`loading`?`Loading...`:`Render with Kroki`}),b.status===`error`&&h(r,{children:b.error?.message})]}),v[4]=y,v[5]=S,v[6]=b.error?.message,v[7]=b.status,v[8]=E):E=v[8];let D;v[9]!==b.result||v[10]!==b.status?(D=b.status===`success`&&h(r,{className:d,children:b.result?h(`div`,{dangerouslySetInnerHTML:{__html:b.result}}):h(r,{children:`Empty result`})}),v[9]=b.result,v[10]=b.status,v[11]=D):D=v[11];let O;v[12]!==E||v[13]!==D?(O=h(o,{children:g(n,{h:`100%`,children:[E,D]})}),v[12]=E,v[13]=D,v[14]=O):O=v[14];let k;return v[15]!==w||v[16]!==O?(k=h(m,{children:g(s,{className:l,orientation:`horizontal`,children:[w,T,O]})}),v[15]=w,v[16]=O,v[17]=k):k=v[17],k}export{ViewAsD2};

package/__app__/src/pages/ViewAsDot.mjs

@@ -1 +0,0 @@
-import"../../chunks/rolldown-runtime.mjs";import{H as e,xt as t}from"../../chunks/libs/@mantine/core.mjs";import{n,r,t as i}from"../../chunks/libs/react-resizable-panels.mjs";import{a,i as o,n as s,r as c,t as l}from"../../chunks/styles.css.mjs";import{c as u}from"react/compiler-runtime";import{Fragment as d,jsx as f,jsxs as p}from"react/jsx-runtime";function ViewAsDot(m){let h=u(9),{dot:g,dotSvg:_}=m,v;h[0]===Symbol.for(`react.memo_cache_sentinel`)?(v={viewport:{borderRadius:6}},h[0]=v):v=h[0];let y;h[1]===g?y=h[2]:(y=f(r,{children:p(t,{className:s,p:5,styles:v,children:[f(e,{block:!0,className:l,children:g}),f(a,{text:g})]})}),h[1]=g,h[2]=y);let b;h[3]===Symbol.for(`react.memo_cache_sentinel`)?(b=f(n,{style:{width:10}}),h[3]=b):b=h[3];let x;h[4]===_?x=h[5]:(x=f(r,{children:f(t,{h:`100%`,children:f(`div`,{className:c,dangerouslySetInnerHTML:{__html:_}})})}),h[4]=_,h[5]=x);let S;return h[6]!==y||h[7]!==x?(S=f(d,{children:p(i,{className:o,children:[y,b,x]})}),h[6]=y,h[7]=x,h[8]=S):S=h[8],S}export{ViewAsDot};

package/__app__/src/pages/ViewAsMmd.mjs

@@ -1 +0,0 @@
-import"../../chunks/rolldown-runtime.mjs";import{H as e,Ot as t,xt as n}from"../../chunks/libs/@mantine/core.mjs";import{E as r}from"../../chunks/styled-system.mjs";import{t as i}from"../../chunks/libs/@react-hookz/web.mjs";import{n as a,r as o,t as s}from"../../chunks/libs/react-resizable-panels.mjs";import{a as c,i as l,n as u,r as d,t as f}from"../../chunks/styles.css.mjs";import{useEffect as p}from"react";import{c as m}from"react/compiler-runtime";import{Fragment as h,jsx as g,jsxs as _}from"react/jsx-runtime";const renderSvg=async(e,t,n)=>{let{default:r}=await import(`https://cdn.jsdelivr.net/npm/mermaid@11.12/dist/mermaid.esm.min.mjs`);r.initialize({theme:n});let{svg:i}=await r.render(e,t);return i};function ViewAsMmd(v){let y=m(20),{viewId:b,mmdSource:x}=v,{colorScheme:S}=t(),C=S===`auto`?`dark`:S,[w,T]=i(renderSvg,null),{execute:E}=T,t2;y[0]!==E||y[1]!==x||y[2]!==C||y[3]!==b?(t2=()=>{E(b,x,C)},y[0]=E,y[1]=x,y[2]=C,y[3]=b,y[4]=t2):t2=y[4];let D;y[5]!==x||y[6]!==C||y[7]!==b?(D=[x,C,b],y[5]=x,y[6]=C,y[7]=b,y[8]=D):D=y[8],p(t2,D);let O;y[9]===Symbol.for(`react.memo_cache_sentinel`)?(O={viewport:{borderRadius:6}},y[9]=O):O=y[9];let k;y[10]===x?k=y[11]:(k=g(o,{children:_(n,{className:u,p:5,styles:O,children:[g(e,{block:!0,className:f,children:x}),g(c,{text:x})]})}),y[10]=x,y[11]=k);let A;y[12]===Symbol.for(`react.memo_cache_sentinel`)?(A=g(a,{style:{width:10}}),y[12]=A):A=y[12];let j;y[13]===w.result?j=y[14]:(j=w.result&&g(r,{className:d,dangerouslySetInnerHTML:{__html:w.result}}),y[13]=w.result,y[14]=j);let M;y[15]===j?M=y[16]:(M=g(o,{children:g(n,{h:`100%`,children:j})}),y[15]=j,y[16]=M);let N;return y[17]!==k||y[18]!==M?(N=g(h,{children:_(s,{className:l,orientation:`horizontal`,children:[k,A,M]})}),y[17]=k,y[18]=M,y[19]=N):N=y[19],N}export{ViewAsMmd};

package/__app__/src/pages/ViewAsPuml.mjs

@@ -1 +0,0 @@
-import"../../chunks/rolldown-runtime.mjs";import{H as e,W as t,xt as n}from"../../chunks/libs/@mantine/core.mjs";import{E as r}from"../../chunks/styled-system.mjs";import{t as i}from"../../chunks/libs/@react-hookz/web.mjs";import{n as a,r as o,t as s}from"../../chunks/libs/react-resizable-panels.mjs";import{a as c,i as l,n as u,r as d,t as f}from"../../chunks/styles.css.mjs";import{c as p}from"react/compiler-runtime";import{Fragment as m,jsx as h,jsxs as g}from"react/jsx-runtime";import{krokiPumlSvgUrl as _}from"likec4:app-config";const fetchFromKroki=async e=>await(await fetch(_,{method:`POST`,cache:`force-cache`,body:JSON.stringify({diagram_source:e,output_format:`svg`}),headers:{"Content-Type":`application/json`}})).text();function ViewAsPuml(_){let v=p(18),{pumlSource:y}=_,[b,x]=i(fetchFromKroki,null),{execute:S}=x,C;v[0]===Symbol.for(`react.memo_cache_sentinel`)?(C={viewport:{borderRadius:6}},v[0]=C):C=v[0];let w;v[1]===y?w=v[2]:(w=h(o,{children:g(n,{className:u,p:5,styles:C,children:[h(e,{block:!0,className:f,children:y}),h(c,{text:y})]})}),v[1]=y,v[2]=w);let T;v[3]===Symbol.for(`react.memo_cache_sentinel`)?(T=h(a,{style:{width:10}}),v[3]=T):T=v[3];let E;v[4]!==S||v[5]!==b.error?.message||v[6]!==b.status||v[7]!==y?(E=b.status!==`success`&&g(m,{children:[h(t,{mt:`xs`,variant:`light`,disabled:b.status===`loading`,onClick:()=>void S(y),children:b.status===`loading`?`Loading...`:`Render with Kroki`}),b.status===`error`&&h(r,{children:b.error?.message})]}),v[4]=S,v[5]=b.error?.message,v[6]=b.status,v[7]=y,v[8]=E):E=v[8];let D;v[9]!==b.result||v[10]!==b.status?(D=b.status===`success`&&h(r,{className:d,children:b.result?h(`div`,{dangerouslySetInnerHTML:{__html:b.result}}):h(r,{children:`Empty result`})}),v[9]=b.result,v[10]=b.status,v[11]=D):D=v[11];let O;v[12]!==E||v[13]!==D?(O=h(o,{children:g(n,{h:`100%`,children:[E,D]})}),v[12]=E,v[13]=D,v[14]=O):O=v[14];let k;return v[15]!==w||v[16]!==O?(k=h(m,{children:g(s,{className:l,orientation:`horizontal`,children:[w,T,O]})}),v[15]=w,v[16]=O,v[17]=k):k=v[17],k}export{ViewAsPuml};

package/__app__/src/pages/ViewEditor.mjs

@@ -1 +0,0 @@
-import"../../chunks/rolldown-runtime.mjs";import{l as e,u as t}from"../../chunks/libs/@tanstack/react-router.mjs";import{Wt as n}from"../../chunks/libs/@mantine/core.mjs";import{a as r,n as i,r as a,t as o}from"../../chunks/ViewReact.mjs";import{g as s}from"../../chunks/DiagramActorProvider.mjs";import{t as c}from"../../chunks/LikeC4Diagram.mjs";import{n as l}from"../../chunks/safeCtx.mjs";import{n as u,t as d}from"../../chunks/hooks.mjs";import{c as f}from"react/compiler-runtime";import{jsx as p,jsxs as m}from"react/jsx-runtime";import{isDevelopment as h}from"likec4:app-config";import{likec4rpc as g}from"likec4:rpc";function ViewEditor(){let _=f(29),v=e(),y=d(),[b,x]=u(),S=l(),C;_[0]===Symbol.for(`react.memo_cache_sentinel`)?(C={strict:!1},_[0]=C):C=_[0];let{dynamic:w}=t(C),t1;_[1]===v?t1=_[2]:(t1=e=>{v({to:`./`,viewTransition:!1,params:t=>({...t,viewId:e}),search:!0})},_[1]=v,_[2]=t1);let T=n(t1);if(!b){let e;return _[3]===Symbol.for(`react.memo_cache_sentinel`)?(e=p(r,{}),_[3]=e):e=_[3],e}let E;_[4]===b.notation?.nodes?E=_[5]:(E=b.notation?.nodes??[],_[4]=b.notation?.nodes,_[5]=E);let D=E.length>0,t3;_[6]===S?t3=_[7]:(t3=(e,t)=>{let n=S.get().view(e);return t===`auto`?n.$view:n.$layouted},_[6]=S,_[7]=t3);let t4;_[8]===y?t4=_[9]:(t4=(e,t)=>{let n={projectId:y.id,viewId:e,change:t};return g.updateView(n)},_[8]=y,_[9]=t4);let O;_[10]!==t3||_[11]!==t4?(O={fetchView:t3,handleChange:t4},_[10]=t3,_[11]=t4,_[12]=O):O=_[12];let k;_[13]===Symbol.for(`react.memo_cache_sentinel`)?(k={top:`70px`,bottom:`32px`,left:`50px`,right:`32px`},_[13]=k):k=_[13];let A=h||D,t8;_[14]===v?t8=_[15]:(t8=()=>{v({to:`/`})},_[14]=v,_[15]=t8);let j,M,N;_[16]===Symbol.for(`react.memo_cache_sentinel`)?(N=p(i,{}),j=p(a,{}),M=p(o,{}),_[16]=j,_[17]=M,_[18]=N):(j=_[16],M=_[17],N=_[18]);let P;_[19]!==w||_[20]!==T||_[21]!==x||_[22]!==A||_[23]!==t8||_[24]!==b?(P=m(c,{view:b,zoomable:!0,pannable:!0,controls:!0,fitViewPadding:k,showNavigationButtons:!0,enableNotations:A,enableSearch:!0,enableDynamicViewWalkthrough:!0,enableFocusMode:!0,enableElementDetails:!0,enableRelationshipDetails:!0,enableRelationshipBrowser:!0,enableElementTags:!0,enableCompareWithLatest:!0,dynamicViewVariant:w,onNavigateTo:T,onLayoutTypeChange:x,onLogoClick:t8,children:[N,j,M]}),_[19]=w,_[20]=T,_[21]=x,_[22]=A,_[23]=t8,_[24]=b,_[25]=P):P=_[25];let F;return _[26]!==P||_[27]!==O?(F=p(s,{editor:O,children:P}),_[26]=P,_[27]=O,_[28]=F):F=_[28],F}export{ViewEditor};

package/__app__/src/pages/ViewReact.mjs

@@ -1 +0,0 @@
-import{i as e,n as t,r as n,t as r}from"../../chunks/ViewReact.mjs";export{r as FocusElementFromUrl,t as ListenForDynamicVariantChange,n as OpenRelationshipBrowserFromUrl,e as ViewReact};

package/__app__/src/routeTree.gen.mjs

@@ -1 +0,0 @@
-import"../chunks/rolldown-runtime.mjs";import{t as e}from"../chunks/single-index.mjs";import{t}from"../chunks/__root.mjs";import{Route as n}from"./routes/projects.mjs";import{Route as r}from"./routes/_single/route.mjs";import{Route as i}from"./routes/index.mjs";import{Route as a}from"./routes/_single/adhoc.mjs";import{Route as o}from"./routes/project._projectId/route.mjs";import{Route as s}from"./routes/project._projectId/index.mjs";import{Route as c}from"./routes/project._projectId/adhoc.mjs";import{Route as l}from"./routes/_single/webcomponent._.mjs";import{Route as u}from"./routes/_single/view._viewId.mjs";import{Route as d}from"./routes/_single/export._viewId.mjs";import{Route as f}from"./routes/_single/embed._viewId.mjs";import{Route as p}from"./routes/_single/view._viewId.index.mjs";import{Route as m}from"./routes/project._projectId/view._viewId.mjs";import{Route as h}from"./routes/project._projectId/export._viewId.mjs";import{Route as g}from"./routes/project._projectId/embed._viewId.mjs";import{Route as _}from"./routes/_single/view._viewId.puml.mjs";import{Route as v}from"./routes/_single/view._viewId.mmd.mjs";import{Route as y}from"./routes/_single/view._viewId.dot.mjs";import{Route as b}from"./routes/_single/view._viewId.d2.mjs";import{Route as x}from"./routes/project._projectId/view._viewId.index.mjs";import{Route as S}from"./routes/project._projectId/view._viewId.puml.mjs";import{Route as C}from"./routes/project._projectId/view._viewId.mmd.mjs";import{Route as w}from"./routes/project._projectId/view._viewId.dot.mjs";import{Route as T}from"./routes/project._projectId/view._viewId.d2.mjs";const E=n.update({id:`/projects`,path:`/projects`,getParentRoute:()=>t}),D=r.update({id:`/_single`,getParentRoute:()=>t}),O=i.update({id:`/`,path:`/`,getParentRoute:()=>t}),k=e.update({id:`/single-index`,path:`/single-index`,getParentRoute:()=>D}),ee=a.update({id:`/adhoc`,path:`/adhoc`,getParentRoute:()=>D}),A=o.update({id:`/project/$projectId`,path:`/project/$projectId`,getParentRoute:()=>t}),j=s.update({id:`/`,path:`/`,getParentRoute:()=>A}),M=c.update({id:`/adhoc`,path:`/adhoc`,getParentRoute:()=>A}),N=l.update({id:`/webcomponent/$`,path:`/webcomponent/$`,getParentRoute:()=>D}),P=u.update({id:`/view/$viewId`,path:`/view/$viewId`,getParentRoute:()=>D}),F=d.update({id:`/export/$viewId`,path:`/export/$viewId`,getParentRoute:()=>D}),I=f.update({id:`/embed/$viewId`,path:`/embed/$viewId`,getParentRoute:()=>D}),L=p.update({id:`/`,path:`/`,getParentRoute:()=>P}),R=m.update({id:`/view/$viewId`,path:`/view/$viewId`,getParentRoute:()=>A}),z=h.update({id:`/export/$viewId`,path:`/export/$viewId`,getParentRoute:()=>A}),B=g.update({id:`/embed/$viewId`,path:`/embed/$viewId`,getParentRoute:()=>A}),V=_.update({id:`/puml`,path:`/puml`,getParentRoute:()=>P}),H=v.update({id:`/mmd`,path:`/mmd`,getParentRoute:()=>P}),U=y.update({id:`/dot`,path:`/dot`,getParentRoute:()=>P}),W=b.update({id:`/d2`,path:`/d2`,getParentRoute:()=>P}),G=x.update({id:`/`,path:`/`,getParentRoute:()=>R}),K=S.update({id:`/puml`,path:`/puml`,getParentRoute:()=>R}),q=C.update({id:`/mmd`,path:`/mmd`,getParentRoute:()=>R}),J=w.update({id:`/dot`,path:`/dot`,getParentRoute:()=>R}),Y=T.update({id:`/d2`,path:`/d2`,getParentRoute:()=>R}),X={SingleViewViewIdD2Route:W,SingleViewViewIdDotRoute:U,SingleViewViewIdMmdRoute:H,SingleViewViewIdPumlRoute:V,SingleViewViewIdIndexRoute:L},Z={SingleAdhocRoute:ee,SingleSingleIndexRoute:k,SingleEmbedViewIdRoute:I,SingleExportViewIdRoute:F,SingleViewViewIdRoute:P._addFileChildren(X),SingleWebcomponentSplatRoute:N},Q=D._addFileChildren(Z),$={ProjectProjectIdViewViewIdD2Route:Y,ProjectProjectIdViewViewIdDotRoute:J,ProjectProjectIdViewViewIdMmdRoute:q,ProjectProjectIdViewViewIdPumlRoute:K,ProjectProjectIdViewViewIdIndexRoute:G},te={ProjectProjectIdAdhocRoute:M,ProjectProjectIdIndexRoute:j,ProjectProjectIdEmbedViewIdRoute:B,ProjectProjectIdExportViewIdRoute:z,ProjectProjectIdViewViewIdRoute:R._addFileChildren($)},ne={IndexRoute:O,SingleRouteRoute:Q,ProjectsRoute:E,ProjectProjectIdRouteRoute:A._addFileChildren(te)},re=t._addFileChildren(ne)._addFileTypes();export{re as routeTree};

package/__app__/src/routes/__root.mjs

@@ -1 +0,0 @@
-import{t as e}from"../../chunks/__root.mjs";export{e as Route};

package/__app__/src/routes/_single/adhoc.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{g as e,o as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{AdHocViewEditor as n}from"../../pages/AdHocViewEditor.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{isRpcAvailable as a}from"likec4:rpc";const o=t(`/_single/adhoc`)({beforeLoad:()=>{if(!a)throw e({to:`/single-index/`})},component:Page});function Page(){let e=r(2),{projectId:t}=o.useRouteContext(),a;return e[0]===t?a=e[1]:(a=i(n,{projectId:t}),e[0]=t,e[1]=a),a}export{o as Route};

package/__app__/src/routes/_single/embed._viewId.mjs

@@ -1 +0,0 @@
-import{o as e}from"../../../chunks/libs/@tanstack/react-router.mjs";import{EmbedPage as t}from"../../pages/EmbedPage.mjs";const n=e(`/_single/embed/$viewId`)({component:t});export{n as Route};

package/__app__/src/routes/_single/export._viewId.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e}from"../../../chunks/libs/@tanstack/react-router.mjs";import{t}from"../../../chunks/libs/@tanstack/router-core.mjs";import{a as n,i as r,n as i,t as a}from"../../../chunks/libs/zod.mjs";import{lazy as o}from"react";const s=o(async()=>{let{ExportPage:e}=await import(`../../pages/ExportPage.mjs`);return{default:e}}),c=e(`/_single/export/$viewId`)({validateSearch:n({download:i().optional().catch(!1),format:a([`png`,`jpeg`]).optional().catch(`png`),quality:r().min(0).max(1).optional().catch(void 0)}),search:{middlewares:[t({download:!1,format:`png`,quality:void 0})]},component:s,wrapInSuspense:!0});export{c as Route};

package/__app__/src/routes/_single/route.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{a as e,o as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{t as n}from"../../../chunks/Fallback.mjs";import{t as r}from"../../../chunks/libs/react-error-boundary.mjs";import{n as i,r as a,t as o}from"../../../chunks/LikeC4ModelContext2.mjs";import{c as s}from"react/compiler-runtime";import{jsx as c}from"react/jsx-runtime";import{loadModel as l}from"likec4:model";const u=t(`/_single`)({staleTime:1/0,loaderDeps(){return[]},loader:async({context:e})=>{let t=e.projectId;return{$likec4model:(await l(t)).$likec4model,projectId:t}},component:RouteComponent});function RouteComponent(){let t=s(6),{$likec4model:l,projectId:d}=u.useLoaderData(),f;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(f=c(e,{}),t[0]=f):f=t[0];let p;t[1]===l?p=t[2]:(p=c(o,{likec4model:l,children:f}),t[1]=l,t[2]=p);let m;return t[3]!==d||t[4]!==p?(m=c(a,{children:c(r,{FallbackComponent:n,children:c(i,{projectId:d,children:p})})}),t[3]=d,t[4]=p,t[5]=m):m=t[5],m}export{u as Route};

package/__app__/src/routes/_single/single-index.mjs

@@ -1 +0,0 @@
-import{t as e}from"../../../chunks/single-index.mjs";export{e as Route};

package/__app__/src/routes/_single/view._viewId.d2.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e,v as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{ViewAsD2 as n}from"../../pages/ViewAsD2.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{loadD2Sources as a}from"likec4:d2";const o=e(`/_single/view/$viewId/d2`)({component:Page,staleTime:1/0,loader:async({context:e,params:n})=>{let r=e.projectId,{viewId:i}=n;try{let{d2Source:e}=await a(r);return{source:e(i)}}catch(e){throw console.error(e),t()}}});function Page(){let e=r(2),{source:t}=o.useLoaderData(),a;return e[0]===t?a=e[1]:(a=i(n,{d2Source:t}),e[0]=t,e[1]=a),a}export{o as Route};

package/__app__/src/routes/_single/view._viewId.dot.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e,v as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{ViewAsDot as n}from"../../pages/ViewAsDot.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{loadDotSources as a}from"likec4:dot";const o=e(`/_single/view/$viewId/dot`)({component:Page,staleTime:1/0,loader:async({params:e,context:n})=>{let r=n.projectId,{viewId:i}=e;try{let{dotSource:e,svgSource:t}=await a(r);return{dot:e(i),dotSvg:t(i)}}catch(e){throw console.error(e),t()}}});function Page(){let e=r(3),{dot:t,dotSvg:a}=o.useLoaderData(),s;return e[0]!==t||e[1]!==a?(s=i(n,{dot:t,dotSvg:a}),e[0]=t,e[1]=a,e[2]=s):s=e[2],s}export{o as Route};

package/__app__/src/routes/_single/view._viewId.index.mjs

@@ -1 +0,0 @@
-import{o as e}from"../../../chunks/libs/@tanstack/react-router.mjs";import{i as t}from"../../../chunks/ViewReact.mjs";import{ViewEditor as n}from"../../pages/ViewEditor.mjs";import{isRpcAvailable as r}from"likec4:rpc";const i=e(`/_single/view/$viewId/`)({component:r?n:t});export{i as Route};

package/__app__/src/routes/_single/view._viewId.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{a as e,o as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{t as n}from"../../../chunks/Fallback.mjs";import{t as r}from"../../../chunks/Header.mjs";import{c as i}from"react/compiler-runtime";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";const c=t(`/_single/view/$viewId`)({component:ViewLayout,errorComponent:({error:e,reset:t})=>o(n,{error:e,resetErrorBoundary:t})});function ViewLayout(){let t=i(1),n;return t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=s(a,{children:[o(e,{}),o(r,{})]}),t[0]=n):n=t[0],n}export{c as Route};

package/__app__/src/routes/_single/view._viewId.mmd.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e,v as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{ViewAsMmd as n}from"../../pages/ViewAsMmd.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{loadMmdSources as a}from"likec4:mmd";const o=e(`/_single/view/$viewId/mmd`)({component:Page,staleTime:1/0,loader:async({params:e,context:n})=>{let r=n.projectId,{viewId:i}=e;try{let{mmdSource:e}=await a(r);return{source:e(i)}}catch(e){throw console.error(e),t()}}});function Page(){let e=r(3),{viewId:t}=o.useParams(),{source:a}=o.useLoaderData(),s;return e[0]!==a||e[1]!==t?(s=i(n,{viewId:t,mmdSource:a}),e[0]=a,e[1]=t,e[2]=s):s=e[2],s}export{o as Route};

package/__app__/src/routes/_single/view._viewId.puml.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e,v as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{ViewAsPuml as n}from"../../pages/ViewAsPuml.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{loadPumlSources as a}from"likec4:puml";const o=e(`/_single/view/$viewId/puml`)({component:Page,staleTime:1/0,loader:async({params:e,context:n})=>{let r=n.projectId,{viewId:i}=e;try{let{pumlSource:e}=await a(r);return{source:e(i)}}catch(e){throw console.error(e),t()}}});function Page(){let e=r(2),{source:t}=o.useLoaderData(),a;return e[0]===t?a=e[1]:(a=i(n,{pumlSource:t}),e[0]=t,e[1]=a),a}export{o as Route};

package/__app__/src/routes/_single/webcomponent._.mjs

@@ -1,33 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{f as e,o as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{Ot as n}from"../../../chunks/libs/@mantine/core.mjs";import{E as r}from"../../../chunks/styled-system.mjs";import{c as i}from"react/compiler-runtime";import{jsx as a}from"react/jsx-runtime";import{ComponentName as o}from"likec4:app-config";const s=t(`/_single/webcomponent/$`)({component:WebcomponentPage});function WebcomponentPage(){let t=i(7),c=e(),l=s.useParams()._splat||`index`,{colorScheme:u}=n(),d;t[0]===c.basepath?d=t[1]:(d=c.basepath.endsWith(`/`)?c.basepath:`${c.basepath}/`,t[0]=c.basepath,t[1]=d);let f=`${d}likec4-views.js`,p;t[2]===f?p=t[3]:(p=new URL(f,window.location.href),t[2]=f,t[3]=p);let m=p,h=`
-    <!DOCTYPE html>
-    <html lang="en-US" style="color-scheme: ${u};">
-    <head>
-      <meta charset="utf-8" />
-      <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
-      <style>
-        * {
-          border-width: 0px;
-          border-style: solid;
-          box-sizing: border-box;
-          overflow-wrap: break-word;
-        }
-        html, body {
-          margin: 0;
-          background-color: transparent !important;
-          width: 100%;
-          height: 100%;
-          font-size: 16px;
-        }
-        body {
-          min-height: 100%;
-        }
-      </style>
-    </head>
-    <body>      
-      <div style="width: 100%; height: 100%; padding: clamp(0.5rem, 5vh, 4rem) clamp(0.5rem, 5vw, 5rem)">
-        <${o.View} view-id="${encodeURIComponent(l)}"></${o.View}>
-      </div>
-      <script type="module" src="${m.href}"><\/script>
-    </body>
-    </html>
-  `,g;t[4]===Symbol.for(`react.memo_cache_sentinel`)?(g={position:`fixed`,inset:`0`,width:`100%`,height:`100%`,overflow:`hidden`,"& iframe":{width:`100%`,height:`100%`,borderStyle:`none`,backgroundColor:`transparent`,overflow:`hidden`}},t[4]=g):g=t[4];let _;return t[5]===h?_=t[6]:(_=a(r,{css:g,children:a(`iframe`,{srcDoc:h,allowtransparency:`true`})}),t[5]=h,t[6]=_),_}export{s as Route};

package/__app__/src/routes/index.mjs

@@ -1 +0,0 @@
-import"../../chunks/rolldown-runtime.mjs";import{g as e,o as t}from"../../chunks/libs/@tanstack/react-router.mjs";import{projects as n}from"likec4:projects";const r=t(`/`)({beforeLoad:({context:t})=>{throw t.projects.length>1?e({to:`/projects/`,mask:{to:`/`,unmaskOnReload:!0}}):n[0]?.landingPage&&`redirect`in n[0].landingPage?e({to:`/view/$viewId/`,params:{viewId:`index`},mask:{to:`/`,unmaskOnReload:!0}}):e({to:`/single-index/`,mask:{to:`/`,unmaskOnReload:!0}})}});export{r as Route};

package/__app__/src/routes/project._projectId/-components.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{Ct as e,Gt as t,bt as n,lt as r}from"../../../chunks/libs/@mantine/core.mjs";import{M as i}from"../../../chunks/styled-system.mjs";import{c as a}from"react/compiler-runtime";import{jsx as o}from"react/jsx-runtime";function ProjectButton(s){let c=a(23),l,u,d,f;c[0]===s?(l=c[1],u=c[2],d=c[3],f=c[4]):({project:d,navigateTo:u,className:l,...f}=s,c[0]=s,c[1]=l,c[2]=u,c[3]=d,c[4]=f);let p;c[5]===l?p=c[6]:(p=i(l),c[5]=l,c[6]=p);let t2;c[7]!==u||c[8]!==d?(t2=e=>{e.stopPropagation(),u(d)},c[7]=u,c[8]=d,c[9]=t2):t2=c[9];let m;c[10]!==u||c[11]!==d?(m=t({siblingSelector:`[data-likec4-project]`,parentSelector:`[data-likec4-projects]`,activateOnFocus:!1,loop:!0,orientation:`vertical`,onKeyDown:e=>{e.nativeEvent.code===`Space`&&(e.stopPropagation(),u(d))}}),c[10]=u,c[11]=d,c[12]=m):m=c[12];let h;c[13]===Symbol.for(`react.memo_cache_sentinel`)?(h={flexGrow:1},c[13]=h):h=c[13];let g;c[14]===d?g=c[15]:(g=o(e,{style:h,children:o(r,{gap:`xs`,wrap:`nowrap`,align:`center`,children:d})}),c[14]=d,c[15]=g);let _;return c[16]!==d||c[17]!==f||c[18]!==p||c[19]!==t2||c[20]!==m||c[21]!==g?(_=o(n,{...f,className:p,"data-likec4-project":d,onClick:t2,onKeyDown:m,children:g}),c[16]=d,c[17]=f,c[18]=p,c[19]=t2,c[20]=m,c[21]=g,c[22]=_):_=c[22],_}export{ProjectButton};

package/__app__/src/routes/project._projectId/adhoc.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{g as e,o as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{AdHocViewEditor as n}from"../../pages/AdHocViewEditor.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{isRpcAvailable as a}from"likec4:rpc";const o=t(`/project/$projectId/adhoc`)({beforeLoad:({params:t})=>{if(!a)throw e({to:`/project/$projectId/`,params:{projectId:t.projectId}})},component:Page});function Page(){let e=r(2),{projectId:t}=o.useRouteContext(),a;return e[0]===t?a=e[1]:(a=i(n,{projectId:t}),e[0]=t,e[1]=a),a}export{o as Route};

package/__app__/src/routes/project._projectId/embed._viewId.mjs

@@ -1 +0,0 @@
-import{o as e}from"../../../chunks/libs/@tanstack/react-router.mjs";import{EmbedPage as t}from"../../pages/EmbedPage.mjs";const n=e(`/project/$projectId/embed/$viewId`)({component:t});export{n as Route};

package/__app__/src/routes/project._projectId/export._viewId.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e}from"../../../chunks/libs/@tanstack/react-router.mjs";import{t}from"../../../chunks/libs/@tanstack/router-core.mjs";import{a as n,i as r,n as i,t as a}from"../../../chunks/libs/zod.mjs";import{lazy as o}from"react";const s=o(async()=>{let{ExportPage:e}=await import(`../../pages/ExportPage.mjs`);return{default:e}}),c=e(`/project/$projectId/export/$viewId`)({validateSearch:n({download:i().optional().catch(!1),format:a([`png`,`jpeg`]).optional().catch(`png`),quality:r().min(0).max(1).optional().catch(void 0)}),search:{middlewares:[t({download:!1,format:`png`,quality:void 0})]},component:s,wrapInSuspense:!0});export{c as Route};

package/__app__/src/routes/project._projectId/index.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{c as e,o as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{jsx as n}from"react/jsx-runtime";const r=t(`/project/$projectId/`)({component:()=>{let{projectId:t}=r.useParams();return n(e,{to:`/project/$projectId/view/$viewId/`,replace:!0,params:{projectId:t,viewId:`index`}})}});export{r as Route};

package/__app__/src/routes/project._projectId/route.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{a as e,g as t,o as n,r,v as i}from"../../../chunks/libs/@tanstack/react-router.mjs";import{B as a,W as o,l as s,r as c}from"../../../chunks/libs/@mantine/core.mjs";import{t as l}from"../../../chunks/Fallback.mjs";import{t as u}from"../../../chunks/libs/react-error-boundary.mjs";import{n as d,r as f,t as p}from"../../../chunks/LikeC4ModelContext2.mjs";import{c as m}from"react/compiler-runtime";import{jsx as h,jsxs as g}from"react/jsx-runtime";import{loadModel as _}from"likec4:model";const v=n(`/project/$projectId`)({staleTime:1/0,beforeLoad:({params:e})=>({projectId:e.projectId}),loaderDeps(){return[]},loader:async({context:e})=>{let n=e.projectId,r=await _(n),a=r.$likec4data.value;if(!a)throw i();if(a.projectId!==n)throw t({to:`/project/$projectId/`,search:!0,params:{projectId:a.projectId}});return{$likec4model:r.$likec4model,projectId:n}},remountDeps({params:e}){return[e.projectId]},component:RouteComponent,notFoundComponent:()=>h(f,{children:h(a,{py:`xl`,children:g(s,{align:`flex-start`,children:[h(c,{children:`Project not found`}),h(o,{component:r,to:`/`,search:!0,size:`md`,children:`Open overview`})]})})})});function RouteComponent(){let t=m(6),{$likec4model:n,projectId:r}=v.useLoaderData(),i;t[0]===Symbol.for(`react.memo_cache_sentinel`)?(i=h(u,{FallbackComponent:l,children:h(e,{})}),t[0]=i):i=t[0];let a;t[1]===n?a=t[2]:(a=h(p,{likec4model:n,children:i}),t[1]=n,t[2]=a);let o;return t[3]!==r||t[4]!==a?(o=h(f,{children:h(u,{FallbackComponent:l,children:h(d,{projectId:r,children:a})})}),t[3]=r,t[4]=a,t[5]=o):o=t[5],o}export{v as Route};

package/__app__/src/routes/project._projectId/view._viewId.d2.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e,v as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{ViewAsD2 as n}from"../../pages/ViewAsD2.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{loadD2Sources as a}from"likec4:d2";const o=e(`/project/$projectId/view/$viewId/d2`)({loader:async({context:e,params:n})=>{let r=e.projectId,{viewId:i}=n;try{let{d2Source:e}=await a(r);return{source:e(i)}}catch(e){throw console.error(e),t()}},component:Page});function Page(){let e=r(2),{source:t}=o.useLoaderData(),a;return e[0]===t?a=e[1]:(a=i(n,{d2Source:t}),e[0]=t,e[1]=a),a}export{o as Route};

package/__app__/src/routes/project._projectId/view._viewId.dot.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e,v as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{ViewAsDot as n}from"../../pages/ViewAsDot.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{loadDotSources as a}from"likec4:dot";const o=e(`/project/$projectId/view/$viewId/dot`)({component:Page,loader:async({params:e,context:n})=>{let r=n.projectId,{viewId:i}=e;try{let{dotSource:e,svgSource:t}=await a(r);return{dot:e(i),dotSvg:t(i)}}catch(e){throw console.error(e),t()}}});function Page(){let e=r(3),{dot:t,dotSvg:a}=o.useLoaderData(),s;return e[0]!==t||e[1]!==a?(s=i(n,{dot:t,dotSvg:a}),e[0]=t,e[1]=a,e[2]=s):s=e[2],s}export{o as Route};

package/__app__/src/routes/project._projectId/view._viewId.index.mjs

@@ -1 +0,0 @@
-import{o as e}from"../../../chunks/libs/@tanstack/react-router.mjs";import{i as t}from"../../../chunks/ViewReact.mjs";import{ViewEditor as n}from"../../pages/ViewEditor.mjs";import{isRpcAvailable as r}from"likec4:rpc";const i=e(`/project/$projectId/view/$viewId/`)({component:r?n:t});export{i as Route};

package/__app__/src/routes/project._projectId/view._viewId.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{a as e,o as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{t as n}from"../../../chunks/Fallback.mjs";import{t as r}from"../../../chunks/Header.mjs";import{c as i}from"react/compiler-runtime";import{Fragment as a,jsx as o,jsxs as s}from"react/jsx-runtime";const c=t(`/project/$projectId/view/$viewId`)({component:ViewLayout,errorComponent:({error:e,reset:t})=>o(n,{error:e,resetErrorBoundary:t})});function ViewLayout(){let t=i(1),n;return t[0]===Symbol.for(`react.memo_cache_sentinel`)?(n=s(a,{children:[o(e,{}),o(r,{})]}),t[0]=n):n=t[0],n}export{c as Route};

package/__app__/src/routes/project._projectId/view._viewId.mmd.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e,v as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{ViewAsMmd as n}from"../../pages/ViewAsMmd.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{loadMmdSources as a}from"likec4:mmd";const o=e(`/project/$projectId/view/$viewId/mmd`)({component:Page,staleTime:1/0,loader:async({params:e,context:n})=>{let r=n.projectId,{viewId:i}=e;try{let{mmdSource:e}=await a(r);return{source:e(i)}}catch(e){throw console.error(e),t()}}});function Page(){let e=r(3),{viewId:t}=o.useParams(),{source:a}=o.useLoaderData(),s;return e[0]!==a||e[1]!==t?(s=i(n,{viewId:t,mmdSource:a}),e[0]=a,e[1]=t,e[2]=s):s=e[2],s}export{o as Route};

package/__app__/src/routes/project._projectId/view._viewId.puml.mjs

@@ -1 +0,0 @@
-import"../../../chunks/rolldown-runtime.mjs";import{o as e,v as t}from"../../../chunks/libs/@tanstack/react-router.mjs";import{ViewAsPuml as n}from"../../pages/ViewAsPuml.mjs";import{c as r}from"react/compiler-runtime";import{jsx as i}from"react/jsx-runtime";import{loadPumlSources as a}from"likec4:puml";const o=e(`/project/$projectId/view/$viewId/puml`)({component:Page,staleTime:1/0,loader:async({params:e,context:n})=>{let r=n.projectId,{viewId:i}=e;try{let{pumlSource:e}=await a(r);return{source:e(i)}}catch(e){throw console.error(e),t()}}});function Page(){let e=r(2),{source:t}=o.useLoaderData(),a;return e[0]===t?a=e[1]:(a=i(n,{pumlSource:t}),e[0]=t,e[1]=a),a}export{o as Route};

package/__app__/src/routes/projects.mjs

@@ -1 +0,0 @@
-import"../../chunks/rolldown-runtime.mjs";import{g as e,o as t}from"../../chunks/libs/@tanstack/react-router.mjs";import{d as n}from"../../chunks/libs/@mantine/hooks.mjs";import{E as r}from"../../chunks/styled-system.mjs";import{lazy as i}from"react";import{c as a}from"react/compiler-runtime";import{jsx as o}from"react/jsx-runtime";import{pageTitle as s}from"likec4:app-config";const c=i(async()=>{let{ProjectsOverviewPage:e}=await import(`../pages/ProjectsOverview.mjs`);return{default:e}}),l=t(`/projects`)({beforeLoad:async({context:t})=>{if(t.projects.length<2)throw e({to:`/single-index/`})},component:RouteComponent,wrapInSuspense:!0});function RouteComponent(){let e=a(1);n(`Projects - ${s}`);let t;return e[0]===Symbol.for(`react.memo_cache_sentinel`)?(t=o(r,{w:`100%`,h:`100%`,overflow:`hidden`,children:o(c,{})}),e[0]=t):t=e[0],t}export{l as Route};

package/dist/chunks/libs/@chevrotain/utils.mjs

@@ -1 +0,0 @@
-import"../../rolldown-runtime.mjs";function PRINT_ERROR(e){console&&console.error&&console.error(`Error: ${e}`)}function PRINT_WARNING(e){console&&console.warn&&console.warn(`Warning: ${e}`)}function timer(e){let t=new Date().getTime(),n=e();return{time:new Date().getTime()-t,value:n}}function toFastProperties(e){function FakeConstructor(){}FakeConstructor.prototype=e;let t=new FakeConstructor;function fakeAccess(){return typeof t.bar}return fakeAccess(),fakeAccess(),e}export{PRINT_WARNING as i,timer as n,PRINT_ERROR as r,toFastProperties as t};