@nuxt/devtools 1.0.6 → 1.0.7

package/dist/client/_nuxt/{timeline.595f30d2.js → timeline.AZ4Ag11k.js}

@@ -1,4 +1,4 @@
-import{d as B,a as w,aH as W,o as t,m as c,k as s,a9 as T,f as l,t as k,ad as O,F as f,n as E,h as y,r as C,w as q,ay as Y,a1 as j,bD as U,p as x,i as m,G as z,q as Z,e as K,ap as H,j as v,at as X,v as F,_ as G,aJ as Q,au as ee,a$ as se,bE as te,ab as ne,N as oe,ac as ae,A as le,L as R,a5 as ie,Z as re}from"./entry.52bc93cd.js";import{_ as M}from"./DurationDisplay.vue.ce619fea.js";import{_ as P}from"./NBadge.787d75d1.js";import{_ as ce}from"./ComposableItem.vue.93291047.js";import{q as pe}from"./json-editor-vue.d503734c.js";import{_ as de}from"./StacktraceList.vue.a54c08af.js";import{_ as ue}from"./NDrawer.vue.fa4b06a6.js";import{_ as me}from"./LaunchPage.vue.5db0c060.js";import{_ as ke}from"./NLink.vue.0a35d66d.js";import{_ as _e}from"./CodeDiff.vue.786903cd.js";import{_ as he}from"./HelpFab.vue.452fd066.js";import"./NMarkdown.vue.099cce55.js";import"./client.7628b7e9.js";import"./FilepathItem.vue.e3761da9.js";import"./constants.2cc6e981.js";import"./NCodeBlock.vue.7e25538f.js";const fe=B({__name:"TimelineItemFunction",props:{item:{}},setup(h){const d=h,p=w(()=>W(d.item.name,50,60,"_op_")),e=w(()=>p.value.replace(/_op_/,"1")),o=w(()=>W(d.item.name,50,40)),i=w(()=>p.value.replace(/_op_/,"0.2"));return(n,a)=>(t(),c("button",{class:"group",style:T({color:l(e),borderLeft:`2px solid ${l(e)}`}),relative:"","text-sm":"",transition:"","hover:z-1000":"","bg-base":""},[s("div",{style:T({backgroundColor:l(i)}),absolute:"","bottom-0":"","left--1px":"","top-0":"","w-full":"","text-sm":"","transition-all":"","duration-300":""},null,4),s("div",{style:T({color:l(o),"--c":l(e)}),border:"r-2 t-2 y-2 transparent","min-w-max":"",px1:"","text-left":"","group-hover":"border-$c"},k(n.item.name),5)],4))}}),ye={relative:"","h-full":""},ve={absolute:"","left-2":"","top-2.3em":"","text-xs":"",op50:""},be=B({__name:"TimelineSegment",props:{segment:{}},emits:["select"],setup(h,{emit:d}){const p=h,e=d,o=O(()=>p.segment.start,{updateInterval:1e3,showSecond:!0,messages:{justNow:"",past:i=>i,future:i=>i,invalid:"-",second:i=>i?`${i}s`:"",minute:i=>`${i}m`,hour:i=>`${i}h`,week:i=>`${i}w`,day:i=>`${i}d`,month:i=>`${i}mo`,year:i=>`${i}y`}});return(i,n)=>{const a=fe;return t(),c("div",ye,[s("button",{absolute:"","left-0":"","right-0":"","top-0":"","bg-green:5":"",px2:"",py1:"","text-left":"","text-xs":"","text-green6":"","font-mono":"",onClick:n[0]||(n[0]=r=>i.segment.route?e("select",i.segment.route):void 0)},k(i.segment.route?.event.to),1),s("div",ve,k(l(o))+" ago ",1),s("div",null,[(t(!0),c(f,null,E(i.segment.functions,(r,u)=>(t(),y(a,{key:u,item:r.event,style:T({position:"absolute",minWidth:`${r.relativeWidth*100}%`,maxWidth:`${r.relativeWidth*100}%`,top:`${4+r.layer*1.6}em`,left:`${r.relativeStart*100}%`}),onClick:_=>e("select",r)},null,8,["item","style","onClick"]))),128))])])}}}),ge=3e3,xe=50;function $e(h){const d=[];let p={start:0,end:0,events:[],functions:[],duration:0};for(const e of h){const o=e.end||e.start;(e.start-p.end>ge||e.type==="route")&&(p={start:e.start,end:o,events:[],functions:[],duration:0},d.push(p)),p.events.push(e),p.end=o+xe}return d.forEach((e,o)=>{const i=e.end-e.start,n=[];e.duration=i,e.previousGap=o>0?e.start-d[o-1].end:0,e.events.forEach(a=>{const r=a.end||a.start;let u=0;a.type!=="route"&&(u=n.findIndex($=>$<=a.start),u===-1?(u=n.length,n.push(r+1e3)):n[u]=r+1e3);const _={event:a,segment:e,relativeStart:(a.start-e.start)/i,relativeWidth:(r-a.start)/i,layer:u};a.type==="function"?e.functions.push(_):e.route=_})}),d}const Ae={relative:""},De={key:0,border:"x base","h-full":"","flex-inline":"","bg-true-gray-1":"",py15:"","text-xs":"","write-vertical-left":"",op50:"","dark:bg-true-gray-9":""},Ce=B({__name:"TimelineTable",props:{data:{}},emits:["select"],setup(h,{emit:d}){const p=h,e=d,o=C(),i=C(),n=C(),a=C(),r=C(!0),u=C(1.5),_=w(()=>$e(p.data.events)),$=w(()=>(p.data.events.length,o.value?.scrollWidth||window.innerWidth));function A(){a.value&&(a.value.style.width=`${$.value}px`)}function S(){r.value&&o.value&&(o.value.scrollTo({left:o.value.scrollWidth-o.value.clientWidth,behavior:"smooth"}),n.value.scrollTo({left:o.value.scrollWidth-o.value.clientWidth,behavior:"smooth"}))}return q(()=>p.data.events.length,async()=>{await Y(),A(),S()},{flush:"post"}),j(o,"scroll",()=>{n.value.scrollLeft!==o.value.scrollLeft&&(A(),n.value.scrollLeft=o.value.scrollLeft,r.value=o.value.scrollLeft>=o.value.scrollWidth-o.value.clientWidth)}),j(n,"scroll",()=>{n.value.scrollLeft!==o.value.scrollLeft&&(A(),o.value.scrollLeft=n.value.scrollLeft)}),j(o,"wheel",b=>{b.altKey?(u.value=U(u.value+b.deltaY/200,.5,3),A()):o.value.scrollLeft+=b.deltaY}),(b,L)=>{const D=M,V=be;return t(),c(f,null,[s("div",Ae,[s("div",{ref_key:"minimap",ref:i,border:"t b base",relative:"","h-50px":"","ws-nowrap":"","border-base":""},[(t(!0),c(f,null,E(l(_),(g,N)=>(t(),c("div",{key:N,relative:"","h-full":"","flex-inline":"",style:T({width:`${Math.max(100,g.duration/10)/l($)*100}%`})},[(t(!0),c(f,null,E(g.functions,(I,J)=>(t(),c("div",{key:J,"h-3px":"",rounded:"",style:T({width:`max(${I.relativeWidth*100}%, 10px)`,position:"absolute",top:`${I.layer*4}px`,left:`${I.relativeStart*100}%`,backgroundColor:("getHashColorFromString"in b?b.getHashColorFromString:l(W))(I.event.name,50,60)})},null,4))),128)),g.route?(t(),c("div",{key:0,absolute:"","top-0":"","h-full":"","w-px":"","border-l":"","border-green6":"",op10:"",style:T({left:`${g.route.relativeStart*100}%`})},null,4)):x("",!0)],4))),128))],512),s("div",{ref_key:"minimapScroller",ref:n,class:"timeline-scroller",absolute:"","inset-0":"","h-full":"","w-full":"","of-x-scroll":""},[s("div",{ref_key:"minimapScrollerInner",ref:a,"h-1px":""},null,512)],512)]),s("div",{ref_key:"scroller",ref:o,relative:"","h-full":"","w-full":"","of-x-scroll":"","of-y-hidden":"","ws-nowrap":"","n-panel-grids":""},[(t(!0),c(f,null,E(l(_),(g,N)=>(t(),c(f,{key:N},[g.previousGap&&g.previousGap>=200?(t(),c("div",De,[m(D,{op50:"",duration:g.previousGap,color:!1},null,8,["duration"])])):x("",!0),m(V,{"flex-inline":"","of-x-hidden":"","hover:of-x-visible":"","bg-base":"",class:z(N===l(_).length-1?"border-r border-base":""),segment:g,style:T({width:`${Math.max(50,g.duration/10)*l(u)}px`}),onSelect:L[0]||(L[0]=I=>e("select",I))},null,8,["class","segment","style"])],64))),128))],512)],64)}}});const Be=Z(Ce,[["__scopeId","data-v-27e8fb2d"]]),we={border:"t base",flex:"~ col","h-full":"","of-y-auto":"","text-sm":""},Te=["onClick"],Se=s("div",{"i-carbon-function":"",op50:""},null,-1),Ne={flex:"~","ml--1":"","font-mono":""},Fe=s("div",{op30:""}," ( ",-1),Ee={key:0,mr2:"",op30:""},Le={op75:""},Ie=s("div",{op30:""}," ) ",-1),Ve=s("div",{"mr-1":"","h-7":"","w-7":"",flex:"","rounded-lg":"","bg-primary:5":"",p1:"","text-green6":""},[s("div",{"i-carbon-direction-rotary-right":"",ma:"","text-lg":""})],-1),We={flex:"~ col items-start"},Me={"text-xs":"","font-mono":"",op30:""},je={"text-green":"","font-bold":"","font-mono":""},Oe=s("div",{"flex-auto":""},null,-1),ze=s("div",{"min-h-100":""},null,-1),Ge=B({__name:"TimelineList",props:{data:{}},emits:["select"],setup(h,{emit:d}){const p=d;return(e,o)=>{const i=M;return t(),c("div",we,[(t(!0),c(f,null,E(e.data.events,(n,a)=>(t(),c("button",{key:a,border:"b base",px3:"",py2:"",flex:"~ items-center gap-2",hover:"bg-active",onClick:r=>p("select",n)},[n.type==="function"?(t(),c(f,{key:0},[Se,s("div",{"font-mono":"",style:T({color:n.type==="function"?("getHashColorFromString"in e?e.getHashColorFromString:l(W))(n.name,50,60):""})},k(n.name),5),s("div",Ne,[Fe,(t(!0),c(f,null,E(n.args,(r,u)=>(t(),c(f,{key:u},[u?(t(),c("div",Ee," , ")):x("",!0),s("div",Le,k(r===null?"null":r===void 0?"undefined":typeof r=="function"?"[function]":Array.isArray(r)?"[Array]":typeof r=="object"?"[object]":JSON.stringify(r)),1)],64))),128)),Ie])],64)):(t(),c(f,{key:1},[Ve,s("div",We,[s("div",Me,k(n.from),1),s("div",je,k(n.to),1)])],64)),Oe,n.end?(t(),y(i,{key:2,duration:n.end-n.start,color:n.type==="function"},null,8,["duration","color"])):x("",!0)],8,Te))),128)),ze])}}}),Re={key:0,"text-blue":""},He={key:1,"text-purple":""},Pe={key:2,"text-green":""},Je={key:3,"text-gray":""},qe={key:4,"text-gray":""},Ye={key:5,"text-gray":""},Ue={key:0,"bg-red:10":"",px2:"",py1:"","text-red":""},Ze={key:1},Ke={p2:"","text-sm":"",border:"t base"},Xe=B({__name:"TimelineArgumentView",props:{value:{}},setup(h){const d=h,p=C(),e=C();function o(){try{p.value=JSON.parse(JSON.stringify(d.value))}catch(a){console.error(a),e.value=a}}const i=B({emits:["setup"],setup(a,{emit:r}){return r("setup"),()=>null}}),n=K();return(a,r)=>{const u=G,_=H("VMenu");return typeof a.value=="string"?(t(),c("div",Re,k(JSON.stringify(a.value)),1)):typeof a.value=="number"?(t(),c("div",He,k(a.value),1)):typeof a.value=="boolean"?(t(),c("div",Pe,k(a.value),1)):typeof a.value>"u"?(t(),c("div",Je," undefined ")):typeof a.value=="function"?(t(),c("div",qe," [Function"+k(a.value.name?`: ${a.value.name}`:"")+"] ",1)):a.value===null?(t(),c("div",Ye," null ")):(t(),y(_,{key:6,placement:"top"},{popper:v(()=>[m(l(i),{onSetup:o}),l(e)?(t(),c("div",Ue," Failed to display object: "+k(l(e)),1)):l(p)?(t(),c("div",Ze,[m(l(pe),X({"model-value":l(p)},a.$attrs,{class:["json-editor-vue",[a.$colorMode.value==="dark"?"jse-theme-dark":""]],"main-menu-bar":!1,"navigation-bar":!1,"status-bar":!1,"read-only":!0,indentation:2,"tab-size":2}),null,16,["model-value","class"]),s("div",Ke,[m(u,{title:"Copy to clipboard",icon:"carbon-copy",onClick:r[0]||(r[0]=$=>l(n)(JSON.stringify(l(p),null,2),"timeline-argument"))},{default:v(()=>[F(" Copy ")]),_:1})])])):x("",!0)]),default:v(()=>[s("span",{"rounded-sm":"",px1:"","py0.5":"","text-sm":"",class:z([Array.isArray(a.value)?"text-amber bg-amber:10":"text-orange bg-orange:10"])},k(Array.isArray(a.value)?`[Array(${a.value.length})]`:"[Object]"),3)]),_:1}))}}}),Qe={key:0,"p-4":"",flex:"~ col gap-2","text-base":""},es={"mx--1":""},ss={flex:"~ gap-1","font-mono":""},ts={key:1},ns=s("span",{ml1:"",op30:""},"(",-1),os={key:0,op30:""},as=s("span",{op30:""},")",-1),ls={flex:"~ gap-1","text-sm":""},is=s("span",{mx1:"",op50:""},"·",-1),rs={class:"text-sm text-gray-400"},cs=B({__name:"TimelineDetailsFunction",props:{record:{}},setup(h){const d=h,p=O(()=>d.record.start,{showSecond:!0}),e=Q(),o=w(()=>e.value?.metadata),i=w(()=>e.value?.imports.find(n=>n.as===d.record.name));return(n,a)=>{const r=P,u=ce,_=Xe,$=M,A=de;return n.record?(t(),c("div",Qe,[s("div",es,[m(r,{n:"yellow",textContent:"Function call"})]),s("div",ss,[l(i)?(t(),y(u,{key:0,item:l(i),metadata:l(o),counter:!1,classes:"px2 py1","mx--2":""},null,8,["item","metadata"])):(t(),c("span",ts,k(n.record.name),1)),ns,(t(!0),c(f,null,E(n.record.args,(S,b)=>(t(),c(f,{key:b},[b?(t(),c("span",os,", ")):x("",!0),m(_,{value:S},null,8,["value"])],64))),128)),as]),s("div",ls,[n.record.end?(t(),y($,{key:0,duration:n.record.end-n.record.start},null,8,["duration"])):x("",!0),is,s("div",rs,k(l(p)),1)]),n.record.stacktrace?(t(),y(A,{key:0,stacktrace:n.record.stacktrace,class:"text-xs text-gray-400"},null,8,["stacktrace"])):x("",!0)])):x("",!0)}}}),ps={key:0,"p-4":"",flex:"~ col gap-2"},ds={"mx--1":""},us={flex:"~ gap-1 items-center","font-mono":""},ms={op50:""},ks=s("span",{"i-carbon-arrow-right":"",op50:""},null,-1),_s={flex:"~ gap-1","text-sm":""},hs=s("span",{mx1:"",op50:""},"·",-1),fs={class:"text-sm text-gray-400"},ys=B({__name:"TimelineDetailsRoute",props:{record:{}},setup(h){const d=h,p=O(()=>d.record.start,{showSecond:!0});return(e,o)=>{const i=P,n=M;return e.record?(t(),c("div",ps,[s("div",ds,[m(i,{n:"green",textContent:"Route Change"})]),s("div",us,[s("span",ms,k(e.record.from),1),ks,s("span",null,k(e.record.to),1)]),s("div",_s,[e.record.end?(t(),y(n,{key:0,duration:e.record.end-e.record.start},null,8,["duration"])):x("",!0),hs,s("div",fs,k(l(p)),1)])])):x("",!0)}}}),vs={key:0,"h-screen":"","of-hidden":""},bs={"h-screen":"","w-full":"",flex:"","flex-col":""},gs={"h-10":"",flex:"~ gap-2 items-center justify-end",p2:"",px3:""},xs={"text-sm":""},$s=s("div",{"flex-auto":""},null,-1),As={"min-h-50":"",px3:"",py2:""},Ds=B({__name:"TimelineView",setup(h){const d=ee(),p=C("table"),e=C(),o=w(()=>d.value?.metrics.clientTimeline());function i(){o.value&&(o.value.events=[])}function n(){p.value=p.value==="table"?"list":"table"}return(a,r)=>{const u=H("VTooltip"),_=G,$=Be,A=Ge,S=cs,b=ys,L=ue;return l(o)?(t(),c("div",vs,[s("div",bs,[s("div",gs,[m(u,{flex:""},{popper:v(()=>[s("div",xs,k(l(o).options.enabled?"Recording...":"Paused"),1)]),default:v(()=>[s("div",{"text-lg":"",class:z(l(o).options.enabled?"i-carbon-radio-button-checked text-primary animate-pulse":"i-carbon-pause-outline op30")},null,2)]),_:1}),l(o).options.enabled?(t(),y(_,{key:1,size:"small",ml1:"","text-sm":"",n:"orange",icon:"i-carbon-stop",onClick:r[1]||(r[1]=D=>l(o).options.enabled=!1)},{default:v(()=>[F(" Stop Tracking ")]),_:1})):(t(),y(_,{key:0,size:"small",ml1:"","text-sm":"",n:"primary",icon:"i-carbon-play",onClick:r[0]||(r[0]=D=>l(o).options.enabled=!0)},{default:v(()=>[F(" Start Tracking ")]),_:1})),$s,m(_,{icon:l(p)==="table"?"i-carbon-roadmap":"i-carbon-list",class:"ml-2",title:"Toggle View",border:!1,onClick:n},null,8,["icon"]),m(_,{icon:"i-carbon-trash-can","hover-text-red":"",class:"ml-2",border:!1,onClick:i})]),l(p)==="table"?(t(),y($,{key:0,data:{...l(o)},onSelect:r[2]||(r[2]=D=>e.value=D.event)},null,8,["data"])):(t(),y(A,{key:1,data:{...l(o)},onSelect:r[3]||(r[3]=D=>e.value=D)},null,8,["data"]))]),m(L,{"model-value":!!l(e),"auto-close":"",transition:"bottom",left:"#nuxt-devtools-side-nav",onClose:r[4]||(r[4]=D=>e.value=void 0)},{default:v(()=>[s("div",As,[l(e)?.type==="function"?(t(),y(S,{key:0,record:l(e)},null,8,["record"])):l(e)?.type==="route"?(t(),y(b,{key:1,record:l(e)},null,8,["record"])):x("",!0)])]),_:1},8,["model-value"])])):x("",!0)}}}),Cs={class:"markdown-body"},Bs=s("h1",null,"Timeline",-1),ws=s("p",null,[s("blockquote",{"text-orange":"","bg-orange:10":"",py1:""}," This is an experimental feature ")],-1),Ts=se(`<p>Timeline tracks your route navigations and functions calls in your Nuxt application. It can be used to debug performance issues and to understand how your application works.</p><h2>Function calls</h2><p>Nuxt DevTools tracks function calls by wrapping them in the build time. It works for functions referenced by auto-imports, or explicit imports through <code>import {} from &#39;#imports&#39;</code>.</p><pre class="shiki shiki-themes vitesse-light vitesse-dark" style="background-color:#ffffff;--shiki-dark-bg:#121212;color:#393a34;--shiki-dark:#dbd7caee;" tabindex="0"><code><span class="line"><span style="color:#999999;--shiki-dark:#666666;">&lt;</span><span style="color:#1E754F;--shiki-dark:#4D9375;">script</span><span style="color:#B07D48;--shiki-dark:#BD976A;"> setup</span><span style="color:#999999;--shiki-dark:#666666;">&gt;</span></span>
+import{d as B,a as w,aH as W,o as t,l as c,p as s,a9 as T,f as l,t as k,ad as O,F as f,m as E,h as y,r as C,w as q,ay as Y,a1 as j,bE as U,n as x,i as m,G as z,q as Z,e as K,ap as H,j as v,at as X,v as F,_ as G,aJ as Q,au as ee,a$ as se,bF as te,ab as ne,N as oe,ac as ae,A as le,L as R,a5 as ie,Z as re}from"./entry.a1BLIhrc.js";import{_ as M}from"./DurationDisplay.vue.EcbbfLCJ.js";import{_ as P}from"./NBadge.IQAZmm2D.js";import{_ as ce}from"./ComposableItem.vue.xjjgcokF.js";import{q as pe}from"./json-editor-vue.C3M8qDH6.js";import{_ as de}from"./StacktraceList.vue.Gb_bhKzx.js";import{_ as ue}from"./NDrawer.vue.16o-RaPU.js";import{_ as me}from"./LaunchPage.vue.TOWJvQ6t.js";import{_ as ke}from"./NLink.vue.R78P2sWn.js";import{_ as he}from"./CodeDiff.vue._dCq5f_z.js";import{_ as _e}from"./HelpFab.vue.K4yHYYQx.js";import"./NMarkdown.vue.cV8rBrR_.js";import"./client.eqvAG3u2.js";import"./FilepathItem.vue.KRS5685n.js";import"./constants.jFgWOlQV.js";import"./NCodeBlock.vue.2w5Cy5b6.js";const fe=B({__name:"TimelineItemFunction",props:{item:{}},setup(_){const d=_,p=w(()=>W(d.item.name,50,60,"_op_")),e=w(()=>p.value.replace(/_op_/,"1")),o=w(()=>W(d.item.name,50,40)),i=w(()=>p.value.replace(/_op_/,"0.2"));return(n,a)=>(t(),c("button",{class:"group",style:T({color:l(e),borderLeft:`2px solid ${l(e)}`}),relative:"","text-sm":"",transition:"","hover:z-1000":"","bg-base":""},[s("div",{style:T({backgroundColor:l(i)}),absolute:"","bottom-0":"","left--1px":"","top-0":"","w-full":"","text-sm":"","transition-all":"","duration-300":""},null,4),s("div",{style:T({color:l(o),"--c":l(e)}),border:"r-2 t-2 y-2 transparent","min-w-max":"",px1:"","text-left":"","group-hover":"border-$c"},k(n.item.name),5)],4))}}),ye={relative:"","h-full":""},ve={absolute:"","left-2":"","top-2.3em":"","text-xs":"",op50:""},be=B({__name:"TimelineSegment",props:{segment:{}},emits:["select"],setup(_,{emit:d}){const p=_,e=d,o=O(()=>p.segment.start,{updateInterval:1e3,showSecond:!0,messages:{justNow:"",past:i=>i,future:i=>i,invalid:"-",second:i=>i?`${i}s`:"",minute:i=>`${i}m`,hour:i=>`${i}h`,week:i=>`${i}w`,day:i=>`${i}d`,month:i=>`${i}mo`,year:i=>`${i}y`}});return(i,n)=>{const a=fe;return t(),c("div",ye,[s("button",{absolute:"","left-0":"","right-0":"","top-0":"","bg-green:5":"",px2:"",py1:"","text-left":"","text-xs":"","text-green6":"","font-mono":"",onClick:n[0]||(n[0]=r=>i.segment.route?e("select",i.segment.route):void 0)},k(i.segment.route?.event.to),1),s("div",ve,k(l(o))+" ago ",1),s("div",null,[(t(!0),c(f,null,E(i.segment.functions,(r,u)=>(t(),y(a,{key:u,item:r.event,style:T({position:"absolute",minWidth:`${r.relativeWidth*100}%`,maxWidth:`${r.relativeWidth*100}%`,top:`${4+r.layer*1.6}em`,left:`${r.relativeStart*100}%`}),onClick:h=>e("select",r)},null,8,["item","style","onClick"]))),128))])])}}}),ge=3e3,xe=50;function $e(_){const d=[];let p={start:0,end:0,events:[],functions:[],duration:0};for(const e of _){const o=e.end||e.start;(e.start-p.end>ge||e.type==="route")&&(p={start:e.start,end:o,events:[],functions:[],duration:0},d.push(p)),p.events.push(e),p.end=o+xe}return d.forEach((e,o)=>{const i=e.end-e.start,n=[];e.duration=i,e.previousGap=o>0?e.start-d[o-1].end:0,e.events.forEach(a=>{const r=a.end||a.start;let u=0;a.type!=="route"&&(u=n.findIndex($=>$<=a.start),u===-1?(u=n.length,n.push(r+1e3)):n[u]=r+1e3);const h={event:a,segment:e,relativeStart:(a.start-e.start)/i,relativeWidth:(r-a.start)/i,layer:u};a.type==="function"?e.functions.push(h):e.route=h})}),d}const Ae={relative:""},De={key:0,border:"x base","h-full":"","flex-inline":"","bg-true-gray-1":"",py15:"","text-xs":"","write-vertical-left":"",op50:"","dark:bg-true-gray-9":""},Ce=B({__name:"TimelineTable",props:{data:{}},emits:["select"],setup(_,{emit:d}){const p=_,e=d,o=C(),i=C(),n=C(),a=C(),r=C(!0),u=C(1.5),h=w(()=>$e(p.data.events)),$=w(()=>(p.data.events.length,o.value?.scrollWidth||window.innerWidth));function A(){a.value&&(a.value.style.width=`${$.value}px`)}function S(){r.value&&o.value&&(o.value.scrollTo({left:o.value.scrollWidth-o.value.clientWidth,behavior:"smooth"}),n.value.scrollTo({left:o.value.scrollWidth-o.value.clientWidth,behavior:"smooth"}))}return q(()=>p.data.events.length,async()=>{await Y(),A(),S()},{flush:"post"}),j(o,"scroll",()=>{n.value.scrollLeft!==o.value.scrollLeft&&(A(),n.value.scrollLeft=o.value.scrollLeft,r.value=o.value.scrollLeft>=o.value.scrollWidth-o.value.clientWidth)}),j(n,"scroll",()=>{n.value.scrollLeft!==o.value.scrollLeft&&(A(),o.value.scrollLeft=n.value.scrollLeft)}),j(o,"wheel",b=>{b.altKey?(u.value=U(u.value+b.deltaY/200,.5,3),A()):o.value.scrollLeft+=b.deltaY}),(b,L)=>{const D=M,V=be;return t(),c(f,null,[s("div",Ae,[s("div",{ref_key:"minimap",ref:i,border:"t b base",relative:"","h-50px":"","ws-nowrap":"","border-base":""},[(t(!0),c(f,null,E(l(h),(g,N)=>(t(),c("div",{key:N,relative:"","h-full":"","flex-inline":"",style:T({width:`${Math.max(100,g.duration/10)/l($)*100}%`})},[(t(!0),c(f,null,E(g.functions,(I,J)=>(t(),c("div",{key:J,"h-3px":"",rounded:"",style:T({width:`max(${I.relativeWidth*100}%, 10px)`,position:"absolute",top:`${I.layer*4}px`,left:`${I.relativeStart*100}%`,backgroundColor:("getHashColorFromString"in b?b.getHashColorFromString:l(W))(I.event.name,50,60)})},null,4))),128)),g.route?(t(),c("div",{key:0,absolute:"","top-0":"","h-full":"","w-px":"","border-l":"","border-green6":"",op10:"",style:T({left:`${g.route.relativeStart*100}%`})},null,4)):x("",!0)],4))),128))],512),s("div",{ref_key:"minimapScroller",ref:n,class:"timeline-scroller",absolute:"","inset-0":"","h-full":"","w-full":"","of-x-scroll":""},[s("div",{ref_key:"minimapScrollerInner",ref:a,"h-1px":""},null,512)],512)]),s("div",{ref_key:"scroller",ref:o,relative:"","h-full":"","w-full":"","of-x-scroll":"","of-y-hidden":"","ws-nowrap":"","n-panel-grids":""},[(t(!0),c(f,null,E(l(h),(g,N)=>(t(),c(f,{key:N},[g.previousGap&&g.previousGap>=200?(t(),c("div",De,[m(D,{op50:"",duration:g.previousGap,color:!1},null,8,["duration"])])):x("",!0),m(V,{"flex-inline":"","of-x-hidden":"","hover:of-x-visible":"","bg-base":"",class:z(N===l(h).length-1?"border-r border-base":""),segment:g,style:T({width:`${Math.max(50,g.duration/10)*l(u)}px`}),onSelect:L[0]||(L[0]=I=>e("select",I))},null,8,["class","segment","style"])],64))),128))],512)],64)}}}),Be=Z(Ce,[["__scopeId","data-v-27e8fb2d"]]),we={border:"t base",flex:"~ col","h-full":"","of-y-auto":"","text-sm":""},Te=["onClick"],Se=s("div",{"i-carbon-function":"",op50:""},null,-1),Ne={flex:"~","ml--1":"","font-mono":""},Fe=s("div",{op30:""}," ( ",-1),Ee={key:0,mr2:"",op30:""},Le={op75:""},Ie=s("div",{op30:""}," ) ",-1),Ve=s("div",{"mr-1":"","h-7":"","w-7":"",flex:"","rounded-lg":"","bg-primary:5":"",p1:"","text-green6":""},[s("div",{"i-carbon-direction-rotary-right":"",ma:"","text-lg":""})],-1),We={flex:"~ col items-start"},Me={"text-xs":"","font-mono":"",op30:""},je={"text-green":"","font-bold":"","font-mono":""},Oe=s("div",{"flex-auto":""},null,-1),ze=s("div",{"min-h-100":""},null,-1),Ge=B({__name:"TimelineList",props:{data:{}},emits:["select"],setup(_,{emit:d}){const p=d;return(e,o)=>{const i=M;return t(),c("div",we,[(t(!0),c(f,null,E(e.data.events,(n,a)=>(t(),c("button",{key:a,border:"b base",px3:"",py2:"",flex:"~ items-center gap-2",hover:"bg-active",onClick:r=>p("select",n)},[n.type==="function"?(t(),c(f,{key:0},[Se,s("div",{"font-mono":"",style:T({color:n.type==="function"?("getHashColorFromString"in e?e.getHashColorFromString:l(W))(n.name,50,60):""})},k(n.name),5),s("div",Ne,[Fe,(t(!0),c(f,null,E(n.args,(r,u)=>(t(),c(f,{key:u},[u?(t(),c("div",Ee," , ")):x("",!0),s("div",Le,k(r===null?"null":r===void 0?"undefined":typeof r=="function"?"[function]":Array.isArray(r)?"[Array]":typeof r=="object"?"[object]":JSON.stringify(r)),1)],64))),128)),Ie])],64)):(t(),c(f,{key:1},[Ve,s("div",We,[s("div",Me,k(n.from),1),s("div",je,k(n.to),1)])],64)),Oe,n.end?(t(),y(i,{key:2,duration:n.end-n.start,color:n.type==="function"},null,8,["duration","color"])):x("",!0)],8,Te))),128)),ze])}}}),Re={key:0,"text-blue":""},He={key:1,"text-purple":""},Pe={key:2,"text-green":""},Je={key:3,"text-gray":""},qe={key:4,"text-gray":""},Ye={key:5,"text-gray":""},Ue={key:0,"bg-red:10":"",px2:"",py1:"","text-red":""},Ze={key:1},Ke={p2:"","text-sm":"",border:"t base"},Xe=B({__name:"TimelineArgumentView",props:{value:{}},setup(_){const d=_,p=C(),e=C();function o(){try{p.value=JSON.parse(JSON.stringify(d.value))}catch(a){console.error(a),e.value=a}}const i=B({emits:["setup"],setup(a,{emit:r}){return r("setup"),()=>null}}),n=K();return(a,r)=>{const u=G,h=H("VMenu");return typeof a.value=="string"?(t(),c("div",Re,k(JSON.stringify(a.value)),1)):typeof a.value=="number"?(t(),c("div",He,k(a.value),1)):typeof a.value=="boolean"?(t(),c("div",Pe,k(a.value),1)):typeof a.value>"u"?(t(),c("div",Je," undefined ")):typeof a.value=="function"?(t(),c("div",qe," [Function"+k(a.value.name?`: ${a.value.name}`:"")+"] ",1)):a.value===null?(t(),c("div",Ye," null ")):(t(),y(h,{key:6,placement:"top"},{popper:v(()=>[m(l(i),{onSetup:o}),l(e)?(t(),c("div",Ue," Failed to display object: "+k(l(e)),1)):l(p)?(t(),c("div",Ze,[m(l(pe),X({"model-value":l(p)},a.$attrs,{class:["json-editor-vue",[a.$colorMode.value==="dark"?"jse-theme-dark":""]],"main-menu-bar":!1,"navigation-bar":!1,"status-bar":!1,"read-only":!0,indentation:2,"tab-size":2}),null,16,["model-value","class"]),s("div",Ke,[m(u,{title:"Copy to clipboard",icon:"carbon-copy",onClick:r[0]||(r[0]=$=>l(n)(JSON.stringify(l(p),null,2),"timeline-argument"))},{default:v(()=>[F(" Copy ")]),_:1})])])):x("",!0)]),default:v(()=>[s("span",{"rounded-sm":"",px1:"","py0.5":"","text-sm":"",class:z([Array.isArray(a.value)?"text-amber bg-amber:10":"text-orange bg-orange:10"])},k(Array.isArray(a.value)?`[Array(${a.value.length})]`:"[Object]"),3)]),_:1}))}}}),Qe={key:0,"p-4":"",flex:"~ col gap-2","text-base":""},es={"mx--1":""},ss={flex:"~ gap-1","font-mono":""},ts={key:1},ns=s("span",{ml1:"",op30:""},"(",-1),os={key:0,op30:""},as=s("span",{op30:""},")",-1),ls={flex:"~ gap-1","text-sm":""},is=s("span",{mx1:"",op50:""},"·",-1),rs={class:"text-sm text-gray-400"},cs=B({__name:"TimelineDetailsFunction",props:{record:{}},setup(_){const d=_,p=O(()=>d.record.start,{showSecond:!0}),e=Q(),o=w(()=>e.value?.metadata),i=w(()=>e.value?.imports.find(n=>n.as===d.record.name));return(n,a)=>{const r=P,u=ce,h=Xe,$=M,A=de;return n.record?(t(),c("div",Qe,[s("div",es,[m(r,{n:"yellow",textContent:"Function call"})]),s("div",ss,[l(i)?(t(),y(u,{key:0,item:l(i),metadata:l(o),counter:!1,classes:"px2 py1","mx--2":""},null,8,["item","metadata"])):(t(),c("span",ts,k(n.record.name),1)),ns,(t(!0),c(f,null,E(n.record.args,(S,b)=>(t(),c(f,{key:b},[b?(t(),c("span",os,", ")):x("",!0),m(h,{value:S},null,8,["value"])],64))),128)),as]),s("div",ls,[n.record.end?(t(),y($,{key:0,duration:n.record.end-n.record.start},null,8,["duration"])):x("",!0),is,s("div",rs,k(l(p)),1)]),n.record.stacktrace?(t(),y(A,{key:0,stacktrace:n.record.stacktrace,class:"text-xs text-gray-400"},null,8,["stacktrace"])):x("",!0)])):x("",!0)}}}),ps={key:0,"p-4":"",flex:"~ col gap-2"},ds={"mx--1":""},us={flex:"~ gap-1 items-center","font-mono":""},ms={op50:""},ks=s("span",{"i-carbon-arrow-right":"",op50:""},null,-1),hs={flex:"~ gap-1","text-sm":""},_s=s("span",{mx1:"",op50:""},"·",-1),fs={class:"text-sm text-gray-400"},ys=B({__name:"TimelineDetailsRoute",props:{record:{}},setup(_){const d=_,p=O(()=>d.record.start,{showSecond:!0});return(e,o)=>{const i=P,n=M;return e.record?(t(),c("div",ps,[s("div",ds,[m(i,{n:"green",textContent:"Route Change"})]),s("div",us,[s("span",ms,k(e.record.from),1),ks,s("span",null,k(e.record.to),1)]),s("div",hs,[e.record.end?(t(),y(n,{key:0,duration:e.record.end-e.record.start},null,8,["duration"])):x("",!0),_s,s("div",fs,k(l(p)),1)])])):x("",!0)}}}),vs={key:0,"h-screen":"","of-hidden":""},bs={"h-screen":"","w-full":"",flex:"","flex-col":""},gs={"h-10":"",flex:"~ gap-2 items-center justify-end",p2:"",px3:""},xs={"text-sm":""},$s=s("div",{"flex-auto":""},null,-1),As={"min-h-50":"",px3:"",py2:""},Ds=B({__name:"TimelineView",setup(_){const d=ee(),p=C("table"),e=C(),o=w(()=>d.value?.metrics.clientTimeline());function i(){o.value&&(o.value.events=[])}function n(){p.value=p.value==="table"?"list":"table"}return(a,r)=>{const u=H("VTooltip"),h=G,$=Be,A=Ge,S=cs,b=ys,L=ue;return l(o)?(t(),c("div",vs,[s("div",bs,[s("div",gs,[m(u,{flex:""},{popper:v(()=>[s("div",xs,k(l(o).options.enabled?"Recording...":"Paused"),1)]),default:v(()=>[s("div",{"text-lg":"",class:z(l(o).options.enabled?"i-carbon-radio-button-checked text-primary animate-pulse":"i-carbon-pause-outline op30")},null,2)]),_:1}),l(o).options.enabled?(t(),y(h,{key:1,size:"small",ml1:"","text-sm":"",n:"orange",icon:"i-carbon-stop",onClick:r[1]||(r[1]=D=>l(o).options.enabled=!1)},{default:v(()=>[F(" Stop Tracking ")]),_:1})):(t(),y(h,{key:0,size:"small",ml1:"","text-sm":"",n:"primary",icon:"i-carbon-play",onClick:r[0]||(r[0]=D=>l(o).options.enabled=!0)},{default:v(()=>[F(" Start Tracking ")]),_:1})),$s,m(h,{icon:l(p)==="table"?"i-carbon-roadmap":"i-carbon-list",class:"ml-2",title:"Toggle View",border:!1,onClick:n},null,8,["icon"]),m(h,{icon:"i-carbon-trash-can","hover-text-red":"",class:"ml-2",border:!1,onClick:i})]),l(p)==="table"?(t(),y($,{key:0,data:{...l(o)},onSelect:r[2]||(r[2]=D=>e.value=D.event)},null,8,["data"])):(t(),y(A,{key:1,data:{...l(o)},onSelect:r[3]||(r[3]=D=>e.value=D)},null,8,["data"]))]),m(L,{"model-value":!!l(e),"auto-close":"",transition:"bottom",left:"#nuxt-devtools-side-nav",onClose:r[4]||(r[4]=D=>e.value=void 0)},{default:v(()=>[s("div",As,[l(e)?.type==="function"?(t(),y(S,{key:0,record:l(e)},null,8,["record"])):l(e)?.type==="route"?(t(),y(b,{key:1,record:l(e)},null,8,["record"])):x("",!0)])]),_:1},8,["model-value"])])):x("",!0)}}}),Cs={class:"markdown-body"},Bs=s("h1",null,"Timeline",-1),ws=s("p",null,[s("blockquote",{"text-orange":"","bg-orange:10":"",py1:""}," This is an experimental feature ")],-1),Ts=se(`<p>Timeline tracks your route navigations and functions calls in your Nuxt application. It can be used to debug performance issues and to understand how your application works.</p><h2>Function calls</h2><p>Nuxt DevTools tracks function calls by wrapping them in the build time. It works for functions referenced by auto-imports, or explicit imports through <code>import {} from &#39;#imports&#39;</code>.</p><pre class="shiki shiki-themes vitesse-light vitesse-dark" style="background-color:#ffffff;--shiki-dark-bg:#121212;color:#393a34;--shiki-dark:#dbd7caee;" tabindex="0"><code><span class="line"><span style="color:#999999;--shiki-dark:#666666;">&lt;</span><span style="color:#1E754F;--shiki-dark:#4D9375;">script</span><span style="color:#B07D48;--shiki-dark:#BD976A;"> setup</span><span style="color:#999999;--shiki-dark:#666666;">&gt;</span></span>
 <span class="line"><span style="color:#1E754F;--shiki-dark:#4D9375;">import</span><span style="color:#999999;--shiki-dark:#666666;"> {</span><span style="color:#B07D48;--shiki-dark:#BD976A;"> useMouse</span><span style="color:#999999;--shiki-dark:#666666;"> }</span><span style="color:#1E754F;--shiki-dark:#4D9375;"> from</span><span style="color:#B5695999;--shiki-dark:#C98A7D99;"> &#39;</span><span style="color:#B56959;--shiki-dark:#C98A7D;">@vueuse/core</span><span style="color:#B5695999;--shiki-dark:#C98A7D99;">&#39;</span></span>
 <span class="line"><span style="color:#1E754F;--shiki-dark:#4D9375;">import</span><span style="color:#999999;--shiki-dark:#666666;"> {</span><span style="color:#B07D48;--shiki-dark:#BD976A;"> useNuxtApp</span><span style="color:#999999;--shiki-dark:#666666;"> }</span><span style="color:#1E754F;--shiki-dark:#4D9375;"> from</span><span style="color:#B5695999;--shiki-dark:#C98A7D99;"> &#39;</span><span style="color:#B56959;--shiki-dark:#C98A7D;">#imports</span><span style="color:#B5695999;--shiki-dark:#C98A7D99;">&#39;</span></span>
 <span class="line"></span>
@@ -27,4 +27,4 @@ import{d as B,a as w,aH as W,o as t,m as c,k as s,a9 as T,f as l,t as k,ad as O,
 <span class="line"><span style="color:#999999;--shiki-dark:#666666;">    }</span></span>
 <span class="line"><span style="color:#999999;--shiki-dark:#666666;">  }</span></span>
 <span class="line"><span style="color:#999999;--shiki-dark:#666666;">})</span></span>
-<span class="line"></span></code></pre>`,6),Ss=[Bs,ws,Ts],Ns={__name:"timeline",setup(h,{expose:d}){return d({frontmatter:{}}),(e,o)=>(t(),c("div",Cs,Ss))}},Fs={flex:"~ col gap-2","w-150":"",p4:"",border:"t base"},Es=s("h2",{"text-xl":""},[s("span",{capitalize:""},"Enable Timeline?")],-1),Ls={op50:""},Is=s("p",null,[s("span",{op50:""},"Then Nuxt will "),s("span",{"text-orange":""},"restart automatically"),F(". ")],-1),Vs={flex:"~ gap-3",mt2:"","justify-end":""},Qs=B({__name:"timeline",setup(h){const d=te(),p=ne(),e=oe(),o=ae();async function i(){try{const[n,a]=await R.enableTimeline(!0);if(!await e.start(n,a))return;await R.enableTimeline(!1)}catch{ie({message:"Failed to enable timeline automatically. Check the terminal for more details.",icon:"i-carbon-warning",classes:"text-red"})}}return(n,a)=>{const r=Ds,u=me,_=le,$=ke,A=_e,S=G,b=re,L=Ns,D=he;return t(),c(f,null,[l(d)?.timeline?.enabled?(t(),y(r,{key:0})):(t(),c(f,{key:1},[m(_,null,{default:v(()=>[m(u,{icon:"i-carbon-roadmap",name:"feature-timeline",title:"Timeline",description:"Timeline enables the inspection of when composable being executed and the route changes.",actions:[{label:"Enable"}],onAction:i})]),_:1}),m(l(e),null,{default:v(({resolve:V,args:g})=>[m(b,{"model-value":!0,onClose:N=>V(!1)},{default:v(()=>[s("div",Fs,[Es,s("p",Ls,[F(" Your "),m($,{role:"button",n:"primary",underline:"",onClick:a[0]||(a[0]=N=>l(o)(l(p)?._nuxtConfigFile)),textContent:"Nuxt config"}),F(" will be updated as: ")]),m(A,{from:g[0],to:g[1],"max-h-80":"","of-auto":"",py2:"",border:"~ base rounded",lang:"ts"},null,8,["from","to"]),Is,s("div",Vs,[m(S,{onClick:N=>V(!1)},{default:v(()=>[F(" Cancel ")]),_:2},1032,["onClick"]),m(S,{n:"solid primary",capitalize:"",onClick:N=>V(!0)},{default:v(()=>[F(" Enable ")]),_:2},1032,["onClick"])])])]),_:2},1032,["onClose"])]),_:1})],64)),m(D,null,{default:v(()=>[m(L)]),_:1})],64)}}});export{Qs as default};
+<span class="line"></span></code></pre>`,6),Ss=[Bs,ws,Ts],Ns={__name:"timeline",setup(_,{expose:d}){return d({frontmatter:{}}),(e,o)=>(t(),c("div",Cs,Ss))}},Fs={flex:"~ col gap-2","w-150":"",p4:"",border:"t base"},Es=s("h2",{"text-xl":""},[s("span",{capitalize:""},"Enable Timeline?")],-1),Ls={op50:""},Is=s("p",null,[s("span",{op50:""},"Then Nuxt will "),s("span",{"text-orange":""},"restart automatically"),F(". ")],-1),Vs={flex:"~ gap-3",mt2:"","justify-end":""},Qs=B({__name:"timeline",setup(_){const d=te(),p=ne(),e=oe(),o=ae();async function i(){try{const[n,a]=await R.enableTimeline(!0);if(!await e.start(n,a))return;await R.enableTimeline(!1)}catch{ie({message:"Failed to enable timeline automatically. Check the terminal for more details.",icon:"i-carbon-warning",classes:"text-red"})}}return(n,a)=>{const r=Ds,u=me,h=le,$=ke,A=he,S=G,b=re,L=Ns,D=_e;return t(),c(f,null,[l(d)?.timeline?.enabled?(t(),y(r,{key:0})):(t(),c(f,{key:1},[m(h,null,{default:v(()=>[m(u,{icon:"i-carbon-roadmap",name:"feature-timeline",title:"Timeline",description:"Timeline enables the inspection of when composable being executed and the route changes.",actions:[{label:"Enable"}],onAction:i})]),_:1}),m(l(e),null,{default:v(({resolve:V,args:g})=>[m(b,{"model-value":!0,onClose:N=>V(!1)},{default:v(()=>[s("div",Fs,[Es,s("p",Ls,[F(" Your "),m($,{role:"button",n:"primary",underline:"",onClick:a[0]||(a[0]=N=>l(o)(l(p)?._nuxtConfigFile)),textContent:"Nuxt config"}),F(" will be updated as: ")]),m(A,{from:g[0],to:g[1],"max-h-80":"","of-auto":"",py2:"",border:"~ base rounded",lang:"ts"},null,8,["from","to"]),Is,s("div",Vs,[m(S,{onClick:N=>V(!1)},{default:v(()=>[F(" Cancel ")]),_:2},1032,["onClick"]),m(S,{n:"solid primary",capitalize:"",onClick:N=>V(!0)},{default:v(()=>[F(" Enable ")]),_:2},1032,["onClick"])])])]),_:2},1032,["onClose"])]),_:1})],64)),m(D,null,{default:v(()=>[m(L)]),_:1})],64)}}});export{Qs as default};