npm - @nuxt/devtools-nightly - Versions diffs - 2.1.3-29019357.15e8926 → 2.2.0-29019371.ab4e646 - Mend

@nuxt/devtools-nightly 2.1.3-29019357.15e8926 → 2.2.0-29019371.ab4e646

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.

Files changed (67) hide show

package/dist/client/index.html CHANGED Viewed

@@ -3,27 +3,27 @@
 <link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-jfo9gib8.css" crossorigin>
 <link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-mqq5uooj.css" crossorigin>
 <link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-mhvipxpl.css" crossorigin>
-<link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ezsm04pb.js">
+<link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ba74h01u.js">
 <link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-llkaejaf.js">
 <link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-mvzv9iuf.js">
 <link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-kdj4mcqm.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/markdown-it-fvu08dbs.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/default-fi6wr4rh.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/full-ijw08t7q.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/none-fusixk1b.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/default-j6l1ygv8.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/full-lyo7xogd.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/none-cl6yiwom.js">
 <link rel="prefetch" as="style" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ncode-block.css-lvdc77tw.css">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/data-schema-drawer-iawmv060.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nselect.vue-kmm6jzqo.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/data-schema-drawer-j8693gtm.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nselect.vue-g4eljg7m.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/nswitch.vue-jbyu7ls8.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ndropdown.vue-h7pgjk4l.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ndropdown.vue-k1705v4p.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ncode-block.vue-bir2wz4z.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/client-gsjyqe32.js">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ndrawer.vue-gwh1lhz9.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/ndrawer.vue-k5p5tlwf.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/quicktype-core-o2aektoq.js">
 <link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/unocss-runtime-l2otbg6e.js">
 <link rel="prefetch" as="style" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-404.css-cyoi3t2n.css">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-404-nko4utqe.js">
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-404-opaazyo0.js">
 <link rel="prefetch" as="style" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-500.css-c3osv0mr.css">
-<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-500-accp4ks0.js">
-<script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/ezsm04pb.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1741161460563,false]</script>
-<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"9278769e-965b-49ad-9dbf-31ca1d6f81df",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
+<link rel="prefetch" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/error-500-b8putag8.js">
+<script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/ba74h01u.js" crossorigin></script></head><body><div id="__nuxt"></div><div id="teleports"></div><script type="application/json" data-nuxt-data="nuxt-app" data-ssr="false" id="__NUXT_DATA__">[{"prerenderedAt":1,"serverRendered":2},1741162312301,false]</script>
+<script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"b81d40a5-e8a7-4c63-bd26-b566ad277cca",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>

package/dist/module.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools",
   "configKey": "devtools",
-  "version": "2.1.3-29019357.15e8926",
+  "version": "2.2.0-29019371.ab4e646",
   "builder": {
     "@nuxt/module-builder": "0.8.4",
     "unbuild": "3.5.0"

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@nuxt/devtools-nightly",
   "type": "module",
-  "version": "2.1.3-29019357.15e8926",
+  "version": "2.2.0-29019371.ab4e646",
   "description": "The Nuxt DevTools gives you insights and transparency about your Nuxt App.",
   "license": "MIT",
   "homepage": "https://devtools.nuxt.com",
@@ -32,8 +32,8 @@
     "vite": ">=6.0"
   },
   "dependencies": {
-    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@2.1.3-29019357.15e8926",
-    "@nuxt/devtools-wizard": "npm:@nuxt/devtools-wizard-nightly@2.1.3-29019357.15e8926",
+    "@nuxt/devtools-kit": "npm:@nuxt/devtools-kit-nightly@2.2.0-29019371.ab4e646",
+    "@nuxt/devtools-wizard": "npm:@nuxt/devtools-wizard-nightly@2.2.0-29019371.ab4e646",
     "@nuxt/kit": "^3.15.4",
     "@vue/devtools-core": "^7.7.2",
     "@vue/devtools-kit": "^7.7.2",
@@ -76,7 +76,7 @@
     "@iconify-json/simple-icons": "^1.2.27",
     "@iconify-json/tabler": "^1.2.16",
     "@nuxt/content": "^3.2.2",
-    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.1.3-29019357.15e8926",
+    "@nuxt/devtools": "npm:@nuxt/devtools-nightly@2.2.0-29019371.ab4e646",
     "@nuxt/test-utils": "^3.17.1",
     "@parcel/watcher": "^2.5.1",
     "@shikijs/langs-precompiled": "^3.1.0",

package/dist/client/_nuxt/__blank-dudv6g9d.js DELETED Viewed

	@@ -1 +0,0 @@
1	- import{p as e,P as n,a1 as t}from"./vendor/json-editor-vue-llkaejaf.js";const a={"h-screen":"","w-screen":"","bg-black":""},r=e({__name:"__blank",setup(c){return(o,s)=>(t(),n("div",a))}});export{r as default};

package/dist/client/_nuxt/builds/meta/9278769e-965b-49ad-9dbf-31ca1d6f81df.json DELETED Viewed

	@@ -1 +0,0 @@
1	- {"id":"9278769e-965b-49ad-9dbf-31ca1d6f81df","timestamp":1741161426048,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}

package/dist/client/_nuxt/components-jko3rogs.js DELETED Viewed

@@ -1 +0,0 @@

- import{a as ie,_ as O,Q as pe,R as re,J as ue,S as de,g as Y,T as me,U as ce,V as fe,N as ve,W as _e,X as he,E as be,f as ge}from"./ezsm04pb.js";import{P as d,a1 as n,Q as o,p as I,q as P,a9 as q,a8 as W,R as w,U as H,a3 as u,S as y,u as $,F as T,ae as M,f as U,m as ye,E as we,j as xe,a2 as f,C as z,Y as ke,X as Ce,a4 as A,ag as $e,aa as J,ad as Ne}from"./vendor/json-editor-vue-llkaejaf.js";import{_ as Ve}from"./help-fab.vue-m0kqpwd8.js";import{_ as Pe}from"./ncheckbox.vue-d4e0nw7t.js";import{_ as K}from"./nnavbar.vue-lpglg4eo.js";import{p as Z}from"./index-jc4yj4to.js";import{_ as ee}from"./nbadge-kq31la26.js";import{_ as oe}from"./filepath-item.vue-iik0rv7n.js";import{_ as Se}from"./ndrawer.vue-gwh1lhz9.js";import{N as De}from"./vendor/vis-7ar5f2fs.js";import{_ as Te}from"./nselect-tabs.vue-ko7u5g8r.js";import{_ as Be}from"./nsection-block-mmsg2k2c.js";import{_ as Le}from"./nicon-title.vue-dsf9ygne.js";import{D as j}from"./constants-b32h69zq.js";import{u as Me,a as Ue}from"./state-components-heulsx3v.js";import"./vendor/unocss-mvzv9iuf.js";import"./vendor/shiki-kdj4mcqm.js";const Ie={class:"markdown-body"},Fe={__name:"components",setup(V,{expose:s}){return s({frontmatter:{}}),(i,c)=>(n(),d("div",Ie,c[0]||(c[0]=[o("h1",null,"Components",-1),o("p",null,"Vue Components allow us to split the UI into independent and reusable pieces, and think about each piece in isolation. This is very similar to how we nest native HTML elements, but Vue implements its own component model that allow us to encapsulate custom content and logic in each component.",-1),o("p",null,"Components placed in the components/ directory are automatically registered by Nuxt. They can be used in your templates without importing them.",-1),o("p",null,[o("a",{href:"https://nuxt.com/docs/guide/directory-structure/components",target:"_blank",rel:"noopener"},"Learn more in the documentation")],-1)])))}},Ge={"text-sm":"","font-mono":""},ne=I({__name:"ComponentName",props:{component:{}},setup(V){const s=V,v=P(()=>s.component.pascalName||Z(s.component.name||s.component.__name||s.component.kebabName||""));return(i,c)=>(n(),d("code",Ge,[c[0]||(c[0]=o("span",{mr1:"",op20:""},"<",-1)),q(W(v.value),1),c[1]||(c[1]=o("span",{ml1:"",op20:""},"/>",-1))]))}}),Re={flex:"~ col gap1","items-start":"","of-hidden":""},ze={flex:"~ gap2",px3:""},Ee={px3:"",pb2:""},Ae={key:0,border:"t base","max-h-60":"","w-full":"","of-auto":"",px3:"",py3:""},We={"text-sm":""},He={"text-primary":""},Xe={key:0,flex:"~ col gap-2","items-start":"",pt3:"","text-sm":"",op75:""},je={key:1,border:"t base","max-h-60":"","w-full":"","of-auto":"",px3:"",py3:""},qe={"text-sm":""},Oe={"text-primary":""},Qe={key:0,flex:"~ col gap-2","items-start":"",pt3:"","text-sm":"",op75:""},te=I({__name:"ComponentDetails",props:{component:{},dependencies:{},dependents:{}},setup(V){const s=V,v=P(()=>s.component.pascalName||Z(s.component.name||s.component.__name||s.component.kebabName||"")),i=P(()=>s.component.filePath||s.component.file||s.component.__file||""),c=ie();return(l,a)=>{const h=ne,r=O,b=ee,x=oe;return n(),d("div",Re,[o("div",ze,[u(h,{component:l.component},null,8,["component"]),u(r,{title:"Copy name","flex-none":"",icon:"carbon-copy",border:!1,onClick:a[0]||(a[0]=m=>$(c)(`<${v.value}></${v.value}>`,"component-name"))}),l.component.global?(n(),y(b,{key:0,n:"green",title:"Registered at runtime as a global component",textContent:"runtime"})):w("",!0)]),o("div",Ee,[i.value?(n(),y(x,{key:0,filepath:i.value,"w-full":"","text-sm":"",op40:"","group-hover:op75":""},null,8,["filepath"])):w("",!0)]),l.dependents?(n(),d("div",Ae,[o("div",We,[o("strong",He,W(l.dependents.length),1),a[1]||(a[1]=o("span",{op50:""}," references",-1))]),l.dependents.length?(n(),d("div",Xe,[(n(!0),d(T,null,M(l.dependents,m=>(n(),y(x,{key:m,filepath:m},null,8,["filepath"]))),128))])):w("",!0)])):w("",!0),l.dependencies?(n(),d("div",je,[o("div",qe,[o("strong",Oe,W(l.dependencies.length),1),a[2]||(a[2]=o("span",{op50:""}," dependencies",-1))]),l.dependencies.length?(n(),d("div",Qe,[(n(!0),d(T,null,M(l.dependencies,m=>(n(),y(x,{key:m,filepath:m},null,8,["filepath"]))),128))])):w("",!0)])):w("",!0),H(l.$slots,"default")])}}}),Je={flex:"~ gap-x-3 gap-y-1 wrap","w-full":""},Ye={relative:"","h-full":"","w-full":""},Ke={key:0,py4:"",pt4:"",flex:"~ col"},Ze={border:"t base",p4:""},eo=I({__name:"ComponentsGraph",props:{components:{},relationships:{}},setup(V){const s=V,v=U(),i=U(),c=pe(),l=ye(),a=re(),h=ue(),r=de(),{componentsGraphShowNodeModules:b,componentsGraphShowGlobalComponents:x,componentsGraphShowPages:m,componentsGraphShowLayouts:N,componentsGraphShowWorkspace:_}=Y("ui"),k=U(),p=U(""),F=me(p,300),G=P(()=>{const S=s.relationships||[];if(k.value){let e=function(C){!C||t.has(C)||(t.add(C),C.deps.forEach(B=>{e(S.find(L=>L.id===B))}))};const t=new Set;return e(k.value),Array.from(t)}return S}),E=P(()=>{const S=G.value.map(t=>{const C=s.components.find(R=>R.filePath===t.id),B=a.value?.find(R=>R.file===t.id),L=r.value?.find(R=>R.file===t.id),X=t.id.replace(/\?.*$/,"").replace(/#.*$/,""),D=t.id.includes("/node_modules/")?"lib":C?C.global?"global":"user":L?"layout":B?"page":"unknown";if(!b.value&&D==="lib"||!m.value&&D==="page"||!N.value&&D==="layout"||!_.value&&D==="user"&&h.value&&!t.id.startsWith(h.value.rootDir)||!x.value&&D==="global")return null;const g=D==="layout"?"hexagon":D==="page"?"square":"dot",Q=F.value&&!t.id.toLowerCase().includes(F.value.toLowerCase());return{id:t.id,label:X.split("/").splice(-1)[0].replace(/\.\w+$/,""),group:D,shape:g,size:15+Math.min(t.deps.length/2,8),font:{color:Q?"#8885":c.value==="dark"?"white":"black"},color:Q?"#8885":k.value?.id===t.id?"#82c742":void 0,extra:{id:t.id,component:C,page:B,layout:L,relationship:t}}}).filter(t=>!!t),e=G.value.flatMap(t=>t.deps.map(C=>({from:t.id,to:C,arrows:{to:{enabled:!0,scaleFactor:.8}}})));return{nodes:S,edges:e}}),se=P(()=>l.value?.component?s.relationships?.find(e=>e.id===l.value?.component?.filePath)?.deps?.map(e=>s.relationships?.find(t=>t.id===e)?.id).filter(Boolean):[]),le=P(()=>l.value?.component?s.relationships?.filter(e=>e.deps.includes(l.value.component.filePath))?.map(e=>s.relationships?.find(t=>t.id===e.id)?.id).filter(Boolean):[]);we(()=>{const S={nodes:{shape:"dot",size:16},physics:{repulsion:{centralGravity:.7,springLength:100,springConstant:.01},maxVelocity:146,solver:"forceAtlas2Based",timestep:.35,stabilization:{enabled:!0,iterations:200}},groups:{user:{color:"#42b883"},unknown:{color:"#b86542"},lib:{color:"#b4b842"},page:{color:"#42b2b8"},layout:{color:"#4256b8"}}},e=new De(v.value,E.value,S);e.on("click",t=>{const C=t.nodes?.[0],B=E.value.nodes?.find(L=>L.id===C)?.extra;B&&(l.value=B)}),xe(E,()=>{e.setData(E.value)})});function ae(){k.value=l.value?.relationship,l.value=void 0}return(S,e)=>{const t=Pe,C=K,B=ce,L=te,X=O,D=Se;return n(),d(T,null,[u(C,{ref_key:"navbar",ref:i,search:p.value,"onUpdate:search":e[6]||(e[6]=g=>p.value=g),absolute:"","left-0":"","right-0":"","top-0":""},{actions:f(()=>[o("div",Je,[u(t,{modelValue:$(m),"onUpdate:modelValue":e[0]||(e[0]=g=>z(m)?m.value=g:null),n:"primary sm"},{default:f(()=>e[9]||(e[9]=[o("span",{op75:""},"Show pages",-1)])),_:1},8,["modelValue"]),u(t,{modelValue:$(N),"onUpdate:modelValue":e[1]||(e[1]=g=>z(N)?N.value=g:null),n:"primary sm"},{default:f(()=>e[10]||(e[10]=[o("span",{op75:""},"Show layouts",-1)])),_:1},8,["modelValue"]),u(t,{modelValue:$(_),"onUpdate:modelValue":e[2]||(e[2]=g=>z(_)?_.value=g:null),n:"primary sm"},{default:f(()=>e[11]||(e[11]=[o("span",{op75:""},"Show workspace",-1)])),_:1},8,["modelValue"]),u(t,{modelValue:$(b),"onUpdate:modelValue":e[3]||(e[3]=g=>z(b)?b.value=g:null),n:"primary sm"},{default:f(()=>e[12]||(e[12]=[o("span",{op75:""},"Show node_modules",-1)])),_:1},8,["modelValue"]),u(t,{modelValue:$(x),"onUpdate:modelValue":e[4]||(e[4]=g=>z(x)?x.value=g:null),n:"primary sm"},{default:f(()=>e[13]||(e[13]=[o("span",{op75:""},"Show global components",-1)])),_:1},8,["modelValue"])]),k.value?(n(),d("button",{key:0,flex:"~ gap-1","flex-none":"","items-center":"","rounded-full":"","bg-gray:20":"",py1:"",pl3:"",pr2:"","text-xs":"",op50:"","hover:op100":"",onClick:e[5]||(e[5]=g=>k.value=void 0)},e[14]||(e[14]=[q(" Clear filter "),o("div",{"i-carbon-close":""},null,-1)]))):w("",!0),e[15]||(e[15]=o("div",{"flex-auto":""},null,-1)),H(S.$slots,"default")]),_:3},8,["search"]),o("div",Ye,[o("div",{ref_key:"container",ref:v,"h-full":"","w-full":""},null,512),u(B,{absolute:"","bottom-3":"","left-3":"","border-0":"",p2:"",px3:"","text-sm":"","n-glass-effect":""},{default:f(()=>e[16]||(e[16]=[o("div",{grid:"~ cols-[20px_1fr] items-center gap-y-1"},[o("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-42b883":""}),o("div",{op50:""}," Component "),o("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-97c2fc":""}),o("div",{op50:""}," Global Component "),o("div",{"h-3":"","w-3":"","bg-hex-42b2b8":""}),o("div",{op50:""}," Page "),o("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 726 628","ml--1px":"","h-3":""},[o("path",{fill:"#4256b8","stroke-width":"4",d:"M723 314 543 625.8H183L3 314 183 2.2h360L723 314z"})]),o("div",{op50:""}," Layout "),o("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-b4b842":""}),o("div",{op50:""}," Library Component "),o("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-b86542":""}),o("div",{op50:""}," Unknown ")],-1)])),_:1}),u(D,{"model-value":!!(l.value&&l.value.component),top:i.value,border:"t l base","w-80":"",onClose:e[8]||(e[8]=g=>l.value=void 0)},{default:f(()=>[l.value&&l.value.component?(n(),d("div",Ke,[u(L,{component:l.value.component,dependencies:se.value,dependents:le.value},null,8,["component","dependencies","dependents"]),o("div",Ze,[u(X,{n:"primary solid",onClick:e[7]||(e[7]=g=>ae())},{default:f(()=>e[17]||(e[17]=[q(" Filter to this component ")])),_:1})])])):w("",!0)]),_:1},8,["model-value","top"])])],64)}}}),oo={hover:"bg-active",class:"group",flex:"~ gap2","w-full":"","items-center":"",rounded:"",px2:"",py1:""},no={key:0,"ml--1":"","text-primary":""},to=I({__name:"ComponentItem",props:{component:{},dependencies:{},dependents:{}},setup(V){const s=V,v=P(()=>s.component.filePath||s.component.file||s.component.__file||"");return(i,c)=>{const l=ne,a=te,h=ke("VDropdown"),r=ee,b=oe;return n(),d("div",oo,[u(h,null,{popper:f(()=>[u(a,{component:i.component,dependencies:i.dependencies,dependents:i.dependents,"w-100":"",pt4:""},null,8,["component","dependencies","dependents"])]),default:f(()=>[o("button",{"hover:text-primary":"",class:Ce(i.dependents&&i.dependents.length===0?"op50":"")},[u(l,{component:i.component},null,8,["component"])],2)]),_:1}),i.dependents?.length?(n(),d("sup",no," x"+W(i.dependents?.length),1)):w("",!0),i.component.global?(n(),y(r,{key:1,n:"green",title:"Registered at runtime as a global component",textContent:"runtime"})):w("",!0),H(i.$slots,"default"),v.value?(n(),y(b,{key:2,filepath:v.value,"text-sm":"",op25:"","group-hover:op75":""},null,8,["filepath"])):w("",!0)])}}}),so={flex:"~ gap-2 items-center"},lo={pl4:""},ao=I({__name:"ComponentsList",props:{components:{},relationships:{}},setup(V){const s=V,v=U(""),i=U("all"),c=P(()=>{const h=s.components.map(r=>fe(r,s.relationships));return i.value==="using"?h.filter(r=>r.dependents?.length):i.value==="not-used"?h.filter(r=>!r.dependents?.length):h}),l=P(()=>new ve(c.value,{keys:["component.pascalName","component.filePath","component.kebabName"]})),a=P(()=>{const h=[],r=new Map,b=[],x=[],m={user:0,lib:0,builtin:0,runtime:0};return(v.value?l.value.search(v.value).map(_=>_.item):c.value).forEach(_=>{const k=_.component;if(k.filePath&&_e(k.filePath)){const p=he(k.filePath);if(!p)return;p==="nuxt"?(b.push(_),m.builtin++):(r.has(p)||r.set(p,[]),r.get(p).push(_),m.lib++)}else k.global&&!k.filePath?(x.push(_),m.runtime++):(h.push(_),m.user++)}),{count:m,user:h,builtin:b,lib:r,runtime:x}});return(h,r)=>{const b=be,x=Te,m=K,N=to,_=Be,k=Le;return n(),d(T,null,[u(m,{search:v.value,"onUpdate:search":r[1]||(r[1]=p=>v.value=p),pb3:""},{actions:f(()=>[H(h.$slots,"default")]),default:f(()=>[o("div",so,[u(b,{icon:"carbon-filter",op50:""}),u(x,{modelValue:i.value,"onUpdate:modelValue":r[0]||(r[0]=p=>i.value=p),n:"primary sm",options:[{label:"All",value:"all"},{label:"Using",value:"using"},{label:"Not used",value:"not-used"}]},null,8,["modelValue"])])]),_:3},8,["search"]),a.value.user.length?(n(),y(_,{key:0,icon:"carbon-nominal",text:"User components",open:a.value.user.length<=$(j),description:`Total components: ${a.value.count.user}`},{default:f(()=>[(n(!0),d(T,null,M(a.value.user,p=>(n(),y(N,A({key:p.component.filePath,ref_for:!0},p),null,16))),128))]),_:1},8,["open","description"])):w("",!0),a.value.runtime.length?(n(),y(_,{key:1,icon:"carbon-load-balancer-global",open:a.value.runtime.length<=$(j),text:"Runtime components",description:`Total components: ${a.value.count.runtime}`},{default:f(()=>[(n(!0),d(T,null,M(a.value.runtime,p=>(n(),y(N,A({key:p.component.filePath,ref_for:!0},p),null,16))),128))]),_:1},8,["open","description"])):w("",!0),a.value.builtin.length?(n(),y(_,{key:2,icon:"simple-icons-nuxtdotjs",text:"Built-in components",description:`Total components: ${a.value.count.builtin}`},{default:f(()=>[(n(!0),d(T,null,M(a.value.builtin,p=>(n(),y(N,A({key:p.component.filePath,ref_for:!0},p),null,16))),128))]),_:1},8,["description"])):w("",!0),a.value.lib.size?(n(),y(_,{key:3,open:a.value.count.lib<=$(j),icon:"carbon-3d-mpr-toggle",text:"Components from libraries",description:`${a.value.count.lib} components from ${a.value.lib.size} packages`},{default:f(()=>[(n(!0),d(T,null,M(a.value.lib.entries(),([p,F])=>(n(),d("div",{key:p,"ml-2":""},[u(k,{text:`${p} (${F.length})`,py1:"",op50:""},null,8,["text"]),o("div",lo,[(n(!0),d(T,null,M(F,G=>(n(),y(N,A({key:G.component.filePath,ref_for:!0},G),null,16))),128))])]))),128))]),_:1},8,["open","description"])):w("",!0)],64)}}}),io={relative:"","h-full":"","of-auto":""},po={"flex-none":"",flex:"~ gap3"},Vo=I({__name:"components",setup(V){const s=ge(),v=Me(),i=Ue(),{componentsView:c}=Y("ui");function l(){s.value?.inspector?.enable()}function a(){c.value=c.value==="list"?"graph":"list"}return(h,r)=>{const b=O,x=Fe,m=Ve,N=$e("tooltip");return n(),d(T,null,[o("div",io,[(n(),y(Ne($(c)==="list"?ao:eo),{components:$(v),relationships:$(i)},{default:f(()=>[o("div",po,[J(u(b,{"text-lg":"",border:!1,icon:$(c)==="graph"?"i-carbon-list":"i-carbon-network-4",title:"Toggle view",onClick:a},null,8,["icon"]),[[N,"Toggle View",void 0,{"bottom-end":!0}]]),$(s)?.inspector?.isAvailable?J((n(),y(b,{key:0,"text-lg":"",border:!1,icon:"i-tabler-focus-2",title:"Inspect Vue components",onClick:l},null,512)),[[N,"Inspect Vue components",void 0,{"bottom-end":!0}]]):w("",!0)])]),_:1},8,["components","relationships"]))]),u(m,null,{default:f(()=>[u(x)]),_:1})],64)}}});export{Vo as default};