@nuxt/devtools-nightly 3.1.0-29401018.9b54c01 → 3.1.1-29404851.4bbdfca
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/README.md +1 -1
- package/dist/chunks/module-main.mjs +1 -1
- package/dist/client/200.html +1 -1
- package/dist/client/404.html +1 -1
- package/dist/client/_nuxt/{analyze-build-oryoen0q.js → analyze-build-ld9zydqz.js} +1 -1
- package/dist/client/_nuxt/{assets-n9frj9gs.js → assets-b4nq46c6.js} +1 -1
- package/dist/client/_nuxt/builds/latest.json +1 -1
- package/dist/client/_nuxt/builds/meta/80c07fc4-dd63-46cf-8615-791c11a8cd6d.json +1 -0
- package/dist/client/_nuxt/{components-ggso4i6i.js → components-h1e7a05n.js} +1 -1
- package/dist/client/_nuxt/{custom-_name_-co66swg3.js → custom-_name_-nz911udu.js} +1 -1
- package/dist/client/_nuxt/{data-schema-drawer-e3po2log.js → data-schema-drawer-ituotm78.js} +1 -1
- package/dist/client/_nuxt/{debug-cuicjd4l.js → debug-pa6fp41a.js} +1 -1
- package/dist/client/_nuxt/{default-j8chlr6s.js → default-h2avz4vm.js} +1 -1
- package/dist/client/_nuxt/{n2w4aghx.js → detblamc.js} +4 -4
- package/dist/client/_nuxt/{error-404-mn9wiz9j.js → error-404-gjte2279.js} +1 -1
- package/dist/client/_nuxt/{error-500-bof7kh8i.js → error-500-bi9972ec.js} +1 -1
- package/dist/client/_nuxt/{error-g70zruof.js → error-cv2sq74j.js} +1 -1
- package/dist/client/_nuxt/{full-cxl562yo.js → full-jx9nmllz.js} +1 -1
- package/dist/client/_nuxt/{hooks-jggtji8p.js → hooks-lbx1vti7.js} +1 -1
- package/dist/client/_nuxt/{imports-evfg34zj.js → imports-bj355rl7.js} +1 -1
- package/dist/client/_nuxt/{index-n9hjmqqi.js → index-j95fw8zr.js} +1 -1
- package/dist/client/_nuxt/{modules-nmajsl2l.js → modules-fft43nho.js} +1 -1
- package/dist/client/_nuxt/{none-dhs2miin.js → none-dc7ztwm7.js} +1 -1
- package/dist/client/_nuxt/{open-graph-gfl9s9at.js → open-graph-dxecn0or.js} +1 -1
- package/dist/client/_nuxt/{overview-xo16vopp.js → overview-buzsu6r5.js} +1 -1
- package/dist/client/_nuxt/{pages-dw24ytau.js → pages-gcxbcwey.js} +1 -1
- package/dist/client/_nuxt/{payload-ogaoikzi.js → payload-kfckbr17.js} +1 -1
- package/dist/client/_nuxt/{pinia-hmhq53g4.js → pinia-n9hn8l5t.js} +1 -1
- package/dist/client/_nuxt/{plugins-k2vr7wkg.js → plugins-ba6gkr5q.js} +1 -1
- package/dist/client/_nuxt/{render-tree-i8t9hbyk.js → render-tree-ibqqcfq3.js} +1 -1
- package/dist/client/_nuxt/{runtime-configs-7zs2ddgp.js → runtime-configs-cs6szovw.js} +1 -1
- package/dist/client/_nuxt/{server-discovery-milekulq.js → server-discovery-d71ifv8y.js} +1 -1
- package/dist/client/_nuxt/{server-routes-e4vzoapc.js → server-routes-nfdqer0z.js} +1 -1
- package/dist/client/_nuxt/{server-tasks-jk3bydrn.js → server-tasks-cz5pdbq6.js} +1 -1
- package/dist/client/_nuxt/{settings-gu07lwa8.js → settings-n3uw9wos.js} +1 -1
- package/dist/client/_nuxt/{storage-ox8b0yzs.js → storage-hjoakplq.js} +1 -1
- package/dist/client/_nuxt/{terminals-ejfs7r9d.js → terminals-k1y9pocq.js} +1 -1
- package/dist/client/_nuxt/{timeline-oydk1loo.js → timeline-jsqf45u3.js} +1 -1
- package/dist/client/_nuxt/{unocss-runtime-hhfs3crr.js → unocss-runtime-e4jesdoo.js} +1 -1
- package/dist/client/_nuxt/vendor/{unocss-dnflwp77.js → unocss-b6xarsb2.js} +2 -2
- package/dist/client/_nuxt/{virtual-files-gk8uglt8.js → virtual-files-bh5xq2f0.js} +1 -1
- package/dist/client/index.html +1 -1
- package/dist/module.json +1 -1
- package/package.json +4 -4
- package/dist/client/_nuxt/builds/meta/9cd22f38-896a-41f8-aa4d-d312195cbf04.json +0 -1
package/README.md
CHANGED
|
@@ -120,7 +120,7 @@ On top of the [default Nuxt Telemetry events](https://github.com/nuxt/telemetry#
|
|
|
120
120
|
[npm-downloads-href]: https://npm.chart.dev/@nuxt/devtools
|
|
121
121
|
[license-src]: https://img.shields.io/npm/l/@nuxt/devtools.svg?style=flat&colorA=18181B&colorB=28CF8D
|
|
122
122
|
[license-href]: https://npmjs.com/package/@nuxt/devtools
|
|
123
|
-
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt
|
|
123
|
+
[nuxt-src]: https://img.shields.io/badge/Nuxt-18181B?logo=nuxt
|
|
124
124
|
[nuxt-href]: https://nuxt.com
|
|
125
125
|
[volta-src]: https://user-images.githubusercontent.com/904724/209143798-32345f6c-3cf8-4e06-9659-f4ace4a6acde.svg
|
|
126
126
|
[volta-href]: https://volta.net/nuxt/devtools?utm_source=nuxt_devtools_readme
|
|
@@ -33,7 +33,7 @@ import { getDefaultExportOptions, addNuxtModule } from 'magicast/helpers';
|
|
|
33
33
|
import { detectPackageManager } from 'nypm';
|
|
34
34
|
import semver from 'semver';
|
|
35
35
|
|
|
36
|
-
const version$1 = "3.1.
|
|
36
|
+
const version$1 = "3.1.1-29404851.4bbdfca";
|
|
37
37
|
|
|
38
38
|
const urlAlphabet = "useandom-26T198340PX75pxJACKVERYMINDBUSHWOLF_GQZbfghjklqvwyzrict";
|
|
39
39
|
function randomStr(size = 16, dict = urlAlphabet) {
|
package/dist/client/200.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/
|
|
1
|
+
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/detblamc.js"}}</script><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-isd0m9wk.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-f8ezrn37.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-c5u30s53.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/detblamc.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-ho2zu772.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-g7cm1eew.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-b6xarsb2.js"><script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/detblamc.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},1764291141423,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"80c07fc4-dd63-46cf-8615-791c11a8cd6d",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
|
package/dist/client/404.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/
|
|
1
|
+
<!DOCTYPE html><html><head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><script type="importmap">{"imports":{"#entry":"/__NUXT_DEVTOOLS_BASE__/_nuxt/detblamc.js"}}</script><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/entry.css-isd0m9wk.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue.css-f8ezrn37.css" crossorigin><link rel="stylesheet" href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss.css-c5u30s53.css" crossorigin><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/detblamc.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/json-editor-vue-ho2zu772.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/shiki-g7cm1eew.js"><link rel="modulepreload" as="script" crossorigin href="/__NUXT_DEVTOOLS_BASE__/_nuxt/vendor/unocss-b6xarsb2.js"><script type="module" src="/__NUXT_DEVTOOLS_BASE__/_nuxt/detblamc.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},1764291141426,false]</script><script>window.__NUXT__={};window.__NUXT__.config={public:{},app:{baseURL:"/__NUXT_DEVTOOLS_BASE__/",buildId:"80c07fc4-dd63-46cf-8615-791c11a8cd6d",buildAssetsDir:"/_nuxt/",cdnURL:""}}</script></body></html>
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b8 as X,b9 as j,_ as P,r as S,E as R,b as Y,ba as h,a6 as ee,a7 as ne,Z as te,a1 as le,i as oe,bb as N,a8 as ie,Q as ue,v as re,q as ae,aj as se,M as de}from"#entry";import{_ as me}from"./filepath-item-f2iy8phl.js";import{p as L,q as V,k as F,J as a,X as o,a2 as e,a3 as y,F as f,ag as U,a6 as E,aa as c,a0 as m,u as b,Z as d,ab as x,ac as D,ad as I,W as C}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as ve}from"./ncode-block-esxkr86l.js";import{_ as pe}from"./ncheckbox-dg5nbt1d.js";import{_ as fe}from"./help-fab-izt1nioe.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-
|
|
1
|
+
import{b8 as X,b9 as j,_ as P,r as S,E as R,b as Y,ba as h,a6 as ee,a7 as ne,Z as te,a1 as le,i as oe,bb as N,a8 as ie,Q as ue,v as re,q as ae,aj as se,M as de}from"#entry";import{_ as me}from"./filepath-item-f2iy8phl.js";import{p as L,q as V,k as F,J as a,X as o,a2 as e,a3 as y,F as f,ag as U,a6 as E,aa as c,a0 as m,u as b,Z as d,ab as x,ac as D,ad as I,W as C}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as ve}from"./ncode-block-esxkr86l.js";import{_ as pe}from"./ncheckbox-dg5nbt1d.js";import{_ as fe}from"./help-fab-izt1nioe.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-b6xarsb2.js";import"./client-c6aoxv2l.js";const ce={"h-full":"",grid:"~ rows-[max-content_1fr]"},xe={flex:"~ wrap","w-full":""},be=["onClick"],_e={key:0,flex:"~ col gap-4 items-center justify-center",p4:""},ye={grid:"~ cols-[30px_1fr] gap-x-2 gap-y-3 items-center justify-center","w-100":""},ge="/__nuxt_devtools__/client",we=L({__name:"BuildAnalyzeDetails",props:{current:{},prev:{}},setup(i){const p=i,w=`${X().app.baseURL.replace(ge,"/")}/__nuxt_devtools__/analyze/`.replace(/\/+/g,"/"),z=V(()=>{const l=[{name:"Overview",id:"overview"}];return p.current.features.bundleClient&&l.push({name:"Client Bundle",id:"bundle-client"}),p.current.features.bundleNitro&&l.push({name:"Nitro Bundle",id:"bundle-nitro"}),p.current.features.viteInspect&&l.push({name:"Vite Inspect",id:"vite-inspect"}),l}),u=F(z.value[0]);function $(l){return`${((l.endTime-l.startTime)/1e3).toFixed(1)}s`}function v(l){return l<1024?`${l}B`:l<1024*1024?`${(l/1024).toFixed(1)}KB`:l<1024*1024*1024?`${(l/1024/1024).toFixed(1)}MB`:`${(l/1024/1024/1024).toFixed(1)}GB`}async function T(l){return S.clearAnalyzeBuilds(await R(),[l])}return(l,n)=>{const A=me,k=P;return o(),a("div",ce,[e("div",xe,[(o(!0),a(f,null,U(z.value,(r,t)=>(o(),a("button",{key:t,px4:"",py2:"",border:"r base",hover:"bg-active",class:E(r.id===u.value?.id?"":"border-b"),onClick:B=>u.value=r},[e("div",{class:E(r.id===u.value?.id?"":"op30")},c(r.name),3)],10,be))),128)),n[1]||(n[1]=e("div",{border:"b base","flex-auto":""},null,-1))]),u.value?.id==="overview"?(o(),a("div",_e,[n[15]||(n[15]=e("div",{"flex-auto":""},null,-1)),e("div",ye,[n[10]||(n[10]=e("div",{"i-carbon-commit":"","text-xl":""},null,-1)),e("div",null,[n[2]||(n[2]=e("div",{"text-sm":"",op50:""}," Name ",-1)),e("div",null,c(i.current.name),1)]),n[11]||(n[11]=e("div",{"i-carbon-time":"","text-xl":""},null,-1)),e("div",null,[n[3]||(n[3]=e("div",{"text-sm":"",op50:""}," Build duration ",-1)),e("div",null,c($(i.current)),1)]),i.current.size?.clientBundle?(o(),a(f,{key:0},[n[5]||(n[5]=e("div",{"i-carbon-cics-program":"","text-xl":""},null,-1)),e("div",null,[n[4]||(n[4]=e("div",{"text-sm":"",op50:""}," Client bundle size ",-1)),e("div",null,c(v(i.current.size.clientBundle)),1)])],64)):y("",!0),i.current.size?.nitroBundle?(o(),a(f,{key:1},[n[7]||(n[7]=e("div",{"i-carbon-bare-metal-server":"","text-xl":""},null,-1)),e("div",null,[n[6]||(n[6]=e("div",{"text-sm":"",op50:""}," Nitro bundle size ",-1)),e("div",null,c(v(i.current.size.nitroBundle)),1)])],64)):y("",!0),n[12]||(n[12]=e("div",{"i-carbon-edge-node":"","text-xl":""},null,-1)),e("div",null,[n[8]||(n[8]=e("div",{"text-sm":"",op50:""}," Built ",-1)),e("div",null,c(b(j)(new Date(i.current.endTime))),1)]),n[13]||(n[13]=e("div",{"i-carbon:folder-parent":"","text-xl":""},null,-1)),e("div",null,[n[9]||(n[9]=e("div",{"text-sm":"",op50:""}," Report Path ",-1)),m(A,{filepath:i.current.analyzeDir},null,8,["filepath"])])]),n[16]||(n[16]=e("div",{"flex-auto":""},null,-1)),m(k,{n:"rose",icon:"carbon-delete",onClick:n[0]||(n[0]=r=>T(i.current.name))},{default:d(()=>[...n[14]||(n[14]=[x(" Delete this report ",-1)])]),_:1})])):y("",!0),n._lazyshow1||u.value?.id==="bundle-client"?(n._lazyshow1=!0,o(),a(f,null,[D(e("iframe",{src:`${b(w)}${i.current.slug}/client.html`,"h-full":"","w-full":""},null,8,["src"]),[[I,u.value?.id==="bundle-client"]])],64)):y("v-show-if",!0),n._lazyshow2||u.value?.id==="bundle-nitro"?(n._lazyshow2=!0,o(),a(f,null,[D(e("iframe",{src:`${b(w)}${i.current.slug}/nitro.html`,"h-full":"","w-full":""},null,8,["src"]),[[I,u.value?.id==="bundle-nitro"]])],64)):y("v-show-if",!0),n._lazyshow3||u.value?.id==="vite-inspect"?(n._lazyshow3=!0,o(),a(f,null,[D(e("iframe",{src:`${b(w)}${i.current.slug}/.vite-inspect/`,"h-full":"","w-full":""},null,8,["src"]),[[I,u.value?.id==="vite-inspect"]])],64)):y("v-show-if",!0)])}}}),ze=Object.assign(we,{__name:"BuildAnalyzeDetails"}),$e={},Be={class:"markdown-body"};function Ce(i,p){return o(),a("div",Be,[...p[0]||(p[0]=[e("template",null,[e("div",{class:"markdown-body"},[e("h1",null,"Build Analyze"),e("p",null,[x("DevTools provides a build analyze tool to help you understand the size of your app in production. Whenever you start a new build, it runs the command "),e("code",{"v-pre":""},"nuxt build --analyze"),x(" and present the output data directly in DevTools for easy browsing and comparing.")])])],-1)])])}const ke=Y($e,[["render",Ce]]),Ne={flex:"~ col"},Te=["onClick"],Ae={flex:"~ gap-1 items-center wrap","w-full":"","text-sm":"",op60:""},De={flex:"~ items-center justify-center wrap",p4:""},Ie={flex:"~ col gap-1","w-250":"",p4:""},Se={flex:"~ gap-3",mt2:"","justify-end":""},Oe=L({__name:"analyze-build",setup(i){const p=se(),g=h(),w=ee(),z=ne("analyze-build:slug",""),u=V(()=>g.value?.builds.find(r=>r.slug===z.value)??g.value?.builds[0]),$=F(!1),v=F(""),T=V(()=>g.value?.builds.some(r=>r.name===v.value.trim()));async function l(){v.value=await S.generateAnalyzeBuildName(),await p.start()&&(de("analyze-build:start"),N.value={name:v.value,processId:await S.startAnalyzeBuild(await R(),v.value)},$.value&&k())}const n=te();function A(r){return`${((r.endTime-r.startTime)/1e3).toFixed(1)}s`}function k(){N.value?.processId&&(n.value=N.value.processId,w.push("/modules/terminals"))}return le(()=>[{id:"action:analyze-build: start",title:"Start a new analyze build",icon:"i-carbon-edge-node",action:l}]),(r,t)=>{const B=P,G=ze,O=oe,Z=ie,q=re,M=ae,W=ve,H=pe,J=ue,K=ke,Q=fe;return o(),a(f,null,[m(Z,{"left-size":30},{left:d(()=>[e("div",Ne,[(o(!0),a(f,null,U(b(g)?.builds,s=>(o(),a(f,{key:s.slug},[e("button",{flex:"~ col gap1",p3:"","hover:bg-active":"",class:E(s.slug===u.value?.slug?"text-primary bg-active":""),onClick:_=>z.value=s.slug},[e("code",null,c(s.name),1),e("div",Ae,[t[4]||(t[4]=e("div",{"i-carbon-time":""},null,-1)),e("span",null,c(A(s)),1),t[5]||(t[5]=e("div",{"flex-auto":""},null,-1)),e("span",null,c(b(j)(new Date(s.endTime))),1)])],10,Te),t[6]||(t[6]=e("div",{"x-divider":""},null,-1))],64))),128)),e("div",De,[b(N)?(o(),C(B,{key:1,n:"primary",icon:"carbon-circle-dash animate-spin",onClick:t[1]||(t[1]=s=>k())},{default:d(()=>[...t[8]||(t[8]=[x(" Building... ",-1)])]),_:1})):(o(),C(B,{key:0,n:"primary",icon:"carbon-edge-node",onClick:t[0]||(t[0]=s=>l())},{default:d(()=>[...t[7]||(t[7]=[x(" Start a new build ",-1)])]),_:1}))])])]),right:d(()=>[u.value?(o(),C(G,{key:0,current:u.value},null,8,["current"])):(o(),C(O,{key:1}))]),_:1}),m(b(p),null,{default:d(({resolve:s})=>[m(J,{"model-value":!0,onClose:_=>s(!1)},{default:d(()=>[e("div",Ie,[t[13]||(t[13]=e("h3",{class:"text-lg font-medium leading-6",mb2:""}," Start analyze build? ",-1)),t[14]||(t[14]=e("p",{op50:""}," Enter the name of the build: ",-1)),m(q,{modelValue:v.value,"onUpdate:modelValue":t[2]||(t[2]=_=>v.value=_),placeholder:"Build name"},null,8,["modelValue"]),T.value?(o(),C(M,{key:0,"n-orange":""},{default:d(()=>[...t[9]||(t[9]=[x(" A build with the same name already exists, continue would overrides the previous build result. ",-1)])]),_:1})):y("",!0),t[15]||(t[15]=e("div",{my3:"","x-divider":""},null,-1)),t[16]||(t[16]=e("p",{op50:""}," The following command will be executed in your terminal: ",-1)),m(W,{code:`npx nuxi analyze --no-serve --name=${v.value}`,lang:"bash",px4:"",py2:"",border:"~ base rounded",lines:!1},null,8,["code"]),m(H,{modelValue:$.value,"onUpdate:modelValue":t[3]||(t[3]=_=>$.value=_),mt2:"",n:"primary"},{default:d(()=>[...t[10]||(t[10]=[x(" Navigate to terminal ",-1)])]),_:1},8,["modelValue"]),e("div",Se,[m(B,{onClick:_=>s(!1)},{default:d(()=>[...t[11]||(t[11]=[x(" Cancel ",-1)])]),_:1},8,["onClick"]),m(B,{n:"solid primary",onClick:_=>s(!0)},{default:d(()=>[...t[12]||(t[12]=[x(" Start ",-1)])]),_:1},8,["onClick"])])])]),_:2},1032,["onClose"])]),_:1}),m(Q,null,{default:d(()=>[m(K)]),_:1})],64)}}});export{Oe as default};
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import{G as X,H as ee,_ as te,I as ne,v as se,J as z,K as ce,L as pe,M as me,r as J,E as W,N as ve,O as fe,c as le,A as ge,a as xe,w as he,P as _e,Q as be,R as we,S as ye,T as $e,g as ke,U as Ce}from"#entry";import{_ as Pe}from"./ncheckbox-dg5nbt1d.js";import{_ as Ve}from"./ndropdown-gskb7sy5.js";import{_ as Ae}from"./nnavbar-eqdsa2v0.js";import{p as q,k as U,ai as oe,J as i,X as o,a6 as H,u as m,ac as K,a0 as d,a2 as t,ab as A,F as L,ag as Z,W as P,a3 as j,Z as h,q as I,a4 as ae,aa as D,$ as De,j as Fe,at as Ne,a5 as je}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as Ie}from"./nsection-block-owu5vx1c.js";import{_ as Se}from"./filepath-item-f2iy8phl.js";import{_ as Ue}from"./code-snippets-gyl3bqgb.js";import{_ as Te}from"./ndrawer-j5h6fmbh.js";import{D as Oe}from"./constants-b32h69zq.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-
|
|
1
|
+
import{G as X,H as ee,_ as te,I as ne,v as se,J as z,K as ce,L as pe,M as me,r as J,E as W,N as ve,O as fe,c as le,A as ge,a as xe,w as he,P as _e,Q as be,R as we,S as ye,T as $e,g as ke,U as Ce}from"#entry";import{_ as Pe}from"./ncheckbox-dg5nbt1d.js";import{_ as Ve}from"./ndropdown-gskb7sy5.js";import{_ as Ae}from"./nnavbar-eqdsa2v0.js";import{p as q,k as U,ai as oe,J as i,X as o,a6 as H,u as m,ac as K,a0 as d,a2 as t,ab as A,F as L,ag as Z,W as P,a3 as j,Z as h,q as I,a4 as ae,aa as D,$ as De,j as Fe,at as Ne,a5 as je}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as Ie}from"./nsection-block-owu5vx1c.js";import{_ as Se}from"./filepath-item-f2iy8phl.js";import{_ as Ue}from"./code-snippets-gyl3bqgb.js";import{_ as Te}from"./ndrawer-j5h6fmbh.js";import{D as Oe}from"./constants-b32h69zq.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-b6xarsb2.js";import"./nicon-title-n11g9rad.js";import"./ncode-block-esxkr86l.js";import"./client-c6aoxv2l.js";const Ee={key:0,"h-full":"","w-full":"",flex:"","items-center":"","justify-center":""},Le={for:"drop-zone-input","text-3xl":"",hover:"text-green cursor-pointer","transition-all":""},Be={key:1,relative:"","h-full":"","w-full":"",grid:"~ rows-[max-content_1fr_max-content]"},ze={grid:"~ cols-minmax-8rem gap-8","overflow-auto":"",p6:""},Re={flex:"","items-center":"","justify-center":"","of-hidden":"",rounded:"","rounded-t-lg":"","bg-active":"","object-cover":"",class:"aspect-1/1",border:"~ base"},Me=["src"],Ke={flex:"~ gap1","items-center":""},Ge={flex:"~ gap-2","items-center":"","justify-center":"",p8:""},Ze=q({__name:"AssetDropZone",props:{modelValue:{type:Boolean,required:!0},folder:{type:String,required:!0}},setup(l){const g=l,f=ee(g,"modelValue"),F=U(),n=U([]);function v(s){F.value=s.target,f.value=!0}function b(s){s.target===F.value&&(f.value=!1)}function T(s){s.preventDefault()}function M(s){s.preventDefault(),_(s.dataTransfer.files)}function _(s){const c=Array.from(s||[]);if(c.length){const x=[],y=n.value.map(u=>u.name);for(const u of c)if(y.includes(u.name)){let V=1;const[$,E]=u.name.split(".");for(;y.includes(`${$} (${V}).${E}`);)V++;const R=`${$}-${V}.${E}`,a=new Blob([u],{type:u.type}),e=new File([a],R,{lastModified:Date.now()});x.push(e),y.push(R)}else u.type===""&&z({message:"Folders are not supported yet",icon:"carbon:face-dissatisfied",classes:"text-orange"}),x.push(u);n.value=[...n.value,...x]}}async function O(){if(ce.value||pe.value)return;me("assets:upload");const s=[];for(const c of n.value){const x=new FileReader;x.readAsDataURL(c);const u=(await new Promise(V=>{x.onload=()=>V(x.result)})).split(";base64,").pop();s.push({path:c.name,encoding:"base64",content:u})}await J.writeStaticAssets(await W(),[...s],g.folder).then(()=>{p(),z({message:"Files uploaded successfully!",icon:"i-carbon:checkmark"})}).catch(c=>{p(),z({message:`Error uploading files: ${c?.message??"unknown"}`,icon:"i-carbon-warning",classes:"text-red"})}),f.value=!1}function G(s){n.value?.splice(s,1)}function B(s){return URL.createObjectURL(s)}function w(s,c){const[x,y]=s.name.split("."),u=c.replace(/\.\w+$/,""),V=`${u}.${y}`;return u.length===0?(alert("File name must be at least 1 characters long"),x):(Object.defineProperty(s,"name",{value:V,writable:!1}),n.value.splice(n.value.indexOf(s),1,s),s)}function r(){n.value=[]}function p(){f.value=!1,r()}return X("dragenter",v),X("dragleave",b),X("dragover",T),X("drop",M),(s,c)=>{const x=te,y=ne,u=se,V=oe("tooltip");return o(),i("div",{fixed:"","bottom-0":"","left-13":"","right-0":"","top-0":"","z-10":"","backdrop-blur-20":"","transition-all":"",class:H(m(f)?"opacity-100 visible":"opacity-0 invisible")},[K(d(x,{icon:"carbon-close",title:"Close",absolute:"","right-5":"","top-5":"","z-20":"","text-xl":"",border:!1,onClick:p},null,512),[[V,"Close",void 0,{"bottom-end":!0}]]),n.value?.length?(o(),i("div",Be,[c[4]||(c[4]=t("div",{px6:"",py6:""},[t("h1",{"text-2xl":""}," Upload "),t("p",{"text-sm":"",op50:""}," Drag and drop files to upload ")],-1)),t("div",ze,[(o(!0),i(L,null,Z(n.value,($,E)=>(o(),i("div",{key:$.name,flex:"~ col gap-2",relative:"","h-50":"","w-40":"","items-center":""},[t("div",Re,[t("img",{"h-full":"","w-full":"","rounded-t-lg":"","object-cover":"",src:B($)},null,8,Me)]),t("div",Ke,[d(u,{n:"xs","h-full":"","flex-auto":"","model-value":$.name,"onUpdate:modelValue":R=>w($,R.target.value)},null,8,["model-value","onUpdate:modelValue"]),d(x,{n:"red",icon:"carbon-trash-can","h-full":"","flex-none":"",title:"Remove file",onClick:R=>G(E)},null,8,["onClick"])])]))),128))]),t("div",Ge,[n.value.length?(o(),P(x,{key:0,n:"red",onClick:r},{default:h(()=>[d(y,{icon:"carbon-clean"}),c[2]||(c[2]=A(" Clear ",-1))]),_:1})):j("",!0),d(x,{disabled:!n.value.length,n:"primary solid",onClick:O},{default:h(()=>[d(y,{icon:"carbon-cloud-upload"}),c[3]||(c[3]=A(" Upload ",-1))]),_:1},8,["disabled"])])])):(o(),i("div",Ee,[t("label",Le,[d(y,{icon:"carbon-cloud-upload","mr-2":""}),c[1]||(c[1]=A(" Drop files here or click to select ",-1))]),t("input",{id:"drop-zone-input",type:"file",multiple:"",hidden:"",onChange:c[0]||(c[0]=$=>_($.target.files))},null,32)]))],2)}}}),qe=Object.assign(Ze,{__name:"AssetDropZone"}),Je=q({__name:"AssetFontPreview",props:{asset:{}},setup(l){const g=l,f=I(()=>`devtools-assets-${ve(g.asset)}`);return fe(I(()=>`
|
|
2
2
|
@font-face {
|
|
3
3
|
font-family: '${f.value}';
|
|
4
4
|
src: url('${g.asset.publicPath}');
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"id":"
|
|
1
|
+
{"id":"80c07fc4-dd63-46cf-8615-791c11a8cd6d","timestamp":1764291091697}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"id":"80c07fc4-dd63-46cf-8615-791c11a8cd6d","timestamp":1764291091697,"matcher":{"static":{},"wildcard":{},"dynamic":{}},"prerendered":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as pe,a as ue,_ as X,a4 as re,aq as ce,A as me,B as de,g as J,ar as fe,n as ve,as as _e,S as he,Y as xe,W as be,I as ge,f as ye}from"#entry";import{J as r,X as t,a2 as n,p as F,q as P,ab as j,aa as W,a3 as b,$ as E,a0 as u,W as x,Z as m,u as V,F as B,ag as M,k as U,n as we,D as Ce,x as ke,j as R,Y as Ne,a6 as $e,a1 as z,ai as Ve,ac as Y,af as De}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as Pe}from"./help-fab-izt1nioe.js";import{_ as Se}from"./ncheckbox-dg5nbt1d.js";import{_ as Z}from"./nnavbar-eqdsa2v0.js";import{p as K}from"./index-jc4yj4to.js";import{_ as Q}from"./nbadge-dv1e6eny.js";import{_ as ee}from"./filepath-item-f2iy8phl.js";import{_ as Le}from"./ndrawer-j5h6fmbh.js";import{D as Be,N as Ie}from"./vendor/vis-lxvjz9wh.js";import{_ as Te}from"./nselect-tabs-b4x1017q.js";import{_ as Me}from"./nsection-block-owu5vx1c.js";import{_ as Ge}from"./nicon-title-n11g9rad.js";import{D as H}from"./constants-b32h69zq.js";import{u as Ue,a as Fe}from"./state-components-jdafqa4i.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-dnflwp77.js";const Oe={},Ae={class:"markdown-body"};function Re(s,l){return t(),r("div",Ae,[...l[0]||(l[0]=[n("template",null,[n("div",{class:"markdown-body"},[n("h1",null,"Components"),n("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."),n("p",null,"Components placed in the components/ directory are automatically registered by Nuxt. They can be used in your templates without importing them."),n("p",null,[n("a",{href:"https://nuxt.com/docs/guide/directory-structure/components",target:"_blank",rel:"noopener"},"Learn more in the documentation")])])],-1)])])}const je=pe(Oe,[["render",Re]]),ze={"text-sm":"","font-mono":""},We=F({__name:"ComponentName",props:{component:{}},setup(s){const l=s,_=P(()=>l.component.pascalName||K(l.component.name||l.component.__name||l.component.kebabName||""));return(w,h)=>(t(),r("code",ze,[h[0]||(h[0]=n("span",{mr1:"",op20:""},"<",-1)),j(W(_.value),1),h[1]||(h[1]=n("span",{ml1:"",op20:""},"/>",-1))]))}}),ne=Object.assign(We,{__name:"ComponentName"}),Ee={flex:"~ col gap1","items-start":"","of-hidden":""},qe={flex:"~ gap2 items-center",px3:""},He={px3:"",pb2:""},Xe={key:0,border:"t base","max-h-60":"","w-full":"","of-auto":"",px3:"",py3:""},Ye={"text-sm":""},Je={"text-primary":""},Ze={key:0,flex:"~ col gap-2","items-start":"",pt3:"","text-sm":"",op75:""},Ke={key:1,border:"t base","max-h-60":"","w-full":"","of-auto":"",px3:"",py3:""},Qe={"text-sm":""},en={"text-primary":""},nn={key:0,flex:"~ col gap-2","items-start":"",pt3:"","text-sm":"",op75:""},tn=F({__name:"ComponentDetails",props:{component:{},dependencies:{},dependents:{}},setup(s){const l=s,_=P(()=>l.component.pascalName||K(l.component.name||l.component.__name||l.component.kebabName||"")),w=P(()=>l.component.filePath||l.component.file||l.component.__file||""),h=ue();return(c,f)=>{const i=ne,g=X,a=Q,C=ee;return t(),r("div",Ee,[n("div",qe,[u(i,{component:s.component},null,8,["component"]),s.component.meta?.docs&&typeof s.component.meta.docs=="string"?(t(),x(g,{key:0,title:"Open docs","flex-none":"",n:"xs",to:s.component.meta.docs,target:"_blank",icon:"carbon-catalog"},{default:m(()=>[...f[1]||(f[1]=[j(" Docs ",-1)])]),_:1},8,["to"])):b("",!0),u(g,{title:"Copy name","flex-none":"",n:"xs",icon:"carbon-copy",onClick:f[0]||(f[0]=v=>V(h)(`<${_.value}></${_.value}>`,"component-name"))},{default:m(()=>[...f[2]||(f[2]=[j(" Copy ",-1)])]),_:1}),s.component.global?(t(),x(a,{key:1,n:"green",title:"Registered at runtime as a global component",textContent:"runtime"})):b("",!0)]),n("div",He,[w.value?(t(),x(C,{key:0,filepath:w.value,"w-full":"","text-sm":"",op40:"","group-hover:op75":""},null,8,["filepath"])):b("",!0)]),s.dependents?(t(),r("div",Xe,[n("div",Ye,[n("strong",Je,W(s.dependents.length),1),f[3]||(f[3]=n("span",{op50:""}," references",-1))]),s.dependents.length?(t(),r("div",Ze,[(t(!0),r(B,null,M(s.dependents,v=>(t(),x(C,{key:v,filepath:v},null,8,["filepath"]))),128))])):b("",!0)])):b("",!0),s.dependencies?(t(),r("div",Ke,[n("div",Qe,[n("strong",en,W(s.dependencies.length),1),f[4]||(f[4]=n("span",{op50:""}," dependencies",-1))]),s.dependencies.length?(t(),r("div",nn,[(t(!0),r(B,null,M(s.dependencies,v=>(t(),x(C,{key:v,filepath:v},null,8,["filepath"]))),128))])):b("",!0)])):b("",!0),E(c.$slots,"default")])}}}),te=Object.assign(tn,{__name:"ComponentDetails"}),on={flex:"~ gap-x-3 gap-y-1 wrap","w-full":""},sn={relative:"","h-full":"","w-full":""},ln={key:0,py4:"",pt3:"",flex:"~ col"},an={border:"t base",p4:""},pn=F({__name:"ComponentsGraph",props:{components:{},relationships:{}},setup(s){const l=s,_=U(),w=U(),h=re(),c=we(),f=ce(),i=me(),g=de(),{componentsGraphShowNodeModules:a,componentsGraphShowGlobalComponents:C,componentsGraphShowPages:v,componentsGraphShowLayouts:k,componentsGraphShowWorkspace:S}=J("ui"),d=U(),N=U(""),p=fe(N,300),O=P(()=>{const D=l.relationships||[];if(d.value){let e=function($){!$||o.has($)||(o.add($),$.deps.forEach(I=>{e(D.find(G=>G.id===I))}))};const o=new Set;return e(d.value),Array.from(o)}return D}),T=P(()=>{const D=O.value.map(o=>{const $=l.components.find(A=>A.filePath===o.id),I=f.value?.find(A=>A.file===o.id),G=g.value?.find(A=>A.file===o.id),L=o.id.includes("/node_modules/")?"lib":$?$.global?"global":"user":G?"layout":I?"page":"unknown";if(!a.value&&L==="lib"||!v.value&&L==="page"||!k.value&&L==="layout"||!S.value&&L==="user"&&i.value&&!o.id.startsWith(i.value.rootDir)||!C.value&&L==="global")return null;const q=L==="layout"?"hexagon":L==="page"?"square":"dot",y=p.value&&!o.id.toLowerCase().includes(p.value.toLowerCase());return{id:o.id,label:ae(o.id),group:L,shape:q,size:15+Math.min(o.deps.length/2,8),font:{color:y?"#8885":h.value==="dark"?"white":"black"},color:y?"#8885":d.value?.id===o.id?"#82c742":void 0,extra:{id:o.id,component:$,page:I,layout:G,relationship:o}}}).filter(o=>!!o),e=O.value.flatMap(o=>o.deps.map($=>({from:o.id,to:$,arrows:{to:{enabled:!0,scaleFactor:.8}}})));return{nodes:new Be(D),edges:e}}),oe=P(()=>c.value?.component?l.relationships?.find(e=>e.id===c.value?.component?.filePath)?.deps?.map(e=>l.relationships?.find(o=>o.id===e)?.id).filter(Boolean):[]),se=P(()=>c.value?.component?l.relationships?.filter(e=>e.deps.includes(c.value.component.filePath))?.map(e=>l.relationships?.find(o=>o.id===e.id)?.id).filter(Boolean):[]);Ce(()=>{const D={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 Ie(_.value,T.value,D);e.on("click",o=>{const $=o.nodes?.[0],I=T.value.nodes.get($).extra;c.value=I}),ke(T,()=>{e.setData(T.value)})});function le(){c.value=void 0}function ae(D){const e=l.components.find(o=>o.filePath===D);return e?e.pascalName:D.replace(/.*\/components\//,"").replace(/\.vue$/,"").replace(/\/index$/,"").split("/").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("")}function ie(){d.value=c.value?.relationship,c.value=void 0}return(D,e)=>{const o=Se,$=Z,I=ve,G=te,L=X,q=Le;return t(),r(B,null,[u($,{ref_key:"navbar",ref:w,search:N.value,"onUpdate:search":e[6]||(e[6]=y=>N.value=y),absolute:"","left-0":"","right-0":"","top-0":""},{actions:m(()=>[n("div",on,[u(o,{modelValue:V(v),"onUpdate:modelValue":e[0]||(e[0]=y=>R(v)?v.value=y:null),n:"primary sm"},{default:m(()=>[...e[8]||(e[8]=[n("span",{op75:""},"Show pages",-1)])]),_:1},8,["modelValue"]),u(o,{modelValue:V(k),"onUpdate:modelValue":e[1]||(e[1]=y=>R(k)?k.value=y:null),n:"primary sm"},{default:m(()=>[...e[9]||(e[9]=[n("span",{op75:""},"Show layouts",-1)])]),_:1},8,["modelValue"]),u(o,{modelValue:V(S),"onUpdate:modelValue":e[2]||(e[2]=y=>R(S)?S.value=y:null),n:"primary sm"},{default:m(()=>[...e[10]||(e[10]=[n("span",{op75:""},"Show workspace",-1)])]),_:1},8,["modelValue"]),u(o,{modelValue:V(a),"onUpdate:modelValue":e[3]||(e[3]=y=>R(a)?a.value=y:null),n:"primary sm"},{default:m(()=>[...e[11]||(e[11]=[n("span",{op75:""},"Show node_modules",-1)])]),_:1},8,["modelValue"]),u(o,{modelValue:V(C),"onUpdate:modelValue":e[4]||(e[4]=y=>R(C)?C.value=y:null),n:"primary sm"},{default:m(()=>[...e[12]||(e[12]=[n("span",{op75:""},"Show global components",-1)])]),_:1},8,["modelValue"])]),d.value?(t(),r("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]=y=>d.value=void 0)},[...e[13]||(e[13]=[j(" Clear filter ",-1),n("div",{"i-carbon-close":""},null,-1)])])):b("",!0),e[14]||(e[14]=n("div",{"flex-auto":""},null,-1)),E(D.$slots,"default")]),_:3},8,["search"]),n("div",sn,[n("div",{ref_key:"container",ref:_,"h-full":"","w-full":""},null,512),u(I,{absolute:"","bottom-3":"","left-3":"","border-0":"","n-glass-effect":"",p2:"",px3:"","text-sm":""},{default:m(()=>[...e[15]||(e[15]=[n("div",{grid:"~ cols-[20px_1fr] items-center gap-y-1"},[n("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-42b883":""}),n("div",{op50:""}," Component "),n("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-97c2fc":""}),n("div",{op50:""}," Global Component "),n("div",{"h-3":"","w-3":"","bg-hex-42b2b8":""}),n("div",{op50:""}," Page "),n("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 726 628","ml--1px":"","h-3":""},[n("path",{fill:"#4256b8","stroke-width":"4",d:"M723 314 543 625.8H183L3 314 183 2.2h360L723 314z"})]),n("div",{op50:""}," Layout "),n("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-b4b842":""}),n("div",{op50:""}," Library Component "),n("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-b86542":""}),n("div",{op50:""}," Unknown ")],-1)])]),_:1}),u(q,{"model-value":!!(c.value&&c.value.component),top:w.value,border:"t l base","w-80":"",onClose:le},{default:m(()=>[c.value&&c.value.component?(t(),r("div",ln,[u(G,{component:c.value.component,dependencies:oe.value,dependents:se.value},null,8,["component","dependencies","dependents"]),n("div",an,[u(L,{n:"primary solid",onClick:e[7]||(e[7]=y=>ie())},{default:m(()=>[...e[16]||(e[16]=[j(" Filter to this component ",-1)])]),_:1})])])):b("",!0)]),_:1},8,["model-value","top"])])],64)}}}),un=Object.assign(pn,{__name:"ComponentsGraph"}),rn={hover:"bg-active",class:"group",flex:"~ gap2","w-full":"","items-center":"",rounded:"",px2:"",py1:""},cn={key:0,"ml--1":"","text-primary":""},mn=F({__name:"ComponentItem",props:{component:{},dependencies:{},dependents:{}},setup(s){const l=s,_=P(()=>l.component.filePath||l.component.file||l.component.__file||"");return(w,h)=>{const c=ne,f=te,i=Ne("VDropdown"),g=Q,a=ee;return t(),r("div",rn,[u(i,null,{popper:m(()=>[u(f,{component:s.component,dependencies:s.dependencies,dependents:s.dependents,"w-100":"",pt3:""},null,8,["component","dependencies","dependents"])]),default:m(()=>[n("button",{"hover:text-primary":"",class:$e(s.dependents&&s.dependents.length===0?"op50":"")},[u(c,{component:s.component},null,8,["component"])],2)]),_:1}),s.dependents?.length?(t(),r("sup",cn," x"+W(s.dependents?.length),1)):b("",!0),s.component.global?(t(),x(g,{key:1,n:"green",title:"Registered at runtime as a global component",textContent:"runtime"})):b("",!0),E(w.$slots,"default"),_.value?(t(),x(a,{key:2,filepath:_.value,"text-sm":"",op25:"","group-hover:op75":""},null,8,["filepath"])):b("",!0)])}}}),dn=Object.assign(mn,{__name:"ComponentItem"}),fn={flex:"~ gap-2 items-center"},vn={pl4:""},_n=F({__name:"ComponentsList",props:{components:{},relationships:{}},setup(s){const l=s,_=U(""),w=U("all"),h=P(()=>{const g=l.components.map(a=>_e(a,l.relationships));return w.value==="using"?g.filter(a=>a.dependents?.length):w.value==="not-used"?g.filter(a=>!a.dependents?.length):g}),c={ClientOnly:"https://nuxt.com/docs/api/components/client-only",DevOnly:"https://nuxt.com/docs/api/components/dev-only",NuxtClientFallback:"https://nuxt.com/docs/api/components/nuxt-client-fallback",NuxtPicture:"https://nuxt.com/docs/api/components/nuxt-picture",NuxtRouteAnnouncer:"https://nuxt.com/docs/api/components/nuxt-route-announcer",NuxtTime:"https://nuxt.com/docs/api/components/nuxt-time",NuxtPage:"https://nuxt.com/docs/api/components/nuxt-page",NuxtLayout:"https://nuxt.com/docs/api/components/nuxt-layout",NuxtLink:"https://nuxt.com/docs/api/components/nuxt-link",NuxtLoadingIndicator:"https://nuxt.com/docs/api/components/nuxt-loading-indicator",NuxtErrorBoundary:"https://nuxt.com/docs/api/components/nuxt-error-boundary",NuxtWelcome:"https://nuxt.com/docs/api/components/nuxt-welcome",NuxtIsland:"https://nuxt.com/docs/api/components/nuxt-island",NuxtImg:"https://nuxt.com/docs/api/components/nuxt-img"},f=P(()=>new he(h.value,{keys:["component.pascalName","component.filePath","component.kebabName"]})),i=P(()=>{const g=[],a=new Map,C=[],v=[],k={user:0,lib:0,builtin:0,runtime:0};return(_.value?f.value.search(_.value).map(d=>d.item):h.value).forEach(d=>{const N=d.component;if(N.filePath&&xe(N.filePath)){const p=be(N.filePath);if(!p)return;p==="nuxt"?(N.meta??={},N.meta.docs??=c?.[N.pascalName],C.push(d),k.builtin++):(a.has(p)||a.set(p,[]),a.get(p).push(d),k.lib++)}else N.global&&!N.filePath?(v.push(d),k.runtime++):(g.push(d),k.user++)}),{count:k,user:g,builtin:C,lib:a,runtime:v}});return(g,a)=>{const C=ge,v=Te,k=Z,S=dn,d=Me,N=Ge;return t(),r(B,null,[u(k,{search:_.value,"onUpdate:search":a[1]||(a[1]=p=>_.value=p),pb3:""},{actions:m(()=>[E(g.$slots,"default")]),default:m(()=>[n("div",fn,[u(C,{icon:"carbon-filter",op50:""}),u(v,{modelValue:w.value,"onUpdate:modelValue":a[0]||(a[0]=p=>w.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"]),i.value.user.length?(t(),x(d,{key:0,icon:"carbon-nominal",text:"User components",open:i.value.user.length<=V(H),description:`Total components: ${i.value.count.user}`},{default:m(()=>[(t(!0),r(B,null,M(i.value.user,p=>(t(),x(S,z({key:p.component.filePath},{ref_for:!0},p),null,16))),128))]),_:1},8,["open","description"])):b("",!0),i.value.runtime.length?(t(),x(d,{key:1,icon:"carbon-load-balancer-global",open:i.value.runtime.length<=V(H),text:"Runtime components",description:`Total components: ${i.value.count.runtime}`},{default:m(()=>[(t(!0),r(B,null,M(i.value.runtime,p=>(t(),x(S,z({key:p.component.filePath},{ref_for:!0},p),null,16))),128))]),_:1},8,["open","description"])):b("",!0),i.value.builtin.length?(t(),x(d,{key:2,icon:"simple-icons-nuxtdotjs",text:"Built-in components",description:`Total components: ${i.value.count.builtin}`},{default:m(()=>[(t(!0),r(B,null,M(i.value.builtin,p=>(t(),x(S,z({key:p.component.filePath},{ref_for:!0},p),null,16))),128))]),_:1},8,["description"])):b("",!0),i.value.lib.size?(t(),x(d,{key:3,open:i.value.count.lib<=V(H),icon:"carbon-3d-mpr-toggle",text:"Components from libraries",description:`${i.value.count.lib} components from ${i.value.lib.size} packages`},{default:m(()=>[(t(!0),r(B,null,M(i.value.lib.entries(),([p,O])=>(t(),r("div",{key:p,"ml-2":""},[u(N,{text:`${p} (${O.length})`,py1:"",op50:""},null,8,["text"]),n("div",vn,[(t(!0),r(B,null,M(O,T=>(t(),x(S,z({key:T.component.filePath},{ref_for:!0},T),null,16))),128))])]))),128))]),_:1},8,["open","description"])):b("",!0)],64)}}}),hn=Object.assign(_n,{__name:"ComponentsList"}),xn={relative:"","h-full":"","of-auto":""},bn={"flex-none":"",flex:"~ gap3"},Un=F({__name:"components",setup(s){const l=ye(),_=Ue(),w=Fe(),{componentsView:h}=J("ui");function c(){l.value?.inspector?.enable()}function f(){h.value=h.value==="list"?"graph":"list"}return(i,g)=>{const a=X,C=je,v=Pe,k=Ve("tooltip");return t(),r(B,null,[n("div",xn,[(t(),x(De(V(h)==="list"?hn:un),{components:V(_),relationships:V(w)},{default:m(()=>[n("div",bn,[Y(u(a,{"text-lg":"",border:!1,icon:V(h)==="graph"?"i-carbon-list":"i-carbon-network-4",title:"Toggle view",onClick:f},null,8,["icon"]),[[k,"Toggle View",void 0,{"bottom-end":!0}]]),V(l)?.inspector?.isAvailable?Y((t(),x(a,{key:0,"text-lg":"",border:!1,icon:"i-tabler-focus-2",title:"Inspect Vue components",onClick:c},null,512)),[[k,"Inspect Vue components",void 0,{"bottom-end":!0}]]):b("",!0)])]),_:1},8,["components","relationships"]))]),u(v,null,{default:m(()=>[u(C)]),_:1})],64)}}});export{Un as default};
|
|
1
|
+
import{b as pe,a as ue,_ as X,a4 as re,aq as ce,A as me,B as de,g as J,ar as fe,n as ve,as as _e,S as he,Y as xe,W as be,I as ge,f as ye}from"#entry";import{J as r,X as t,a2 as n,p as F,q as P,ab as j,aa as W,a3 as b,$ as E,a0 as u,W as x,Z as m,u as V,F as B,ag as M,k as U,n as we,D as Ce,x as ke,j as R,Y as Ne,a6 as $e,a1 as z,ai as Ve,ac as Y,af as De}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as Pe}from"./help-fab-izt1nioe.js";import{_ as Se}from"./ncheckbox-dg5nbt1d.js";import{_ as Z}from"./nnavbar-eqdsa2v0.js";import{p as K}from"./index-jc4yj4to.js";import{_ as Q}from"./nbadge-dv1e6eny.js";import{_ as ee}from"./filepath-item-f2iy8phl.js";import{_ as Le}from"./ndrawer-j5h6fmbh.js";import{D as Be,N as Ie}from"./vendor/vis-lxvjz9wh.js";import{_ as Te}from"./nselect-tabs-b4x1017q.js";import{_ as Me}from"./nsection-block-owu5vx1c.js";import{_ as Ge}from"./nicon-title-n11g9rad.js";import{D as H}from"./constants-b32h69zq.js";import{u as Ue,a as Fe}from"./state-components-jdafqa4i.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-b6xarsb2.js";const Oe={},Ae={class:"markdown-body"};function Re(s,l){return t(),r("div",Ae,[...l[0]||(l[0]=[n("template",null,[n("div",{class:"markdown-body"},[n("h1",null,"Components"),n("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."),n("p",null,"Components placed in the components/ directory are automatically registered by Nuxt. They can be used in your templates without importing them."),n("p",null,[n("a",{href:"https://nuxt.com/docs/guide/directory-structure/components",target:"_blank",rel:"noopener"},"Learn more in the documentation")])])],-1)])])}const je=pe(Oe,[["render",Re]]),ze={"text-sm":"","font-mono":""},We=F({__name:"ComponentName",props:{component:{}},setup(s){const l=s,_=P(()=>l.component.pascalName||K(l.component.name||l.component.__name||l.component.kebabName||""));return(w,h)=>(t(),r("code",ze,[h[0]||(h[0]=n("span",{mr1:"",op20:""},"<",-1)),j(W(_.value),1),h[1]||(h[1]=n("span",{ml1:"",op20:""},"/>",-1))]))}}),ne=Object.assign(We,{__name:"ComponentName"}),Ee={flex:"~ col gap1","items-start":"","of-hidden":""},qe={flex:"~ gap2 items-center",px3:""},He={px3:"",pb2:""},Xe={key:0,border:"t base","max-h-60":"","w-full":"","of-auto":"",px3:"",py3:""},Ye={"text-sm":""},Je={"text-primary":""},Ze={key:0,flex:"~ col gap-2","items-start":"",pt3:"","text-sm":"",op75:""},Ke={key:1,border:"t base","max-h-60":"","w-full":"","of-auto":"",px3:"",py3:""},Qe={"text-sm":""},en={"text-primary":""},nn={key:0,flex:"~ col gap-2","items-start":"",pt3:"","text-sm":"",op75:""},tn=F({__name:"ComponentDetails",props:{component:{},dependencies:{},dependents:{}},setup(s){const l=s,_=P(()=>l.component.pascalName||K(l.component.name||l.component.__name||l.component.kebabName||"")),w=P(()=>l.component.filePath||l.component.file||l.component.__file||""),h=ue();return(c,f)=>{const i=ne,g=X,a=Q,C=ee;return t(),r("div",Ee,[n("div",qe,[u(i,{component:s.component},null,8,["component"]),s.component.meta?.docs&&typeof s.component.meta.docs=="string"?(t(),x(g,{key:0,title:"Open docs","flex-none":"",n:"xs",to:s.component.meta.docs,target:"_blank",icon:"carbon-catalog"},{default:m(()=>[...f[1]||(f[1]=[j(" Docs ",-1)])]),_:1},8,["to"])):b("",!0),u(g,{title:"Copy name","flex-none":"",n:"xs",icon:"carbon-copy",onClick:f[0]||(f[0]=v=>V(h)(`<${_.value}></${_.value}>`,"component-name"))},{default:m(()=>[...f[2]||(f[2]=[j(" Copy ",-1)])]),_:1}),s.component.global?(t(),x(a,{key:1,n:"green",title:"Registered at runtime as a global component",textContent:"runtime"})):b("",!0)]),n("div",He,[w.value?(t(),x(C,{key:0,filepath:w.value,"w-full":"","text-sm":"",op40:"","group-hover:op75":""},null,8,["filepath"])):b("",!0)]),s.dependents?(t(),r("div",Xe,[n("div",Ye,[n("strong",Je,W(s.dependents.length),1),f[3]||(f[3]=n("span",{op50:""}," references",-1))]),s.dependents.length?(t(),r("div",Ze,[(t(!0),r(B,null,M(s.dependents,v=>(t(),x(C,{key:v,filepath:v},null,8,["filepath"]))),128))])):b("",!0)])):b("",!0),s.dependencies?(t(),r("div",Ke,[n("div",Qe,[n("strong",en,W(s.dependencies.length),1),f[4]||(f[4]=n("span",{op50:""}," dependencies",-1))]),s.dependencies.length?(t(),r("div",nn,[(t(!0),r(B,null,M(s.dependencies,v=>(t(),x(C,{key:v,filepath:v},null,8,["filepath"]))),128))])):b("",!0)])):b("",!0),E(c.$slots,"default")])}}}),te=Object.assign(tn,{__name:"ComponentDetails"}),on={flex:"~ gap-x-3 gap-y-1 wrap","w-full":""},sn={relative:"","h-full":"","w-full":""},ln={key:0,py4:"",pt3:"",flex:"~ col"},an={border:"t base",p4:""},pn=F({__name:"ComponentsGraph",props:{components:{},relationships:{}},setup(s){const l=s,_=U(),w=U(),h=re(),c=we(),f=ce(),i=me(),g=de(),{componentsGraphShowNodeModules:a,componentsGraphShowGlobalComponents:C,componentsGraphShowPages:v,componentsGraphShowLayouts:k,componentsGraphShowWorkspace:S}=J("ui"),d=U(),N=U(""),p=fe(N,300),O=P(()=>{const D=l.relationships||[];if(d.value){let e=function($){!$||o.has($)||(o.add($),$.deps.forEach(I=>{e(D.find(G=>G.id===I))}))};const o=new Set;return e(d.value),Array.from(o)}return D}),T=P(()=>{const D=O.value.map(o=>{const $=l.components.find(A=>A.filePath===o.id),I=f.value?.find(A=>A.file===o.id),G=g.value?.find(A=>A.file===o.id),L=o.id.includes("/node_modules/")?"lib":$?$.global?"global":"user":G?"layout":I?"page":"unknown";if(!a.value&&L==="lib"||!v.value&&L==="page"||!k.value&&L==="layout"||!S.value&&L==="user"&&i.value&&!o.id.startsWith(i.value.rootDir)||!C.value&&L==="global")return null;const q=L==="layout"?"hexagon":L==="page"?"square":"dot",y=p.value&&!o.id.toLowerCase().includes(p.value.toLowerCase());return{id:o.id,label:ae(o.id),group:L,shape:q,size:15+Math.min(o.deps.length/2,8),font:{color:y?"#8885":h.value==="dark"?"white":"black"},color:y?"#8885":d.value?.id===o.id?"#82c742":void 0,extra:{id:o.id,component:$,page:I,layout:G,relationship:o}}}).filter(o=>!!o),e=O.value.flatMap(o=>o.deps.map($=>({from:o.id,to:$,arrows:{to:{enabled:!0,scaleFactor:.8}}})));return{nodes:new Be(D),edges:e}}),oe=P(()=>c.value?.component?l.relationships?.find(e=>e.id===c.value?.component?.filePath)?.deps?.map(e=>l.relationships?.find(o=>o.id===e)?.id).filter(Boolean):[]),se=P(()=>c.value?.component?l.relationships?.filter(e=>e.deps.includes(c.value.component.filePath))?.map(e=>l.relationships?.find(o=>o.id===e.id)?.id).filter(Boolean):[]);Ce(()=>{const D={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 Ie(_.value,T.value,D);e.on("click",o=>{const $=o.nodes?.[0],I=T.value.nodes.get($).extra;c.value=I}),ke(T,()=>{e.setData(T.value)})});function le(){c.value=void 0}function ae(D){const e=l.components.find(o=>o.filePath===D);return e?e.pascalName:D.replace(/.*\/components\//,"").replace(/\.vue$/,"").replace(/\/index$/,"").split("/").map(o=>o.charAt(0).toUpperCase()+o.slice(1)).join("")}function ie(){d.value=c.value?.relationship,c.value=void 0}return(D,e)=>{const o=Se,$=Z,I=ve,G=te,L=X,q=Le;return t(),r(B,null,[u($,{ref_key:"navbar",ref:w,search:N.value,"onUpdate:search":e[6]||(e[6]=y=>N.value=y),absolute:"","left-0":"","right-0":"","top-0":""},{actions:m(()=>[n("div",on,[u(o,{modelValue:V(v),"onUpdate:modelValue":e[0]||(e[0]=y=>R(v)?v.value=y:null),n:"primary sm"},{default:m(()=>[...e[8]||(e[8]=[n("span",{op75:""},"Show pages",-1)])]),_:1},8,["modelValue"]),u(o,{modelValue:V(k),"onUpdate:modelValue":e[1]||(e[1]=y=>R(k)?k.value=y:null),n:"primary sm"},{default:m(()=>[...e[9]||(e[9]=[n("span",{op75:""},"Show layouts",-1)])]),_:1},8,["modelValue"]),u(o,{modelValue:V(S),"onUpdate:modelValue":e[2]||(e[2]=y=>R(S)?S.value=y:null),n:"primary sm"},{default:m(()=>[...e[10]||(e[10]=[n("span",{op75:""},"Show workspace",-1)])]),_:1},8,["modelValue"]),u(o,{modelValue:V(a),"onUpdate:modelValue":e[3]||(e[3]=y=>R(a)?a.value=y:null),n:"primary sm"},{default:m(()=>[...e[11]||(e[11]=[n("span",{op75:""},"Show node_modules",-1)])]),_:1},8,["modelValue"]),u(o,{modelValue:V(C),"onUpdate:modelValue":e[4]||(e[4]=y=>R(C)?C.value=y:null),n:"primary sm"},{default:m(()=>[...e[12]||(e[12]=[n("span",{op75:""},"Show global components",-1)])]),_:1},8,["modelValue"])]),d.value?(t(),r("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]=y=>d.value=void 0)},[...e[13]||(e[13]=[j(" Clear filter ",-1),n("div",{"i-carbon-close":""},null,-1)])])):b("",!0),e[14]||(e[14]=n("div",{"flex-auto":""},null,-1)),E(D.$slots,"default")]),_:3},8,["search"]),n("div",sn,[n("div",{ref_key:"container",ref:_,"h-full":"","w-full":""},null,512),u(I,{absolute:"","bottom-3":"","left-3":"","border-0":"","n-glass-effect":"",p2:"",px3:"","text-sm":""},{default:m(()=>[...e[15]||(e[15]=[n("div",{grid:"~ cols-[20px_1fr] items-center gap-y-1"},[n("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-42b883":""}),n("div",{op50:""}," Component "),n("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-97c2fc":""}),n("div",{op50:""}," Global Component "),n("div",{"h-3":"","w-3":"","bg-hex-42b2b8":""}),n("div",{op50:""}," Page "),n("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 726 628","ml--1px":"","h-3":""},[n("path",{fill:"#4256b8","stroke-width":"4",d:"M723 314 543 625.8H183L3 314 183 2.2h360L723 314z"})]),n("div",{op50:""}," Layout "),n("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-b4b842":""}),n("div",{op50:""}," Library Component "),n("div",{"h-3":"","w-3":"","rounded-full":"","bg-hex-b86542":""}),n("div",{op50:""}," Unknown ")],-1)])]),_:1}),u(q,{"model-value":!!(c.value&&c.value.component),top:w.value,border:"t l base","w-80":"",onClose:le},{default:m(()=>[c.value&&c.value.component?(t(),r("div",ln,[u(G,{component:c.value.component,dependencies:oe.value,dependents:se.value},null,8,["component","dependencies","dependents"]),n("div",an,[u(L,{n:"primary solid",onClick:e[7]||(e[7]=y=>ie())},{default:m(()=>[...e[16]||(e[16]=[j(" Filter to this component ",-1)])]),_:1})])])):b("",!0)]),_:1},8,["model-value","top"])])],64)}}}),un=Object.assign(pn,{__name:"ComponentsGraph"}),rn={hover:"bg-active",class:"group",flex:"~ gap2","w-full":"","items-center":"",rounded:"",px2:"",py1:""},cn={key:0,"ml--1":"","text-primary":""},mn=F({__name:"ComponentItem",props:{component:{},dependencies:{},dependents:{}},setup(s){const l=s,_=P(()=>l.component.filePath||l.component.file||l.component.__file||"");return(w,h)=>{const c=ne,f=te,i=Ne("VDropdown"),g=Q,a=ee;return t(),r("div",rn,[u(i,null,{popper:m(()=>[u(f,{component:s.component,dependencies:s.dependencies,dependents:s.dependents,"w-100":"",pt3:""},null,8,["component","dependencies","dependents"])]),default:m(()=>[n("button",{"hover:text-primary":"",class:$e(s.dependents&&s.dependents.length===0?"op50":"")},[u(c,{component:s.component},null,8,["component"])],2)]),_:1}),s.dependents?.length?(t(),r("sup",cn," x"+W(s.dependents?.length),1)):b("",!0),s.component.global?(t(),x(g,{key:1,n:"green",title:"Registered at runtime as a global component",textContent:"runtime"})):b("",!0),E(w.$slots,"default"),_.value?(t(),x(a,{key:2,filepath:_.value,"text-sm":"",op25:"","group-hover:op75":""},null,8,["filepath"])):b("",!0)])}}}),dn=Object.assign(mn,{__name:"ComponentItem"}),fn={flex:"~ gap-2 items-center"},vn={pl4:""},_n=F({__name:"ComponentsList",props:{components:{},relationships:{}},setup(s){const l=s,_=U(""),w=U("all"),h=P(()=>{const g=l.components.map(a=>_e(a,l.relationships));return w.value==="using"?g.filter(a=>a.dependents?.length):w.value==="not-used"?g.filter(a=>!a.dependents?.length):g}),c={ClientOnly:"https://nuxt.com/docs/api/components/client-only",DevOnly:"https://nuxt.com/docs/api/components/dev-only",NuxtClientFallback:"https://nuxt.com/docs/api/components/nuxt-client-fallback",NuxtPicture:"https://nuxt.com/docs/api/components/nuxt-picture",NuxtRouteAnnouncer:"https://nuxt.com/docs/api/components/nuxt-route-announcer",NuxtTime:"https://nuxt.com/docs/api/components/nuxt-time",NuxtPage:"https://nuxt.com/docs/api/components/nuxt-page",NuxtLayout:"https://nuxt.com/docs/api/components/nuxt-layout",NuxtLink:"https://nuxt.com/docs/api/components/nuxt-link",NuxtLoadingIndicator:"https://nuxt.com/docs/api/components/nuxt-loading-indicator",NuxtErrorBoundary:"https://nuxt.com/docs/api/components/nuxt-error-boundary",NuxtWelcome:"https://nuxt.com/docs/api/components/nuxt-welcome",NuxtIsland:"https://nuxt.com/docs/api/components/nuxt-island",NuxtImg:"https://nuxt.com/docs/api/components/nuxt-img"},f=P(()=>new he(h.value,{keys:["component.pascalName","component.filePath","component.kebabName"]})),i=P(()=>{const g=[],a=new Map,C=[],v=[],k={user:0,lib:0,builtin:0,runtime:0};return(_.value?f.value.search(_.value).map(d=>d.item):h.value).forEach(d=>{const N=d.component;if(N.filePath&&xe(N.filePath)){const p=be(N.filePath);if(!p)return;p==="nuxt"?(N.meta??={},N.meta.docs??=c?.[N.pascalName],C.push(d),k.builtin++):(a.has(p)||a.set(p,[]),a.get(p).push(d),k.lib++)}else N.global&&!N.filePath?(v.push(d),k.runtime++):(g.push(d),k.user++)}),{count:k,user:g,builtin:C,lib:a,runtime:v}});return(g,a)=>{const C=ge,v=Te,k=Z,S=dn,d=Me,N=Ge;return t(),r(B,null,[u(k,{search:_.value,"onUpdate:search":a[1]||(a[1]=p=>_.value=p),pb3:""},{actions:m(()=>[E(g.$slots,"default")]),default:m(()=>[n("div",fn,[u(C,{icon:"carbon-filter",op50:""}),u(v,{modelValue:w.value,"onUpdate:modelValue":a[0]||(a[0]=p=>w.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"]),i.value.user.length?(t(),x(d,{key:0,icon:"carbon-nominal",text:"User components",open:i.value.user.length<=V(H),description:`Total components: ${i.value.count.user}`},{default:m(()=>[(t(!0),r(B,null,M(i.value.user,p=>(t(),x(S,z({key:p.component.filePath},{ref_for:!0},p),null,16))),128))]),_:1},8,["open","description"])):b("",!0),i.value.runtime.length?(t(),x(d,{key:1,icon:"carbon-load-balancer-global",open:i.value.runtime.length<=V(H),text:"Runtime components",description:`Total components: ${i.value.count.runtime}`},{default:m(()=>[(t(!0),r(B,null,M(i.value.runtime,p=>(t(),x(S,z({key:p.component.filePath},{ref_for:!0},p),null,16))),128))]),_:1},8,["open","description"])):b("",!0),i.value.builtin.length?(t(),x(d,{key:2,icon:"simple-icons-nuxtdotjs",text:"Built-in components",description:`Total components: ${i.value.count.builtin}`},{default:m(()=>[(t(!0),r(B,null,M(i.value.builtin,p=>(t(),x(S,z({key:p.component.filePath},{ref_for:!0},p),null,16))),128))]),_:1},8,["description"])):b("",!0),i.value.lib.size?(t(),x(d,{key:3,open:i.value.count.lib<=V(H),icon:"carbon-3d-mpr-toggle",text:"Components from libraries",description:`${i.value.count.lib} components from ${i.value.lib.size} packages`},{default:m(()=>[(t(!0),r(B,null,M(i.value.lib.entries(),([p,O])=>(t(),r("div",{key:p,"ml-2":""},[u(N,{text:`${p} (${O.length})`,py1:"",op50:""},null,8,["text"]),n("div",vn,[(t(!0),r(B,null,M(O,T=>(t(),x(S,z({key:T.component.filePath},{ref_for:!0},T),null,16))),128))])]))),128))]),_:1},8,["open","description"])):b("",!0)],64)}}}),hn=Object.assign(_n,{__name:"ComponentsList"}),xn={relative:"","h-full":"","of-auto":""},bn={"flex-none":"",flex:"~ gap3"},Un=F({__name:"components",setup(s){const l=ye(),_=Ue(),w=Fe(),{componentsView:h}=J("ui");function c(){l.value?.inspector?.enable()}function f(){h.value=h.value==="list"?"graph":"list"}return(i,g)=>{const a=X,C=je,v=Pe,k=Ve("tooltip");return t(),r(B,null,[n("div",xn,[(t(),x(De(V(h)==="list"?hn:un),{components:V(_),relationships:V(w)},{default:m(()=>[n("div",bn,[Y(u(a,{"text-lg":"",border:!1,icon:V(h)==="graph"?"i-carbon-list":"i-carbon-network-4",title:"Toggle view",onClick:f},null,8,["icon"]),[[k,"Toggle View",void 0,{"bottom-end":!0}]]),V(l)?.inspector?.isAvailable?Y((t(),x(a,{key:0,"text-lg":"",border:!1,icon:"i-tabler-focus-2",title:"Inspect Vue components",onClick:c},null,512)),[[k,"Inspect Vue components",void 0,{"bottom-end":!0}]]):b("",!0)])]),_:1},8,["components","relationships"]))]),u(v,null,{default:m(()=>[u(C)]),_:1})],64)}}});export{Un as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{a4 as $,bc as j,bd as N,be as V,a6 as B,l as D,ag as k,bf as E,i as I,aa as W,r as L,n as O}from"#entry";import{p as q,k as C,q as x,r as P,D as M,z as R,w as b,M as S,J as U,X as o,W as u,Z as w,a2 as r,ab as y,aa as A,u as T,af as F,a0 as X}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as z}from"./launch-page-gkflizue.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-
|
|
1
|
+
import{a4 as $,bc as j,bd as N,be as V,a6 as B,l as D,ag as k,bf as E,i as I,aa as W,r as L,n as O}from"#entry";import{p as q,k as C,q as x,r as P,D as M,z as R,w as b,M as S,J as U,X as o,W as u,Z as w,a2 as r,ab as y,aa as A,u as T,af as F,a0 as X}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as z}from"./launch-page-gkflizue.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-b6xarsb2.js";import"./nmarkdown-pb9g5o14.js";import"./client-c6aoxv2l.js";const h=new Map,G=q({__name:"IframeView",props:{tab:{}},setup(f){const m=f,c=$(),p=C(),s=x(()=>m.tab.name),e=C(),t=P(j(p));M(()=>{const n=m.tab.view,l=n.persistent!==!1,_=["clipboard-write","clipboard-read",...n.permissions||[]];if(h.get(s.value)&&l)e.value=h.get(s.value),e.value.style.visibility="visible";else{e.value=document.createElement("iframe"),e.value.setAttribute("allow",_.join("; ")),e.value.setAttribute("aria-label","Nuxt Devtools"),l&&h.set(s.value,e.value),e.value.src=n.src;try{e.value.style.opacity="0.01",e.value.onload=()=>{v(),i(),e.value.style.opacity="1"}}catch{e.value.style.opacity="1"}document.body.appendChild(e.value),R(d)}setTimeout(i,100)}),b(d),b(i),b(v),S(()=>{e.value&&(e.value.style.visibility="hidden")});function i(){if(!(!e.value||!e.value.contentWindow))try{const n=e.value.contentWindow.document.querySelector("html");n?.classList.toggle("dark",c.value==="dark"),n?.classList.toggle("light",c.value==="dark"),new MutationObserver(()=>{c.value=e.value?.contentWindow?.document.querySelector("html")?.classList.contains("dark")?"dark":"light"}).observe(n,{attributes:!0,attributeFilter:["class"]})}catch{}}const a=N();function v(){if(!(!e.value||!e.value.contentWindow))try{e.value.contentWindow.__NUXT_DEVTOOLS__=a.value}catch{}}function d(){e.value&&Object.assign(e.value.style,{position:"fixed",left:`${t.left}px`,top:`${t.top}px`,width:`${t.width}px`,height:`${t.height}px`,outline:"none"})}return(n,l)=>(o(),U("div",{ref_key:"anchor",ref:p,"h-full":"","w-full":""},null,512))}}),J=Object.assign(G,{__name:"IframeView"}),Z={flex:"~ col gap2",mxa:"","items-center":""},H={"text-xl":""},K={"text-rose":""},se=q({__name:"custom-[name]",props:{name:{}},setup(f){const m=f,c=V(),p=B(),s=x(()=>m.name??c.params.name),e=D(),t=x(()=>e.value.find(i=>i.name===s.value));return M(()=>{t.value?t.value.requireAuth&&!k.value&&E():setTimeout(()=>{t.value||p.push("/modules/overview")},2e3)}),(i,a)=>{const v=I,d=W,n=J,l=z,_=O;return t.value?t.value.requireAuth&&!T(k)?(o(),u(d,{key:1})):t.value.view.type==="iframe"?(o(),u(n,{key:2,tab:t.value},null,8,["tab"])):t.value.view.type==="vnode"?(o(),u(F(t.value.view.vnode),{key:3})):t.value.view.type==="launch"?(o(),u(l,{key:4,name:`custom-${t.value.name}`,icon:t.value.view.icon||t.value.icon,title:t.value.view.title||t.value.title,description:t.value.view.description,actions:t.value.view.actions,onAction:a[0]||(a[0]=g=>T(L).customTabAction(t.value.name,g))},null,8,["name","icon","title","description","actions"])):(o(),u(v,{key:5},{default:w(()=>[X(_,{flex:"~ col","h-full":"","items-center":"","justify-center":""},{default:w(()=>[y(" Unknown tab type "+A(t.value.view),1)]),_:1})]),_:1})):(o(),u(v,{key:0},{default:w(()=>[r("div",Z,[a[3]||(a[3]=r("div",{"i-carbon-queued":"",mb2:"","text-5xl":"",op50:""},null,-1)),r("p",H,[a[1]||(a[1]=y(" Tab ",-1)),r("code",K,A(s.value),1),a[2]||(a[2]=y(" not found ",-1))]),a[4]||(a[4]=r("p",{op50:""}," It might because the module contributing this tab is not installed or enabled ",-1)),a[5]||(a[5]=r("p",{mt8:"","animate-pulse":""}," Redirecting to overview page... ",-1))])]),_:1}))}}});export{se as default};
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as E}from"./nselect-h7b4tp2d.js";import{u as F,c as U,a as $,_ as q}from"#entry";import{_ as z}from"./nswitch-ikgdy16r.js";import{_ as J}from"./ndropdown-gskb7sy5.js";import{_ as O}from"./ncode-block-esxkr86l.js";import{_ as X}from"./ndrawer-j5h6fmbh.js";import{A as h,d as x}from"./vendor/quicktype-core-jsgpnknz.js";import{p as Z,k,q as D,x as N,W as c,a3 as m,X as n,a0 as d,Z as r,a2 as p,J as _,F as C,ag as S,u as f,aa as b,ae as G}from"./vendor/json-editor-vue-ho2zu772.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-
|
|
1
|
+
import{_ as E}from"./nselect-h7b4tp2d.js";import{u as F,c as U,a as $,_ as q}from"#entry";import{_ as z}from"./nswitch-ikgdy16r.js";import{_ as J}from"./ndropdown-gskb7sy5.js";import{_ as O}from"./ncode-block-esxkr86l.js";import{_ as X}from"./ndrawer-j5h6fmbh.js";import{A as h,d as x}from"./vendor/quicktype-core-jsgpnknz.js";import{p as Z,k,q as D,x as N,W as c,a3 as m,X as n,a0 as d,Z as r,a2 as p,J as _,F as C,ag as S,u as f,aa as b,ae as G}from"./vendor/json-editor-vue-ho2zu772.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-b6xarsb2.js";import"./client-c6aoxv2l.js";const H={border:"b base",flex:"~ items-center gap-2",sticky:"","left-0":"","right-0":"","top-0":"","z-1":"","bg-base":"",p3:""},K={key:0,flex:"~ items-center justify-center",absolute:"","bottom--1":"","right--2":"","h-4":"","w-4":"","rounded-full":"","bg-lime:30":"","text-8px":""},M={flex:"~ col","w-100":"","of-auto":"",py2:""},P={"text-xs":"",capitalize:"",op75:""},Q=Z({__name:"DataSchemaDrawer",setup(R){const s=F(),w=k(0),l=k("TypeScript"),v=D(()=>h.all.find(e=>e.displayName===l.value)),o=k(v.value?.optionDefinitions.filter(e=>typeof e.defaultValue=="boolean")),y=U(async()=>{if(w.value,!s.value)return"";const e=x.jsonInputForTargetLanguage(l.value);await e.addSource({name:s.value.name??"Data",samples:[s.value.input]});const t=new x.InputData;return t.addInput(e),(await x.quicktype({inputData:t,lang:l.value,rendererOptions:o.value?.reduce((u,i)=>(u[i.name]=i.defaultValue,u),{})})).lines.join(`
|
|
2
2
|
`)}),j=D(()=>{const e=l.value.toLocaleLowerCase();return e.startsWith("javascript")?"javascript":e.startsWith("json")?"json":e.startsWith("typescript")?"typescript":e});N(o,()=>{w.value++},{deep:!0}),N(l,()=>{o.value=v.value?.optionDefinitions.filter(e=>typeof e.defaultValue=="boolean")});const B=$();function L(){B(y.value||"")}return(e,t)=>{const V=E,u=q,i=z,I=J,T=O,W=X;return v.value?(n(),c(G,{key:0,to:"body"},[d(W,{"model-value":!!f(s)?.input,"auto-close":"","max-w-screen":"","w-2xl":"","n-code-block":"",onClose:t[2]||(t[2]=a=>s.value=null)},{default:r(()=>[p("div",H,[t[3]||(t[3]=p("p",{"mr-2":""}," Schema ",-1)),d(V,{modelValue:l.value,"onUpdate:modelValue":t[0]||(t[0]=a=>l.value=a),n:"xs primary"},{default:r(()=>[(n(!0),_(C,null,S(f(h.all),a=>(n(),_("option",{key:a.displayName},b(a.displayName),1))),128))]),_:1},8,["modelValue"]),o.value?.length?(n(),c(I,{key:0,n:"sm lime"},{trigger:r(({click:a})=>[d(u,{icon:"carbon-settings","h-full":"",onClick:g=>a()},null,8,["onClick"]),o.value?(n(),_("span",K,b(o.value.length),1)):m("",!0)]),default:r(()=>[p("div",M,[(n(!0),_(C,null,S(o.value,(a,g)=>(n(),c(i,{key:a.name,modelValue:o.value[g].defaultValue,"onUpdate:modelValue":A=>o.value[g].defaultValue=A,flex:"~ gap-2",rounded:"",px2:"",py2:""},{default:r(()=>[p("span",P,b(a.description),1)]),_:2},1032,["modelValue","onUpdate:modelValue"]))),128))])]),_:1})):m("",!0),t[4]||(t[4]=p("div",{"flex-auto":""},null,-1)),d(u,{icon:"carbon-copy","mr-6":"","h-full":"",onClick:t[1]||(t[1]=a=>L())})]),f(y)?(n(),c(T,{key:0,lang:j.value,code:f(y)},null,8,["lang","code"])):m("",!0)]),_:1},8,["model-value"])])):m("",!0)}}}),ie=Object.assign(Q,{__name:"DataSchemaDrawer"});export{ie as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{_ as H}from"./nsection-block-owu5vx1c.js";import{_ as T}from"./ncheckbox-dg5nbt1d.js";import{g as B}from"./color-mt9xuhgy.js";import{_ as U}from"./nbadge-dv1e6eny.js";import{p as h,q as $,W as y,X as l,Z as m,ab as I,$ as O,aa as k,a4 as P,k as _,J as u,F as x,a2 as t,a0 as a,a3 as C,ag as N,a6 as z,u as R}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as E,p as W}from"#entry";import{_ as q}from"./filepath-item-f2iy8phl.js";import{_ as J}from"./ncode-block-esxkr86l.js";import"./nicon-title-n11g9rad.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-
|
|
1
|
+
import{_ as H}from"./nsection-block-owu5vx1c.js";import{_ as T}from"./ncheckbox-dg5nbt1d.js";import{g as B}from"./color-mt9xuhgy.js";import{_ as U}from"./nbadge-dv1e6eny.js";import{p as h,q as $,W as y,X as l,Z as m,ab as I,$ as O,aa as k,a4 as P,k as _,J as u,F as x,a2 as t,a0 as a,a3 as C,ag as N,a6 as z,u as R}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as E,p as W}from"#entry";import{_ as q}from"./filepath-item-f2iy8phl.js";import{_ as J}from"./ncode-block-esxkr86l.js";import"./nicon-title-n11g9rad.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-b6xarsb2.js";import"./client-c6aoxv2l.js";const K=h({__name:"NBadgeHashed",props:{text:{}},setup(i){const d=i,c=$(()=>{const s=B(d.text,50,60),r=B(d.text,50,60,.05);return{color:s,background:r}});return(s,r)=>(l(),y(U,{style:P(c.value)},{default:m(()=>[I(k(i.text),1),O(s.$slots,"default")]),_:3},8,["style"]))}}),L=Object.assign(K,{__name:"NBadgeHashed"}),X={flex:"~ gap-2 col",mb4:""},Z={flex:"~ gap-3 items-center"},A={key:0,flex:"~ gap-1","items-center":"",p1:"",border:"~ base rounded"},G={"max-w-full":"","of-auto":""},Q={"text-center":"",op50:""},Y={flex:"~",px4:""},ee={key:0,op50:""},te={px2:"","text-center":""},oe={"of-auto":""},ne=h({__name:"DebugModuleMutationRecords",props:{moduleMutationRecords:{}},setup(i){const d=i;function c(n){return n.startsWith("/")||n.match(/^[a-z]:[\\/]/i)}const s=_(!1),r=_(!1),v=_(!1),b=_(!1),g=_(!1),p=_(""),S=$(()=>{let n=d.moduleMutationRecords;return s.value||(n=n.filter(e=>!e.name.startsWith("nuxt:")&&e.name!=="@nuxt/devtools")),r.value||(n=n.filter(e=>e.keys.join(".")!=="build.templates")),v.value||(n=n.filter(e=>e.keys.join(".")!=="build.transpile")),b.value||(n=n.filter(e=>e.keys.join(".")!=="plugins")),g.value||(n=n.filter(e=>e.method||e.value!=="[]"&&e.value!=="{}")),p.value&&(n=n.filter(e=>e.name===p.value)),n});return(n,e)=>{const f=T,w=L,D=E,F=q,j=J;return l(),u(x,null,[t("div",X,[t("div",Z,[a(f,{modelValue:s.value,"onUpdate:modelValue":e[0]||(e[0]=o=>s.value=o),n:"primary"},{default:m(()=>[...e[6]||(e[6]=[t("span",{"ws-nowrap":"",op75:""},"Builtin Modules",-1)])]),_:1},8,["modelValue"]),a(f,{modelValue:r.value,"onUpdate:modelValue":e[1]||(e[1]=o=>r.value=o),n:"primary"},{default:m(()=>[...e[7]||(e[7]=[t("span",{"ws-nowrap":"",op75:""},"Templates",-1)])]),_:1},8,["modelValue"]),a(f,{modelValue:v.value,"onUpdate:modelValue":e[2]||(e[2]=o=>v.value=o),n:"primary"},{default:m(()=>[...e[8]||(e[8]=[t("span",{"ws-nowrap":"",op75:""},"Transpile",-1)])]),_:1},8,["modelValue"]),a(f,{modelValue:b.value,"onUpdate:modelValue":e[3]||(e[3]=o=>b.value=o),n:"primary"},{default:m(()=>[...e[9]||(e[9]=[t("span",{"ws-nowrap":"",op75:""},"Plugins",-1)])]),_:1},8,["modelValue"]),a(f,{modelValue:g.value,"onUpdate:modelValue":e[4]||(e[4]=o=>g.value=o),n:"primary"},{default:m(()=>[...e[10]||(e[10]=[t("span",{"ws-nowrap":"",op75:""},"Empty Initial",-1)])]),_:1},8,["modelValue"]),p.value?(l(),u("div",A,[a(w,{"font-mono":"",text:p.value},null,8,["text"]),a(D,{icon:"carbon-close",border:!1,onClick:e[5]||(e[5]=o=>p.value="")})])):C("",!0)])]),t("table",G,[e[11]||(e[11]=t("thead",{border:"b base"},[t("tr",null,[t("th",{"ws-nowrap":"",p1:"","text-center":"","font-bold":""}," Index "),t("th",{"ws-nowrap":"",p1:"","text-center":"","font-bold":""}," Module "),t("th",{"ws-nowrap":"",p1:"","text-center":"","font-bold":""}," Key Path "),t("th",{"ws-nowrap":"",p1:"","text-center":"","font-bold":""}," Method "),t("th",{"ws-nowrap":"",p1:"","text-center":"","font-bold":""}," Value ")])],-1)),t("tbody",null,[(l(!0),u(x,null,N(S.value,o=>(l(),u("tr",{key:i.moduleMutationRecords.indexOf(o),border:"b dashed transparent hover:base"},[t("td",Q,[t("div",null,k(i.moduleMutationRecords.indexOf(o)+1),1)]),t("td",null,[o.name&&c(o.name)?(l(),y(F,{key:0,filepath:o.name},null,8,["filepath"])):(l(),y(w,{key:1,role:"button","font-mono":"",text:o.name,onClick:V=>p.value=o.name},null,8,["text","onClick"]))]),t("td",null,[t("code",Y,[(l(!0),u(x,null,N(o.keys,(V,M)=>(l(),u(x,{key:M},[t("span",null,k(V),1),M<o.keys.length-1?(l(),u("span",ee," . ")):C("",!0)],64))),128))])]),t("td",te,[a(w,{"font-mono":"",text:o.method||"=",class:z(o.method?"":"saturate-0")},null,8,["text","class"])]),t("td",oe,[a(j,{code:String(o.value),lang:"ts","grammar-context-code":"let a = ","ws-normal":"","break-all":"",py1:"",lines:!1,inline:!0},null,8,["code"])])]))),128))])])],64)}}}),le=Object.assign(ne,{__name:"DebugModuleMutationRecords"}),ae={key:0,p6:""},se={key:1},ge=h({__name:"debug",setup(i){const d=W();return(c,s)=>{const r=H;return R(d)?(l(),u("div",se,[a(r,{icon:"carbon-container-image-push-pull",text:"Module Mutation Records",description:"Records of module mutations to nuxt options"},{default:m(()=>[a(le,{"module-mutation-records":R(d).moduleMutationRecords||[]},null,8,["module-mutation-records"])]),_:1})])):(l(),u("div",ae,[...s[0]||(s[0]=[t("div",null,"No Debug Context Found",-1),t("div",null,"Set `debug: true` in your nuxt.config.ts to enable this panel",-1)])]))}}});export{ge as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{b as o}from"#entry";import{J as t,X as s,a2 as r,$ as a}from"./vendor/json-editor-vue-ho2zu772.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-
|
|
1
|
+
import{b as o}from"#entry";import{J as t,X as s,a2 as r,$ as a}from"./vendor/json-editor-vue-ho2zu772.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-b6xarsb2.js";const n={},c={"h-full":"","of-auto":"","n-panel-grids":""},l={"h-full":"","bg-base":""};function d(e,f){return s(),t("div",c,[r("div",l,[a(e.$slots,"default")])])}const u=o(n,[["render",d]]);export{u as default};
|