@nuxt/devtools 3.2.3 → 3.2.4

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

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

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

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

package/dist/client/_nuxt/virtual-files-o2l5arel.js

@@ -1 +0,0 @@
-import{Ct as e,E as t,Qt as n,W as r,Y as i,c as a,dt as o,g as s,h as c,lt as l,m as u,tn as d,v as f,w as p}from"./vendor/json-editor-vue-hkofgjf7.js";import"./ready-szdlhgcr.js";import"./nuxt-bfozs29x.js";import"./head-c2jgvqd9.js";import{_ as m}from"./state-dkywakbf.js";import"./client-s5g5n0ac.js";import"./vendor/shiki-niqic03h.js";import"./storage-options-owy2vf04.js";import"./nuxt-link-mev16ngd.js";import{t as h}from"./_plugin-vue_export-helper-dp8rxgcg.js";import"./nicon-m5br9nvg.js";import"./nbutton-oi1rfqiz.js";import{t as g}from"./ncard-ech06vlh.js";import{i as _}from"./state-routes-m6gv5n9v.js";import{t as v}from"./npanel-grids-bl37sfq7.js";import"./ntext-input-ngomk0u2.js";import{c as y,s as b}from"#entry";import"./client-lh91kcpv.js";import{t as x}from"./ncode-block-coc4sua0.js";import{t as S}from"./composables-cwesk2q8.js";import{t as C}from"./help-fab-oc1qudll.js";import{t as w}from"./nnavbar-n3j7iul1.js";var T={},E={class:`markdown-body`};function D(e,t){return r(),f(`div`,E,[...t[0]||=[c(`template`,null,[c(`div`,{class:`markdown-body`},[c(`h1`,null,`Virtual Files`),c(`p`,null,`Virtual files are generated on the fly to support the conventions of the framework, and to provide a better developer experience.`)])],-1)]])}var O=h(T,[[`render`,D]]),k=[`onClick`],A={key:0,"h-full":``,"of-hidden":``,flex:`~ col`},j={border:`b base`,"flex-none":``,px4:``,py2:``,"text-sm":``,op75:``},M=t({__name:`virtual-files`,setup(t){S({icon:`i-carbon-border-none`,title:`Virtual Files`,layout:`full`,category:`advanced`});let h=e(``),T=m(),E=_(),D=e();l(()=>{if(!E.value)return;let e=`/_vfs.json/${encodeURIComponent(E.value)}`;fetch(e,{headers:{accept:`application/json`}}).then(e=>e.json()).then(e=>D.value=e.current)});function M(e){if(T.value?.rootDir)return e.startsWith(T.value?.rootDir)?e.slice(T.value.rootDir.length):e}let N=u(()=>T.value?T.value.entries.filter(e=>!e.id.startsWith(`${T.value?.rootDir||``}/.nuxt/`)).sort((e,t)=>e.id.localeCompare(t.id)):[]),P=u(()=>new b(N.value,{keys:[`id`,`path`]})),F=u(()=>h.value?P.value.search(h.value).map(e=>e.item):N.value);return(e,t)=>{let l=w,u=x,m=g,_=v,b=y,S=O,T=C;return r(),f(a,null,[p(b,{class:`virtual-files`,"storage-key":`tab-virtual-files`},{left:o(()=>[p(l,{search:h.value,"onUpdate:search":t[0]||=e=>h.value=e,"no-padding":``,p3:``},null,8,[`search`]),(r(!0),f(a,null,i(F.value,e=>(r(),f(a,{key:e.id},[c(`button`,{block:``,"w-full":``,"select-none":``,truncate:``,px2:``,py1:``,"text-start":``,"text-sm":``,"font-mono":``,class:n(e.id===D.value?.id?`text-primary n-bg-active`:`text-secondary hover:n-bg-hover`),onClick:t=>E.value=e.id},d(M(e.id)),11,k),t[1]||=c(`div`,{"x-divider":``},null,-1)],64))),128))]),right:o(()=>[D.value?.content?(r(),f(`div`,A,[c(`div`,j,[c(`code`,null,d(D.value.id),1)]),p(u,{"h-full":``,"of-auto":``,"text-sm":``,code:D.value.content,lang:`typescript`},null,8,[`code`])])):(r(),s(_,{key:1},{default:o(()=>[p(m,{px6:``,py2:``},{default:o(()=>[...t[2]||=[c(`span`,{op75:``},`Select a file to start`,-1)]]),_:1})]),_:1}))]),_:1}),p(T,null,{default:o(()=>[p(S)]),_:1})],64)}}});export{M as default};