vite-plugin-vue-devtools 0.0.1-alpha.0 → 0.0.1-alpha.2

package/dist/client/assets/inspect-d697adb8.js

@@ -0,0 +1,96 @@
+import { d as defineComponent, a2 as useColorMode, P as ref, Q as computed, a3 as reactive, a4 as useElementBounding, f as onMounted, a5 as nextTick, a6 as watchEffect, g as onUnmounted, o as openBlock, c as createElementBlock, b as createVNode, u as unref } from './index-ab9e9151.js';
+import { i as inspectClientUrl } from './rpc-c07563d7.js';
+
+const iframeCacheMap = /* @__PURE__ */ new Map();
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "IframeView",
+  props: {
+    src: null
+  },
+  setup(__props) {
+    const props = __props;
+    const colorMode = useColorMode();
+    const anchor = ref();
+    const key = computed(() => props.src);
+    const iframeEl = ref();
+    const box = reactive(useElementBounding(anchor));
+    onMounted(() => {
+      if (iframeCacheMap.get(key.value)) {
+        iframeEl.value = iframeCacheMap.get(key.value);
+        iframeEl.value.style.visibility = "visible";
+      } else {
+        iframeEl.value = document.createElement("iframe");
+        iframeCacheMap.set(key.value, iframeEl.value);
+        iframeEl.value.src = props.src;
+        try {
+          iframeEl.value.style.opacity = "0.01";
+          iframeEl.value.onload = () => {
+            syncColorMode();
+            iframeEl.value.style.opacity = "1";
+          };
+        } catch (e) {
+          iframeEl.value.style.opacity = "1";
+        }
+        document.body.appendChild(iframeEl.value);
+        nextTick(updateIframeBox);
+      }
+      setTimeout(syncColorMode, 100);
+    });
+    watchEffect(updateIframeBox);
+    watchEffect(syncColorMode);
+    onUnmounted(() => {
+      if (iframeEl.value)
+        iframeEl.value.style.visibility = "hidden";
+    });
+    function syncColorMode() {
+      if (!iframeEl.value || !iframeEl.value.contentWindow)
+        return;
+      try {
+        const html = iframeEl.value.contentWindow.document.querySelector("html");
+        html?.classList.toggle("dark", colorMode.value === "dark");
+        html?.classList.toggle("light", colorMode.value === "dark");
+      } catch (e) {
+      }
+    }
+    function updateIframeBox() {
+      if (!iframeEl.value)
+        return;
+      Object.assign(iframeEl.value.style, {
+        position: "fixed",
+        left: `${box.left}px`,
+        top: `${box.top}px`,
+        width: `${box.width}px`,
+        height: `${box.height}px`,
+        outline: "none"
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        ref_key: "anchor",
+        ref: anchor,
+        "h-full": "",
+        "w-full": ""
+      }, null, 512);
+    };
+  }
+});
+
+/* 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 };

package/dist/client/assets/overview-afb7d69a.js

@@ -0,0 +1,305 @@
+import { _ as __unplugin_components_0$1 } from './VPanelGrids-2e4d7603.js';
+import { P as ref, Q as computed, d as defineComponent, o as openBlock, a as createBlock, w as withCtx, e as createBaseVNode, b as createVNode, t as toDisplayString, u as unref, Z as vueVersion, E as createTextVNode, c as createElementBlock, F as Fragment, $ as __unplugin_components_0, O as __unplugin_components_1, X as resolveComponent, _ as _sfc_main$1 } from './index-ab9e9151.js';
+import { r as rpc } from './rpc-c07563d7.js';
+import { i as initPages, a as routes } from './pages-43ddf646.js';
+
+const version = "0.0.1-alpha.2";
+
+/* Injected with object hook! */
+
+initPages();
+const modules = ref(await rpc.componentGraph());
+const vueModules = computed(() => modules.value.filter((i) => i.id.match(/\.vue($|\?v=)/)));
+const pageCount = computed(() => routes.value.length);
+const componentCount = computed(() => vueModules.value.length);
+
+/* Injected with object hook! */
+
+const _hoisted_1 = {
+  flex: "~ col gap2",
+  ma: "",
+  "h-full": "",
+  "max-w-300": "",
+  "w-full": "",
+  p8: "",
+  px20: ""
+};
+const _hoisted_2 = /* @__PURE__ */ createBaseVNode("div", { "flex-auto": "" }, null, -1);
+const _hoisted_3 = {
+  flex: "~ col",
+  "mt-20": "",
+  "items-center": ""
+};
+const _hoisted_4 = {
+  flex: "~",
+  "mt--10": "",
+  "items-center": "",
+  "justify-center": ""
+};
+const _hoisted_5 = {
+  "mr--16": "",
+  "mt--6": ""
+};
+const _hoisted_6 = {
+  mb6: "",
+  "mt--1": "",
+  "text-center": "",
+  "text-sm": "",
+  flex: "~ gap-1"
+};
+const _hoisted_7 = /* @__PURE__ */ createBaseVNode("span", { op40: "" }, " Vue DevTools ", -1);
+const _hoisted_8 = { op40: "" };
+const _hoisted_9 = { flex: "~ gap2 wrap" };
+const _hoisted_10 = {
+  p4: "",
+  "theme-card-green": "",
+  flex: "~ col auto"
+};
+const _hoisted_11 = /* @__PURE__ */ createBaseVNode("div", {
+  "logos-vue": "",
+  "text-3xl": ""
+}, null, -1);
+const _hoisted_12 = /* @__PURE__ */ createBaseVNode("div", {
+  "carbon-tree-view-alt": "",
+  "text-3xl": ""
+}, null, -1);
+const _hoisted_13 = /* @__PURE__ */ createBaseVNode("div", {
+  "i-carbon-assembly-cluster": "",
+  "text-3xl": ""
+}, null, -1);
+const _hoisted_14 = {
+  flex: "~ gap-6 wrap",
+  "mt-5": "",
+  "items-center": "",
+  "justify-center": ""
+};
+const _hoisted_15 = /* @__PURE__ */ createBaseVNode("a", {
+  href: "https://github.com/webfansplz/vite-plugin-vue-devtools",
+  target: "_blank",
+  flex: "~ gap1",
+  "items-center": "",
+  op50: "",
+  hover: "op100 text-blue",
+  transition: ""
+}, [
+  /* @__PURE__ */ createBaseVNode("div", { "i-carbon-star": "" }),
+  /* @__PURE__ */ createTextVNode(" Star on GitHub ")
+], -1);
+const _hoisted_16 = /* @__PURE__ */ createBaseVNode("a", {
+  href: "https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/1",
+  target: "_blank",
+  flex: "~ gap1",
+  "items-center": "",
+  op50: "",
+  hover: "op100 text-yellow",
+  transition: ""
+}, [
+  /* @__PURE__ */ createBaseVNode("div", { "i-carbon-data-enrichment": "" }),
+  /* @__PURE__ */ createTextVNode(" Ideas & Suggestions ")
+], -1);
+const _hoisted_17 = /* @__PURE__ */ createBaseVNode("a", {
+  href: "https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/2",
+  target: "_blank",
+  flex: "~ gap1",
+  "items-center": "",
+  op50: "",
+  hover: "op100 text-lime",
+  transition: ""
+}, [
+  /* @__PURE__ */ createBaseVNode("div", { "i-carbon-plan": "" }),
+  /* @__PURE__ */ createTextVNode(" Project Roadmap ")
+], -1);
+const _hoisted_18 = /* @__PURE__ */ createBaseVNode("a", {
+  href: "https://github.com/webfansplz/vite-plugin-vue-devtools/issues",
+  target: "_blank",
+  flex: "~ gap1",
+  "items-center": "",
+  op50: "",
+  hover: "op100 text-rose",
+  transition: ""
+}, [
+  /* @__PURE__ */ createBaseVNode("div", { "i-carbon-debug": "" }),
+  /* @__PURE__ */ createTextVNode(" Bug Reports ")
+], -1);
+const _hoisted_19 = /* @__PURE__ */ createBaseVNode("div", { "i-carbon-settings": "" }, null, -1);
+const _hoisted_20 = /* @__PURE__ */ createBaseVNode("div", { "flex-auto": "" }, null, -1);
+const _hoisted_21 = {
+  flex: "~ gap-1",
+  "items-center": "",
+  "justify-center": "",
+  "text-sm": "",
+  op40: ""
+};
+const _hoisted_22 = /* @__PURE__ */ createBaseVNode("span", null, "+", -1);
+const _hoisted_23 = /* @__PURE__ */ createBaseVNode("span", null, "+", -1);
+const _hoisted_24 = /* @__PURE__ */ createBaseVNode("span", null, "+", -1);
+const _hoisted_25 = /* @__PURE__ */ createBaseVNode("span", null, "+", -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "overview",
+  setup(__props) {
+    const isMacOS = navigator?.platform.toLowerCase().includes("mac");
+    return (_ctx, _cache) => {
+      const _component_Logo = __unplugin_components_0;
+      const _component_VBadge = __unplugin_components_1;
+      const _component_RouterLink = resolveComponent("RouterLink");
+      const _component_VButton = _sfc_main$1;
+      const _component_VPanelGrids = __unplugin_components_0$1;
+      return openBlock(), createBlock(_component_VPanelGrids, {
+        "h-screen": "",
+        "w-full": "",
+        flex: ""
+      }, {
+        default: withCtx(() => [
+          createBaseVNode("div", _hoisted_1, [
+            _hoisted_2,
+            createBaseVNode("div", _hoisted_3, [
+              createBaseVNode("div", _hoisted_4, [
+                createVNode(_component_Logo, { "h-18": "" }),
+                createBaseVNode("button", _hoisted_5, [
+                  createVNode(_component_VBadge, {
+                    "bg-green-400:10": "",
+                    "text-green-400": "",
+                    title: "preview",
+                    textContent: "preview"
+                  })
+                ])
+              ]),
+              createBaseVNode("div", _hoisted_6, [
+                _hoisted_7,
+                createBaseVNode("code", _hoisted_8, "v" + toDisplayString(unref(version)), 1)
+              ])
+            ]),
+            createBaseVNode("div", _hoisted_9, [
+              createBaseVNode("div", _hoisted_10, [
+                _hoisted_11,
+                createBaseVNode("code", null, "v" + toDisplayString(unref(vueVersion)), 1)
+              ]),
+              createVNode(_component_RouterLink, {
+                flex: "~ col auto",
+                to: "/pages",
+                replace: "",
+                "min-w-40": "",
+                p4: "",
+                "theme-card-lime": ""
+              }, {
+                default: withCtx(() => [
+                  _hoisted_12,
+                  createBaseVNode("div", null, toDisplayString(unref(pageCount)) + " pages", 1)
+                ]),
+                _: 1
+              }),
+              createVNode(_component_RouterLink, {
+                flex: "~ col auto",
+                to: "/components",
+                replace: "",
+                "min-w-40": "",
+                p4: "",
+                "theme-card-lime": ""
+              }, {
+                default: withCtx(() => [
+                  _hoisted_13,
+                  createBaseVNode("div", null, toDisplayString(unref(componentCount)) + " components", 1)
+                ]),
+                _: 1
+              })
+            ]),
+            createBaseVNode("div", _hoisted_14, [
+              _hoisted_15,
+              _hoisted_16,
+              _hoisted_17,
+              _hoisted_18,
+              createVNode(_component_RouterLink, {
+                to: "/settings",
+                flex: "~ gap1",
+                replace: "",
+                "inline-block": "",
+                "items-center": "",
+                op50: "",
+                "hover:op80": ""
+              }, {
+                default: withCtx(() => [
+                  _hoisted_19,
+                  createTextVNode(" Settings ")
+                ]),
+                _: 1
+              })
+            ]),
+            _hoisted_20,
+            createBaseVNode("div", _hoisted_21, [
+              createTextVNode(" Press "),
+              unref(isMacOS) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                createVNode(_component_VButton, {
+                  n: "xs",
+                  class: "px2"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" ⇧ Shift ")
+                  ]),
+                  _: 1
+                }),
+                _hoisted_22,
+                createVNode(_component_VButton, {
+                  n: "xs",
+                  class: "px2"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" ⌥ Option ")
+                  ]),
+                  _: 1
+                }),
+                _hoisted_23,
+                createVNode(_component_VButton, {
+                  n: "xs",
+                  class: "px2"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" D ")
+                  ]),
+                  _: 1
+                })
+              ], 64)) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
+                createVNode(_component_VButton, {
+                  n: "xs",
+                  class: "px2"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Shift ")
+                  ]),
+                  _: 1
+                }),
+                _hoisted_24,
+                createVNode(_component_VButton, {
+                  n: "xs",
+                  class: "px2"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" Alt ")
+                  ]),
+                  _: 1
+                }),
+                _hoisted_25,
+                createVNode(_component_VButton, {
+                  n: "xs",
+                  class: "px2"
+                }, {
+                  default: withCtx(() => [
+                    createTextVNode(" D ")
+                  ]),
+                  _: 1
+                })
+              ], 64)),
+              createTextVNode(" to toggle DevTools ")
+            ])
+          ])
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+/* Injected with object hook! */
+
+export { _sfc_main as default };

package/dist/client/assets/pages-43ddf646.js

@@ -0,0 +1,21 @@
+import { P as ref, Q as computed, u as unref, a0 as app, a1 as triggerRef } from './index-ab9e9151.js';
+
+const router = ref();
+const currentRoute = computed(() => unref(router.value?.currentRoute));
+const routes = computed(() => {
+  return (router.value?.getRoutes() || []).map((i) => {
+    return {
+      ...i
+    };
+  });
+});
+function initPages() {
+  router.value = app.value?.config.globalProperties.$router;
+  router.value?.afterEach(() => {
+    triggerRef(router);
+  });
+}
+
+/* Injected with object hook! */
+
+export { routes as a, currentRoute as c, initPages as i, router as r };