vite-plugin-vue-devtools 1.0.0-alpha.2 → 1.0.0-beta.1

package/dist/client/assets/rerender-trace-b0a16930.js

@@ -0,0 +1,369 @@
+import { v as defineComponent, a$ as ref, c7 as DevToolsHooks, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, u as createVNode, h as withCtx, z as unref, c as createBlock, a9 as createTextVNode, g as createCommentVNode, F as Fragment, i as renderList, c8 as useDevToolsClient, c9 as rootPath, _ as __unplugin_components_7, c6 as __unplugin_components_1, p as pushScopeId, a as popScopeId, y as toDisplayString, bM as _export_sfc } from './index-43ac0c1e.js';
+import { d as dayjs } from './dayjs.min-52f29994.js';
+import { g as getSetupStateInfo, t as toRaw } from './data-8705dbff.js';
+
+const _withScopeId = (n) => (pushScopeId("data-v-c4e9e7b3"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  "h-full": "",
+  "w-full": "",
+  "of-auto": "",
+  "n-panel-grids": ""
+};
+const _hoisted_2 = { "w-full": "" };
+const _hoisted_3 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", {
+  "text-xs": "",
+  "op-50": ""
+}, " Start Tracing ", -1));
+const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", {
+  "text-xs": "",
+  "op-50": ""
+}, " Clear ", -1));
+const _hoisted_5 = {
+  key: 0,
+  flex: "~ items-center justify-center",
+  "h-screen": ""
+};
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("i", {
+  class: "i-fluent:record-12-regular",
+  text: "4.7",
+  "cursor-pointer": "",
+  "text-secondary": "",
+  hover: "text-black dark:text-white"
+}, null, -1));
+const _hoisted_7 = [
+  _hoisted_6
+];
+const _hoisted_8 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { flex: "~ items-center" }, [
+  /* @__PURE__ */ createTextVNode(" Click the clear button "),
+  /* @__PURE__ */ createBaseVNode("span", {
+    border: "~ base",
+    "mx-1": "",
+    "inline-flex": "",
+    "items-center": "",
+    "justify-center": "",
+    p1: ""
+  }, [
+    /* @__PURE__ */ createBaseVNode("i", {
+      class: "i-grommet-icons:clear",
+      text: "3.8",
+      "text-secondary": ""
+    })
+  ]),
+  /* @__PURE__ */ createTextVNode(" to clear the results. ")
+], -1));
+const _hoisted_9 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { "lh-5": "" }, [
+  /* @__PURE__ */ createTextVNode(" Start tracing, do something in the page. Then,"),
+  /* @__PURE__ */ createBaseVNode("br"),
+  /* @__PURE__ */ createTextVNode(" press the stop button to show the resulting triggers for page rerenders. ")
+], -1));
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("p", { class: "loading-animation" }, " Tracing... ", -1));
+const _hoisted_11 = { key: 1 };
+const _hoisted_12 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createBaseVNode("thead", {
+  border: "b r base",
+  sticky: "",
+  display: "table-header-group",
+  "top-0": "",
+  "z-10": ""
+}, [
+  /* @__PURE__ */ createBaseVNode("tr", { "bg-base": "" }, [
+    /* @__PURE__ */ createBaseVNode("th", {
+      "p-2": "",
+      "text-center": ""
+    }, " Component File "),
+    /* @__PURE__ */ createBaseVNode("th", {
+      "p-2": "",
+      "text-center": ""
+    }, " Key "),
+    /* @__PURE__ */ createBaseVNode("th", {
+      "p-2": "",
+      "text-center": ""
+    }, " Value "),
+    /* @__PURE__ */ createBaseVNode("th", {
+      "p-2": "",
+      "text-center": ""
+    }, " Data Type "),
+    /* @__PURE__ */ createBaseVNode("th", {
+      "p-2": "",
+      "text-center": ""
+    }, " Update Type "),
+    /* @__PURE__ */ createBaseVNode("th", {
+      "p-2": "",
+      "text-center": ""
+    }, " Update Time ")
+  ])
+], -1));
+const _hoisted_13 = { border: "b r base" };
+const _hoisted_14 = ["onClick"];
+const _hoisted_15 = {
+  "max-w-30": "",
+  "w-30": "",
+  "of-hidden": "",
+  "text-ellipsis": "",
+  "ws-nowrap": "",
+  "px-2": "",
+  "text-center": "",
+  "text-sm": "",
+  "font-mono": "",
+  op70: ""
+};
+const _hoisted_16 = {
+  "max-w-30": "",
+  "w-30": "",
+  "of-hidden": "",
+  "text-ellipsis": "",
+  "ws-nowrap": "",
+  "px-2": "",
+  "text-center": "",
+  "text-sm": "",
+  "font-mono": "",
+  op70: ""
+};
+const _hoisted_17 = {
+  "max-w-30": "",
+  "w-30": "",
+  "of-hidden": "",
+  "text-ellipsis": "",
+  "ws-nowrap": "",
+  "px-2": "",
+  "text-center": "",
+  "text-sm": "",
+  "font-mono": "",
+  op70: ""
+};
+const _hoisted_18 = {
+  "max-w-30": "",
+  "w-30": "",
+  "of-hidden": "",
+  "text-ellipsis": "",
+  "ws-nowrap": "",
+  "px-2": "",
+  "text-center": "",
+  "text-sm": "",
+  "font-mono": "",
+  op70: ""
+};
+const _hoisted_19 = {
+  "max-w-30": "",
+  "w-30": "",
+  "of-hidden": "",
+  "text-ellipsis": "",
+  "ws-nowrap": "",
+  "px-2": "",
+  "text-center": "",
+  "text-sm": "",
+  "font-mono": "",
+  op70: ""
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "rerender-trace",
+  setup(__props) {
+    const client = useDevToolsClient();
+    const hook = client.value.hook;
+    const isTracing = ref(false);
+    const result = ref([]);
+    const traceBuffer = ref([]);
+    function normalizeEventInfo(e, instance) {
+      const info = getSetupStateInfo(e.target);
+      const file = instance.type.__file?.replace?.(rootPath, "") ?? "-";
+      const dataType = info.computed ? "Computed" : info.ref ? "Ref" : info.reactive ? "Reactive" : null;
+      const index = Object.values(instance.devtoolsRawSetupState).map((i) => toRaw(i)).indexOf(toRaw(e.target));
+      const key = index === -1 ? e.key ?? "unknown" : Object.keys(instance.devtoolsRawSetupState)[index];
+      const value = !dataType || info.reactive ? e.target[e.key] : e.target.value;
+      return {
+        componentFile: file,
+        fullFilePath: instance.type.__file ?? "",
+        key,
+        value,
+        dataType: dataType ?? "unknown",
+        updateType: e.type ?? "-",
+        updateTime: Date.now()
+      };
+    }
+    hook.on(DevToolsHooks.RENDER_TRACKED, (e, instance) => {
+      isTracing.value && traceBuffer.value.push(normalizeEventInfo(e, instance));
+    });
+    hook.on(DevToolsHooks.RENDER_TRIGGERED, (e, instance) => {
+      isTracing.value && traceBuffer.value.push(normalizeEventInfo(e, instance));
+    });
+    function start() {
+      result.value = [];
+      traceBuffer.value = [];
+      isTracing.value = true;
+    }
+    function stop() {
+      isTracing.value = false;
+      const typeOrder = { Ref: 0, Computed: 1 };
+      result.value = traceBuffer.value.sort((a, b) => typeOrder[a.dataType] - typeOrder[b.dataType]).sort((a, b) => a.updateTime - b.updateTime);
+      traceBuffer.value = [];
+    }
+    function clear() {
+      if (isTracing.value)
+        return;
+      result.value = [];
+    }
+    function openInEditor(filePath) {
+      if (!filePath)
+        return;
+      client.value.openInEditor(filePath);
+    }
+    return (_ctx, _cache) => {
+      const _component_VTooltip = resolveComponent("VTooltip");
+      const _component_VDCard = __unplugin_components_7;
+      const _component_VDBadge = __unplugin_components_1;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("div", _hoisted_2, [
+          createVNode(_component_VDCard, {
+            flex: "~ col gap-2",
+            absolute: "",
+            "right-3": "",
+            "top-3": "",
+            "z-20": "",
+            p1: ""
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_VTooltip, {
+                placement: "bottom",
+                distance: 12,
+                "text-center": ""
+              }, {
+                popper: withCtx(() => [
+                  _hoisted_3
+                ]),
+                default: withCtx(() => [
+                  !unref(isTracing) ? (openBlock(), createElementBlock("i", {
+                    key: 0,
+                    class: "i-fluent:record-12-regular",
+                    text: "4.7",
+                    "cursor-pointer": "",
+                    "text-secondary": "",
+                    hover: "text-black dark:text-white",
+                    onClick: start
+                  })) : (openBlock(), createElementBlock("i", {
+                    key: 1,
+                    class: "i-fluent:record-stop-12-regular",
+                    text: "4.7",
+                    "cursor-pointer": "",
+                    "text-red-600": "",
+                    hover: "text-red-800",
+                    onClick: stop
+                  }))
+                ]),
+                _: 1
+              }),
+              createVNode(_component_VTooltip, {
+                placement: "bottom",
+                distance: 12,
+                "text-center": ""
+              }, {
+                popper: withCtx(() => [
+                  _hoisted_4
+                ]),
+                default: withCtx(() => [
+                  createBaseVNode("i", {
+                    class: "i-grommet-icons:clear",
+                    text: "3.8",
+                    "cursor-pointer": "",
+                    "text-secondary": "",
+                    hover: "text-black dark:text-white",
+                    onClick: clear
+                  })
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          }),
+          !unref(result).length ? (openBlock(), createElementBlock("div", _hoisted_5, [
+            !unref(isTracing) && !unref(result).length ? (openBlock(), createBlock(_component_VDCard, {
+              key: 0,
+              flex: "~ col gap2",
+              relative: "",
+              p3: "",
+              op60: ""
+            }, {
+              default: withCtx(() => [
+                createBaseVNode("p", { flex: "~ items-center" }, [
+                  createTextVNode(" Click the start button "),
+                  createBaseVNode("button", {
+                    border: "~ base",
+                    "mx-1": "",
+                    "inline-flex": "",
+                    "items-center": "",
+                    "justify-center": "",
+                    p: "0.5",
+                    onClick: start
+                  }, _hoisted_7),
+                  createTextVNode(" to start a new tracing. ")
+                ]),
+                _hoisted_8,
+                _hoisted_9,
+                createVNode(_component_VDBadge, {
+                  absolute: "",
+                  "right--0.5": "",
+                  "top-0": "",
+                  "rounded-0": "",
+                  "bg-green-400:10": "",
+                  "text-green-400": "",
+                  title: "Experimental",
+                  textContent: "Experimental"
+                })
+              ]),
+              _: 1
+            })) : unref(isTracing) && !unref(result).length ? (openBlock(), createBlock(_component_VDCard, {
+              key: 1,
+              flex: "~ col gap2",
+              p3: ""
+            }, {
+              default: withCtx(() => [
+                _hoisted_10
+              ]),
+              _: 1
+            })) : createCommentVNode("", true)
+          ])) : createCommentVNode("", true),
+          unref(result).length && !unref(isTracing) ? (openBlock(), createElementBlock("table", _hoisted_11, [
+            _hoisted_12,
+            createBaseVNode("tbody", _hoisted_13, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(result), (item, index) => {
+                return openBlock(), createElementBlock("tr", {
+                  key: index,
+                  class: "group",
+                  "h-7": "",
+                  border: "b dashed transparent hover:base"
+                }, [
+                  createBaseVNode("td", {
+                    "max-w-50": "",
+                    "of-hidden": "",
+                    "text-ellipsis": "",
+                    "px-2": "",
+                    "text-center": "",
+                    "text-sm": "",
+                    underline: "",
+                    op70: "",
+                    hover: "text-primary",
+                    onClick: ($event) => openInEditor(item.fullFilePath)
+                  }, toDisplayString(item.componentFile), 9, _hoisted_14),
+                  createBaseVNode("td", _hoisted_15, toDisplayString(item.key), 1),
+                  createBaseVNode("td", _hoisted_16, toDisplayString(item.value), 1),
+                  createBaseVNode("td", _hoisted_17, toDisplayString(item.dataType), 1),
+                  createBaseVNode("td", _hoisted_18, toDisplayString(item.updateType), 1),
+                  createBaseVNode("td", _hoisted_19, toDisplayString(unref(dayjs)(item.updateTime).format("HH:mm:ss")), 1)
+                ]);
+              }), 128))
+            ])
+          ])) : createCommentVNode("", true)
+        ])
+      ]);
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+/* unplugin-vue-components disabled */const rerenderTrace_vue_vue_type_style_index_0_scoped_c4e9e7b3_lang = '';
+/* Injected with object hook! */
+
+const rerenderTrace = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c4e9e7b3"]]);
+
+/* Injected with object hook! */
+
+export { rerenderTrace as default };

package/dist/client/assets/{routes-06a1de65.js → routes-fef0d125.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-bf67e36d.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-773a455a.js';
-import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-f232f911.js';
-import { g, M } from './splitpanes.es-87d8571e.js';
-import './Icon.vue_vue_type_script_setup_true_lang-9344440e.js';
-import './index-cc695468.js';
-import './IconButton.vue_vue_type_script_setup_true_lang-f308a32e.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-79045561.js';
+import { v as defineComponent, z as unref, c1 as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, c2 as routeRecordMatcherState, c3 as activeRouteRecordMatcherState, c as createBlock, c0 as _sfc_main$2, _ as __unplugin_components_7, q as normalizeClass, c4 as activeRouteRecordIndex, c5 as toggleRouteRecordMatcher, a9 as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, c6 as __unplugin_components_1 } from './index-43ac0c1e.js';
+import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-87cd4432.js';
+import { g, M } from './splitpanes.es-a1996dda.js';
+import './Icon.vue_vue_type_script_setup_true_lang-7b574e17.js';
+import './index-cdabf7ff.js';
+import './IconButton.vue_vue_type_script_setup_true_lang-df1aed4a.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{settings-a01dd288.js → settings-d650aa71.js}

@@ -1,10 +1,9 @@
-import { _ as _sfc_main$a, a as _sfc_main$c } from './Switch.vue_vue_type_script_setup_true_lang-ff441d43.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-773a455a.js';
-import { _ as _sfc_main$4 } from './Icon.vue_vue_type_script_setup_true_lang-9344440e.js';
-import { a as getAugmentedNamespace, c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-65004790.js';
-import { _ as _sfc_main$8 } from './IconButton.vue_vue_type_script_setup_true_lang-f308a32e.js';
-import { _ as _sfc_main$7 } from './TextInput.vue_vue_type_script_setup_true_lang-49fa3d66.js';
-import { _ as _sfc_main$9 } from './IconTitle.vue_vue_type_script_setup_true_lang-4cf300a8.js';
+import { _ as _sfc_main$a, a as _sfc_main$c } from './Switch.vue_vue_type_script_setup_true_lang-e9fc0dc8.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 getAugmentedNamespace, bI as commonjsGlobal, bJ as getDefaultExportFromCjs, bK as getSortedTabs, bL as updateTabsPosition, bM as _export_sfc, bN as useVModel, bO as _sfc_main$5, bP as _sfc_main$6, bQ as useToggle, bR as shouldHideTabGroup, bS as DEFAULT_TAB_GROUP, bT as useGroupedTabs, bU as ungroupAllTabs, bV as resetAllTabs, bW as removeTabGroup, bX as checkGroupExist, bY as createGroup, bZ as useDevToolsSettings, b_ as useFrameState, b$ as _sfc_main$b, c0 as _sfc_main$d } from './index-43ac0c1e.js';
+import { _ as _sfc_main$4 } from './Icon.vue_vue_type_script_setup_true_lang-7b574e17.js';
+import { _ as _sfc_main$8 } from './IconButton.vue_vue_type_script_setup_true_lang-df1aed4a.js';
+import { _ as _sfc_main$7 } from './TextInput.vue_vue_type_script_setup_true_lang-c719d9ea.js';
+import { _ as _sfc_main$9 } from './IconTitle.vue_vue_type_script_setup_true_lang-340f9637.js';
 
 const compile = () => {
 };

package/dist/client/assets/{splitpanes.es-87d8571e.js → splitpanes.es-a1996dda.js}

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

package/dist/client/assets/{timeline-4af72c7c.js → timeline-881ae377.js}

@@ -1,21 +1,11 @@
-import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-f232f911.js';
-import { _ as __unplugin_components_0 } from './PanelGrids-bf67e36d.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-773a455a.js';
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-65004790.js';
-import { g, M } from './splitpanes.es-87d8571e.js';
-import './Icon.vue_vue_type_script_setup_true_lang-9344440e.js';
-import './index-cc695468.js';
-import './IconButton.vue_vue_type_script_setup_true_lang-f308a32e.js';
-
-var dayjs_min = {exports: {}};/* Injected with object hook! */
-
-(function (module, exports) {
-	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t=1e3,e=6e4,n=36e5,r="millisecond",i="second",s="minute",u="hour",a="day",o="week",c="month",f="quarter",h="year",d="date",l="Invalid Date",$=/^(\d{4})[-/]?(\d{1,2})?[-/]?(\d{0,2})[Tt\s]*(\d{1,2})?:?(\d{1,2})?:?(\d{1,2})?[.:]?(\d+)?$/,y=/\[([^\]]+)]|Y{1,4}|M{1,4}|D{1,2}|d{1,4}|H{1,2}|h{1,2}|a|A|m{1,2}|s{1,2}|Z{1,2}|SSS/g,M={name:"en",weekdays:"Sunday_Monday_Tuesday_Wednesday_Thursday_Friday_Saturday".split("_"),months:"January_February_March_April_May_June_July_August_September_October_November_December".split("_"),ordinal:function(t){var e=["th","st","nd","rd"],n=t%100;return "["+t+(e[(n-20)%10]||e[n]||e[0])+"]"}},m=function(t,e,n){var r=String(t);return !r||r.length>=e?t:""+Array(e+1-r.length).join(n)+t},v={s:m,z:function(t){var e=-t.utcOffset(),n=Math.abs(e),r=Math.floor(n/60),i=n%60;return (e<=0?"+":"-")+m(r,2,"0")+":"+m(i,2,"0")},m:function t(e,n){if(e.date()<n.date())return -t(n,e);var r=12*(n.year()-e.year())+(n.month()-e.month()),i=e.clone().add(r,c),s=n-i<0,u=e.clone().add(r+(s?-1:1),c);return +(-(r+(n-i)/(s?i-u:u-i))||0)},a:function(t){return t<0?Math.ceil(t)||0:Math.floor(t)},p:function(t){return {M:c,y:h,w:o,d:a,D:d,h:u,m:s,s:i,ms:r,Q:f}[t]||String(t||"").toLowerCase().replace(/s$/,"")},u:function(t){return void 0===t}},g="en",D={};D[g]=M;var p=function(t){return t instanceof b},S=function t(e,n,r){var i;if(!e)return g;if("string"==typeof e){var s=e.toLowerCase();D[s]&&(i=s),n&&(D[s]=n,i=s);var u=e.split("-");if(!i&&u.length>1)return t(u[0])}else {var a=e.name;D[a]=e,i=a;}return !r&&i&&(g=i),i||!r&&g},w=function(t,e){if(p(t))return t.clone();var n="object"==typeof e?e:{};return n.date=t,n.args=arguments,new b(n)},O=v;O.l=S,O.i=p,O.w=function(t,e){return w(t,{locale:e.$L,utc:e.$u,x:e.$x,$offset:e.$offset})};var b=function(){function M(t){this.$L=S(t.locale,null,!0),this.parse(t);}var m=M.prototype;return m.parse=function(t){this.$d=function(t){var e=t.date,n=t.utc;if(null===e)return new Date(NaN);if(O.u(e))return new Date;if(e instanceof Date)return new Date(e);if("string"==typeof e&&!/Z$/i.test(e)){var r=e.match($);if(r){var i=r[2]-1||0,s=(r[7]||"0").substring(0,3);return n?new Date(Date.UTC(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)):new Date(r[1],i,r[3]||1,r[4]||0,r[5]||0,r[6]||0,s)}}return new Date(e)}(t),this.$x=t.x||{},this.init();},m.init=function(){var t=this.$d;this.$y=t.getFullYear(),this.$M=t.getMonth(),this.$D=t.getDate(),this.$W=t.getDay(),this.$H=t.getHours(),this.$m=t.getMinutes(),this.$s=t.getSeconds(),this.$ms=t.getMilliseconds();},m.$utils=function(){return O},m.isValid=function(){return !(this.$d.toString()===l)},m.isSame=function(t,e){var n=w(t);return this.startOf(e)<=n&&n<=this.endOf(e)},m.isAfter=function(t,e){return w(t)<this.startOf(e)},m.isBefore=function(t,e){return this.endOf(e)<w(t)},m.$g=function(t,e,n){return O.u(t)?this[e]:this.set(n,t)},m.unix=function(){return Math.floor(this.valueOf()/1e3)},m.valueOf=function(){return this.$d.getTime()},m.startOf=function(t,e){var n=this,r=!!O.u(e)||e,f=O.p(t),l=function(t,e){var i=O.w(n.$u?Date.UTC(n.$y,e,t):new Date(n.$y,e,t),n);return r?i:i.endOf(a)},$=function(t,e){return O.w(n.toDate()[t].apply(n.toDate("s"),(r?[0,0,0,0]:[23,59,59,999]).slice(e)),n)},y=this.$W,M=this.$M,m=this.$D,v="set"+(this.$u?"UTC":"");switch(f){case h:return r?l(1,0):l(31,11);case c:return r?l(1,M):l(0,M+1);case o:var g=this.$locale().weekStart||0,D=(y<g?y+7:y)-g;return l(r?m-D:m+(6-D),M);case a:case d:return $(v+"Hours",0);case u:return $(v+"Minutes",1);case s:return $(v+"Seconds",2);case i:return $(v+"Milliseconds",3);default:return this.clone()}},m.endOf=function(t){return this.startOf(t,!1)},m.$set=function(t,e){var n,o=O.p(t),f="set"+(this.$u?"UTC":""),l=(n={},n[a]=f+"Date",n[d]=f+"Date",n[c]=f+"Month",n[h]=f+"FullYear",n[u]=f+"Hours",n[s]=f+"Minutes",n[i]=f+"Seconds",n[r]=f+"Milliseconds",n)[o],$=o===a?this.$D+(e-this.$W):e;if(o===c||o===h){var y=this.clone().set(d,1);y.$d[l]($),y.init(),this.$d=y.set(d,Math.min(this.$D,y.daysInMonth())).$d;}else l&&this.$d[l]($);return this.init(),this},m.set=function(t,e){return this.clone().$set(t,e)},m.get=function(t){return this[O.p(t)]()},m.add=function(r,f){var d,l=this;r=Number(r);var $=O.p(f),y=function(t){var e=w(l);return O.w(e.date(e.date()+Math.round(t*r)),l)};if($===c)return this.set(c,this.$M+r);if($===h)return this.set(h,this.$y+r);if($===a)return y(1);if($===o)return y(7);var M=(d={},d[s]=e,d[u]=n,d[i]=t,d)[$]||1,m=this.$d.getTime()+r*M;return O.w(m,this)},m.subtract=function(t,e){return this.add(-1*t,e)},m.format=function(t){var e=this,n=this.$locale();if(!this.isValid())return n.invalidDate||l;var r=t||"YYYY-MM-DDTHH:mm:ssZ",i=O.z(this),s=this.$H,u=this.$m,a=this.$M,o=n.weekdays,c=n.months,f=n.meridiem,h=function(t,n,i,s){return t&&(t[n]||t(e,r))||i[n].slice(0,s)},d=function(t){return O.s(s%12||12,t,"0")},$=f||function(t,e,n){var r=t<12?"AM":"PM";return n?r.toLowerCase():r};return r.replace(y,(function(t,r){return r||function(t){switch(t){case"YY":return String(e.$y).slice(-2);case"YYYY":return O.s(e.$y,4,"0");case"M":return a+1;case"MM":return O.s(a+1,2,"0");case"MMM":return h(n.monthsShort,a,c,3);case"MMMM":return h(c,a);case"D":return e.$D;case"DD":return O.s(e.$D,2,"0");case"d":return String(e.$W);case"dd":return h(n.weekdaysMin,e.$W,o,2);case"ddd":return h(n.weekdaysShort,e.$W,o,3);case"dddd":return o[e.$W];case"H":return String(s);case"HH":return O.s(s,2,"0");case"h":return d(1);case"hh":return d(2);case"a":return $(s,u,!0);case"A":return $(s,u,!1);case"m":return String(u);case"mm":return O.s(u,2,"0");case"s":return String(e.$s);case"ss":return O.s(e.$s,2,"0");case"SSS":return O.s(e.$ms,3,"0");case"Z":return i}return null}(t)||i.replace(":","")}))},m.utcOffset=function(){return 15*-Math.round(this.$d.getTimezoneOffset()/15)},m.diff=function(r,d,l){var $,y=this,M=O.p(d),m=w(r),v=(m.utcOffset()-this.utcOffset())*e,g=this-m,D=function(){return O.m(y,m)};switch(M){case h:$=D()/12;break;case c:$=D();break;case f:$=D()/3;break;case o:$=(g-v)/6048e5;break;case a:$=(g-v)/864e5;break;case u:$=g/n;break;case s:$=g/e;break;case i:$=g/t;break;default:$=g;}return l?$:O.a($)},m.daysInMonth=function(){return this.endOf(c).$D},m.$locale=function(){return D[this.$L]},m.locale=function(t,e){if(!t)return this.$L;var n=this.clone(),r=S(t,e,!0);return r&&(n.$L=r),n},m.clone=function(){return O.w(this.$d,this)},m.toDate=function(){return new Date(this.valueOf())},m.toJSON=function(){return this.isValid()?this.toISOString():null},m.toISOString=function(){return this.$d.toISOString()},m.toString=function(){return this.$d.toUTCString()},M}(),_=b.prototype;return w.prototype=_,[["$ms",r],["$s",i],["$m",s],["$H",u],["$W",a],["$M",c],["$y",h],["$D",d]].forEach((function(t){_[t[1]]=function(e){return this.$g(e,t[0],t[1])};})),w.extend=function(t,e){return t.$i||(t(e,b,w),t.$i=!0),w},w.locale=S,w.isDayjs=p,w.unix=function(t){return w(1e3*t)},w.en=D[g],w.Ls=D,w.p={},w})); 
-} (dayjs_min));
-
-var dayjs_minExports = dayjs_min.exports;
-const dayjs = /*@__PURE__*/getDefaultExportFromCjs(dayjs_minExports);
-/* Injected with object hook! */
+import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-87cd4432.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-79045561.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-43ac0c1e.js';
+import { d as dayjs } from './dayjs.min-52f29994.js';
+import { g, M } from './splitpanes.es-a1996dda.js';
+import './Icon.vue_vue_type_script_setup_true_lang-7b574e17.js';
+import './index-cdabf7ff.js';
+import './IconButton.vue_vue_type_script_setup_true_lang-df1aed4a.js';
 
 function getInternetExplorerVersion() {
   var ua = window.navigator.userAgent;

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-773a455a.js"></script>
-  <link rel="stylesheet" href="./assets/index-d3dcbe9e.css">
+  <script type="module" crossorigin src="./assets/index-43ac0c1e.js"></script>
+  <link rel="stylesheet" href="./assets/index-b16c49d4.css">
 </head>
 <body>
   <div id="app"></div>

package/dist/vite.cjs

@@ -13751,11 +13751,19 @@ 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('vite.cjs', document.baseURI).href)))));
   return pluginPath.replace(/\/dist$/, "//src");
 }
-function VitePluginVueDevTools(options = { appendTo: "" }) {
+const defaultOptions = {
+  appendTo: "",
+  analyze: core$1.analyzeOptionsDefault
+};
+function mergeOptions(options) {
+  return Object.assign({}, defaultOptions, options);
+}
+function VitePluginVueDevTools(options) {
   const vueDevtoolsPath = getVueDevtoolsPath();
   const inspect = Inspect__default({
     silent: true
   });
+  const pluginOptions = mergeOptions(options ?? {});
   let config;
   function configureServer(server) {
     const base = server.config.base || "/";
@@ -13820,16 +13828,19 @@ function VitePluginVueDevTools(options = { appendTo: "" }) {
         return `export default ${JSON.stringify({ base: config.base })}`;
     },
     transform(code, id) {
-      const { appendTo } = options;
-      if (!appendTo)
+      const { root, base } = config;
+      const projectPath = `${root}${base}`;
+      if (!id.startsWith(projectPath))
         return;
+      const { analyze, appendTo } = pluginOptions;
       const [filename] = id.split("?", 2);
-      if (typeof appendTo === "string" && filename.endsWith(appendTo) || appendTo instanceof RegExp && appendTo.test(filename))
-        return { code: `${code}
-import 'virtual:vue-devtools-path:app.js'` };
+      if (appendTo && (typeof appendTo === "string" && filename.endsWith(appendTo) || appendTo instanceof RegExp && appendTo.test(filename)))
+        code = `${code}
+import 'virtual:vue-devtools-path:app.js'`;
+      return core$1.analyzeCode(code, id, analyze);
     },
     transformIndexHtml(html) {
-      if (options.appendTo)
+      if (pluginOptions.appendTo)
         return;
       return {
         html,

package/dist/vite.d.ts

@@ -1,4 +1,5 @@
 import { PluginOption } from 'vite';
+import { AnalyzeOptions } from '@vite-plugin-vue-devtools/core';
 
 interface VitePluginVueDevToolsOptions {
     /**
@@ -6,8 +7,17 @@ interface VitePluginVueDevToolsOptions {
     * useful for projects that do not use html file as an entry
     *
     * WARNING: only set this if you know exactly what it does.
+    * @default ''
     */
     appendTo?: string | RegExp;
+    /**
+     * Enable Vue DevTools to analyze the codebase by using Babel
+     * @default
+     * {
+     *   rerenderTrace: true, // enable rerenderTrace feature
+     * }
+    */
+    analyze?: Partial<AnalyzeOptions>;
 }
 declare function VitePluginVueDevTools(options?: VitePluginVueDevToolsOptions): PluginOption;
 

package/dist/vite.mjs

@@ -4,7 +4,7 @@ import { normalizePath } from 'vite';
 import sirv from 'sirv';
 import Inspect from 'vite-plugin-inspect';
 import VueInspector from 'vite-plugin-vue-inspector';
-import { PLUGIN_NAME, createRPCServer } from '@vite-plugin-vue-devtools/core';
+import { PLUGIN_NAME, analyzeCode, analyzeOptionsDefault, createRPCServer } from '@vite-plugin-vue-devtools/core';
 import fs$9 from 'node:fs/promises';
 import require$$0 from 'os';
 import require$$0$1 from 'path';
@@ -13725,11 +13725,19 @@ function getVueDevtoolsPath() {
   const pluginPath = normalizePath(path$3$1.dirname(fileURLToPath(import.meta.url)));
   return pluginPath.replace(/\/dist$/, "//src");
 }
-function VitePluginVueDevTools(options = { appendTo: "" }) {
+const defaultOptions = {
+  appendTo: "",
+  analyze: analyzeOptionsDefault
+};
+function mergeOptions(options) {
+  return Object.assign({}, defaultOptions, options);
+}
+function VitePluginVueDevTools(options) {
   const vueDevtoolsPath = getVueDevtoolsPath();
   const inspect = Inspect({
     silent: true
   });
+  const pluginOptions = mergeOptions(options ?? {});
   let config;
   function configureServer(server) {
     const base = server.config.base || "/";
@@ -13794,16 +13802,19 @@ function VitePluginVueDevTools(options = { appendTo: "" }) {
         return `export default ${JSON.stringify({ base: config.base })}`;
     },
     transform(code, id) {
-      const { appendTo } = options;
-      if (!appendTo)
+      const { root, base } = config;
+      const projectPath = `${root}${base}`;
+      if (!id.startsWith(projectPath))
         return;
+      const { analyze, appendTo } = pluginOptions;
       const [filename] = id.split("?", 2);
-      if (typeof appendTo === "string" && filename.endsWith(appendTo) || appendTo instanceof RegExp && appendTo.test(filename))
-        return { code: `${code}
-import 'virtual:vue-devtools-path:app.js'` };
+      if (appendTo && (typeof appendTo === "string" && filename.endsWith(appendTo) || appendTo instanceof RegExp && appendTo.test(filename)))
+        code = `${code}
+import 'virtual:vue-devtools-path:app.js'`;
+      return analyzeCode(code, id, analyze);
     },
     transformIndexHtml(html) {
-      if (options.appendTo)
+      if (pluginOptions.appendTo)
         return;
       return {
         html,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "vite-plugin-vue-devtools",
   "type": "module",
-  "version": "1.0.0-alpha.2",
+  "version": "1.0.0-beta.1",
   "description": "A vite plugin for Vue DevTools",
   "author": "webfansplz",
   "license": "MIT",
@@ -53,7 +53,7 @@
     "sirv": "^2.0.3",
     "vite-plugin-inspect": "^0.7.33",
     "vite-plugin-vue-inspector": "^3.4.2",
-    "@vite-plugin-vue-devtools/core": "1.0.0-alpha.2"
+    "@vite-plugin-vue-devtools/core": "1.0.0-beta.1"
   },
   "devDependencies": {
     "@types/node": "^20.4.2",