vite-plugin-vue-devtools 0.0.1-alpha.5 → 0.0.1-alpha.7

package/dist/client/assets/{VCard-c6b2e190.js → VCard-925fd18d.js}

@@ -1,4 +1,4 @@
-import { ay as _export_sfc, o as openBlock, c as createElementBlock, v as renderSlot } from './index-f9588832.js';
+import { ax as _export_sfc, o as openBlock, c as createElementBlock, v as renderSlot } from './index-80f8bde5.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js → VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, n as normalizeClass } from './index-f9588832.js';
+import { d as defineComponent, o as openBlock, c as createElementBlock, n as normalizeClass } from './index-80f8bde5.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VIcon",

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-6152e4cf.js → VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js}

@@ -1,4 +1,4 @@
-import { d as defineComponent, o as openBlock, c as createElementBlock, n as normalizeClass, m as createCommentVNode, v as renderSlot, e as createBaseVNode, t as toDisplayString } from './index-f9588832.js';
+import { d as defineComponent, o as openBlock, c as createElementBlock, n as normalizeClass, m as createCommentVNode, v as renderSlot, e as createBaseVNode, t as toDisplayString } from './index-80f8bde5.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-406150e2.js → VPanelGrids-36f4f0da.js}

@@ -1,4 +1,4 @@
-import { ay as _export_sfc, o as openBlock, c as createElementBlock, v as renderSlot } from './index-f9588832.js';
+import { ax as _export_sfc, o as openBlock, c as createElementBlock, v as renderSlot } from './index-80f8bde5.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-85ccd5d3.js → VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-6152e4cf.js';
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
-import { d as defineComponent, s as useVModel, o as openBlock, c as createElementBlock, e as createBaseVNode, n as normalizeClass, b as createVNode, w as withCtx, v as renderSlot, m as createCommentVNode, a as createBlock, u as unref, x as withDirectives, F as Fragment, az as resolveDirective, E as createTextVNode, t as toDisplayString, aA as pushScopeId, aB as popScopeId, ay as _export_sfc, aC as vModelDynamic, ap as mergeProps, z as isRef } from './index-f9588832.js';
+import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { d as defineComponent, s as useVModel, o as openBlock, c as createElementBlock, e as createBaseVNode, n as normalizeClass, b as createVNode, w as withCtx, v as renderSlot, m as createCommentVNode, a as createBlock, u as unref, x as withDirectives, F as Fragment, ay as resolveDirective, E as createTextVNode, t as toDisplayString, az as pushScopeId, aA as popScopeId, ax as _export_sfc, aB as vModelDynamic, ao as mergeProps, z as isRef } from './index-80f8bde5.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["open"];

package/dist/client/assets/{__inspecting-c40b9e81.js → __inspecting-7346f6ac.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-406150e2.js';
-import { d as defineComponent, aE as useEventListener, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, aF as useClient } from './index-f9588832.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-36f4f0da.js';
+import { d as defineComponent, aD as useEventListener, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, aE as useDevtoolsClient } from './index-80f8bde5.js';
 
 const _hoisted_1 = /* @__PURE__ */ createBaseVNode("div", null, " Inspecting Vue components ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "__inspecting",
   setup(__props) {
-    const client = useClient();
+    const client = useDevtoolsClient();
     useEventListener("keydown", (e) => {
       if (e.key === "Escape")
         close();

package/dist/client/assets/{assets-a9ca2bff.js → assets-ffdb6a2d.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-406150e2.js';
-import { _ as __unplugin_components_7 } from './VCard-c6b2e190.js';
-import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
-import { d as defineComponent, o as openBlock, a as createBlock, w as withCtx, b as createVNode, ap as mergeProps, aq as resolveDynamicComponent, Q as ref, ar as useElementSize, as as onClickOutside, c as createElementBlock, e as createBaseVNode, v as renderSlot, u as unref, m as createCommentVNode, at as Transition, R as computed, t as toDisplayString, n as normalizeClass, au as useStyleTag, O as normalizeStyle, av as computedAsync, aw as useTimeAgo, F as Fragment, E as createTextVNode, _ as _sfc_main$b, ax as onKeyDown, z as isRef, r as renderList } from './index-f9588832.js';
-import { r as rpc } from './rpc-cdb4316d.js';
-import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-85ccd5d3.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-36f4f0da.js';
+import { _ as __unplugin_components_7 } from './VCard-925fd18d.js';
+import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { d as defineComponent, o as openBlock, a as createBlock, w as withCtx, b as createVNode, ao as mergeProps, ap as resolveDynamicComponent, Q as ref, aq as useElementSize, ar as onClickOutside, c as createElementBlock, e as createBaseVNode, v as renderSlot, u as unref, m as createCommentVNode, as as Transition, R as computed, t as toDisplayString, n as normalizeClass, at as useStyleTag, O as normalizeStyle, au as computedAsync, av as useTimeAgo, F as Fragment, E as createTextVNode, _ as _sfc_main$b, aw as onKeyDown, z as isRef, r as renderList } from './index-80f8bde5.js';
+import { r as rpc } from './rpc-89874498.js';
+import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-6152e4cf.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js';
 
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VIconButton",

package/dist/client/assets/{components-70646a2d.js → components-539f2105.js}

@@ -1,6 +1,6 @@
-import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-54cc5734.js';
-import { ac as getInstanceName, ad as classify, ae as kebabize, af as isFragment, ag as camelize, ah as returnError, ai as isBeingDestroyed, aj as getUniqueComponentId, ak as getRenderKey, Q as ref, al as shallowRef, R as computed, d as defineComponent, X as resolveComponent, o as openBlock, c as createElementBlock, e as createBaseVNode, u as unref, a as createBlock, n as normalizeClass, t as toDisplayString, O as normalizeStyle, F as Fragment, r as renderList, m as createCommentVNode, f as onMounted, am as onVueInstanceUpdate, b as createVNode, w as withCtx, a4 as reactive, an as instance } from './index-f9588832.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
+import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-5e9186fe.js';
+import { ab as getInstanceName, ac as classify, ad as kebabize, ae as isFragment, af as camelize, ag as returnError, ah as isBeingDestroyed, ai as getUniqueComponentId, aj as getRenderKey, Q as ref, ak as shallowRef, R as computed, d as defineComponent, X as resolveComponent, o as openBlock, c as createElementBlock, e as createBaseVNode, u as unref, a as createBlock, n as normalizeClass, t as toDisplayString, O as normalizeStyle, F as Fragment, r as renderList, m as createCommentVNode, f as onMounted, al as onVueInstanceUpdate, b as createVNode, w as withCtx, a3 as reactive, am as instance } from './index-80f8bde5.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
 
 class ComponentFilter {
   filter;

package/dist/client/assets/{graph-ce244fa7.js → graph-f60fd04d.js}

@@ -1,6 +1,6 @@
-import { Q as ref, a8 as useStorage, R as computed, d as defineComponent, o as openBlock, c as createElementBlock, x as withDirectives, a9 as vModelText, u as unref, e as createBaseVNode, z as isRef, A as vModelCheckbox, aa as useDark, f as onMounted, ab as watch, b as createVNode } from './index-f9588832.js';
+import { Q as ref, a7 as useStorage, R as computed, d as defineComponent, o as openBlock, c as createElementBlock, x as withDirectives, a8 as vModelText, u as unref, e as createBaseVNode, z as isRef, A as vModelCheckbox, a9 as useDark, f as onMounted, aa as watch, b as createVNode } from './index-80f8bde5.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { r as rpc } from './rpc-cdb4316d.js';
+import { r as rpc } from './rpc-89874498.js';
 
 const list = ref(await rpc.componentGraph());
 const searchText = useStorage("vite-inspect-search-text", "");

package/dist/client/assets/{index-f9588832.js → index-80f8bde5.js}

@@ -14102,17 +14102,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-785a50fc.js'),true?["./timeline-785a50fc.js","./splitpanes.es-54cc5734.js","./VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js","./VPanelGrids-406150e2.js","./VCard-c6b2e190.js"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-410534ea.js'),true?["./settings-410534ea.js","./VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6152e4cf.js"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-0fdcb1c3.js'),true?["./routes-0fdcb1c3.js","./VPanelGrids-406150e2.js","./VCard-c6b2e190.js","./splitpanes.es-54cc5734.js","./VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-043f9882.js'),true?["./pinia-043f9882.js","./splitpanes.es-54cc5734.js","./VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-ec4690ed.js'),true?["./pages-ec4690ed.js","./VTextInput.vue_vue_type_script_setup_true_lang-85ccd5d3.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6152e4cf.js","./VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-03bf6fd5.js'),true?["./overview-03bf6fd5.js","./VPanelGrids-406150e2.js","./rpc-cdb4316d.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./inspect-524e80ea.js'),true?["./inspect-524e80ea.js","./rpc-cdb4316d.js"]:void 0,import.meta.url);
-const __pages_import_8__ = () => __vitePreload(() => import('./graph-ce244fa7.js'),true?["./graph-ce244fa7.js","./fuse.esm-c317b696.js","./rpc-cdb4316d.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./components-70646a2d.js'),true?["./components-70646a2d.js","./splitpanes.es-54cc5734.js","./VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./assets-a9ca2bff.js'),true?["./assets-a9ca2bff.js","./VPanelGrids-406150e2.js","./VCard-c6b2e190.js","./VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js","./rpc-cdb4316d.js","./VTextInput.vue_vue_type_script_setup_true_lang-85ccd5d3.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6152e4cf.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-c40b9e81.js'),true?["./__inspecting-c40b9e81.js","./VPanelGrids-406150e2.js"]:void 0,import.meta.url);
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-9c2f9940.js'),true?["./timeline-9c2f9940.js","./splitpanes.es-5e9186fe.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js","./VPanelGrids-36f4f0da.js","./VCard-925fd18d.js"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-e7c6c8b0.js'),true?["./settings-e7c6c8b0.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-43e30c86.js'),true?["./routes-43e30c86.js","./VPanelGrids-36f4f0da.js","./VCard-925fd18d.js","./splitpanes.es-5e9186fe.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-c53b0b14.js'),true?["./pinia-c53b0b14.js","./splitpanes.es-5e9186fe.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-45f5a59a.js'),true?["./pages-45f5a59a.js","./VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-ab9a2b0b.js'),true?["./overview-ab9a2b0b.js","./VPanelGrids-36f4f0da.js","./rpc-89874498.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./inspect-1ec95d81.js'),true?["./inspect-1ec95d81.js","./rpc-89874498.js"]:void 0,import.meta.url);
+const __pages_import_8__ = () => __vitePreload(() => import('./graph-f60fd04d.js'),true?["./graph-f60fd04d.js","./fuse.esm-c317b696.js","./rpc-89874498.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./components-539f2105.js'),true?["./components-539f2105.js","./splitpanes.es-5e9186fe.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./assets-ffdb6a2d.js'),true?["./assets-ffdb6a2d.js","./VPanelGrids-36f4f0da.js","./VCard-925fd18d.js","./VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js","./rpc-89874498.js","./VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js","./VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-7346f6ac.js'),true?["./__inspecting-7346f6ac.js","./VPanelGrids-36f4f0da.js"]:void 0,import.meta.url);
 
 const routes$1 = [{"name":"timeline","path":"/timeline","component":__pages_import_0__,"props":true},{"name":"settings","path":"/settings","component":__pages_import_1__,"props":true},{"name":"routes","path":"/routes","component":__pages_import_2__,"props":true},{"name":"pinia","path":"/pinia","component":__pages_import_3__,"props":true},{"name":"pages","path":"/pages","component":__pages_import_4__,"props":true},{"name":"overview","path":"/overview","component":__pages_import_5__,"props":true},{"name":"inspect","path":"/inspect","component":__pages_import_6__,"props":true},{"name":"index","path":"/","component":_sfc_main$6,"props":true},{"name":"graph","path":"/graph","component":__pages_import_8__,"props":true},{"name":"components","path":"/components","component":__pages_import_9__,"props":true},{"name":"assets","path":"/assets","component":__pages_import_10__,"props":true},{"name":"__inspecting","path":"/__inspecting","component":__pages_import_11__,"props":true}];
 /* Injected with object hook! */
@@ -14152,12 +14152,14 @@ const _sfc_main$5 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const client = ref({
+const client$1 = ref({
   hook: window.parent.__VUE_DEVTOOLS_GLOBAL_HOOKS__(),
+  markClientLoaded: () => {
+  },
   hookBuffer: []
 });
-function useClient() {
-  return client;
+function useDevtoolsClient() {
+  return client$1;
 }
 
 /* Injected with object hook! */
@@ -14168,7 +14170,7 @@ const _sfc_main$4 = /* @__PURE__ */ defineComponent({
     tab: null
   },
   setup(__props) {
-    const client = useClient();
+    const client = useDevtoolsClient();
     const router = useRouter();
     return (_ctx, _cache) => {
       const _component_TabIcon = _sfc_main$5;
@@ -14281,7 +14283,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     const frameState = ref({
       position: _position.value
     });
-    const client = useClient();
+    const client = useDevtoolsClient();
     const dockButton = [
       {
         position: "bottom",
@@ -14593,6 +14595,43 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
+/*!
+  * pinia v2.0.35
+  * (c) 2023 Eduardo San Martin Morote
+  * @license MIT
+  */
+// type DeepReadonly<T> = { readonly [P in keyof T]: DeepReadonly<T[P]> }
+// TODO: can we change these to numbers?
+/**
+ * Possible types for SubscriptionCallback
+ */
+var MutationType;
+(function (MutationType) {
+    /**
+     * Direct mutation of the state:
+     *
+     * - `store.name = 'new name'`
+     * - `store.$state.name = 'new name'`
+     * - `store.list.push('new item')`
+     */
+    MutationType["direct"] = "direct";
+    /**
+     * Mutated the state with `$patch` and an object
+     *
+     * - `store.$patch({ name: 'newName' })`
+     */
+    MutationType["patchObject"] = "patch object";
+    /**
+     * Mutated the state with `$patch` and a function
+     *
+     * - `store.$patch(state => state.name = 'newName')`
+     */
+    MutationType["patchFunction"] = "patch function";
+    // maybe reset? for $state = {} and $reset
+})(MutationType || (MutationType = {}));
+
+/* Injected with object hook! */
+
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;
 }
@@ -14747,7 +14786,7 @@ function addTimelineEvent(event) {
     }
   });
 }
-function initTimeline(events) {
+function initPerfTimeline(events) {
   const performTimelineSortKey = {
     start: -1,
     end: 1
@@ -14760,7 +14799,7 @@ function initTimeline(events) {
     addTimelineEvent(event);
   });
   timelineEvent.value = timelineEvent.value.sort((a, b) => a.sortId - b.sortId).sort((a, b) => performTimelineSortKey[a.event.data.measure] - performTimelineSortKey[b.event.data.measure]);
-  const client = useClient();
+  const client = useDevtoolsClient();
   let sortId = timelineEvent.value.length;
   client.value?.hook?.on("perf:start", (app, uid, component, type, time) => {
     if (component?.root.type?.devtools?.hide)
@@ -14792,242 +14831,7 @@ function initTimeline(events) {
 
 /* Injected with object hook! */
 
-const router$2 = ref();
-const currentRoute = computed(() => unref(router$2.value?.currentRoute));
-const map$1 = /* @__PURE__ */ new Map();
-const routes = computed(() => {
-  return (router$2.value?.getRoutes() || []).map((i) => {
-    return {
-      ...i
-    };
-  }).filter((i) => !map$1.has(i.path) && map$1.set(i.path, 1));
-});
-function initPages() {
-  router$2.value = app$1.value?.config.globalProperties.$router;
-  router$2.value?.afterEach(() => {
-    triggerRef(router$2);
-  });
-}
-
-/* Injected with object hook! */
-
-const app$1 = shallowRef();
-const vueVersion = computed(() => app$1.value?.version);
-const instance = shallowRef();
-function onVueInstanceUpdate(cb) {
-  return watch(instance, () => {
-    cb(instance.value);
-  }, {
-    immediate: true
-  });
-}
-function initVueApp(_app, component) {
-  if (_app) {
-    app$1.value = _app;
-    triggerRef(app$1);
-    initPages();
-  }
-  if (component.root) {
-    instance.value = component.root;
-    instance.value && (instance.value.uid = 0);
-    triggerRef(instance);
-  }
-}
-
-/* Injected with object hook! */
-
-const CYAN_400 = 2282478;
-const ORANGE_400 = 16486972;
-const DARK = 6710886;
-const LAYER_ID$1 = "router";
-const router$1 = ref();
-const routeRecordMatcher = ref();
-const activeRouteRecordIndex = ref(0);
-const map = /* @__PURE__ */ new Map();
-const routeRecordMatcherState = computed(() => {
-  return routeRecordMatcher.value?.map((route) => {
-    const state = formatRouteRecordMatcherForStateInspector(route);
-    const tags = formatRouteRecordForInspector(route);
-    return {
-      path: state.path,
-      tags,
-      state
-    };
-  }).sort((a, b) => a.path.length - b.path.length).filter((i) => !map.has(i.path) && map.set(i.path, 1));
-});
-const activeRouteRecordMatcherState = computed(() => {
-  const state = routeRecordMatcherState.value?.[activeRouteRecordIndex.value]?.state;
-  return {
-    key: "options",
-    value: state
-  };
-});
-function formatRouteRecordForInspector(route) {
-  const tags = [];
-  const { record } = route;
-  if (record.name != null) {
-    tags.push({
-      label: String(record.name),
-      bgColor: CYAN_400
-    });
-  }
-  if (record.aliasOf) {
-    tags.push({
-      label: "alias",
-      bgColor: ORANGE_400
-    });
-  }
-  if (record.redirect) {
-    tags.push({
-      label: typeof record.redirect === "string" ? `redirect: ${record.redirect}` : "redirects",
-      bgColor: DARK
-    });
-  }
-  return tags;
-}
-function formatRouteRecordMatcherForStateInspector(route) {
-  const { record } = route;
-  const fields = {
-    path: record.path
-  };
-  if (record.name != null)
-    fields.name = record.name;
-  fields.regexp = route.re;
-  if (route.keys.length)
-    fields.keys = toRaw(route.keys);
-  if (record.redirect != null)
-    fields.redirect = record.redirect;
-  if (route.alias.length)
-    fields.aliases = route.alias.map((alias) => alias.record.path);
-  if (Object.keys(route.record.meta).length)
-    fields.meta = route.record.meta;
-  fields.score = toRaw(route.score);
-  return fields;
-}
-function toggleRouteRecordMatcher(index) {
-  activeRouteRecordIndex.value = index;
-}
-function formatRouteLocation(routeLocation) {
-  const copy = Object.assign({}, routeLocation, {
-    // remove variables that can contain vue instances
-    matched: routeLocation.matched.map(
-      (matched) => reactiveOmit(matched, ["instances", "children", "aliasOf"])
-    )
-  });
-  return copy;
-}
-function subscribeRouterChanged(router2) {
-  router2.onError((error, to) => {
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID$1,
-      event: {
-        title: "Error during Navigation",
-        subtitle: to.fullPath,
-        time: Date.now(),
-        now: Date.now(),
-        data: { error: error.message }
-      }
-    });
-  });
-  router2.beforeEach((to, from) => {
-    const data = {
-      guard: "beforeEach",
-      from: formatRouteLocation(
-        from
-      ),
-      to: formatRouteLocation(to)
-    };
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID$1,
-      event: {
-        time: Date.now(),
-        now: Date.now(),
-        title: "Start of navigation",
-        subtitle: to.fullPath,
-        data
-      }
-    });
-  });
-  router2.afterEach((to, from, failure) => {
-    const data = {
-      guard: "afterEach"
-    };
-    if (failure) {
-      data.failure = failure ? failure.message : "";
-      data.status = "❌";
-    } else {
-      data.status = "✅";
-    }
-    data.from = formatRouteLocation(from);
-    data.to = formatRouteLocation(to);
-    timelineApi.addTimelineEvent({
-      layerId: LAYER_ID$1,
-      event: {
-        title: "End of navigation",
-        subtitle: to.fullPath,
-        time: Date.now(),
-        now: Date.now(),
-        data
-      }
-    });
-  });
-}
-function initRoutes() {
-  router$1.value = app$1.value?.config.globalProperties.$router;
-  if (router$1.value) {
-    const matcher = createRouterMatcher(router$1.value?.options.routes, router$1.value?.options);
-    routeRecordMatcher.value = matcher.getRoutes();
-    timelineApi.addTimelineLayer({
-      id: LAYER_ID$1,
-      label: "Router Navigations"
-    });
-    subscribeRouterChanged(router$1.value);
-    router$1.value?.afterEach(() => {
-      triggerRef(router$1);
-    });
-  }
-}
-
-/* Injected with object hook! */
-
-/*!
-  * pinia v2.0.35
-  * (c) 2023 Eduardo San Martin Morote
-  * @license MIT
-  */
-// type DeepReadonly<T> = { readonly [P in keyof T]: DeepReadonly<T[P]> }
-// TODO: can we change these to numbers?
-/**
- * Possible types for SubscriptionCallback
- */
-var MutationType;
-(function (MutationType) {
-    /**
-     * Direct mutation of the state:
-     *
-     * - `store.name = 'new name'`
-     * - `store.$state.name = 'new name'`
-     * - `store.list.push('new item')`
-     */
-    MutationType["direct"] = "direct";
-    /**
-     * Mutated the state with `$patch` and an object
-     *
-     * - `store.$patch({ name: 'newName' })`
-     */
-    MutationType["patchObject"] = "patch object";
-    /**
-     * Mutated the state with `$patch` and a function
-     *
-     * - `store.$patch(state => state.name = 'newName')`
-     */
-    MutationType["patchFunction"] = "patch function";
-    // maybe reset? for $state = {} and $reset
-})(MutationType || (MutationType = {}));
-
-/* Injected with object hook! */
-
-const LAYER_ID = "pinia";
+const LAYER_ID$1 = "pinia";
 const piniaVisible = ref(false);
 const stores = ref();
 const subscribes = ref([]);
@@ -15077,7 +14881,7 @@ function formatMutationType(type) {
 function subscribeStore(store) {
   const action = store.$onAction(({ after, onError, name, args }) => {
     timelineApi.addTimelineEvent({
-      layerId: LAYER_ID,
+      layerId: LAYER_ID$1,
       event: {
         time: Date.now(),
         title: `🛫 ${name}`,
@@ -15092,7 +14896,7 @@ function subscribeStore(store) {
     });
     after((result) => {
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID,
+        layerId: LAYER_ID$1,
         event: {
           time: Date.now(),
           title: `🛬 ${name}`,
@@ -15109,7 +14913,7 @@ function subscribeStore(store) {
     });
     onError((error) => {
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID,
+        layerId: LAYER_ID$1,
         event: {
           now: Date.now(),
           time: Date.now(),
@@ -15132,7 +14936,7 @@ function subscribeStore(store) {
       () => unref(store[name]),
       (newValue, oldValue) => {
         timelineApi.addTimelineEvent({
-          layerId: LAYER_ID,
+          layerId: LAYER_ID$1,
           event: {
             now: Date.now(),
             time: Date.now(),
@@ -15167,7 +14971,7 @@ function subscribeStore(store) {
       else if (events && !Array.isArray(events))
         eventData.subtitle = events.type;
       timelineApi.addTimelineEvent({
-        layerId: LAYER_ID,
+        layerId: LAYER_ID$1,
         event: eventData
       });
     },
@@ -15176,7 +14980,7 @@ function subscribeStore(store) {
   subscribes.value.push(subscribe);
   store._hotUpdate = markRaw((newStore) => {
     timeApi.addTimelineEvent({
-      layerId: LAYER_ID,
+      layerId: LAYER_ID$1,
       event: {
         time: Date.now(),
         now: Date.now(),
@@ -15224,16 +15028,55 @@ function updatePinia(component) {
     }
   });
 }
-function initPinia(component) {
-  updatePinia(component);
-  setTimeout(() => {
-    if (stores.value) {
-      timelineApi.removeTimelineLayer(LAYER_ID);
-      timelineApi.addTimelineLayer({
-        id: LAYER_ID,
-        label: "Pinia 🍍"
-      });
-    }
+function initPinia() {
+  timelineApi.addTimelineLayer({
+    id: LAYER_ID$1,
+    label: "Pinia 🍍"
+  });
+}
+
+/* Injected with object hook! */
+
+const app$1 = shallowRef();
+const vueVersion = computed(() => app$1.value?.version);
+const instance = shallowRef();
+const router$1 = computed(() => app$1.value?.config?.globalProperties?.$router);
+const currentRoute = computed(() => unref(router$1.value?.currentRoute));
+const routes = computed(() => {
+  const routesMap = /* @__PURE__ */ new Map();
+  return (router$1.value?.getRoutes() || []).map((i) => {
+    return {
+      ...i
+    };
+  }).filter((i) => !routesMap.has(i.path) && routesMap.set(i.path, 1));
+});
+function initApp(params) {
+  const [_, { app: _app }] = params;
+  if (_app) {
+    app$1.value = _app;
+    triggerRef(app$1);
+    hookApi.hook?.emit("init:vue:app");
+  }
+  router$1.value?.afterEach(() => {
+    triggerRef(router$1);
+  });
+}
+function updateApp(_app, component) {
+  if (_app) {
+    app$1.value = _app;
+    triggerRef(app$1);
+  }
+  if (component.root) {
+    instance.value = component.root;
+    instance.value && (instance.value.uid = 0);
+    triggerRef(instance);
+  }
+}
+function onVueInstanceUpdate(cb) {
+  return watch(instance, () => {
+    cb(instance.value);
+  }, {
+    immediate: true
   });
 }
 
@@ -15242,66 +15085,201 @@ function initPinia(component) {
 function hideInDevtools(component) {
   return component?.root?.type?.devtools?.hide;
 }
-function connect() {
-  const client = useClient();
-  const hook = client.value.hook;
-  hook.on("app:init" /* COMPONENT_INIT */, (app) => {
+const client = useDevtoolsClient();
+function produceHook() {
+  const client2 = useDevtoolsClient();
+  const hook = client2.value.hook;
+  hook.on("app:init" /* APP_INIT */, (app) => {
     if (app?._vueDevtools_hidden_)
       return;
     app$1.value = app;
     instance.value = app._instance;
   });
+  function skipCollect(app, uid, component) {
+    return !app || typeof uid !== "number" && !uid || !component || hideInDevtools(component);
+  }
   hook.on("component:updated" /* COMPONENT_UPDATED */, (app, uid, parentUid, component) => {
-    if (!app || typeof uid !== "number" && !uid || !component || hideInDevtools(component))
+    if (skipCollect(app, uid, component))
       return;
-    initVueApp(app, component);
+    updateApp(app, component);
   });
   hook.on("component:added" /* COMPONENT_ADDED */, (app, uid, parentUid, component) => {
-    initPinia(component);
-    if (!app || typeof uid !== "number" && !uid || !component || hideInDevtools(component))
+    updatePinia(component);
+    if (skipCollect(app, uid, component))
       return;
-    initVueApp(app, component);
+    updateApp(app, component);
   });
   hook.on("component:removed" /* COMPONENT_REMOVED */, (app, uid, parentUid, component) => {
-    if (!app || typeof uid !== "number" && !uid || !component || hideInDevtools(component))
+    if (skipCollect(app, uid, component))
       return;
-    initVueApp(app, component);
+    updateApp(app, component);
   });
   hook.on("component:emit" /* COMPONENT_EMIT */, (app, uid, parentUid, component) => {
-    if (!app || typeof uid !== "number" && !uid || !component || hideInDevtools(component))
+    if (skipCollect(app, uid, component))
       return;
-    initVueApp(app, component);
+    updateApp(app, component);
   });
 }
-function initHook(buffer) {
+function ConsumeHook(buffer) {
   buffer.forEach(([eventType, { app, component }]) => {
     if (eventType === "component:added" /* COMPONENT_ADDED */)
-      initPinia(component);
-    initVueApp(app, component);
+      updatePinia(component);
+    updateApp(app, component);
   });
 }
+const hookApi = {
+  hook: client.value.hook,
+  produce: produceHook,
+  consume: ConsumeHook
+};
 
 /* Injected with object hook! */
 
-function initClient() {
-  window.__VUE_DEVTOOLS_VIEW__ = {
-    setClient(_client) {
-      const client = useClient();
-      client.value = _client;
-      initTimeline(client.value.hookBuffer.filter(([type]) => type.startsWith("perf:")));
-      initHook(client.value.hookBuffer.filter(([type]) => type.startsWith("component:")));
-    }
+const CYAN_400 = 2282478;
+const ORANGE_400 = 16486972;
+const DARK = 6710886;
+const LAYER_ID = "router";
+const routeRecordMatcher = ref();
+const activeRouteRecordIndex = ref(0);
+const map = /* @__PURE__ */ new Map();
+const routeRecordMatcherState = computed(() => {
+  return routeRecordMatcher.value?.map((route) => {
+    const state = formatRouteRecordMatcherForStateInspector(route);
+    const tags = formatRouteRecordForInspector(route);
+    return {
+      path: state.path,
+      tags,
+      state
+    };
+  }).sort((a, b) => a.path.length - b.path.length).filter((i) => !map.has(i.path) && map.set(i.path, 1));
+});
+const activeRouteRecordMatcherState = computed(() => {
+  const state = routeRecordMatcherState.value?.[activeRouteRecordIndex.value]?.state;
+  return {
+    key: "options",
+    value: state
+  };
+});
+function formatRouteRecordForInspector(route) {
+  const tags = [];
+  const { record } = route;
+  if (record.name != null) {
+    tags.push({
+      label: String(record.name),
+      bgColor: CYAN_400
+    });
+  }
+  if (record.aliasOf) {
+    tags.push({
+      label: "alias",
+      bgColor: ORANGE_400
+    });
+  }
+  if (record.redirect) {
+    tags.push({
+      label: typeof record.redirect === "string" ? `redirect: ${record.redirect}` : "redirects",
+      bgColor: DARK
+    });
+  }
+  return tags;
+}
+function formatRouteRecordMatcherForStateInspector(route) {
+  const { record } = route;
+  const fields = {
+    path: record.path
   };
+  if (record.name != null)
+    fields.name = record.name;
+  fields.regexp = route.re;
+  if (route.keys.length)
+    fields.keys = toRaw(route.keys);
+  if (record.redirect != null)
+    fields.redirect = record.redirect;
+  if (route.alias.length)
+    fields.aliases = route.alias.map((alias) => alias.record.path);
+  if (Object.keys(route.record.meta).length)
+    fields.meta = route.record.meta;
+  fields.score = toRaw(route.score);
+  return fields;
 }
-function initGlobalHook() {
-  const router = useRouter();
-  const route = useRoute();
-  const client = useClient();
-  const frameState = useFrameState();
-  client.value.hook?.on("host:inspector:close", () => {
-    if (route.path === "/__inspecting")
-      router.replace(frameState.route.value);
+function toggleRouteRecordMatcher(index) {
+  activeRouteRecordIndex.value = index;
+}
+function formatRouteLocation(routeLocation) {
+  const copy = Object.assign({}, routeLocation, {
+    // remove variables that can contain vue instances
+    matched: routeLocation.matched.map(
+      (matched) => reactiveOmit(matched, ["instances", "children", "aliasOf"])
+    )
+  });
+  return copy;
+}
+function subscribeRouterChanged(router2) {
+  router2.onError((error, to) => {
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID,
+      event: {
+        title: "Error during Navigation",
+        subtitle: to.fullPath,
+        time: Date.now(),
+        now: Date.now(),
+        data: { error: error.message }
+      }
+    });
+  });
+  router2.beforeEach((to, from) => {
+    const data = {
+      guard: "beforeEach",
+      from: formatRouteLocation(
+        from
+      ),
+      to: formatRouteLocation(to)
+    };
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID,
+      event: {
+        time: Date.now(),
+        now: Date.now(),
+        title: "Start of navigation",
+        subtitle: to.fullPath,
+        data
+      }
+    });
   });
+  router2.afterEach((to, from, failure) => {
+    const data = {
+      guard: "afterEach"
+    };
+    if (failure) {
+      data.failure = failure ? failure.message : "";
+      data.status = "❌";
+    } else {
+      data.status = "✅";
+    }
+    data.from = formatRouteLocation(from);
+    data.to = formatRouteLocation(to);
+    timelineApi.addTimelineEvent({
+      layerId: LAYER_ID,
+      event: {
+        title: "End of navigation",
+        subtitle: to.fullPath,
+        time: Date.now(),
+        now: Date.now(),
+        data
+      }
+    });
+  });
+}
+function initRoutes() {
+  if (router$1.value) {
+    const matcher = createRouterMatcher(router$1.value?.options.routes, router$1.value?.options);
+    routeRecordMatcher.value = matcher.getRoutes();
+    timelineApi.addTimelineLayer({
+      id: LAYER_ID,
+      label: "Router Navigations"
+    });
+    subscribeRouterChanged(router$1.value);
+  }
 }
 
 /* Injected with object hook! */
@@ -15323,12 +15301,26 @@ const _hoisted_2 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "App",
   setup(__props) {
-    const router = useRouter();
     const route = useRoute();
+    const router = useRouter();
     const { scale } = useDevToolsSettings();
     const { route: _route, isFirstVisit } = useFrameState();
-    initGlobalHook();
     useColorMode();
+    hookApi.hook.on("init:vue:app", () => {
+      const client = useDevtoolsClient();
+      const frameState = useFrameState();
+      const hookBuffer = client.value.hookBuffer;
+      client.value.markClientLoaded();
+      hookApi.produce();
+      initPerfTimeline(hookBuffer.filter(([type]) => type.startsWith("perf:")));
+      hookApi.consume(hookBuffer.filter(([type]) => type.startsWith("component:")));
+      initRoutes();
+      initPinia();
+      hookApi.hook.on("host:inspector:close", () => {
+        if (route.path === "/__inspecting")
+          router.replace(frameState.route.value);
+      });
+    });
     router.beforeEach((to, _, next) => {
       if (to.path === "/" && !isFirstVisit.value) {
         next("/overview");
@@ -15343,9 +15335,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       _route.value = path;
     });
     onMounted(() => {
-      setTimeout(() => {
-        initRoutes();
-      }, 800);
       watchEffect(() => {
         document.body.style.fontSize = `${scale.value * 15}px`;
       });
@@ -15370,6 +15359,22 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
+function initDevtoolsClient() {
+  window.__VUE_DEVTOOLS_VIEW__ = {
+    loaded: false,
+    setClient(_client) {
+      const client = useDevtoolsClient();
+      client.value = _client;
+      client.value.markClientLoaded = () => {
+        this.loaded = true;
+      };
+      initApp(client.value.hookBuffer.find(([type]) => type === "app:init"));
+    }
+  };
+}
+
+/* Injected with object hook! */
+
 const tailwind = '';
 /* Injected with object hook! */
 
@@ -15380,8 +15385,7 @@ const __uno = '';
 /* Injected with object hook! */
 
 window.console.log = window.parent.print;
-initClient();
-connect();
+initDevtoolsClient();
 const app = createApp(_sfc_main);
 const router = createRouter({
   history: createMemoryHistory(),
@@ -15393,4 +15397,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { router$2 as $, vModelCheckbox as A, withKeys as B, useTabs as C, useCategorizedTabs as D, createTextVNode as E, Fragment as F, useDevToolsSettings as G, _sfc_main$3 as H, _sfc_main$5 as I, router$1 as J, routeRecordMatcherState as K, activeRouteRecordMatcherState as L, activeRouteRecordIndex as M, toggleRouteRecordMatcher as N, normalizeStyle as O, __unplugin_components_1 as P, ref as Q, computed as R, piniaStoresId as S, reactivePick as T, toRaw as U, piniaState as V, piniaGetters as W, resolveComponent as X, withModifiers as Y, currentRoute as Z, _sfc_main$9 as _, createBlock as a, routes as a0, vueVersion as a1, __unplugin_components_0 as a2, useColorMode as a3, reactive as a4, useElementBounding as a5, nextTick as a6, watchEffect as a7, useStorage as a8, vModelText as a9, pushScopeId as aA, popScopeId as aB, vModelDynamic as aC, __vitePreload as aD, useEventListener as aE, useClient as aF, useDark as aa, watch as ab, getInstanceName as ac, classify as ad, kebabize as ae, isFragment as af, camelize as ag, returnError as ah, isBeingDestroyed as ai, getUniqueComponentId as aj, getRenderKey as ak, shallowRef as al, onVueInstanceUpdate as am, instance as an, h as ao, mergeProps as ap, resolveDynamicComponent as aq, useElementSize as ar, onClickOutside as as, Transition as at, useStyleTag as au, computedAsync as av, useTimeAgo as aw, onKeyDown as ax, _export_sfc as ay, resolveDirective as az, createVNode as b, createElementBlock as c, defineComponent as d, createBaseVNode as e, onMounted as f, onUnmounted as g, timelineLayer as h, activeTimelineEvents as i, activeTimelineEventIndex as j, toggleTimelineEventIndex as k, timelineEventDetails as l, createCommentVNode as m, normalizeClass as n, openBlock as o, activeLayerId as p, toggleTimelineLayer as q, renderList as r, useVModel as s, toDisplayString as t, unref as u, renderSlot as v, withCtx as w, withDirectives as x, vModelSelect as y, isRef as z };
+export { routes as $, vModelCheckbox as A, withKeys as B, useTabs as C, useCategorizedTabs as D, createTextVNode as E, Fragment as F, useDevToolsSettings as G, _sfc_main$3 as H, _sfc_main$5 as I, router$1 as J, routeRecordMatcherState as K, activeRouteRecordMatcherState as L, activeRouteRecordIndex as M, toggleRouteRecordMatcher as N, normalizeStyle as O, __unplugin_components_1 as P, ref as Q, computed as R, piniaStoresId as S, reactivePick as T, toRaw as U, piniaState as V, piniaGetters as W, resolveComponent as X, withModifiers as Y, currentRoute as Z, _sfc_main$9 as _, createBlock as a, vueVersion as a0, __unplugin_components_0 as a1, useColorMode as a2, reactive as a3, useElementBounding as a4, nextTick as a5, watchEffect as a6, useStorage as a7, vModelText as a8, useDark as a9, popScopeId as aA, vModelDynamic as aB, __vitePreload as aC, useEventListener as aD, useDevtoolsClient as aE, watch as aa, getInstanceName as ab, classify as ac, kebabize as ad, isFragment as ae, camelize as af, returnError as ag, isBeingDestroyed as ah, getUniqueComponentId as ai, getRenderKey as aj, shallowRef as ak, onVueInstanceUpdate as al, instance as am, h as an, mergeProps as ao, resolveDynamicComponent as ap, useElementSize as aq, onClickOutside as ar, Transition as as, useStyleTag as at, computedAsync as au, useTimeAgo as av, onKeyDown as aw, _export_sfc as ax, resolveDirective as ay, pushScopeId as az, createVNode as b, createElementBlock as c, defineComponent as d, createBaseVNode as e, onMounted as f, onUnmounted as g, timelineLayer as h, activeTimelineEvents as i, activeTimelineEventIndex as j, toggleTimelineEventIndex as k, timelineEventDetails as l, createCommentVNode as m, normalizeClass as n, openBlock as o, activeLayerId as p, toggleTimelineLayer as q, renderList as r, useVModel as s, toDisplayString as t, unref as u, renderSlot as v, withCtx as w, withDirectives as x, vModelSelect as y, isRef as z };

package/dist/client/assets/{inspect-524e80ea.js → inspect-1ec95d81.js}

@@ -1,5 +1,5 @@
-import { d as defineComponent, a3 as useColorMode, Q as ref, R as computed, a4 as reactive, a5 as useElementBounding, f as onMounted, a6 as nextTick, a7 as watchEffect, g as onUnmounted, o as openBlock, c as createElementBlock, b as createVNode, u as unref } from './index-f9588832.js';
-import { i as inspectClientUrl } from './rpc-cdb4316d.js';
+import { d as defineComponent, a2 as useColorMode, Q as ref, R as computed, a3 as reactive, a4 as useElementBounding, f as onMounted, a5 as nextTick, a6 as watchEffect, g as onUnmounted, o as openBlock, c as createElementBlock, b as createVNode, u as unref } from './index-80f8bde5.js';
+import { i as inspectClientUrl } from './rpc-89874498.js';
 
 const iframeCacheMap = /* @__PURE__ */ new Map();
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{overview-03bf6fd5.js → overview-ab9a2b0b.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0$1 } from './VPanelGrids-406150e2.js';
-import { Q as ref, R as computed, a0 as routes, d as defineComponent, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, b as createVNode, t as toDisplayString, u as unref, a1 as vueVersion, E as createTextVNode, c as createElementBlock, F as Fragment, a2 as __unplugin_components_0, P as __unplugin_components_1, X as resolveComponent, _ as _sfc_main$1 } from './index-f9588832.js';
-import { r as rpc } from './rpc-cdb4316d.js';
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-36f4f0da.js';
+import { Q as ref, R as computed, $ as routes, d as defineComponent, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, b as createVNode, t as toDisplayString, u as unref, a0 as vueVersion, E as createTextVNode, c as createElementBlock, F as Fragment, a1 as __unplugin_components_0, P as __unplugin_components_1, X as resolveComponent, _ as _sfc_main$1 } from './index-80f8bde5.js';
+import { r as rpc } from './rpc-89874498.js';
 
-const version = "0.0.1-alpha.5";
+const version = "0.0.1-alpha.7";
 
 /* Injected with object hook! */
 

package/dist/client/assets/{pages-ec4690ed.js → pages-45f5a59a.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-85ccd5d3.js';
-import { d as defineComponent, Q as ref, R as computed, X as resolveComponent, u as unref, o as openBlock, c as createElementBlock, e as createBaseVNode, t as toDisplayString, a as createBlock, w as withCtx, Y as withModifiers, F as Fragment, r as renderList, m as createCommentVNode, b as createVNode, E as createTextVNode, n as normalizeClass, _ as _sfc_main$4, P as __unplugin_components_1, f as onMounted, Z as currentRoute, $ as router, z as isRef, B as withKeys, a0 as routes } from './index-f9588832.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-6152e4cf.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
+import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-8bbedf1b.js';
+import { d as defineComponent, Q as ref, R as computed, X as resolveComponent, u as unref, o as openBlock, c as createElementBlock, e as createBaseVNode, t as toDisplayString, a as createBlock, w as withCtx, Y as withModifiers, F as Fragment, r as renderList, m as createCommentVNode, b as createVNode, E as createTextVNode, n as normalizeClass, _ as _sfc_main$4, P as __unplugin_components_1, f as onMounted, Z as currentRoute, J as router, z as isRef, B as withKeys, $ as routes } from './index-80f8bde5.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
 
 const _hoisted_1$2 = {
   block: "",
@@ -261,6 +261,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     function navigateToRoute(path) {
       router.value?.push(path);
+      routeInput.value = path;
     }
     return (_ctx, _cache) => {
       const _component_VTextInput = _sfc_main$3;

package/dist/client/assets/{pinia-043f9882.js → pinia-c53b0b14.js}

@@ -1,6 +1,6 @@
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-54cc5734.js';
-import { d as defineComponent, Q as ref, R as computed, S as piniaStoresId, T as reactivePick, U as toRaw, V as piniaState, W as piniaGetters, u as unref, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, n as normalizeClass, t as toDisplayString, a as createBlock } from './index-f9588832.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-5e9186fe.js';
+import { d as defineComponent, Q as ref, R as computed, S as piniaStoresId, T as reactivePick, U as toRaw, V as piniaState, W as piniaGetters, u as unref, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, n as normalizeClass, t as toDisplayString, a as createBlock } from './index-80f8bde5.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
 
 const _hoisted_1 = {
   "h-screen": "",

package/dist/client/assets/{routes-0fdcb1c3.js → routes-43e30c86.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-406150e2.js';
-import { _ as __unplugin_components_7 } from './VCard-c6b2e190.js';
-import { d as defineComponent, u as unref, J as router, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, K as routeRecordMatcherState, L as activeRouteRecordMatcherState, a as createBlock, I as _sfc_main$2, n as normalizeClass, M as activeRouteRecordIndex, N as toggleRouteRecordMatcher, E as createTextVNode, t as toDisplayString, O as normalizeStyle, P as __unplugin_components_1 } from './index-f9588832.js';
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-54cc5734.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-36f4f0da.js';
+import { _ as __unplugin_components_7 } from './VCard-925fd18d.js';
+import { d as defineComponent, u as unref, J as router, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, K as routeRecordMatcherState, L as activeRouteRecordMatcherState, a as createBlock, I as _sfc_main$2, n as normalizeClass, M as activeRouteRecordIndex, N as toggleRouteRecordMatcher, E as createTextVNode, t as toDisplayString, O as normalizeStyle, P as __unplugin_components_1 } from './index-80f8bde5.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-5e9186fe.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{rpc-cdb4316d.js → rpc-89874498.js}

@@ -1,4 +1,4 @@
-import { aD as __vitePreload } from './index-f9588832.js';
+import { aC as __vitePreload } from './index-80f8bde5.js';
 
 const DEFAULT_TIMEOUT = 6e4;
 function defaultSerialize(i) {

package/dist/client/assets/{settings-410534ea.js → settings-e7c6c8b0.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
-import { d as defineComponent, s as useVModel, o as openBlock, c as createElementBlock, v as renderSlot, x as withDirectives, y as vModelSelect, u as unref, e as createBaseVNode, t as toDisplayString, m as createCommentVNode, z as isRef, a as createBlock, A as vModelCheckbox, B as withKeys, C as useTabs, D as useCategorizedTabs, b as createVNode, F as Fragment, r as renderList, w as withCtx, E as createTextVNode, G as useDevToolsSettings, _ as _sfc_main$5, H as _sfc_main$6, n as normalizeClass, I as _sfc_main$7 } from './index-f9588832.js';
-import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-6152e4cf.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { d as defineComponent, s as useVModel, o as openBlock, c as createElementBlock, v as renderSlot, x as withDirectives, y as vModelSelect, u as unref, e as createBaseVNode, t as toDisplayString, m as createCommentVNode, z as isRef, a as createBlock, A as vModelCheckbox, B as withKeys, C as useTabs, D as useCategorizedTabs, b as createVNode, F as Fragment, r as renderList, w as withCtx, E as createTextVNode, G as useDevToolsSettings, _ as _sfc_main$5, H as _sfc_main$6, n as normalizeClass, I as _sfc_main$7 } from './index-80f8bde5.js';
+import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-cc47c786.js';
 
 const _hoisted_1$2 = { class: "n-text-input flex flex items-center border n-border-base rounded px-2 py-1 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _hoisted_2$2 = ["disabled"];

package/dist/client/assets/{splitpanes.es-54cc5734.js → splitpanes.es-5e9186fe.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
-import { d as defineComponent, o as openBlock, a as createBlock, n as normalizeClass, z as isRef, U as toRaw, R as computed, X as resolveComponent, c as createElementBlock, r as renderList, e as createBaseVNode, t as toDisplayString, m as createCommentVNode, u as unref, F as Fragment, Q as ref, b as createVNode, ao as h, v as renderSlot, O as normalizeStyle } from './index-f9588832.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
+import { d as defineComponent, o as openBlock, a as createBlock, n as normalizeClass, z as isRef, U as toRaw, R as computed, X as resolveComponent, c as createElementBlock, r as renderList, e as createBaseVNode, t as toDisplayString, m as createCommentVNode, u as unref, F as Fragment, Q as ref, b as createVNode, an as h, v as renderSlot, O as normalizeStyle } from './index-80f8bde5.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "VExpandIcon",

package/dist/client/assets/{timeline-785a50fc.js → timeline-9c2f9940.js}

@@ -1,8 +1,8 @@
-import { g, M, _ as _sfc_main$2 } from './splitpanes.es-54cc5734.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-406150e2.js';
-import { _ as __unplugin_components_7 } from './VCard-c6b2e190.js';
-import { d as defineComponent, o as openBlock, c as createElementBlock, F as Fragment, r as renderList, a as createBlock, w as withCtx, b as createVNode, e as createBaseVNode, n as normalizeClass, t as toDisplayString, u as unref, f as onMounted, g as onUnmounted, h as timelineLayer, i as activeTimelineEvents, j as activeTimelineEventIndex, k as toggleTimelineEventIndex, l as timelineEventDetails, m as createCommentVNode, p as activeLayerId, q as toggleTimelineLayer } from './index-f9588832.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-a13e29ee.js';
+import { g, M, _ as _sfc_main$2 } from './splitpanes.es-5e9186fe.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-36f4f0da.js';
+import { _ as __unplugin_components_7 } from './VCard-925fd18d.js';
+import { d as defineComponent, o as openBlock, c as createElementBlock, F as Fragment, r as renderList, a as createBlock, w as withCtx, b as createVNode, e as createBaseVNode, n as normalizeClass, t as toDisplayString, u as unref, f as onMounted, g as onUnmounted, h as timelineLayer, i as activeTimelineEvents, j as activeTimelineEventIndex, k as toggleTimelineEventIndex, l as timelineEventDetails, m as createCommentVNode, p as activeLayerId, q as toggleTimelineLayer } from './index-80f8bde5.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-b2c0c55b.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/dist/client/index.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <title>Vue Devtools</title>
-  <script type="module" crossorigin src="./assets/index-f9588832.js"></script>
+  <script type="module" crossorigin src="./assets/index-80f8bde5.js"></script>
   <link rel="stylesheet" href="./assets/index-f0fa9f81.css">
 </head>
 <body>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-devtools",
-  "version": "0.0.1-alpha.5",
+  "version": "0.0.1-alpha.7",
   "packageManager": "pnpm@7.30.0",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",

package/src/node/Container.vue

@@ -1,5 +1,5 @@
 <script setup>
-import { computed, defineProps, ref } from 'vue'
+import { computed, onMounted, ref } from 'vue'
 import vueDevtoolsOptions from 'virtual:vue-devtools-options'
 
 const props = defineProps({
@@ -100,7 +100,7 @@ const toggleButtonPosition = computed(() => {
     '--hover-translate': 'translate(0, -3px)',
   }
 })
-const panelPosition = computed(() => panelVisible.value ? panelStyle.value : { zIndex: -100000 })
+const panelPosition = computed(() => panelVisible.value ? panelStyle.value : { zIndex: -100000, left: '-9999px', top: '-9999px' })
 
 function togglePanel() {
   panelVisible.value = !panelVisible.value
@@ -118,7 +118,7 @@ function disableComponentInspector() {
     panelState.value.viewMode = 'default'
 }
 
-function waitForClientInjection(retry = 10, timeout = 200) {
+function waitForClientInjection(retry = 30, timeout = 200) {
   const test = () => !!iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__
 
   if (test())
@@ -131,7 +131,6 @@ function waitForClientInjection(retry = 10, timeout = 200) {
         resolve()
       }
       else if (retry-- <= 0) {
-        console.log(iframe.value.contentWindow.__VUE_DEVTOOLS_VIEW__)
         clearInterval(interval)
         // eslint-disable-next-line prefer-promise-reject-errors
         reject('Vue Devtools client injection failed')
@@ -181,7 +180,7 @@ function initPanelPosition() {
 function collectHookBuffer() {
   let sortId = 0
   const DevtoolsHooks = {
-    COMPONENT_INIT: 'app:init',
+    APP_INIT: 'app:init',
     COMPONENT_UPDATED: 'component:updated',
     COMPONENT_ADDED: 'component:added',
     COMPONENT_REMOVED: 'component:removed',
@@ -190,11 +189,21 @@ function collectHookBuffer() {
     PERF_END: 'perf:end',
   }
 
-  function skipCollect(component) {
-    return component?.root?.type?.devtools?.hide || iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__
+  function stopCollect(component) {
+    return component?.root?.type?.devtools?.hide || iframe.value?.contentWindow?.__VUE_DEVTOOLS_VIEW__?.loaded
   }
+
+  props.hook.on(DevtoolsHooks.APP_INIT, (app) => {
+    if (!app || app._instance.type?.devtools?.hide)
+      return
+
+    hookBuffer.push([DevtoolsHooks.APP_INIT, {
+      app,
+    }])
+  })
+
   props.hook.on(DevtoolsHooks.PERF_START, (app, uid, component, type, time) => {
-    if (skipCollect(component))
+    if (stopCollect(component))
       return
 
     hookBuffer.push([DevtoolsHooks.PERF_START, {
@@ -208,7 +217,7 @@ function collectHookBuffer() {
     }])
   })
   props.hook.on(DevtoolsHooks.PERF_END, (app, uid, component, type, time) => {
-    if (skipCollect(component))
+    if (stopCollect(component))
       return
 
     hookBuffer.push([DevtoolsHooks.PERF_END, {
@@ -220,16 +229,16 @@ function collectHookBuffer() {
       time,
       sortId: sortId++,
     }])
-  });
+  })
 
-  [
+  ;[
     DevtoolsHooks.COMPONENT_UPDATED,
     DevtoolsHooks.COMPONENT_ADDED,
     DevtoolsHooks.COMPONENT_REMOVED,
     DevtoolsHooks.COMPONENT_EMIT,
   ].forEach((item) => {
     props.hook.on(item, (app, uid, parentUid, component) => {
-      if (!app || (typeof uid !== 'number' && !uid) || !component || skipCollect(component))
+      if (!app || (typeof uid !== 'number' && !uid) || !component || stopCollect(component))
         return
       hookBuffer.push([item, {
         app, uid, parentUid, component,
@@ -238,6 +247,13 @@ function collectHookBuffer() {
   })
 }
 
+onMounted(() => {
+  window.addEventListener('keydown', (e) => {
+    if (e.code === 'KeyD' && e.altKey && e.shiftKey)
+      togglePanel()
+  })
+})
+
 collectHookBuffer()
 initPanelPosition()
 </script>