@nuxt/devtools-nightly 3.1.1-29401019.1035580 → 3.1.1-29462902.5c4a0b0

package/dist/client/_nuxt/timeline-dfd8dv27.js

@@ -1,31 +0,0 @@
-import{P as M,G as W,am as q,b as G,a4 as U,a as X,_ as z,V as Z,f as K,an as Q,A as ee,w as te,i as oe,Q as ne,aj as se,r as R,J as le}from"#entry";import{_ as V}from"./duration-display-f44008lc.js";import{g as I}from"./color-mt9xuhgy.js";import{p as w,q as T,J as u,X as o,a4 as S,a2 as e,aa as y,u as g,F as v,ag as E,W as _,k as B,x as ae,z as ie,a3 as D,a0 as k,a6 as H,Y as P,Z as h,av as re,a1 as ce,ab as i}from"./vendor/json-editor-vue-ho2zu772.js";import{_ as J}from"./nbadge-dv1e6eny.js";import{_ as ue}from"./composable-item-gqqnydns.js";import{_ as de}from"./stacktrace-list-hxyb5x3b.js";import{_ as pe}from"./ndrawer-j5h6fmbh.js";import{_ as me}from"./launch-page-gkflizue.js";import{_ as ke}from"./nlink-cmgg7q58.js";import{_ as ye}from"./code-diff-li4lnfub.js";import{_ as fe}from"./help-fab-izt1nioe.js";import"./vendor/shiki-g7cm1eew.js";import"./vendor/unocss-czq6idj6.js";import"./nmarkdown-pb9g5o14.js";import"./client-c6aoxv2l.js";import"./filepath-item-f2iy8phl.js";import"./index-jc4yj4to.js";import"./constants-b32h69zq.js";import"./ncode-block-esxkr86l.js";const ve=w({__name:"TimelineItemFunction",props:{item:{}},setup(n){const p=n,d=T(()=>I(p.item.name,50,60,"_op_")),s=T(()=>d.value.replace(/_op_/,"1")),t=T(()=>I(p.item.name,50,40)),c=T(()=>d.value.replace(/_op_/,"0.2"));return(r,a)=>(o(),u("button",{class:"group",style:S({color:s.value,borderLeft:`2px solid ${s.value}`}),relative:"","bg-base":"","text-sm":"",transition:"","hover:z-1000":""},[e("div",{style:S({backgroundColor:c.value}),absolute:"","bottom-0":"","left--1px":"","top-0":"","w-full":"","text-sm":"","transition-all":"","duration-300":""},null,4),e("div",{style:S({color:t.value,"--c":s.value}),border:"r-2 t-2 y-2 transparent","min-w-max":"",px1:"","text-left":"","group-hover":"border-$c"},y(n.item.name),5)],4))}}),_e=Object.assign(ve,{__name:"TimelineItemFunction"}),he={relative:"","h-full":""},xe={absolute:"","left-2":"","top-2.3em":"","text-xs":"",op50:""},be=w({__name:"TimelineSegment",props:{segment:{}},emits:["select"],setup(n,{emit:p}){const d=n,s=p,t=M(()=>d.segment.start,{updateInterval:1e3,showSecond:!0,controls:!1,messages:{justNow:"",past:c=>c,future:c=>c,invalid:"-",second:c=>c?`${c}s`:"",minute:c=>`${c}m`,hour:c=>`${c}h`,week:c=>`${c}w`,day:c=>`${c}d`,month:c=>`${c}mo`,year:c=>`${c}y`}});return(c,r)=>{const a=_e;return o(),u("div",he,[e("button",{absolute:"","left-0":"","right-0":"","top-0":"","bg-green:5":"",px2:"",py1:"","text-left":"","text-xs":"","text-green6":"","font-mono":"",onClick:r[0]||(r[0]=l=>n.segment.route?s("select",n.segment.route):void 0)},y(n.segment.route?.event.to),1),e("div",xe,y(g(t))+" ago ",1),e("div",null,[(o(!0),u(v,null,E(n.segment.functions,(l,m)=>(o(),_(a,{key:m,item:l.event,style:S({position:"absolute",minWidth:`${l.relativeWidth*100}%`,maxWidth:`${l.relativeWidth*100}%`,top:`${4+l.layer*1.6}em`,left:`${l.relativeStart*100}%`}),onClick:f=>s("select",l)},null,8,["item","style","onClick"]))),128))])])}}}),ge=Object.assign(be,{__name:"TimelineSegment"}),De=3e3,Ae=50;function $e(n){const p=[];let d={start:0,end:0,events:[],functions:[],duration:0};for(const s of n){const t=s.end||s.start;(s.start-d.end>De||s.type==="route")&&(d={start:s.start,end:t,events:[],functions:[],duration:0},p.push(d)),d.events.push(s),d.end=t+Ae}return p.forEach((s,t)=>{const c=s.end-s.start,r=[];s.duration=c,s.previousGap=t>0?s.start-p[t-1].end:0,s.events.forEach(a=>{const l=a.end||a.start;let m=0;a.type!=="route"&&(m=r.findIndex(A=>A<=a.start),m===-1?(m=r.length,r.push(l+1e3)):r[m]=l+1e3);const f={event:a,segment:s,relativeStart:(a.start-s.start)/c,relativeWidth:(l-a.start)/c,layer:m};a.type==="function"?s.functions.push(f):s.route=f})}),p}const Ce={relative:""},Be={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":""},we=w({__name:"TimelineTable",props:{data:{}},emits:["select"],setup(n,{emit:p}){const d=n,s=p,t=B(),c=B(),r=B(),a=B(),l=B(!0),m=B(1.5),f=T(()=>$e(d.data.events)),A=T(()=>(d.data.events.length,t.value?.scrollWidth||window.innerWidth));function $(){a.value&&(a.value.style.width=`${A.value}px`)}function N(){l.value&&t.value&&(t.value.scrollTo({left:t.value.scrollWidth-t.value.clientWidth,behavior:"smooth"}),r.value.scrollTo({left:t.value.scrollWidth-t.value.clientWidth,behavior:"smooth"}))}return ae(()=>d.data.events.length,async()=>{await ie(),$(),N()},{flush:"post"}),W(t,"scroll",()=>{r.value.scrollLeft!==t.value.scrollLeft&&($(),r.value.scrollLeft=t.value.scrollLeft,l.value=t.value.scrollLeft>=t.value.scrollWidth-t.value.clientWidth)}),W(r,"scroll",()=>{r.value.scrollLeft!==t.value.scrollLeft&&($(),t.value.scrollLeft=r.value.scrollLeft)}),W(t,"wheel",x=>{x.altKey?(m.value=q(m.value+x.deltaY/200,.5,3),$()):t.value.scrollLeft+=x.deltaY}),(x,j)=>{const C=V,O=ge;return o(),u(v,null,[e("div",Ce,[e("div",{ref_key:"minimap",ref:c,border:"t b base",relative:"","h-50px":"","ws-nowrap":"","border-base":""},[(o(!0),u(v,null,E(f.value,(b,F)=>(o(),u("div",{key:F,relative:"","h-full":"","flex-inline":"",style:S({width:`${Math.max(100,b.duration/10)/A.value*100}%`})},[(o(!0),u(v,null,E(b.functions,(L,Y)=>(o(),u("div",{key:Y,"h-3px":"",rounded:"",style:S({width:`max(${L.relativeWidth*100}%, 10px)`,position:"absolute",top:`${L.layer*4}px`,left:`${L.relativeStart*100}%`,backgroundColor:("getHslColorFromStringHash"in x?x.getHslColorFromStringHash:g(I))(L.event.name,50,60)})},null,4))),128)),b.route?(o(),u("div",{key:0,absolute:"","top-0":"","h-full":"","w-px":"","border-l":"","border-green6":"",op10:"",style:S({left:`${b.route.relativeStart*100}%`})},null,4)):D("",!0)],4))),128))],512),e("div",{ref_key:"minimapScroller",ref:r,class:"timeline-scroller",absolute:"","inset-0":"","h-full":"","w-full":"","of-x-scroll":""},[e("div",{ref_key:"minimapScrollerInner",ref:a,"h-1px":""},null,512)],512)]),e("div",{ref_key:"scroller",ref:t,relative:"","h-full":"","w-full":"","of-x-scroll":"","of-y-hidden":"","ws-nowrap":"","n-panel-grids":""},[(o(!0),u(v,null,E(f.value,(b,F)=>(o(),u(v,{key:F},[b.previousGap&&b.previousGap>=200?(o(),u("div",Be,[k(C,{op50:"",duration:b.previousGap,color:!1},null,8,["duration"])])):D("",!0),k(O,{"flex-inline":"","of-x-hidden":"","bg-base":"","hover:of-x-visible":"",class:H(F===f.value.length-1?"border-r border-base":""),segment:b,style:S({width:`${Math.max(50,b.duration/10)*m.value}px`}),onSelect:j[0]||(j[0]=L=>s("select",L))},null,8,["class","segment","style"])],64))),128))],512)],64)}}}),Te=Object.assign(G(we,[["__scopeId","data-v-da163089"]]),{__name:"TimelineTable"}),Se={border:"t base",flex:"~ col","h-full":"","of-y-auto":"","text-sm":""},Ne=["onClick"],Fe={flex:"~","ml--1":"","font-mono":""},Ee={key:0,mr2:"",op30:""},je={op75:""},Le={flex:"~ col items-start"},Oe={"text-xs":"","font-mono":"",op30:""},Ie={"text-green":"","font-bold":"","font-mono":""},Ve=w({__name:"TimelineList",props:{data:{}},emits:["select"],setup(n,{emit:p}){const d=p;return(s,t)=>{const c=V;return o(),u("div",Se,[(o(!0),u(v,null,E(n.data.events,(r,a)=>(o(),u("button",{key:a,border:"b base",px3:"",py2:"",flex:"~ items-center gap-2",hover:"bg-active",onClick:l=>d("select",r)},[r.type==="function"?(o(),u(v,{key:0},[t[2]||(t[2]=e("div",{"i-carbon-function":"",op50:""},null,-1)),e("div",{"font-mono":"",style:S({color:r.type==="function"?("getHslColorFromStringHash"in s?s.getHslColorFromStringHash:g(I))(r.name,50,60):""})},y(r.name),5),e("div",Fe,[t[0]||(t[0]=e("div",{op30:""}," ( ",-1)),(o(!0),u(v,null,E(r.args,(l,m)=>(o(),u(v,{key:m},[m?(o(),u("div",Ee," , ")):D("",!0),e("div",je,y(l===null?"null":l===void 0?"undefined":typeof l=="function"?"[function]":Array.isArray(l)?"[Array]":typeof l=="object"?"[object]":JSON.stringify(l)),1)],64))),128)),t[1]||(t[1]=e("div",{op30:""}," ) ",-1))])],64)):(o(),u(v,{key:1},[t[3]||(t[3]=e("div",{"mr-1":"","h-7":"","w-7":"",flex:"","rounded-lg":"","bg-primary:5":"",p1:"","text-green6":""},[e("div",{"i-carbon-direction-rotary-right":"",ma:"","text-lg":""})],-1)),e("div",Le,[e("div",Oe,y(r.from),1),e("div",Ie,y(r.to),1)])],64)),t[4]||(t[4]=e("div",{"flex-auto":""},null,-1)),r.end?(o(),_(c,{key:2,duration:r.end-r.start,color:r.type==="function"},null,8,["duration","color"])):D("",!0)],8,Ne))),128)),t[5]||(t[5]=e("div",{"min-h-100":""},null,-1))])}}}),We=Object.assign(Ve,{__name:"TimelineList"}),Me={key:0,"text-blue":""},ze={key:1,"text-purple":""},He={key:2,"text-green":""},Re={key:3,"text-gray":""},Ge={key:4,"text-gray":""},Pe={key:5,"text-gray":""},Je={key:0,"bg-red:10":"",px2:"",py1:"","text-red":""},Ye={key:1},qe={p2:"","text-sm":"",border:"t base"},Ue=w({__name:"TimelineArgumentView",props:{value:{}},setup(n){const p=n,d=B(),s=B();function t(){try{d.value=JSON.parse(JSON.stringify(p.value))}catch(l){console.error(l),s.value=l}}const c=w({emits:["setup"],setup(l,{emit:m}){return m("setup"),()=>null}}),r=U(),a=X();return(l,m)=>{const f=z,A=P("VMenu");return typeof n.value=="string"?(o(),u("div",Me,y(JSON.stringify(n.value)),1)):typeof n.value=="number"?(o(),u("div",ze,y(n.value),1)):typeof n.value=="boolean"?(o(),u("div",He,y(n.value),1)):typeof n.value>"u"?(o(),u("div",Re," undefined ")):typeof n.value=="function"?(o(),u("div",Ge," [Function"+y(n.value.name?`: ${n.value.name}`:"")+"] ",1)):n.value===null?(o(),u("div",Pe," null ")):(o(),_(A,{key:6,placement:"top"},{popper:h(()=>[k(g(c),{onSetup:t}),s.value?(o(),u("div",Je," Failed to display object: "+y(s.value),1)):d.value?(o(),u("div",Ye,[k(g(re),ce({"model-value":d.value},l.$attrs,{class:["json-editor-vue",[g(r)==="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"]),e("div",qe,[k(f,{title:"Copy to clipboard",icon:"carbon-copy",onClick:m[0]||(m[0]=$=>g(a)(JSON.stringify(d.value,null,2),"timeline-argument"))},{default:h(()=>[...m[1]||(m[1]=[i(" Copy ",-1)])]),_:1})])])):D("",!0)]),default:h(()=>[e("span",{"rounded-sm":"",px1:"","py0.5":"","text-sm":"",class:H([Array.isArray(n.value)?"text-amber bg-amber:10":"text-orange bg-orange:10"])},y(Array.isArray(n.value)?`[Array(${n.value.length})]`:"[Object]"),3)]),_:1}))}}}),Xe=Object.assign(Ue,{__name:"TimelineArgumentView"}),Ze={key:0,"p-4":"",flex:"~ col gap-2","text-base":""},Ke={"mx--1":""},Qe={flex:"~ gap-1","font-mono":""},et={key:1},tt={key:0,op30:""},ot={flex:"~ gap-1","text-sm":""},nt={class:"text-sm text-gray-400"},st=w({__name:"TimelineDetailsFunction",props:{record:{}},setup(n){const p=n,d=M(()=>p.record.start,{showSecond:!0}),s=Z(),t=T(()=>s.value?.metadata),c=T(()=>s.value?.imports.find(r=>r.as===p.record.name));return(r,a)=>{const l=J,m=ue,f=Xe,A=V,$=de;return n.record?(o(),u("div",Ze,[e("div",Ke,[k(l,{n:"yellow",textContent:"Function call"})]),e("div",Qe,[c.value?(o(),_(m,{key:0,item:c.value,metadata:t.value,counter:!1,classes:"px2 py1","mx--2":""},null,8,["item","metadata"])):(o(),u("span",et,y(n.record.name),1)),a[0]||(a[0]=e("span",{ml1:"",op30:""},"(",-1)),(o(!0),u(v,null,E(n.record.args,(N,x)=>(o(),u(v,{key:x},[x?(o(),u("span",tt,", ")):D("",!0),k(f,{value:N},null,8,["value"])],64))),128)),a[1]||(a[1]=e("span",{op30:""},")",-1))]),e("div",ot,[n.record.end?(o(),_(A,{key:0,duration:n.record.end-n.record.start},null,8,["duration"])):D("",!0),a[2]||(a[2]=e("span",{mx1:"",op50:""},"·",-1)),e("div",nt,y(g(d)),1)]),n.record.stacktrace?(o(),_($,{key:0,stacktrace:n.record.stacktrace,class:"text-xs text-gray-400"},null,8,["stacktrace"])):D("",!0)])):D("",!0)}}}),lt=Object.assign(st,{__name:"TimelineDetailsFunction"}),at={key:0,"p-4":"",flex:"~ col gap-2"},it={"mx--1":""},rt={flex:"~ gap-1 items-center","font-mono":""},ct={op50:""},ut={flex:"~ gap-1","text-sm":""},dt={class:"text-sm text-gray-400"},pt=w({__name:"TimelineDetailsRoute",props:{record:{}},setup(n){const p=n,d=M(()=>p.record.start,{showSecond:!0});return(s,t)=>{const c=J,r=V;return n.record?(o(),u("div",at,[e("div",it,[k(c,{n:"green",textContent:"Route Change"})]),e("div",rt,[e("span",ct,y(n.record.from),1),t[0]||(t[0]=e("span",{"i-carbon-arrow-right":"",op50:""},null,-1)),e("span",null,y(n.record.to),1)]),e("div",ut,[n.record.end?(o(),_(r,{key:0,duration:n.record.end-n.record.start},null,8,["duration"])):D("",!0),t[1]||(t[1]=e("span",{mx1:"",op50:""},"·",-1)),e("div",dt,y(g(d)),1)])])):D("",!0)}}}),mt=Object.assign(pt,{__name:"TimelineDetailsRoute"}),kt={key:0,"h-screen":"","of-hidden":""},yt={"h-screen":"","w-full":"",flex:"","flex-col":""},ft={"h-10":"",flex:"~ gap-2 items-center justify-end",p2:"",px3:""},vt={"text-sm":""},_t={"min-h-50":"",px3:"",py2:""},ht=w({__name:"TimelineView",setup(n){const p=K(),d=B("table"),s=B(),t=T(()=>p.value?.metrics.clientTimeline());function c(){t.value&&(t.value.events=[])}function r(){d.value=d.value==="table"?"list":"table"}return(a,l)=>{const m=P("VTooltip"),f=z,A=Te,$=We,N=lt,x=mt,j=pe;return t.value?(o(),u("div",kt,[e("div",yt,[e("div",ft,[k(m,{flex:""},{popper:h(()=>[e("div",vt,y(t.value.options.enabled?"Recording...":"Paused"),1)]),default:h(()=>[e("div",{"text-lg":"",class:H(t.value.options.enabled?"i-carbon-radio-button-checked text-primary animate-pulse":"i-carbon-pause-outline op30")},null,2)]),_:1}),t.value.options.enabled?(o(),_(f,{key:1,size:"small",ml1:"","text-sm":"",n:"orange",icon:"i-carbon-stop",onClick:l[1]||(l[1]=C=>t.value.options.enabled=!1)},{default:h(()=>[...l[6]||(l[6]=[i(" Stop Tracking ",-1)])]),_:1})):(o(),_(f,{key:0,size:"small",ml1:"","text-sm":"",n:"primary",icon:"i-carbon-play",onClick:l[0]||(l[0]=C=>t.value.options.enabled=!0)},{default:h(()=>[...l[5]||(l[5]=[i(" Start Tracking ",-1)])]),_:1})),l[7]||(l[7]=e("div",{"flex-auto":""},null,-1)),k(f,{icon:d.value==="table"?"i-carbon-roadmap":"i-carbon-list",class:"ml-2",title:"Toggle View",border:!1,onClick:r},null,8,["icon"]),k(f,{icon:"i-carbon-trash-can","hover-text-red":"",class:"ml-2",border:!1,onClick:c})]),d.value==="table"?(o(),_(A,{key:0,data:{...t.value},onSelect:l[2]||(l[2]=C=>s.value=C.event)},null,8,["data"])):(o(),_($,{key:1,data:{...t.value},onSelect:l[3]||(l[3]=C=>s.value=C)},null,8,["data"]))]),k(j,{"model-value":!!s.value,"auto-close":"",transition:"bottom",left:"#nuxt-devtools-side-nav",onClose:l[4]||(l[4]=C=>s.value=void 0)},{default:h(()=>[e("div",_t,[s.value?.type==="function"?(o(),_(N,{key:0,record:s.value},null,8,["record"])):s.value?.type==="route"?(o(),_(x,{key:1,record:s.value},null,8,["record"])):D("",!0)])]),_:1},8,["model-value"])])):D("",!0)}}}),xt=Object.assign(ht,{__name:"TimelineView"}),bt={},gt={class:"markdown-body"};function Dt(n,p){return o(),u("div",gt,[...p[0]||(p[0]=[e("template",null,[e("div",{class:"markdown-body"},[e("h1",null,"Timeline"),e("blockquote",{"text-orange":"","bg-orange:10":"",py1:""}," This is an experimental feature "),e("p",null,"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."),e("h2",null,"Function calls"),e("p",null,[i("Nuxt DevTools tracks function calls by wrapping them in the build time. It works for functions referenced by auto-imports, or explicit imports through "),e("code",{"v-pre":""},"import {} from '#imports'"),i(".")]),e("pre",{class:"shiki shiki-themes vitesse-light vitesse-dark",style:{"background-color":"#ffffff","--shiki-dark-bg":"#121212",color:"#393a34","--shiki-dark":"#dbd7caee"},tabindex:"0"},[e("code",{"v-pre":""},[e("span",{class:"line"},[e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"<"),e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}},"script"),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}}," setup"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},">")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}},"import"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," {"),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}}," useRoute"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," }"),e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}}," from"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}}," '"),e("span",{style:{color:"#B56959","--shiki-dark":"#C98A7D"}},"#app/composables/router"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"'")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}},"import"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," {"),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}}," useNuxtApp"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," }"),e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}}," from"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}}," '"),e("span",{style:{color:"#B56959","--shiki-dark":"#C98A7D"}},"#imports"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"'")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}},"import"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," {"),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}}," useMouse"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," }"),e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}}," from"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}}," '"),e("span",{style:{color:"#B56959","--shiki-dark":"#C98A7D"}},"@vueuse/core"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"'")]),i(`
-`),e("span",{class:"line"}),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#AB5959","--shiki-dark":"#CB7676"}},"const"),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}}," route"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," ="),e("span",{style:{color:"#59873A","--shiki-dark":"#80A665"}}," useRoute"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"()"),e("span",{style:{color:"#A0ADA0","--shiki-dark":"#758575DD"}}," // tracked")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#AB5959","--shiki-dark":"#CB7676"}},"const"),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}}," app"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," ="),e("span",{style:{color:"#59873A","--shiki-dark":"#80A665"}}," useNuxtApp"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"()"),e("span",{style:{color:"#A0ADA0","--shiki-dark":"#758575DD"}}," // tracked")]),i(`
-`),e("span",{class:"line"}),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#A0ADA0","--shiki-dark":"#758575DD"}},"// NOT tracked because it's directly imported")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#AB5959","--shiki-dark":"#CB7676"}},"const"),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}}," mouse"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," ="),e("span",{style:{color:"#59873A","--shiki-dark":"#80A665"}}," useMouse"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"()")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"</"),e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}},"script"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},">")]),i(`
-`),e("span",{class:"line"})])]),e("p",null,[i("By default, it tracks Nuxt provided composables as well as user defined functions. You can include/exclude functions by using the "),e("code",{"v-pre":""},"include"),i(" and "),e("code",{"v-pre":""},"exclude"),i(" options in the "),e("code",{"v-pre":""},"nuxt.config.js"),i(" file.")]),e("pre",{class:"shiki shiki-themes vitesse-light vitesse-dark",style:{"background-color":"#ffffff","--shiki-dark-bg":"#121212",color:"#393a34","--shiki-dark":"#dbd7caee"},tabindex:"0"},[e("code",{"v-pre":""},[e("span",{class:"line"},[e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}},"export"),e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}}," default"),e("span",{style:{color:"#59873A","--shiki-dark":"#80A665"}}," defineNuxtConfig"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"({")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#998418","--shiki-dark":"#B8A965"}},"  devtools"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},":"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," {")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#998418","--shiki-dark":"#B8A965"}},"    timeline"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},":"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," {")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#998418","--shiki-dark":"#B8A965"}},"      functions"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},":"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," {")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#998418","--shiki-dark":"#B8A965"}},"        include"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},":"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," [")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#A0ADA0","--shiki-dark":"#758575DD"}},"          // track `useMouse`")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"          '"),e("span",{style:{color:"#B56959","--shiki-dark":"#C98A7D"}},"useMouse"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"'"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},",")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#A0ADA0","--shiki-dark":"#758575DD"}},"          // track all functions starting with `use`")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"          /"),e("span",{style:{color:"#1E754F","--shiki-dark":"#4D9375"}},"^"),e("span",{style:{color:"#AB5E3F","--shiki-dark":"#C4704F"}},"use"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"["),e("span",{style:{color:"#A65E2B","--shiki-dark":"#C99076"}},"A-Z"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"]"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"/"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},",")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#A0ADA0","--shiki-dark":"#758575DD"}},"          // track all functions from @vueuse/core")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}},"          entry"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," =>"),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}}," entry"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"."),e("span",{style:{color:"#B07D48","--shiki-dark":"#BD976A"}},"from"),e("span",{style:{color:"#AB5959","--shiki-dark":"#CB7676"}}," ==="),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}}," '"),e("span",{style:{color:"#B56959","--shiki-dark":"#C98A7D"}},"@vueuse/core"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"'"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},",")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"        ],")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#998418","--shiki-dark":"#B8A965"}},"        exclude"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},":"),e("span",{style:{color:"#999999","--shiki-dark":"#666666"}}," [")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"          '"),e("span",{style:{color:"#B56959","--shiki-dark":"#C98A7D"}},"useRouter"),e("span",{style:{color:"#B5695977","--shiki-dark":"#C98A7D77"}},"'")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"        ]")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"      }")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"    }")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"  }")]),i(`
-`),e("span",{class:"line"},[e("span",{style:{color:"#999999","--shiki-dark":"#666666"}},"})")]),i(`
-`),e("span",{class:"line"})])])])],-1)])])}const At=G(bt,[["render",Dt]]),$t={flex:"~ col gap-2","w-150":"",p4:"",border:"t base"},Ct={op50:""},Bt={flex:"~ gap-3",mt2:"","justify-end":""},qt=w({__name:"timeline",setup(n){const p=Q(),d=ee(),s=se(),t=te();async function c(){try{const[r,a]=await R.enableTimeline(!0);if(!await s.start(r,a))return;await R.enableTimeline(!1)}catch{le({message:"Failed to enable timeline automatically. Check the terminal for more details.",icon:"i-carbon-warning",classes:"text-red"})}}return(r,a)=>{const l=xt,m=me,f=oe,A=ke,$=ye,N=z,x=ne,j=At,C=fe;return o(),u(v,null,[g(p)?.timeline?.enabled?(o(),_(l,{key:0})):(o(),u(v,{key:1},[k(f,null,{default:h(()=>[k(m,{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:c})]),_:1}),k(g(s),null,{default:h(({resolve:O,args:b})=>[k(x,{"model-value":!0,onClose:F=>O(!1)},{default:h(()=>[e("div",$t,[a[5]||(a[5]=e("h2",{"text-xl":""},[e("span",{capitalize:""},"Enable Timeline?")],-1)),e("p",Ct,[a[1]||(a[1]=i(" Your ",-1)),k(A,{role:"button",n:"primary",underline:"",onClick:a[0]||(a[0]=F=>g(t)(g(d)?._nuxtConfigFile)),textContent:"Nuxt config"}),a[2]||(a[2]=i(" will be updated as: ",-1))]),k($,{from:b[0],to:b[1],"max-h-80":"","of-auto":"",py2:"",border:"~ base rounded",lang:"ts"},null,8,["from","to"]),a[6]||(a[6]=e("p",null,[e("span",{op50:""},"Then Nuxt will "),e("span",{"text-orange":""},"restart automatically"),i(". ")],-1)),e("div",Bt,[k(N,{onClick:F=>O(!1)},{default:h(()=>[...a[3]||(a[3]=[i(" Cancel ",-1)])]),_:1},8,["onClick"]),k(N,{n:"solid primary",capitalize:"",onClick:F=>O(!0)},{default:h(()=>[...a[4]||(a[4]=[i(" Enable ",-1)])]),_:1},8,["onClick"])])])]),_:2},1032,["onClose"])]),_:1})],64)),k(C,null,{default:h(()=>[k(j)]),_:1})],64)}}});export{qt as default};

package/dist/client/_nuxt/timeline.css-otdwftpy.css

@@ -1 +0,0 @@
-.timeline-scroller[data-v-da163089]::-webkit-scrollbar{height:100px;width:.1px}.timeline-scroller[data-v-da163089]::-webkit-scrollbar-track{background-color:transparent}.timeline-scroller[data-v-da163089]::-webkit-scrollbar-thumb{background-color:#8881;height:100px}.timeline-scroller[data-v-da163089]:hover::-webkit-scrollbar-thumb{background-color:#8882}

package/dist/client/_nuxt/unocss-runtime-om1xvo0e.js

@@ -1 +0,0 @@
-import{i as e,p as i}from"./vendor/unocss-czq6idj6.js";import"./vendor/json-editor-vue-ho2zu772.js";e({defaults:{presets:[i({prefix:["i-",""],collections:{},cdn:"https://esm.sh/",scale:1.2,extraProperties:{display:"inline-block","vertical-align":"middle"}})]},bypassDefined:!0});