vite-plugin-vue-devtools 1.0.0-beta.5 → 1.0.0-rc.0

package/README.md

@@ -17,7 +17,8 @@ English | <a href="./README.zh-CN.md">简体中文</a>
 
 <p align="center">
   <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/1">💡 Ideas & Suggestions</a> |
-  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/2">🗺️ Project Roadmap</a> 
+  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/2">🗺️ Project Roadmap</a> |
+  <a href="https://discord.gg/sHyy7gVPUG">🧑‍💻 Discord Channel</a> 
 </p>
 
 <p align="center">

package/README.zh-CN.md

@@ -17,7 +17,8 @@ Vue DevTools <sup>预览</sup>
 
 <p align="center">
   <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/1">💡 想法 & 建议</a> |
-  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/2">🗺️ 项目路线图</a> 
+  <a href="https://github.com/webfansplz/vite-plugin-vue-devtools/discussions/2">🗺️ 项目路线图</a> |
+  <a href="https://discord.gg/sHyy7gVPUG">🧑‍💻 Discord 频道</a> 
 </p>
 
 <p align="center">

package/client.d.ts

@@ -37,11 +37,14 @@ declare interface RPCFunctions {
   staticAssets(): Promise<AssetInfo[]>
   getImageMeta(path: string): Promise<ImageMeta | undefined>
   getTextAssetContent(path: string): Promise<string | undefined>
+  deleteStaticAsset(path: string): Promise<string | undefined>
+  renameStaticAsset(oldPath: string, newPath: string): Promise<string | undefined>
   getPackages(): Promise<Record<string, Omit<PackageMeta, 'name'>>>
   getVueSFCList(): Promise<string[]>
   getComponentInfo(filename: string): Promise<Record<string, unknown>>
   onTerminalData(_: { id?: string; data: string }): void
   onTerminalExit(_: { id?: string; data?: string }): void
+  onFileWatch(_: { event: string; path: string }): void
   installPackage(packages: string[], options?: ExecNpmScriptOptions): Promise<void>
   uninstallPackage(packages: string[], options?: ExecNpmScriptOptions): Promise<void>
   root(): string
@@ -53,3 +56,10 @@ declare interface PackageMeta {
   version: string
   name: string
 }
+
+/**
+ * - `xs` for functions that should only be available in the small view mode, e.g. `__EyeDropper`
+ * - `default` is the default view mode
+ * - `fullscreen` for fullscreen the whole devtool
+ */
+declare type ViewMode = 'xs' | 'default' | 'fullscreen'

package/dist/client/assets/DrawerRight.vue_vue_type_script_setup_true_lang-1c7d425a.js

@@ -0,0 +1,81 @@
+import { _ as _sfc_main$1 } from './IconButton.vue_vue_type_script_setup_true_lang-622357e4.js';
+import { v as defineComponent, a$ as ref, cC as useElementSize, cD 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, P as Transition } from './index-2db58fe3.js';
+
+const _hoisted_1 = {
+  relative: "",
+  "h-full": "",
+  "w-full": "",
+  "of-auto": ""
+};
+const __default__ = {
+  inheritAttrs: false
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...__default__,
+  __name: "DrawerRight",
+  props: {
+    modelValue: { type: Boolean },
+    navbar: {},
+    autoClose: { type: Boolean }
+  },
+  emits: ["close"],
+  setup(__props, { emit }) {
+    const props = __props;
+    const el = ref();
+    const { height: top } = useElementSize(() => props.navbar, void 0, { box: "border-box" });
+    onClickOutside(el, () => {
+      if (props.modelValue && props.autoClose)
+        emit("close");
+    }, {
+      ignore: ["a", "button", "summary", '[role="dialog"]']
+    });
+    return (_ctx, _cache) => {
+      const _component_VDIconButton = _sfc_main$1;
+      return openBlock(), createBlock(Transition, {
+        "enter-active-class": "duration-200 ease-in",
+        "enter-from-class": "transform translate-x-1/1",
+        "enter-to-class": "opacity-100",
+        "leave-active-class": "duration-200 ease-out",
+        "leave-from-class": "opacity-100",
+        "leave-to-class": "transform translate-x-1/1"
+      }, {
+        default: withCtx(() => [
+          _ctx.modelValue ? (openBlock(), createElementBlock("div", mergeProps({
+            key: 0,
+            ref_key: "el",
+            ref: el,
+            border: "l base",
+            flex: "~ col gap-1",
+            absolute: "",
+            "bottom-0": "",
+            "right-0": "",
+            "z-10": "",
+            "z-20": "",
+            "of-auto": "",
+            "text-sm": "",
+            "glass-effect": "",
+            style: { top: `${unref(top)}px` }
+          }, _ctx.$attrs), [
+            createVNode(_component_VDIconButton, {
+              absolute: "",
+              "right-2": "",
+              "top-2": "",
+              "z-20": "",
+              "text-xl": "",
+              icon: "carbon-close",
+              onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("close"))
+            }),
+            createBaseVNode("div", _hoisted_1, [
+              renderSlot(_ctx.$slots, "default")
+            ])
+          ], 16)) : createCommentVNode("", true)
+        ]),
+        _: 3
+      });
+    };
+  }
+});
+
+/* Injected with object hook! */
+
+export { _sfc_main as _ };

package/dist/client/assets/{Icon.vue_vue_type_script_setup_true_lang-d08cd842.js → Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js}

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

package/dist/client/assets/{IconButton.vue_vue_type_script_setup_true_lang-4cfd93a4.js → IconButton.vue_vue_type_script_setup_true_lang-622357e4.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
-import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-c2b0ba3e.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
+import { v as defineComponent, o as openBlock, c as createBlock, h as withCtx, u as createVNode, k as mergeProps, j as resolveDynamicComponent } from './index-2db58fe3.js';
 
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "IconButton",

package/dist/client/assets/{IconTitle.vue_vue_type_script_setup_true_lang-49104706.js → IconTitle.vue_vue_type_script_setup_true_lang-bcafabb3.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-c2b0ba3e.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-2db58fe3.js';
 
 const _hoisted_1 = {
   flex: "~ gap-3",

package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-44366dc8.js → IframeView.vue_vue_type_script_setup_true_lang-b73dcd77.js}

@@ -1,4 +1,4 @@
-import { v as defineComponent, cp as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cq as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-c2b0ba3e.js';
+import { v as defineComponent, ca as useColorMode, a$ as ref, a1 as computed, aZ as reactive, cq as useElementBounding, aP as onMounted, n as nextTick, bz as watchEffect, aU as onUnmounted, o as openBlock, e as createElementBlock, z as unref, g as createCommentVNode, x as createBaseVNode } from './index-2db58fe3.js';
 
 const _hoisted_1 = {
   key: 0,

package/dist/client/assets/{PanelGrids-ed6a1457.js → PanelGrids-c56fbbf0.js}

@@ -1,4 +1,4 @@
-import { bJ as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-c2b0ba3e.js';
+import { bJ as _export_sfc, o as openBlock, e as createElementBlock, f as renderSlot } from './index-2db58fe3.js';
 
 /* unplugin-vue-components disabled */const _sfc_main = {};
 

package/dist/client/assets/{SectionBlock-13c3495f.js → SectionBlock-9ede7475.js}

@@ -1,6 +1,6 @@
-import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-49104706.js';
-import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
-import { v as defineComponent, bK as useVModel, b as resolveDirective, 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, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-c2b0ba3e.js';
+import { _ as _sfc_main$1 } from './IconTitle.vue_vue_type_script_setup_true_lang-bcafabb3.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
+import { v as defineComponent, bK as useVModel, b as resolveDirective, 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, a9 as createTextVNode, y as toDisplayString, p as pushScopeId, a as popScopeId, bJ as _export_sfc } from './index-2db58fe3.js';
 
 const _withScopeId = (n) => (pushScopeId("data-v-e966339e"), n = n(), popScopeId(), n);
 const _hoisted_1 = ["open"];

package/dist/client/assets/{StateFields.vue_vue_type_script_setup_true_lang-26d7d382.js → StateFields.vue_vue_type_script_setup_true_lang-161af888.js}

@@ -1,7 +1,7 @@
-import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
-import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cu as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cv as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cw as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-c2b0ba3e.js';
-import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-b327a261.js';
-import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-4cfd93a4.js';
+import { _ as _sfc_main$3 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
+import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, aC as isRef, bd as toRaw, a1 as computed, cu as useCopy, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, cv as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, a$ as ref, cw as useNotification, u as createVNode, bG as withModifiers, d as withDirectives, bv as vShow } from './index-2db58fe3.js';
+import { a as isComputed, b as isArray, c as isMap, d as isSet, e as isRegExp, t as toRawType, f as isPlainObject, g as escape } from './index-4023636e.js';
+import { _ as _sfc_main$4 } from './IconButton.vue_vue_type_script_setup_true_lang-622357e4.js';
 
 const _sfc_main$2 = /* @__PURE__ */ defineComponent({
   __name: "ExpandIcon",

package/dist/client/assets/{Switch.vue_vue_type_script_setup_true_lang-32354ae4.js → Switch.vue_vue_type_script_setup_true_lang-748b1466.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
-import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-c2b0ba3e.js';
+import { _ as _sfc_main$2 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
+import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, bt as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, aC as isRef, c as createBlock, bq as vModelCheckbox, bE as withKeys } from './index-2db58fe3.js';
 
 const _hoisted_1$1 = { class: "n-text-input flex flex items-center border n-border-base rounded px-2 py-1 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _hoisted_2$1 = ["disabled"];

package/dist/client/assets/{TextInput.vue_vue_type_script_setup_true_lang-d100073c.js → TextInput.vue_vue_type_script_setup_true_lang-d27ac230.js}

@@ -1,5 +1,5 @@
-import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-d08cd842.js';
-import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-c2b0ba3e.js';
+import { _ as _sfc_main$1 } from './Icon.vue_vue_type_script_setup_true_lang-9de05d3b.js';
+import { v as defineComponent, bK as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, br as vModelDynamic, z as unref, x as createBaseVNode, k as mergeProps, aC as isRef, c as createBlock, g as createCommentVNode } from './index-2db58fe3.js';
 
 const _hoisted_1 = { class: "n-text-input flex flex items-center border n-border-base rounded py-1 pl-1 pr-2 focus-within:n-focus-base focus-within:border-context n-bg-base" };
 const _sfc_main = /* @__PURE__ */ defineComponent({

package/dist/client/assets/{__eyedropper-7b934b64.js → __eyedropper-b5ed0401.js}

@@ -1,6 +1,6 @@
-import { _ as __unplugin_components_0 } from './PanelGrids-ed6a1457.js';
-import { v as defineComponent, cD as useRouter, a$ as ref, a1 as computed, cu as useCopy, cf as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, c5 as useDevToolsClient, bX as useFrameState, u as createVNode } from './index-c2b0ba3e.js';
-import { h as checkIsSecurityContext } from './index-b327a261.js';
+import { _ as __unplugin_components_0 } from './PanelGrids-c56fbbf0.js';
+import { v as defineComponent, cE as useRouter, a$ as ref, a1 as computed, cu as useCopy, cg as useEventListener, aP as onMounted, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, z as unref, e as createElementBlock, l as normalizeStyle, a9 as createTextVNode, y as toDisplayString, c5 as useDevToolsClient, bX as useFrameState, u as createVNode } from './index-2db58fe3.js';
+import { h as checkIsSecurityContext } from './index-4023636e.js';
 
 const _hoisted_1 = {
   key: 0