pkgviz 0.2.5 → 0.3.0

package/package.json

@@ -14,7 +14,7 @@
     "bun": ">=1.2.18",
     "npm": ">=10.9.2"
   },
-  "version": "0.2.5",
+  "version": "0.3.0",
   "scripts": {
     "dev": "next dev --turbopack",
     "build": "next build",
@@ -34,7 +34,7 @@
     "fp-ts": "^2.16.11",
     "lucide-react": "^0.487.0",
     "meta": "^2.2.25",
-    "next": "15.4.8",
+    "next": "15.4.10",
     "next-themes": "^0.4.6",
     "radix-ui": "^1.4.3",
     "react": "^19.2.0",

package/.next/static/chunks/app/page-5757f42dcd4826f4.js

@@ -1 +0,0 @@
-(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[974],{7269:(e,t,r)=>{Promise.resolve().then(r.bind(r,7672))},7672:(e,t,r)=>{"use strict";r.d(t,{default:()=>$});var a=r(5155),n=r(2115),l=r(7340),o=r(3052),s=r(6874),d=r.n(s);function i(e){let{path:t,onNavigate:r}=e,n=t.split("/")||[""];return(0,a.jsxs)("nav",{className:"flex items-center space-x-1 text-sm",children:[(0,a.jsx)(d(),{href:"#",onClick:()=>r(""),className:"flex items-center text-foreground",children:(0,a.jsx)(l.A,{className:"h-4 w-4 mr-1"})}),n.map((e,t)=>{let l=n.length?n.slice(0,t+1).join("."):"";return(0,a.jsxs)("div",{className:"flex items-center",children:[(0,a.jsx)(o.A,{className:"h-4 w-4 text-foreground opacity-20"}),(0,a.jsx)(d(),{href:"#",onClick:()=>r(l),className:"ml-1 text-foreground",children:e})]},t)})]})}var c=r(1362);function u(){let{theme:e,setTheme:t,resolvedTheme:r}=(0,c.D)(),[l,o]=(0,n.useState)(!1);if((0,n.useEffect)(()=>o(!0),[]),!l)return null;let s="dark"===("system"===e?r:e);return(0,a.jsx)("button",{onClick:()=>t(s?"light":"dark"),"aria-label":"Toggle dark mode",className:"rounded-lg px-3 py-2 border border-blue-400 dark:border-blue-600 text-xs cursor-pointer",title:"Switch to ".concat(s?"light":"dark"," mode"),children:s?"\uD83C\uDF19 Dark":"☀️ Light"})}let g={"nav.packages":"Packages","nav.sequence":"Sequence","settings.title":"Settings","settings.showCompoundNodes":"Show Compound Nodes","settings.showVendorPackages":"Show Vendor","settings.subPackageDepth":"Subpackage depth","settings.audit":"Audit","settings.download":"Download","settings.layout":"Layout","settings.layoutSpacing":"Layout Spacing","settings.filter":"Filter",breadthfirst:"Breadthfirst",circle:"Circle",concentric:"Concentric",elk:"Elk: Layered",grid:"Grid"};function h(e){return g[e]||"{".concat(e,"}")}function f(e){let{children:t,title:r}=e,n=(()=>{let e="/Users/a_rtiphishl_e/git/pkgviz";if(!e)throw Error("Missing ENV: NEXT_PUBLIC_PROJECT_PATH");return e.replace(/\\/g,"/")})().split("/").pop()||"{unknown}";return(0,a.jsxs)("header",{className:"flex flex-row items-center justify-between text-blue-50 bg-blue-500 dark:bg-blue-950 border-b-1 border-b-neutral-200 mb-1 dark:border-b-blue-800 p-2 pb-1 gap-4",children:[(0,a.jsxs)("div",{className:"flex flex-row items-center justify-start",children:[(0,a.jsx)("h1",{className:"ml-4",children:n}),(0,a.jsx)("span",{className:"ml-2 opacity-20",children:"/"}),r&&(0,a.jsx)("strong",{className:"mx-2",children:h(r)}),t]}),(0,a.jsx)(u,{})]})}var m=r(4631);function p(){return(0,a.jsx)("div",{"data-testid":"loader",className:"h-full flex items-center justify-center",children:(0,a.jsx)(m.A,{})})}var b=r(5028),x=r(1788),w=r(6474),y=r(4073),v=r(6793);let k=e=>{let{children:t}=e;return(0,a.jsx)("div",{className:"ml-[.8rem] px-[.8rem] py-2  bg-white dark:bg-neutral-900 border-b border-b-neutral-200 dark:border-b-neutral-800",children:t})};k.displayName="Setting";var j=r(4884);function N(e){let{id:t,label:r,value:n,onToggle:l}=e;return(0,a.jsx)("form",{children:(0,a.jsxs)("div",{className:"flex items-center justify-between h-[20px]",children:[(0,a.jsx)("label",{className:"pr-[15px] leading-none text-foreground whitespace-nowrap",htmlFor:t,children:r}),(0,a.jsx)(j.bL,{className:"relative h-[18px] w-[42px] cursor-default rounded-full bg-neutral-200 dark:bg-neutral-800 outline-none data-[state=checked]:bg-neutral-200 dark:data-[state=checked]:bg-gray-700",defaultChecked:n,id:t,checked:n,onCheckedChange:l,children:(0,a.jsx)(j.zi,{className:"block size-[16px] translate-x-0.5 rounded-full bg-neutral-500 dark:bg-neutral-500 transition-transform duration-100 will-change-transform data-[state=checked]:bg-blue-500 dark:data-[state=checked]:bg-white data-[state=checked]:translate-x-[24px]"})})]})})}var C=r(9509);let S=(e,t)=>{if(t)return"true"===t||"false"!==t&&(isNaN(Number(t))?t:Number(t))};function F(e,t){let[r,a]=(0,n.useState)(()=>{try{let r=window.localStorage.getItem(e);return r?JSON.parse(r):t}catch(r){return console.warn('Error reading localStorage key "'.concat(e,'":'),r),t}});return[r,t=>{try{let n=t instanceof Function?t(r):t;a(n),window.localStorage.setItem(e,JSON.stringify(n))}catch(t){console.warn('Error setting localStorage key "'.concat(e,'":'),t)}}]}let E=(0,n.createContext)(null),T=e=>{let{children:t}=e,[r,n]=F("maxSubPackageDepth",1),[l,o]=F("showCompoundNodes",!1!==S("NEXT_PUBLIC_SETTINGS_SHOW_COMPOUNDNODES","true")),[s,d]=F("showVendorPackages",!0===S("NEXT_PUBLIC_SETTINGS_SHOW_VENDORPACKAGES","false")),[i,c]=F("subPackageDepth",(()=>{let e=S("NEXT_PUBLIC_SETTINGS_SUBPACKAGE_DEPTH","1");return"string"==typeof e&&e.length?parseInt(e):1})()||1),[u,g]=F("cytoscapeLayout",(()=>{let e=S("NEXT_PUBLIC_SETTINGS_LAYOUT","concentric");return"grid"===e?"grid":"circle"===e?"circle":"elk"===e?"elk":"concentric"})()),[h,f]=F("cytoscapeLayoutSpacing",(()=>{let e=S("NEXT_PUBLIC_SETTINGS_LAYOUT_SPACING",C.env.NEXT_PUBLIC_SETTINGS_LAYOUT_SPACING);return isNaN(Number(e))?1:Number(e)})());return(0,a.jsx)(E,{value:{cytoscapeLayout:u,cytoscapeLayoutSpacing:h,maxSubPackageDepth:r,showCompoundNodes:l,showVendorPackages:s,subPackageDepth:i,setCytoscapeLayout:g,setCytoscapeLayoutSpacing:f,setMaxSubPackageDepth:n,setSubPackageDepth:c,toggleShowCompoundNodes:()=>o(e=>!e),toggleShowVendorPackages:()=>d(e=>!e)},children:t})};function A(){let e=(0,n.use)(E);if(!e)throw Error("useSettings() must be used within a SettingsProvider");return e}let _=()=>{let{cytoscapeLayout:e,cytoscapeLayoutSpacing:t,maxSubPackageDepth:r,showCompoundNodes:n,showVendorPackages:l,subPackageDepth:o,setCytoscapeLayout:s,setCytoscapeLayoutSpacing:d,setSubPackageDepth:i,toggleShowCompoundNodes:c,toggleShowVendorPackages:u}=A();return(0,a.jsxs)("div",{className:"md:pt-14 border-r bg-neutral-100 border-r-neutral-200 dark:border-r-neutral-800 dark:bg-neutral-950",children:[(0,a.jsx)("h3",{children:h("settings.download")}),(0,a.jsxs)("div",{children:[(0,a.jsx)(k,{children:(0,a.jsxs)("a",{className:"flex flex-row items-center content-start text-xs",href:"/api/audit/json",download:!0,children:[(0,a.jsx)(x.A,{size:8,className:"mr-1"}),(0,a.jsx)("span",{children:"JSON"})]})}),(0,a.jsx)(k,{children:(0,a.jsxs)("a",{className:"flex flex-row items-center content-start text-xs",href:"/api/audit/xml",download:!0,children:[(0,a.jsx)(x.A,{size:8,className:"mr-1"}),(0,a.jsx)("span",{children:"XML"})]})})]}),(0,a.jsx)("h3",{children:h("settings.filter")}),(0,a.jsx)(k,{children:(0,a.jsx)(N,{id:"switch-show-vendor-packages",label:h("settings.showVendorPackages"),onToggle:()=>{u()},value:l})}),(0,a.jsx)(k,{children:(0,a.jsx)(N,{id:"switch-show-compound-nodes",label:h("settings.showCompoundNodes"),onToggle:()=>{c()},value:n})}),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)("h3",{children:"".concat(h("settings.subPackageDepth"),": ").concat(o)}),(0,a.jsx)(k,{children:(0,a.jsxs)(y.bL,{id:"subPackageDepth",min:1,max:r,step:1,value:[o],onValueChange:e=>{let[t]=e;return i(Number(t.toFixed(1)))},"aria-label":"Subpackage depth",className:"relative flex h-5 w-56 touch-none select-none items-center",children:[(0,a.jsx)(y.CC,{className:"relative h-1.5 grow rounded-full bg-neutral-200 dark:bg-neutral-800",children:(0,a.jsx)(y.Q6,{className:"absolute h-1.5 rounded-full bg-blue-600 dark:bg-blue-400"})}),(0,a.jsx)(y.zi,{className:"block h-4 w-4 rounded-full border border-neutral-300 bg-white shadow focus:outline-none focus:ring-2 focus:ring-blue-500 dark:border-neutral-600 dark:bg-neutral-100"})]})})]}),(0,a.jsx)("h3",{children:h("settings.layout")}),(0,a.jsx)(k,{children:(0,a.jsxs)(v.bL,{value:e,onValueChange:s,children:[(0,a.jsxs)(v.l9,{"aria-label":h("cytoscapeLayout"),className:"inline-flex items-center justify-between w-44 h-9 rounded-md px-3 border",children:[(0,a.jsx)(v.WT,{className:"text-foreground"}),(0,a.jsx)(v.In,{children:(0,a.jsx)(w.A,{})})]}),(0,a.jsx)(v.ZL,{children:(0,a.jsx)(v.UC,{position:"popper",side:"bottom",align:"start",sideOffset:6,className:"z-50 min-w-[--radix-select-trigger-width] rounded-md border bg-white dark:bg-neutral-900 shadow-md",children:(0,a.jsx)(v.LM,{className:"p-1",children:(0,a.jsx)(v.YJ,{children:["breadthfirst","circle","concentric","elk","grid"].map(e=>(0,a.jsx)(v.q7,{value:e,textValue:h(e),className:"px-2 py-1.5 rounded hover:bg-neutral-100 dark:hover:bg-neutral-800",children:(0,a.jsx)(v.p4,{children:h(e)})},e))})})})})]})}),(0,a.jsxs)("h3",{children:[h("settings.layoutSpacing"),": ",t]}),(0,a.jsx)(k,{children:(0,a.jsxs)(y.bL,{id:"spacing",min:.1,max:1,step:.1,value:[t],onValueChange:e=>{let[t]=e;return d(Number(t.toFixed(1)))},"aria-label":"Layout spacing",className:"relative flex h-5 w-56 touch-none select-none items-center",children:[(0,a.jsx)(y.CC,{className:"relative h-1.5 grow rounded-full bg-neutral-200 dark:bg-neutral-800",children:(0,a.jsx)(y.Q6,{className:"absolute h-1.5 rounded-full bg-blue-600 dark:bg-blue-400"})}),(0,a.jsx)(y.zi,{className:"block h-4 w-4 rounded-full border border-neutral-300 bg-white shadow focus:outline-none focus:ring-2 focus:ring-blue-500 dark:border-neutral-600 dark:bg-neutral-100"})]})})]})},I=(0,b.default)(()=>Promise.resolve(_),{ssr:!1}),P={light:{canvasBg:"#ffffff",edge:"#000",weightXs:"#000",weightMd:"#000",weightXl:"#000",nodeBg:"#E8F1FF",nodeBorder:"#0B5FFF",nodeBorderVendor:"#E2D5FF",nodeBgVendor:"#D1C4FF",nodeText:"#0B5FFF",selectedFill:"#0B5FFF",selectedFillVendor:"#a025aa",selectedRing:"#0B5FFF",selectedText:"#FFF"},dark:{canvasBg:"#171717",edge:"#707070",weightXs:"#5A5A5A",weightMd:"#8A8A8A",weightXl:"#C0C0C0",nodeBg:"#1E2533",nodeBgVendor:"#241431",nodeBorder:"#2A3A4A",nodeBorderVendor:"#351542",nodeText:"#E8F0FF",selectedFill:"#2E6FFF",selectedFillVendor:"#4E25AA",selectedRing:"#BBD3FF",selectedText:"#FFFFFF"}},B=e=>P[e].canvasBg;function L(e,t){let r=P[t],{thresholds:a}=function(e){var t,r;let a=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"linear",n=arguments.length>2?arguments[2]:void 0;if(!n)return{thresholds:[],counts:[]};let l=n.edges.map(e=>Number(e.data.weight)),o=null!=(r=null==(t=n)?void 0:t.edges.reduce((e,t)=>t.data.weight>e?t.data.weight:e,0))?r:0,s=[],d=Array(e).fill(0);if("linear"===a){for(let t=1;t<e;t++)s.push(t*o/e);s.push(o)}else if("log"===a){let t=Math.log(o);for(let r=1;r<e;r++)s.push(Math.exp(r*t/e));s.push(o)}else if("quantile"===a){let t=[...l].sort((e,t)=>e-t);for(let r=1;r<e;r++){let a=Math.floor(r*t.length/e);s.push(t[a])}s.push(o)}return l.forEach(e=>{for(let t=0;t<s.length;t++)if(e<=s[t]){d[t]++;break}}),{thresholds:s.map(Math.round),counts:d}}(3,"linear",e);return[{selector:"node",style:{shape:"bottom-round-rectangle","background-color":r.nodeBg,"border-color":r.nodeBorder,color:r.nodeText,label:"data(name)","text-valign":"center","text-halign":"center",width:e=>7*e.data("name").length,height:e=>e.height()/2+10,padding:"8px 8px","border-width":1,"font-size":"14px","overlay-opacity":0}},{selector:"node.isVendor",style:{"background-color":r.nodeBgVendor}},{selector:"node.packageCycle",style:{"border-color":"#d80303","border-width":3}},{selector:"node.isParent",style:{"font-weight":"bold"}},{selector:"node:selected",style:{"background-color":r.selectedFill,"border-color":r.selectedRing,"border-width":3,color:r.selectedText,"background-opacity":1,opacity:1,"overlay-opacity":0}},{selector:"node.isVendor:selected",style:{"background-color":r.selectedFillVendor}},{selector:"node:parent, node:parent:selected",style:{"background-opacity":.3,"background-color":r.selectedFill,color:r.nodeText,"border-width":2,"border-color":r.nodeBorder,"text-valign":"top","text-margin-y":-5,padding:"10px","padding-top":"20px","text-halign":"center","font-size":14,"font-weight":"bold","font-style":"italic",label:"data(name)"}},{selector:"node:parent.isVendor, node:parent.isVendor:selected",style:{"background-color":r.nodeBgVendor,"border-color":r.nodeBorderVendor}},{selector:"edge",style:{"arrow-scale":1,"target-arrow-color":r.edge,"target-arrow-shape":"chevron","target-arrow-fill":"filled","line-color":r.edge,"curve-style":"straight",opacity:1,"line-opacity":1}},{selector:"edge.hushed",style:{opacity:.1}},{selector:"edge.highlight-outgoer, edge.highlight-incomer, edge.highlight-dependency",style:{opacity:1,"line-opacity":1,width:4,"line-color":r.weightXl,"target-arrow-color":r.weightXl,"source-arrow-color":r.weightXl}},{selector:"edge[weight <= 1]",style:{label:""}},{selector:"edge[weight > 1][weight <= ".concat(a[0],"]"),style:{width:1,"line-color":r.weightXs,"target-arrow-color":r.weightXs}},{selector:"edge[weight > ".concat(a[0],"][weight <= ").concat(a[1],"]"),style:{width:4,"arrow-scale":2,"line-color":r.weightMd,"target-arrow-color":r.weightMd}},{selector:"edge[weight > ".concat(a[1],"]"),style:{width:8,"line-color":r.weightXl,"target-arrow-color":r.weightXl}},{selector:"edge.packageCycle",style:{"line-color":"#d80303","target-arrow-color":"#d80303"}},{selector:"edge.packageCycle",style:{"line-color":"#d80303","target-arrow-color":"#d80303"}}]}function V(){return[]}function D(){return[{selector:"node",style:{shape:"barrel"}},{selector:"edge",style:{}}]}function O(){return[{selector:"node",style:{}}]}var z=r(4641),X=r(3557),M=r.n(X);function U(){return[{selector:"node",style:{"edge-distances":"intersection"}}]}function G(){return[{selector:"node",style:{shape:"rectangle"}},{selector:"edge",style:{"text-margin-x":0,"text-margin-y":0}}]}z.A.use(M());let R=(e,t)=>t.some(t=>{var r;return null==(r=t.data.id)?void 0:r.startsWith("".concat(e.data.id,"."))}),W={breadthfirst:{name:"breadthfirst",animate:!1,animationDuration:500,animationEasing:void 0,avoidOverlap:!0,boundingBox:void 0,circle:!1,depthSort:void 0,directed:!0,direction:"downward",fit:!0,grid:!0,nodeDimensionsIncludeLabels:!1,roots:void 0,ready:void 0,stop:void 0,transform:function(e,t){return t}},circle:{name:"circle",fit:!0,avoidOverlap:!0,sort:(e,t)=>e.data("id").localeCompare(t.data("id"))},concentric:{name:"concentric",avoidOverlap:!0,fit:!0,padding:30,sort:(e,t)=>e.data("id").localeCompare(t.data("id"))},elk:{name:"elk",elk:{algorithm:"layered","elk.direction":"DOWN","elk.hierarchyHandling":"INCLUDE_CHILDREN"},animate:!0,animateFilter:function(){return!0},animationDuration:500,animationEasing:void 0,fit:!0,nodeDimensionsIncludeLabels:!1,nodeLayoutOptions:void 0,transform:function(e,t){return t},ready:void 0,stop:void 0,priority:function(){return null}},grid:{name:"grid",avoidOverlap:!0,sort:(e,t)=>e.data("id").localeCompare(t.data("id"))}};function Z(e){let t=[...e].sort(),r=[];for(let e of t)r.some(t=>e.startsWith(t+"."))||r.push(e);return r}function q(e,t){if(t.has(e))return e;let r=e.split(".");for(;r.length>1;){r.pop();let e=r.join(".");if(t.has(e))return e}return e}var H=r(7604);function J(e){let{cyInstance:t}=e,[r,l]=(0,n.useState)(1),[o,s]=(0,n.useState)(.1),[d,i]=(0,n.useState)(2);return(0,n.useEffect)(()=>{if(!t)return;l(t.zoom()),s(t.minZoom()),i(t.maxZoom());let e=()=>{l(t.zoom())};return t.on("zoom",e),()=>{t.off("zoom",e)}},[t]),(0,a.jsxs)("div",{className:"p-4 flex items-center justify-center gap-2 border-t border-t-gray-200 dark:border-t-gray-800",children:[(0,a.jsx)("label",{htmlFor:"zoom",children:"Zoom:"}),(0,a.jsx)("button",{type:"button",title:"Zoom to fit",onClick:()=>{t&&(t.fit(void 0,50),l(t.zoom()))},className:"p-1 rounded hover:bg-gray-100 dark:hover:bg-gray-800",children:(0,a.jsx)(H.A,{className:"cursor-pointer"})}),(0,a.jsx)("input",{id:"zoom",type:"range",min:o,max:d,step:"0.05",value:r,onChange:e=>{if(!t)return;let r=Math.min(d,Math.max(o,parseFloat(e.target.value))),a={x:t.width()/2,y:t.height()/2};t.zoom({level:r,renderedPosition:a}),l(r)},className:"w-64"}),(0,a.jsxs)("span",{className:"text-sm",children:[(100*r).toFixed(0),"%"]})]})}function Y(e){let{currentPackage:t,packageGraph:r,setCurrentPackage:l}=e,{cyRef:o,cyInstance:s}=function(e,t,r){let a=(0,n.useRef)(null),[l,o]=(0,n.useState)(null),[s,d]=(0,n.useState)(null),i=(0,n.useRef)(null),u=(0,n.useRef)(null),g=(0,n.useRef)(null);u.current=e,g.current=l;let{cytoscapeLayout:h,cytoscapeLayoutSpacing:f,showCompoundNodes:m,showVendorPackages:p,subPackageDepth:b,setMaxSubPackageDepth:x}=A(),{resolvedTheme:w}=(0,c.D)(),y="dark"===w?"dark":"light";(0,n.useEffect)(()=>{if(!e)return;let a=function(e){let t=arguments.length>1&&void 0!==arguments[1]&&arguments[1],r=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,a=e.nodes.map(e=>e.data.id),n=new Set(a),l=new Set(Z(a)),o=new Map;for(let e of a){let t=function(e,t,r,a){if(r<=1)return e;let n=e.split(".").length,l=t.split("."),o=Math.min(n+(r-1),l.length);for(let e=o;e>=n;e--){let t=l.slice(0,e).join(".");if(a.has(t))return t}return e}(q(e,l),e,r,n);o.set(e,t)}let s=new Set(o.values()),d=e.nodes.filter(e=>s.has(e.data.id)),i=new Map;for(let r of e.edges){var c,u,g,h,f;let e=r.data.source,a=r.data.target,n=null!=(c=o.get(e))?c:e,l=null!=(u=o.get(a))?u:a;if(!s.has(n)||!s.has(l)||!t&&n===l)continue;let d="".concat(n,"->").concat(l);if(i.has(d)){let e=i.get(d),t=null!=(h=r.data.weight)?h:1;e.data.weight=(null!=(f=e.data.weight)?f:0)+t}else i.set(d,{...r,data:{...r.data,source:n,target:l,weight:null!=(g=r.data.weight)?g:1}})}return{nodes:d,edges:Array.from(i.values())}}(function(e,t){if(!t)return e;let r=t.endsWith(".")?t:t+".",a=e.nodes.filter(e=>e.data.id.startsWith(r)),n=new Set(a.map(e=>e.data.id));return{nodes:a,edges:e.edges.filter(e=>n.has(e.data.source)&&n.has(e.data.target))}}(function(e,t,r){let{nodes:a,edges:n}=e;return{nodes:a.map(e=>(e.data.idInactive||(e.data.idInactive=e.data.id),t&&e.data.parentInactive?(e.data.parent=e.data.parentInactive,e.data.parentInactive=void 0):!t&&e.data.parent&&(e.data.parentInactive=e.data.parent,e.data.parent=void 0),e)).map(e=>(t?e.data.name=e.data.idInactive.split(".").pop():e.data.name=e.data.idInactive.slice(r.length?r.length+1:0),e)),edges:n}}(e,m,t),t.replace(/\//g,".")),!0,b),n=p?a:function(e){let t=e.nodes.filter(e=>!!e.data.isIntrinsic),r=new Set(t.map(e=>e.data.id));return{nodes:t,edges:e.edges.filter(e=>r.has(e.data.source)&&r.has(e.data.target))}}(a),l=function(e,t){let r=t.nodes.map(e=>e.data.id);if(!e){let e=t.nodes.filter(e=>{var t;return!(null==(t=e.data.id)?void 0:t.includes("."))});return e.length>1?"":e[0].data.id}for(;;){let t=r.filter(t=>t.startsWith(e+".")&&t.split(".").length===e.split(".").length+1);if(1===t.length)e=t[0];else break}return e}(t,n);if(l!==t)return void r(l);o({nodes:n.nodes.map(e=>{var r;let a=t.length?null==(r=e.data.id)?void 0:r.slice(t.length+1):e.data.id;return{group:"nodes",classes:e.classes||"",data:{...e.data,label:a}}}),edges:n.edges}),x(function(e){let t=e.nodes.map(e=>String(e.data.id));if(0===t.length)return 0;let r=new Set(Z(t)),a=1;for(let e of t){let t=q(e,r),n=e.split(".").length-t.split(".").length+1;n>a&&(a=n)}return a}(e))},[e,t,r,m,p,b,x]);let v=(0,n.useCallback)(e=>({...W[e],spacingFactor:f,nodeDimensionsIncludeLabels:!0,fit:!0,animate:!1,animationDuration:400}),[f]),k=(0,n.useCallback)((e,t)=>{try{var r;null==(r=i.current)||r.stop()}catch(e){}i.current=null,!e||e.destroyed()||(e.resize(),requestAnimationFrame(()=>{if(!e||e.destroyed())return;let r=e.layout(v(t));i.current=r,e.one("layoutstop",()=>{e.destroyed()||e.fit(void 0,50)}),r.run()}))},[v]);return(0,n.useEffect)(()=>{if(!a.current)return;let e=(0,z.A)({container:a.current,elements:[],hideEdgesOnViewport:!0,minZoom:.01,maxZoom:2,selectionType:"additive",style:L({nodes:[],edges:[]},y),userPanningEnabled:!0});d(e),a.current.style.background=B(y);let t=()=>{e.destroyed()||e.fit(void 0,50)},r=new ResizeObserver(()=>requestAnimationFrame(t));return r.observe(a.current),()=>{try{var t;null==(t=i.current)||t.stop()}catch(e){}i.current=null,r.disconnect(),e.destroy(),d(null)}},[y]),(0,n.useEffect)(()=>{!s||!l||s.destroyed()||(s.batch(()=>{s.elements().remove(),s.add(l)}),s.nodes().forEach(e=>{var t,a,n;let l=null==(t=g.current)?void 0:t.nodes.find(t=>t.data.id===e.data().id),o=null!=(n=null==(a=u.current)?void 0:a.nodes)?n:[];e.removeClass("isParent"),e.off("dblclick"),l&&R(l,o)&&(e.addClass("isParent"),e.on("dblclick",()=>r(e.id().replace(/\./g,"/"))))}),k(s,h))},[s,l,h,k,r]),(0,n.useEffect)(()=>{!s||!l||s.destroyed()||k(s,h)},[s,l,h,f,k]),(0,n.useEffect)(()=>{let e;if(!s)return;let t=()=>{if(s.destroyed())return;let e=s.nodes(":selected"),t=s.elements();if(t.removeClass("hushed highlight highlight-outgoer highlight-incomer"),e.empty())return;let r=e.union(e.neighborhood());t.difference(r).addClass("hushed"),e.addClass("highlight"),e.outgoers().addClass("highlight-outgoer"),e.incomers().addClass("highlight-incomer")};return s.on("select unselect","node",t),s.on("mouseover","node",e=>{if(s.destroyed())return;let t=e.target,r=g.current,a=u.current,n=null==r?void 0:r.nodes.find(e=>e.data.id===t.data().id);n&&a&&R(n,a.nodes)&&(document.body.style.cursor="pointer",r&&R(n,r.nodes))||(s.elements().subtract(t.outgoers()).subtract(t.incomers()).subtract(t).addClass("hushed"),t.addClass("highlight"),t.outgoers().addClass("highlight-outgoer"),t.incomers().addClass("highlight-incomer"))}),s.on("mouseout","node",()=>{s.destroyed()||(document.body.style.cursor="default",t())}),s.on("mouseover","edge",t=>{if(s.destroyed())return;let r=t.target;r.addClass("highlight-dependency"),e=setTimeout(()=>{s.destroyed()||(r.source().addClass("highlight-dependency"),r.target().addClass("highlight-dependency"))},150)}),s.on("mouseout","edge",t=>{if(s.destroyed())return;let r=t.target;r.removeClass("highlight-dependency"),clearTimeout(e),r.source().removeClass("highlight-dependency"),r.target().removeClass("highlight-dependency")}),()=>{var e;null==(e=s.removeAllListeners)||e.call(s),document.body.style.cursor="default"}},[s]),(0,n.useEffect)(()=>{if(!s||!l||!a.current)return;let e="breadthfirst"===h?V:"circle"===h?D:"elk"===h?U:"grid"===h?G:O;s.style([...L(l,y),...e()]).update(),a.current.style.background=B(y)},[s,l,y,h]),{cyRef:a,cyInstance:s}}(r,t,l);return(0,a.jsxs)("div",{className:"flex flex-col w-full px-8 flex-1 gap-2",children:[(0,a.jsx)("div",{ref:o,className:"h-[calc(100%-65px)]"}),(0,a.jsx)(J,{cyInstance:s})]})}let K={contentType:"application/json"};async function Q(e){let t=await fetch(e,{headers:K});return await t.json()}function $(){let[e,t]=(0,n.useState)(""),[r,l]=(0,n.useState)(null);return(0,n.useEffect)(()=>{r||Q("/api/fs/getGraph").then(l)},[r]),(0,a.jsxs)(a.Fragment,{children:[(0,a.jsx)(f,{title:"nav.packages",children:(0,a.jsx)(i,{path:e.replace(/\./g,"/"),onNavigate:e=>t(e.replace(/\//g,"."))})}),(0,a.jsx)(T,{children:(0,a.jsxs)("main",{"data-testid":"main",className:"flex flex-1 flex-row dark:bg-[#171717]",children:[(0,a.jsx)(I,{}),r?(0,a.jsx)(Y,{currentPackage:e,setCurrentPackage:t,packageGraph:r}):(0,a.jsx)(p,{})]})})]})}}},e=>{e.O(0,[747,238,772,441,964,358],()=>e(e.s=7269)),_N_E=e.O()}]);