vite-plugin-vue-devtools 8.0.0 → 8.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (28) hide show
  1. package/client/assets/{IconTitle.vue_vue_type_script_setup_true_lang-BXngeGY8.js → IconTitle.vue_vue_type_script_setup_true_lang-BKb_WVnP.js} +1 -1
  2. package/client/assets/{SectionBlock-H9LBnZtw.js → SectionBlock-CLZFQW91.js} +1 -1
  3. package/client/assets/{assets-qX_YSZFJ.js → assets-B7zubrMs.js} +2 -2
  4. package/client/assets/components-BvbJYQUf.js +1 -0
  5. package/client/assets/custom-inspector-tab-view--RVvY-O-.js +1 -0
  6. package/client/assets/{custom-tab-view-CcB3biR9.js → custom-tab-view-CM9Q_lnb.js} +1 -1
  7. package/client/assets/{graph-D2lpQpE1.js → graph-Buqn8Jbv.js} +18 -18
  8. package/client/assets/{index-D_-9VWqF.css → index-ENvNlo7R.css} +1 -1
  9. package/client/assets/{index-CQrqPx0k.css → index-SYP6buex.css} +1 -1
  10. package/client/assets/index-iOTou63J.js +2382 -0
  11. package/client/assets/{overview-C4yihdYP.js → overview-Cm_cmE96.js} +1 -1
  12. package/client/assets/pages-cKsoKw9g.js +1 -0
  13. package/client/assets/pinia-CydCddd0.js +1 -0
  14. package/client/assets/router-CjEa9MSq.js +1 -0
  15. package/client/assets/{settings-bsy0UrNY.js → settings-Dfia6tsi.js} +1 -1
  16. package/client/assets/timeline-CWTKEViw.js +1 -0
  17. package/client/index.html +2 -2
  18. package/dist/vite.cjs +155 -157
  19. package/dist/vite.js +155 -157
  20. package/package.json +5 -5
  21. package/src/overlay/devtools-overlay.mjs +2 -2
  22. package/client/assets/components-2Kp8HH9-.js +0 -1
  23. package/client/assets/custom-inspector-tab-view-hJ0sgyRt.js +0 -1
  24. package/client/assets/index-DOp68rd-.js +0 -2382
  25. package/client/assets/pages-CY6OZ6x-.js +0 -1
  26. package/client/assets/pinia-BDVcd-P5.js +0 -1
  27. package/client/assets/router-DGXO7FD9.js +0 -1
  28. package/client/assets/timeline-Rsigp4eg.js +0 -1
@@ -1 +0,0 @@
1
- import{d as N,c as l,o as a,b as n,w as v,u as e,a6 as U,s as k,i as b,a7 as B,e as w,t as M,y,F as $,x as T,n as E,J as F,a as _,a8 as O,M as j,A as V,a9 as A,aa as z,Y as J,ab as I,f as K,Z as Y,g as D,$ as P,ac as L,a1 as W,ad as X,C as Z,ae as S,af as q}from"./index-DOp68rd-.js";import{_ as G}from"./SectionBlock-H9LBnZtw.js";import"./IconTitle.vue_vue_type_script_setup_true_lang-BXngeGY8.js";const H={"p-2":""},Q={class:"flex items-center justify-between"},ee=N({__name:"RouteMetaDetail",props:{meta:{}},emits:["close"],setup(R){return(r,i)=>(a(),l("div",H,[n("div",Q,[i[1]||(i[1]=n("span",{class:"font-500"},"Route meta detail",-1)),n("div",{class:"i-carbon-close cursor-pointer p1 $ui-text",onClick:i[0]||(i[0]=h=>r.$emit("close"))})]),v(e(U),{code:JSON.stringify(r.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(R,{emit:r}){const i=R,h=r;function m(t){return t.split(/(:\w+[?*+]?(?:\([^)]*\))?[?*+]?)/).filter(Boolean)}const d=k([]),c=b(()=>m(i.route.path));B(()=>{d.value=Array.from({length:c.value.length},()=>"")});const u=b(()=>c.value.map((t,o)=>t[0]===":"?d.value[o]:t).join("").replace(/\/+/g,"/")),s=b(()=>i.route.path.includes(":"));function p(){h("navigate",u.value)}return(t,o)=>e(s)?(a(),w(e(A),{key:1},{popper:y(({hide:f})=>[n("div",ne,[n("form",{flex:"~ col",onSubmit:F(()=>{p(),f()},["prevent"])},[e(s)?(a(),l($,{key:0},[o[0]||(o[0]=n("div",{px2:"","text-sm":"",op50:""}," Fill params and navigate: ",-1)),n("div",ae,[(a(!0),l($,null,T(e(c),(g,C)=>(a(),l($,{key:C},[g[0]===":"?(a(),w(e(O),{key:0,modelValue:e(d)[C],"onUpdate:modelValue":x=>e(d)[C]=x,"n-sm":"","w-20":"",placeholder:g.slice(1)},null,8,["modelValue","onUpdate:modelValue","placeholder"])):(a(),l("span",se,M(g),1))],64))),128))])],64)):_("",!0),v(e(j),{block:"",type:"primary"},{default:y(()=>o[1]||(o[1]=[V(" Navigate ",-1)])),_:1,__:[1]})],40,oe)])]),default:y(()=>[n("code",te,[(a(!0),l($,null,T(e(c),(f,g)=>(a(),l("span",{key:g,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:p},[n("code",null,M(t.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":""},fe={op0:"","group-hover:op100":"",flex:"~ gap1"},ve=["onClick"],_e={"w-0":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:""},he={key:0,"w-50":"","ws-nowrap":"","pr-1":"","text-left":"","text-sm":"","font-mono":"",op50:"",hover:"text-primary op100"},ge=["title","onClick"],ye=N({__name:"RoutesTable",props:{pages:{},matched:{},matchedPending:{}},emits:["navigate","selectMeta"],setup(R){const r=R,i=b(()=>[...r.pages].sort((u,s)=>u.path.localeCompare(s.path))),h=b(()=>z.value),m=J();function d(u,s=0){const p=JSON.stringify(u,null,s);return p==="{}"?"-":p}const c=b(()=>i.value.some(u=>Object.keys(u.meta)?.length));return(u,s)=>{const p=le;return a(),l("div",null,[n("table",re,[n("thead",ie,[n("tr",null,[s[1]||(s[1]=n("th",{"text-left":""},null,-1)),s[2]||(s[2]=n("th",{"text-left":""}," Route Path ",-1)),s[3]||(s[3]=n("th",{"text-left":""}," Name ",-1)),e(c)?(a(),l("th",ue," Route Meta ")):_("",!0)])]),n("tbody",null,[(a(!0),l($,null,T(e(i),t=>(a(),l("tr",{key:t.name,class:"group","h-7":"",border:"b dashed transparent hover:base"},[n("td",de,[n("div",ce,[u.matched.find(o=>o.name===t.name)?(a(),w(e(I),{key:0,"bg-green-400:10":"","text-green-400":"",title:"active",textContent:"active"})):u.matchedPending.find(o=>o.name===t.name)?(a(),w(e(I),{key:1,"bg-teal-400:10":"","text-teal-400":"",title:"next",textContent:"next"})):_("",!0)])]),n("td",pe,[n("div",me,[v(p,{route:t,class:E(u.matched.find(o=>o.name===t.name)?"text-primary-400":u.matchedPending.find(o=>o.name===t.name)?"text-teal":""),onNavigate:s[0]||(s[0]=o=>u.$emit("navigate",o))},null,8,["route","class"]),n("div",fe,[t.meta?.file&&e(m).vitePluginDetected.value&&e(h)?(a(),l("button",{key:0,"text-sm":"",op40:"",hover:"op100 text-primary-400",title:"Open in editor",onClick:o=>e(K)(t.meta?.file)},s[4]||(s[4]=[n("div",{"i-carbon-script-reference":""},null,-1)]),8,ve)):_("",!0)])])]),n("td",_e,M(t.name),1),e(c)?(a(),l("td",he,[n("span",{"inline-block":"","w-50":"","cursor-pointer":"","overflow-hidden":"","text-ellipsis":"",title:d(t.meta,2),onClick:()=>u.$emit("selectMeta",t.meta)},M(d(t.meta)),9,ge)])):_("",!0)]))),128))])])])}}}),be={block:"","h-screen":"","of-auto":""},xe={"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(R){const r=k(""),i=k(null),h=k([]),m=b(()=>r.value===i.value?.path?[]:h.value),d=k([]),c=k();function u(t){d.value=t.routes,i.value=t.currentRoute,r.value=i.value?.path??"/"}function s(){m.value.length&&p(r.value)}function p(t){D.value.navigate(t)}return Y(()=>{D.value.getRouterInfo().then(t=>{u(t)}),D.functions.on(P.ROUTER_INFO_UPDATED,u)}),L(r,()=>{r.value!==i.value?.path&&D.value.getMatchedRoutes(r.value).then(t=>{h.value=t})}),W(()=>{D.functions.off(P.ROUTER_INFO_UPDATED,u)}),(t,o)=>{const f=ye,g=G,C=ee;return a(),l("div",be,[n("div",xe,[n("div",ke,[n("div",null,[(a(),l("span",$e,"Current route"))]),v(e(O),{modelValue:e(r),"onUpdate:modelValue":o[0]||(o[0]=x=>Z(r)?r.value=x:null),"left-icon":"i-carbon-direction-right-01 scale-y--100",class:E(e(i)?.path===e(r)?"":e(m).length?"text-green!":"text-orange!"),onKeydown:X(s,["enter"])},null,8,["modelValue","class"]),n("div",null,[e(i)?.path!==e(r)?(a(),l($,{key:0},[o[6]||(o[6]=n("span",null,[V("Press "),n("b",{"font-bold":""},"Enter"),V(" to navigate")],-1)),e(m).length?_("",!0):(a(),l("span",we," (no match)"))],64)):(a(),l("span",Re,"Edit path above to navigate"))])]),v(e(q),{class:"of-hidden"},{default:y(()=>[v(e(S),{size:"70",class:"of-auto!"},{default:y(()=>[v(g,{icon:"i-carbon-tree-view-alt",text:"All Routes",description:`${e(d).length} routes registered in your application`,padding:!1},{default:y(()=>[e(d).length?(a(),w(f,{key:0,pages:e(d),matched:e(i)?.matched??[],"matched-pending":e(m),onNavigate:p,onSelectMeta:o[1]||(o[1]=x=>c.value=x)},null,8,["pages","matched","matched-pending"])):_("",!0)]),_:1},8,["description"])]),_:1}),e(c)?(a(),w(e(S),{key:0,size:"30",class:"of-auto!"},{default:y(()=>[v(C,{meta:e(c),onClose:o[2]||(o[2]=x=>c.value=void 0)},null,8,["meta"])]),_:1})):_("",!0)]),_:1})])])}}});export{Ne as default};
@@ -1 +0,0 @@
1
- import{d as e,e as a,o,u as n,v as r}from"./index-DOp68rd-.js";/* empty css */const i=e({__name:"pinia",setup(s){return(t,p)=>(o(),a(n(r)))}});export{i as default};
@@ -1 +0,0 @@
1
- import{d as n,h as c,i as o,e as u,o as p,u as t,m as d}from"./index-DOp68rd-.js";/* empty css */const f=n({__name:"router",setup(i){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(d),{id:t(a)},null,8,["id"]))}});export{f as default};
@@ -1 +0,0 @@
1
- import{d as M,ag as V,i as d,Y as I,ah as D,ai as P,aj as W,c as o,o as l,b as i,a as N,u as e,T,ak as C,w as s,al as $,F as j,x as F,g as w,n as U,A as J,t as z,J as K,W as Y,s as h,am as q,a7 as G,y as E,e as H,an as O,C as A,ae as L,ao as Q,af as X}from"./index-DOp68rd-.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(R,{emit:y}){const m=y,f=I(),c=d(()=>f.timelineLayersState.value.recordingState),r=d(()=>f.timelineLayersState.value),b=d(()=>c.value?"Stop recording":"Start recording"),{colorMode:x}=D();d(()=>x.value==="dark");const _=P(R,"modelValue");function u(a){_.value=a,m("select",a),w.value.updateTimelineLayersState({selected:a})}W(()=>r.value.selected,a=>{_.value=a},{immediate:!0});function g(a){return{mouse:r.value.mouseEventEnabled,keyboard:r.value.keyboardEventEnabled,"component-event":r.value.componentEventEnabled,performance:r.value.performanceEventEnabled}[a]}function p(){w.value.updateTimelineLayersState({recordingState:!c.value})}function S(a){const v={mouse:"mouseEventEnabled",keyboard:"keyboardEventEnabled","component-event":"componentEventEnabled",performance:"performanceEventEnabled"}[a];w.value.updateTimelineLayersState({[v]:!g(a)})}return(a,v)=>(l(),o("div",Z,[i("div",ee,[e(c)?N("",!0):(l(),o("span",te,"Not recording")),i("div",ae,[T((l(),o("div",{class:"flex items-center gap1",onClick:p},[e(c)?(l(),o("span",le)):(l(),o("span",oe))])),[[e(C),{content:e(b)},void 0,{"bottom-end":!0}]]),T((l(),o("div",{class:"flex items-center gap1",onClick:v[0]||(v[0]=t=>m("clear"))},[s(e($),{name:"baseline-delete","cursor-pointer":"","text-xl":"",op70:"","hover:op100":""})])),[[e(C),{content:"Clear all timelines"},void 0,{"bottom-end":!0}]]),T((l(),o("div",ne,[s(e($),{name:"baseline-tips-and-updates","cursor-pointer":"","text-xl":"",op70:"","hover:op100":""})])),[[e(C),{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}]])])]),i("ul",se,[(l(!0),o(j,null,F(a.data,t=>(l(),o("li",{key:t.id,class:U(["group relative selectable-item",{active:t.id===_.value,op60:!g(t.id)}]),onClick:n=>u(t.id)},[J(z(t.label)+" ",1),i("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:K(n=>S(t.id),["stop"])},z(g(t.id)?"Disable":"Enable"),9,re)],10,ie))),128))])]))}}),ce=Y(de,[["__scopeId","data-v-ba7472d9"]]),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(R){const y=h(),m=h(),f=h(!1),{width:c}=q(m),r=d(()=>f.value?c.value<700:!1),b=I(),x=d(()=>b.appRecords.value.map(t=>({label:t.name+(t.version?` (${t.version})`:""),value:t.id}))),_=d(()=>x.value.map(t=>({label:t.label,id:t.value}))),u=h(b.activeAppRecordId.value);G(()=>{u.value=b.activeAppRecordId.value});function g(t){w.value.toggleApp(t).then(()=>{a()})}const p=h(""),S=[{label:"Mouse",id:"mouse"},{label:"Keyboard",id:"keyboard"},{label:"Component events",id:"component-event"},{label:"Performance",id:"performance"}];function a(){y.value?.clear()}function v(){a()}return(t,n)=>{const B=ce;return l(),o("div",ue,[s(e(X),{ref_key:"splitpanesRef",ref:m,class:"flex-1 overflow-auto",horizontal:e(r),onReady:n[2]||(n[2]=k=>f.value=!0)},{default:E(()=>[e(x).length>1?(l(),H(e(L),{key:0,border:"base h-full",size:"20"},{default:E(()=>[i("div",pe,[s(e(O),{modelValue:e(u),"onUpdate:modelValue":n[0]||(n[0]=k=>A(u)?u.value=k:null),data:e(_),class:"w-full",onSelect:g},null,8,["modelValue","data"])])]),_:1})):N("",!0),s(e(L),{border:"base","h-full":""},{default:E(()=>[i("div",ve,[i("div",me,[s(B,{modelValue:e(p),"onUpdate:modelValue":n[1]||(n[1]=k=>A(p)?p.value=k:null),data:S,class:"w-full",onSelect:v,onClear:a},null,8,["modelValue"])])])]),_:1}),s(e(L),{relative:"","h-full":"",size:"65"},{default:E(()=>[i("div",fe,[s(e(Q),{ref_key:"timelineRef",ref:y,"layer-ids":[e(p)],"header-visible":!1,"doc-link":"","plugin-id":"","switcher-visible":!1},null,8,["layer-ids"])])]),_:1})]),_:1},8,["horizontal"])])}}});export{_e as default};