@visulima/vis 1.0.0-alpha.19 → 1.0.0-alpha.20
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +164 -0
- package/LICENSE.md +187 -779
- package/README.md +1 -1
- package/dist/config/index.d.ts +535 -121
- package/dist/config/index.js +1 -1
- package/dist/packem_chunks/bin.js +380 -286
- package/dist/packem_chunks/config.js +15 -14
- package/dist/packem_chunks/doctor-probe.js +2 -2
- package/dist/packem_chunks/fix.js +9 -9
- package/dist/packem_chunks/handler.js +1 -1
- package/dist/packem_chunks/handler10.js +1 -2
- package/dist/packem_chunks/handler11.js +5 -1
- package/dist/packem_chunks/handler12.js +1 -5
- package/dist/packem_chunks/handler13.js +27 -1
- package/dist/packem_chunks/handler14.js +5 -20
- package/dist/packem_chunks/handler15.js +1 -1
- package/dist/packem_chunks/handler16.js +1 -1
- package/dist/packem_chunks/handler17.js +1 -1
- package/dist/packem_chunks/handler18.js +1 -1
- package/dist/packem_chunks/handler19.js +1 -5
- package/dist/packem_chunks/handler20.js +5 -2
- package/dist/packem_chunks/handler21.js +2 -18
- package/dist/packem_chunks/handler22.js +2 -1
- package/dist/packem_chunks/handler23.js +18 -1
- package/dist/packem_chunks/handler24.js +1 -5
- package/dist/packem_chunks/handler25.js +1 -1
- package/dist/packem_chunks/handler26.js +5 -3
- package/dist/packem_chunks/handler27.js +1 -1
- package/dist/packem_chunks/handler28.js +3 -1
- package/dist/packem_chunks/handler29.js +1 -7
- package/dist/packem_chunks/handler3.js +3 -3
- package/dist/packem_chunks/handler30.js +6 -22
- package/dist/packem_chunks/handler31.js +33 -3
- package/dist/packem_chunks/handler32.js +3 -1
- package/dist/packem_chunks/handler33.js +1 -2
- package/dist/packem_chunks/handler34.js +25 -24
- package/dist/packem_chunks/handler35.js +3 -3
- package/dist/packem_chunks/handler36.js +6 -21
- package/dist/packem_chunks/handler37.js +22 -428
- package/dist/packem_chunks/handler38.js +428 -6
- package/dist/packem_chunks/handler39.js +6 -5
- package/dist/packem_chunks/handler4.js +8 -2
- package/dist/packem_chunks/handler40.js +24 -10
- package/dist/packem_chunks/handler41.js +10 -24
- package/dist/packem_chunks/handler42.js +1 -1
- package/dist/packem_chunks/handler43.js +6 -6
- package/dist/packem_chunks/handler44.js +13 -13
- package/dist/packem_chunks/handler45.js +213 -3
- package/dist/packem_chunks/handler46.js +3 -27
- package/dist/packem_chunks/handler47.js +21 -161
- package/dist/packem_chunks/handler48.js +166 -33
- package/dist/packem_chunks/handler49.js +34 -0
- package/dist/packem_chunks/handler5.js +1 -8
- package/dist/packem_chunks/handler6.js +1 -1
- package/dist/packem_chunks/handler7.js +1 -1
- package/dist/packem_chunks/handler8.js +1 -1
- package/dist/packem_chunks/handler9.js +2 -1
- package/dist/packem_chunks/heal-accept.js +2 -2
- package/dist/packem_chunks/heal.js +1 -1
- package/dist/packem_chunks/help-command.js +16 -16
- package/dist/packem_chunks/index.js +6 -6
- package/dist/packem_chunks/keys-refresh.js +4 -0
- package/dist/packem_chunks/list.js +3 -0
- package/dist/packem_chunks/loader.js +1 -1
- package/dist/packem_chunks/prune.js +3 -0
- package/dist/packem_chunks/run.js +1 -0
- package/dist/packem_chunks/status.js +2 -0
- package/dist/packem_chunks/sync.js +2 -0
- package/dist/packem_chunks/sync2.js +2 -0
- package/dist/packem_chunks/tripwire.js +2 -0
- package/dist/packem_shared/advisories-DsynpacV.js +1 -0
- package/dist/packem_shared/{ai-analysis-C_GpXikx.js → ai-analysis-uYuTIIXi.js} +1 -1
- package/dist/packem_shared/{ai-cache-DrCLD4gc.js → ai-cache-DuwHYx2O.js} +1 -1
- package/dist/packem_shared/{ai-fix-CWOz12Om.js → ai-fix-DzrA-dVz.js} +4 -4
- package/dist/packem_shared/applyDefaults-BOVDw1jD.js +1 -0
- package/dist/packem_shared/build-scripts-DsWMSWDs.js +1 -0
- package/dist/packem_shared/{cache-directory-C_U1qsIw.js → cache-directory-DQak1Vjc.js} +1 -1
- package/dist/packem_shared/cyclonedx-CiHXuG8M.js +4 -0
- package/dist/packem_shared/dependency-scan-DC3nAFHS.js +1 -0
- package/dist/packem_shared/{docker-B4s1fjiN.js → docker-B-CIN_nj.js} +19 -19
- package/dist/packem_shared/{failure-log-CSC6KfcO.js → failure-log-C3LEMmkq.js} +1 -1
- package/dist/packem_shared/{flakiness-DUtrm-wS.js → flakiness-Dq6K4ymq.js} +1 -1
- package/dist/packem_shared/glob-MHJQjR39-CQ2GC0b_.js +1 -0
- package/dist/packem_shared/{lifecycle-CgK8pcfa.js → lifecycle-Dv3nAtoD.js} +2 -2
- package/dist/packem_shared/{lockfile-i-qvq_k8.js → lockfile-C5DYMHVq.js} +1 -1
- package/dist/packem_shared/manifests-B0fMp872.js +1 -0
- package/dist/packem_shared/min-release-age-BFozFonQ.js +34 -0
- package/dist/packem_shared/native-config-sync-Dvi1g2nQ.js +21 -0
- package/dist/packem_shared/registry-keys-CewRFW0e.js +1 -0
- package/dist/packem_shared/resolve-explicit-CC4Kifk5.js +5 -0
- package/dist/packem_shared/{run-summary-utils-CJv75pla.js → run-summary-utils-BaBGP3bo.js} +1 -1
- package/dist/packem_shared/{runtime-check-CBU6W8qG.js → runtime-check-BusAwPb2.js} +1 -1
- package/dist/packem_shared/scan-progress-CMynp3eA.js +2 -0
- package/dist/packem_shared/signatures-5ZdjJ2Pu.js +2 -0
- package/dist/packem_shared/{toolchain-B7dckBQ1.js → toolchain-Cc3cwyLP.js} +3 -3
- package/dist/packem_shared/typosquats-BCeR-sLf.js +1 -0
- package/dist/packem_shared/verify-07kUNTuP.js +1 -0
- package/dist/packem_shared/{vis-update-app-D0uL3eO5.js → vis-update-app-CFrlJ3mW.js} +1 -1
- package/index.d.ts +358 -0
- package/index.js +56 -53
- package/package.json +14 -13
- package/schemas/vis-config.schema.json +595 -100
- package/dist/packem_shared/applyDefaults-DLY94gWA.js +0 -1
- package/dist/packem_shared/dependency-scan-YdgNVvoz.js +0 -2
- package/dist/packem_shared/readTomlSync-1fKo0R52-DtxWULlF.js +0 -109
- package/dist/packem_shared/typosquats-B3A38-qx.js +0 -1
- package/dist/packem_shared/verify-WDStBFvK.js +0 -1
|
@@ -1,6 +1,428 @@
|
|
|
1
|
-
var re=Object.defineProperty;var E=(e,r)=>re(e,"name",{value:r,configurable:!0});import{createRequire as te}from"node:module";import{C as se,a as G,M as T,$ as Q,z as V,Q as le}from"./config.js";import{render as ce}from"@visulima/tui";import{aK as ae,aL as J,aM as de,aN as ue,aO as fe,aP as he,p as k,s as ge}from"./bin.js";import pe,{useSyncExternalStore as me,useRef as F,useCallback as _}from"react";import{o as we}from"../packem_shared/index-DH-5hsrC.js";import{sortPackageJsonStringWithOptions as Y}from"#native";import{jsxs as f,jsx as s,Fragment as ye}from"react/jsx-runtime";import{Box as a}from"@visulima/tui/components/box";import{Text as c}from"@visulima/tui/components/text";import{useApp as xe}from"@visulima/tui/hooks/use-app";import{useInput as be}from"@visulima/tui/hooks/use-input";import{useWindowSize as Se}from"@visulima/tui/hooks/use-window-size";import{ScrollView as ke}from"@visulima/tui/components/scroll-view";import{ScrollBar as ve}from"@visulima/tui/components/scroll-bar";import{f as N}from"../packem_shared/utils-DrNg0XTR.js";const oe=te(import.meta.url),M=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,ne=E(e=>{if(typeof M<"u"&&M.versions&&M.versions.node){const[r,t]=M.versions.node.split(".").map(Number);if(r>22||r===22&&t>=3||r===20&&t>=16)return M.getBuiltinModule(e)}return oe(e)},"__cjs_getBuiltinModule"),{writeFileSync:ie}=ne("node:fs");var $e=Object.defineProperty,I=E((e,r)=>$e(e,"name",{value:r,configurable:!0}),"i$1");const q={error:0,rewritten:1,"would-rewrite":1,unchanged:2},Pe=I(e=>[...e].sort((r,t)=>q[r.status]-q[t.status]),"sortByStatusRank"),Ee=I((e,r)=>r==="all"?e:r==="errors"?e.filter(t=>t.status==="error"):r==="rewritten"?e.filter(t=>t.status==="rewritten"||t.status==="would-rewrite"):e.filter(t=>t.status==="unchanged"),"filterEntries");class Oe{static{E(this,"a")}static{I(this,"SortPackageJsonStore")}#e;#r=new Set;constructor(r){this.#e={entries:Pe(r),filterType:"all",focusedPanel:"list",selectedIndex:0}}getSnapshot=I(()=>this.#e,"getSnapshot");subscribe=I(r=>(this.#r.add(r),()=>{this.#r.delete(r)}),"subscribe");getFilteredEntries=I(()=>Ee(this.#e.entries,this.#e.filterType),"getFilteredEntries");#t(){this.#e={...this.#e};for(const r of this.#r)r()}select(r){const t=this.getFilteredEntries();this.#e.selectedIndex=t.length===0?-1:Math.max(0,Math.min(r,t.length-1)),this.#t()}selectStep(r){this.select(this.#e.selectedIndex+r)}setFilter(r){this.#e.filterType=r,this.#e.selectedIndex=0,this.#t()}setFocusedPanel(r){this.#e.focusedPanel=r,this.#t()}}var je=Object.defineProperty,Ce=E((e,r)=>je(e,"name",{value:r,configurable:!0}),"c$2");const Re=Ce(({checkMode:e,entry:r,focused:t,scrollRef:l})=>r?f(a,{borderColor:t?"white":"gray",borderStyle:"single",flexDirection:"column",flexGrow:1,children:[s(a,{flexShrink:0,paddingTop:1,paddingX:2,children:s(c,{bold:!0,color:"white",children:r.relativePath})}),f(ke,{flexGrow:1,flexShrink:1,paddingX:2,ref:l,scrollbar:!0,scrollbarColor:"gray",children:[s(c,{}),f(a,{children:[s(a,{width:10,children:s(c,{dimColor:!0,children:"Status:"})}),r.status==="error"?s(c,{bold:!0,color:"red",children:"error"}):r.status==="unchanged"?s(c,{bold:!0,color:"green",children:"already sorted"}):r.status==="rewritten"?s(c,{bold:!0,color:"yellow",children:"rewritten"}):s(c,{bold:!0,color:"yellow",children:"would rewrite (--check)"})]}),f(a,{children:[s(a,{width:10,children:s(c,{dimColor:!0,children:"Path:"})}),s(c,{children:r.filePath})]}),r.error?f(ye,{children:[f(a,{flexDirection:"column",marginTop:1,children:[s(c,{dimColor:!0,children:"── "}),s(c,{bold:!0,color:"red",children:"ERROR"}),f(a,{flexDirection:"column",marginTop:1,paddingLeft:2,children:[f(a,{children:[s(a,{width:10,children:s(c,{dimColor:!0,children:"Step:"})}),s(c,{color:"yellow",children:r.error.step})]}),r.error.context&&f(a,{children:[s(a,{width:10,children:s(c,{dimColor:!0,children:"Position:"})}),s(c,{children:`line ${String(r.error.context.line)}, column ${String(r.error.context.column)}`})]}),s(a,{marginTop:1,children:s(c,{color:"red",children:r.error.message})})]})]}),r.error.context&&r.error.context.snippet.length>0&&f(a,{flexDirection:"column",marginTop:1,children:[s(c,{dimColor:!0,children:"── "}),s(c,{bold:!0,color:"white",children:"SNIPPET"}),f(a,{flexDirection:"column",marginTop:1,paddingLeft:2,children:[r.error.context.snippet.map(n=>{const i=`${n.isErrorLine?"❯":" "} ${String(n.lineNumber).padStart(4)} `;return f(a,{children:[s(c,{color:n.isErrorLine?"red":"gray",children:i}),s(c,{color:n.isErrorLine?"white":"gray",wrap:"truncate-end",children:n.content||" "})]},n.lineNumber)}),r.error.context.column>0&&s(a,{children:s(c,{color:"red",children:`${" ".repeat(7+r.error.context.column-1)}↑`})})]})]})]}):f(a,{flexDirection:"column",marginTop:1,children:[s(c,{dimColor:!0,children:"── "}),s(c,{bold:!0,color:"white",children:"KEY DIFF"}),s(a,{flexDirection:"column",marginTop:1,paddingLeft:2,children:r.diff.length===0?s(c,{dimColor:!0,children:"No top-level keys moved (sub-key reorder only)."}):r.diff.map(n=>{const i=n.toIndex-n.fromIndex,d=i<0?`↑ ${String(Math.abs(i))}`:`↓ ${String(i)}`,g=i<0?"green":"yellow";return f(a,{children:[s(a,{width:28,children:s(c,{wrap:"truncate",children:n.key})}),s(a,{width:10,children:f(c,{dimColor:!0,children:[String(n.fromIndex)," → ",String(n.toIndex)]})}),s(c,{color:g,children:d})]},n.key)})}),e&&r.status==="would-rewrite"&&s(a,{marginTop:1,paddingLeft:2,children:s(c,{dimColor:!0,children:"--check mode: no write performed."})})]})]})]}):s(a,{alignItems:"center",borderColor:"gray",borderStyle:"single",flexDirection:"column",flexGrow:1,justifyContent:"center",children:s(c,{dimColor:!0,children:"No entry selected"})}),"SortDetailPanel");var Ie=Object.defineProperty,O=E((e,r)=>Ie(e,"name",{value:r,configurable:!0}),"i");const Me={error:"red",rewritten:"yellow",unchanged:"green","would-rewrite":"yellow"},Te={error:"ERROR",rewritten:"REWROTE",unchanged:"SORTED","would-rewrite":"REWRITE"},U={error:"errors",rewritten:"rewrites",unchanged:"sorted","would-rewrite":"rewrites"},Fe={errors:"Errors",rewrites:"Rewrites",sorted:"Sorted"},Ne=[{count:O(e=>e.errors+e.rewrites+e.sorted,"count"),key:"all",label:"All",shortcut:"1"},{count:O(e=>e.rewrites,"count"),key:"rewritten",label:"Rewrites",shortcut:"2"},{count:O(e=>e.errors,"count"),key:"errors",label:"Errors",shortcut:"3"},{count:O(e=>e.sorted,"count"),key:"unchanged",label:"Sorted",shortcut:"4"}],Z=O(e=>{const r={errors:0,rewrites:0,sorted:0};for(const t of e)r[U[t.status]]++;return r},"computeGroupCounts"),De=O(({entry:e,isSelected:r})=>{const t=Me[e.status],l=Te[e.status];return f(a,{flexShrink:0,height:1,children:[s(c,{children:r?">":" "}),s(c,{children:" "}),s(c,{bold:!0,color:t,children:`[${l}]`.padEnd(10)}),s(c,{children:" "}),s(a,{flexGrow:1,children:s(c,{bold:r,inverse:r,wrap:"truncate",children:e.relativePath})}),e.status!=="error"&&e.diff.length>0&&s(c,{dimColor:!0,children:` ${String(e.diff.length)} key${e.diff.length===1?"":"s"}`})]})},"EntryRow"),Ae=O(({color:e,count:r,label:t})=>s(a,{flexShrink:0,height:1,children:s(c,{bold:!0,color:e,children:`${t} (${String(r)})`})}),"SectionHeader"),Le=O(({counts:e,entries:r,filterType:t,focused:l,selectedIndex:o,totalEntries:n,viewportHeight:i})=>{const d=l?"white":"gray",g=Z(r),b=(g.errors>0?1:0)+(g.rewrites>0?1:0)+(g.sorted>0?1:0),w=t==="all"&&b>1,p=[];let m;for(const[u,y]of r.entries()){const S=U[y.status];w&&S!==m&&(m!==void 0&&p.push({kind:"spacer"}),p.push({color:S==="errors"?"red":S==="rewrites"?"yellow":"green",count:g[S],kind:"header",label:Fe[S]}),m=S),p.push({entry:y,entryIndex:u,kind:"entry"})}const v=p.findIndex(u=>u.kind==="entry"&&u.entryIndex===o),$=v!==-1,P=p.length,h=Math.max(0,P-i);let C=0;$&&i>0&&(C=Math.min(h,Math.max(0,v-i+1)));const R=P>i&&i>0;return f(a,{borderColor:d,borderStyle:"single",flexDirection:"column",flexGrow:1,children:[f(a,{flexShrink:0,gap:1,paddingX:1,children:[s(c,{bold:!0,inverse:!0,children:" VIS SORT "}),f(c,{wrap:"truncate",children:[n," ","file",n===1?"":"s"]})]}),s(a,{flexShrink:0,gap:1,paddingX:1,paddingY:1,children:Ne.map(u=>{const y=t===u.key,S=u.count(e);return f(a,{children:[s(c,{dimColor:!y,children:"["}),s(c,{bold:y,color:y?"cyan":"gray",children:u.shortcut}),s(c,{dimColor:!y,children:"]"}),f(c,{color:y?"white":"gray",children:[" ",u.label]}),f(c,{dimColor:!0,children:[" ","(",S,")"]})]},u.key)})}),f(a,{flexDirection:"row",flexGrow:1,overflow:"hidden",children:[s(a,{flexDirection:"column",flexGrow:1,overflow:"hidden",paddingLeft:1,children:s(a,{flexDirection:"column",marginTop:-C,children:p.map((u,y)=>u.kind==="spacer"?s(a,{flexShrink:0,height:1},`s-${String(y)}`):u.kind==="header"?s(Ae,{color:u.color,count:u.count,label:u.label},`h-${u.label}`):s(De,{entry:u.entry,isSelected:u.entryIndex===o},u.entry.filePath))})}),R&&s(a,{flexShrink:0,marginLeft:1,marginRight:1,children:s(ve,{contentHeight:P,placement:"inset",scrollOffset:C,style:"block",viewportHeight:i})})]})]})},"SortListPanel");var Be=Object.defineProperty,Ge=E((e,r)=>Be(e,"name",{value:r,configurable:!0}),"T");const Je=100,H=10,_e=6,qe=1,z={1:"all",2:"rewritten",3:"errors",4:"unchanged"},He=Ge(({checkMode:e,store:r})=>{const{exit:t}=xe(),{columns:l,rows:o}=Se(),n=me(r.subscribe,r.getSnapshot),i=F(null),d=r.getFilteredEntries(),g=d[n.selectedIndex]??null,b=Z(n.entries),w=l>=Je,p=Math.max(0,o-qe),m=w?p:Math.floor(p/2),v=Math.max(0,m-_e),$=_(()=>{t()},[t]),P=F(0),h=F(void 0),C=F(!1),R=_((u,y)=>{P.current+=y,h.current=u,!C.current&&(C.current=!0,queueMicrotask(()=>{C.current=!1;const S=P.current,B=h.current;P.current=0,h.current=void 0,!(S===0||B===void 0)&&(B==="list"?r.selectStep(Math.sign(S)):i.current?.scrollBy(Math.sign(S)))}))},[r]);return be((u,y)=>{if(u==="q"||y.escape){$();return}if(z[u]){r.setFilter(z[u]);return}if(y.tab){r.setFocusedPanel(n.focusedPanel==="list"?"detail":"list");return}n.focusedPanel==="list"?y.upArrow||u==="k"?R("list",-1):(y.downArrow||u==="j")&&R("list",1):n.focusedPanel==="detail"&&(y.upArrow||u==="k"?R("detail",-1):(y.downArrow||u==="j")&&R("detail",1))}),o<H?s(a,{alignItems:"center",justifyContent:"center",children:f(c,{color:"yellow",children:["Terminal too small. Resize to at least",H," ","rows."]})}):f(a,{flexDirection:"column",height:o,width:l,children:[f(a,{flexDirection:w?"row":"column",flexGrow:1,children:[s(a,{flexBasis:"50%",flexGrow:1,flexShrink:1,children:s(Le,{counts:b,entries:d,filterType:n.filterType,focused:n.focusedPanel==="list",selectedIndex:n.selectedIndex,totalEntries:n.entries.length,viewportHeight:v})}),s(a,{flexBasis:"50%",flexGrow:1,flexShrink:1,children:s(Re,{checkMode:e,entry:g,focused:n.focusedPanel==="detail",scrollRef:i})})]}),s(a,{flexShrink:0,paddingX:1,children:s(c,{dimColor:!0,children:"↑/↓ or j/k:navigate | tab:switch panel | 1-4:filter | q:quit"})})]})},"VisSortPackageJsonApp");var ze=Object.defineProperty,j=E((e,r)=>ze(e,"name",{value:r,configurable:!0}),"c$1");const W=["types","node-addons","node","import","require","default"],We=/^git\+https:\/\/github\.com\/([^/]+)\/([^/.]+(?:\.git)?)$/,Xe=/^git\+ssh:\/\/git@github\.com\/([^/]+)\/([^/.]+(?:\.git)?)$/,D=j(e=>typeof e=="object"&&e!==null&&!Array.isArray(e),"isPlainObject"),L=j(e=>{if(e===null||typeof e!="object")return e;if(Array.isArray(e))return e.map(t=>L(t));const r={};for(const[t,l]of Object.entries(e))r[t]=L(l);return r},"cloneDeep"),Ke=j(e=>{if(!D(e))return{changed:!1,value:e};const r=Object.keys(e);return r.length===1&&r[0]==="url"&&typeof e.url=="string"?{changed:!0,value:e.url}:{changed:!1,value:e}},"tryFormatBugs"),Qe=j(e=>e.endsWith(".git")?e.slice(0,-4):e,"stripGitSuffix"),Ve=j(e=>{if(!D(e))return{changed:!1,value:e};if(typeof e.directory=="string"&&e.directory.length>0)return{changed:!1,value:e};const{type:r}=e;if(r!==void 0&&r!=="git")return{changed:!1,value:e};const{url:t}=e;if(typeof t!="string")return{changed:!1,value:e};const l=We.exec(t)??Xe.exec(t);if(!l)return{changed:!1,value:e};const o=l[1],n=Qe(l[2]??"");if(!o||!n)return{changed:!1,value:e};const i=new Set(["type","url"]);for(const d of Object.keys(e))if(!i.has(d))return{changed:!1,value:e};return{changed:!0,value:`${o}/${n}`}},"tryFormatRepository"),Ye=j(e=>{const r=Object.keys(e),t=[],l=[];for(const i of W)Object.hasOwn(e,i)&&t.push(i);for(const i of r)W.includes(i)||l.push(i);const o=[...t,...l];if(o.length===r.length&&o.every((i,d)=>i===r[d]))return{changed:!1,value:e};const n={};for(const i of o)n[i]=e[i];return{changed:!0,value:n}},"orderConditions"),ee=j(e=>{if(!D(e))return{changed:!1,value:e};let r=!1;const t={};for(const[o,n]of Object.entries(e)){const i=ee(n);t[o]=i.value,i.changed&&(r=!0)}const l=Ye(t);return{changed:r||l.changed,value:l.value}},"sortExportsRecursive"),Ue=j((e,r)=>{const t=L(e);let l=!1;if(r.formatBugs!==!1&&Object.hasOwn(t,"bugs")){const o=Ke(t.bugs);o.changed&&(t.bugs=o.value,l=!0)}if(r.formatRepository!==!1&&Object.hasOwn(t,"repository")){const o=Ve(t.repository);o.changed&&(t.repository=o.value,l=!0)}if(r.sortExports!==!1&&Object.hasOwn(t,"exports")&&D(t.exports)){const o=ee(t.exports);o.changed&&(t.exports=o.value,l=!0)}return{changed:l,pkg:t}},"formatPackageJsonFields");var Ze=Object.defineProperty,x=E((e,r)=>Ze(e,"name",{value:r,configurable:!0}),"c");const er=/at position (\d+)/,rr=/\(?line (\d+) column (\d+)\)?/,tr=x(e=>{const r=new Set,t=[],l=x(n=>{const i=se(n);!r.has(i)&&G(i)&&(r.add(i),t.push(i))},"addFile");l(T(e,"package.json"));const o=ae(e);if(o){const n=J(e,o);for(const i of n)l(T(e,i,"package.json"))}else{const n=T(e,"package.json");if(G(n)){const i=JSON.parse(Q(n)),d=Array.isArray(i.workspaces)?i.workspaces:i.workspaces?.packages;if(d){const g=J(e,d);for(const b of g)l(T(e,b,"package.json"))}}}return t},"findPackageJsonFiles"),or=x(e=>/\n([ \t]+)/.exec(e)?.[1]??" ","detectIndent"),nr=x(e=>{if(!(e===void 0||e===""))return e==="tab"||e===String.raw`\t`?" ":/^\d+$/.test(e)?" ".repeat(Number.parseInt(e,10)):e},"resolveIndentOverride"),A=x(e=>e===void 0?[]:(Array.isArray(e)?e:[e]).flatMap(r=>r.split(",")).map(r=>r.trim()).filter(r=>r.length>0),"splitList"),ir=x(e=>e.includes(`\r
|
|
2
|
-
`)
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
1
|
+
var ie=Object.defineProperty;var k=(o,e)=>ie(o,"name",{value:e,configurable:!0});import{createRequire as le}from"node:module";import{aT as G,E,j as S,q as z,y as ae,m as pe,s as he}from"./bin.js";import{projectGraphToDot as ue}from"@visulima/task-runner";import{render as fe}from"@visulima/tui";import ge,{useSyncExternalStore as me,useState as $,useRef as W,useMemo as P,useCallback as q,useEffect as xe}from"react";import{jsx as n,jsxs as r}from"react/jsx-runtime";import{Box as i}from"@visulima/tui/components/box";import{Dialog as be}from"@visulima/tui/components/dialog";import{Text as t}from"@visulima/tui/components/text";import{useApp as ye}from"@visulima/tui/hooks/use-app";import{useInput as we}from"@visulima/tui/hooks/use-input";import{useWindowSize as ve}from"@visulima/tui/hooks/use-window-size";import{ScrollView as Ce}from"@visulima/tui/components/scroll-view";import{ScrollBar as Ae}from"@visulima/tui/components/scroll-bar";const de=le(import.meta.url),N=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,se=k(o=>{if(typeof N<"u"&&N.versions&&N.versions.node){const[e,l]=N.versions.node.split(".").map(Number);if(e>22||e===22&&l>=3||e===20&&l>=16)return N.getBuiltinModule(o)}return de(o)},"__cjs_getBuiltinModule"),{writeFileSync:ce}=se("node:fs");var Ee=Object.defineProperty,T=k((o,e)=>Ee(o,"name",{value:e,configurable:!0}),"l");const ke={application:0,library:3,service:1,tool:2},_=T(o=>ke[o]??Number.MAX_SAFE_INTEGER,"typeRank"),Me=T(o=>{const e=new Map;for(const[l,d]of Object.entries(o.dependencies))for(const c of d){const s=e.get(c.target)??[];s.push(l),e.set(c.target,s)}return Object.values(o.nodes).map(l=>({deps:o.dependencies[l.name]??[],name:l.name,reverseDeps:e.get(l.name)??[],type:l.type})).sort((l,d)=>l.type!==d.type?_(l.type)-_(d.type):l.name.localeCompare(d.name))},"buildNodes"),Se=T((o,e,l)=>{let d=o;if(e==="app"?d=d.filter(c=>c.type==="application"):e==="lib"&&(d=d.filter(c=>c.type!=="application")),l){const c=l.toLowerCase();d=d.filter(s=>s.name.toLowerCase().includes(c))}return d},"filterNodes");class Te{static{k(this,"GraphStore")}static{T(this,"GraphStore")}#e;#n=new Set;#r;constructor(e){this.#r=e;const l=Me(e);this.#e={allNodes:l,filterActive:!1,filterText:"",filterType:"all",focusedPanel:"list",selectedIndex:0}}getSnapshot=T(()=>this.#e,"getSnapshot");subscribe=T(e=>(this.#n.add(e),()=>{this.#n.delete(e)}),"subscribe");getFilteredNodes(){return Se(this.#e.allNodes,this.#e.filterType,this.#e.filterText)}getStats(){const e=this.#e.allNodes.filter(c=>c.type==="application").length,l=this.#e.allNodes.length,d=Object.values(this.#r.dependencies).reduce((c,s)=>c+s.length,0);return{apps:e,deps:d,libs:l-e,total:l}}setSelectedIndex(e){const l=this.getFilteredNodes(),d=l.length===0?-1:Math.max(0,Math.min(e,l.length-1));d!==this.#e.selectedIndex&&this.#t({...this.#e,selectedIndex:d})}setFocusedPanel(e){e!==this.#e.focusedPanel&&this.#t({...this.#e,focusedPanel:e})}setFilterType(e){e!==this.#e.filterType&&this.#t({...this.#e,filterType:e,selectedIndex:0})}setFilter(e){this.#t({...this.#e,filterText:e,selectedIndex:0})}setFilterActive(e){e!==this.#e.filterActive&&this.#t({...this.#e,filterActive:e,filterText:e?this.#e.filterText:"",selectedIndex:e?this.#e.selectedIndex:0})}#t(e){this.#e=e;for(const l of this.#n)try{l()}catch{}}}var je=Object.defineProperty,De=k((o,e)=>je(o,"name",{value:e,configurable:!0}),"p");const Ne=De(({focused:o,node:e,scrollRef:l})=>{const d=o?"white":"gray";if(!e)return n(i,{alignItems:"center",borderColor:"gray",borderStyle:"single",flexDirection:"column",flexGrow:1,justifyContent:"center",children:n(t,{dimColor:!0,children:"No project selected"})});const c=e.type==="application",s=c?"yellow":"cyan",f=c?"Application":"Library";return n(i,{borderColor:d,borderStyle:"single",borderTopRightTitle:` ${f} `,borderTopTitle:` ${e.name} `,flexDirection:"column",flexGrow:1,children:r(Ce,{flexGrow:1,flexShrink:1,paddingX:2,ref:l,scrollbar:!0,scrollbarColor:"gray",children:[r(i,{flexDirection:"column",marginTop:1,children:[r(i,{children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"DEPENDS ON"}),r(t,{dimColor:!0,children:[" ","(",e.deps.length,")"]})]}),e.deps.length===0?n(i,{marginTop:1,paddingLeft:2,children:n(t,{dimColor:!0,children:"No dependencies"})}):n(i,{flexDirection:"column",marginTop:1,children:e.deps.map(a=>r(i,{gap:1,paddingLeft:2,children:[n(t,{color:"cyan",children:"→"}),n(t,{children:a.target}),a.type!=="static"&&r(t,{dimColor:!0,children:["(",a.type,")"]})]},a.target))})]}),r(i,{flexDirection:"column",marginTop:1,children:[r(i,{children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"REQUIRED BY"}),r(t,{dimColor:!0,children:[" ","(",e.reverseDeps.length,")"]})]}),e.reverseDeps.length===0?n(i,{marginTop:1,paddingLeft:2,children:n(t,{dimColor:!0,children:"No reverse dependencies"})}):n(i,{flexDirection:"column",marginTop:1,children:e.reverseDeps.map(a=>r(i,{gap:1,paddingLeft:2,children:[n(t,{color:"magenta",children:"←"}),n(t,{children:a})]},a))})]}),r(i,{flexDirection:"column",marginTop:1,children:[r(i,{children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"INFO"})]}),r(i,{flexDirection:"column",marginTop:1,paddingLeft:2,children:[r(i,{children:[n(i,{width:16,children:n(t,{dimColor:!0,children:"Type:"})}),n(t,{color:s,children:f})]}),r(i,{children:[n(i,{width:16,children:n(t,{dimColor:!0,children:"Dependencies:"})}),n(t,{children:String(e.deps.length)})]}),r(i,{children:[n(i,{width:16,children:n(t,{dimColor:!0,children:"Required by:"})}),n(t,{children:String(e.reverseDeps.length)})]}),r(i,{children:[n(i,{width:16,children:n(t,{dimColor:!0,children:"Connectivity:"})}),n(t,{children:String(e.deps.length+e.reverseDeps.length)})]})]})]})]})})},"ProjectDetailPanel");var Ie=Object.defineProperty,L=k((o,e)=>Ie(o,"name",{value:e,configurable:!0}),"m");const $e=[{key:"all",label:"All",shortcut:"1"},{key:"app",label:"Apps",shortcut:"2"},{key:"lib",label:"Libs",shortcut:"3"}],U=L(({isSelected:o,node:e})=>{const l=e.type==="application",d=l?"yellow":"cyan",c=l?"app":"lib";return r(i,{flexShrink:0,height:1,children:[r(t,{children:[o?"▶":" "," "]}),n(i,{flexGrow:1,children:n(t,{bold:o,inverse:o,wrap:"truncate",children:e.name})}),r(t,{color:d,children:[" ",c]}),r(t,{dimColor:!0,children:[" ","→",e.deps.length," ","←",e.reverseDeps.length]})]})},"ProjectRow"),Y=L(({count:o,label:e})=>r(i,{flexShrink:0,height:1,marginTop:1,children:[r(t,{dimColor:!0,children:["▼"," "]}),n(t,{bold:!0,color:"white",children:e.toUpperCase()}),r(t,{dimColor:!0,children:[" ","(",o,")"]})]}),"TypeHeader"),Pe=L(({filterActive:o,filterText:e,filterType:l,focused:d,nodes:c,scrollOffset:s,selectedIndex:f,stats:a,viewportHeight:y})=>{const m=d?"white":"gray",v=c.filter(w=>w.type==="application"),h=c.filter(w=>w.type!=="application"),g=[];let x=0;if(v.length>0){g.push(n(Y,{count:v.length,label:"Applications"},"hdr-apps"));for(const w of v){const A=x;g.push(n(U,{isSelected:A===f,node:w},w.name)),x++}}if(h.length>0){g.push(n(Y,{count:h.length,label:"Libraries"},"hdr-libs"));for(const w of h){const A=x;g.push(n(U,{isSelected:A===f,node:w},w.name)),x++}}let C=0;v.length>0&&(C+=2+v.length),h.length>0&&(C+=2+h.length);const M=C>y&&y>0;return r(i,{borderColor:m,borderStyle:"single",flexDirection:"column",flexGrow:1,children:[r(i,{flexShrink:0,gap:1,paddingX:1,children:[n(t,{bold:!0,inverse:!0,children:" VIS "}),r(t,{wrap:"truncate",children:[a.total," ","packages"]}),r(t,{dimColor:!0,children:["(",a.apps," ","apps,"," ",a.libs," ","libs,"," ",a.deps," ","deps)"]})]}),n(i,{flexShrink:0,gap:1,paddingX:1,paddingY:1,children:$e.map(w=>{const A=l===w.key;return r(i,{children:[n(t,{dimColor:!A,children:"["}),n(t,{bold:A,color:A?"cyan":"gray",children:w.shortcut}),n(t,{dimColor:!A,children:"]"}),r(t,{color:A?"white":"gray",children:[" ",w.label]})]},w.key)})}),o&&r(i,{flexShrink:0,paddingX:1,children:[n(t,{bold:!0,color:"white",children:"/ "}),n(t,{children:e}),n(t,{inverse:!0,children:" "})]}),r(i,{flexDirection:"row",flexGrow:1,overflow:"hidden",children:[n(i,{flexDirection:"column",flexGrow:1,overflow:"hidden",paddingLeft:1,children:n(i,{flexDirection:"column",marginTop:-s,children:g})}),M&&n(i,{flexShrink:0,marginLeft:1,marginRight:1,children:n(Ae,{contentHeight:C,placement:"inset",scrollOffset:s,style:"block",viewportHeight:y})})]})]})},"ProjectListPanel");var Le=Object.defineProperty,Oe=k((o,e)=>Le(o,"name",{value:e,configurable:!0}),"E");const Re=100,Be=40,Fe=10,X={1:"all",2:"app",3:"lib"},He=Oe(({autoExitSeconds:o=0,store:e})=>{const{exit:l}=ye(),{columns:d,rows:c}=ve(),s=me(e.subscribe,e.getSnapshot),[f,a]=$(!1),y=W(null),m=W(null),[v,h]=$(0),[g,x]=$(!1),C=P(()=>e.getFilteredNodes(),[s.allNodes,s.filterType,s.filterText]),M=P(()=>e.getStats(),[s.allNodes]),w=C[s.selectedIndex]??null,A=P(()=>{let u=0,p=0;for(const b of C)b.type==="application"?u+=1:p+=1;return{appsCount:u,libsCount:p}},[C]),O=q(u=>{const{appsCount:p,libsCount:b}=A;if(u<p)return(p>0?2:0)+u;const re=p>0?2+p:0,oe=b>0?2:0;return re+oe+(u-p)},[A]),I=Math.max(1,c-8-(s.filterActive?1:0)),D=q(u=>{const p=O(u);h(b=>p>b+I-2?Math.max(0,p-I+2):p<b+1?Math.max(0,p-1):b)},[O,I]);if(xe(()=>{m.current?.scrollToTop()},[w?.name]),we((u,p)=>{if(u==="c"&&p.ctrl){l();return}if(!g){if(f){p.escape||u==="?"?a(!1):u==="q"?(a(!1),x(!0)):p.downArrow||u==="j"?y.current?.scrollBy(1):(p.upArrow||u==="k")&&y.current?.scrollBy(-1);return}if(u==="?"){a(!0);return}if(u==="q"){x(!0);return}if(p.tab){e.setFocusedPanel(s.focusedPanel==="list"?"detail":"list");return}if(X[u]){e.setFilterType(X[u]);return}if(s.filterActive){if(p.escape){e.setFilterActive(!1);return}if(p.return){e.setFilterActive(!1);return}if(p.backspace){e.setFilter(s.filterText.slice(0,-1));return}if(u&&!p.ctrl&&!p.meta){e.setFilter(s.filterText+u);return}return}if(s.focusedPanel==="list"){if(C.length===0){u==="/"&&e.setFilterActive(!0);return}if(p.downArrow||u==="j"){const b=Math.min(s.selectedIndex+1,C.length-1);e.setSelectedIndex(b),D(b);return}if(p.upArrow||u==="k"){const b=Math.max(s.selectedIndex-1,0);e.setSelectedIndex(b),D(b);return}if(p.pageDown){const b=Math.min(s.selectedIndex+10,C.length-1);e.setSelectedIndex(b),D(b);return}if(p.pageUp){const b=Math.max(s.selectedIndex-10,0);e.setSelectedIndex(b),D(b);return}if(p.home){e.setSelectedIndex(0),h(0);return}if(p.end){const b=C.length-1;e.setSelectedIndex(b),D(b);return}if(u==="/"){e.setFilterActive(!0);return}if(p.rightArrow){e.setFocusedPanel("detail");return}return}if(s.focusedPanel==="detail"){if(p.escape||p.leftArrow){e.setFocusedPanel("list");return}if(p.downArrow||u==="j"){m.current?.scrollBy(1);return}if(p.upArrow||u==="k"){m.current?.scrollBy(-1);return}if(p.pageDown){m.current?.scrollBy(10);return}if(p.pageUp){m.current?.scrollBy(-10);return}if(p.home){m.current?.scrollToTop();return}p.end&&m.current?.scrollToBottom()}}},{isActive:!0}),d<Be||c<Fe)return n(i,{alignItems:"center",height:c,justifyContent:"center",width:d,children:r(t,{color:"yellow",children:["Terminal too small (",d,"x",c,")"]})});const te=d>=Re,R=n(i,{borderBottom:!1,borderColor:"gray",borderLeft:!1,borderRight:!1,borderStyle:"single",flexShrink:0,children:r(i,{flexWrap:"wrap",gap:2,paddingX:1,children:[r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"q"}),n(t,{dimColor:!0,children:"QUIT"})]},"q"),r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"?"}),n(t,{dimColor:!0,children:"HELP"})]},"?"),r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"↑↓"}),n(t,{dimColor:!0,children:"NAV"})]},"nav"),r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"1-3 /"}),n(t,{dimColor:!0,children:"FILTER"})]},"f"),r(i,{gap:1,children:[n(t,{bold:!0,color:"white",children:"Tab"}),n(t,{dimColor:!0,children:"PANEL"})]},"t")]})}),B=r(be,{footer:r(t,{dimColor:!0,children:[n(t,{bold:!0,color:"white",children:"↑↓"})," ","scroll"," ",n(t,{bold:!0,color:"white",children:"?"}),"/",n(t,{bold:!0,color:"white",children:"Esc"})," ","close"]}),scrollRef:y,title:"KEYBOARD SHORTCUTS",visible:f,width:52,children:[r(i,{flexDirection:"column",marginBottom:1,children:[r(i,{marginBottom:1,children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"NAVIGATION"})]}),r(i,{children:[n(i,{width:24,children:r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","↑","/k"]}),n(t,{dimColor:!0,children:" Move up"})]})}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","↓","/j"]}),n(t,{dimColor:!0,children:" Move down"})]})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","Tab"]}),n(t,{dimColor:!0,children:" Switch panel"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","→","/","←"]}),n(t,{dimColor:!0,children:" Focus detail/list"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","PgUp/PgDn"]}),n(t,{dimColor:!0,children:" Jump 10 items"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","Home/End"]}),n(t,{dimColor:!0,children:" Jump to start/end"})]})]}),r(i,{flexDirection:"column",marginBottom:1,children:[r(i,{marginBottom:1,children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"FILTERS"})]}),r(i,{children:[n(i,{width:24,children:r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","1"]}),n(t,{dimColor:!0,children:" All"})]})}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","2"]}),n(t,{dimColor:!0,children:" Apps only"})]})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","3"]}),n(t,{dimColor:!0,children:" Libraries only"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","/"]}),n(t,{dimColor:!0,children:" Text filter"})]})]}),r(i,{flexDirection:"column",children:[r(i,{marginBottom:1,children:[n(t,{dimColor:!0,children:"── "}),n(t,{bold:!0,color:"white",children:"ACTIONS"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","q"]}),n(t,{dimColor:!0,children:" Quit"})]}),r(t,{children:[r(t,{bold:!0,color:"white",children:[" ","?"]}),n(t,{dimColor:!0,children:" Toggle help"})]})]})]}),F=n(Pe,{filterActive:s.filterActive,filterText:s.filterText,filterType:s.filterType,focused:s.focusedPanel==="list",nodes:C,scrollOffset:v,selectedIndex:s.selectedIndex,stats:M,viewportHeight:I}),H=n(Ne,{focused:s.focusedPanel==="detail",node:w,scrollRef:m});if(te){const u=Math.floor(d*.35);return r(i,{flexDirection:"column",height:c,width:d,children:[r(i,{flexDirection:"row",flexGrow:1,children:[n(i,{flexGrow:1,children:F}),n(i,{width:u,children:H})]}),R,n(G,{autoExitSeconds:o??3,onCancel:k(()=>{x(!1)},"onCancel"),visible:g}),B]})}const ne=Math.floor(c*.55);return r(i,{flexDirection:"column",height:c,width:d,children:[n(i,{height:ne,children:F}),n(i,{flexGrow:1,children:H}),R,n(G,{autoExitSeconds:o??3,onCancel:k(()=>{x(!1)},"onCancel"),visible:g}),B]})},"VisGraphApp");var J=Object.freeze,Z=Object.defineProperty,j=k((o,e)=>Z(o,"name",{value:e,configurable:!0}),"x"),Ge=k((o,e)=>J(Z(o,"raw",{value:J(e||o.slice())})),"C");const ee=j((o,e,l,d,c,s,f,a)=>{const y=l?E("└── "):E("├── "),m=c.has(o),v=m?E(" (*)"):"",h=d.get(o),g=h?.type==="application"?S(o):o;if(s.push(`${e}${y}${g}${v}`),m)return;c.add(o);const x=h?.deps??[],C=l?`${e} `:`${e}${E("│")} `;if(a>=f&&x.length>0){s.push(`${C}${E(`... ${x.length} more`)}`);return}for(let M=0;M<x.length;M++){const w=x[M];w&&ee(w.target,C,M===x.length-1,d,c,s,f,a+1)}},"printDepsTree"),V=j((o,e,l,d,c,s)=>{const f=e.get(o),a=f?.type==="application"?S(o):o;d.push(`${s}${a}`),l.add(o);const y=f?.deps??[];if(y.length===0){d.push(`${s} ${E("(no dependencies)")}`);return}if(c<=0){d.push(`${s} ${E(`... ${y.length} dependencies`)}`);return}for(let m=0;m<y.length;m++){const v=y[m];v&&ee(v.target,s,m===y.length-1,e,l,d,c,1)}},"printRootProject"),Q=j((o,e)=>{const l=new Map;for(const[h,g]of Object.entries(o.nodes))l.set(h,{deps:(o.dependencies[h]??[]).map(x=>({target:x.target,type:x.type})),name:h,type:g.type});const d=[],c=[];for(const[h,g]of l)g.type==="application"?d.push(h):c.push(h);d.sort(),c.sort();const s=d.length+c.length,f=Object.values(o.dependencies).reduce((h,g)=>h+g.length,0),a=[S("Project Dependency Graph"),""];if(d.length>0){a.push(` ${S(z(`Applications (${d.length})`))}`,"");for(const h of d)V(h,l,new Set,a,e," "),a.push("")}if(c.length>0){a.push(` ${S(z(`Libraries (${c.length})`))}`,"");for(const h of c)V(h,l,new Set,a,e," "),a.push("")}const y=process.stdout.columns||80;a.push(E("─".repeat(Math.min(y,60)))),a.push(`${S(String(s))} packages ${E("·")} ${S(String(f))} dependencies ${E("·")} ${S(String(d.length))} apps${E(",")} ${S(String(c.length))} libraries`);const m=new Set;let v=!1;for(const h of[...d,...c]){const g=l.get(h)?.deps??[];for(const x of g)m.has(x.target)&&(v=!0),m.add(x.target);m.add(h)}return v&&a.push(E("(*) = already shown above")),a.join(`
|
|
2
|
+
`)},"projectGraphToAscii"),ze=j(o=>{const e=Object.values(o.nodes).map(l=>({name:l.name,type:l.type}));return{edges:Object.values(o.dependencies).flat(),nodes:e}},"projectGraphToJson");var K;const We=j(o=>{const e=Object.values(o.nodes).map(f=>({name:f.name,type:f.type})),l=[];for(const f of Object.values(o.dependencies))for(const a of f)l.push({source:a.source,target:a.target,type:a.type});const d=e.filter(f=>f.type==="application"),c=e.filter(f=>f.type!=="application"),s={apps:d.length,edges:l,libs:c.length,nodes:e};return String.raw(K||(K=Ge([`<!DOCTYPE html>
|
|
3
|
+
<html lang="en">
|
|
4
|
+
<head>
|
|
5
|
+
<meta charset="UTF-8">
|
|
6
|
+
<title>Project Dependency Graph</title>
|
|
7
|
+
<style>
|
|
8
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
9
|
+
body { font-family: system-ui, -apple-system, sans-serif; background: #0f172a; color: #e2e8f0; overflow: hidden; }
|
|
10
|
+
svg { width: 100vw; height: 100vh; }
|
|
11
|
+
.edge { fill: none; marker-end: url(#arrow); }
|
|
12
|
+
.node rect { rx: 8; ry: 8; cursor: pointer; transition: stroke-width 0.15s; }
|
|
13
|
+
.node text { font-size: 12px; font-weight: 600; pointer-events: none; }
|
|
14
|
+
.node:hover rect { stroke-width: 2.5; stroke: #fff; }
|
|
15
|
+
#info { position: fixed; top: 16px; right: 16px; background: #1e293b; padding: 14px 20px; border-radius: 10px; font-size: 13px; border: 1px solid #334155; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
|
|
16
|
+
#info b { font-variant-numeric: tabular-nums; }
|
|
17
|
+
.app-count { color: #fbbf24; }
|
|
18
|
+
.lib-count { color: #38bdf8; }
|
|
19
|
+
.dep-count { color: #a78bfa; }
|
|
20
|
+
#legend { position: fixed; bottom: 16px; left: 16px; background: #1e293b; padding: 12px 16px; border-radius: 10px; font-size: 12px; border: 1px solid #334155; display: flex; gap: 16px; align-items: center; }
|
|
21
|
+
.legend-dot { width: 12px; height: 12px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 6px; }
|
|
22
|
+
#tooltip { position: fixed; display: none; background: #1e293b; border: 1px solid #475569; border-radius: 8px; padding: 12px 16px; font-size: 12px; max-width: 320px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); z-index: 10; pointer-events: none; }
|
|
23
|
+
#tooltip h3 { font-size: 14px; margin-bottom: 6px; }
|
|
24
|
+
#tooltip .type-badge { display: inline-block; padding: 1px 8px; border-radius: 4px; font-size: 10px; font-weight: 700; text-transform: uppercase; margin-left: 8px; }
|
|
25
|
+
#tooltip .dep-section { margin-top: 8px; color: #94a3b8; }
|
|
26
|
+
#tooltip ul { list-style: none; padding-left: 0; margin-top: 4px; }
|
|
27
|
+
#tooltip li { padding: 1px 0; color: #cbd5e1; }
|
|
28
|
+
#tooltip li::before { content: "92 "; color: #64748b; }
|
|
29
|
+
</style>
|
|
30
|
+
</head>
|
|
31
|
+
<body>
|
|
32
|
+
<div id="info">
|
|
33
|
+
<b class="app-count">`,`</b> apps ·
|
|
34
|
+
<b class="lib-count">`,`</b> libraries ·
|
|
35
|
+
<b class="dep-count">`,`</b> dependencies
|
|
36
|
+
</div>
|
|
37
|
+
<div id="legend">
|
|
38
|
+
<span><span class="legend-dot" style="background:#fbbf24"></span>Application</span>
|
|
39
|
+
<span><span class="legend-dot" style="background:#38bdf8"></span>Library</span>
|
|
40
|
+
<span style="color:#64748b">— solid = static - - - = implicit</span>
|
|
41
|
+
</div>
|
|
42
|
+
<div id="tooltip"></div>
|
|
43
|
+
<svg id="graph">
|
|
44
|
+
<defs>
|
|
45
|
+
<marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">
|
|
46
|
+
<path d="M 0 0 L 10 5 L 0 10 z" fill="#64748b"/>
|
|
47
|
+
</marker>
|
|
48
|
+
</defs>
|
|
49
|
+
</svg>
|
|
50
|
+
<script>
|
|
51
|
+
const data = `,`;
|
|
52
|
+
const svg = document.getElementById('graph');
|
|
53
|
+
const tooltip = document.getElementById('tooltip');
|
|
54
|
+
const W = window.innerWidth, H = window.innerHeight;
|
|
55
|
+
|
|
56
|
+
// Build adjacency
|
|
57
|
+
const depMap = {}, rdepMap = {};
|
|
58
|
+
data.nodes.forEach(n => { depMap[n.name] = []; rdepMap[n.name] = []; });
|
|
59
|
+
data.edges.forEach(e => { depMap[e.source]?.push(e.target); rdepMap[e.target]?.push(e.source); });
|
|
60
|
+
|
|
61
|
+
// Escape text for safe DOM insertion
|
|
62
|
+
function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.textContent; }
|
|
63
|
+
|
|
64
|
+
// Force-directed layout
|
|
65
|
+
const repulsion = 5000 + data.nodes.length * 150;
|
|
66
|
+
const nodes = data.nodes.map(n => ({
|
|
67
|
+
...n, x: W/2 + (Math.random()-0.5)*Math.min(W*0.6, 600),
|
|
68
|
+
y: H/2 + (Math.random()-0.5)*Math.min(H*0.6, 400), vx: 0, vy: 0
|
|
69
|
+
}));
|
|
70
|
+
const nodeMap = new Map(nodes.map(n => [n.name, n]));
|
|
71
|
+
const edges = data.edges.map(e => ({
|
|
72
|
+
source: nodeMap.get(e.source), target: nodeMap.get(e.target), type: e.type
|
|
73
|
+
}));
|
|
74
|
+
|
|
75
|
+
for (let iter = 0; iter < 400; iter++) {
|
|
76
|
+
for (let i = 0; i < nodes.length; i++) {
|
|
77
|
+
for (let j = i+1; j < nodes.length; j++) {
|
|
78
|
+
let dx = nodes[j].x - nodes[i].x, dy = nodes[j].y - nodes[i].y;
|
|
79
|
+
let d = Math.sqrt(dx*dx + dy*dy) || 1;
|
|
80
|
+
let f = repulsion / (d * d);
|
|
81
|
+
nodes[i].vx -= dx/d * f; nodes[i].vy -= dy/d * f;
|
|
82
|
+
nodes[j].vx += dx/d * f; nodes[j].vy += dy/d * f;
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
edges.forEach(e => {
|
|
86
|
+
if (!e.source || !e.target) {
|
|
87
|
+
return;
|
|
88
|
+
}
|
|
89
|
+
let dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;
|
|
90
|
+
let d = Math.sqrt(dx*dx + dy*dy) || 1;
|
|
91
|
+
let f = (d - 180) * 0.008;
|
|
92
|
+
e.source.vx += dx/d * f; e.source.vy += dy/d * f;
|
|
93
|
+
e.target.vx -= dx/d * f; e.target.vy -= dy/d * f;
|
|
94
|
+
});
|
|
95
|
+
nodes.forEach(n => {
|
|
96
|
+
n.vx += (W/2 - n.x) * 0.001; n.vy += (H/2 - n.y) * 0.001;
|
|
97
|
+
n.x += n.vx * 0.3; n.y += n.vy * 0.3;
|
|
98
|
+
n.vx *= 0.75; n.vy *= 0.75;
|
|
99
|
+
n.x = Math.max(80, Math.min(W-80, n.x));
|
|
100
|
+
n.y = Math.max(40, Math.min(H-40, n.y));
|
|
101
|
+
});
|
|
102
|
+
}
|
|
103
|
+
|
|
104
|
+
// Measure text widths
|
|
105
|
+
const measure = document.createElementNS('http://www.w3.org/2000/svg','text');
|
|
106
|
+
measure.setAttribute('font-size','12'); measure.setAttribute('font-weight','600');
|
|
107
|
+
measure.setAttribute('font-family','system-ui');
|
|
108
|
+
svg.appendChild(measure);
|
|
109
|
+
const widths = {};
|
|
110
|
+
nodes.forEach(n => { measure.textContent = n.name; widths[n.name] = measure.getComputedTextLength(); });
|
|
111
|
+
svg.removeChild(measure);
|
|
112
|
+
|
|
113
|
+
// Render edges
|
|
114
|
+
edges.forEach(e => {
|
|
115
|
+
if (!e.source || !e.target) {
|
|
116
|
+
return;
|
|
117
|
+
}
|
|
118
|
+
const sw = (widths[e.source.name]||80)/2 + 12;
|
|
119
|
+
const tw = (widths[e.target.name]||80)/2 + 12;
|
|
120
|
+
const dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;
|
|
121
|
+
const d = Math.sqrt(dx*dx+dy*dy)||1;
|
|
122
|
+
const x1 = e.source.x + dx/d*sw, y1 = e.source.y + dy/d*14;
|
|
123
|
+
const x2 = e.target.x - dx/d*tw, y2 = e.target.y - dy/d*14;
|
|
124
|
+
const line = document.createElementNS('http://www.w3.org/2000/svg','line');
|
|
125
|
+
line.setAttribute('x1',x1); line.setAttribute('y1',y1);
|
|
126
|
+
line.setAttribute('x2',x2); line.setAttribute('y2',y2);
|
|
127
|
+
line.setAttribute('class','edge');
|
|
128
|
+
const edgeColors = { implicit: '#475569', devDependency: '#888888', peerDependency: '#CC8800' };
|
|
129
|
+
line.setAttribute('stroke', edgeColors[e.type] || '#64748b');
|
|
130
|
+
line.setAttribute('stroke-width', '1.5');
|
|
131
|
+
if (e.type === 'implicit' || e.type === 'peerDependency') {
|
|
132
|
+
line.setAttribute('stroke-dasharray', '6,4');
|
|
133
|
+
}
|
|
134
|
+
if (e.type === 'devDependency') {
|
|
135
|
+
line.setAttribute('stroke-dasharray', '3,3');
|
|
136
|
+
}
|
|
137
|
+
svg.appendChild(line);
|
|
138
|
+
});
|
|
139
|
+
|
|
140
|
+
// Render nodes
|
|
141
|
+
nodes.forEach(n => {
|
|
142
|
+
const w = (widths[n.name]||80) + 24;
|
|
143
|
+
const h = 32;
|
|
144
|
+
const isApp = n.type === 'application';
|
|
145
|
+
const fill = isApp ? '#fbbf24' : '#38bdf8';
|
|
146
|
+
const textFill = '#0f172a';
|
|
147
|
+
const stroke = isApp ? '#f59e0b' : '#0284c7';
|
|
148
|
+
|
|
149
|
+
const g = document.createElementNS('http://www.w3.org/2000/svg','g');
|
|
150
|
+
g.setAttribute('class','node');
|
|
151
|
+
g.setAttribute('transform','translate('+(n.x - w/2)+','+(n.y - h/2)+')');
|
|
152
|
+
const rect = document.createElementNS('http://www.w3.org/2000/svg','rect');
|
|
153
|
+
rect.setAttribute('width', w); rect.setAttribute('height', h);
|
|
154
|
+
rect.setAttribute('fill', fill); rect.setAttribute('stroke', stroke); rect.setAttribute('stroke-width','1.5');
|
|
155
|
+
g.appendChild(rect);
|
|
156
|
+
const text = document.createElementNS('http://www.w3.org/2000/svg','text');
|
|
157
|
+
text.setAttribute('x', w/2); text.setAttribute('y', h/2 + 4.5);
|
|
158
|
+
text.setAttribute('text-anchor','middle'); text.setAttribute('fill', textFill);
|
|
159
|
+
text.textContent = n.name;
|
|
160
|
+
g.appendChild(text);
|
|
161
|
+
|
|
162
|
+
g.addEventListener('mouseenter', (ev) => {
|
|
163
|
+
const deps = depMap[n.name] || [];
|
|
164
|
+
const rdeps = rdepMap[n.name] || [];
|
|
165
|
+
|
|
166
|
+
// Build tooltip using safe DOM methods
|
|
167
|
+
tooltip.textContent = '';
|
|
168
|
+
|
|
169
|
+
const heading = document.createElement('h3');
|
|
170
|
+
heading.textContent = n.name;
|
|
171
|
+
const badge = document.createElement('span');
|
|
172
|
+
badge.className = 'type-badge';
|
|
173
|
+
badge.style.background = fill;
|
|
174
|
+
badge.style.color = '#0f172a';
|
|
175
|
+
badge.textContent = n.type;
|
|
176
|
+
heading.appendChild(badge);
|
|
177
|
+
tooltip.appendChild(heading);
|
|
178
|
+
|
|
179
|
+
if (deps.length) {
|
|
180
|
+
const label = document.createElement('div');
|
|
181
|
+
label.className = 'dep-section';
|
|
182
|
+
label.textContent = 'Depends on:';
|
|
183
|
+
tooltip.appendChild(label);
|
|
184
|
+
const ul = document.createElement('ul');
|
|
185
|
+
deps.forEach(d => { const li = document.createElement('li'); li.textContent = d; ul.appendChild(li); });
|
|
186
|
+
tooltip.appendChild(ul);
|
|
187
|
+
}
|
|
188
|
+
if (rdeps.length) {
|
|
189
|
+
const label = document.createElement('div');
|
|
190
|
+
label.className = 'dep-section';
|
|
191
|
+
label.textContent = 'Required by:';
|
|
192
|
+
tooltip.appendChild(label);
|
|
193
|
+
const ul = document.createElement('ul');
|
|
194
|
+
rdeps.forEach(d => { const li = document.createElement('li'); li.textContent = d; ul.appendChild(li); });
|
|
195
|
+
tooltip.appendChild(ul);
|
|
196
|
+
}
|
|
197
|
+
if (!deps.length && !rdeps.length) {
|
|
198
|
+
const empty = document.createElement('div');
|
|
199
|
+
empty.style.marginTop = '6px';
|
|
200
|
+
empty.style.color = '#64748b';
|
|
201
|
+
empty.textContent = 'No dependencies';
|
|
202
|
+
tooltip.appendChild(empty);
|
|
203
|
+
}
|
|
204
|
+
|
|
205
|
+
tooltip.style.display = 'block';
|
|
206
|
+
const rect = tooltip.getBoundingClientRect();
|
|
207
|
+
tooltip.style.left = Math.min(ev.clientX + 12, W - rect.width - 12) + 'px';
|
|
208
|
+
tooltip.style.top = Math.min(ev.clientY + 12, H - rect.height - 12) + 'px';
|
|
209
|
+
});
|
|
210
|
+
g.addEventListener('mouseleave', () => { tooltip.style.display = 'none'; });
|
|
211
|
+
svg.appendChild(g);
|
|
212
|
+
});
|
|
213
|
+
<\/script>
|
|
214
|
+
</body>
|
|
215
|
+
</html>`],[`<!DOCTYPE html>
|
|
216
|
+
<html lang="en">
|
|
217
|
+
<head>
|
|
218
|
+
<meta charset="UTF-8">
|
|
219
|
+
<title>Project Dependency Graph</title>
|
|
220
|
+
<style>
|
|
221
|
+
* { margin: 0; padding: 0; box-sizing: border-box; }
|
|
222
|
+
body { font-family: system-ui, -apple-system, sans-serif; background: #0f172a; color: #e2e8f0; overflow: hidden; }
|
|
223
|
+
svg { width: 100vw; height: 100vh; }
|
|
224
|
+
.edge { fill: none; marker-end: url(#arrow); }
|
|
225
|
+
.node rect { rx: 8; ry: 8; cursor: pointer; transition: stroke-width 0.15s; }
|
|
226
|
+
.node text { font-size: 12px; font-weight: 600; pointer-events: none; }
|
|
227
|
+
.node:hover rect { stroke-width: 2.5; stroke: #fff; }
|
|
228
|
+
#info { position: fixed; top: 16px; right: 16px; background: #1e293b; padding: 14px 20px; border-radius: 10px; font-size: 13px; border: 1px solid #334155; box-shadow: 0 4px 12px rgba(0,0,0,0.3); }
|
|
229
|
+
#info b { font-variant-numeric: tabular-nums; }
|
|
230
|
+
.app-count { color: #fbbf24; }
|
|
231
|
+
.lib-count { color: #38bdf8; }
|
|
232
|
+
.dep-count { color: #a78bfa; }
|
|
233
|
+
#legend { position: fixed; bottom: 16px; left: 16px; background: #1e293b; padding: 12px 16px; border-radius: 10px; font-size: 12px; border: 1px solid #334155; display: flex; gap: 16px; align-items: center; }
|
|
234
|
+
.legend-dot { width: 12px; height: 12px; border-radius: 3px; display: inline-block; vertical-align: middle; margin-right: 6px; }
|
|
235
|
+
#tooltip { position: fixed; display: none; background: #1e293b; border: 1px solid #475569; border-radius: 8px; padding: 12px 16px; font-size: 12px; max-width: 320px; box-shadow: 0 8px 24px rgba(0,0,0,0.4); z-index: 10; pointer-events: none; }
|
|
236
|
+
#tooltip h3 { font-size: 14px; margin-bottom: 6px; }
|
|
237
|
+
#tooltip .type-badge { display: inline-block; padding: 1px 8px; border-radius: 4px; font-size: 10px; font-weight: 700; text-transform: uppercase; margin-left: 8px; }
|
|
238
|
+
#tooltip .dep-section { margin-top: 8px; color: #94a3b8; }
|
|
239
|
+
#tooltip ul { list-style: none; padding-left: 0; margin-top: 4px; }
|
|
240
|
+
#tooltip li { padding: 1px 0; color: #cbd5e1; }
|
|
241
|
+
#tooltip li::before { content: "\\2192 "; color: #64748b; }
|
|
242
|
+
</style>
|
|
243
|
+
</head>
|
|
244
|
+
<body>
|
|
245
|
+
<div id="info">
|
|
246
|
+
<b class="app-count">`,`</b> apps ·
|
|
247
|
+
<b class="lib-count">`,`</b> libraries ·
|
|
248
|
+
<b class="dep-count">`,`</b> dependencies
|
|
249
|
+
</div>
|
|
250
|
+
<div id="legend">
|
|
251
|
+
<span><span class="legend-dot" style="background:#fbbf24"></span>Application</span>
|
|
252
|
+
<span><span class="legend-dot" style="background:#38bdf8"></span>Library</span>
|
|
253
|
+
<span style="color:#64748b">— solid = static - - - = implicit</span>
|
|
254
|
+
</div>
|
|
255
|
+
<div id="tooltip"></div>
|
|
256
|
+
<svg id="graph">
|
|
257
|
+
<defs>
|
|
258
|
+
<marker id="arrow" viewBox="0 0 10 10" refX="10" refY="5" markerWidth="6" markerHeight="6" orient="auto">
|
|
259
|
+
<path d="M 0 0 L 10 5 L 0 10 z" fill="#64748b"/>
|
|
260
|
+
</marker>
|
|
261
|
+
</defs>
|
|
262
|
+
</svg>
|
|
263
|
+
<script>
|
|
264
|
+
const data = `,`;
|
|
265
|
+
const svg = document.getElementById('graph');
|
|
266
|
+
const tooltip = document.getElementById('tooltip');
|
|
267
|
+
const W = window.innerWidth, H = window.innerHeight;
|
|
268
|
+
|
|
269
|
+
// Build adjacency
|
|
270
|
+
const depMap = {}, rdepMap = {};
|
|
271
|
+
data.nodes.forEach(n => { depMap[n.name] = []; rdepMap[n.name] = []; });
|
|
272
|
+
data.edges.forEach(e => { depMap[e.source]?.push(e.target); rdepMap[e.target]?.push(e.source); });
|
|
273
|
+
|
|
274
|
+
// Escape text for safe DOM insertion
|
|
275
|
+
function esc(s) { const d = document.createElement('div'); d.textContent = s; return d.textContent; }
|
|
276
|
+
|
|
277
|
+
// Force-directed layout
|
|
278
|
+
const repulsion = 5000 + data.nodes.length * 150;
|
|
279
|
+
const nodes = data.nodes.map(n => ({
|
|
280
|
+
...n, x: W/2 + (Math.random()-0.5)*Math.min(W*0.6, 600),
|
|
281
|
+
y: H/2 + (Math.random()-0.5)*Math.min(H*0.6, 400), vx: 0, vy: 0
|
|
282
|
+
}));
|
|
283
|
+
const nodeMap = new Map(nodes.map(n => [n.name, n]));
|
|
284
|
+
const edges = data.edges.map(e => ({
|
|
285
|
+
source: nodeMap.get(e.source), target: nodeMap.get(e.target), type: e.type
|
|
286
|
+
}));
|
|
287
|
+
|
|
288
|
+
for (let iter = 0; iter < 400; iter++) {
|
|
289
|
+
for (let i = 0; i < nodes.length; i++) {
|
|
290
|
+
for (let j = i+1; j < nodes.length; j++) {
|
|
291
|
+
let dx = nodes[j].x - nodes[i].x, dy = nodes[j].y - nodes[i].y;
|
|
292
|
+
let d = Math.sqrt(dx*dx + dy*dy) || 1;
|
|
293
|
+
let f = repulsion / (d * d);
|
|
294
|
+
nodes[i].vx -= dx/d * f; nodes[i].vy -= dy/d * f;
|
|
295
|
+
nodes[j].vx += dx/d * f; nodes[j].vy += dy/d * f;
|
|
296
|
+
}
|
|
297
|
+
}
|
|
298
|
+
edges.forEach(e => {
|
|
299
|
+
if (!e.source || !e.target) {
|
|
300
|
+
return;
|
|
301
|
+
}
|
|
302
|
+
let dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;
|
|
303
|
+
let d = Math.sqrt(dx*dx + dy*dy) || 1;
|
|
304
|
+
let f = (d - 180) * 0.008;
|
|
305
|
+
e.source.vx += dx/d * f; e.source.vy += dy/d * f;
|
|
306
|
+
e.target.vx -= dx/d * f; e.target.vy -= dy/d * f;
|
|
307
|
+
});
|
|
308
|
+
nodes.forEach(n => {
|
|
309
|
+
n.vx += (W/2 - n.x) * 0.001; n.vy += (H/2 - n.y) * 0.001;
|
|
310
|
+
n.x += n.vx * 0.3; n.y += n.vy * 0.3;
|
|
311
|
+
n.vx *= 0.75; n.vy *= 0.75;
|
|
312
|
+
n.x = Math.max(80, Math.min(W-80, n.x));
|
|
313
|
+
n.y = Math.max(40, Math.min(H-40, n.y));
|
|
314
|
+
});
|
|
315
|
+
}
|
|
316
|
+
|
|
317
|
+
// Measure text widths
|
|
318
|
+
const measure = document.createElementNS('http://www.w3.org/2000/svg','text');
|
|
319
|
+
measure.setAttribute('font-size','12'); measure.setAttribute('font-weight','600');
|
|
320
|
+
measure.setAttribute('font-family','system-ui');
|
|
321
|
+
svg.appendChild(measure);
|
|
322
|
+
const widths = {};
|
|
323
|
+
nodes.forEach(n => { measure.textContent = n.name; widths[n.name] = measure.getComputedTextLength(); });
|
|
324
|
+
svg.removeChild(measure);
|
|
325
|
+
|
|
326
|
+
// Render edges
|
|
327
|
+
edges.forEach(e => {
|
|
328
|
+
if (!e.source || !e.target) {
|
|
329
|
+
return;
|
|
330
|
+
}
|
|
331
|
+
const sw = (widths[e.source.name]||80)/2 + 12;
|
|
332
|
+
const tw = (widths[e.target.name]||80)/2 + 12;
|
|
333
|
+
const dx = e.target.x - e.source.x, dy = e.target.y - e.source.y;
|
|
334
|
+
const d = Math.sqrt(dx*dx+dy*dy)||1;
|
|
335
|
+
const x1 = e.source.x + dx/d*sw, y1 = e.source.y + dy/d*14;
|
|
336
|
+
const x2 = e.target.x - dx/d*tw, y2 = e.target.y - dy/d*14;
|
|
337
|
+
const line = document.createElementNS('http://www.w3.org/2000/svg','line');
|
|
338
|
+
line.setAttribute('x1',x1); line.setAttribute('y1',y1);
|
|
339
|
+
line.setAttribute('x2',x2); line.setAttribute('y2',y2);
|
|
340
|
+
line.setAttribute('class','edge');
|
|
341
|
+
const edgeColors = { implicit: '#475569', devDependency: '#888888', peerDependency: '#CC8800' };
|
|
342
|
+
line.setAttribute('stroke', edgeColors[e.type] || '#64748b');
|
|
343
|
+
line.setAttribute('stroke-width', '1.5');
|
|
344
|
+
if (e.type === 'implicit' || e.type === 'peerDependency') {
|
|
345
|
+
line.setAttribute('stroke-dasharray', '6,4');
|
|
346
|
+
}
|
|
347
|
+
if (e.type === 'devDependency') {
|
|
348
|
+
line.setAttribute('stroke-dasharray', '3,3');
|
|
349
|
+
}
|
|
350
|
+
svg.appendChild(line);
|
|
351
|
+
});
|
|
352
|
+
|
|
353
|
+
// Render nodes
|
|
354
|
+
nodes.forEach(n => {
|
|
355
|
+
const w = (widths[n.name]||80) + 24;
|
|
356
|
+
const h = 32;
|
|
357
|
+
const isApp = n.type === 'application';
|
|
358
|
+
const fill = isApp ? '#fbbf24' : '#38bdf8';
|
|
359
|
+
const textFill = '#0f172a';
|
|
360
|
+
const stroke = isApp ? '#f59e0b' : '#0284c7';
|
|
361
|
+
|
|
362
|
+
const g = document.createElementNS('http://www.w3.org/2000/svg','g');
|
|
363
|
+
g.setAttribute('class','node');
|
|
364
|
+
g.setAttribute('transform','translate('+(n.x - w/2)+','+(n.y - h/2)+')');
|
|
365
|
+
const rect = document.createElementNS('http://www.w3.org/2000/svg','rect');
|
|
366
|
+
rect.setAttribute('width', w); rect.setAttribute('height', h);
|
|
367
|
+
rect.setAttribute('fill', fill); rect.setAttribute('stroke', stroke); rect.setAttribute('stroke-width','1.5');
|
|
368
|
+
g.appendChild(rect);
|
|
369
|
+
const text = document.createElementNS('http://www.w3.org/2000/svg','text');
|
|
370
|
+
text.setAttribute('x', w/2); text.setAttribute('y', h/2 + 4.5);
|
|
371
|
+
text.setAttribute('text-anchor','middle'); text.setAttribute('fill', textFill);
|
|
372
|
+
text.textContent = n.name;
|
|
373
|
+
g.appendChild(text);
|
|
374
|
+
|
|
375
|
+
g.addEventListener('mouseenter', (ev) => {
|
|
376
|
+
const deps = depMap[n.name] || [];
|
|
377
|
+
const rdeps = rdepMap[n.name] || [];
|
|
378
|
+
|
|
379
|
+
// Build tooltip using safe DOM methods
|
|
380
|
+
tooltip.textContent = '';
|
|
381
|
+
|
|
382
|
+
const heading = document.createElement('h3');
|
|
383
|
+
heading.textContent = n.name;
|
|
384
|
+
const badge = document.createElement('span');
|
|
385
|
+
badge.className = 'type-badge';
|
|
386
|
+
badge.style.background = fill;
|
|
387
|
+
badge.style.color = '#0f172a';
|
|
388
|
+
badge.textContent = n.type;
|
|
389
|
+
heading.appendChild(badge);
|
|
390
|
+
tooltip.appendChild(heading);
|
|
391
|
+
|
|
392
|
+
if (deps.length) {
|
|
393
|
+
const label = document.createElement('div');
|
|
394
|
+
label.className = 'dep-section';
|
|
395
|
+
label.textContent = 'Depends on:';
|
|
396
|
+
tooltip.appendChild(label);
|
|
397
|
+
const ul = document.createElement('ul');
|
|
398
|
+
deps.forEach(d => { const li = document.createElement('li'); li.textContent = d; ul.appendChild(li); });
|
|
399
|
+
tooltip.appendChild(ul);
|
|
400
|
+
}
|
|
401
|
+
if (rdeps.length) {
|
|
402
|
+
const label = document.createElement('div');
|
|
403
|
+
label.className = 'dep-section';
|
|
404
|
+
label.textContent = 'Required by:';
|
|
405
|
+
tooltip.appendChild(label);
|
|
406
|
+
const ul = document.createElement('ul');
|
|
407
|
+
rdeps.forEach(d => { const li = document.createElement('li'); li.textContent = d; ul.appendChild(li); });
|
|
408
|
+
tooltip.appendChild(ul);
|
|
409
|
+
}
|
|
410
|
+
if (!deps.length && !rdeps.length) {
|
|
411
|
+
const empty = document.createElement('div');
|
|
412
|
+
empty.style.marginTop = '6px';
|
|
413
|
+
empty.style.color = '#64748b';
|
|
414
|
+
empty.textContent = 'No dependencies';
|
|
415
|
+
tooltip.appendChild(empty);
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
tooltip.style.display = 'block';
|
|
419
|
+
const rect = tooltip.getBoundingClientRect();
|
|
420
|
+
tooltip.style.left = Math.min(ev.clientX + 12, W - rect.width - 12) + 'px';
|
|
421
|
+
tooltip.style.top = Math.min(ev.clientY + 12, H - rect.height - 12) + 'px';
|
|
422
|
+
});
|
|
423
|
+
g.addEventListener('mouseleave', () => { tooltip.style.display = 'none'; });
|
|
424
|
+
svg.appendChild(g);
|
|
425
|
+
});
|
|
426
|
+
<\/script>
|
|
427
|
+
</body>
|
|
428
|
+
</html>`])),s.apps,s.libs,s.edges.length,JSON.stringify(s).replaceAll("</",String.raw`<\/`))},"projectGraphToHtml"),it=j(async({logger:o,options:e,visConfig:l,workspaceRoot:d})=>{if(!d)throw new Error("Could not determine workspace root. Run this command inside a monorepo.");const c=d,{packageJsons:s,workspace:f}=ae(c,l),a=pe(c,f,s),y=!!process.stdout.isTTY&&!he,m=e.format??(y?"tui":"ascii"),v=e.output,h=e.depth??1/0;let g;switch(m){case"dot":{g=ue(a);break}case"html":{g=We(a);break}case"json":{g=JSON.stringify(ze(a),void 0,2);break}case"tui":{if(!y){g=Q(a,h);break}const x=l?.tui?.autoExit===!0?3:typeof l?.tui?.autoExit=="number"?l.tui.autoExit:0;process.stdin.isTTY&&typeof process.stdin.setRawMode=="function"&&(process.stdin.setRawMode(!0),process.stdin.ref(),process.stdin.resume());const C=setInterval(()=>{},1e3),M=new Te(a);await fe(ge.createElement(He,{autoExitSeconds:x,store:M}),{alternateScreen:!0,exitOnCtrlC:!1,interactive:!0,patchConsole:!0}).waitUntilExit(),clearInterval(C);return}default:g=Q(a,h)}v?(ce(v,g,"utf8"),o.info(`Graph written to ${v}`)):o.info(g)},"execute");export{it as default};
|