vite-plugin-vue-devtools 0.0.4 → 0.0.6

package/README.md

@@ -18,7 +18,7 @@ Vue DevTools <sup>Preview</sup>
 </p>
 
 <p align="center">
-<a href="https://stackblitz.com/edit/vitejs-vite-oxbwzk?embed=1&file=vite.config.ts&view=preview"><img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt=""></a>
+<a href="https://stackblitz.com/edit/vitejs-vite-oxbwzk?file=vite.config.ts&view=preview"><img src="https://developer.stackblitz.com/img/open_in_stackblitz.svg" alt=""></a>
 </p>
 
 

package/dist/client/assets/{VCard-d5dce5dc.js → VCard-365cd722.js}

@@ -1,4 +1,4 @@
-import { aF as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-0fe3b68e.js';
+import { av as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-2a1677bb.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js → VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-0fe3b68e.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass } from './index-2a1677bb.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "VIcon",

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-6bf4d2c5.js → VIconTitle.vue_vue_type_script_setup_true_lang-7e3b636a.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-0fe3b68e.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, x as createBaseVNode, y as toDisplayString } from './index-2a1677bb.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-01802272.js → VPanelGrids-e269e398.js}

@@ -1,4 +1,4 @@
-import { aF as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-0fe3b68e.js';
+import { av as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-2a1677bb.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-2730be3e.js → VTextInput.vue_vue_type_script_setup_true_lang-fd84d253.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-6bf4d2c5.js';
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js';
-import { v as defineComponent, K as useVModel, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, b as resolveDirective, R as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, aF as _export_sfc, aG as vModelDynamic, k as mergeProps, M as isRef } from './index-0fe3b68e.js';
+import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-7e3b636a.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js';
+import { v as defineComponent, K as useVModel, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, b as resolveDirective, Q as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, av as _export_sfc, aw as vModelDynamic, k as mergeProps, M as isRef } from './index-2a1677bb.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["open"];

package/dist/client/assets/{__inspecting-1d8af17f.js → __inspecting-dcdfea86.js}

@@ -1,5 +1,5 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-01802272.js';
-import { v as defineComponent, aI as useEventListener, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, aJ as useDevtoolsClient } from './index-0fe3b68e.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-e269e398.js';
+import { v as defineComponent, ay as useEventListener, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, az as useDevtoolsClient } from './index-2a1677bb.js';
 
 const _hoisted_1 = /* @__PURE__ */ createBaseVNode("div", null, " Inspecting Vue components ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{assets-bdd87b4e.js → assets-43c4f03a.js}

@@ -1,11 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-01802272.js';
-import { _ as __unplugin_components_7 } from './VCard-d5dce5dc.js';
-import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js';
-import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent, a0 as ref, ay as useElementSize, az as onClickOutside, e as createElementBlock, x as createBaseVNode, f as renderSlot, z as unref, g as createCommentVNode, aA as Transition, a1 as computed, y as toDisplayString, q as normalizeClass, aB as useStyleTag, l as normalizeStyle, aC as computedAsync, aD as useTimeAgo, F as Fragment, R as createTextVNode, _ as _sfc_main$b, aE as onKeyDown, M as isRef, i as renderList } from './index-0fe3b68e.js';
-import { r as rpc } from './rpc-a3180d73.js';
-import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-2730be3e.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-e269e398.js';
+import { _ as __unplugin_components_7 } from './VCard-365cd722.js';
+import { _ as _sfc_main$a } from './VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js';
+import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent, $ as ref, ao as useElementSize, ap as onClickOutside, e as createElementBlock, x as createBaseVNode, f as renderSlot, z as unref, g as createCommentVNode, aq as Transition, a0 as computed, y as toDisplayString, q as normalizeClass, ar as useStyleTag, l as normalizeStyle, as as computedAsync, at as useTimeAgo, F as Fragment, Q as createTextVNode, _ as _sfc_main$b, au as onKeyDown, M as isRef, i as renderList } from './index-2a1677bb.js';
+import { r as rpc } from './rpc-8cf8610c.js';
+import { _ as _sfc_main$c, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-fd84d253.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-6bf4d2c5.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-7e3b636a.js';
 
 const _sfc_main$9 = /* @__PURE__ */ defineComponent({
   __name: "VIconButton",

package/dist/client/assets/{components-f3ebd9fc.js → components-a684c153.js}

@@ -1,8 +1,99 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-01802272.js';
-import { _ as __unplugin_components_7 } from './VCard-d5dce5dc.js';
-import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-dcbb9776.js';
-import { aj as getInstanceName, ak as classify, al as kebabize, am as isFragment, an as camelize, ao as returnError, ap as isBeingDestroyed, aq as getUniqueComponentId, ar as getRenderKey, a0 as ref, as as shallowRef, a1 as computed, v as defineComponent, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, F as Fragment, i as renderList, g as createCommentVNode, A as onMounted, at as onVueInstanceUpdate, u as createVNode, h as withCtx, ac as reactive, au as instance } from './index-0fe3b68e.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-e269e398.js';
+import { _ as __unplugin_components_7 } from './VCard-365cd722.js';
+import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-c6654cbc.js';
+import { F as Fragment, $ as ref, ai as shallowRef, a0 as computed, v as defineComponent, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, i as renderList, g as createCommentVNode, A as onMounted, aj as onVueInstanceUpdate, u as createVNode, h as withCtx, ab as reactive, ak as instance } from './index-2a1677bb.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js';
+import './index-56f266d3.js';
+
+function isBeingDestroyed(instance) {
+  return instance._isBeingDestroyed || instance.isUnmounted;
+}
+function isFragment(instance) {
+  return Fragment === instance.subTree?.type;
+}
+function getInstanceName(instance) {
+  const name = getComponentTypeName(instance.type || {});
+  if (name)
+    return name;
+  if (instance.root === instance)
+    return "Root";
+  for (const key in instance.parent?.type?.components) {
+    if (instance.parent.type.components[key] === instance.type)
+      return saveComponentName(instance, key);
+  }
+  for (const key in instance.appContext?.components) {
+    if (instance.appContext.components[key] === instance.type)
+      return saveComponentName(instance, key);
+  }
+  const fileName = getComponentFileName(instance.type || {});
+  if (fileName)
+    return fileName;
+  return "Anonymous Component";
+}
+function saveComponentName(instance, key) {
+  return key;
+}
+function getComponentTypeName(options) {
+  return options.name || options._componentTag || options.__vdevtools_guessedName || options.__name;
+}
+function getComponentFileName(options) {
+  const file = options.__file;
+  if (file) {
+    const filename = options.__file?.match(/\/?([^/]+?)(\.[^/.]+)?$/)?.[1];
+    return filename ?? file;
+  }
+}
+function getUniqueComponentId(instance) {
+  const appId = "vue-devtools";
+  const instanceId = instance === instance.root ? "root" : instance.uid;
+  return `${appId}:${instanceId}`;
+}
+function getRenderKey(value) {
+  if (value == null)
+    return null;
+  const type = typeof value;
+  if (type === "number")
+    return value;
+  else if (type === "string")
+    return `'${value}'`;
+  else if (Array.isArray(value))
+    return "Array";
+  else
+    return "Object";
+}
+function cached(fn) {
+  const cache = /* @__PURE__ */ Object.create(null);
+  return function cachedFn(str) {
+    const hit = cache[str];
+    return hit || (cache[str] = fn(str));
+  };
+}
+function toUpper(_, c) {
+  return c ? c.toUpperCase() : "";
+}
+const camelizeRE = /-(\w)/g;
+const camelize = cached((str) => {
+  return str && str.replace(camelizeRE, toUpper);
+});
+const kebabizeRE = /([a-z0-9])([A-Z])/g;
+const kebabize = cached((str) => {
+  return str && str.replace(kebabizeRE, (_, lowerCaseCharacter, upperCaseLetter) => {
+    return `${lowerCaseCharacter}-${upperCaseLetter}`;
+  }).toLowerCase();
+});
+function returnError(cb) {
+  try {
+    return cb();
+  } catch (e) {
+    return e;
+  }
+}
+const classifyRE = /(?:^|[-_/])(\w)/g;
+const classify = cached((str) => {
+  return str && `${str}`.replace(classifyRE, toUpper);
+});
+
+/* Injected with object hook! */
 
 class ComponentFilter {
   filter;

package/dist/client/assets/{graph-298bd1af.js → graph-b4acfb90.js}

@@ -1,6 +1,6 @@
-import { a0 as ref, af as useStorage, a1 as computed, v as defineComponent, o as openBlock, e as createElementBlock, d as withDirectives, ag as vModelText, z as unref, x as createBaseVNode, M as isRef, N as vModelCheckbox, ah as useDark, A as onMounted, ai as watch, u as createVNode } from './index-0fe3b68e.js';
+import { $ as ref, ae as useStorage, a0 as computed, v as defineComponent, o as openBlock, e as createElementBlock, d as withDirectives, af as vModelText, z as unref, x as createBaseVNode, M as isRef, N as vModelCheckbox, ag as useDark, A as onMounted, ah as watch, u as createVNode } from './index-2a1677bb.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { r as rpc } from './rpc-a3180d73.js';
+import { r as rpc } from './rpc-8cf8610c.js';
 
 const list = ref(await rpc.componentGraph());
 const searchText = useStorage("vite-inspect-search-text", "");
@@ -52233,9 +52233,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }
       };
       const network = new Network(container.value, data.value, options);
-      network.on("click", (data2) => {
-        data2.nodes?.[0];
-      });
       watch(data, () => {
         network.setData(data.value);
       });

package/dist/client/assets/{index-0fe3b68e.js → index-2a1677bb.js}

@@ -302,12 +302,12 @@ const cacheStringFunction = (fn) => {
         return hit || (cache[str] = fn(str));
     });
 };
-const camelizeRE$1 = /-(\w)/g;
+const camelizeRE = /-(\w)/g;
 /**
  * @private
  */
-const camelize$1 = cacheStringFunction((str) => {
-    return str.replace(camelizeRE$1, (_, c) => (c ? c.toUpperCase() : ''));
+const camelize = cacheStringFunction((str) => {
+    return str.replace(camelizeRE, (_, c) => (c ? c.toUpperCase() : ''));
 });
 const hyphenateRE = /\B([A-Z])/g;
 /**
@@ -1678,7 +1678,7 @@ function emit(instance, event, ...rawArgs) {
     let handlerName;
     let handler = props[(handlerName = toHandlerKey(event))] ||
         // also try camelCase event handler (#2249)
-        props[(handlerName = toHandlerKey(camelize$1(event)))];
+        props[(handlerName = toHandlerKey(camelize(event)))];
     // for v-model update:xxx events, also trigger kebab-case equivalent
     // for props passed via kebab-case
     if (!handler && isModelListener) {
@@ -2836,8 +2836,8 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
             const selfName = getComponentName(Component, false /* do not include inferred name to avoid breaking existing code */);
             if (selfName &&
                 (selfName === name ||
-                    selfName === camelize$1(name) ||
-                    selfName === capitalize(camelize$1(name)))) {
+                    selfName === camelize(name) ||
+                    selfName === capitalize(camelize(name)))) {
                 return Component;
             }
         }
@@ -2857,8 +2857,8 @@ function resolveAsset(type, name, warnMissing = true, maybeSelfReference = false
 function resolve(registry, name) {
     return (registry &&
         (registry[name] ||
-            registry[camelize$1(name)] ||
-            registry[capitalize(camelize$1(name))]));
+            registry[camelize(name)] ||
+            registry[capitalize(camelize(name))]));
 }
 
 /**
@@ -3522,7 +3522,7 @@ function updateProps(instance, rawProps, rawPrevProps, optimized) {
                         }
                     }
                     else {
-                        const camelizedKey = camelize$1(key);
+                        const camelizedKey = camelize(key);
                         props[camelizedKey] = resolvePropValue(options, rawCurrentProps, camelizedKey, value, instance, false /* isAbsent */);
                     }
                 }
@@ -3596,7 +3596,7 @@ function setFullProps(instance, rawProps, props, attrs) {
             // prop option names are camelized during normalization, so to support
             // kebab -> camel conversion here we need to camelize the key.
             let camelKey;
-            if (options && hasOwn(options, (camelKey = camelize$1(key)))) {
+            if (options && hasOwn(options, (camelKey = camelize(key)))) {
                 if (!needCastKeys || !needCastKeys.includes(camelKey)) {
                     props[camelKey] = value;
                 }
@@ -3694,7 +3694,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     if (isArray$1(raw)) {
         for (let i = 0; i < raw.length; i++) {
-            const normalizedKey = camelize$1(raw[i]);
+            const normalizedKey = camelize(raw[i]);
             if (validatePropName(normalizedKey)) {
                 normalized[normalizedKey] = EMPTY_OBJ;
             }
@@ -3702,7 +3702,7 @@ function normalizePropsOptions(comp, appContext, asMixin = false) {
     }
     else if (raw) {
         for (const key in raw) {
-            const normalizedKey = camelize$1(key);
+            const normalizedKey = camelize(key);
             if (validatePropName(normalizedKey)) {
                 const opt = raw[key];
                 const prop = (normalized[normalizedKey] =
@@ -6135,7 +6135,7 @@ function autoPrefix(style, rawName) {
     if (cached) {
         return cached;
     }
-    let name = camelize$1(rawName);
+    let name = camelize(rawName);
     if (name !== 'filter' && name in style) {
         return (prefixCache[rawName] = name);
     }
@@ -14157,17 +14157,17 @@ const _sfc_main$6 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const __pages_import_0__ = () => __vitePreload(() => import('./timeline-9e30477c.js'),true?["./timeline-9e30477c.js","./splitpanes.es-dcbb9776.js","./VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js","./VPanelGrids-01802272.js","./VCard-d5dce5dc.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
-const __pages_import_1__ = () => __vitePreload(() => import('./settings-b9471d84.js'),true?["./settings-b9471d84.js","./VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6bf4d2c5.js"]:void 0,import.meta.url);
-const __pages_import_2__ = () => __vitePreload(() => import('./routes-42ec2b9a.js'),true?["./routes-42ec2b9a.js","./VPanelGrids-01802272.js","./VCard-d5dce5dc.js","./splitpanes.es-dcbb9776.js","./VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js"]:void 0,import.meta.url);
-const __pages_import_3__ = () => __vitePreload(() => import('./pinia-c92015f4.js'),true?["./pinia-c92015f4.js","./splitpanes.es-dcbb9776.js","./VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js"]:void 0,import.meta.url);
-const __pages_import_4__ = () => __vitePreload(() => import('./pages-332f4308.js'),true?["./pages-332f4308.js","./VTextInput.vue_vue_type_script_setup_true_lang-2730be3e.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6bf4d2c5.js","./VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
-const __pages_import_5__ = () => __vitePreload(() => import('./overview-4c38bb9d.js'),true?["./overview-4c38bb9d.js","./VPanelGrids-01802272.js","./rpc-a3180d73.js"]:void 0,import.meta.url);
-const __pages_import_6__ = () => __vitePreload(() => import('./inspect-fc04f168.js'),true?["./inspect-fc04f168.js","./rpc-a3180d73.js"]:void 0,import.meta.url);
-const __pages_import_8__ = () => __vitePreload(() => import('./graph-298bd1af.js'),true?["./graph-298bd1af.js","./fuse.esm-c317b696.js","./rpc-a3180d73.js"]:void 0,import.meta.url);
-const __pages_import_9__ = () => __vitePreload(() => import('./components-f3ebd9fc.js'),true?["./components-f3ebd9fc.js","./VPanelGrids-01802272.js","./VCard-d5dce5dc.js","./splitpanes.es-dcbb9776.js","./VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js"]:void 0,import.meta.url);
-const __pages_import_10__ = () => __vitePreload(() => import('./assets-bdd87b4e.js'),true?["./assets-bdd87b4e.js","./VPanelGrids-01802272.js","./VCard-d5dce5dc.js","./VIcon.vue_vue_type_script_setup_true_lang-86e98dd0.js","./rpc-a3180d73.js","./VTextInput.vue_vue_type_script_setup_true_lang-2730be3e.js","./VIconTitle.vue_vue_type_script_setup_true_lang-6bf4d2c5.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
-const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-1d8af17f.js'),true?["./__inspecting-1d8af17f.js","./VPanelGrids-01802272.js"]:void 0,import.meta.url);
+const __pages_import_0__ = () => __vitePreload(() => import('./timeline-6ffbb5a9.js'),true?["./timeline-6ffbb5a9.js","./splitpanes.es-c6654cbc.js","./VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js","./index-56f266d3.js","./VPanelGrids-e269e398.js","./VCard-365cd722.js","./timeline-b315b2e0.css"]:void 0,import.meta.url);
+const __pages_import_1__ = () => __vitePreload(() => import('./settings-a29fd3d3.js'),true?["./settings-a29fd3d3.js","./VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js","./VIconTitle.vue_vue_type_script_setup_true_lang-7e3b636a.js"]:void 0,import.meta.url);
+const __pages_import_2__ = () => __vitePreload(() => import('./routes-71c9bb6b.js'),true?["./routes-71c9bb6b.js","./VPanelGrids-e269e398.js","./VCard-365cd722.js","./splitpanes.es-c6654cbc.js","./VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js","./index-56f266d3.js"]:void 0,import.meta.url);
+const __pages_import_3__ = () => __vitePreload(() => import('./pinia-9d62859f.js'),true?["./pinia-9d62859f.js","./splitpanes.es-c6654cbc.js","./VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js","./index-56f266d3.js"]:void 0,import.meta.url);
+const __pages_import_4__ = () => __vitePreload(() => import('./pages-b9188b20.js'),true?["./pages-b9188b20.js","./VTextInput.vue_vue_type_script_setup_true_lang-fd84d253.js","./VIconTitle.vue_vue_type_script_setup_true_lang-7e3b636a.js","./VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js","./VTextInput-52804693.css"]:void 0,import.meta.url);
+const __pages_import_5__ = () => __vitePreload(() => import('./overview-bd834aea.js'),true?["./overview-bd834aea.js","./VPanelGrids-e269e398.js","./rpc-8cf8610c.js","./index-56f266d3.js"]:void 0,import.meta.url);
+const __pages_import_6__ = () => __vitePreload(() => import('./inspect-83db2b32.js'),true?["./inspect-83db2b32.js","./rpc-8cf8610c.js"]:void 0,import.meta.url);
+const __pages_import_8__ = () => __vitePreload(() => import('./graph-b4acfb90.js'),true?["./graph-b4acfb90.js","./fuse.esm-c317b696.js","./rpc-8cf8610c.js"]:void 0,import.meta.url);
+const __pages_import_9__ = () => __vitePreload(() => import('./components-a684c153.js'),true?["./components-a684c153.js","./VPanelGrids-e269e398.js","./VCard-365cd722.js","./splitpanes.es-c6654cbc.js","./VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js","./index-56f266d3.js"]:void 0,import.meta.url);
+const __pages_import_10__ = () => __vitePreload(() => import('./assets-43c4f03a.js'),true?["./assets-43c4f03a.js","./VPanelGrids-e269e398.js","./VCard-365cd722.js","./VIcon.vue_vue_type_script_setup_true_lang-d879f03a.js","./rpc-8cf8610c.js","./VTextInput.vue_vue_type_script_setup_true_lang-fd84d253.js","./VIconTitle.vue_vue_type_script_setup_true_lang-7e3b636a.js","./VTextInput-52804693.css","./fuse.esm-c317b696.js"]:void 0,import.meta.url);
+const __pages_import_11__ = () => __vitePreload(() => import('./__inspecting-dcdfea86.js'),true?["./__inspecting-dcdfea86.js","./VPanelGrids-e269e398.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! */
@@ -14324,8 +14324,8 @@ const _hoisted_5$1 = {
 };
 const _hoisted_6$1 = /* @__PURE__ */ createBaseVNode("div", {
   "carbon-sun": "",
-  "dark:carbon-moon": "",
-  "translate-y--1px": ""
+  "translate-y--1px": "",
+  "dark:carbon-moon": ""
 }, null, -1);
 const _hoisted_7$1 = /* @__PURE__ */ createBaseVNode("div", {
   "carbon-settings": "",
@@ -14359,7 +14359,7 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     ];
     function toggle(position) {
       frameState.value.position = position;
-      client.value?.panel?.toggle(position);
+      client.value?.panel?.togglePosition(position);
       _position.value = position;
     }
     return (_ctx, _cache) => {
@@ -14704,99 +14704,9 @@ let nanoid = (size = 21) =>
 
 /* Injected with object hook! */
 
-function isBeingDestroyed(instance) {
-  return instance._isBeingDestroyed || instance.isUnmounted;
-}
-function isFragment(instance) {
-  return Fragment === instance.subTree?.type;
-}
-function getInstanceName(instance) {
-  const name = getComponentTypeName(instance.type || {});
-  if (name)
-    return name;
-  if (instance.root === instance)
-    return "Root";
-  for (const key in instance.parent?.type?.components) {
-    if (instance.parent.type.components[key] === instance.type)
-      return saveComponentName(instance, key);
-  }
-  for (const key in instance.appContext?.components) {
-    if (instance.appContext.components[key] === instance.type)
-      return saveComponentName(instance, key);
-  }
-  const fileName = getComponentFileName(instance.type || {});
-  if (fileName)
-    return fileName;
-  return "Anonymous Component";
-}
-function saveComponentName(instance, key) {
-  return key;
-}
-function getComponentTypeName(options) {
-  return options.name || options._componentTag || options.__vdevtools_guessedName || options.__name;
-}
-function getComponentFileName(options) {
-  const file = options.__file;
-  if (file) {
-    const filename = options.__file?.match(/\/?([^/]+?)(\.[^/.]+)?$/)?.[1];
-    return filename ?? file;
-  }
-}
-function getUniqueComponentId(instance) {
-  const appId = "vue-devtools";
-  const instanceId = instance === instance.root ? "root" : instance.uid;
-  return `${appId}:${instanceId}`;
-}
-function getRenderKey(value) {
-  if (value == null)
-    return null;
-  const type = typeof value;
-  if (type === "number")
-    return value;
-  else if (type === "string")
-    return `'${value}'`;
-  else if (Array.isArray(value))
-    return "Array";
-  else
-    return "Object";
-}
-function cached(fn) {
-  const cache = /* @__PURE__ */ Object.create(null);
-  return function cachedFn(str) {
-    const hit = cache[str];
-    return hit || (cache[str] = fn(str));
-  };
-}
-function toUpper(_, c) {
-  return c ? c.toUpperCase() : "";
-}
-const camelizeRE = /-(\w)/g;
-const camelize = cached((str) => {
-  return str && str.replace(camelizeRE, toUpper);
-});
-const kebabizeRE = /([a-z0-9])([A-Z])/g;
-const kebabize = cached((str) => {
-  return str && str.replace(kebabizeRE, (_, lowerCaseCharacter, upperCaseLetter) => {
-    return `${lowerCaseCharacter}-${upperCaseLetter}`;
-  }).toLowerCase();
-});
-function returnError(cb) {
-  try {
-    return cb();
-  } catch (e) {
-    return e;
-  }
-}
-const classifyRE = /(?:^|[-_/])(\w)/g;
-const classify = cached((str) => {
-  return str && `${str}`.replace(classifyRE, toUpper);
-});
-
-/* Injected with object hook! */
-
 const timelineLayer = ref([]);
 const timelineEvent = ref([]);
-const activeLayerId = ref("performance");
+const activeLayerId = ref("router");
 const activeTimelineEvents = computed(() => {
   return timelineEvent.value.map((item) => ({ ...item, id: nanoid() })).filter((item) => item.layerId === activeLayerId.value);
 });
@@ -14825,81 +14735,6 @@ const timelineEventDetails = computed(() => {
     value: activeTimelineEvents.value[activeTimelineEventIndex.value]?.event.data
   };
 });
-function addTimelineEvent(event) {
-  const [eventType, {
-    now,
-    app,
-    uid,
-    component,
-    type,
-    time,
-    sortId
-  }] = event;
-  const filename = component.type.__name ?? component.type.name ?? getComponentFileName(component.type);
-  if (!filename)
-    return;
-  const item = timelineEvent.value.slice(0).reverse().find((item2) => item2.groupKey === `${uid}-${type}`);
-  timelineApi.addTimelineEvent({
-    layerId: "performance",
-    groupKey: `${uid}-${type}`,
-    sortId,
-    event: {
-      title: filename,
-      subtitle: type,
-      time,
-      now,
-      data: {
-        component: filename,
-        // name,
-        type,
-        measure: eventType === "perf:start" ? "start" : "end",
-        ...eventType === "perf:end" ? { duration: `${time - (item?.event?.time ?? 0)}ms` } : {}
-      }
-    }
-  });
-}
-function initPerfTimeline(events) {
-  const performTimelineSortKey = {
-    start: -1,
-    end: 1
-  };
-  timelineApi.addTimelineLayer({
-    id: "performance",
-    label: "Performance"
-  });
-  events.forEach((event) => {
-    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 = useDevtoolsClient();
-  let sortId = timelineEvent.value.length;
-  client.value?.hook?.on("perf:start", (app, uid, component, type, time) => {
-    if (component?.root.type?.devtools?.hide)
-      return;
-    addTimelineEvent(["perf:start", {
-      now: Date.now(),
-      app,
-      uid,
-      component,
-      type,
-      time,
-      sortId: sortId++
-    }]);
-  });
-  client.value?.hook?.on("perf:end", (app, uid, component, type, time) => {
-    if (component?.root.type?.devtools?.hide)
-      return;
-    addTimelineEvent(["perf:end", {
-      now: Date.now(),
-      app,
-      uid,
-      component,
-      type,
-      time,
-      sortId: sortId++
-    }]);
-  });
-}
 
 /* Injected with object hook! */
 
@@ -15030,7 +14865,7 @@ function subscribeStore(store) {
     subscribes.value[store.$id].push(stop);
   });
   const subscribe = store.$subscribe(
-    ({ events, type }, state) => {
+    ({ events, type }, _) => {
       const eventData = {
         time: Date.now(),
         now: Date.now(),
@@ -15054,7 +14889,7 @@ function subscribeStore(store) {
     { detached: true, flush: "sync" }
   );
   subscribes.value[store.$id].push(subscribe);
-  store._hotUpdate = markRaw((newStore) => {
+  store._hotUpdate = markRaw((_) => {
     timeApi.addTimelineEvent({
       layerId: LAYER_ID$1,
       event: {
@@ -15207,7 +15042,7 @@ function produceHook() {
   });
 }
 function ConsumeHook(buffer) {
-  buffer.forEach(([eventType, { app, component }]) => {
+  buffer.forEach(([_, { app, component }]) => {
     updatePinia(component);
     updateApp(app, component);
   });
@@ -15397,7 +15232,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       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();
@@ -15424,6 +15258,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         document.body.style.fontSize = `${scale.value * 15}px`;
       });
     });
+    useEventListener("keydown", (e) => {
+      if (e.code === "KeyD" && e.altKey && e.shiftKey) {
+        const client = useDevtoolsClient();
+        client.value?.panel?.toggle();
+      }
+    });
     router.replace(_route.value);
     return (_ctx, _cache) => {
       const _component_SideNav = _sfc_main$1;
@@ -15482,4 +15322,4 @@ app.mount("#app");
 
 /* Injected with object hook! */
 
-export { __unplugin_components_1 as $, onMounted as A, onUnmounted as B, timelineLayer as C, activeTimelineEvents as D, activeTimelineEventIndex as E, Fragment as F, toggleTimelineEventIndex as G, timelineEventDetails as H, activeLayerId as I, toggleTimelineLayer as J, useVModel as K, vModelSelect as L, isRef as M, vModelCheckbox as N, withKeys as O, useTabs as P, useCategorizedTabs as Q, createTextVNode as R, useDevToolsSettings as S, _sfc_main$3 as T, _sfc_main$5 as U, router$1 as V, routeRecordMatcherState as W, activeRouteRecordMatcherState as X, activeRouteRecordIndex as Y, toggleRouteRecordMatcher as Z, _sfc_main$9 as _, popScopeId as a, ref as a0, computed as a1, piniaStoresCategory as a2, toRaw as a3, piniaState as a4, piniaGetters as a5, withModifiers as a6, currentRoute as a7, routes as a8, vueVersion as a9, Transition as aA, useStyleTag as aB, computedAsync as aC, useTimeAgo as aD, onKeyDown as aE, _export_sfc as aF, vModelDynamic as aG, __vitePreload as aH, useEventListener as aI, useDevtoolsClient as aJ, __unplugin_components_0 as aa, useColorMode as ab, reactive as ac, useElementBounding as ad, watchEffect as ae, useStorage as af, vModelText as ag, useDark as ah, watch as ai, getInstanceName as aj, classify as ak, kebabize as al, isFragment as am, camelize as an, returnError as ao, isBeingDestroyed as ap, getUniqueComponentId as aq, getRenderKey as ar, shallowRef as as, onVueInstanceUpdate as at, instance as au, nanoid as av, vShow as aw, h as ax, useElementSize as ay, onClickOutside as az, resolveDirective as b, createBlock as c, withDirectives as d, createElementBlock as e, renderSlot as f, createCommentVNode as g, withCtx as h, renderList as i, resolveDynamicComponent as j, mergeProps as k, normalizeStyle as l, markRaw as m, nextTick as n, openBlock as o, pushScopeId as p, normalizeClass as q, resolveComponent as r, shallowReactive as s, toHandlers as t, createVNode as u, defineComponent as v, withScopeId as w, createBaseVNode as x, toDisplayString as y, unref as z };
+export { ref as $, onMounted as A, onUnmounted as B, timelineLayer as C, activeTimelineEvents as D, activeTimelineEventIndex as E, Fragment as F, toggleTimelineEventIndex as G, timelineEventDetails as H, activeLayerId as I, toggleTimelineLayer as J, useVModel as K, vModelSelect as L, isRef as M, vModelCheckbox as N, withKeys as O, useCategorizedTabs as P, createTextVNode as Q, useDevToolsSettings as R, _sfc_main$3 as S, _sfc_main$5 as T, router$1 as U, routeRecordMatcherState as V, activeRouteRecordMatcherState as W, activeRouteRecordIndex as X, toggleRouteRecordMatcher as Y, __unplugin_components_1 as Z, _sfc_main$9 as _, popScopeId as a, computed as a0, piniaStoresCategory as a1, toRaw as a2, piniaState as a3, piniaGetters as a4, withModifiers as a5, currentRoute as a6, routes as a7, vueVersion as a8, __unplugin_components_0 as a9, useColorMode as aa, reactive as ab, useElementBounding as ac, watchEffect as ad, useStorage as ae, vModelText as af, useDark as ag, watch as ah, shallowRef as ai, onVueInstanceUpdate as aj, instance as ak, nanoid as al, vShow as am, h as an, useElementSize as ao, onClickOutside as ap, Transition as aq, useStyleTag as ar, computedAsync as as, useTimeAgo as at, onKeyDown as au, _export_sfc as av, vModelDynamic as aw, __vitePreload as ax, useEventListener as ay, useDevtoolsClient as az, resolveDirective as b, createBlock as c, withDirectives as d, createElementBlock as e, renderSlot as f, createCommentVNode as g, withCtx as h, renderList as i, resolveDynamicComponent as j, mergeProps as k, normalizeStyle as l, markRaw as m, nextTick as n, openBlock as o, pushScopeId as p, normalizeClass as q, resolveComponent as r, shallowReactive as s, toHandlers as t, createVNode as u, defineComponent as v, withScopeId as w, createBaseVNode as x, toDisplayString as y, unref as z };

package/dist/client/assets/index-56f266d3.js

@@ -0,0 +1,45 @@
+import { M as isRef } from './index-2a1677bb.js';
+
+const objectToString = Object.prototype.toString;
+function toTypeString(value) {
+  return objectToString.call(value);
+}
+function toRawType(value) {
+  return toTypeString(value).slice(8, -1);
+}
+function isPlainObject(val) {
+  return toTypeString(val) === "[object Object]";
+}
+const isArray = Array.isArray;
+function isMap(val) {
+  return toTypeString(val) === "[object Map]";
+}
+function isSet(val) {
+  return toTypeString(val) === "[object Set]";
+}
+function isRegExp(val) {
+  return toTypeString(val) === "[object RegExp]";
+}
+function isComputed(raw) {
+  return isRef(raw) && !!raw.effect;
+}
+const ESC = {
+  "<": "&lt;",
+  ">": "&gt;",
+  '"': "&quot;",
+  "&": "&amp;"
+};
+function escapeChar(a) {
+  return ESC[a] || a;
+}
+function escape(s) {
+  return s.replace(/[<>"&]/g, escapeChar);
+}
+function isMacOS() {
+  return navigator?.platform ? navigator?.platform.toLowerCase().includes("mac") : /Macintosh/.test(navigator.userAgent);
+}
+const pick = (obj, keys) => keys.reduce((pre, cur) => (cur in obj && (pre[cur] = obj[cur]), pre), {});
+
+/* Injected with object hook! */
+
+export { isComputed as a, isArray as b, isMap as c, isSet as d, isRegExp as e, isPlainObject as f, escape as g, isMacOS as i, pick as p, toRawType as t };