npm - vite-plugin-vue-devtools - Versions diffs - 0.4.7 → 0.4.10 - Mend

vite-plugin-vue-devtools 0.4.7 → 0.4.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (36) hide show

package/dist/client/assets/{splitpanes.es-2be998f1.js → splitpanes.es-dd27b7fe.js} RENAMED Viewed

@@ -1,4 +1,4 @@
-import { ay as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-233a79fb.js';
+import { ar as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-b8a9099c.js';
 const M = {
   name: "splitpanes",

package/dist/client/assets/{timeline-0c017176.js → timeline-5fa02442.js} RENAMED Viewed

@@ -1,11 +1,11 @@
-import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-6969f024.js';
-import { _ as __unplugin_components_0 } from './VPanelGrids-24560813.js';
-import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-233a79fb.js';
-import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-c0d8ada0.js';
-import { g, M } from './splitpanes.es-2be998f1.js';
-import './VIcon.vue_vue_type_script_setup_true_lang-41c110ef.js';
-import './index-8d0405da.js';
-import './VIconButton.vue_vue_type_script_setup_true_lang-a89f6c88.js';
+import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-a78e5cb0.js';
+import { _ as __unplugin_components_0 } from './VPanelGrids-dc69b639.js';
+import { p as pushScopeId, a as popScopeId, n as nextTick, o as openBlock, c as createBlock, w as withScopeId, m as markRaw, s as shallowReactive, r as resolveComponent, b as resolveDirective, d as withDirectives, e as createElementBlock, f as renderSlot, g as createCommentVNode, h as withCtx, F as Fragment, i as renderList, j as resolveDynamicComponent, k as mergeProps, t as toHandlers, l as normalizeStyle, q as normalizeClass, u as createVNode, v as defineComponent, x as createBaseVNode, y as toDisplayString, z as unref, _ as __unplugin_components_7, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-b8a9099c.js';
+import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-65004790.js';
+import { g, M } from './splitpanes.es-dd27b7fe.js';
+import './VIcon.vue_vue_type_script_setup_true_lang-82a30fea.js';
+import './index-07396aec.js';
+import './VIconButton.vue_vue_type_script_setup_true_lang-fe1578eb.js';
 var dayjs_min = {exports: {}};/* Injected with object hook! */

package/dist/client/index.html CHANGED Viewed

@@ -5,8 +5,8 @@
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <link rel="icon" href="/favicon.svg" type="image/svg+xml">
   <title>Vue DevTools</title>
-  <script type="module" crossorigin src="./assets/index-233a79fb.js"></script>
-  <link rel="stylesheet" href="./assets/index-7c5b746a.css">
+  <script type="module" crossorigin src="./assets/index-b8a9099c.js"></script>
+  <link rel="stylesheet" href="./assets/index-5221558c.css">
 </head>
 <body>
   <div id="app"></div>

package/dist/index.cjs CHANGED Viewed

@@ -7509,7 +7509,7 @@ function imageMeta(input) {
 const _imageMetaCache = /* @__PURE__ */ new Map();
 function guessType(path) {
-  if (/\.(a?png|jpe?g|gif|svg|webp|avif|ico|bmp|tiff?)$/i.test(path))
+  if (/\.(a?png|jpe?g|jxl|gif|svg|webp|avif|ico|bmp|tiff?)$/i.test(path))
     return "image";
   if (/\.(mp4|webm|ogv|mov|avi|flv|wmv|mpg|mpeg|mkv|3gp|3g2|ts|mts|m2ts|vob|ogm|ogx|rm|rmvb|asf|amv|divx|m4v|svi|viv|f4v|f4p|f4a|f4b)$/i.test(path))
     return "video";

package/dist/index.mjs CHANGED Viewed

@@ -7483,7 +7483,7 @@ function imageMeta(input) {
 const _imageMetaCache = /* @__PURE__ */ new Map();
 function guessType(path) {
-  if (/\.(a?png|jpe?g|gif|svg|webp|avif|ico|bmp|tiff?)$/i.test(path))
+  if (/\.(a?png|jpe?g|jxl|gif|svg|webp|avif|ico|bmp|tiff?)$/i.test(path))
     return "image";
   if (/\.(mp4|webm|ogv|mov|avi|flv|wmv|mpg|mpeg|mkv|3gp|3g2|ts|mts|m2ts|vob|ogm|ogx|rm|rmvb|asf|amv|divx|m4v|svi|viv|f4v|f4p|f4a|f4b)$/i.test(path))
     return "video";

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "vite-plugin-vue-devtools",
-  "version": "0.4.7",
+  "version": "0.4.10",
   "packageManager": "pnpm@8.4.0",
   "description": "A vite plugin for Vue Devtools",
   "author": "webfansplz",
@@ -71,6 +71,7 @@
     "vite-plugin-inspect": "^0.7.28",
     "vite-plugin-vue-inspector": "^3.4.2",
     "vue-router": "^4.2.2",
+    "vuedraggable": "^4.1.0",
     "xterm": "^5.1.0",
     "xterm-addon-fit": "^0.7.0"
   },

package/src/node/views/Main.vue CHANGED Viewed

@@ -229,7 +229,7 @@ collectHookBuffer()
     <!-- toggle button -->
     <div v-if="!checkIsSafari()" class="vue-devtools-glowing" :style="isDragging ? 'opacity: 0.6 !important' : ''" />
     <div ref="panelEl" class="vue-devtools-button-panel" @pointerdown="onPointerDown">
-      <button
+      <div
         class="vue-devtools-icon-button vue-devtools-vue-button"
         title="Toggle Vue DevTools" aria-label="Toggle devtools panel"
         :style="panelVisible ? '' : 'filter:saturate(0)'"
@@ -240,9 +240,9 @@ collectHookBuffer()
           <path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0H0Z" />
           <path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0H50.56Z" />
         </svg>
-      </button>
+      </div>
       <div style="border-left: 1px solid #8883;width:1px;height:10px;" />
-      <button
+      <div
         class="vue-devtools-icon-button vue-devtools-inspector-button"
         :class="{ disabled: !inspectorLoaded }"
         :disabled="!inspectorLoaded"
@@ -256,7 +256,7 @@ collectHookBuffer()
         >
           <g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><circle cx="12" cy="12" r=".5" fill="currentColor" /><path d="M5 12a7 7 0 1 0 14 0a7 7 0 1 0-14 0m7-9v2m-9 7h2m7 7v2m7-9h2" /></g>
         </svg>
-      </button>
+      </div>
     </div>
     <!-- iframe -->
     <Frame
@@ -282,7 +282,7 @@ collectHookBuffer()
   transform: translate(-50%, -50%) rotate(0);
 }
-#vue-devtools-anchor button {
+#vue-devtools-anchor .vue-devtools-icon-button {
   border: none;
   background: none;
   padding: 0;

package/dist/client/assets/_commonjsHelpers-c0d8ada0.js DELETED Viewed

@@ -1,9 +0,0 @@
-var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
-function getDefaultExportFromCjs (x) {
-	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
-}
-/* Injected with object hook! */
-export { commonjsGlobal as c, getDefaultExportFromCjs as g };

package/dist/client/assets/settings-5fd1add1.js DELETED Viewed

@@ -1,337 +0,0 @@
-import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-41c110ef.js';
-import { v as defineComponent, I as useVModel, o as openBlock, e as createElementBlock, f as renderSlot, d as withDirectives, J as vModelSelect, z as unref, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, K as isRef, c as createBlock, L as vModelCheckbox, M as withKeys, N as useCategorizedTabs, u as createVNode, F as Fragment, i as renderList, O as isInPopup, h as withCtx, P as createTextVNode, Q as useDevToolsSettings, R as useFrameState, S as _sfc_main$5, T as _sfc_main$6, U as _sfc_main$7, q as normalizeClass, V as _sfc_main$8 } from './index-233a79fb.js';
-import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-d3431291.js';
-const _hoisted_1$2 = { 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$2 = ["disabled"];
-const _hoisted_3$2 = {
-  key: 0,
-  value: "",
-  disabled: "",
-  hidden: ""
-};
-const _sfc_main$2 = /* @__PURE__ */ defineComponent({
-  __name: "VSelect",
-  props: {
-    modelValue: { default: void 0 },
-    placeholder: { default: "" },
-    icon: { default: "" },
-    disabled: { type: Boolean, default: false }
-  },
-  setup(__props, { emit }) {
-    const props = __props;
-    const input = useVModel(props, "modelValue", emit, { passive: true });
-    return (_ctx, _cache) => {
-      const _component_VIcon = _sfc_main$3;
-      return openBlock(), createElementBlock("div", _hoisted_1$2, [
-        renderSlot(_ctx.$slots, "icon", {}, () => [
-          _ctx.icon ? (openBlock(), createBlock(_component_VIcon, {
-            key: 0,
-            icon: _ctx.icon,
-            class: "mr-0.4em text-1.1em op50"
-          }, null, 8, ["icon"])) : createCommentVNode("", true)
-        ]),
-        withDirectives(createBaseVNode("select", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(input) ? input.value = $event : null),
-          disabled: _ctx.disabled,
-          class: "w-full flex-auto n-bg-base !outline-none"
-        }, [
-          _ctx.placeholder ? (openBlock(), createElementBlock("option", _hoisted_3$2, toDisplayString(_ctx.placeholder), 1)) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default")
-        ], 8, _hoisted_2$2), [
-          [vModelSelect, unref(input)]
-        ])
-      ]);
-    };
-  }
-});
-/* Injected with object hook! */
-const _hoisted_1$1 = ["checked", "disabled"];
-const _hoisted_2$1 = ["disabled"];
-const _hoisted_3$1 = /* @__PURE__ */ createBaseVNode("div", { class: "n-switch-slider n-checked:n-switch-slider-checked peer-active:n-active-base peer-focus-visible:n-focus-base n-transition" }, [
-  /* @__PURE__ */ createBaseVNode("div", { class: "n-checked:n-switch-thumb-checked n-switch-thumb n-transition" })
-], -1);
-const _sfc_main$1 = /* @__PURE__ */ defineComponent({
-  __name: "VSwitch",
-  props: {
-    modelValue: { type: Boolean, default: false },
-    disabled: { type: Boolean, default: false }
-  },
-  setup(__props, { emit }) {
-    const props = __props;
-    const checked = useVModel(props, "modelValue", emit, { passive: true });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: "n-switch n-switch-base cursor-pointer n-disabled:n-disabled",
-        checked: unref(checked) || null,
-        disabled: _ctx.disabled || null
-      }, [
-        withDirectives(createBaseVNode("input", {
-          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(checked) ? checked.value = $event : null),
-          type: "checkbox",
-          class: "peer absolute op0",
-          disabled: _ctx.disabled,
-          onKeypress: _cache[1] || (_cache[1] = withKeys(($event) => checked.value = !unref(checked), ["enter"]))
-        }, null, 40, _hoisted_2$1), [
-          [vModelCheckbox, unref(checked)]
-        ]),
-        _hoisted_3$1,
-        renderSlot(_ctx.$slots, "default")
-      ], 8, _hoisted_1$1);
-    };
-  }
-});
-/* Injected with object hook! */
-const _hoisted_1 = {
-  "overflow-scroll": "",
-  px6: "",
-  py6: ""
-};
-const _hoisted_2 = {
-  grid: "~ md:cols-2 gap-x-10 gap-y-3",
-  "max-w-300": ""
-};
-const _hoisted_3 = {
-  flex: "~ col gap-1",
-  py3: ""
-};
-const _hoisted_4 = /* @__PURE__ */ createBaseVNode("h3", {
-  mb1: "",
-  "text-lg": ""
-}, " Tabs ", -1);
-const _hoisted_5 = {
-  flex: "~ gap-2",
-  "flex-auto": "",
-  "items-center": "",
-  "justify-start": ""
-};
-const _hoisted_6 = {
-  capitalize: "",
-  op75: ""
-};
-const _hoisted_7 = {
-  flex: "~ col gap-1",
-  border: "~ base rounded",
-  py3: "",
-  pl4: "",
-  pr2: ""
-};
-const _hoisted_8 = {
-  key: 0,
-  py3: "",
-  flex: "~ col gap-1",
-  border: "b base"
-};
-const _hoisted_9 = /* @__PURE__ */ createBaseVNode("h3", {
-  mb1: "",
-  "text-lg": ""
-}, " Position ", -1);
-const _hoisted_10 = {
-  py3: "",
-  flex: "~ col gap-1",
-  border: "b base"
-};
-const _hoisted_11 = /* @__PURE__ */ createBaseVNode("h3", {
-  mb1: "",
-  "text-lg": ""
-}, " Appearance ", -1);
-const _hoisted_12 = /* @__PURE__ */ createBaseVNode("div", {
-  "carbon-sun": "",
-  "translate-y--1px": "",
-  "dark:carbon-moon": ""
-}, null, -1);
-const _hoisted_13 = {
-  py3: "",
-  flex: "~ col gap-1"
-};
-const _hoisted_14 = /* @__PURE__ */ createBaseVNode("h3", {
-  mb1: "",
-  "text-lg": ""
-}, " UI Scale ", -1);
-const _hoisted_15 = ["value"];
-const _hoisted_16 = {
-  py3: "",
-  flex: "~ justify-between gap-1"
-};
-const _hoisted_17 = /* @__PURE__ */ createBaseVNode("h3", {
-  mb1: "",
-  "text-lg": ""
-}, " Close DevTools when clicking outside ", -1);
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "settings",
-  setup(__props) {
-    const {
-      scale,
-      hiddenTabs,
-      hiddenTabCategories
-    } = useDevToolsSettings();
-    const { closeOnOutsideClick } = useFrameState();
-    const scaleOptions = [
-      ["Tiny", 12 / 15],
-      ["Small", 14 / 15],
-      ["Normal", 1],
-      ["Large", 16 / 15],
-      ["Huge", 18 / 15]
-    ];
-    const categories = useCategorizedTabs(false);
-    function toggleTab(name, v) {
-      if (v)
-        hiddenTabs.value = hiddenTabs.value.filter((i) => i !== name);
-      else
-        hiddenTabs.value.push(name);
-    }
-    function toggleTabCategory(name, v) {
-      if (v)
-        hiddenTabCategories.value = hiddenTabCategories.value.filter((i) => i !== name);
-      else
-        hiddenTabCategories.value.push(name);
-    }
-    function toggleClickOutside() {
-      closeOnOutsideClick.value = !closeOnOutsideClick.value;
-    }
-    return (_ctx, _cache) => {
-      const _component_VIconTitle = _sfc_main$4;
-      const _component_VSwitch = _sfc_main$1;
-      const _component_TabIcon = _sfc_main$8;
-      const _component_PanelPosition = _sfc_main$5;
-      const _component_VButton = _sfc_main$6;
-      const _component_VDarkToggle = _sfc_main$7;
-      const _component_VSelect = _sfc_main$2;
-      return openBlock(), createElementBlock("div", _hoisted_1, [
-        createVNode(_component_VIconTitle, {
-          class: "mb-5 text-xl op75",
-          icon: "i-carbon-settings",
-          text: "DevTools Settings"
-        }),
-        createBaseVNode("div", _hoisted_2, [
-          createBaseVNode("div", _hoisted_3, [
-            _hoisted_4,
-            (openBlock(true), createElementBlock(Fragment, null, renderList(unref(categories), ([name, tabs]) => {
-              return openBlock(), createElementBlock(Fragment, { key: name }, [
-                tabs.length ? (openBlock(), createElementBlock("div", {
-                  key: 0,
-                  flex: "~ col gap-1",
-                  "mx--1": "",
-                  class: normalizeClass(unref(hiddenTabCategories).includes(name) ? "op50 grayscale" : ""),
-                  "pt-2": ""
-                }, [
-                  createVNode(_component_VSwitch, {
-                    flex: "~ row-reverse",
-                    px2: "",
-                    py1: "",
-                    "n-lime": "",
-                    "model-value": !unref(hiddenTabCategories).includes(name),
-                    "onUpdate:modelValue": (v) => toggleTabCategory(name, v)
-                  }, {
-                    default: withCtx(() => [
-                      createBaseVNode("div", _hoisted_5, [
-                        createBaseVNode("span", _hoisted_6, toDisplayString(name), 1)
-                      ])
-                    ]),
-                    _: 2
-                  }, 1032, ["model-value", "onUpdate:modelValue"]),
-                  createBaseVNode("div", _hoisted_7, [
-                    (openBlock(true), createElementBlock(Fragment, null, renderList(tabs, (tab) => {
-                      return openBlock(), createBlock(_component_VSwitch, {
-                        key: tab.name,
-                        flex: "~ row-reverse",
-                        py1: "",
-                        "n-primary": "",
-                        "model-value": !unref(hiddenTabs).includes(tab.title),
-                        "onUpdate:modelValue": (v) => toggleTab(tab.title, v)
-                      }, {
-                        default: withCtx(() => [
-                          createBaseVNode("div", {
-                            flex: "~ gap-2",
-                            "flex-auto": "",
-                            "items-center": "",
-                            "justify-start": "",
-                            class: normalizeClass(unref(hiddenTabs).includes(tab.title) ? "op25" : "")
-                          }, [
-                            createVNode(_component_TabIcon, {
-                              "text-xl": "",
-                              icon: tab.icon,
-                              title: tab.title
-                            }, null, 8, ["icon", "title"]),
-                            createBaseVNode("span", null, toDisplayString(tab.title), 1)
-                          ], 2)
-                        ]),
-                        _: 2
-                      }, 1032, ["model-value", "onUpdate:modelValue"]);
-                    }), 128))
-                  ])
-                ], 2)) : createCommentVNode("", true)
-              ], 64);
-            }), 128))
-          ]),
-          createBaseVNode("div", null, [
-            !unref(isInPopup) ? (openBlock(), createElementBlock("div", _hoisted_8, [
-              _hoisted_9,
-              createBaseVNode("div", null, [
-                createVNode(_component_PanelPosition)
-              ])
-            ])) : createCommentVNode("", true),
-            createBaseVNode("div", _hoisted_10, [
-              _hoisted_11,
-              createBaseVNode("div", null, [
-                createVNode(_component_VDarkToggle, null, {
-                  default: withCtx(({ toggle, isDark }) => [
-                    createVNode(_component_VButton, {
-                      n: "primary",
-                      onClick: toggle
-                    }, {
-                      default: withCtx(() => [
-                        _hoisted_12,
-                        createTextVNode(" " + toDisplayString(isDark.value ? "Dark" : "Light"), 1)
-                      ]),
-                      _: 2
-                    }, 1032, ["onClick"])
-                  ]),
-                  _: 1
-                })
-              ])
-            ]),
-            createBaseVNode("div", _hoisted_13, [
-              _hoisted_14,
-              createVNode(_component_VSelect, {
-                modelValue: unref(scale),
-                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(scale) ? scale.value = $event : null),
-                n: "primary"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createElementBlock(Fragment, null, renderList(scaleOptions, (i) => {
-                    return createBaseVNode("option", {
-                      key: i[0],
-                      value: i[1]
-                    }, toDisplayString(i[0]), 9, _hoisted_15);
-                  }), 64))
-                ]),
-                _: 1
-              }, 8, ["modelValue"])
-            ]),
-            createBaseVNode("div", _hoisted_16, [
-              _hoisted_17,
-              createVNode(_component_VSwitch, {
-                flex: "~ row-reverse",
-                py1: "",
-                "n-primary": "",
-                "model-value": unref(closeOnOutsideClick),
-                "onUpdate:modelValue": toggleClickOutside
-              }, null, 8, ["model-value"])
-            ])
-          ])
-        ])
-      ]);
-    };
-  }
-});
-/* Injected with object hook! */
-/* Injected with object hook! */
-export { _sfc_main as default };