@nuxt/devtools 0.4.4 → 0.4.5

package/dist/client/_nuxt/imports.1b2f6f12.js

@@ -0,0 +1 @@
+import{_ as z}from"./NSwitch.vue.60cb8df3.js";import{F as H,_ as j}from"./fuse.esm.e5f0aacd.js";import{_ as T}from"./FilepathItem.vue.b3314ab3.js";import{_ as P}from"./NMarkdown.vue.8693e3ae.js";import{a as S,m as v,M as K,o as e,c as h,w as f,f as r,y as b,i as _,u as t,l as M,h as l,F as w,t as D,D as C,A as O,k as R,ae as N,W as F,af as L,v as W,C as V,V as Y,K as B}from"./entry.902f663c.js";import{a as q,u as G}from"./editor.ff73b8b7.js";import{C as U,D as E}from"./constants.d7bcda3c.js";import{_ as J}from"./NSectionBlock.bd642c42.js";import{_ as Q}from"./HelpFab.vue.665e0424.js";import"./NTextInput.vue.361fd6cd.js";import"./NIconTitle.vue.2336a153.js";import"./NIconButton.vue.43ec44ac.js";const Z={"hover:text-primary":""},tt={key:0,"text-primary":""},et={"max-w-100":""},ot={px4:"",py3:"","text-sm":""},nt={flex:"~ gap2",n:"primary xs"},st={border:"t base","max-h-60":"","of-auto":"",px4:"",py3:""},at={"text-sm":""},rt=r("span",{op50:""},"It has been referenced ",-1),it={"text-primary":""},lt=r("span",{op50:""}," times by:",-1),mt={flex:"~ col gap-2","items-start":"",pt3:"","text-sm":""},ut={key:1,"text-sm":"",op50:""},ct=S({__name:"ComposableItem",props:{item:null,metadata:null,filepath:null},setup(u){const n=u,d=q(),i=G(),c=v(()=>n.item.as||n.item.name),o=v(()=>n.metadata?.injectionUsage?.[c.value]?.count||0),y=v(()=>n.metadata?.injectionUsage?.[c.value]?.moduleIds||[]),I=v(()=>{if(n.item.meta?.docsUrl)return n.item.meta.docsUrl;if(["nuxt","#app","nuxt3"].includes(n.item.from))return U.nuxt[n.item.name];if(n.item.from==="vue")return U.vue[n.item.name]});return(m,s)=>{const p=P,x=R,$=T,g=K("VDropdown");return e(),h(g,{disabled:!n.metadata},{popper:f(()=>[r("div",et,[r("div",ot,[u.item.meta?.description?(e(),h(p,{key:0,tag:"div",pb3:"","text-sm":"",markdown:u.item.meta.description},null,8,["markdown"])):b("",!0),r("div",nt,[_(x,{icon:"carbon-copy",onClick:s[0]||(s[0]=a=>t(d)(t(c)))},{default:f(()=>[M(" Copy ")]),_:1}),u.filepath?(e(),h(x,{key:0,icon:"carbon-code",onClick:s[1]||(s[1]=a=>u.filepath&&t(i)(u.filepath))},{default:f(()=>[M(" Source ")]),_:1})):b("",!0),t(I)?(e(),h(x,{key:1,icon:"carbon-catalog",to:t(I),target:"_blank"},{default:f(()=>[M(" Docs ")]),_:1},8,["to"])):b("",!0)])]),r("div",st,[t(o)?(e(),l(w,{key:0},[r("div",at,[rt,r("strong",it,D(t(o)),1),lt]),r("div",mt,[(e(!0),l(w,null,C(t(y),a=>(e(),h($,{key:a,filepath:a},null,8,["filepath"]))),128))])],64)):(e(),l("div",ut," Not in use via auto import. "))])])]),default:f(()=>[r("button",Z,[r("code",{rounded:"","bg-gray:5":"",px2:"",py1:"","font-mono":"","text-sm":"",class:O(u.metadata&&!t(o)?"op30 hover:op100":"")},[M(D(t(c))+" ",1),t(o)?(e(),l("sup",tt,"x"+D(t(o)),1)):b("",!0)],2)])]),_:1},8,["disabled"])}}}),pt={flex:"~ wrap gap2",p2:"",pl4:""},dt=S({__name:"ComposableTree",props:{map:null,root:null,metadata:null},setup(u){return(n,d)=>{const i=T,c=ct;return e(),l("div",null,[(e(!0),l(w,null,C(u.map.entries(),([o,y])=>(e(),l("div",{key:o},[_(i,{filepath:o,op50:"","hover:underline":""},null,8,["filepath"]),r("div",pt,[(e(!0),l(w,null,C(y,I=>(e(),h(c,{key:I.as,item:I,metadata:u.metadata,filepath:o.match(/^[\w@]/)?void 0:o},null,8,["item","metadata","filepath"]))),128))])]))),128))])}}}),_t={key:0,flex:"~ col gap-2 items-start"},ft=S({__name:"HelpImportsDirs",setup(u){const n=N();return(d,i)=>{const c=T;return t(n)?.dirs?(e(),l("div",_t,[(e(!0),l(w,null,C(t(n).dirs,o=>(e(),h(c,{key:o,filepath:o,"text-primary":""},null,8,["filepath"]))),128))])):b("",!0)}}}),ht={flex:"~ gap-2 wrap",mb6:""},bt=S({__name:"HelpImportsModules",setup(u){const n=N(),d=v(()=>[...new Set(n.value?.imports.map(i=>F(i.from)).filter(i=>!!i&&!L(i)))]);return(i,c)=>(e(),l("div",ht,[(e(!0),l(w,null,C(t(d),o=>(e(),l("code",{key:o,rounded:"","bg-primary:5":"",p:"x2 y0.5","text-primary":""},D(o),1))),128))]))}}),vt={class:"markdown-body"},yt=r("h1",null,"Auto imports",-1),xt=r("p",null,"Nuxt auto-imports helper functions, composables and Vue APIs to use across your application without explicitly importing them. Based on the directory structure, every Nuxt application can also use auto-imports for its own components, composables and plugins. Components, composables or plugins can use these functions.",-1),gt=r("hr",null,null,-1),It=r("p",null,"According to your config, exports of files under the following folders will be registed as auto-imports entry:",-1),$t=r("p",null,"Meanwhile, modules could also provide auto-imports for their own components. You have auto-imports from the following modules as well:",-1),kt=r("hr",null,null,-1),wt=r("p",null,[r("a",{href:"https://nuxt.com/docs/guide/concepts/auto-imports",target:"_blank",rel:"noopener"},"Learn more on the documentation")],-1),Mt={__name:"imports",setup(u,{expose:n}){return n({frontmatter:{}}),(i,c)=>{const o=ft,y=bt;return e(),l("div",vt,[yt,xt,gt,It,_(o),$t,_(y),kt,wt])}}},Ct={key:0,relative:"","h-full":"","of-auto":""},St={key:0},Ht=S({__name:"imports",setup(u){const n=W(),d=V(!1),i=V(""),c=N(),o=v(()=>c.value?.metadata),y=v(()=>c.value?.imports.filter(s=>s.as||s.name).sort((s,p)=>(s.as||s.name).localeCompare(p.as||p.name))||[]),I=v(()=>new H(y.value,{keys:["from","as","name"]})),m=v(()=>{const s=new Map,p=new Map,x=new Map;let $=i.value?I.value.search(i.value).map(a=>a.item):y.value;d.value&&o.value&&($=$.filter(a=>(a.as||a.name)in o.value.injectionUsage));const g={user:0,lib:0,builtin:0};return $.forEach(a=>{const k=Y(a.from)?L(F(a.from))?x:p:s;k.has(a.from)||k.set(a.from,[]),k.get(a.from).push(a),g[k===s?"user":k===p?"lib":"builtin"]++}),{user:s,lib:p,builtin:x,count:g}});return(s,p)=>{const x=z,$=j,g=dt,a=J,k=Mt,X=Q;return e(),l(w,null,[t(n)?(e(),l("div",Ct,[_($,{search:t(i),"onUpdate:search":p[1]||(p[1]=A=>B(i)?i.value=A:null),pb2:""},{default:f(()=>[t(o)?(e(),l("div",St,[_(x,{modelValue:t(d),"onUpdate:modelValue":p[0]||(p[0]=A=>B(d)?d.value=A:null),n:"primary sm"},{default:f(()=>[M(" Show used only ")]),_:1},8,["modelValue"])])):b("",!0)]),_:1},8,["search"]),t(m).user.size?(e(),h(a,{key:0,open:t(m).count.user<=("DETAILS_MAX_ITEMS"in s?s.DETAILS_MAX_ITEMS:t(E)),icon:"carbon-function",text:"User composables",description:`${t(m).count.user} composables from ${t(m).user.size} modules`},{default:f(()=>[_(g,{map:t(m).user,root:t(n).rootDir,metadata:t(o)},null,8,["map","root","metadata"])]),_:1},8,["open","description"])):b("",!0),t(m).builtin.size?(e(),h(a,{key:1,open:t(m).count.builtin<=("DETAILS_MAX_ITEMS"in s?s.DETAILS_MAX_ITEMS:t(E)),icon:"simple-icons-nuxtdotjs",text:"Built-in composables",description:`${t(m).count.builtin} composables`},{default:f(()=>[_(g,{map:t(m).builtin,root:t(n).rootDir,metadata:t(o)},null,8,["map","root","metadata"])]),_:1},8,["open","description"])):b("",!0),t(m).lib.size?(e(),h(a,{key:2,open:t(m).count.lib<=("DETAILS_MAX_ITEMS"in s?s.DETAILS_MAX_ITEMS:t(E)),icon:"carbon-3d-mpr-toggle",text:"Composables from libraries",description:`${t(m).count.lib} composables from ${t(m).lib.size} packages`},{default:f(()=>[_(g,{map:t(m).lib,root:t(n).rootDir,metadata:t(o)},null,8,["map","root","metadata"])]),_:1},8,["open","description"])):b("",!0)])):b("",!0),_(X,null,{default:f(()=>[_(k)]),_:1})],64)}}});export{Ht as default};

package/dist/client/_nuxt/index.10027c98.js

@@ -0,0 +1 @@
+import{_ as r}from"./NuxtLogo.ef2174f9.js";import{_ as c}from"./Badge.49aad048.js";import{a as _,o as l,h as u,f as e,i as o,w as p,j as d,k as m,l as t}from"./entry.902f663c.js";const x={flex:"~ col gap4",mxa:"","h-screen":"","w-160":"","items-center":"","justify-center":"","text-center":""},f={flex:"~","items-center":"","justify-center":""},h=e("p",{my2:"","text-xl":"","font-bold":""}," 👋 Welcome trying the preview of Nuxt DevTools! ",-1),v=e("p",{"text-lg":""},[e("b",{"font-bold":""},"Nuxt DevTools"),t(" is a set of visual tools that help you to know your app/site better, and enhance your development experience with Nuxt. ")],-1),g=e("p",{"text-lg":""},[t(" Be aware that "),e("span",{rounded:"","bg-orange:10":"",px2:"","py0.5":"","font-bold":"","text-orange":""},"Nuxt DevTools is still in early preview"),t(", features might be incomplete and unstable. "),e("a",{href:"https://github.com/nuxt/devtools",target:"_blank","text-primary":"","hover-underline":""},"Create an issue or discussion"),t(" if you find any bugs or have any suggestions. Thank you and have fun! ")],-1),y=e("span",null,"Get Started",-1),T=_({__name:"index",setup(b){function n(){d.value=!1}return(w,N)=>{const s=r,a=c,i=m;return l(),u("div",x,[e("div",f,[o(s,{"h-16":""}),o(a,{"mr--15":"","mt--5":"","bg-green-400:10":"","text-green-400":"",title:"preview",textContent:"preview"})]),h,v,g,o(i,{to:"/modules/overview","mt-4":"",n:"xl primary",onClick:n},{default:p(()=>[y]),_:1})])}}});export{T as default};