@nuxt/devtools 1.3.1 → 1.3.3

package/dist/client/_nuxt/{Dw5Tt5gJ.js → hV8zgwZN.js}

@@ -1 +1 @@
-import{_ as S}from"./CgdhjF_I.js";import{d as N,r as $,a as g,o as d,m,k as t,v as c,G as p,f as n,F as y,n as T,t as _,a9 as F,aJ as B,i as h,aK as V,al as D,h as H,j as w,p as C}from"./CSxKs2xg.js";import{_ as P}from"./DRzmYdLW.js";import{_ as j}from"./2rHQ-89_.js";import"./CGdFtN3I.js";const E={"w-full":""},O={border:"b base"},L={"select-none":"","ws-nowrap":"",p1:"","text-right":"","font-bold":""},z={colspan:"2",p1:"",pl5:"","text-left":"","font-bold":""},A={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},Y={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},G={"ws-nowrap":"",p1:"","text-right":"","font-bold":""},J={"w-0":"","ws-nowrap":"","text-center":"","text-sm":"",op25:""},K={"text-sm":""},R={"ws-nowrap":""},U={"text-sm":""},q={"w-0":"","text-center":"","text-sm":""},M={"w-0":"","text-center":"","text-sm":""},Q={"w-0":"","text-right":"","text-sm":""},W=N({__name:"HooksTable",props:{hooks:{}},setup(k){const l=k,a=$("duration"),s=$("asc"),x={duration:(e,o)=>(o.duration??Number.POSITIVE_INFINITY)-(e.duration??Number.POSITIVE_INFINITY),name:(e,o)=>e.name.localeCompare(o.name),listener:(e,o)=>o.listeners-e.listeners,start:(e,o)=>o.start-e.start,executions:(e,o)=>o.executions.length-e.executions.length},v=g(()=>l.hooks.map(e=>e.start).sort((e,o)=>e-o)),b=g(()=>{const e=x[a.value],o=[...l.hooks].sort(e);return s.value==="desc"&&o.reverse(),o});function u(e){const o=e.split(":");return o.length===1?"":`${o[0]}:`}function f(e){const o=e.split(":");return o.length===1?e:o.slice(1).join(":")}function i(e){a.value===e?s.value=s.value==="asc"?"desc":"asc":a.value=e}return(e,o)=>{const I=S;return d(),m("table",E,[t("thead",O,[t("tr",null,[t("th",L,[t("button",{onClick:o[0]||(o[0]=r=>i("start"))},[c(" Order "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="start"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),t("th",z,[t("button",{onClick:o[1]||(o[1]=r=>i("name"))},[c(" Hook name "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="name"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),t("th",A,[t("button",{onClick:o[2]||(o[2]=r=>i("listener"))},[c(" Listeners "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="listener"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),t("th",Y,[t("button",{onClick:o[3]||(o[3]=r=>i("executions"))},[c(" Executions "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="executions"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),t("th",G,[t("button",{onClick:o[4]||(o[4]=r=>i("duration"))},[c(" Duration "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="duration"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])])])]),t("tbody",null,[(d(!0),m(y,null,T(n(b),r=>(d(),m("tr",{key:r.name,border:"b dashed transparent hover:base"},[t("td",J,_(n(v).indexOf(r.start)),1),t("td",{"w-0":"","ws-nowrap":"","text-right":"",style:F({color:("getHashColorFromString"in e?e.getHashColorFromString:n(B))(u(r.name))})},[t("code",K,_(u(r.name)),1)],4),t("td",R,[t("code",U,_(f(r.name)),1)]),t("td",q,_(r.listeners),1),t("td",M,_(r.executions.length+1),1),t("td",Q,[h(I,{duration:r.duration},null,8,["duration"])])]))),128))])])}}}),X={class:"markdown-body"},Z=t("h1",null,"Hooks",-1),tt=t("p",null,[c("Hooks are an advanced API which can be used for module development or other advanced use cases. The hooking API can be used to expand almost every aspect of Nuxt. Under the hood it is powered by "),t("a",{href:"https://github.com/unjs/hookable",target:"_blank",rel:"noopener"},"unjs/hookable"),c(".")],-1),ot=t("p",null,[t("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:{}}),(s,x)=>(d(),m("div",X,et))}},it=N({__name:"hooks",setup(k){const l=V(),a=D(),s=g(()=>a.value?.metrics.clientHooks());return(x,v)=>{const b=W,u=P,f=nt,i=j;return d(),m(y,null,[t("div",null,[n(s)?.length?(d(),H(u,{key:0,icon:"carbon-ibm-cloud-direct-link-1-dedicated-hosting",text:"Client Hooks",description:`Total hooks: ${n(s).length}`,padding:"pl4 pr6"},{default:w(()=>[h(b,{hooks:n(s)},null,8,["hooks"])]),_:1},8,["description"])):C("",!0),n(l)?.length?(d(),H(u,{key:1,icon:"carbon-ibm-cloud-direct-link-2-dedicated",text:"Server Hooks",description:`Total hooks: ${n(l)?.length}`,padding:"pl4 pr6"},{default:w(()=>[h(b,{hooks:n(l)},null,8,["hooks"])]),_:1},8,["description"])):C("",!0)]),h(i,null,{default:w(()=>[h(f)]),_:1})],64)}}});export{it as default};
+import{_ as S}from"./D3UZejev.js";import{d as N,r as $,a as g,o as d,m,k as t,v as c,G as p,f as n,F as y,n as T,t as _,a9 as F,aJ as B,i as h,aK as V,al as D,h as H,j as w,p as C}from"./p0yxMpsq.js";import{_ as P}from"./B4UVI4YI.js";import{_ as j}from"./DtbS56cH.js";import"./DNcopq6z.js";const E={"w-full":""},O={border:"b base"},L={"select-none":"","ws-nowrap":"",p1:"","text-right":"","font-bold":""},z={colspan:"2",p1:"",pl5:"","text-left":"","font-bold":""},A={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},Y={"ws-nowrap":"",p1:"","text-center":"","font-bold":""},G={"ws-nowrap":"",p1:"","text-right":"","font-bold":""},J={"w-0":"","ws-nowrap":"","text-center":"","text-sm":"",op25:""},K={"text-sm":""},R={"ws-nowrap":""},U={"text-sm":""},q={"w-0":"","text-center":"","text-sm":""},M={"w-0":"","text-center":"","text-sm":""},Q={"w-0":"","text-right":"","text-sm":""},W=N({__name:"HooksTable",props:{hooks:{}},setup(k){const l=k,a=$("duration"),s=$("asc"),x={duration:(e,o)=>(o.duration??Number.POSITIVE_INFINITY)-(e.duration??Number.POSITIVE_INFINITY),name:(e,o)=>e.name.localeCompare(o.name),listener:(e,o)=>o.listeners-e.listeners,start:(e,o)=>o.start-e.start,executions:(e,o)=>o.executions.length-e.executions.length},v=g(()=>l.hooks.map(e=>e.start).sort((e,o)=>e-o)),b=g(()=>{const e=x[a.value],o=[...l.hooks].sort(e);return s.value==="desc"&&o.reverse(),o});function u(e){const o=e.split(":");return o.length===1?"":`${o[0]}:`}function f(e){const o=e.split(":");return o.length===1?e:o.slice(1).join(":")}function i(e){a.value===e?s.value=s.value==="asc"?"desc":"asc":a.value=e}return(e,o)=>{const I=S;return d(),m("table",E,[t("thead",O,[t("tr",null,[t("th",L,[t("button",{onClick:o[0]||(o[0]=r=>i("start"))},[c(" Order "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="start"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),t("th",z,[t("button",{onClick:o[1]||(o[1]=r=>i("name"))},[c(" Hook name "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="name"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),t("th",A,[t("button",{onClick:o[2]||(o[2]=r=>i("listener"))},[c(" Listeners "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="listener"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),t("th",Y,[t("button",{onClick:o[3]||(o[3]=r=>i("executions"))},[c(" Executions "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="executions"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])]),t("th",G,[t("button",{onClick:o[4]||(o[4]=r=>i("duration"))},[c(" Duration "),t("div",{"ml--1":"","text-xs":"",class:p([n(a)==="duration"?"op50":"op0",n(s)==="asc"?"carbon-arrow-down":"carbon-arrow-up"])},null,2)])])])]),t("tbody",null,[(d(!0),m(y,null,T(n(b),r=>(d(),m("tr",{key:r.name,border:"b dashed transparent hover:base"},[t("td",J,_(n(v).indexOf(r.start)),1),t("td",{"w-0":"","ws-nowrap":"","text-right":"",style:F({color:("getHashColorFromString"in e?e.getHashColorFromString:n(B))(u(r.name))})},[t("code",K,_(u(r.name)),1)],4),t("td",R,[t("code",U,_(f(r.name)),1)]),t("td",q,_(r.listeners),1),t("td",M,_(r.executions.length+1),1),t("td",Q,[h(I,{duration:r.duration},null,8,["duration"])])]))),128))])])}}}),X={class:"markdown-body"},Z=t("h1",null,"Hooks",-1),tt=t("p",null,[c("Hooks are an advanced API which can be used for module development or other advanced use cases. The hooking API can be used to expand almost every aspect of Nuxt. Under the hood it is powered by "),t("a",{href:"https://github.com/unjs/hookable",target:"_blank",rel:"noopener"},"unjs/hookable"),c(".")],-1),ot=t("p",null,[t("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:{}}),(s,x)=>(d(),m("div",X,et))}},it=N({__name:"hooks",setup(k){const l=V(),a=D(),s=g(()=>a.value?.metrics.clientHooks());return(x,v)=>{const b=W,u=P,f=nt,i=j;return d(),m(y,null,[t("div",null,[n(s)?.length?(d(),H(u,{key:0,icon:"carbon-ibm-cloud-direct-link-1-dedicated-hosting",text:"Client Hooks",description:`Total hooks: ${n(s).length}`,padding:"pl4 pr6"},{default:w(()=>[h(b,{hooks:n(s)},null,8,["hooks"])]),_:1},8,["description"])):C("",!0),n(l)?.length?(d(),H(u,{key:1,icon:"carbon-ibm-cloud-direct-link-2-dedicated",text:"Server Hooks",description:`Total hooks: ${n(l)?.length}`,padding:"pl4 pr6"},{default:w(()=>[h(b,{hooks:n(l)},null,8,["hooks"])]),_:1},8,["description"])):C("",!0)]),h(i,null,{default:w(()=>[h(f)]),_:1})],64)}}});export{it as default};