@visulima/vis 1.0.0-alpha.22 → 1.0.0-alpha.23
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 +50 -0
- package/LICENSE.md +132 -2
- package/README.md +1 -1
- package/dashboard/dist/index.html +152 -0
- package/dist/bin.js +1 -1
- package/dist/binx.js +3 -0
- package/dist/config/index.d.ts +20 -33
- package/dist/config/index.js +1 -1
- package/dist/packem_chunks/bin.js +373 -367
- package/dist/packem_chunks/bloom-status.js +2 -2
- package/dist/packem_chunks/bloom-sync.js +2 -2
- package/dist/packem_chunks/config.js +12 -12
- package/dist/packem_chunks/doctor-probe.js +2 -2
- package/dist/packem_chunks/fix.js +3 -3
- package/dist/packem_chunks/handler.js +1 -1
- package/dist/packem_chunks/handler10.js +1 -1
- package/dist/packem_chunks/handler11.js +1 -1
- package/dist/packem_chunks/handler12.js +3 -3
- package/dist/packem_chunks/handler13.js +1 -1
- package/dist/packem_chunks/handler14.js +10 -10
- package/dist/packem_chunks/handler15.js +2 -2
- 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 -1
- package/dist/packem_chunks/handler2.js +1 -1
- package/dist/packem_chunks/handler20.js +1 -1
- package/dist/packem_chunks/handler21.js +2 -2
- package/dist/packem_chunks/handler22.js +2 -2
- package/dist/packem_chunks/handler23.js +2 -2
- package/dist/packem_chunks/handler24.js +1 -18
- package/dist/packem_chunks/handler25.js +1 -1
- package/dist/packem_chunks/handler26.js +5 -1
- package/dist/packem_chunks/handler27.js +1 -5
- package/dist/packem_chunks/handler28.js +3 -1
- package/dist/packem_chunks/handler29.js +1 -3
- package/dist/packem_chunks/handler3.js +1 -1
- package/dist/packem_chunks/handler30.js +7 -1
- package/dist/packem_chunks/handler31.js +32 -6
- package/dist/packem_chunks/handler32.js +3 -33
- package/dist/packem_chunks/handler33.js +1 -3
- package/dist/packem_chunks/handler34.js +26 -1
- package/dist/packem_chunks/handler35.js +5 -26
- package/dist/packem_chunks/handler36.js +22 -5
- package/dist/packem_chunks/handler37.js +60 -21
- package/dist/packem_chunks/handler38.js +6 -428
- package/dist/packem_chunks/handler39.js +708 -61
- package/dist/packem_chunks/handler4.js +1 -1
- package/dist/packem_chunks/handler40.js +24 -6
- package/dist/packem_chunks/handler41.js +237 -166
- package/dist/packem_chunks/handler42.js +153 -24
- package/dist/packem_chunks/handler43.js +10 -153
- package/dist/packem_chunks/handler44.js +25 -10
- package/dist/packem_chunks/handler45.js +24 -25
- package/dist/packem_chunks/handler46.js +3 -24
- package/dist/packem_chunks/handler47.js +27 -3
- package/dist/packem_chunks/handler48.js +168 -21
- package/dist/packem_chunks/handler49.js +33 -173
- package/dist/packem_chunks/handler5.js +6 -6
- 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 +1 -1
- package/dist/packem_chunks/heal-accept.js +4 -4
- package/dist/packem_chunks/heal.js +1 -1
- package/dist/packem_chunks/help-command.js +2 -2
- package/dist/packem_chunks/index.js +2 -2
- package/dist/packem_chunks/keys-refresh.js +1 -1
- package/dist/packem_chunks/list.js +2 -2
- package/dist/packem_chunks/loader.js +2 -2
- package/dist/packem_chunks/loader2.js +1 -1
- package/dist/packem_chunks/prune.js +1 -1
- package/dist/packem_chunks/run.js +1 -1
- package/dist/packem_chunks/status.js +2 -2
- package/dist/packem_chunks/sync.js +2 -2
- package/dist/packem_chunks/sync2.js +2 -2
- package/dist/packem_chunks/tripwire.js +2 -2
- package/dist/packem_chunks/verify-lockfile.js +2 -2
- package/dist/packem_shared/{advisories-DS8JEB_g.js → advisories-U1QKY_tg.js} +1 -1
- package/dist/packem_shared/{ai-analysis-DGBZYlxF.js → ai-analysis-B8pDCOuT.js} +2 -2
- package/dist/packem_shared/ai-fix-DiGSrGKv.js +43 -0
- package/dist/packem_shared/anolilab-text-CAM_E6uK.js +13 -0
- package/dist/packem_shared/applyDefaults-KxZkvlp3.js +1 -0
- package/dist/packem_shared/build-scripts-3E2pmscY.js +1 -0
- package/dist/packem_shared/{cyclonedx-CO7-Y1B1.js → cyclonedx-B293T7R0.js} +3 -3
- package/dist/packem_shared/dependency-scan-BbtivycX.js +1 -0
- package/dist/packem_shared/docker-BhBBfWfc.js +60 -0
- package/dist/packem_shared/failure-log-B0Uh-65U.js +2 -0
- package/dist/packem_shared/index-C1w1GXdS.js +1 -0
- package/dist/packem_shared/index-CZX_II5N.js +29 -0
- package/dist/packem_shared/index.server-B7ETiT4C.js +2 -0
- package/dist/packem_shared/{lifecycle-boYwVQSE.js → lifecycle-wRE7ymVc.js} +2 -2
- package/dist/packem_shared/{lockfile-C5DYMHVq.js → lockfile-CQLFNyVa.js} +1 -1
- package/dist/packem_shared/manifests-Z3spBpxv.js +1 -0
- package/dist/packem_shared/{min-release-age-D462DvYM.js → min-release-age-Cz6HbF-I.js} +2 -2
- package/dist/packem_shared/native-config-sync-BOeuyrBj.js +21 -0
- package/dist/packem_shared/{osv-bloom-QSAn2Dcw.js → osv-bloom-CyCDpXBl.js} +2 -2
- package/dist/packem_shared/pm-runner-CVliR6Ie.js +1 -0
- package/dist/packem_shared/provenance-BcldGs02.js +1 -0
- package/dist/packem_shared/readFileSync-CGmzMUF2-D6rUjGDn.js +1 -0
- package/dist/packem_shared/registry-keys-pemEkRM9.js +1 -0
- package/dist/packem_shared/{resolve-explicit-BgFQHUEP.js → resolve-explicit-2G-2HWtR.js} +3 -3
- package/dist/packem_shared/runtime-check-DgXsKCsv.js +1 -0
- package/dist/packem_shared/s1ngularity-Boxkax0D.js +1 -0
- package/dist/packem_shared/scan-progress-EbvmIh4i.js +2 -0
- package/dist/packem_shared/{selectors-B2ISH581.js → selectors-BE2BCnTR.js} +1 -1
- package/dist/packem_shared/{signatures-b-jJYoZd.js → signatures-SO-fyExV.js} +1 -1
- package/dist/packem_shared/toolchain-Jx2lkAYy.js +5 -0
- package/dist/packem_shared/typosquats-CioMnpnb.js +1 -0
- package/dist/packem_shared/verify-C8EAHql6.js +1 -0
- package/dist/packem_shared/{vis-update-app-Bnu1EIgE.js → vis-update-app-BWA1kA1q.js} +1 -1
- package/index.js +26 -26
- package/package.json +23 -12
- package/schemas/vis-config.schema.json +61 -12
- package/dist/packem_chunks/handler50.js +0 -34
- package/dist/packem_shared/ai-cache-BjlXWJtl.js +0 -1
- package/dist/packem_shared/ai-fix-BhcTrkuW.js +0 -43
- package/dist/packem_shared/applyDefaults-BOVDw1jD.js +0 -1
- package/dist/packem_shared/build-scripts-DsWMSWDs.js +0 -1
- package/dist/packem_shared/cache-directory-DQak1Vjc.js +0 -1
- package/dist/packem_shared/dependency-scan-DPHTzA5r.js +0 -1
- package/dist/packem_shared/docker-lk0-5Z-i.js +0 -60
- package/dist/packem_shared/failure-log-DF7nrFIs.js +0 -2
- package/dist/packem_shared/flakiness-DKCOYwN7.js +0 -1
- package/dist/packem_shared/index-B4gpNmrG.js +0 -1
- package/dist/packem_shared/manifests-B0fMp872.js +0 -1
- package/dist/packem_shared/native-config-sync-B0_ef78M.js +0 -21
- package/dist/packem_shared/provenance-smHa8efI.js +0 -1
- package/dist/packem_shared/registry-keys-3qaVog76.js +0 -1
- package/dist/packem_shared/run-summary-utils-DIJV_dUD.js +0 -1
- package/dist/packem_shared/runtime-check-DrMx4Q9L.js +0 -1
- package/dist/packem_shared/s1ngularity-CwSBPB3I.js +0 -1
- package/dist/packem_shared/scan-progress-CMynp3eA.js +0 -2
- package/dist/packem_shared/toolchain-OH1PXwbZ.js +0 -5
- package/dist/packem_shared/typosquats-CJ4o1l7U.js +0 -1
- package/dist/packem_shared/verify-CQbzknur.js +0 -1
- package/dist/packem_shared/xxh3-DrAUNq4n.js +0 -1
|
@@ -1,428 +1,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{aV as G,E,j as S,q as z,C as ae,O 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 O,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,P=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=P(({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=P(({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"),Oe=P(({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 Pe=Object.defineProperty,Le=k((o,e)=>Pe(o,"name",{value:e,configurable:!0}),"E");const Re=100,Be=40,Fe=10,X={1:"all",2:"app",3:"lib"},He=Le(({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=O(()=>e.getFilteredNodes(),[s.allNodes,s.filterType,s.filterText]),M=O(()=>e.getStats(),[s.allNodes]),w=C[s.selectedIndex]??null,A=O(()=>{let u=0,p=0;for(const b of C)b.type==="application"?u+=1:p+=1;return{appsCount:u,libsCount:p}},[C]),L=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=L(u);h(b=>p>b+I-2?Math.max(0,p-I+2):p<b+1?Math.max(0,p-1):b)},[L,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(Oe,{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
|
-
`)
|
|
3
|
-
<
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
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};
|
|
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,i as G,M,$ as Q,z as V,Q as le}from"../packem_shared/readFileSync-CGmzMUF2-D6rUjGDn.js";import{render as ce}from"@visulima/tui";import{E as ae,A as J,aH as de,aI as ue,aJ as fe,aK as he,p as k,s as pe}from"./bin.js";import ge,{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 A}from"../packem_shared/utils-DrNg0XTR.js";const oe=te(import.meta.url),T=typeof globalThis<"u"&&typeof globalThis.process<"u"?globalThis.process:process,ne=E(e=>{if(typeof T<"u"&&T.versions&&T.versions.node){const[r,t]=T.versions.node.split(".").map(Number);if(r>22||r===22&&t>=3||r===20&&t>=16)return T.getBuiltinModule(e)}return oe(e)},"__cjs_getBuiltinModule"),{writeFileSync:ie}=ne("node:fs");var $e=Object.defineProperty,R=E((e,r)=>$e(e,"name",{value:r,configurable:!0}),"i$1");const q={error:0,rewritten:1,"would-rewrite":1,unchanged:2},Pe=R(e=>[...e].sort((r,t)=>q[r.status]-q[t.status]),"sortByStatusRank"),Ee=R((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{R(this,"SortPackageJsonStore")}#e;#r=new Set;constructor(r){this.#e={entries:Pe(r),filterType:"all",focusedPanel:"list",selectedIndex:0}}getSnapshot=R(()=>this.#e,"getSnapshot");subscribe=R(r=>(this.#r.add(r),()=>{this.#r.delete(r)}),"subscribe");getFilteredEntries=R(()=>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 Ie=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)}`,p=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:p,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 Re=Object.defineProperty,O=E((e,r)=>Re(e,"name",{value:r,configurable:!0}),"i");const Te={error:"red",rewritten:"yellow",unchanged:"green","would-rewrite":"yellow"},Me={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"},Ae=[{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"),Ne=O(({entry:e,isSelected:r})=>{const t=Te[e.status],l=Me[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"),De=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",p=Z(r),b=(p.errors>0?1:0)+(p.rewrites>0?1:0)+(p.sorted>0?1:0),w=t==="all"&&b>1,g=[];let m;for(const[u,y]of r.entries()){const S=U[y.status];w&&S!==m&&(m!==void 0&&g.push({kind:"spacer"}),g.push({color:S==="errors"?"red":S==="rewrites"?"yellow":"green",count:p[S],kind:"header",label:Fe[S]}),m=S),g.push({entry:y,entryIndex:u,kind:"entry"})}const v=g.findIndex(u=>u.kind==="entry"&&u.entryIndex===o),$=v!==-1,P=g.length,h=Math.max(0,P-i);let C=0;$&&i>0&&(C=Math.min(h,Math.max(0,v-i+1)));const I=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:Ae.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:g.map((u,y)=>u.kind==="spacer"?s(a,{flexShrink:0,height:1},`s-${String(y)}`):u.kind==="header"?s(De,{color:u.color,count:u.count,label:u.label},`h-${u.label}`):s(Ne,{entry:u.entry,isSelected:u.entryIndex===o},u.entry.filePath))})}),I&&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(),p=d[n.selectedIndex]??null,b=Z(n.entries),w=l>=Je,g=Math.max(0,o-qe),m=w?g:Math.floor(g/2),v=Math.max(0,m-_e),$=_(()=>{t()},[t]),P=F(0),h=F(void 0),C=F(!1),I=_((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"?I("list",-1):(y.downArrow||u==="j")&&I("list",1):n.focusedPanel==="detail"&&(y.upArrow||u==="k"?I("detail",-1):(y.downArrow||u==="j")&&I("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(Ie,{checkMode:e,entry:p,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)?)$/,N=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(!N(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(!N(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(!N(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")&&N(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(M(e,"package.json"));const o=ae(e);if(o){const n=J(e,o);for(const i of n)l(M(e,i,"package.json"))}else{const n=M(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 p=J(e,d);for(const b of p)l(M(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"),D=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
|
+
`)?"crlf":"lf","detectLineEnding"),sr=new Set(["auto","crlf","lf"]),lr=x(e=>{if(e===void 0||e==="")return"auto";if(sr.has(e))return e;throw new Error(`--line-ending must be one of: auto, lf, crlf (got "${e}")`)},"validateLineEnding"),cr=x((e,r,t)=>r.length===0?e:e.filter(l=>{const o=V(t,l),n=le(l);return!r.some(i=>{const d=i.includes("/")?o:n;return we(i,d)})}),"filterByIgnore"),ar=x((e,r)=>{if(r.length===0)return e;const t={},l=new Set;for(const o of r)Object.hasOwn(e,o)&&(t[o]=e[o],l.add(o));for(const o of Object.keys(e))l.has(o)||(t[o]=e[o]);return t},"applySortOrder"),dr=x((e,r,t)=>{if(t.length===0)return e;const l={...e};for(const o of t)Object.hasOwn(r,o)&&(l[o]=r[o]);return l},"restoreUnsortedSections"),ur=x((e,r)=>{let t=1,l=1;const o=Math.min(r,e.length);for(let n=0;n<o;n++)e.codePointAt(n)===10?(t++,l=1):l++;return{column:l,line:t}},"computeLineColumn"),X=x((e,r,t=2)=>{const l=e.split(`
|
|
3
|
+
`);if(r<1||r>l.length)return[];const o=Math.max(0,r-1-t),n=Math.min(l.length,r+t),i=[];for(let d=o;d<n;d++)i.push({content:l[d]??"",isErrorLine:d+1===r,lineNumber:d+1});return i},"buildSnippet"),K=x((e,r)=>{if(!(e instanceof Error))return;const t=er.exec(e.message);if(t){const{column:o,line:n}=ur(r,Number.parseInt(t[1]??"0",10));return{column:o,line:n,snippet:X(r,n)}}const l=rr.exec(e.message);if(l){const o=Number.parseInt(l[1]??"1",10);return{column:Number.parseInt(l[2]??"1",10),line:o,snippet:X(r,o)}}},"extractParseErrorContext"),fr=x((e,r)=>{const t=Object.keys(JSON.parse(e)),l=Object.keys(JSON.parse(r)),o=new Map(t.map((i,d)=>[i,d])),n=[];for(const[i,d]of l.entries()){const p=o.get(d);p!==void 0&&p!==i&&n.push({fromIndex:p,key:d,toIndex:i})}return n},"computeKeyDiff"),hr=x((e,r,t)=>{const l=r.indent??t.indent??or(e),o=r.lineEnding==="auto"?t.lineEnding??ir(e):r.lineEnding,n=Y(e,{pretty:!1,sortScripts:r.sortScripts});let i=JSON.parse(n);if(r.unsorted.length>0){const w=JSON.parse(e);i=dr(i,w,r.unsorted)}i=ar(i,r.sortOrder);const d={formatBugs:r.formatBugs,formatRepository:r.formatRepository,sortExports:r.sortExports},p=Ue(i,d);let b=JSON.stringify(p.pkg,null,l);return r.finalNewline&&(b+=`
|
|
4
|
+
`),o==="crlf"&&(b=b.replaceAll(`
|
|
5
|
+
`,`\r
|
|
6
|
+
`)),b},"sortContents"),pr=x((e,r)=>{const t=tr(e),l=de(e),o=ue({cwd:e,extraPatterns:fe(l)}),n=t.filter(d=>!o.ignores(d)),i=cr(n,r,e);return{afterGitignore:n,allFiles:t,files:i}},"discoverPackageJsonFiles"),gr=x((e,{checkMode:r,cwd:t,normalized:l})=>{const o=V(t,e)||e;let n;try{n=Q(e)}catch(w){return{diff:[],error:{message:A(w),step:"read"},filePath:e,relativePath:o,status:"error"}}let i;try{i=Y(n,{pretty:!1,sortScripts:l.sortScripts})}catch(w){const g={message:A(w),step:"native-sort"},m=K(w,n);return m&&(g.context=m),{diff:[],error:g,filePath:e,relativePath:o,status:"error"}}const d=l.editorconfig?he(e):{};let p;try{p=hr(n,l,d)}catch(w){const g={message:A(w),step:"json-parse"},m=K(w,n);return m&&(g.context=m),{diff:[],error:g,filePath:e,relativePath:o,status:"error"}}if(n===p)return{diff:[],filePath:e,relativePath:o,status:"unchanged"};let b;try{b=fr(n,i)}catch{b=[]}if(r)return{diff:b,filePath:e,relativePath:o,status:"would-rewrite"};try{ie(e,p,"utf8")}catch(w){return{diff:b,error:{message:A(w),step:"write"},filePath:e,relativePath:o,status:"error"}}return{diff:b,filePath:e,relativePath:o,status:"rewritten"}},"processFile"),mr=x(e=>{if(e.error&&(k.error(`${e.filePath}: ${e.error.message}`),k.info(` step: ${e.error.step}`),e.error.context)){k.info(` at line ${String(e.error.context.line)}, column ${String(e.error.context.column)}`);for(const r of e.error.context.snippet){const t=r.isErrorLine?">":" ";k.info(` ${t} ${String(r.lineNumber).padStart(4)} | ${r.content}`)}}},"printStaticError"),Fr=x(async({options:e,visConfig:r,workspaceRoot:t})=>{const l=t??process.cwd(),o=r?.sortPackageJson,n=e.check||!1,i={editorconfig:e.editorconfig===!1?!1:o?.editorconfig??!0,finalNewline:e.finalNewline??o?.finalNewline??!0,formatBugs:e.formatBugs===!1?!1:o?.formatBugs??!0,formatRepository:e.formatRepository===!1?!1:o?.formatRepository??!0,ignore:[...D(e.ignore),...o?.ignore??[]],indent:nr(e.indent??o?.indent),lineEnding:lr(e.lineEnding??o?.lineEnding),sortExports:e.sortExports===!1?!1:o?.sortExports??!0,sortOrder:[...D(e.sortOrder),...o?.sortOrder??[]],sortScripts:e.sortScripts||o?.sortScripts||!1,unsorted:[...D(e.unsorted),...o?.unsorted??[]]},d=pr(l,i.ignore),{afterGitignore:p,allFiles:b,files:w}=d;if(w.length===0){b.length===0?k.info("No package.json files found."):p.length===0?k.info("All package.json files were excluded by .gitignore or workspace exclusions."):k.info("All package.json files were excluded by --ignore.");return}const g=[];for(const h of w)g.push(gr(h,{checkMode:n,cwd:l,normalized:i}));let m=0,v=0,$=0;for(const h of g)h.status==="error"?$++:h.status==="rewritten"||h.status==="would-rewrite"?m++:v++;const P=m>0||$>0;if(process.stdout.isTTY&&!pe&&P){const h=new Oe(g);await ce(ge.createElement(He,{checkMode:n,store:h}),{alternateScreen:!0,exitOnCtrlC:!1,interactive:!0,patchConsole:!0}).waitUntilExit()}else for(const h of g)switch(h.status){case"error":{mr(h);break}case"rewritten":{k.success(`Sorted ${h.filePath}`);break}case"would-rewrite":{k.warn(`${h.filePath} is not sorted`);break}}if(n)m>0?(k.info(`${String(m)} file${m===1?"":"s"} not sorted, ${String(v)} already sorted`),process.exitCode=1):$===0&&k.info(`All ${String(v)} package.json file${v===1?" is":"s are"} sorted`);else{const h=[];m>0&&h.push(`sorted ${String(m)} file${m===1?"":"s"}`),v>0&&h.push(`${String(v)} already sorted`),$>0&&h.push(`${String($)} error${$===1?"":"s"}`),h.length>0&&k.info(h.join(", "))}$>0&&(process.exitCode=1)},"execute");export{X as buildSnippet,fr as computeKeyDiff,ur as computeLineColumn,Fr as default,pr as discoverPackageJsonFiles,K as extractParseErrorContext,gr as processFile};
|