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

package/dist/client/assets/pages-4aa45253.js

@@ -0,0 +1,320 @@
+import { _ as _sfc_main$3, a as __unplugin_components_3 } from './VTextInput.vue_vue_type_script_setup_true_lang-11aa9678.js';
+import { d as defineComponent, P as ref, Q as computed, X as resolveComponent, u as unref, o as openBlock, c as createElementBlock, e as createBaseVNode, t as toDisplayString, a as createBlock, w as withCtx, Y as withModifiers, F as Fragment, r as renderList, m as createCommentVNode, b as createVNode, E as createTextVNode, n as normalizeClass, _ as _sfc_main$4, O as __unplugin_components_1, f as onMounted, z as isRef, B as withKeys } from './index-ab9e9151.js';
+import { i as initPages, c as currentRoute, r as router, a as routes } from './pages-43ddf646.js';
+import './VIconTitle.vue_vue_type_script_setup_true_lang-5f26c7d7.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
+
+const _hoisted_1$2 = {
+  block: "",
+  "cursor-pointer": ""
+};
+const _hoisted_2$2 = { p2: "" };
+const _hoisted_3$2 = ["onSubmit"];
+const _hoisted_4$2 = /* @__PURE__ */ createBaseVNode("div", {
+  px2: "",
+  "text-sm": "",
+  op50: ""
+}, " Fill params and navigate: ", -1);
+const _hoisted_5$2 = {
+  flex: "~",
+  "items-center": "",
+  p2: "",
+  "font-mono": "",
+  "text-sm": ""
+};
+const _hoisted_6$2 = { key: 1 };
+const _sfc_main$2 = /* @__PURE__ */ defineComponent({
+  __name: "RoutePathItem",
+  props: {
+    route: null
+  },
+  emits: ["navigate"],
+  setup(__props, { emit }) {
+    const props = __props;
+    function parseExpressRoute(route) {
+      return route.split(/(:\w+[\?\*]?)/).filter(Boolean);
+    }
+    const partsInput = ref([]);
+    const parts = computed(() => {
+      const _ = parseExpressRoute(props.route.path);
+      partsInput.value = Array.from({ length: _.length }, () => "");
+      return _;
+    });
+    const path = computed(() => parts.value.map((i, idx) => i[0] === ":" ? partsInput.value[idx] : i).join("").replace(/\/+/g, "/"));
+    const hasWildcard = computed(() => props.route.path.includes(":"));
+    function navigate() {
+      emit("navigate", path.value);
+    }
+    return (_ctx, _cache) => {
+      const _component_VTextInput = _sfc_main$3;
+      const _component_VButton = _sfc_main$4;
+      const _component_VDropdown = resolveComponent("VDropdown");
+      return !unref(hasWildcard) ? (openBlock(), createElementBlock("button", {
+        key: 0,
+        onClick: navigate
+      }, [
+        createBaseVNode("code", null, toDisplayString(__props.route.path), 1)
+      ])) : (openBlock(), createBlock(_component_VDropdown, { key: 1 }, {
+        popper: withCtx(({ hide }) => [
+          createBaseVNode("div", _hoisted_2$2, [
+            createBaseVNode("form", {
+              flex: "~ col",
+              onSubmit: withModifiers(() => {
+                navigate();
+                hide();
+              }, ["prevent"])
+            }, [
+              unref(hasWildcard) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+                _hoisted_4$2,
+                createBaseVNode("div", _hoisted_5$2, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(parts), (part, idx) => {
+                    return openBlock(), createElementBlock(Fragment, { key: idx }, [
+                      part[0] === ":" ? (openBlock(), createBlock(_component_VTextInput, {
+                        key: 0,
+                        modelValue: unref(partsInput)[idx],
+                        "onUpdate:modelValue": ($event) => unref(partsInput)[idx] = $event,
+                        "w-20": "",
+                        "n-sm": "",
+                        placeholder: part.slice(1)
+                      }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(part), 1))
+                    ], 64);
+                  }), 128))
+                ])
+              ], 64)) : createCommentVNode("", true),
+              createVNode(_component_VButton, {
+                block: "",
+                n: "primary"
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(" Navigate ")
+                ]),
+                _: 1
+              })
+            ], 40, _hoisted_3$2)
+          ])
+        ]),
+        default: withCtx(() => [
+          createBaseVNode("code", _hoisted_1$2, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(parts), (part, idx) => {
+              return openBlock(), createElementBlock("span", {
+                key: idx,
+                class: normalizeClass(part[0] === ":" ? "text-gray border border-dashed rounded border-gray:50 px1" : "")
+              }, toDisplayString(part[0] === ":" ? part.slice(1) : part), 3);
+            }), 128))
+          ])
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+const _hoisted_1$1 = { "w-full": "" };
+const _hoisted_2$1 = /* @__PURE__ */ createBaseVNode("thead", { border: "b base" }, [
+  /* @__PURE__ */ createBaseVNode("tr", null, [
+    /* @__PURE__ */ createBaseVNode("th", { "text-left": "" }),
+    /* @__PURE__ */ createBaseVNode("th", { "text-left": "" }, " Route Path "),
+    /* @__PURE__ */ createBaseVNode("th", { "text-left": "" }, " Name ")
+  ])
+], -1);
+const _hoisted_3$1 = {
+  "w-20": "",
+  "pr-1": ""
+};
+const _hoisted_4$1 = {
+  flex: "",
+  "items-center": "",
+  "justify-end": ""
+};
+const _hoisted_5$1 = { "text-sm": "" };
+const _hoisted_6$1 = {
+  flex: "inline gap3",
+  "items-center": ""
+};
+const _hoisted_7$1 = {
+  "w-30": "",
+  "ws-nowrap": "",
+  "pr-1": "",
+  "text-left": "",
+  "font-mono": "",
+  "text-sm": "",
+  op50: ""
+};
+const _sfc_main$1 = /* @__PURE__ */ defineComponent({
+  __name: "RoutesTable",
+  props: {
+    pages: null,
+    matched: null,
+    matchedPending: null
+  },
+  emits: ["navigate"],
+  setup(__props) {
+    const props = __props;
+    const sorted = computed(() => {
+      return [...props.pages].sort((a, b) => a.path.localeCompare(b.path));
+    });
+    return (_ctx, _cache) => {
+      const _component_VBadge = __unplugin_components_1;
+      const _component_RoutePathItem = _sfc_main$2;
+      return openBlock(), createElementBlock("div", null, [
+        createBaseVNode("table", _hoisted_1$1, [
+          _hoisted_2$1,
+          createBaseVNode("tbody", null, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sorted), (item) => {
+              return openBlock(), createElementBlock("tr", {
+                key: item.name,
+                class: "group",
+                "h-7": "",
+                border: "b dashed transparent hover:base"
+              }, [
+                createBaseVNode("td", _hoisted_3$1, [
+                  createBaseVNode("div", _hoisted_4$1, [
+                    __props.matched.find((m) => m.path === item.path) ? (openBlock(), createBlock(_component_VBadge, {
+                      key: 0,
+                      "bg-green-400:10": "",
+                      "text-green-400": "",
+                      title: "active",
+                      textContent: "active"
+                    })) : createCommentVNode("", true),
+                    __props.matchedPending.find((m) => m.path === item.path) ? (openBlock(), createBlock(_component_VBadge, {
+                      key: 1,
+                      "bg-teal-400:10": "",
+                      "text-teal-400": "",
+                      title: "next",
+                      textContent: "next"
+                    })) : createCommentVNode("", true)
+                  ])
+                ]),
+                createBaseVNode("td", _hoisted_5$1, [
+                  createBaseVNode("div", _hoisted_6$1, [
+                    createVNode(_component_RoutePathItem, {
+                      route: item,
+                      class: normalizeClass(__props.matched.find((m) => m.path === item.path) ? "text-primary" : __props.matchedPending.find((m) => m.name === item.name) ? "text-teal" : ""),
+                      onNavigate: _cache[0] || (_cache[0] = (path) => _ctx.$emit("navigate", path))
+                    }, null, 8, ["route", "class"])
+                  ])
+                ]),
+                createBaseVNode("td", _hoisted_7$1, toDisplayString(item.name ?? "-"), 1)
+              ]);
+            }), 128))
+          ])
+        ])
+      ]);
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+const _hoisted_1 = {
+  "h-full": "",
+  "of-auto": "",
+  "n-panel-grids": ""
+};
+const _hoisted_2 = {
+  border: "b base",
+  flex: "~ col gap1",
+  px4: "",
+  py3: "",
+  "navbar-glass": ""
+};
+const _hoisted_3 = /* @__PURE__ */ createBaseVNode("span", { op50: "" }, "Navigate from ", -1);
+const _hoisted_4 = { "font-mono": "" };
+const _hoisted_5 = /* @__PURE__ */ createBaseVNode("span", { op50: "" }, " to ", -1);
+const _hoisted_6 = {
+  key: 1,
+  op50: ""
+};
+const _hoisted_7 = /* @__PURE__ */ createBaseVNode("span", null, [
+  /* @__PURE__ */ createTextVNode("Press "),
+  /* @__PURE__ */ createBaseVNode("b", { "font-bold": "" }, "Enter"),
+  /* @__PURE__ */ createTextVNode(" to navigate")
+], -1);
+const _hoisted_8 = {
+  key: 0,
+  "text-orange": "",
+  op75: ""
+};
+const _hoisted_9 = {
+  key: 1,
+  op50: ""
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pages",
+  setup(__props) {
+    const routeInput = ref("");
+    onMounted(() => {
+      initPages();
+      routeInput.value = currentRoute.value?.path ?? "/";
+    });
+    const routeInputMatched = computed(() => {
+      if (routeInput.value === currentRoute.value?.path)
+        return [];
+      return router.value?.resolve({
+        path: routeInput.value || "/"
+      }).matched ?? [];
+    });
+    function navigate() {
+      if (routeInput.value === currentRoute.value?.path)
+        return;
+      router.value?.push(routeInput.value || "/");
+    }
+    function navigateToRoute(path) {
+      router.value?.push(path);
+    }
+    return (_ctx, _cache) => {
+      const _component_VTextInput = _sfc_main$3;
+      const _component_RoutesTable = _sfc_main$1;
+      const _component_VSectionBlock = __unplugin_components_3;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createBaseVNode("div", _hoisted_2, [
+          createBaseVNode("div", null, [
+            unref(currentRoute)?.path !== unref(routeInput) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _hoisted_3,
+              createBaseVNode("span", _hoisted_4, toDisplayString(unref(currentRoute)?.path), 1),
+              _hoisted_5
+            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_6, "Current route"))
+          ]),
+          createVNode(_component_VTextInput, {
+            modelValue: unref(routeInput),
+            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(routeInput) ? routeInput.value = $event : null),
+            "font-mono": "",
+            icon: "carbon-direction-right-01 scale-y--100",
+            class: normalizeClass(unref(currentRoute)?.path === unref(routeInput) ? "" : unref(routeInputMatched).length ? "text-green" : "text-orange"),
+            onKeydown: withKeys(navigate, ["enter"])
+          }, null, 8, ["modelValue", "class", "onKeydown"]),
+          createBaseVNode("div", null, [
+            unref(currentRoute)?.path !== unref(routeInput) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
+              _hoisted_7,
+              !unref(routeInputMatched).length ? (openBlock(), createElementBlock("span", _hoisted_8, " (no match)")) : createCommentVNode("", true)
+            ], 64)) : (openBlock(), createElementBlock("span", _hoisted_9, "Edit path above to navigate"))
+          ])
+        ]),
+        createVNode(_component_VSectionBlock, {
+          icon: "carbon-tree-view-alt",
+          text: "All Routes",
+          description: `${unref(routes).length} routes registered in your application`,
+          padding: "pr5"
+        }, {
+          default: withCtx(() => [
+            createVNode(_component_RoutesTable, {
+              pages: unref(routes),
+              matched: unref(currentRoute)?.matched ?? [],
+              "matched-pending": unref(routeInputMatched),
+              onNavigate: navigateToRoute
+            }, null, 8, ["pages", "matched", "matched-pending"])
+          ]),
+          _: 1
+        }, 8, ["description"])
+      ]);
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+/* Injected with object hook! */
+
+export { _sfc_main as default };

package/dist/client/assets/pinia-178be7b6.js

@@ -0,0 +1,139 @@
+import { _ as __unplugin_components_0 } from './VPanelGrids-2e4d7603.js';
+import { _ as __unplugin_components_7 } from './VCard-07e53519.js';
+import { d as defineComponent, P as ref, Q as computed, R as piniaStoresId, S as reactivePick, T as toRaw, U as piniaState, V as piniaGetters, u as unref, W as piniaVisible, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, a as createBlock, I as _sfc_main$1, n as normalizeClass, t as toDisplayString } from './index-ab9e9151.js';
+import { g, M, _ as _sfc_main$2 } from './splitpanes.es-f2ab0d30.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
+
+const _hoisted_1 = {
+  key: 0,
+  "h-screen": "",
+  "n-panel-grids": ""
+};
+const _hoisted_2 = {
+  "h-screen": "",
+  "select-none": "",
+  "overflow-scroll": "",
+  "p-2": "",
+  class: "no-scrollbar"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { "vue-block-title": "" };
+const _hoisted_5 = {
+  "h-screen": "",
+  "select-none": "",
+  "overflow-scroll": "",
+  "p-2": "",
+  class: "no-scrollbar"
+};
+const _hoisted_6 = /* @__PURE__ */ createBaseVNode("h1", { "text-xl": "" }, " Install Pinia ", -1);
+const _hoisted_7 = /* @__PURE__ */ createBaseVNode("p", {
+  "text-sm": "",
+  op50: ""
+}, " It seems you don't have pinia installed. ", -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "pinia",
+  setup(__props) {
+    const activeIndex = ref(0);
+    const omitStoreId = computed(() => {
+      return activeIndex.value === 0 ? "" : piniaStoresId.value[activeIndex.value];
+    });
+    function select(index) {
+      activeIndex.value = index;
+    }
+    const data = computed(() => {
+      const state = omitStoreId.value ? reactivePick(toRaw(piniaState.value), omitStoreId.value) : piniaState.value;
+      const getters = omitStoreId.value ? reactivePick(toRaw(piniaGetters.value), omitStoreId.value) : piniaGetters.value;
+      const hasState = Object.values(unref(state)).some((item) => item !== void 0);
+      const hasGetters = Object.values(unref(getters)).some((item) => item !== void 0);
+      return [
+        hasState && {
+          key: "state",
+          value: toRaw(state)
+        },
+        hasGetters && {
+          key: "getters",
+          value: toRaw(getters)
+        }
+      ].filter(Boolean);
+    });
+    return (_ctx, _cache) => {
+      const _component_StateFields = _sfc_main$2;
+      const _component_TabIcon = _sfc_main$1;
+      const _component_VCard = __unplugin_components_7;
+      const _component_VPanelGrids = __unplugin_components_0;
+      return unref(piniaVisible) ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(M), null, {
+          default: withCtx(() => [
+            createVNode(unref(g), { border: "r base" }, {
+              default: withCtx(() => [
+                createBaseVNode("div", _hoisted_2, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(piniaStoresId), (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      "vue-block": "",
+                      class: normalizeClass([unref(activeIndex) === index ? "vue-block-active" : "vue-block-hover"]),
+                      onClick: ($event) => select(index)
+                    }, [
+                      createBaseVNode("h3", _hoisted_4, [
+                        createBaseVNode("span", {
+                          class: normalizeClass([unref(activeIndex) === index ? "text-white" : "vue-block-text"])
+                        }, toDisplayString(item), 3)
+                      ])
+                    ], 10, _hoisted_3);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }),
+            createVNode(unref(g), null, {
+              default: withCtx(() => [
+                createBaseVNode("div", _hoisted_5, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data), (item, index) => {
+                    return openBlock(), createBlock(_component_StateFields, {
+                      id: index,
+                      key: index,
+                      data: item
+                    }, null, 8, ["id", "data"]);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])) : (openBlock(), createBlock(_component_VPanelGrids, {
+        key: 1,
+        px5: ""
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_VCard, {
+            flex: "~ col gap2",
+            "min-w-30": "",
+            "items-center": "",
+            p3: ""
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_TabIcon, {
+                mb2: "",
+                "text-5xl": "",
+                icon: "icon-park-outline:pineapple",
+                title: "Pinia"
+              }),
+              _hoisted_6,
+              _hoisted_7
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+/* Injected with object hook! */
+
+export { _sfc_main as default };

package/dist/client/assets/routes-cd4e8e50.js

@@ -0,0 +1,129 @@
+import { _ as __unplugin_components_0 } from './VPanelGrids-2e4d7603.js';
+import { _ as __unplugin_components_7 } from './VCard-07e53519.js';
+import { d as defineComponent, f as onMounted, u as unref, J as routeRecordMatcherState, o as openBlock, c as createElementBlock, b as createVNode, w as withCtx, e as createBaseVNode, F as Fragment, r as renderList, K as activeRouteRecordMatcherState, a as createBlock, I as _sfc_main$2, n as normalizeClass, L as activeRouteRecordIndex, M as toggleRouteRecordMatcher, E as createTextVNode, t as toDisplayString, N as normalizeStyle, O as __unplugin_components_1 } from './index-ab9e9151.js';
+import { g, M, _ as _sfc_main$1 } from './splitpanes.es-f2ab0d30.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-c622c694.js';
+
+const _hoisted_1 = {
+  key: 0,
+  "h-screen": "",
+  "n-panel-grids": ""
+};
+const _hoisted_2 = {
+  "h-screen": "",
+  "select-none": "",
+  "overflow-scroll": "",
+  "p-2": "",
+  class: "no-scrollbar"
+};
+const _hoisted_3 = ["onClick"];
+const _hoisted_4 = { "vue-block-title": "" };
+const _hoisted_5 = {
+  "h-screen": "",
+  "select-none": "",
+  "overflow-scroll": "",
+  "p-2": "",
+  class: "no-scrollbar"
+};
+const _hoisted_6 = /* @__PURE__ */ createBaseVNode("h1", { "text-xl": "" }, " Install Vue Router ", -1);
+const _hoisted_7 = /* @__PURE__ */ createBaseVNode("p", {
+  "text-sm": "",
+  op50: ""
+}, " It seems you don't have vue-router installed. ", -1);
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "routes",
+  setup(__props) {
+    onMounted(() => {
+    });
+    return (_ctx, _cache) => {
+      const _component_VBadge = __unplugin_components_1;
+      const _component_StateFields = _sfc_main$1;
+      const _component_TabIcon = _sfc_main$2;
+      const _component_VCard = __unplugin_components_7;
+      const _component_VPanelGrids = __unplugin_components_0;
+      return unref(routeRecordMatcherState)?.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createVNode(unref(M), null, {
+          default: withCtx(() => [
+            createVNode(unref(g), { border: "r base" }, {
+              default: withCtx(() => [
+                createBaseVNode("div", _hoisted_2, [
+                  (openBlock(true), createElementBlock(Fragment, null, renderList(unref(routeRecordMatcherState), (item, index) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: index,
+                      "vue-block": "",
+                      class: normalizeClass([unref(activeRouteRecordIndex) === index ? "vue-block-active" : "vue-block-hover"]),
+                      onClick: ($event) => unref(toggleRouteRecordMatcher)(index)
+                    }, [
+                      createBaseVNode("h3", _hoisted_4, [
+                        createBaseVNode("span", {
+                          class: normalizeClass([unref(activeRouteRecordIndex) === index ? "text-white" : "vue-block-text"])
+                        }, [
+                          createTextVNode(toDisplayString(item.path) + " ", 1),
+                          (openBlock(true), createElementBlock(Fragment, null, renderList(item.tags, (tag, childIndex) => {
+                            return openBlock(), createBlock(_component_VBadge, {
+                              key: childIndex,
+                              "text-black": "",
+                              style: normalizeStyle({
+                                backgroundColor: `#${tag.bgColor.toString(16)}`
+                              })
+                            }, {
+                              default: withCtx(() => [
+                                createTextVNode(toDisplayString(tag.label), 1)
+                              ]),
+                              _: 2
+                            }, 1032, ["style"]);
+                          }), 128))
+                        ], 2)
+                      ])
+                    ], 10, _hoisted_3);
+                  }), 128))
+                ])
+              ]),
+              _: 1
+            }),
+            createVNode(unref(g), null, {
+              default: withCtx(() => [
+                createBaseVNode("div", _hoisted_5, [
+                  createVNode(_component_StateFields, { data: unref(activeRouteRecordMatcherState) }, null, 8, ["data"])
+                ])
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ])) : (openBlock(), createBlock(_component_VPanelGrids, {
+        key: 1,
+        px5: ""
+      }, {
+        default: withCtx(() => [
+          createVNode(_component_VCard, {
+            flex: "~ col gap2",
+            "min-w-30": "",
+            "items-center": "",
+            p3: ""
+          }, {
+            default: withCtx(() => [
+              createVNode(_component_TabIcon, {
+                mb2: "",
+                "text-5xl": "",
+                icon: "i-logos-vue",
+                title: "Vue Router"
+              }),
+              _hoisted_6,
+              _hoisted_7
+            ]),
+            _: 1
+          })
+        ]),
+        _: 1
+      }));
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+/* Injected with object hook! */
+
+export { _sfc_main as default };