vite-plugin-vue-devtools 0.0.12 → 0.0.14

package/dist/client/assets/{inspect-95be8b35.js → IframeView.vue_vue_type_script_setup_true_lang-8ebd667e.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-d7f947d1.js';
-import { i as inspectClientUrl } from './rpc-5116c57e.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-3785a229.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-7914da83.js → VCard-11a8877a.js}

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

package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js → VIcon.vue_vue_type_script_setup_true_lang-af70f694.js}

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

package/dist/client/assets/{VIconButton.vue_vue_type_script_setup_true_lang-dab4dc71.js → VIconButton.vue_vue_type_script_setup_true_lang-6aa5cb0d.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-d7f947d1.js';
-import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.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-3785a229.js';
+import { _ as _sfc_main$1 } from './VIcon.vue_vue_type_script_setup_true_lang-af70f694.js';
 
 function useCopy() {
   const clipboard = useClipboard();

package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-1bbb2033.js → VIconTitle.vue_vue_type_script_setup_true_lang-0d3b7394.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-d7f947d1.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-3785a229.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{VPanelGrids-733278d6.js → VPanelGrids-c5507ef9.js}

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

package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-dede00e7.js → VTextInput.vue_vue_type_script_setup_true_lang-27694cb4.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-1bbb2033.js';
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.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-d7f947d1.js';
+import { _ as _sfc_main$2 } from './VIconTitle.vue_vue_type_script_setup_true_lang-0d3b7394.js';
+import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-af70f694.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-3785a229.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-cf2e46eb"), n = n(), popScopeId(), n);
 const _hoisted_1$1 = ["open"];

package/dist/client/assets/{__inspecting-ac57cfe2.js → __inspecting-336e65a6.js}

@@ -1,5 +1,5 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-733278d6.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-d7f947d1.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-c5507ef9.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-3785a229.js';
 
 const _hoisted_1 = /* @__PURE__ */ createBaseVNode("div", null, " Inspecting Vue components ", -1);
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{assets-40310f26.js → assets-421f53f9.js}

@@ -1,12 +1,12 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-733278d6.js';
-import { _ as __unplugin_components_7 } from './VCard-7914da83.js';
-import { _ as _sfc_main$9, u as useCopy } from './VIconButton.vue_vue_type_script_setup_true_lang-dab4dc71.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-d7f947d1.js';
-import { r as rpc } from './rpc-5116c57e.js';
-import { _ as _sfc_main$b, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-dede00e7.js';
-import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-c5507ef9.js';
+import { _ as __unplugin_components_7 } from './VCard-11a8877a.js';
+import { _ as _sfc_main$9, u as useCopy } from './VIconButton.vue_vue_type_script_setup_true_lang-6aa5cb0d.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-3785a229.js';
+import { r as rpc } from './rpc-adef96e1.js';
+import { _ as _sfc_main$b, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-27694cb4.js';
+import { _ as _sfc_main$c } from './VIcon.vue_vue_type_script_setup_true_lang-af70f694.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import './VIconTitle.vue_vue_type_script_setup_true_lang-1bbb2033.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-0d3b7394.js';
 
 const _hoisted_1$7 = {
   relative: "",

package/dist/client/assets/{components-8abb94d8.js → components-0518c05b.js}

@@ -1,10 +1,10 @@
-import { _ as __unplugin_components_0 } from './VPanelGrids-733278d6.js';
-import { _ as __unplugin_components_7 } from './VCard-7914da83.js';
-import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-09f32a7b.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-d7f947d1.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-26cb9d64.js';
-import './index-7930cd83.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-dab4dc71.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-c5507ef9.js';
+import { _ as __unplugin_components_7 } from './VCard-11a8877a.js';
+import { a as _sfc_main$2, g, M, _ as _sfc_main$3 } from './splitpanes.es-ff1ff11d.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-3785a229.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-af70f694.js';
+import './index-d487d3ee.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-6aa5cb0d.js';
 
 function isBeingDestroyed(instance) {
   return instance._isBeingDestroyed || instance.isUnmounted;

package/dist/client/assets/{documentations-ab483662.js → documentations-df9246a6.js}

@@ -1,6 +1,7 @@
-import { _ as __unplugin_components_7 } from './VCard-7914da83.js';
-import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, y as toDisplayString, e as createElementBlock, q as normalizeClass, g as createCommentVNode, f as renderSlot, Z as ref, F as Fragment, i as renderList, z as unref } from './index-d7f947d1.js';
-import { r as rpc } from './rpc-5116c57e.js';
+import { _ as __unplugin_components_7 } from './VCard-11a8877a.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-3785a229.js';
+import { _ as _sfc_main$2 } from './IframeView.vue_vue_type_script_setup_true_lang-8ebd667e.js';
+import { r as rpc } from './rpc-adef96e1.js';
 
 const _hoisted_1$1 = {
   flex: "~ col gap2",
@@ -8,24 +9,30 @@ const _hoisted_1$1 = {
   "of-hidden": "",
   px1: ""
 };
-const _hoisted_2 = {
+const _hoisted_2$1 = {
   "of-hidden": "",
   "text-ellipsis": "",
   "ws-nowrap": "",
   "text-lg": ""
 };
-const _hoisted_3 = /* @__PURE__ */ createBaseVNode("div", { "flex-auto": "" }, null, -1);
-const _hoisted_4 = {
+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_5 = /* @__PURE__ */ createBaseVNode("span", {
+const _hoisted_6 = /* @__PURE__ */ createBaseVNode("span", {
   "i-carbon-link": "",
   "text-lg": "",
   op50: ""
 }, null, -1);
-const _hoisted_6 = ["href"];
 const _hoisted_7 = {
   key: 2,
   flex: "~ gap-2"
@@ -35,9 +42,8 @@ const _hoisted_8 = /* @__PURE__ */ createBaseVNode("span", {
   "text-lg": "",
   op50: ""
 }, null, -1);
-const _hoisted_9 = ["href"];
-const _hoisted_10 = { flex: "~ col" };
-const _hoisted_11 = {
+const _hoisted_9 = { flex: "~ col" };
+const _hoisted_10 = {
   key: 0,
   "h-20": "",
   "w-20": "",
@@ -47,75 +53,74 @@ const _hoisted_11 = {
   "bg-gray:3": "",
   p4: ""
 };
-const _hoisted_12 = ["src", "alt"];
+const _hoisted_11 = ["src", "alt"];
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "DocDetails",
   props: {
     data: null
   },
-  setup(__props) {
+  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, {
-        p4: "",
         flex: "~ gap2",
-        "max-h": "50vh"
+        "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, [
+            createBaseVNode("div", _hoisted_2$1, [
               createBaseVNode("span", null, toDisplayString(__props.data.name), 1)
             ]),
-            __props.data.description ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(_ctx.compact ? "ws-nowrap of-hidden truncate" : "line-clamp-2"),
-              "mt--1": "",
-              "text-sm": "",
-              op50: ""
-            }, toDisplayString(__props.data.description), 3)) : createCommentVNode("", true),
-            _hoisted_3,
-            __props.data.website ? (openBlock(), createElementBlock("div", _hoisted_4, [
-              _hoisted_5,
-              createBaseVNode("a", {
-                href: __props.data.website,
-                target: "_blank",
+            __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"
-              }, toDisplayString(__props.data.website.replace(/^https?:\/\//, "")), 9, _hoisted_6)
+                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("a", {
-                href: __props.data.github,
-                target: "_blank",
+              createBaseVNode("span", {
                 "of-hidden": "",
                 truncate: "",
                 "ws-nowrap": "",
                 "text-sm": "",
                 op50: "",
-                hover: "op100 underline text-primary"
-              }, toDisplayString(__props.data.github.replace(/^https?:\/\/github.com\//, "")), 9, _hoisted_9)
+                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_10, [
-            __props.data.icon ? (openBlock(), createElementBlock("div", _hoisted_11, [
+          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: _ctx.name,
+                alt: __props.data.name,
                 ma: "",
                 "h-full": ""
-              }, null, 8, _hoisted_12)) : createCommentVNode("", true)
+              }, null, 8, _hoisted_11)) : createCommentVNode("", true)
             ])) : createCommentVNode("", true)
           ])
         ]),
         _: 3
-      });
+      }, 8, ["hover"]);
     };
   }
 });
@@ -169,6 +174,17 @@ const data = [
 /* 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": "",
@@ -182,20 +198,52 @@ 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 openBlock(), createElementBlock("div", _hoisted_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
+            data: item,
+            onNavigate: navigate
           }, null, 8, ["data"]);
         }), 128))
-      ]);
+      ]));
     };
   }
 });

package/dist/client/assets/{graph-45c33d8f.js → graph-edcd5690.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-d7f947d1.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-3785a229.js';
 import { F as Fuse } from './fuse.esm-c317b696.js';
-import { r as rpc } from './rpc-5116c57e.js';
+import { r as rpc } from './rpc-adef96e1.js';
 
 const list = ref(await rpc.componentGraph());
 const searchText = useStorage("vite-inspect-search-text", "");