vite-plugin-vue-devtools 0.0.11 → 0.0.13

package/dist/client/assets/{inspect-bb122b4f.js → IframeView.vue_vue_type_script_setup_true_lang-f8b8a14a.js}

@@ -1,8 +1,7 @@
-import { v as defineComponent, aa as useColorMode, Z as ref, $ as computed, ab as reactive, ac as useElementBounding, a5 as onMounted, n as nextTick, ad as watchEffect, ae as onUnmounted, o as openBlock, e as createElementBlock, u as createVNode, z as unref } from './index-35968ba5.js';
-import { i as inspectClientUrl } from './rpc-1f60df18.js';
+import { v as defineComponent, af as useColorMode, Z as ref, $ as computed, ag as reactive, ah as useElementBounding, a5 as onMounted, n as nextTick, ai as watchEffect, aj as onUnmounted, o as openBlock, e as createElementBlock } from './index-85d2f156.js';
 
 const iframeCacheMap = /* @__PURE__ */ new Map();
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IframeView",
   props: {
     src: null
@@ -77,20 +76,4 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
 
 /* Injected with object hook! */
 
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "inspect",
-  setup(__props) {
-    return (_ctx, _cache) => {
-      const _component_IframeView = _sfc_main$1;
-      return openBlock(), createElementBlock("div", null, [
-        createVNode(_component_IframeView, { src: unref(inspectClientUrl) }, null, 8, ["src"])
-      ]);
-    };
-  }
-});
-
-/* Injected with object hook! */
-
-/* Injected with object hook! */
-
-export { _sfc_main as default };
+export { _sfc_main as _ };

package/dist/client/assets/{VCard-1be3aeea.js → VCard-17cdc61a.js}

@@ -1,4 +1,4 @@
-import { aw as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-35968ba5.js';
+import { ax as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-85d2f156.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-1695d8db.js → VIcon.vue_vue_type_script_setup_true_lang-be88ec0c.js}

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

package/dist/client/assets/{VIconButton.vue_vue_type_script_setup_true_lang-2270abf3.js → VIconButton.vue_vue_type_script_setup_true_lang-c7772bf2.js}

@@ -1,5 +1,5 @@
-import { az as useClipboard, aA as useNotification, v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-35968ba5.js';
-import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-1695d8db.js';
+import { aA as useClipboard, aB as useNotification, v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-85d2f156.js';
+import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-be88ec0c.js';
 
 function useCopy() {
   const clipboard = useClipboard();

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-572a0964.js → VIconTitle.vue_vue_type_script_setup_true_lang-3370c857.js}

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

package/dist/client/assets/{VPanelGrids-e35ca1b2.js → VPanelGrids-ebf42a7c.js}

@@ -1,4 +1,4 @@
-import { aw as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-35968ba5.js';
+import { ax as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-85d2f156.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-3b579cad.js → VTextInput.vue_vue_type_script_setup_true_lang-059a254a.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-572a0964.js';
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-1695d8db.js';
-import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, b as resolveDirective, O as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, aw as _export_sfc, ax as vModelDynamic, k as mergeProps, K as isRef } from './index-35968ba5.js';
+import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-3370c857.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-be88ec0c.js';
+import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, x as createBaseVNode, q as normalizeClass, u as createVNode, h as withCtx, f as renderSlot, g as createCommentVNode, c as createBlock, z as unref, d as withDirectives, F as Fragment, b as resolveDirective, O as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, ax as _export_sfc, ay as vModelDynamic, k as mergeProps, K as isRef } from './index-85d2f156.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["open"];

package/dist/client/assets/{__inspecting-a5f31235.js → __inspecting-bd7248d3.js}

@@ -1,5 +1,5 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-e35ca1b2.js';
-import { v as defineComponent, aB as useEventListener, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, aC as useDevtoolsClient } from './index-35968ba5.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-ebf42a7c.js';
+import { v as defineComponent, aC as useEventListener, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, aD as useDevtoolsClient } from './index-85d2f156.js';
 
 const _hoisted_1 = /* @__PURE__ */ createBaseVNode("div", null, " Inspecting Vue components ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{assets-fa06fb0b.js → assets-0e67cb8d.js}

@@ -1,12 +1,12 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-e35ca1b2.js';
-import { _ as __unplugin_components_7 } from './VCard-1be3aeea.js';
-import { _ as _sfc_main$9, u as useCopy } from './VIconButton.vue_vue_type_script_setup_true_lang-2270abf3.js';
-import { v as defineComponent, Z as ref, ap as useElementSize, aq as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, ar as Transition, $ as computed, y as toDisplayString, q as normalizeClass, as as useStyleTag, l as normalizeStyle, at as computedAsync, au as useTimeAgo, F as Fragment, O as createTextVNode, Q as _sfc_main$a, av as onKeyDown, K as isRef, i as renderList } from './index-35968ba5.js';
-import { r as rpc } from './rpc-1f60df18.js';
-import { _ as _sfc_main$b, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-3b579cad.js';
-import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-1695d8db.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-ebf42a7c.js';
+import { _ as __unplugin_components_7 } from './VCard-17cdc61a.js';
+import { _ as _sfc_main$9, u as useCopy } from './VIconButton.vue_vue_type_script_setup_true_lang-c7772bf2.js';
+import { v as defineComponent, Z as ref, aq as useElementSize, ar as onClickOutside, o as openBlock, c as createBlock, h as withCtx, e as createElementBlock, u as createVNode, x as createBaseVNode, f as renderSlot, k as mergeProps, z as unref, g as createCommentVNode, as as Transition, $ as computed, y as toDisplayString, q as normalizeClass, at as useStyleTag, l as normalizeStyle, au as computedAsync, av as useTimeAgo, F as Fragment, O as createTextVNode, Q as _sfc_main$a, aw as onKeyDown, K as isRef, i as renderList } from './index-85d2f156.js';
+import { r as rpc } from './rpc-0c341c21.js';
+import { _ as _sfc_main$b, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-059a254a.js';
+import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-be88ec0c.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-572a0964.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-3370c857.js';
 
 const _hoisted_1$7 = {
   relative: "",

package/dist/client/assets/{components-82b9b93b.js → components-ab0312bf.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-e35ca1b2.js';
-import { _ as __unplugin_components_7 } from './VCard-1be3aeea.js';
-import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-fcdb2062.js';
-import { F as Fragment, Z as ref, aj as shallowRef, $ as computed, v as defineComponent, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, i as renderList, g as createCommentVNode, a5 as onMounted, ak as onVueInstanceUpdate, u as createVNode, h as withCtx, ab as reactive, al as instance } from './index-35968ba5.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-1695d8db.js';
-import './index-462602ed.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-2270abf3.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-ebf42a7c.js';
+import { _ as __unplugin_components_7 } from './VCard-17cdc61a.js';
+import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-5efc4585.js';
+import { F as Fragment, Z as ref, ak as shallowRef, $ as computed, v as defineComponent, r as resolveComponent, o as openBlock, e as createElementBlock, x as createBaseVNode, z as unref, c as createBlock, q as normalizeClass, y as toDisplayString, l as normalizeStyle, i as renderList, g as createCommentVNode, a5 as onMounted, al as onVueInstanceUpdate, u as createVNode, h as withCtx, ag as reactive, am as instance } from './index-85d2f156.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-be88ec0c.js';
+import './index-29942063.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-c7772bf2.js';
 
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;

package/dist/client/assets/documentations-744b76d4.js

@@ -0,0 +1,255 @@
+import { _ as __unplugin_components_7 } from './VCard-17cdc61a.js';
+import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, y as toDisplayString, e as createElementBlock, g as createCommentVNode, a4 as withModifiers, f as renderSlot, Z as ref, z as unref, u as createVNode, ae as Teleport, F as Fragment, i as renderList } from './index-85d2f156.js';
+import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-f8b8a14a.js';
+import { r as rpc } from './rpc-0c341c21.js';
+
+const _hoisted_1$1 = {
+  flex: "~ col gap2",
+  "flex-auto": "",
+  "of-hidden": "",
+  px1: ""
+};
+const _hoisted_2$1 = {
+  "of-hidden": "",
+  "text-ellipsis": "",
+  "ws-nowrap": "",
+  "text-lg": ""
+};
+const _hoisted_3$1 = {
+  key: 0,
+  class: "line-clamp-2",
+  "mt--1": "",
+  "text-sm": "",
+  op50: ""
+};
+const _hoisted_4$1 = /* @__PURE__ */ createBaseVNode("div", { "flex-auto": "" }, null, -1);
+const _hoisted_5$1 = {
+  key: 1,
+  flex: "~ gap-2",
+  title: "Documentation"
+};
+const _hoisted_6 = /* @__PURE__ */ createBaseVNode("span", {
+  "i-carbon-link": "",
+  "text-lg": "",
+  op50: ""
+}, null, -1);
+const _hoisted_7 = {
+  key: 2,
+  flex: "~ gap-2"
+};
+const _hoisted_8 = /* @__PURE__ */ createBaseVNode("span", {
+  "i-carbon-logo-github": "",
+  "text-lg": "",
+  op50: ""
+}, null, -1);
+const _hoisted_9 = { flex: "~ col" };
+const _hoisted_10 = {
+  key: 0,
+  "h-20": "",
+  "w-20": "",
+  flex: "",
+  "flex-none": "",
+  rounded: "",
+  "bg-gray:3": "",
+  p4: ""
+};
+const _hoisted_11 = ["src", "alt"];
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "DocDetails",
+  props: {
+    data: null
+  },
+  emits: ["navigate"],
+  setup(__props, { emit }) {
+    function navigate(path) {
+      window.open(path, "_blank");
+    }
+    return (_ctx, _cache) => {
+      const _component_VCard = __unplugin_components_7;
+      return openBlock(), createBlock(_component_VCard, {
+        flex: "~ gap2",
+        "max-h": "50vh",
+        "cursor-pointer": "",
+        p4: "",
+        hover: __props.data.id === "vue" ? "" : "border-primary",
+        onClick: _cache[2] || (_cache[2] = ($event) => emit("navigate", __props.data))
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1$1, [
+            createBaseVNode("div", _hoisted_2$1, [
+              createBaseVNode("span", null, toDisplayString(__props.data.name), 1)
+            ]),
+            __props.data.description ? (openBlock(), createElementBlock("div", _hoisted_3$1, toDisplayString(__props.data.description), 1)) : createCommentVNode("", true),
+            _hoisted_4$1,
+            __props.data.website ? (openBlock(), createElementBlock("div", _hoisted_5$1, [
+              _hoisted_6,
+              createBaseVNode("span", {
+                "of-hidden": "",
+                truncate: "",
+                "ws-nowrap": "",
+                "text-sm": "",
+                op50: "",
+                hover: "op100 underline text-primary",
+                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => navigate(__props.data.website), ["self", "stop"]))
+              }, toDisplayString(__props.data.website.replace(/^https?:\/\//, "")), 1)
+            ])) : createCommentVNode("", true),
+            __props.data.github ? (openBlock(), createElementBlock("div", _hoisted_7, [
+              _hoisted_8,
+              createBaseVNode("span", {
+                "of-hidden": "",
+                truncate: "",
+                "ws-nowrap": "",
+                "text-sm": "",
+                op50: "",
+                hover: "op100 underline text-primary",
+                onClick: _cache[1] || (_cache[1] = withModifiers(($event) => navigate(__props.data.github), ["self", "stop"]))
+              }, toDisplayString(__props.data.github.replace(/^https?:\/\/github.com\//, "")), 1)
+            ])) : createCommentVNode("", true),
+            renderSlot(_ctx.$slots, "items")
+          ]),
+          createBaseVNode("div", _hoisted_9, [
+            __props.data.icon ? (openBlock(), createElementBlock("div", _hoisted_10, [
+              __props.data.icon ? (openBlock(), createElementBlock("img", {
+                key: 0,
+                src: __props.data.icon,
+                alt: __props.data.name,
+                ma: "",
+                "h-full": ""
+              }, null, 8, _hoisted_11)) : createCommentVNode("", true)
+            ])) : createCommentVNode("", true)
+          ])
+        ]),
+        _: 3
+      }, 8, ["hover"]);
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+const VueIcon = ""+new URL('vue-5d4e674c.svg', import.meta.url).href+"";
+/* Injected with object hook! */
+
+const PiniaIcon = ""+new URL('pinia-7ed2c830.svg', import.meta.url).href+"";
+/* Injected with object hook! */
+
+const VueUseIcon = ""+new URL('vueuse-995374f6.svg', import.meta.url).href+"";
+/* Injected with object hook! */
+
+const data = [
+  {
+    id: "vue",
+    name: "Vue.js",
+    description: "The Progressive JavaScript Framework",
+    website: "https://vuejs.org",
+    github: "https://github.com/vuejs/core",
+    icon: VueIcon
+  },
+  {
+    id: "vue-router",
+    name: "Vue Router",
+    description: "The official Router for Vue.js",
+    website: "https://router.vuejs.org",
+    github: "https://github.com/vuejs/router",
+    icon: VueIcon
+  },
+  {
+    id: "pinia",
+    name: "Pinia",
+    description: "The intuitive store for Vue.js",
+    website: "https://pinia.vuejs.org",
+    github: "https://github.com/vuejs/pinia",
+    icon: PiniaIcon
+  },
+  {
+    id: "@vueuse/core",
+    name: "VueUse",
+    description: "Collection of essential Vue Composition Utilities for Vue 2 and 3",
+    website: "https://vueuse.org",
+    github: "https://github.com/vueuse/vueuse",
+    icon: VueUseIcon
+  }
+];
+
+/* Injected with object hook! */
+
+const _hoisted_1 = {
+  key: 0,
+  relative: "",
+  "h-screen": ""
+};
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("i", { "tabler:arrow-back-up": "" }, null, -1);
+const _hoisted_4 = [
+  _hoisted_3
+];
+const _hoisted_5 = {
+  key: 1,
+  grid: "",
+  "grid-cols-minmax-400px": "",
+  "h-screen": "",
+  "select-none": "",
+  gap3: "",
+  "overflow-scroll": "",
+  p4: "",
+  class: "no-scrollbar"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "documentations",
+  setup(__props) {
+    const items = ref(data);
+    const iframeViewUrl = ref("");
+    rpc.getPackages().then((res) => {
+      const packagesName = Object.keys(res.packages);
+      items.value = items.value.filter((item) => packagesName.includes(item.id));
+    });
+    function navigate(data2) {
+      if (data2.id === "vue")
+        return;
+      iframeViewUrl.value = data2.website;
+    }
+    function back() {
+      iframeViewUrl.value = "";
+    }
+    return (_ctx, _cache) => {
+      const _component_IframeView = _sfc_main$2;
+      const _component_DocDetails = _sfc_main$1;
+      return unref(iframeViewUrl) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(_component_IframeView, { src: unref(iframeViewUrl) }, null, 8, ["src"]),
+        (openBlock(), createBlock(Teleport, { to: "body" }, [
+          createBaseVNode("span", {
+            fixed: "",
+            "left-2": "",
+            "top-2": "",
+            "z-1000": "",
+            "h-8": "",
+            "w-8": "",
+            flex: "",
+            "cursor-pointer": "",
+            "select-none": "",
+            "items-center": "",
+            "justify-center": "",
+            "rounded-5": "",
+            "bg-base": "",
+            hover: "text-primary",
+            onClick: withModifiers(back, ["prevent", "stop"])
+          }, _hoisted_4, 8, _hoisted_2)
+        ]))
+      ])) : (openBlock(), createElementBlock("div", _hoisted_5, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(items), (item, index) => {
+          return openBlock(), createBlock(_component_DocDetails, {
+            key: index,
+            data: item,
+            onNavigate: navigate
+          }, null, 8, ["data"]);
+        }), 128))
+      ]));
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+/* Injected with object hook! */
+
+export { _sfc_main as default };

package/dist/client/assets/{graph-c19b9cea.js → graph-132869aa.js}

@@ -1,6 +1,6 @@
-import { Z as ref, af as useStorage, $ as computed, v as defineComponent, o as openBlock, e as createElementBlock, d as withDirectives, ag as vModelText, z as unref, x as createBaseVNode, K as isRef, L as vModelCheckbox, ah as useDark, a5 as onMounted, ai as watch, u as createVNode } from './index-35968ba5.js';
+import { Z as ref, aa as useStorage, $ as computed, v as defineComponent, o as openBlock, e as createElementBlock, d as withDirectives, ab as vModelText, z as unref, x as createBaseVNode, K as isRef, L as vModelCheckbox, ac as useDark, a5 as onMounted, ad as watch, u as createVNode } from './index-85d2f156.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { r as rpc } from './rpc-1f60df18.js';
+import { r as rpc } from './rpc-0c341c21.js';
 
 const list = ref(await rpc.componentGraph());
 const searchText = useStorage("vite-inspect-search-text", "");

package/dist/client/assets/{index-462602ed.js → index-29942063.js}

@@ -1,4 +1,4 @@
-import { K as isRef } from './index-35968ba5.js';
+import { K as isRef } from './index-85d2f156.js';
 
 const objectToString = Object.prototype.toString;
 function toTypeString(value) {