vite-plugin-vue-devtools 0.4.12 → 0.5.0

package/dist/client/assets/{inspect-4e046378.js → inspect-8d04bb08.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './IframeView.vue_vue_type_script_setup_true_lang-97a0e754.js';
-import { i as inspectClientUrl } from './rpc-6c4cc8d5.js';
-import { v as defineComponent, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-d268ce4d.js';
+import { _ as _sfc_main$1 } from './IframeView.vue_vue_type_script_setup_true_lang-c6f176d1.js';
+import { i as inspectClientUrl } from './rpc-b9c94a3a.js';
+import { v as defineComponent, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-197edebf.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "inspect",

package/dist/client/assets/{npm-81f351e2.js → npm-73c6479f.js}

@@ -1,10 +1,10 @@
-import { v as defineComponent, a$ as ref, aP as onMounted, cd as useEventListener, ce as hookApi, o as openBlock, e as createElementBlock, cf as useScrollLock, by as watch, cg as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, d as withDirectives, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$3 } from './index-d268ce4d.js';
-import { _ as __unplugin_components_3 } from './VSectionBlock-0d870ae2.js';
-import { _ as _sfc_main$2 } from './VTextInput.vue_vue_type_script_setup_true_lang-cd591fdb.js';
+import { v as defineComponent, a$ as ref, aP as onMounted, cb as useEventListener, cc as hookApi, o as openBlock, e as createElementBlock, cd as useScrollLock, by as watch, ce as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, aC as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, d as withDirectives, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$3 } from './index-197edebf.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-8dcfb48d.js';
+import { _ as _sfc_main$2 } from './VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js';
 import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-65004790.js';
-import { r as rpc } from './rpc-6c4cc8d5.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
+import { r as rpc } from './rpc-b9c94a3a.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
 
 var xterm$1 = {exports: {}};/* Injected with object hook! */
 
@@ -162,9 +162,9 @@ const _hoisted_17 = {
   "ws-nowrap": "",
   "pr-1": "",
   "text-left": "",
-  "font-mono": "",
   "text-sm": "",
   "lh-7": "",
+  "font-mono": "",
   underline: "",
   op70: ""
 };
@@ -179,8 +179,8 @@ const _hoisted_20 = {
   "ws-nowrap": "",
   "pr-1": "",
   "text-left": "",
-  "font-mono": "",
   "text-sm": "",
+  "font-mono": "",
   underline: "",
   op70: "",
   hover: "text-primary"
@@ -191,8 +191,8 @@ const _hoisted_22 = {
   "ws-nowrap": "",
   "pr-1": "",
   "text-left": "",
-  "font-mono": "",
   "text-sm": "",
+  "font-mono": "",
   op70: ""
 };
 const _hoisted_23 = {

package/dist/client/assets/{overview-9d7f0c3c.js → overview-edc8c0a8.js}

@@ -1,9 +1,9 @@
-import { _ as __unplugin_components_0$1 } from './VPanelGrids-ea9ac4bd.js';
-import { a$ as ref, a1 as computed, ca 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, cb as vueVersion, a9 as createTextVNode, e as createElementBlock, F as Fragment, cc as __unplugin_components_0, c5 as __unplugin_components_1, bL as _sfc_main$1 } from './index-d268ce4d.js';
-import { r as rpc } from './rpc-6c4cc8d5.js';
-import { i as isMacOS } from './index-fb7e673c.js';
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-4b915e62.js';
+import { a$ as ref, a1 as computed, c8 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, c9 as vueVersion, a9 as createTextVNode, e as createElementBlock, F as Fragment, ca as __unplugin_components_0, c3 as __unplugin_components_1, bL as _sfc_main$1 } from './index-197edebf.js';
+import { r as rpc } from './rpc-b9c94a3a.js';
+import { i as isMacOS } from './index-f977bcde.js';
 
-const version = "0.4.12";
+const version = "0.5.0";
 
 /* Injected with object hook! */
 

package/dist/client/assets/{pages-7d46ae82.js → pages-562d1ae5.js}

@@ -1,8 +1,8 @@
-import { _ as __unplugin_components_3 } from './VSectionBlock-0d870ae2.js';
-import { v as defineComponent, a$ as ref, a1 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, bG as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$4, c5 as __unplugin_components_1, aP as onMounted, c9 as currentRoute, c0 as router, aC as isRef, bE as withKeys, ca as routes } from './index-d268ce4d.js';
-import { _ as _sfc_main$3 } from './VTextInput.vue_vue_type_script_setup_true_lang-cd591fdb.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
+import { _ as __unplugin_components_3 } from './VSectionBlock-8dcfb48d.js';
+import { v as defineComponent, a$ as ref, a1 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, bG as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, a9 as createTextVNode, q as normalizeClass, bL as _sfc_main$4, c3 as __unplugin_components_1, aP as onMounted, c7 as currentRoute, b_ as router, aC as isRef, bE as withKeys, c8 as routes } from './index-197edebf.js';
+import { _ as _sfc_main$3 } from './VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
 
 const _hoisted_1$2 = {
   block: "",
@@ -19,8 +19,8 @@ const _hoisted_5$2 = {
   flex: "~",
   "items-center": "",
   p2: "",
-  "font-mono": "",
-  "text-sm": ""
+  "text-sm": "",
+  "font-mono": ""
 };
 const _hoisted_6$2 = { key: 1 };
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
@@ -138,8 +138,8 @@ const _hoisted_7$1 = {
   "ws-nowrap": "",
   "pr-1": "",
   "text-left": "",
-  "font-mono": "",
   "text-sm": "",
+  "font-mono": "",
   op50: ""
 };
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{pinia-c576b594.js → pinia-89f6b4c0.js}

@@ -1,9 +1,9 @@
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-dd6974e1.js';
-import { g, M } from './splitpanes.es-db7e975b.js';
-import { v as defineComponent, a$ as ref, a1 as computed, c6 as piniaStoresCategory, bd as toRaw, c7 as piniaState, c8 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-d268ce4d.js';
-import { p as pick } from './index-fb7e673c.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js';
+import { g, M } from './splitpanes.es-2f5182b4.js';
+import { v as defineComponent, a$ as ref, a1 as computed, c4 as piniaStoresCategory, bd as toRaw, c5 as piniaState, c6 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-197edebf.js';
+import { p as pick } from './index-f977bcde.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
 
 const _hoisted_1 = {
   "h-screen": "",
@@ -56,7 +56,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(M), null, {
           default: withCtx(() => [
-            createVNode(unref(g), { border: "r base" }, {
+            createVNode(unref(g), {
+              border: "r base",
+              size: 40
+            }, {
               default: withCtx(() => [
                 createBaseVNode("div", _hoisted_2, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(piniaStoresCategory), (item, index) => {
@@ -68,7 +71,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createBaseVNode("h3", _hoisted_4, [
                         createBaseVNode("span", {
-                          class: normalizeClass([unref(activeIndex) === index ? "text-white" : "vue-block-text"])
+                          class: normalizeClass([unref(activeIndex) === index && "text-white"])
                         }, toDisplayString(item), 3)
                       ])
                     ], 10, _hoisted_3);
@@ -77,7 +80,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(unref(g), null, {
+            createVNode(unref(g), { size: 60 }, {
               default: withCtx(() => [
                 createBaseVNode("div", _hoisted_5, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data), (item, index) => {

package/dist/client/assets/{routes-56017e0a.js → routes-ddddc2d7.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-ea9ac4bd.js';
-import { v as defineComponent, z as unref, c0 as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, c1 as routeRecordMatcherState, c2 as activeRouteRecordMatcherState, c as createBlock, b$ as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, c3 as activeRouteRecordIndex, c4 as toggleRouteRecordMatcher, a9 as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, c5 as __unplugin_components_1 } from './index-d268ce4d.js';
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-dd6974e1.js';
-import { g, M } from './splitpanes.es-db7e975b.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
-import './index-fb7e673c.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.js';
+import { v as defineComponent, z as unref, b_ as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, b$ as routeRecordMatcherState, c0 as activeRouteRecordMatcherState, c as createBlock, bZ as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, c1 as activeRouteRecordIndex, c2 as toggleRouteRecordMatcher, a9 as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, c3 as __unplugin_components_1 } from './index-197edebf.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js';
+import { g, M } from './splitpanes.es-2f5182b4.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import './index-f977bcde.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
 
 const _hoisted_1 = {
   key: 0,
@@ -44,7 +44,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return unref(router) ? (openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(unref(M), null, {
           default: withCtx(() => [
-            createVNode(unref(g), { border: "r base" }, {
+            createVNode(unref(g), {
+              border: "r base",
+              size: "40"
+            }, {
               default: withCtx(() => [
                 createBaseVNode("div", _hoisted_2, [
                   (openBlock(true), createElementBlock(Fragment, null, renderList(unref(routeRecordMatcherState), (item, index) => {
@@ -56,14 +59,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     }, [
                       createBaseVNode("h3", _hoisted_4, [
                         createBaseVNode("span", {
-                          class: normalizeClass([unref(activeRouteRecordIndex) === index ? "text-white" : "vue-block-text"])
+                          class: normalizeClass([unref(activeRouteRecordIndex) === index && "text-white"])
                         }, [
                           createTextVNode(toDisplayString(item.path) + " ", 1),
                           (openBlock(true), createElementBlock(Fragment, null, renderList(item.tags, (tag, childIndex) => {
                             return openBlock(), createElementBlock(Fragment, null, [
                               tag.label ? (openBlock(), createBlock(_component_VBadge, {
                                 key: childIndex,
-                                "text-black": "",
+                                color: "white/90 dark:black/90",
                                 style: normalizeStyle({
                                   backgroundColor: `#${tag.bgColor.toString(16)}`
                                 })
@@ -83,7 +86,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ]),
               _: 1
             }),
-            createVNode(unref(g), null, {
+            createVNode(unref(g), { size: "60" }, {
               default: withCtx(() => [
                 createBaseVNode("div", _hoisted_5, [
                   createVNode(_component_StateFields, { data: unref(activeRouteRecordMatcherState) }, null, 8, ["data"])

package/dist/client/assets/{rpc-6c4cc8d5.js → rpc-b9c94a3a.js}

@@ -1,4 +1,4 @@
-import { cy as __vitePreload, ce as hookApi } from './index-d268ce4d.js';
+import { cy as __vitePreload, cc as hookApi } from './index-197edebf.js';
 
 async function getViteClient(base = "/", warning = true) {
   try {

package/dist/client/assets/{settings-4e36485a.js → settings-7722ba4d.js}

@@ -1,10 +1,10 @@
-import { _ as _sfc_main$a, a as _sfc_main$d } from './VSwitch.vue_vue_type_script_setup_true_lang-dc4a336f.js';
-import { I as BaseTransition, J as BaseTransitionPropsValidators, K as Comment, L as EffectScope, F as Fragment, M as KeepAlive, R as ReactiveEffect, S as Static, N as Suspense, T as Teleport, O as Text, P as Transition, Q as TransitionGroup, V as VueElement, U as assertNumber, W as callWithAsyncErrorHandling, X as callWithErrorHandling, Y as camelize, Z as capitalize, $ as cloneVNode, a0 as compatUtils, a1 as computed, a2 as createApp, c as createBlock, g as createCommentVNode, e as createElementBlock, x as createBaseVNode, a3 as createHydrationRenderer, a4 as createPropsRestProxy, a5 as createRenderer, a6 as createSSRApp, a7 as createSlots, a8 as createStaticVNode, a9 as createTextVNode, u as createVNode, aa as customRef, ab as defineAsyncComponent, v as defineComponent, ac as defineCustomElement, ad as defineEmits, ae as defineExpose, af as defineModel, ag as defineOptions, ah as defineProps, ai as defineSSRCustomElement, aj as defineSlots, ak as devtools, al as effect, am as effectScope, an as getCurrentInstance, ao as getCurrentScope, ap as getTransitionRawChildren, aq as guardReactiveProps, ar as h, as as handleError, at as hasInjectionContext, au as hydrate, av as initCustomFormatter, aw as initDirectivesForSSR, ax as inject, ay as isMemoSame, az as isProxy, aA as isReactive, aB as isReadonly, aC as isRef, aD as isRuntimeOnly, aE as isShallow, aF as isVNode, m as markRaw, aG as mergeDefaults, aH as mergeModels, k as mergeProps, n as nextTick, q as normalizeClass, aI as normalizeProps, l as normalizeStyle, aJ as onActivated, aK as onBeforeMount, aL as onBeforeUnmount, aM as onBeforeUpdate, aN as onDeactivated, aO as onErrorCaptured, aP as onMounted, aQ as onRenderTracked, aR as onRenderTriggered, aS as onScopeDispose, aT as onServerPrefetch, aU as onUnmounted, aV as onUpdated, o as openBlock, a as popScopeId, aW as provide, aX as proxyRefs, p as pushScopeId, aY as queuePostFlushCb, aZ as reactive, a_ as readonly, a$ as ref, b0 as registerRuntimeCompiler, b1 as render, i as renderList, f as renderSlot, r as resolveComponent, b as resolveDirective, j as resolveDynamicComponent, b2 as resolveFilter, b3 as resolveTransitionHooks, b4 as setBlockTracking, b5 as setDevtoolsHook, b6 as setTransitionHooks, s as shallowReactive, b7 as shallowReadonly, b8 as shallowRef, b9 as ssrContextKey, ba as ssrUtils, bb as stop, y as toDisplayString, bc as toHandlerKey, t as toHandlers, bd as toRaw, be as toRef, bf as toRefs, bg as toValue, bh as transformVNodeArgs, bi as triggerRef, z as unref, bj as useAttrs, bk as useCssModule, bl as useCssVars, bm as useModel, bn as useSSRContext, bo as useSlots, bp as useTransitionState, bq as vModelCheckbox, br as vModelDynamic, bs as vModelRadio, bt as vModelSelect, bu as vModelText, bv as vShow, bw as version$1, bx as warn, by as watch, bz as watchEffect, bA as watchPostEffect, bB as watchSyncEffect, bC as withAsyncContext, h as withCtx, bD as withDefaults, d as withDirectives, bE as withKeys, bF as withMemo, bG as withModifiers, w as withScopeId, bH as getSortedTabs, bI as updateTabsPosition, bJ as _export_sfc, bK as useVModel, bL as _sfc_main$5, bM as _sfc_main$6, bN as useToggle, bO as shouldHideTabGroup, bP as DEFAULT_TAB_GROUP, bQ as useGroupedTabs, bR as ungroupAllTabs, bS as resetAllTabs, bT as removeTabGroup, bU as checkGroupExist, bV as createGroup, bW as isInPopup, bX as useDevToolsSettings, bY as useFrameState, bZ as _sfc_main$b, b_ as _sfc_main$c, b$ as _sfc_main$e } from './index-d268ce4d.js';
-import { _ as _sfc_main$4 } from './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
+import { _ as _sfc_main$a, a as _sfc_main$c } from './VSwitch.vue_vue_type_script_setup_true_lang-ed954339.js';
+import { I as BaseTransition, J as BaseTransitionPropsValidators, K as Comment, L as EffectScope, F as Fragment, M as KeepAlive, R as ReactiveEffect, S as Static, N as Suspense, T as Teleport, O as Text, P as Transition, Q as TransitionGroup, V as VueElement, U as assertNumber, W as callWithAsyncErrorHandling, X as callWithErrorHandling, Y as camelize, Z as capitalize, $ as cloneVNode, a0 as compatUtils, a1 as computed, a2 as createApp, c as createBlock, g as createCommentVNode, e as createElementBlock, x as createBaseVNode, a3 as createHydrationRenderer, a4 as createPropsRestProxy, a5 as createRenderer, a6 as createSSRApp, a7 as createSlots, a8 as createStaticVNode, a9 as createTextVNode, u as createVNode, aa as customRef, ab as defineAsyncComponent, v as defineComponent, ac as defineCustomElement, ad as defineEmits, ae as defineExpose, af as defineModel, ag as defineOptions, ah as defineProps, ai as defineSSRCustomElement, aj as defineSlots, ak as devtools, al as effect, am as effectScope, an as getCurrentInstance, ao as getCurrentScope, ap as getTransitionRawChildren, aq as guardReactiveProps, ar as h, as as handleError, at as hasInjectionContext, au as hydrate, av as initCustomFormatter, aw as initDirectivesForSSR, ax as inject, ay as isMemoSame, az as isProxy, aA as isReactive, aB as isReadonly, aC as isRef, aD as isRuntimeOnly, aE as isShallow, aF as isVNode, m as markRaw, aG as mergeDefaults, aH as mergeModels, k as mergeProps, n as nextTick, q as normalizeClass, aI as normalizeProps, l as normalizeStyle, aJ as onActivated, aK as onBeforeMount, aL as onBeforeUnmount, aM as onBeforeUpdate, aN as onDeactivated, aO as onErrorCaptured, aP as onMounted, aQ as onRenderTracked, aR as onRenderTriggered, aS as onScopeDispose, aT as onServerPrefetch, aU as onUnmounted, aV as onUpdated, o as openBlock, a as popScopeId, aW as provide, aX as proxyRefs, p as pushScopeId, aY as queuePostFlushCb, aZ as reactive, a_ as readonly, a$ as ref, b0 as registerRuntimeCompiler, b1 as render, i as renderList, f as renderSlot, r as resolveComponent, b as resolveDirective, j as resolveDynamicComponent, b2 as resolveFilter, b3 as resolveTransitionHooks, b4 as setBlockTracking, b5 as setDevtoolsHook, b6 as setTransitionHooks, s as shallowReactive, b7 as shallowReadonly, b8 as shallowRef, b9 as ssrContextKey, ba as ssrUtils, bb as stop, y as toDisplayString, bc as toHandlerKey, t as toHandlers, bd as toRaw, be as toRef, bf as toRefs, bg as toValue, bh as transformVNodeArgs, bi as triggerRef, z as unref, bj as useAttrs, bk as useCssModule, bl as useCssVars, bm as useModel, bn as useSSRContext, bo as useSlots, bp as useTransitionState, bq as vModelCheckbox, br as vModelDynamic, bs as vModelRadio, bt as vModelSelect, bu as vModelText, bv as vShow, bw as version$1, bx as warn, by as watch, bz as watchEffect, bA as watchPostEffect, bB as watchSyncEffect, bC as withAsyncContext, h as withCtx, bD as withDefaults, d as withDirectives, bE as withKeys, bF as withMemo, bG as withModifiers, w as withScopeId, bH as getSortedTabs, bI as updateTabsPosition, bJ as _export_sfc, bK as useVModel, bL as _sfc_main$5, bM as _sfc_main$6, bN as useToggle, bO as shouldHideTabGroup, bP as DEFAULT_TAB_GROUP, bQ as useGroupedTabs, bR as ungroupAllTabs, bS as resetAllTabs, bT as removeTabGroup, bU as checkGroupExist, bV as createGroup, bW as useDevToolsSettings, bX as useFrameState, bY as _sfc_main$b, bZ as _sfc_main$d } from './index-197edebf.js';
+import { _ as _sfc_main$4 } from './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
 import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-65004790.js';
-import { _ as _sfc_main$8 } from './VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js';
-import { _ as _sfc_main$7 } from './VTextInput.vue_vue_type_script_setup_true_lang-cd591fdb.js';
-import { _ as _sfc_main$9 } from './VIconTitle.vue_vue_type_script_setup_true_lang-4531a0e4.js';
+import { _ as _sfc_main$8 } from './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
+import { _ as _sfc_main$7 } from './VTextInput.vue_vue_type_script_setup_true_lang-5edeb245.js';
+import { _ as _sfc_main$9 } from './VIconTitle.vue_vue_type_script_setup_true_lang-1ad26587.js';
 
 const compile = () => {
 };
@@ -9374,7 +9374,6 @@ const _hoisted_10 = {
   pr2: ""
 };
 const _hoisted_11 = {
-  key: 0,
   py3: "",
   flex: "~ col gap-1",
   border: "b base"
@@ -9382,35 +9381,26 @@ const _hoisted_11 = {
 const _hoisted_12 = /* @__PURE__ */ createBaseVNode("h3", {
   mb1: "",
   "text-lg": ""
-}, " Position ", -1);
-const _hoisted_13 = {
-  py3: "",
-  flex: "~ col gap-1",
-  border: "b base"
-};
-const _hoisted_14 = /* @__PURE__ */ createBaseVNode("h3", {
-  mb1: "",
-  "text-lg": ""
 }, " Appearance ", -1);
-const _hoisted_15 = /* @__PURE__ */ createBaseVNode("div", {
+const _hoisted_13 = /* @__PURE__ */ createBaseVNode("div", {
   "carbon-sun": "",
-  "dark:carbon-moon": "",
-  "translate-y--1px": ""
+  "translate-y--1px": "",
+  "dark:carbon-moon": ""
 }, null, -1);
-const _hoisted_16 = {
+const _hoisted_14 = {
   py3: "",
   flex: "~ col gap-1"
 };
-const _hoisted_17 = /* @__PURE__ */ createBaseVNode("h3", {
+const _hoisted_15 = /* @__PURE__ */ createBaseVNode("h3", {
   mb1: "",
   "text-lg": ""
 }, " UI Scale ", -1);
-const _hoisted_18 = ["value"];
-const _hoisted_19 = {
+const _hoisted_16 = ["value"];
+const _hoisted_17 = {
   py3: "",
   flex: "~ justify-between gap-1"
 };
-const _hoisted_20 = /* @__PURE__ */ createBaseVNode("h3", {
+const _hoisted_18 = /* @__PURE__ */ createBaseVNode("h3", {
   mb1: "",
   "text-lg": ""
 }, " Close DevTools when clicking outside ", -1);
@@ -9451,12 +9441,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       const _component_VIconTitle = _sfc_main$9;
       const _component_VTooltip = resolveComponent("VTooltip");
       const _component_VSwitch = _sfc_main$a;
-      const _component_TabIcon = _sfc_main$e;
+      const _component_TabIcon = _sfc_main$d;
       const _component_TabGroup = _sfc_main$1;
-      const _component_PanelPosition = _sfc_main$b;
       const _component_VButton = _sfc_main$5;
-      const _component_VDarkToggle = _sfc_main$c;
-      const _component_VSelect = _sfc_main$d;
+      const _component_VDarkToggle = _sfc_main$b;
+      const _component_VSelect = _sfc_main$c;
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(_component_VIconTitle, {
           class: "mb-5 text-xl op75",
@@ -9548,14 +9537,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             ])) : (openBlock(), createBlock(_component_TabGroup, { key: 1 }))
           ]),
           createBaseVNode("div", null, [
-            !unref(isInPopup) ? (openBlock(), createElementBlock("div", _hoisted_11, [
+            createBaseVNode("div", _hoisted_11, [
               _hoisted_12,
-              createBaseVNode("div", null, [
-                createVNode(_component_PanelPosition)
-              ])
-            ])) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_13, [
-              _hoisted_14,
               createBaseVNode("div", null, [
                 createVNode(_component_VDarkToggle, null, {
                   default: withCtx(({ toggle, isDark }) => [
@@ -9564,7 +9547,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       onClick: toggle
                     }, {
                       default: withCtx(() => [
-                        _hoisted_15,
+                        _hoisted_13,
                         createTextVNode(" " + toDisplayString(isDark.value ? "Dark" : "Light"), 1)
                       ]),
                       _: 2
@@ -9574,8 +9557,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 })
               ])
             ]),
-            createBaseVNode("div", _hoisted_16, [
-              _hoisted_17,
+            createBaseVNode("div", _hoisted_14, [
+              _hoisted_15,
               createVNode(_component_VSelect, {
                 modelValue: unref(scale),
                 "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(scale) ? scale.value = $event : null),
@@ -9586,14 +9569,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                     return createBaseVNode("option", {
                       key: i[0],
                       value: i[1]
-                    }, toDisplayString(i[0]), 9, _hoisted_18);
+                    }, toDisplayString(i[0]), 9, _hoisted_16);
                   }), 64))
                 ]),
                 _: 1
               }, 8, ["modelValue"])
             ]),
-            createBaseVNode("div", _hoisted_19, [
-              _hoisted_20,
+            createBaseVNode("div", _hoisted_17, [
+              _hoisted_18,
               createVNode(_component_VSwitch, {
                 flex: "~ row-reverse",
                 py1: "",

package/dist/client/assets/{splitpanes.es-db7e975b.js → splitpanes.es-2f5182b4.js}

@@ -1,4 +1,4 @@
-import { ar as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-d268ce4d.js';
+import { ar as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-197edebf.js';
 
 const M = {
   name: "splitpanes",

package/dist/client/assets/{timeline-0fd22aff.js → timeline-bc5ea36f.js}

@@ -1,11 +1,11 @@
-import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-dd6974e1.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-ea9ac4bd.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, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-d268ce4d.js';
+import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-617e4d70.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-4b915e62.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, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-197edebf.js';
 import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-65004790.js';
-import { g, M } from './splitpanes.es-db7e975b.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-4dcb121c.js';
-import './index-fb7e673c.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-4054707d.js';
+import { g, M } from './splitpanes.es-2f5182b4.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-6cd486d4.js';
+import './index-f977bcde.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-63abce3f.js';
 
 var dayjs_min = {exports: {}};/* Injected with object hook! */
 
@@ -1441,7 +1441,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       createBaseVNode("h3", _hoisted_4, [
                         createBaseVNode("span", {
                           truncate: "",
-                          class: normalizeClass([unref(activeLayerId) === item.id ? "text-white" : "vue-block-text"])
+                          class: normalizeClass([unref(activeLayerId) === item.id && "text-white"])
                         }, toDisplayString(item.label), 3)
                       ])
                     ], 10, _hoisted_3);

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-d268ce4d.js"></script>
-  <link rel="stylesheet" href="./assets/index-8135098e.css">
+  <script type="module" crossorigin src="./assets/index-197edebf.js"></script>
+  <link rel="stylesheet" href="./assets/index-fb18df65.css">
 </head>
 <body>
   <div id="app"></div>

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-vue-devtools",
-  "version": "0.4.12",
-  "packageManager": "pnpm@8.6.5",
+  "version": "0.5.0",
+  "packageManager": "pnpm@8.6.7",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",
   "license": "MIT",
@@ -34,11 +34,10 @@
     "dist",
     "src/node/views/*",
     "src/node/app.js",
-    "src/node/Container.vue",
     "*.d.ts"
   ],
   "engines": {
-    "node": ">=14"
+    "node": ">=v14"
   },
   "scripts": {
     "build": "rimraf dist && run-s build:*",
@@ -49,12 +48,13 @@
     "play": "nr -C playground dev",
     "stub": "unbuild --stub",
     "lint": "eslint .",
+    "changelog": "conventional-changelog -p angular -i CHANGELOG.md -s",
     "prepublishOnly": "npm run build",
-    "release": "bumpp && npm publish",
+    "release": "bumpp && nr changelog && npm publish",
     "dep:up": "taze -I major"
   },
   "peerDependencies": {
-    "vite": "^3.0.0-0 || ^4.0.0-0"
+    "vite": "^3.1.0 || ^4.0.0-0"
   },
   "dependencies": {
     "@vueuse/core": "^10.2.1",
@@ -64,7 +64,7 @@
     "birpc": "^0.2.12",
     "execa": "^7.1.1",
     "json-editor-vue": "^0.10.6",
-    "minimatch": "^9.0.2",
+    "minimatch": "^9.0.3",
     "nanoid": "^4.0.2",
     "sirv": "^2.0.3",
     "splitpanes": "^3.1.5",
@@ -72,27 +72,28 @@
     "vite-hot-client": "^0.2.1",
     "vite-plugin-inspect": "^0.7.32",
     "vite-plugin-vue-inspector": "^3.4.2",
-    "vue-router": "^4.2.2",
+    "vue-router": "^4.2.4",
     "vuedraggable": "^4.1.0",
     "xterm": "^5.2.1",
     "xterm-addon-fit": "^0.7.0"
   },
   "devDependencies": {
     "@algolia/client-search": "^4.18.0",
-    "@antfu/eslint-config": "^0.39.6",
+    "@antfu/eslint-config": "^0.39.7",
     "@antfu/ni": "^0.21.4",
-    "@iconify/json": "^2.2.85",
-    "@nuxt/devtools-ui-kit": "^0.6.6",
+    "@iconify/json": "^2.2.88",
+    "@nuxt/devtools-ui-kit": "^0.6.7",
     "@types/codemirror": "^5.60.8",
-    "@types/node": "^20.3.3",
+    "@types/node": "^20.4.1",
     "@types/splitpanes": "^2.2.1",
-    "@unocss/eslint-config": "^0.53.4",
-    "@unocss/reset": "^0.53.4",
+    "@unocss/eslint-config": "^0.53.5",
+    "@unocss/reset": "^0.53.5",
     "@vitejs/plugin-vue": "^4.2.3",
     "@vitejs/plugin-vue-jsx": "^3.0.1",
     "bumpp": "^9.1.1",
     "codemirror": "^6.0.1",
     "codemirror-theme-vars": "^0.1.2",
+    "conventional-changelog-cli": "^3.0.0",
     "dayjs": "^1.11.9",
     "eslint": "8.44.0",
     "fast-glob": "^3.3.0",
@@ -104,18 +105,18 @@
     "ohash": "^1.1.2",
     "pathe": "^1.1.1",
     "pinia": "^2.1.4",
-    "pnpm": "^8.6.5",
+    "pnpm": "^8.6.7",
     "rimraf": "^5.0.1",
     "simple-git-hooks": "^2.8.1",
     "taze": "^0.11.2",
     "typescript": "^5.1.6",
     "unbuild": "^1.2.1",
-    "unocss": "^0.53.4",
-    "unplugin-auto-import": "^0.16.4",
+    "unocss": "^0.53.5",
+    "unplugin-auto-import": "^0.16.6",
     "unplugin-vue-components": "^0.25.1",
     "vis-data": "^7.1.6",
     "vis-network": "^9.1.6",
-    "vite": "^4.3.9",
+    "vite": "^4.4.2",
     "vite-dev-rpc": "^0.1.2",
     "vite-plugin-pages": "^0.31.0",
     "vue": "^3.3.4",

package/src/node/views/ComponentInspector.vue

@@ -0,0 +1,67 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+
+const props = defineProps<{
+  bounds: {
+    width: number
+    height: number
+    top: number
+    left: number
+  }
+  name: string
+}>()
+
+const inspectorStyle = computed(() => {
+  const { width, height, top, left } = props.bounds
+  return {
+    width: `${width}px`,
+    height: `${height}px`,
+    top: `${top}px`,
+    left: `${left}px`,
+  }
+})
+const inspectorCardStyle = computed(() => ({ top: props.bounds.top < 35 ? 0 : '-35px' }))
+</script>
+
+<template>
+  <div class="vue-devtools-component-inspector" :style="inspectorStyle">
+    <span class="vue-devtools-component-inspector-card" :style="inspectorCardStyle">
+      &lt;{{ name }}&gt;
+      <i>{{ bounds.width }} x {{ bounds.height }}</i>
+    </span>
+  </div>
+</template>
+
+<style scoped>
+.vue-devtools-component-inspector {
+  z-index: 2147483646;
+  position: fixed;
+  background-color:#42b88325;
+  border: 1px solid #42b88350;
+  border-radius: 5px;
+  transition: all 0.1s ease-in;
+  pointer-events: none;
+}
+
+.vue-devtools-component-inspector-card {
+  font-family: Arial, Helvetica, sans-serif;
+  padding: 5px 8px;
+  border-radius: 4px;
+  text-align: left;
+  position: absolute;
+  left: 0;
+  color:#e9e9e9;
+  font-size: 14px;
+  font-weight: 600;
+  line-height: 24px;
+  background-color:#42b883;
+  box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px -1px rgba(0, 0, 0, 0.1);
+}
+
+.vue-devtools-component-inspector-card i {
+  font-weight: 400;
+  font-style: normal;
+  font-size: 12px;
+  opacity: 0.7;
+}
+</style>