vite-plugin-vue-devtools 0.1.0 → 0.1.2

package/dist/client/assets/{npm-20e4b0ab.js → npm-16e1ac25.js}

@@ -1,9 +1,10 @@
-import { v as defineComponent, Z as ref, a5 as onMounted, aa as useEventListener, ab as hookApi, o as openBlock, e as createElementBlock, ac as useScrollLock, ad as watch, ae as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, K as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, O as createTextVNode, d as withDirectives, q as normalizeClass, Q as _sfc_main$3 } from './index-f0b756d9.js';
-import { _ as _sfc_main$2, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-1c9578c9.js';
+import { v as defineComponent, $ as ref, a6 as onMounted, ab as useEventListener, ac as hookApi, o as openBlock, e as createElementBlock, ad as useScrollLock, ae as watch, af as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, K as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, O as createTextVNode, d as withDirectives, q as normalizeClass, R as _sfc_main$3 } from './index-71609956.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-597971e4.js';
+import { _ as _sfc_main$2 } from './VTextInput.vue_vue_type_script_setup_true_lang-a597f8b8.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-c0d8ada0.js';
-import { r as rpc } from './rpc-d18195f5.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-88051acd.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-f66901cc.js';
+import { r as rpc } from './rpc-4e27506e.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-f04635a9.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-4e5c5629.js';
 
 var xterm$1 = {exports: {}};/* Injected with object hook! */
 
@@ -187,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       terminalVisible.value = true;
       locked.value = true;
       rpc.installPackage([`${item.name}@${item.activeVersion ?? item.version}`], { isDev });
-      hookApi.hook.on("__vue-devtools:terminal:exit__", (data) => {
+      hookApi.hook.on("__vue-devtools:terminal:exit__", () => {
         setTimeout(() => {
           terminalVisible.value = false;
           locked.value = false;

package/dist/client/assets/{overview-4e60a278.js → overview-7c9d6d24.js}

@@ -1,9 +1,9 @@
-import { _ as __unplugin_components_0$1 } from './VPanelGrids-abfaa973.js';
-import { Z as ref, $ as computed, a7 as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, a8 as vueVersion, O as createTextVNode, e as createElementBlock, F as Fragment, a9 as __unplugin_components_0, Y as __unplugin_components_1, Q as _sfc_main$1 } from './index-f0b756d9.js';
-import { r as rpc } from './rpc-d18195f5.js';
-import { i as isMacOS } from './index-92885597.js';
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-52d64f52.js';
+import { $ as ref, a0 as computed, a8 as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, a9 as vueVersion, O as createTextVNode, e as createElementBlock, F as Fragment, aa as __unplugin_components_0, Z as __unplugin_components_1, R as _sfc_main$1 } from './index-71609956.js';
+import { r as rpc } from './rpc-4e27506e.js';
+import { i as isMacOS } from './index-930a3e08.js';
 
-const version = "0.1.0";
+const version = "0.1.2";
 
 /* Injected with object hook! */
 

package/dist/client/assets/{pages-c7c02f81.js → pages-e045d444.js}

@@ -1,7 +1,8 @@
-import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-1c9578c9.js';
-import { v as defineComponent, Z as ref, $ as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, a4 as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, O as createTextVNode, q as normalizeClass, Q as _sfc_main$4, Y as __unplugin_components_1, a5 as onMounted, a6 as currentRoute, T as router, K as isRef, M as withKeys, a7 as routes } from './index-f0b756d9.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-88051acd.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-f66901cc.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-597971e4.js';
+import { v as defineComponent, $ as ref, a0 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, a5 as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, O as createTextVNode, q as normalizeClass, R as _sfc_main$4, Z as __unplugin_components_1, a6 as onMounted, a7 as currentRoute, U as router, K as isRef, M as withKeys, a8 as routes } from './index-71609956.js';
+import { _ as _sfc_main$3 } from './VTextInput.vue_vue_type_script_setup_true_lang-a597f8b8.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-f04635a9.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-4e5c5629.js';
 
 const _hoisted_1$2 = {
   block: "",

package/dist/client/assets/{pinia-1020b7d8.js → pinia-979b088d.js}

@@ -1,8 +1,9 @@
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-af9ab4de.js';
-import { v as defineComponent, Z as ref, $ as computed, a0 as piniaStoresCategory, a1 as toRaw, a2 as piniaState, a3 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-f0b756d9.js';
-import { p as pick } from './index-92885597.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-f66901cc.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-d5adb3a3.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-79e496d1.js';
+import { g, M } from './splitpanes.es-0a01f462.js';
+import { v as defineComponent, $ as ref, a0 as computed, a1 as piniaStoresCategory, a2 as toRaw, a3 as piniaState, a4 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-71609956.js';
+import { p as pick } from './index-930a3e08.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-4e5c5629.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-aa76fcd1.js';
 
 const _hoisted_1 = {
   "h-screen": "",

package/dist/client/assets/{routes-9fac0370.js → routes-0206c13d.js}

@@ -1,10 +1,11 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-abfaa973.js';
-import { _ as __unplugin_components_7 } from './VCard-29b1adce.js';
-import { v as defineComponent, z as unref, T as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, U as routeRecordMatcherState, V as activeRouteRecordMatcherState, c as createBlock, S as _sfc_main$2, q as normalizeClass, W as activeRouteRecordIndex, X as toggleRouteRecordMatcher, O as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, Y as __unplugin_components_1 } from './index-f0b756d9.js';
-import { g, M, _ as _sfc_main$1 } from './splitpanes.es-af9ab4de.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-f66901cc.js';
-import './index-92885597.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-d5adb3a3.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-52d64f52.js';
+import { _ as __unplugin_components_7 } from './VCard-7f086ce2.js';
+import { v as defineComponent, z as unref, U as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, V as routeRecordMatcherState, W as activeRouteRecordMatcherState, c as createBlock, T as _sfc_main$2, q as normalizeClass, X as activeRouteRecordIndex, Y as toggleRouteRecordMatcher, O as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, Z as __unplugin_components_1 } from './index-71609956.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-79e496d1.js';
+import { g, M } from './splitpanes.es-0a01f462.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-4e5c5629.js';
+import './index-930a3e08.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-aa76fcd1.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{rpc-d18195f5.js → rpc-4e27506e.js}

@@ -1,4 +1,4 @@
-import { aD as __vitePreload, ab as hookApi } from './index-f0b756d9.js';
+import { aH as __vitePreload, ac as hookApi } from './index-71609956.js';
 
 async function getViteClient(base = "/", warning = true) {
   try {

package/dist/client/assets/{settings-d7601de4.js → settings-2660dfcc.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-f66901cc.js';
-import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, J as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, K as isRef, c as createBlock, L as vModelCheckbox, M as withKeys, N as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, h as withCtx, O as createTextVNode, P as useDevToolsSettings, _ as _sfc_main$5, Q as _sfc_main$6, R as _sfc_main$7, q as normalizeClass, S as _sfc_main$8 } from './index-f0b756d9.js';
-import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-88051acd.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-4e5c5629.js';
+import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, J as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, K as isRef, c as createBlock, L as vModelCheckbox, M as withKeys, N as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, h as withCtx, O as createTextVNode, P as useDevToolsSettings, Q as useFrameState, _ as _sfc_main$5, R as _sfc_main$6, S as _sfc_main$7, q as normalizeClass, T as _sfc_main$8 } from './index-71609956.js';
+import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-f04635a9.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"];
@@ -64,7 +64,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     const checked = useVModel(props, "modelValue", emit, { passive: true });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("label", {
-        class: "n-switch n-switch-base n-disabled:n-disabled cursor-pointer",
+        class: "n-switch n-switch-base cursor-pointer n-disabled:n-disabled",
         checked: unref(checked) || null,
         disabled: _ctx.disabled || null
       }, [
@@ -140,8 +140,8 @@ const _hoisted_11 = /* @__PURE__ */ createBaseVNode("h3", {
 }, " Appearance ", -1);
 const _hoisted_12 = /* @__PURE__ */ createBaseVNode("div", {
   "carbon-sun": "",
-  "dark:carbon-moon": "",
-  "translate-y--1px": ""
+  "translate-y--1px": "",
+  "dark:carbon-moon": ""
 }, null, -1);
 const _hoisted_13 = {
   py3: "",
@@ -152,6 +152,14 @@ const _hoisted_14 = /* @__PURE__ */ createBaseVNode("h3", {
   "text-lg": ""
 }, " UI Scale ", -1);
 const _hoisted_15 = ["value"];
+const _hoisted_16 = {
+  py3: "",
+  flex: "~ justify-between gap-1"
+};
+const _hoisted_17 = /* @__PURE__ */ createBaseVNode("h3", {
+  mb1: "",
+  "text-lg": ""
+}, " Close DevTools when clicking outside ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "settings",
   setup(__props) {
@@ -160,6 +168,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       hiddenTabs,
       hiddenTabCategories
     } = useDevToolsSettings();
+    const { closeOnOutsideClick } = useFrameState();
     const scaleOptions = [
       ["Tiny", 12 / 15],
       ["Small", 14 / 15],
@@ -180,6 +189,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       else
         hiddenTabCategories.value.push(name);
     }
+    function toggleClickOutside() {
+      closeOnOutsideClick.value = !closeOnOutsideClick.value;
+    }
     return (_ctx, _cache) => {
       const _component_VIconTitle = _sfc_main$4;
       const _component_VSwitch = _sfc_main$1;
@@ -299,6 +311,16 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 ]),
                 _: 1
               }, 8, ["modelValue"])
+            ]),
+            createBaseVNode("div", _hoisted_16, [
+              _hoisted_17,
+              createVNode(_component_VSwitch, {
+                flex: "~ row-reverse",
+                py1: "",
+                "n-primary": "",
+                "model-value": unref(closeOnOutsideClick),
+                "onUpdate:modelValue": toggleClickOutside
+              }, null, 8, ["model-value"])
             ])
           ])
         ])

package/dist/client/assets/{splitpanes.es-af9ab4de.js → splitpanes.es-0a01f462.js}

@@ -1,368 +1,4 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-f66901cc.js';
-import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, K as isRef, a1 as toRaw, $ as computed, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, ar as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, Z as ref, u as createVNode, a4 as withModifiers, d as withDirectives, as as vShow, at as h, f as renderSlot, l as normalizeStyle } from './index-f0b756d9.js';
-import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-92885597.js';
-import { u as useCopy, _ as _sfc_main$4 } from './VIconButton.vue_vue_type_script_setup_true_lang-d5adb3a3.js';
-
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "VExpandIcon",
-  props: {
-    value: { type: Boolean }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _component_VIcon = _sfc_main$3;
-      return openBlock(), createBlock(_component_VIcon, {
-        class: normalizeClass(["material-symbols:arrow-right", {
-          "transform rotate-90": _ctx.value
-        }]),
-        "text-5": "",
-        "op-50": "",
-        "n-transition": ""
-      }, null, 8, ["class"]);
-    };
-  }
-});
-
-/* Injected with object hook! */
-
-function getFuntionDetails(func) {
-  let string = "";
-  let matches = null;
-  try {
-    string = Function.prototype.toString.call(func);
-    matches = String.prototype.match.call(string, /\([\s\S]*?\)/);
-  } catch (e) {
-  }
-  const match = matches && matches[0];
-  const args = typeof match === "string" ? match : "(?)";
-  const name = typeof func.name === "string" ? func.name : "";
-  return `<span style="opacity:.5;">function</span> ${escape(name)}${args}`;
-}
-function formatWithExtraType(value, type) {
-  return `${value} <span style="color:#6b7280;padding:'0 5px';">(${type})</span>`;
-}
-function formatStateType(value) {
-  if (isComputed(value)) {
-    const state = formatStateType(value.value);
-    return {
-      ...state,
-      ...state.recursive ? { rawDisplay: formatWithExtraType(state.rawDisplay, "Computed") } : { value: formatWithExtraType(state.value, "Computed") }
-    };
-  } else if (isRef(value)) {
-    const state = formatStateType(toRaw(value.value));
-    return {
-      ...state,
-      ...state.recursive ? { rawDisplay: formatWithExtraType(state.rawDisplay, "Ref") } : { value: formatWithExtraType(state.value, "Ref") }
-    };
-  } else if (isArray(value)) {
-    return {
-      rawType: "object",
-      rawDisplay: `Array[${value.length}]`,
-      recursive: true,
-      value
-    };
-  } else if (typeof value === "function") {
-    return {
-      rawType: "function",
-      recursive: false,
-      value: getFuntionDetails(value)
-    };
-  } else if (typeof value === "bigint") {
-    const stringifiedBigInt = BigInt.prototype.toString.call(value);
-    return {
-      rawType: "string",
-      rawDisplay: `BigInt(${stringifiedBigInt})`,
-      recursive: false,
-      value: stringifiedBigInt
-    };
-  } else if (Number.isNaN(value)) {
-    return {
-      rawType: "literal",
-      recursive: false,
-      value: "NaN"
-    };
-  } else if (value === Infinity) {
-    return {
-      rawType: "literal",
-      recursive: false,
-      value: "Infinity"
-    };
-  } else if (value === -Infinity) {
-    return {
-      rawType: "literal",
-      recursive: false,
-      value: "-Infinity"
-    };
-  } else if (typeof value === "symbol") {
-    return {
-      rawType: "literal",
-      recursive: false,
-      value: Symbol.prototype.toString.call(value)
-    };
-  } else if (value === null) {
-    return {
-      rawType: "null",
-      recursive: false,
-      value: "null"
-    };
-  } else if (typeof value === "undefined") {
-    return {
-      rawType: "null",
-      recursive: false,
-      value: "undefined"
-    };
-  } else if (typeof value === "string") {
-    return {
-      rawType: "string",
-      recursive: false,
-      value: `"${value}"`
-    };
-  } else if (value !== "null" && typeof value === "object") {
-    if (isMap(value)) {
-      return {
-        rawType: "object",
-        rawDisplay: "Map",
-        recursive: true,
-        value: Array.from(value.entries()).map(([key, value2]) => ({ key, value: value2 }))
-      };
-    } else if (isSet(value)) {
-      const list = Array.from(value);
-      return {
-        rawType: "object",
-        rawDisplay: `Set[${list.length}]`,
-        recursive: true,
-        value: list
-      };
-    } else if (isRegExp(value)) {
-      return {
-        rawType: "string",
-        recursive: false,
-        value: RegExp.prototype.toString.call(value)
-      };
-    } else if (toRawType(value) === "Error") {
-      return {
-        rawType: "string",
-        recursive: false,
-        // @ts-expect-error skip
-        value: `${value?.message}: ${value?.stack}`
-      };
-    } else if (value?.state && value._vm || value.constructor?.name === "Store" && value._wrappedGetters) {
-      return {
-        rawType: "string",
-        recursive: false,
-        value: '"[object Store]"'
-      };
-    } else if (value.constructor && value.constructor.name === "VueRouter" || value.currentRoute) {
-      return {
-        rawType: "string",
-        recursive: false,
-        value: '"[object Router]"'
-      };
-    } else if (typeof value.render === "function") {
-      return {
-        rawType: "object",
-        recursive: false,
-        // @ts-expect-error skip
-        value: formatWithExtraType(value.__name, "Component") ?? "Vue Component"
-      };
-    } else if (isPlainObject(value)) {
-      return {
-        rawType: "object",
-        rawDisplay: "Object",
-        recursive: true,
-        value
-      };
-    } else {
-      return {
-        rawType: "string",
-        recursive: false,
-        value: `"${toRawType(value)}"`
-      };
-    }
-  } else {
-    return {
-      rawType: "literal",
-      recursive: false,
-      value
-    };
-  }
-}
-
-/* Injected with object hook! */
-
-const _hoisted_1$1 = ["onClick"];
-const _hoisted_2$1 = {
-  key: 1,
-  "inline-block": "",
-  "h-6": "",
-  "w-6": ""
-};
-const _hoisted_3 = {
-  "text-purple-700": "",
-  "dark:text-purple-300": ""
-};
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("span", {
-  "px-1": "",
-  "op-60": ""
-}, ":", -1);
-const _hoisted_5 = ["innerHTML"];
-const _hoisted_6 = ["onClick", "innerHTML"];
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "StateFieldsTree",
-  props: {
-    id: {},
-    data: {},
-    depth: { default: 0 },
-    expandedId: {}
-  },
-  emits: ["updateExpanded"],
-  setup(__props, { emit: emits }) {
-    const props = __props;
-    const rawTypeStyles = { literal: "raw-literal", string: "raw-string", object: "raw-object", function: "raw-function", null: "raw-null" };
-    const list = computed(() => {
-      if (Array.isArray(props.data)) {
-        return props.data.map((item) => {
-          return formatStateType(item);
-        });
-      } else if (typeof props.data === "object" && props.data !== null) {
-        const o = {};
-        for (const k in props.data) {
-          const key = k;
-          o[key] = formatStateType(props.data[k]);
-        }
-        const sorted = {};
-        Object.keys(o).sort().forEach((key) => {
-          sorted[key] = o[key];
-        });
-        return sorted;
-      } else {
-        return formatStateType("");
-      }
-    });
-    function toggleExpand(id) {
-      emits("updateExpanded", id);
-    }
-    const copy = useCopy();
-    return (_ctx, _cache) => {
-      const _component_VExpandIcon = _sfc_main$2;
-      const _component_StateFieldsTree = resolveComponent("StateFieldsTree", true);
-      return openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
-        return openBlock(), createElementBlock("code", {
-          key: unref(nanoid)(),
-          block: "",
-          "select-none": "",
-          "pl-2": "",
-          "text-sm": ""
-        }, [
-          createBaseVNode("p", {
-            flex: "",
-            "items-center": "",
-            class: normalizeClass([item?.recursive && "cursor-pointer"]),
-            onClick: ($event) => item?.recursive ? toggleExpand(`${_ctx.id}-${_ctx.depth}-${index}`) : () => {
-            }
-          }, [
-            item?.recursive ? (openBlock(), createBlock(_component_VExpandIcon, {
-              key: 0,
-              value: _ctx.expandedId.includes(`${_ctx.id}-${_ctx.depth}-${index}`)
-            }, null, 8, ["value"])) : (openBlock(), createElementBlock("i", _hoisted_2$1)),
-            createBaseVNode("span", _hoisted_3, toDisplayString(index), 1),
-            _hoisted_4,
-            item?.recursive ? (openBlock(), createElementBlock("span", {
-              key: 2,
-              class: normalizeClass(rawTypeStyles[item.rawType]),
-              "max-w": "[75%]",
-              truncate: "",
-              innerHTML: item?.rawDisplay
-            }, null, 10, _hoisted_5)) : (openBlock(), createElementBlock("span", {
-              key: 3,
-              class: normalizeClass(rawTypeStyles[item.rawType]),
-              "max-w": "[75%]",
-              truncate: "",
-              hover: "underline underline-offset-3 cursor-pointer",
-              onClick: ($event) => unref(copy)(String(item?.value)),
-              innerHTML: item?.value
-            }, null, 10, _hoisted_6))
-          ], 10, _hoisted_1$1),
-          _ctx.expandedId.includes(`${_ctx.id}-${_ctx.depth}-${index}`) && item?.recursive ? (openBlock(), createBlock(_component_StateFieldsTree, {
-            key: 0,
-            id: _ctx.id,
-            data: item?.value,
-            depth: _ctx.depth + 1,
-            "expanded-id": _ctx.expandedId,
-            onUpdateExpanded: toggleExpand
-          }, null, 8, ["id", "data", "depth", "expanded-id"])) : createCommentVNode("", true)
-        ]);
-      }), 128);
-    };
-  }
-});
-
-/* Injected with object hook! */
-
-const _hoisted_1 = { "text-primary": "" };
-const _hoisted_2 = { "pl-3": "" };
-const expandedIdCache = ref([]);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "StateFields",
-  props: {
-    data: {},
-    id: { default: 0 }
-  },
-  setup(__props) {
-    const isExpanded = ref(true);
-    const copy = useCopy();
-    function toggleExpanded() {
-      isExpanded.value = !isExpanded.value;
-    }
-    function updateExpandedIdCache(id) {
-      if (expandedIdCache.value.includes(id))
-        expandedIdCache.value = expandedIdCache.value.filter((i) => i !== id);
-      else
-        expandedIdCache.value.push(id);
-    }
-    return (_ctx, _cache) => {
-      const _component_VExpandIcon = _sfc_main$2;
-      const _component_VIconButton = _sfc_main$4;
-      const _component_StateFieldsTree = _sfc_main$1;
-      return openBlock(), createElementBlock("div", null, [
-        createBaseVNode("h3", {
-          flex: "",
-          "cursor-pointer": "",
-          "items-center": "",
-          "justify-between": "",
-          rounded: "",
-          "py-1": "",
-          class: "hover:bg-[#c2e9d7] hover:dark:bg-[#2c3e50]",
-          onClick: toggleExpanded
-        }, [
-          createBaseVNode("div", null, [
-            createVNode(_component_VExpandIcon, { value: unref(isExpanded) }, null, 8, ["value"]),
-            createBaseVNode("span", _hoisted_1, toDisplayString(_ctx.data.key), 1)
-          ]),
-          createVNode(_component_VIconButton, {
-            mr2: "",
-            "flex-none": "",
-            title: `Copy ${_ctx.data.key} to clipboard`,
-            icon: "carbon-copy",
-            onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(copy)(JSON.stringify(_ctx.data.value)), ["stop"]))
-          }, null, 8, ["title"])
-        ]),
-        withDirectives(createBaseVNode("div", _hoisted_2, [
-          createVNode(_component_StateFieldsTree, {
-            id: _ctx.id,
-            data: _ctx.data.value,
-            "expanded-id": unref(expandedIdCache),
-            onUpdateExpanded: updateExpandedIdCache
-          }, null, 8, ["id", "data", "expanded-id"])
-        ], 512), [
-          [vShow, unref(isExpanded)]
-        ])
-      ]);
-    };
-  }
-});
-
-/* Injected with object hook! */
+import { av as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-71609956.js';
 
 const M = {
   name: "splitpanes",
@@ -704,4 +340,4 @@ const g = /* @__PURE__ */ S(x, [["render", P]]);
 
 /* Injected with object hook! */
 
-export { M, _sfc_main as _, _sfc_main$2 as a, g };
+export { M, g };

package/dist/client/assets/{timeline-e220561d.js → timeline-7ed97430.js}

@@ -1,11 +1,12 @@
-import { g, M, _ as _sfc_main$2 } from './splitpanes.es-af9ab4de.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-abfaa973.js';
-import { _ as __unplugin_components_7 } from './VCard-29b1adce.js';
+import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-79e496d1.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-52d64f52.js';
+import { _ as __unplugin_components_7 } from './VCard-7f086ce2.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-c0d8ada0.js';
-import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-f0b756d9.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-f66901cc.js';
-import './index-92885597.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-d5adb3a3.js';
+import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-71609956.js';
+import { g, M } from './splitpanes.es-0a01f462.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-4e5c5629.js';
+import './index-930a3e08.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-aa76fcd1.js';
 
 var dayjs_min = {exports: {}};/* Injected with object hook! */
 

package/dist/client/index.html

@@ -5,8 +5,8 @@
   <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-f0b756d9.js"></script>
-  <link rel="stylesheet" href="./assets/index-d015c21f.css">
+  <script type="module" crossorigin src="./assets/index-71609956.js"></script>
+  <link rel="stylesheet" href="./assets/index-4825b66d.css">
 </head>
 <body>
   <div id="app"></div>

package/dist/index.cjs

@@ -25,6 +25,7 @@ const require$$0$3$1 = require('assert');
 const require$$0$5 = require('buffer');
 const node_util = require('node:util');
 const require$$1 = require('tty');
+const vuedocParser = require('@webfansplz/vuedoc-parser');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
 
@@ -13671,6 +13672,22 @@ async function installPackage(packages, options = {}) {
   });
 }
 
+async function getVueSFCList(root) {
+  const files = await fg([
+    "**/*.vue"
+  ], {
+    cwd: root,
+    onlyFiles: true,
+    ignore: ["**/node_modules/**", "**/dist/**"]
+  });
+  return files;
+}
+async function getComponentInfo(root, filename) {
+  return await vuedocParser.parseComponent({
+    filename: path$3__default.resolve(root, filename)
+  });
+}
+
 const NAME = "vite-plugin-vue-devtools";
 function getVueDevtoolsPath() {
   const pluginPath = vite.normalizePath(path$3__default.dirname(url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)))));
@@ -13695,6 +13712,8 @@ function VitePluginVueDevTools(options = { appendTo: "" }) {
       getImageMeta,
       getTextAssetContent,
       getPackages: () => getPackages(config.root),
+      getVueSFCList: () => getVueSFCList(config.root),
+      getComponentInfo: (filename) => getComponentInfo(config.root, filename),
       installPackage: (packages, options2 = {}) => installPackage(packages, {
         ...options2,
         cwd: config.root,