@nuxt/devtools 0.5.5 → 0.6.1

package/dist/client/_nuxt/hooks.a0b5858b.js

@@ -1 +0,0 @@
-import{_ as B}from"./DurationDisplay.vue.0d87f5bf.js";import{a as S,r as C,p as v,o as i,h as m,f as o,l as c,s as p,u as n,F as T,q as F,t as _,S as D,i as h,am as I,b as V,c as H,w as g,v as N}from"./entry.f02d2ccc.js";import{_ as j}from"./NSectionBlock.2937e558.js";import{_ as L}from"./HelpFab.vue.044c905c.js";import"./NIconTitle.vue.19793f87.js";import"./NIconButton.vue.6924c323.js";const z={"w-full":""},A={border:"b base"},E={"select-none":"","ws-nowrap":"",p1:"","text-right":"","font-bold":""},O={colspan:"2",p1:"",pl5:"","text-left":"","font-bold":""},P={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},q={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},M={"ws-nowrap":"",p1:"","text-right":"","font-bold":""},R={"w-0":"","ws-nowrap":"","text-center":"","text-sm":"",op25:""},G={"text-sm":""},J={"ws-nowrap":""},K={"text-sm":""},Q={"w-0":"","text-center":"","text-sm":""},U={"w-0":"","text-center":"","text-sm":""},W={"w-0":"","text-right":"","text-sm":""},X=S({__name:"HooksTable",props:{hooks:null},setup(k){const l=k,a=C("duration"),r=C("asc"),b={duration:(e,t)=>(t.duration??1/0)-(e.duration??1/0),name:(e,t)=>e.name.localeCompare(t.name),listener:(e,t)=>t.listeners-e.listeners,start:(e,t)=>t.start-e.start,executions:(e,t)=>t.executions.length-e.executions.length},$=v(()=>l.hooks.map(e=>e.start).sort((e,t)=>e-t)),x=v(()=>{const e=b[a.value],t=[...l.hooks].sort(e);return r.value==="desc"&&t.reverse(),t});function d(e){const t=e.split(":");return t.length===1?"":`${t[0]}:`}function f(e){const t=e.split(":");return t.length===1?e:t.slice(1).join(":")}function w(e){let t=0;for(let s=0;s<e.length;s++)t=e.charCodeAt(s)+((t<<5)-t);return`hsl(${t%360}, 65%, 50%)`}function u(e){a.value===e?r.value=r.value==="asc"?"desc":"asc":a.value=e}return(e,t)=>{const y=B;return i(),m("table",z,[o("thead",A,[o("tr",null,[o("th",E,[o("button",{onClick:t[0]||(t[0]=s=>u("start"))},[c(" Order "),o("div",{"ml--1":"","text-xs":"",class:p([n(a)==="start"?"op50":"op0",n(r)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",O,[o("button",{onClick:t[1]||(t[1]=s=>u("name"))},[c(" Hook name "),o("div",{"ml--1":"","text-xs":"",class:p([n(a)==="name"?"op50":"op0",n(r)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",P,[o("button",{onClick:t[2]||(t[2]=s=>u("listener"))},[c(" Listeners "),o("div",{"ml--1":"","text-xs":"",class:p([n(a)==="listener"?"op50":"op0",n(r)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",q,[o("button",{onClick:t[3]||(t[3]=s=>u("executions"))},[c(" Executions "),o("div",{"ml--1":"","text-xs":"",class:p([n(a)==="executions"?"op50":"op0",n(r)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),o("th",M,[o("button",{onClick:t[4]||(t[4]=s=>u("duration"))},[c(" Duration "),o("div",{"ml--1":"","text-xs":"",class:p([n(a)==="duration"?"op50":"op0",n(r)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])])])]),o("tbody",null,[(i(!0),m(T,null,F(n(x),s=>(i(),m("tr",{key:s.name,border:"b dashed transparent hover:base"},[o("td",R,_(n($).indexOf(s.start)),1),o("td",{"w-0":"","ws-nowrap":"","text-right":"",style:D({color:w(d(s.name))})},[o("code",G,_(d(s.name)),1)],4),o("td",J,[o("code",K,_(f(s.name)),1)]),o("td",Q,_(s.listeners),1),o("td",U,_(s.executions.length+1),1),o("td",W,[h(y,{duration:s.duration},null,8,["duration"])])]))),128))])])}}}),Y={class:"markdown-body"},Z=o("h1",null,"Hooks",-1),tt=o("p",null,[c("Hooks are an advanced API mainly for module authors or advanced use cases. The hooking system to expand almost every aspect of Nuxt. It’s powered by "),o("a",{href:"https://github.com/unjs/hookable",target:"_blank",rel:"noopener"},"unjs/hookable"),c(".")],-1),ot=o("p",null,[o("a",{href:"https://nuxt.com/docs/guide/going-further/hooks",target:"_blank",rel:"noopener"},"Learn more about hooks"),c(".")],-1),et=[Z,tt,ot],nt={__name:"hooks",setup(k,{expose:l}){return l({frontmatter:{}}),(r,b)=>(i(),m("div",Y,et))}},dt=S({__name:"hooks",setup(k){const l=I(),a=V(),r=v(()=>a.value?.getClientHooksMetrics());return(b,$)=>{const x=X,d=j,f=nt,w=L;return i(),m(T,null,[o("div",null,[n(r)?.length?(i(),H(d,{key:0,icon:"carbon-ibm-cloud-direct-link-1-dedicated-hosting",text:"Client Hooks",description:`Total hooks: ${n(r).length}`,padding:"pl4 pr6"},{default:g(()=>[h(x,{hooks:n(r)},null,8,["hooks"])]),_:1},8,["description"])):N("",!0),n(l)?.length?(i(),H(d,{key:1,icon:"carbon-ibm-cloud-direct-link-2-dedicated",text:"Server Hooks",description:`Total hooks: ${n(l)?.length}`,padding:"pl4 pr6"},{default:g(()=>[h(x,{hooks:n(l)},null,8,["hooks"])]),_:1},8,["description"])):N("",!0)]),h(w,null,{default:g(()=>[h(f)]),_:1})],64)}}});export{dt as default};

package/dist/client/_nuxt/imports.c13274b4.js

@@ -1 +0,0 @@
-import{_ as z}from"./NSwitch.vue.e15ba847.js";import{_ as H}from"./Navbar.vue.1eab843e.js";import{_ as T}from"./FilepathItem.vue.063a2cdd.js";import{_ as j}from"./NMarkdown.vue.2a7f337d.js";import{a as C,p as v,a7 as P,o as e,c as h,w as f,f as r,v as b,i as _,u as t,l as M,h as l,F as w,t as D,q as S,s as q,k as O,an as N,a9 as L,ao as F,U as R,r as U,X as Y,a8 as G,I as B}from"./entry.f02d2ccc.js";import{a as J,u as K}from"./editor.721868d4.js";import{C as V,D as E}from"./constants.d7bcda3c.js";import{_ as Q}from"./NSectionBlock.2937e558.js";import{_ as W}from"./HelpFab.vue.044c905c.js";import"./client.4ef5790f.js";import"./NIconTitle.vue.19793f87.js";import"./NIconButton.vue.6924c323.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=C({__name:"ComposableItem",props:{item:null,metadata:null,filepath:null},setup(u){const n=u,d=J(),i=K(),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 V.nuxt[n.item.name];if(n.item.from==="vue")return V.vue[n.item.name]});return(m,s)=>{const p=j,x=O,$=T,g=P("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,S(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:q(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=C({__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,S(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,S(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=C({__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,S(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=C({__name:"HelpImportsModules",setup(u){const n=N(),d=v(()=>[...new Set(n.value?.imports.map(i=>L(i.from)).filter(i=>!!i&&!F(i)))]);return(i,c)=>(e(),l("div",ht,[(e(!0),l(w,null,S(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])}}},St={key:0,relative:"","h-full":"","of-auto":""},Ct={key:0},Ht=C({__name:"imports",setup(u){const n=R(),d=U(!1),i=U(""),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 Y(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=G(a.from)?F(L(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,$=H,g=dt,a=Q,k=Mt,X=W;return e(),l(w,null,[t(n)?(e(),l("div",St,[_($,{search:t(i),"onUpdate:search":p[1]||(p[1]=A=>B(i)?i.value=A:null),pb2:""},{default:f(()=>[t(o)?(e(),l("div",Ct,[_(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};