vite-plugin-vue-devtools 8.0.7 → 8.1.1

package/client/assets/{pages-D0Xl3qvp.js → pages-B01Hd5DR.js}

@@ -1 +1 @@
-import{d as N,c as l,o as a,b as t,s as h,u as e,a6 as U,q as $,i as y,a7 as B,e as R,t as M,w as b,F as w,v as T,n as E,J as F,a as g,a8 as O,M as j,z as V,a9 as z,aa as A,Y as J,ab as I,f as q,Z as K,g as D,$ as P,ac as G,a1 as L,ad as W,B as Y,ae as S,af as Z}from"./index-E3YKiktg.js";import{_ as H}from"./SectionBlock-FW2e-EfO.js";import"./IconTitle.vue_vue_type_script_setup_true_lang-DWMTtST_.js";const Q={"p-2":""},X={class:"flex items-center justify-between"},ee=N({__name:"RouteMetaDetail",props:{meta:{}},emits:["close"],setup(p){return(i,r)=>(a(),l("div",Q,[t("div",X,[r[1]||(r[1]=t("span",{class:"font-500"},"Route meta detail",-1)),t("div",{class:"i-carbon-close cursor-pointer p1 $ui-text",onClick:r[0]||(r[0]=_=>i.$emit("close"))})]),h(e(U),{code:JSON.stringify(p.meta,null,2),lang:"json",lines:""},null,8,["code"])]))}}),te={block:"","cursor-pointer":""},ne={p2:""},oe=["onSubmit"],ae={flex:"~","items-center":"",p2:"","text-sm":"","font-mono":""},se={key:1},le=N({__name:"RoutePathItem",props:{route:{}},emits:["navigate"],setup(p,{emit:i}){const r=p,_=i;function v(n){return n.split(/(:\w+[?*+]?(?:\([^)]*\))?[?*+]?)/).filter(Boolean)}const d=$([]),c=y(()=>v(r.route.path));B(()=>{d.value=Array.from({length:c.value.length},()=>"")});const u=y(()=>c.value.map((n,o)=>n[0]===":"?d.value[o]:n).join("").replace(/\/+/g,"/")),s=y(()=>r.route.path.includes(":"));function m(){_("navigate",u.value)}return(n,o)=>e(s)?(a(),R(e(z),{key:1},{popper:b(({hide:f})=>[t("div",ne,[t("form",{flex:"~ col",onSubmit:F(()=>{m(),f()},["prevent"])},[e(s)?(a(),l(w,{key:0},[o[0]||(o[0]=t("div",{px2:"","text-sm":"",op50:""}," Fill params and navigate: ",-1)),t("div",ae,[(a(!0),l(w,null,T(e(c),(x,C)=>(a(),l(w,{key:C},[x[0]===":"?(a(),R(e(O),{key:0,modelValue:e(d)[C],"onUpdate:modelValue":k=>e(d)[C]=k,"n-sm":"","w-20":"",placeholder:x.slice(1)},null,8,["modelValue","onUpdate:modelValue","placeholder"])):(a(),l("span",se,M(x),1))],64))),128))])],64)):g("",!0),h(e(j),{block:"",type:"primary"},{default:b(()=>[...o[1]||(o[1]=[V(" Navigate ",-1)])]),_:1})],40,oe)])]),default:b(()=>[t("code",te,[(a(!0),l(w,null,T(e(c),(f,x)=>(a(),l("span",{key:x,class:E(f[0]===":"?"text-gray border border-dashed rounded border-gray:50 px1":"")},M(f[0]===":"?f.slice(1):f),3))),128))])]),_:1})):(a(),l("button",{key:0,onClick:m},[t("code",null,M(p.route.path),1)]))}}),re={"w-full":""},ie={border:"b base","px-3":""},ue={key:0,"text-left":""},de={"w-20":"","pr-1":""},ce={flex:"","items-center":"","justify-end":""},pe={"text-sm":""},me={flex:"inline gap3","items-center":""},ve={op0:"","group-hover:op100":"",flex:"~ gap1"},fe=["onClick"],he={"w-0":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:""},ge={key:0,"w-50":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:"",hover:"text-primary op100"},_e=["title","onClick"],xe=N({__name:"RoutesTable",props:{pages:{},matched:{},matchedPending:{}},emits:["navigate","selectMeta"],setup(p){const i=p,r=y(()=>[...i.pages].sort((u,s)=>u.path.localeCompare(s.path))),_=y(()=>A.value),v=J();function d(u,s=0){const m=JSON.stringify(u,null,s);return m==="{}"?"-":m}const c=y(()=>r.value.some(u=>Object.keys(u.meta)?.length));return(u,s)=>{const m=le;return a(),l("div",null,[t("table",re,[t("thead",ie,[t("tr",null,[s[1]||(s[1]=t("th",{"text-left":""},null,-1)),s[2]||(s[2]=t("th",{"text-left":""}," Route Path ",-1)),s[3]||(s[3]=t("th",{"text-left":""}," Name ",-1)),e(c)?(a(),l("th",ue," Route Meta ")):g("",!0)])]),t("tbody",null,[(a(!0),l(w,null,T(e(r),n=>(a(),l("tr",{key:n.name,class:"group","h-7":"",border:"b dashed transparent hover:base"},[t("td",de,[t("div",ce,[p.matched.find(o=>o.name===n.name)?(a(),R(e(I),{key:0,"bg-green-400:10":"","text-green-400":"",title:"active",textContent:"active"})):p.matchedPending.find(o=>o.name===n.name)?(a(),R(e(I),{key:1,"bg-teal-400:10":"","text-teal-400":"",title:"next",textContent:"next"})):g("",!0)])]),t("td",pe,[t("div",me,[h(m,{route:n,class:E(p.matched.find(o=>o.name===n.name)?"text-primary-400":p.matchedPending.find(o=>o.name===n.name)?"text-teal":""),onNavigate:s[0]||(s[0]=o=>u.$emit("navigate",o))},null,8,["route","class"]),t("div",ve,[n.meta?.file&&e(v).vitePluginDetected.value&&e(_)?(a(),l("button",{key:0,"text-sm":"",op40:"",hover:"op100 text-primary-400",title:"Open in editor",onClick:o=>e(q)(n.meta?.file)},[...s[4]||(s[4]=[t("div",{"i-carbon-script-reference":""},null,-1)])],8,fe)):g("",!0)])])]),t("td",he,M(n.name),1),e(c)?(a(),l("td",ge,[t("span",{"inline-block":"","w-50":"","cursor-pointer":"","overflow-hidden":"","text-ellipsis":"",title:d(n.meta,2),onClick:()=>u.$emit("selectMeta",n.meta)},M(d(n.meta)),9,_e)])):g("",!0)]))),128))])])])}}}),be={block:"","h-screen":"","of-auto":""},ye={"h-full":"",class:"grid grid-rows-[auto_1fr]"},ke={border:"b base",flex:"~ col gap1",px4:"",py3:""},$e={key:1,op50:""},we={key:0,"text-orange":"",op75:""},Re={key:1,op50:""},Ne=N({__name:"pages",setup(p){const i=$(""),r=$(null),_=$([]),v=y(()=>i.value===r.value?.path?[]:_.value),d=$([]),c=$();function u(n){d.value=n.routes,r.value=n.currentRoute,i.value=r.value?.path??"/"}function s(){v.value.length&&m(i.value)}function m(n){D.value.navigate(n)}return K(()=>{D.value.getRouterInfo().then(n=>{u(n)}),D.functions.on(P.ROUTER_INFO_UPDATED,u)}),G(i,()=>{i.value!==r.value?.path&&D.value.getMatchedRoutes(i.value).then(n=>{_.value=n})}),L(()=>{D.functions.off(P.ROUTER_INFO_UPDATED,u)}),(n,o)=>{const f=xe,x=H,C=ee;return a(),l("div",be,[t("div",ye,[t("div",ke,[t("div",null,[(a(),l("span",$e,"Current route"))]),h(e(O),{modelValue:e(i),"onUpdate:modelValue":o[0]||(o[0]=k=>Y(i)?i.value=k:null),"left-icon":"i-carbon-direction-right-01 scale-y--100",class:E(e(r)?.path===e(i)?"":e(v).length?"text-green!":"text-orange!"),onKeydown:W(s,["enter"])},null,8,["modelValue","class"]),t("div",null,[e(r)?.path!==e(i)?(a(),l(w,{key:0},[o[6]||(o[6]=t("span",null,[V("Press "),t("b",{"font-bold":""},"Enter"),V(" to navigate")],-1)),e(v).length?g("",!0):(a(),l("span",we," (no match)"))],64)):(a(),l("span",Re,"Edit path above to navigate"))])]),h(e(Z),{class:"of-hidden"},{default:b(()=>[h(e(S),{size:"70",class:"of-auto!"},{default:b(()=>[h(x,{icon:"i-carbon-tree-view-alt",text:"All Routes",description:`${e(d).length} routes registered in your application`,padding:!1},{default:b(()=>[e(d).length?(a(),R(f,{key:0,pages:e(d),matched:e(r)?.matched??[],"matched-pending":e(v),onNavigate:m,onSelectMeta:o[1]||(o[1]=k=>c.value=k)},null,8,["pages","matched","matched-pending"])):g("",!0)]),_:1},8,["description"])]),_:1}),e(c)?(a(),R(e(S),{key:0,size:"30",class:"of-auto!"},{default:b(()=>[h(C,{meta:e(c),onClose:o[2]||(o[2]=k=>c.value=void 0)},null,8,["meta"])]),_:1})):g("",!0)]),_:1})])])}}});export{Ne as default};
+import{d as N,c as l,o as a,b as t,s as h,u as e,a6 as U,q as $,i as y,a7 as B,e as w,t as M,x as b,F as R,v as T,n as E,J as F,a as g,a8 as O,M as j,A as V,a9 as A,aa as z,Y as J,ab as I,f as q,Z as K,h as D,$ as P,ac as G,a1 as L,ad as W,C as Y,ae as S,af as Z}from"./index-B5ZMOy4O.js";import{_ as H}from"./SectionBlock-Crn18Q0p.js";import"./IconTitle.vue_vue_type_script_setup_true_lang-CfDGRuuz.js";const Q={"p-2":""},X={class:"flex items-center justify-between"},ee=N({__name:"RouteMetaDetail",props:{meta:{}},emits:["close"],setup(p){return(i,r)=>(a(),l("div",Q,[t("div",X,[r[1]||(r[1]=t("span",{class:"font-500"},"Route meta detail",-1)),t("div",{class:"i-carbon-close cursor-pointer p1 $ui-text",onClick:r[0]||(r[0]=_=>i.$emit("close"))})]),h(e(U),{code:JSON.stringify(p.meta,null,2),lang:"json",lines:""},null,8,["code"])]))}}),te={block:"","cursor-pointer":""},ne={p2:""},oe=["onSubmit"],ae={flex:"~","items-center":"",p2:"","text-sm":"","font-mono":""},se={key:1},le=N({__name:"RoutePathItem",props:{route:{}},emits:["navigate"],setup(p,{emit:i}){const r=p,_=i;function v(n){return n.split(/(:\w+[?*+]?(?:\([^)]*\))?[?*+]?)/).filter(Boolean)}const d=$([]),c=y(()=>v(r.route.path));B(()=>{d.value=Array.from({length:c.value.length},()=>"")});const u=y(()=>c.value.map((n,o)=>n[0]===":"?d.value[o]:n).join("").replace(/\/+/g,"/")),s=y(()=>r.route.path.includes(":"));function m(){_("navigate",u.value)}return(n,o)=>e(s)?(a(),w(e(A),{key:1},{popper:b(({hide:f})=>[t("div",ne,[t("form",{flex:"~ col",onSubmit:F(()=>{m(),f()},["prevent"])},[e(s)?(a(),l(R,{key:0},[o[0]||(o[0]=t("div",{px2:"","text-sm":"",op50:""}," Fill params and navigate: ",-1)),t("div",ae,[(a(!0),l(R,null,T(e(c),(x,C)=>(a(),l(R,{key:C},[x[0]===":"?(a(),w(e(O),{key:0,modelValue:e(d)[C],"onUpdate:modelValue":k=>e(d)[C]=k,"n-sm":"","w-20":"",placeholder:x.slice(1)},null,8,["modelValue","onUpdate:modelValue","placeholder"])):(a(),l("span",se,M(x),1))],64))),128))])],64)):g("",!0),h(e(j),{block:"",type:"primary"},{default:b(()=>[...o[1]||(o[1]=[V(" Navigate ",-1)])]),_:1})],40,oe)])]),default:b(()=>[t("code",te,[(a(!0),l(R,null,T(e(c),(f,x)=>(a(),l("span",{key:x,class:E(f[0]===":"?"text-gray border border-dashed rounded border-gray:50 px1":"")},M(f[0]===":"?f.slice(1):f),3))),128))])]),_:1})):(a(),l("button",{key:0,onClick:m},[t("code",null,M(p.route.path),1)]))}}),re={"w-full":""},ie={border:"b base","px-3":""},ue={key:0,"text-left":""},de={"w-20":"","pr-1":""},ce={flex:"","items-center":"","justify-end":""},pe={"text-sm":""},me={flex:"inline gap3","items-center":""},ve={op0:"","group-hover:op100":"",flex:"~ gap1"},fe=["onClick"],he={"w-0":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:""},ge={key:0,"w-50":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:"",hover:"text-primary op100"},_e=["title","onClick"],xe=N({__name:"RoutesTable",props:{pages:{},matched:{},matchedPending:{}},emits:["navigate","selectMeta"],setup(p){const i=p,r=y(()=>[...i.pages].sort((u,s)=>u.path.localeCompare(s.path))),_=y(()=>z.value),v=J();function d(u,s=0){const m=JSON.stringify(u,null,s);return m==="{}"?"-":m}const c=y(()=>r.value.some(u=>Object.keys(u.meta)?.length));return(u,s)=>{const m=le;return a(),l("div",null,[t("table",re,[t("thead",ie,[t("tr",null,[s[1]||(s[1]=t("th",{"text-left":""},null,-1)),s[2]||(s[2]=t("th",{"text-left":""}," Route Path ",-1)),s[3]||(s[3]=t("th",{"text-left":""}," Name ",-1)),e(c)?(a(),l("th",ue," Route Meta ")):g("",!0)])]),t("tbody",null,[(a(!0),l(R,null,T(e(r),n=>(a(),l("tr",{key:n.name,class:"group","h-7":"",border:"b dashed transparent hover:base"},[t("td",de,[t("div",ce,[p.matched.find(o=>o.name===n.name)?(a(),w(e(I),{key:0,"bg-green-400:10":"","text-green-400":"",title:"active",textContent:"active"})):p.matchedPending.find(o=>o.name===n.name)?(a(),w(e(I),{key:1,"bg-teal-400:10":"","text-teal-400":"",title:"next",textContent:"next"})):g("",!0)])]),t("td",pe,[t("div",me,[h(m,{route:n,class:E(p.matched.find(o=>o.name===n.name)?"text-primary-400":p.matchedPending.find(o=>o.name===n.name)?"text-teal":""),onNavigate:s[0]||(s[0]=o=>u.$emit("navigate",o))},null,8,["route","class"]),t("div",ve,[n.meta?.file&&e(v).vitePluginDetected.value&&e(_)?(a(),l("button",{key:0,"text-sm":"",op40:"",hover:"op100 text-primary-400",title:"Open in editor",onClick:o=>e(q)(n.meta?.file)},[...s[4]||(s[4]=[t("div",{"i-carbon-script-reference":""},null,-1)])],8,fe)):g("",!0)])])]),t("td",he,M(n.name),1),e(c)?(a(),l("td",ge,[t("span",{"inline-block":"","w-50":"","cursor-pointer":"","overflow-hidden":"","text-ellipsis":"",title:d(n.meta,2),onClick:()=>u.$emit("selectMeta",n.meta)},M(d(n.meta)),9,_e)])):g("",!0)]))),128))])])])}}}),be={block:"","h-screen":"","of-auto":""},ye={"h-full":"",class:"grid grid-rows-[auto_1fr]"},ke={border:"b base",flex:"~ col gap1",px4:"",py3:""},$e={key:1,op50:""},Re={key:0,"text-orange":"",op75:""},we={key:1,op50:""},Ne=N({__name:"pages",setup(p){const i=$(""),r=$(null),_=$([]),v=y(()=>i.value===r.value?.path?[]:_.value),d=$([]),c=$();function u(n){d.value=n.routes,r.value=n.currentRoute,i.value=r.value?.path??"/"}function s(){v.value.length&&m(i.value)}function m(n){D.value.navigate(n)}return K(()=>{D.value.getRouterInfo().then(n=>{u(n)}),D.functions.on(P.ROUTER_INFO_UPDATED,u)}),G(i,()=>{i.value!==r.value?.path&&D.value.getMatchedRoutes(i.value).then(n=>{_.value=n})}),L(()=>{D.functions.off(P.ROUTER_INFO_UPDATED,u)}),(n,o)=>{const f=xe,x=H,C=ee;return a(),l("div",be,[t("div",ye,[t("div",ke,[t("div",null,[(a(),l("span",$e,"Current route"))]),h(e(O),{modelValue:e(i),"onUpdate:modelValue":o[0]||(o[0]=k=>Y(i)?i.value=k:null),"left-icon":"i-carbon-direction-right-01 scale-y--100",class:E(e(r)?.path===e(i)?"":e(v).length?"text-green!":"text-orange!"),onKeydown:W(s,["enter"])},null,8,["modelValue","class"]),t("div",null,[e(r)?.path!==e(i)?(a(),l(R,{key:0},[o[6]||(o[6]=t("span",null,[V("Press "),t("b",{"font-bold":""},"Enter"),V(" to navigate")],-1)),e(v).length?g("",!0):(a(),l("span",Re," (no match)"))],64)):(a(),l("span",we,"Edit path above to navigate"))])]),h(e(Z),{class:"of-hidden"},{default:b(()=>[h(e(S),{size:"70",class:"of-auto!"},{default:b(()=>[h(x,{icon:"i-carbon-tree-view-alt",text:"All Routes",description:`${e(d).length} routes registered in your application`,padding:!1},{default:b(()=>[e(d).length?(a(),w(f,{key:0,pages:e(d),matched:e(r)?.matched??[],"matched-pending":e(v),onNavigate:m,onSelectMeta:o[1]||(o[1]=k=>c.value=k)},null,8,["pages","matched","matched-pending"])):g("",!0)]),_:1},8,["description"])]),_:1}),e(c)?(a(),w(e(S),{key:0,size:"30",class:"of-auto!"},{default:b(()=>[h(C,{meta:e(c),onClose:o[2]||(o[2]=k=>c.value=void 0)},null,8,["meta"])]),_:1})):g("",!0)]),_:1})])])}}});export{Ne as default};

package/client/assets/{pinia-BoMbl4iP.js → pinia-C62RQFBU.js}

@@ -1 +1 @@
-import{d as e,e as a,o,u as n,y as r}from"./index-E3YKiktg.js";/* empty css              */const i=e({__name:"pinia",setup(t){return(s,p)=>(o(),a(n(r)))}});export{i as default};
+import{d as e,e as a,o,u as n,w as r}from"./index-B5ZMOy4O.js";/* empty css              */const i=e({__name:"pinia",setup(t){return(s,p)=>(o(),a(n(r)))}});export{i as default};

package/client/assets/{router-CZ5CeOIc.js → router-CMWgb1rd.js}

@@ -1 +1 @@
-import{d as n,h as c,i as o,e as u,o as p,u as t,j as i}from"./index-E3YKiktg.js";/* empty css              */const f=n({__name:"router",setup(d){const{registeredInspector:r}=c(),s=o(()=>r.value?.find(e=>e.packageName==="vue-router")),a=o(()=>s.value?.id);return(e,m)=>(p(),u(t(i),{id:t(a)},null,8,["id"]))}});export{f as default};
+import{d as n,y as c,i as o,e as u,o as p,u as t,k as i}from"./index-B5ZMOy4O.js";/* empty css              */const f=n({__name:"router",setup(d){const{registeredInspector:r}=c(),s=o(()=>r.value?.find(e=>e.packageName==="vue-router")),a=o(()=>s.value?.id);return(e,m)=>(p(),u(t(i),{id:t(a)},null,8,["id"]))}});export{f as default};

package/client/assets/{settings-BruolvbP.js → settings-Cp5OpdUZ.js}

@@ -1 +1 @@
-import{d as ee,k as le,l as B,m as te,p as E,q as oe,i as ne,c as m,o as d,s as a,b as l,F as x,v as $,u as t,a as U,w as r,x as se,M as F,z as R,t as I,A as _,B as p,D as V,E as O,G as ae,H as ie,e as h,I as j,n as z,_ as ue,J as D,K as de}from"./index-E3YKiktg.js";import{_ as re}from"./IconTitle.vue_vue_type_script_setup_true_lang-DWMTtST_.js";const pe={"h-full":"","w-full":"","of-auto":"",px8:"",py6:""},me={grid:"~ md:cols-[repeat(auto-fit,minmax(16rem,1fr))] gap-x-10 gap-y-3","max-w-300":""},ve={flex:"~ col gap-2"},fe={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":""},xe={capitalize:"",op75:""},ge={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":"","pr-4":"","text-sm":""},ce=["onClick"],be=["onClick"],ye=["onClick"],Ve={flex:"~ col gap-2"},ke={flex:"~ gap2"},we={class:"flex items-center gap2 text-sm"},Ce={class:"flex items-center gap2 text-sm"},Se={class:"flex items-center gap2 text-sm"},Te={class:"flex items-center gap2 text-sm"},Ue={flex:"~ gap-2"},De=ee({__name:"settings",setup(Ie){const{categorizedTabs:H}=le(),A=ie(),q=A==="iframe"||A==="separate-window",{scale:k,interactionCloseOnOutsideClick:w,showPanel:C,minimizePanelInteractive:g,expandSidebar:S,scrollableSidebar:T,reduceMotion:G}=B(te(E)),J=[["Tiny",12/15],["Small",14/15],["Normal",1],["Large",16/15],["Huge",18/15]],K=[["Always",0],["1s",1e3],["2s",2e3],["5s",5e3],["10s",1e4],["Never",-1]],{hiddenTabCategories:c,hiddenTabs:b,pinnedTabs:i}=B(E.value.tabSettings);function Q(s,e){e?b.value=b.value.filter(u=>u!==s):b.value.push(s)}function W(s,e){e?c.value=c.value.filter(u=>u!==s):c.value.push(s)}function X(s){i.value.includes(s)?i.value=i.value.filter(e=>e!==s):i.value.push(s)}function L(s,e){const u=i.value.indexOf(s);if(u===-1)return;const v=u+e;if(v<0||v>=i.value.length)return;const o=[...i.value];o.splice(u,1),o.splice(v,0,s),i.value=o}const y=oe(!1);async function Y(){de(),window.location.reload()}const M=K.map(([s,e])=>({label:s,value:e})),Z=ne(()=>`${M.find(e=>e.value===g.value)?.label??"Select..."}`);return(s,e)=>{const u=re,v=ue;return d(),m("div",pe,[a(u,{class:"mb-5 text-xl op75",icon:"i-carbon-settings-adjust",text:"DevTools Settings"}),l("div",me,[l("div",ve,[e[12]||(e[12]=l("h3",{"text-lg":""}," Tabs ",-1)),(d(!0),m(x,null,$(t(H),([{name:o,hidden:f},N])=>(d(),m(x,{key:o},[N.length?(d(),h(t(O),{key:0,p3:"",flex:"~ col gap-1",class:z(f?"op50 grayscale":"")},{default:r(()=>[a(t(j),{"model-value":!t(c).includes(o),class:"row-reverse flex py1 pl2 pr1 hover:bg-active","onUpdate:modelValue":n=>W(o,n)},{default:r(()=>[l("div",fe,[l("span",xe,I(o),1)])]),_:2},1032,["model-value","onUpdate:modelValue"]),e[11]||(e[11]=l("div",{"mx--1":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),(d(!0),m(x,null,$(N,n=>(d(),h(t(j),{key:n.name,class:z(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active",n.hidden?"op35":""]),"model-value":!t(b).includes(n.name),"onUpdate:modelValue":P=>Q(n.name,P)},{default:r(()=>[l("div",ge,[a(v,{"text-xl":"",icon:n.icon,fallback:n.fallbackIcon,title:n.title},null,8,["icon","fallback","title"]),l("span",null,I(n.title),1),e[10]||(e[10]=l("div",{"flex-auto":""},null,-1)),t(i).includes(n.name)?(d(),m(x,{key:0},[l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==0&&L(n.name,-1)},["stop"])},[...e[8]||(e[8]=[l("div",{class:"i-carbon-caret-up"},null,-1)])],8,ce),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==t(i).length-1&&L(n.name,1)},["stop"])},[...e[9]||(e[9]=[l("div",{class:"i-carbon-caret-down"},null,-1)])],8,be)],64)):U("",!0),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(P=>X(n.name),["stop"])},[l("div",{class:z(t(i).includes(n.name)?" i-carbon-pin-filled rotate--45":" i-carbon-pin op45")},null,2)],8,ye)])]),_:2},1032,["model-value","class","onUpdate:modelValue"]))),128))]),_:2},1032,["class"])):U("",!0)],64))),128))]),l("div",Ve,[e[25]||(e[25]=l("h3",{"text-lg":""}," Appearance ",-1)),a(t(O),{p4:"",flex:"~ col gap-2"},{default:r(()=>[l("div",ke,[a(t(se),{animation:!t(G)},{default:r(({isDark:o,toggle:f})=>[a(t(F),{outlined:"",type:"primary",onClick:f},{default:r(()=>[e[13]||(e[13]=l("div",{"i-carbon-sun":"","dark:i-carbon-moon":"","translate-y--1px":""},null,-1)),R(" "+I(o?"Dark":"Light"),1)]),_:2},1032,["onClick"])]),_:1},8,["animation"])]),e[16]||(e[16]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[17]||(e[17]=l("p",null,"UI Scale",-1)),l("div",null,[a(t(_),{modelValue:t(k),"onUpdate:modelValue":e[0]||(e[0]=o=>p(k)?k.value=o:null),options:J.map(([o,f])=>({label:o,value:f})),"button-props":{outlined:!0}},null,8,["modelValue","options"])]),e[18]||(e[18]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),l("div",we,[a(t(V),{modelValue:t(S),"onUpdate:modelValue":e[1]||(e[1]=o=>p(S)?S.value=o:null)},null,8,["modelValue"]),e[14]||(e[14]=l("span",{op75:""},"Expand Sidebar",-1))]),l("div",Ce,[a(t(V),{modelValue:t(T),"onUpdate:modelValue":e[2]||(e[2]=o=>p(T)?T.value=o:null)},null,8,["modelValue"]),e[15]||(e[15]=l("span",{op75:""},"Scrollable Sidebar",-1))])]),_:1}),t(q)?(d(),m(x,{key:0},[e[23]||(e[23]=l("h3",{mt2:"","text-lg":""}," Features ",-1)),a(t(O),{p4:"",flex:"~ col gap-2"},{default:r(()=>[l("div",Se,[a(t(V),{modelValue:t(w),"onUpdate:modelValue":e[3]||(e[3]=o=>p(w)?w.value=o:null)},null,8,["modelValue"]),e[19]||(e[19]=l("span",{op75:""},"Close DevTools when clicking outside",-1))]),l("div",Te,[a(t(V),{modelValue:t(C),"onUpdate:modelValue":e[4]||(e[4]=o=>p(C)?C.value=o:null)},null,8,["modelValue"]),e[20]||(e[20]=l("span",{op75:""},"Always show the floating panel",-1))]),e[21]||(e[21]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[22]||(e[22]=l("p",null,"Minimize floating panel on inactive",-1)),l("div",null,[a(t(_),{modelValue:t(g),"onUpdate:modelValue":e[5]||(e[5]=o=>p(g)?g.value=o:null),"button-props":{outlined:!0},options:t(M),placeholder:t(Z)},null,8,["modelValue","options","placeholder"])])]),_:1})],64)):U("",!0),e[26]||(e[26]=l("h3",{mt2:"","text-lg":""}," Debug ",-1)),l("div",Ue,[a(t(F),{outlined:"",type:"warning",onClick:e[6]||(e[6]=o=>y.value=!0)},{default:r(()=>[...e[24]||(e[24]=[l("div",{"i-carbon-breaking-change":""},null,-1),R(" Reset Local Settings & State ",-1)])]),_:1}),a(t(ae),{modelValue:t(y),"onUpdate:modelValue":e[7]||(e[7]=o=>p(y)?y.value=o:null),title:"Clear Local Settings & State",width:"40%",height:"200px",content:"Are you sure you to reset all local settings & state? Devtools will reload.",onConfirm:Y},null,8,["modelValue"])])])])])}}});export{De as default};
+import{d as ee,j as le,l as B,m as te,p as E,q as oe,i as ne,c as m,o as d,s as a,b as l,F as x,v as $,u as t,a as U,x as r,z as se,M as j,A as F,t as I,B as R,C as p,D as V,E as O,G as ae,H as ie,e as _,I as h,n as z,_ as ue,J as D,K as de}from"./index-B5ZMOy4O.js";import{_ as re}from"./IconTitle.vue_vue_type_script_setup_true_lang-CfDGRuuz.js";const pe={"h-full":"","w-full":"","of-auto":"",px8:"",py6:""},me={grid:"~ md:cols-[repeat(auto-fit,minmax(16rem,1fr))] gap-x-10 gap-y-3","max-w-300":""},ve={flex:"~ col gap-2"},fe={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":""},xe={capitalize:"",op75:""},ge={flex:"~ gap-2","flex-auto":"","items-center":"","justify-start":"","pr-4":"","text-sm":""},ce=["onClick"],be=["onClick"],ye=["onClick"],Ve={flex:"~ col gap-2"},ke={flex:"~ gap2"},Ce={class:"flex items-center gap2 text-sm"},we={class:"flex items-center gap2 text-sm"},Se={class:"flex items-center gap2 text-sm"},Te={class:"flex items-center gap2 text-sm"},Ue={flex:"~ gap-2"},De=ee({__name:"settings",setup(Ie){const{categorizedTabs:H}=le(),A=ie(),q=A==="iframe"||A==="separate-window",{scale:k,interactionCloseOnOutsideClick:C,showPanel:w,minimizePanelInteractive:g,expandSidebar:S,scrollableSidebar:T,reduceMotion:G}=B(te(E)),J=[["Tiny",12/15],["Small",14/15],["Normal",1],["Large",16/15],["Huge",18/15]],K=[["Always",0],["1s",1e3],["2s",2e3],["5s",5e3],["10s",1e4],["Never",-1]],{hiddenTabCategories:c,hiddenTabs:b,pinnedTabs:i}=B(E.value.tabSettings);function Q(s,e){e?b.value=b.value.filter(u=>u!==s):b.value.push(s)}function W(s,e){e?c.value=c.value.filter(u=>u!==s):c.value.push(s)}function X(s){i.value.includes(s)?i.value=i.value.filter(e=>e!==s):i.value.push(s)}function L(s,e){const u=i.value.indexOf(s);if(u===-1)return;const v=u+e;if(v<0||v>=i.value.length)return;const o=[...i.value];o.splice(u,1),o.splice(v,0,s),i.value=o}const y=oe(!1);async function Y(){de(),window.location.reload()}const M=K.map(([s,e])=>({label:s,value:e})),Z=ne(()=>`${M.find(e=>e.value===g.value)?.label??"Select..."}`);return(s,e)=>{const u=re,v=ue;return d(),m("div",pe,[a(u,{class:"mb-5 text-xl op75",icon:"i-carbon-settings-adjust",text:"DevTools Settings"}),l("div",me,[l("div",ve,[e[12]||(e[12]=l("h3",{"text-lg":""}," Tabs ",-1)),(d(!0),m(x,null,$(t(H),([{name:o,hidden:f},N])=>(d(),m(x,{key:o},[N.length?(d(),_(t(O),{key:0,p3:"",flex:"~ col gap-1",class:z(f?"op50 grayscale":"")},{default:r(()=>[a(t(h),{"model-value":!t(c).includes(o),class:"row-reverse flex py1 pl2 pr1 hover:bg-active","onUpdate:modelValue":n=>W(o,n)},{default:r(()=>[l("div",fe,[l("span",xe,I(o),1)])]),_:2},1032,["model-value","onUpdate:modelValue"]),e[11]||(e[11]=l("div",{"mx--1":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),(d(!0),m(x,null,$(N,n=>(d(),_(t(h),{key:n.name,class:z(["row-reverse n-primary flex py1 pl2 pr1 hover:bg-active",n.hidden?"op35":""]),"model-value":!t(b).includes(n.name),"onUpdate:modelValue":P=>Q(n.name,P)},{default:r(()=>[l("div",ge,[a(v,{"text-xl":"",icon:n.icon,fallback:n.fallbackIcon,title:n.title},null,8,["icon","fallback","title"]),l("span",null,I(n.title),1),e[10]||(e[10]=l("div",{"flex-auto":""},null,-1)),t(i).includes(n.name)?(d(),m(x,{key:0},[l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==0&&L(n.name,-1)},["stop"])},[...e[8]||(e[8]=[l("div",{class:"i-carbon-caret-up"},null,-1)])],8,ce),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(()=>{t(i).indexOf(n.name)!==t(i).length-1&&L(n.name,1)},["stop"])},[...e[9]||(e[9]=[l("div",{class:"i-carbon-caret-down"},null,-1)])],8,be)],64)):U("",!0),l("button",{class:"flex items-center px1 py1 text-sm op65 hover:bg-active hover:op100",onClick:D(P=>X(n.name),["stop"])},[l("div",{class:z(t(i).includes(n.name)?" i-carbon-pin-filled rotate--45":" i-carbon-pin op45")},null,2)],8,ye)])]),_:2},1032,["model-value","class","onUpdate:modelValue"]))),128))]),_:2},1032,["class"])):U("",!0)],64))),128))]),l("div",Ve,[e[25]||(e[25]=l("h3",{"text-lg":""}," Appearance ",-1)),a(t(O),{p4:"",flex:"~ col gap-2"},{default:r(()=>[l("div",ke,[a(t(se),{animation:!t(G)},{default:r(({isDark:o,toggle:f})=>[a(t(j),{outlined:"",type:"primary",onClick:f},{default:r(()=>[e[13]||(e[13]=l("div",{"i-carbon-sun":"","dark:i-carbon-moon":"","translate-y--1px":""},null,-1)),F(" "+I(o?"Dark":"Light"),1)]),_:2},1032,["onClick"])]),_:1},8,["animation"])]),e[16]||(e[16]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[17]||(e[17]=l("p",null,"UI Scale",-1)),l("div",null,[a(t(R),{modelValue:t(k),"onUpdate:modelValue":e[0]||(e[0]=o=>p(k)?k.value=o:null),options:J.map(([o,f])=>({label:o,value:f})),"button-props":{outlined:!0}},null,8,["modelValue","options"])]),e[18]||(e[18]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),l("div",Ce,[a(t(V),{modelValue:t(S),"onUpdate:modelValue":e[1]||(e[1]=o=>p(S)?S.value=o:null)},null,8,["modelValue"]),e[14]||(e[14]=l("span",{op75:""},"Expand Sidebar",-1))]),l("div",we,[a(t(V),{modelValue:t(T),"onUpdate:modelValue":e[2]||(e[2]=o=>p(T)?T.value=o:null)},null,8,["modelValue"]),e[15]||(e[15]=l("span",{op75:""},"Scrollable Sidebar",-1))])]),_:1}),t(q)?(d(),m(x,{key:0},[e[23]||(e[23]=l("h3",{mt2:"","text-lg":""}," Features ",-1)),a(t(O),{p4:"",flex:"~ col gap-2"},{default:r(()=>[l("div",Se,[a(t(V),{modelValue:t(C),"onUpdate:modelValue":e[3]||(e[3]=o=>p(C)?C.value=o:null)},null,8,["modelValue"]),e[19]||(e[19]=l("span",{op75:""},"Close DevTools when clicking outside",-1))]),l("div",Te,[a(t(V),{modelValue:t(w),"onUpdate:modelValue":e[4]||(e[4]=o=>p(w)?w.value=o:null)},null,8,["modelValue"]),e[20]||(e[20]=l("span",{op75:""},"Always show the floating panel",-1))]),e[21]||(e[21]=l("div",{"mx--2":"",my1:"","h-1px":"",border:"b base",op75:""},null,-1)),e[22]||(e[22]=l("p",null,"Minimize floating panel on inactive",-1)),l("div",null,[a(t(R),{modelValue:t(g),"onUpdate:modelValue":e[5]||(e[5]=o=>p(g)?g.value=o:null),"button-props":{outlined:!0},options:t(M),placeholder:t(Z)},null,8,["modelValue","options","placeholder"])])]),_:1})],64)):U("",!0),e[26]||(e[26]=l("h3",{mt2:"","text-lg":""}," Debug ",-1)),l("div",Ue,[a(t(j),{outlined:"",type:"warning",onClick:e[6]||(e[6]=o=>y.value=!0)},{default:r(()=>[...e[24]||(e[24]=[l("div",{"i-carbon-breaking-change":""},null,-1),F(" Reset Local Settings & State ",-1)])]),_:1}),a(t(ae),{modelValue:t(y),"onUpdate:modelValue":e[7]||(e[7]=o=>p(y)?y.value=o:null),title:"Clear Local Settings & State",width:"40%",height:"200px",content:"Are you sure you to reset all local settings & state? Devtools will reload.",onConfirm:Y},null,8,["modelValue"])])])])])}}});export{De as default};

package/client/assets/timeline-BZZEyhA7.css

@@ -0,0 +1 @@
+@keyframes pulse-95cda1e2{50%{opacity:.5}}.recording-btn[data-v-95cda1e2]{width:.875rem;height:.875rem;display:inline-flex;cursor:pointer;border-radius:50%}.recording[data-v-95cda1e2]{animation:pulse-95cda1e2 2s cubic-bezier(.4,0,.6,1) infinite;transition-duration:1s;box-shadow:#ef4444 0 0 8px}

package/client/assets/timeline-BnYZ8d9h.js

@@ -0,0 +1 @@
+import{d as M,ag as V,i as f,Y as I,ah as D,ai as U,aj as j,c as n,o as l,b as d,a as N,u as e,T as C,ak as L,s as r,al as $,F,v as P,h as E,n as W,A as q,t as z,J,W as K,q as h,am as Y,a7 as G,x as k,e as H,an as O,C as A,ae as R,ao as Q,af as X}from"./index-B5ZMOy4O.js";const Z={"h-full":"",flex:"","flex-col":"",p2:""},ee={class:"relative mb-1 w-full flex items-center justify-end pb-1",border:"b dashed base"},te={key:0,class:"absolute left-0 text-xs text-gray-300 dark:text-gray-500"},ae={class:"flex items-center gap-2 px-1"},le={key:0,class:"recording recording-btn bg-[#ef4444]"},oe={key:1,class:"recording-btn bg-black op70 dark:bg-white hover:op100"},ne={class:"flex items-center gap1"},se={class:"p2"},ie=["onClick"],re=["onClick"],de=M({__name:"TimelineLayers",props:V({data:{}},{modelValue:{},modelModifiers:{}}),emits:V(["select","clear"],["update:modelValue"]),setup(w,{emit:y}){const b=y,_=I(),u=f(()=>_.timelineLayersState.value.recordingState),c=f(()=>_.timelineLayersState.value),g=f(()=>u.value?"Stop recording":"Start recording");D();const p=U(w,"modelValue");function S(t){p.value=t,b("select",t),E.value.updateTimelineLayersState({selected:t})}j(()=>c.value.selected,t=>{p.value=t},{immediate:!0});function s(t){return{mouse:c.value.mouseEventEnabled,keyboard:c.value.keyboardEventEnabled,"component-event":c.value.componentEventEnabled,performance:c.value.performanceEventEnabled}[t]}function T(){E.value.updateTimelineLayersState({recordingState:!u.value})}function v(t){const i={mouse:"mouseEventEnabled",keyboard:"keyboardEventEnabled","component-event":"componentEventEnabled",performance:"performanceEventEnabled"}[t];E.value.updateTimelineLayersState({[i]:!s(t)})}return(t,i)=>(l(),n("div",Z,[d("div",ee,[e(u)?N("",!0):(l(),n("span",te,"Not recording")),d("div",ae,[C((l(),n("div",{class:"flex items-center gap1",onClick:T},[e(u)?(l(),n("span",le)):(l(),n("span",oe))])),[[e(L),{content:e(g)},void 0,{"bottom-end":!0}]]),C((l(),n("div",{class:"flex items-center gap1",onClick:i[0]||(i[0]=o=>b("clear"))},[r(e($),{name:"baseline-delete","cursor-pointer":"","text-xl":"",op70:"","hover:op100":""})])),[[e(L),{content:"Clear all timelines"},void 0,{"bottom-end":!0}]]),C((l(),n("div",ne,[r(e($),{name:"baseline-tips-and-updates","cursor-pointer":"","text-xl":"",op70:"","hover:op100":""})])),[[e(L),{content:"<p style='width: 285px'>Timeline events can cause significant performance overhead in large applications, so we recommend enabling it only when needed and on-demand. </p>",html:!0},void 0,{"bottom-end":!0}]])])]),d("ul",se,[(l(!0),n(F,null,P(w.data,o=>(l(),n("li",{key:o.id,class:W(["group relative selectable-item",{active:o.id===p.value,op60:!s(o.id)}]),onClick:a=>S(o.id)},[q(z(o.label)+" ",1),d("span",{class:"absolute right-2 rounded-1 bg-primary-500 px1 text-3 text-white op0 [.active_&]:bg-primary-400 [.active_&]:dark:bg-gray-600 group-hover:op80 hover:op100!",onClick:J(a=>v(o.id),["stop"])},z(s(o.id)?"Disable":"Enable"),9,re)],10,ie))),128))])]))}}),ce=K(de,[["__scopeId","data-v-95cda1e2"]]),ue={class:"h-full w-full"},pe={class:"no-scrollbar h-full flex select-none gap-2 overflow-scroll"},ve={class:"h-full flex flex-col"},me={class:"no-scrollbar h-full flex select-none gap-2 overflow-scroll"},fe={class:"h-full flex flex-col p2"},_e=M({__name:"timeline",setup(w){const y=h(),b=h(),_=h(!1),{width:u}=Y(b),c=f(()=>_.value?u.value<700:!1),g=I(),p=f(()=>g.appRecords.value.map(a=>({label:a.name+(a.version?` (${a.version})`:""),value:a.id}))),S=f(()=>p.value.map(a=>({label:a.label,id:a.value}))),s=h(g.activeAppRecordId.value);G(()=>{s.value=g.activeAppRecordId.value});function T(a){E.value.toggleApp(a).then(()=>{i()})}const v=h(""),t=[{label:"Mouse",id:"mouse"},{label:"Keyboard",id:"keyboard"},{label:"Component events",id:"component-event"},{label:"Performance",id:"performance"}];function i(){y.value?.clear()}function o(){i()}return(a,m)=>{const B=ce;return l(),n("div",ue,[r(e(X),{ref_key:"splitpanesRef",ref:b,class:"flex-1 overflow-auto",horizontal:e(c),onReady:m[2]||(m[2]=x=>_.value=!0)},{default:k(()=>[e(p).length>1?(l(),H(e(R),{key:0,border:"base h-full",size:"20"},{default:k(()=>[d("div",pe,[r(e(O),{modelValue:e(s),"onUpdate:modelValue":m[0]||(m[0]=x=>A(s)?s.value=x:null),data:e(S),class:"w-full",onSelect:T},null,8,["modelValue","data"])])]),_:1})):N("",!0),r(e(R),{border:"base","h-full":""},{default:k(()=>[d("div",ve,[d("div",me,[r(B,{modelValue:e(v),"onUpdate:modelValue":m[1]||(m[1]=x=>A(v)?v.value=x:null),data:t,class:"w-full",onSelect:o,onClear:i},null,8,["modelValue"])])])]),_:1}),r(e(R),{relative:"","h-full":"",size:"65"},{default:k(()=>[d("div",fe,[r(e(Q),{ref_key:"timelineRef",ref:y,"layer-ids":[e(v)],"header-visible":!1,"doc-link":"","plugin-id":"","switcher-visible":!1},null,8,["layer-ids"])])]),_:1})]),_:1},8,["horizontal"])])}}});export{_e as default};

package/client/index.html

@@ -6,7 +6,7 @@
     <link rel="icon" href="./logo.svg" type="image/svg+xml" />
     <title>Vue DevTools Client</title>
     <script src="./color-scheme.js"></script>
-    <script type="module" crossorigin src="./assets/index-E3YKiktg.js"></script>
+    <script type="module" crossorigin src="./assets/index-B5ZMOy4O.js"></script>
     <link rel="stylesheet" crossorigin href="./assets/index-DVOrYgP_.css">
   </head>
   <body>