vite-plugin-vue-devtools 0.1.1 → 0.1.3
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.
- package/dist/client/assets/{IframeView.vue_vue_type_script_setup_true_lang-6fd9a85f.js → IframeView.vue_vue_type_script_setup_true_lang-6ecebec9.js} +1 -1
- package/dist/client/assets/StateFields.vue_vue_type_script_setup_true_lang-6e6237a6.js +367 -0
- package/dist/client/assets/{VCard-6f5067b2.js → VCard-dc6e3c8b.js} +1 -1
- package/dist/client/assets/{VIcon.vue_vue_type_script_setup_true_lang-6118ca39.js → VIcon.vue_vue_type_script_setup_true_lang-72cb98eb.js} +1 -1
- package/dist/client/assets/{VIconButton.vue_vue_type_script_setup_true_lang-ae9230b8.js → VIconButton.vue_vue_type_script_setup_true_lang-c216f0c2.js} +2 -2
- package/dist/client/assets/{VIconTitle.vue_vue_type_script_setup_true_lang-b0f889c4.js → VIconTitle.vue_vue_type_script_setup_true_lang-a7d8ddb3.js} +1 -1
- package/dist/client/assets/{VPanelGrids-99263922.js → VPanelGrids-4eeee341.js} +1 -1
- package/dist/client/assets/{VTextInput.vue_vue_type_script_setup_true_lang-a9a84967.js → VSectionBlock-07fb529f.js} +10 -45
- package/dist/client/assets/VTextInput.vue_vue_type_script_setup_true_lang-6a2b0444.js +39 -0
- package/dist/client/assets/{__inspecting-c48a44bd.js → __inspecting-f654d824.js} +2 -2
- package/dist/client/assets/{assets-da7375f2.js → assets-3be653ad.js} +9 -8
- package/dist/client/assets/component-doc-351d62d5.css +114 -0
- package/dist/client/assets/component-doc-50b8b46b.js +1692 -0
- package/dist/client/assets/{components-9088ee32.js → components-88531bdd.js} +8 -7
- package/dist/client/assets/{documentations-a53fc5be.js → documentations-670dc15f.js} +4 -4
- package/dist/client/assets/{graph-1d314269.js → graph-43bed8ed.js} +2 -2
- package/dist/client/assets/{index-673f3336.css → index-4825b66d.css} +1 -1
- package/dist/client/assets/{index-de9a3e22.js → index-5f07b0cb.js} +1 -1
- package/dist/client/assets/{index-2f57441c.js → index-a901c265.js} +25 -18
- package/dist/client/assets/{inspect-4dd467ef.js → inspect-f19d6fea.js} +3 -3
- package/dist/client/assets/{npm-aa40787f.js → npm-bf2ecd10.js} +7 -6
- package/dist/client/assets/{overview-3d7e9cc1.js → overview-b444d66f.js} +5 -5
- package/dist/client/assets/{pages-2a327cb7.js → pages-41484c78.js} +5 -4
- package/dist/client/assets/{pinia-76305a62.js → pinia-82dcb4a4.js} +6 -5
- package/dist/client/assets/{routes-eb449762.js → routes-5722f831.js} +8 -7
- package/dist/client/assets/{rpc-0cf10553.js → rpc-eab051f5.js} +1 -1
- package/dist/client/assets/{settings-16b21837.js → settings-3a7f4ace.js} +4 -4
- package/dist/client/assets/{splitpanes.es-d9f337b4.js → splitpanes.es-d83e7dda.js} +2 -366
- package/dist/client/assets/{timeline-b35c200b.js → timeline-a151ed0f.js} +8 -7
- package/dist/client/index.html +2 -2
- package/dist/index.cjs +19 -0
- package/dist/index.mjs +19 -0
- package/package.json +4 -1
- /package/dist/client/assets/{VTextInput-52804693.css → VSectionBlock-52804693.css} +0 -0
|
@@ -1,9 +1,10 @@
|
|
|
1
|
-
import { v as defineComponent, $ as ref, a6 as onMounted, ab as useEventListener, ac as hookApi, o as openBlock, e as createElementBlock, ad as useScrollLock, ae as watch, af as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, K as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, O as createTextVNode, d as withDirectives, q as normalizeClass, R as _sfc_main$3 } from './index-
|
|
2
|
-
import { _ as
|
|
1
|
+
import { v as defineComponent, $ as ref, a6 as onMounted, ab as useEventListener, ac as hookApi, o as openBlock, e as createElementBlock, ad as useScrollLock, ae as watch, af as useInfiniteScroll, r as resolveComponent, b as resolveDirective, x as createBaseVNode, u as createVNode, z as unref, K as isRef, h as withCtx, F as Fragment, i as renderList, c as createBlock, g as createCommentVNode, y as toDisplayString, O as createTextVNode, d as withDirectives, q as normalizeClass, R as _sfc_main$3 } from './index-a901c265.js';
|
|
2
|
+
import { _ as __unplugin_components_3 } from './VSectionBlock-07fb529f.js';
|
|
3
|
+
import { _ as _sfc_main$2 } from './VTextInput.vue_vue_type_script_setup_true_lang-6a2b0444.js';
|
|
3
4
|
import { g as getDefaultExportFromCjs, c as commonjsGlobal } from './_commonjsHelpers-c0d8ada0.js';
|
|
4
|
-
import { r as rpc } from './rpc-
|
|
5
|
-
import './VIconTitle.vue_vue_type_script_setup_true_lang-
|
|
6
|
-
import './VIcon.vue_vue_type_script_setup_true_lang-
|
|
5
|
+
import { r as rpc } from './rpc-eab051f5.js';
|
|
6
|
+
import './VIconTitle.vue_vue_type_script_setup_true_lang-a7d8ddb3.js';
|
|
7
|
+
import './VIcon.vue_vue_type_script_setup_true_lang-72cb98eb.js';
|
|
7
8
|
|
|
8
9
|
var xterm$1 = {exports: {}};/* Injected with object hook! */
|
|
9
10
|
|
|
@@ -187,7 +188,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
|
187
188
|
terminalVisible.value = true;
|
|
188
189
|
locked.value = true;
|
|
189
190
|
rpc.installPackage([`${item.name}@${item.activeVersion ?? item.version}`], { isDev });
|
|
190
|
-
hookApi.hook.on("__vue-devtools:terminal:exit__", (
|
|
191
|
+
hookApi.hook.on("__vue-devtools:terminal:exit__", () => {
|
|
191
192
|
setTimeout(() => {
|
|
192
193
|
terminalVisible.value = false;
|
|
193
194
|
locked.value = false;
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { _ as __unplugin_components_0$1 } from './VPanelGrids-
|
|
2
|
-
import { $ as ref, a0 as computed, a8 as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, a9 as vueVersion, O as createTextVNode, e as createElementBlock, F as Fragment, aa as __unplugin_components_0, Z as __unplugin_components_1, R as _sfc_main$1 } from './index-
|
|
3
|
-
import { r as rpc } from './rpc-
|
|
4
|
-
import { i as isMacOS } from './index-
|
|
1
|
+
import { _ as __unplugin_components_0$1 } from './VPanelGrids-4eeee341.js';
|
|
2
|
+
import { $ as ref, a0 as computed, a8 as routes, v as defineComponent, r as resolveComponent, o as openBlock, c as createBlock, h as withCtx, x as createBaseVNode, u as createVNode, y as toDisplayString, z as unref, a9 as vueVersion, O as createTextVNode, e as createElementBlock, F as Fragment, aa as __unplugin_components_0, Z as __unplugin_components_1, R as _sfc_main$1 } from './index-a901c265.js';
|
|
3
|
+
import { r as rpc } from './rpc-eab051f5.js';
|
|
4
|
+
import { i as isMacOS } from './index-5f07b0cb.js';
|
|
5
5
|
|
|
6
|
-
const version = "0.1.
|
|
6
|
+
const version = "0.1.3";
|
|
7
7
|
|
|
8
8
|
/* Injected with object hook! */
|
|
9
9
|
|
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
import { _ as
|
|
2
|
-
import { v as defineComponent, $ as ref, a0 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, a5 as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, O as createTextVNode, q as normalizeClass, R as _sfc_main$4, Z as __unplugin_components_1, a6 as onMounted, a7 as currentRoute, U as router, K as isRef, M as withKeys, a8 as routes } from './index-
|
|
3
|
-
import './
|
|
4
|
-
import './
|
|
1
|
+
import { _ as __unplugin_components_3 } from './VSectionBlock-07fb529f.js';
|
|
2
|
+
import { v as defineComponent, $ as ref, a0 as computed, r as resolveComponent, z as unref, o as openBlock, e as createElementBlock, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, a5 as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, u as createVNode, O as createTextVNode, q as normalizeClass, R as _sfc_main$4, Z as __unplugin_components_1, a6 as onMounted, a7 as currentRoute, U as router, K as isRef, M as withKeys, a8 as routes } from './index-a901c265.js';
|
|
3
|
+
import { _ as _sfc_main$3 } from './VTextInput.vue_vue_type_script_setup_true_lang-6a2b0444.js';
|
|
4
|
+
import './VIconTitle.vue_vue_type_script_setup_true_lang-a7d8ddb3.js';
|
|
5
|
+
import './VIcon.vue_vue_type_script_setup_true_lang-72cb98eb.js';
|
|
5
6
|
|
|
6
7
|
const _hoisted_1$2 = {
|
|
7
8
|
block: "",
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import {
|
|
3
|
-
import {
|
|
4
|
-
import './
|
|
5
|
-
import './
|
|
1
|
+
import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-6e6237a6.js';
|
|
2
|
+
import { g, M } from './splitpanes.es-d83e7dda.js';
|
|
3
|
+
import { v as defineComponent, $ as ref, a0 as computed, a1 as piniaStoresCategory, a2 as toRaw, a3 as piniaState, a4 as piniaGetters, z as unref, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, q as normalizeClass, y as toDisplayString, c as createBlock } from './index-a901c265.js';
|
|
4
|
+
import { p as pick } from './index-5f07b0cb.js';
|
|
5
|
+
import './VIcon.vue_vue_type_script_setup_true_lang-72cb98eb.js';
|
|
6
|
+
import './VIconButton.vue_vue_type_script_setup_true_lang-c216f0c2.js';
|
|
6
7
|
|
|
7
8
|
const _hoisted_1 = {
|
|
8
9
|
"h-screen": "",
|
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { _ as __unplugin_components_0 } from './VPanelGrids-
|
|
2
|
-
import { _ as __unplugin_components_7 } from './VCard-
|
|
3
|
-
import { v as defineComponent, z as unref, U as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, V as routeRecordMatcherState, W as activeRouteRecordMatcherState, c as createBlock, T as _sfc_main$2, q as normalizeClass, X as activeRouteRecordIndex, Y as toggleRouteRecordMatcher, O as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, Z as __unplugin_components_1 } from './index-
|
|
4
|
-
import {
|
|
5
|
-
import './
|
|
6
|
-
import './
|
|
7
|
-
import './
|
|
1
|
+
import { _ as __unplugin_components_0 } from './VPanelGrids-4eeee341.js';
|
|
2
|
+
import { _ as __unplugin_components_7 } from './VCard-dc6e3c8b.js';
|
|
3
|
+
import { v as defineComponent, z as unref, U as router, o as openBlock, e as createElementBlock, u as createVNode, h as withCtx, x as createBaseVNode, F as Fragment, i as renderList, V as routeRecordMatcherState, W as activeRouteRecordMatcherState, c as createBlock, T as _sfc_main$2, q as normalizeClass, X as activeRouteRecordIndex, Y as toggleRouteRecordMatcher, O as createTextVNode, y as toDisplayString, l as normalizeStyle, g as createCommentVNode, Z as __unplugin_components_1 } from './index-a901c265.js';
|
|
4
|
+
import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-6e6237a6.js';
|
|
5
|
+
import { g, M } from './splitpanes.es-d83e7dda.js';
|
|
6
|
+
import './VIcon.vue_vue_type_script_setup_true_lang-72cb98eb.js';
|
|
7
|
+
import './index-5f07b0cb.js';
|
|
8
|
+
import './VIconButton.vue_vue_type_script_setup_true_lang-c216f0c2.js';
|
|
8
9
|
|
|
9
10
|
const _hoisted_1 = {
|
|
10
11
|
key: 0,
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-
|
|
2
|
-
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, h as withCtx, O as createTextVNode, P as useDevToolsSettings, Q as useFrameState, _ as _sfc_main$5, R as _sfc_main$6, S as _sfc_main$7, q as normalizeClass, T as _sfc_main$8 } from './index-
|
|
3
|
-
import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-
|
|
1
|
+
import { _ as _sfc_main$3 } from './VIcon.vue_vue_type_script_setup_true_lang-72cb98eb.js';
|
|
2
|
+
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, h as withCtx, O as createTextVNode, P as useDevToolsSettings, Q as useFrameState, _ as _sfc_main$5, R as _sfc_main$6, S as _sfc_main$7, q as normalizeClass, T as _sfc_main$8 } from './index-a901c265.js';
|
|
3
|
+
import { _ as _sfc_main$4 } from './VIconTitle.vue_vue_type_script_setup_true_lang-a7d8ddb3.js';
|
|
4
4
|
|
|
5
5
|
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" };
|
|
6
6
|
const _hoisted_2$2 = ["disabled"];
|
|
@@ -64,7 +64,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
|
64
64
|
const checked = useVModel(props, "modelValue", emit, { passive: true });
|
|
65
65
|
return (_ctx, _cache) => {
|
|
66
66
|
return openBlock(), createElementBlock("label", {
|
|
67
|
-
class: "n-switch n-switch-base n-disabled:n-disabled
|
|
67
|
+
class: "n-switch n-switch-base cursor-pointer n-disabled:n-disabled",
|
|
68
68
|
checked: unref(checked) || null,
|
|
69
69
|
disabled: _ctx.disabled || null
|
|
70
70
|
}, [
|
|
@@ -1,368 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { v as defineComponent, o as openBlock, c as createBlock, q as normalizeClass, K as isRef, a2 as toRaw, a0 as computed, r as resolveComponent, e as createElementBlock, i as renderList, z as unref, as as nanoid, x as createBaseVNode, y as toDisplayString, g as createCommentVNode, F as Fragment, $ as ref, u as createVNode, a5 as withModifiers, d as withDirectives, at as vShow, au as h, f as renderSlot, l as normalizeStyle } from './index-2f57441c.js';
|
|
3
|
-
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-de9a3e22.js';
|
|
4
|
-
import { u as useCopy, _ as _sfc_main$4 } from './VIconButton.vue_vue_type_script_setup_true_lang-ae9230b8.js';
|
|
5
|
-
|
|
6
|
-
const _sfc_main$2 = /* @__PURE__ */ defineComponent({
|
|
7
|
-
__name: "VExpandIcon",
|
|
8
|
-
props: {
|
|
9
|
-
value: { type: Boolean }
|
|
10
|
-
},
|
|
11
|
-
setup(__props) {
|
|
12
|
-
return (_ctx, _cache) => {
|
|
13
|
-
const _component_VIcon = _sfc_main$3;
|
|
14
|
-
return openBlock(), createBlock(_component_VIcon, {
|
|
15
|
-
class: normalizeClass(["material-symbols:arrow-right", {
|
|
16
|
-
"transform rotate-90": _ctx.value
|
|
17
|
-
}]),
|
|
18
|
-
"text-5": "",
|
|
19
|
-
"op-50": "",
|
|
20
|
-
"n-transition": ""
|
|
21
|
-
}, null, 8, ["class"]);
|
|
22
|
-
};
|
|
23
|
-
}
|
|
24
|
-
});
|
|
25
|
-
|
|
26
|
-
/* Injected with object hook! */
|
|
27
|
-
|
|
28
|
-
function getFuntionDetails(func) {
|
|
29
|
-
let string = "";
|
|
30
|
-
let matches = null;
|
|
31
|
-
try {
|
|
32
|
-
string = Function.prototype.toString.call(func);
|
|
33
|
-
matches = String.prototype.match.call(string, /\([\s\S]*?\)/);
|
|
34
|
-
} catch (e) {
|
|
35
|
-
}
|
|
36
|
-
const match = matches && matches[0];
|
|
37
|
-
const args = typeof match === "string" ? match : "(?)";
|
|
38
|
-
const name = typeof func.name === "string" ? func.name : "";
|
|
39
|
-
return `<span style="opacity:.5;">function</span> ${escape(name)}${args}`;
|
|
40
|
-
}
|
|
41
|
-
function formatWithExtraType(value, type) {
|
|
42
|
-
return `${value} <span style="color:#6b7280;padding:'0 5px';">(${type})</span>`;
|
|
43
|
-
}
|
|
44
|
-
function formatStateType(value) {
|
|
45
|
-
if (isComputed(value)) {
|
|
46
|
-
const state = formatStateType(value.value);
|
|
47
|
-
return {
|
|
48
|
-
...state,
|
|
49
|
-
...state.recursive ? { rawDisplay: formatWithExtraType(state.rawDisplay, "Computed") } : { value: formatWithExtraType(state.value, "Computed") }
|
|
50
|
-
};
|
|
51
|
-
} else if (isRef(value)) {
|
|
52
|
-
const state = formatStateType(toRaw(value.value));
|
|
53
|
-
return {
|
|
54
|
-
...state,
|
|
55
|
-
...state.recursive ? { rawDisplay: formatWithExtraType(state.rawDisplay, "Ref") } : { value: formatWithExtraType(state.value, "Ref") }
|
|
56
|
-
};
|
|
57
|
-
} else if (isArray(value)) {
|
|
58
|
-
return {
|
|
59
|
-
rawType: "object",
|
|
60
|
-
rawDisplay: `Array[${value.length}]`,
|
|
61
|
-
recursive: true,
|
|
62
|
-
value
|
|
63
|
-
};
|
|
64
|
-
} else if (typeof value === "function") {
|
|
65
|
-
return {
|
|
66
|
-
rawType: "function",
|
|
67
|
-
recursive: false,
|
|
68
|
-
value: getFuntionDetails(value)
|
|
69
|
-
};
|
|
70
|
-
} else if (typeof value === "bigint") {
|
|
71
|
-
const stringifiedBigInt = BigInt.prototype.toString.call(value);
|
|
72
|
-
return {
|
|
73
|
-
rawType: "string",
|
|
74
|
-
rawDisplay: `BigInt(${stringifiedBigInt})`,
|
|
75
|
-
recursive: false,
|
|
76
|
-
value: stringifiedBigInt
|
|
77
|
-
};
|
|
78
|
-
} else if (Number.isNaN(value)) {
|
|
79
|
-
return {
|
|
80
|
-
rawType: "literal",
|
|
81
|
-
recursive: false,
|
|
82
|
-
value: "NaN"
|
|
83
|
-
};
|
|
84
|
-
} else if (value === Infinity) {
|
|
85
|
-
return {
|
|
86
|
-
rawType: "literal",
|
|
87
|
-
recursive: false,
|
|
88
|
-
value: "Infinity"
|
|
89
|
-
};
|
|
90
|
-
} else if (value === -Infinity) {
|
|
91
|
-
return {
|
|
92
|
-
rawType: "literal",
|
|
93
|
-
recursive: false,
|
|
94
|
-
value: "-Infinity"
|
|
95
|
-
};
|
|
96
|
-
} else if (typeof value === "symbol") {
|
|
97
|
-
return {
|
|
98
|
-
rawType: "literal",
|
|
99
|
-
recursive: false,
|
|
100
|
-
value: Symbol.prototype.toString.call(value)
|
|
101
|
-
};
|
|
102
|
-
} else if (value === null) {
|
|
103
|
-
return {
|
|
104
|
-
rawType: "null",
|
|
105
|
-
recursive: false,
|
|
106
|
-
value: "null"
|
|
107
|
-
};
|
|
108
|
-
} else if (typeof value === "undefined") {
|
|
109
|
-
return {
|
|
110
|
-
rawType: "null",
|
|
111
|
-
recursive: false,
|
|
112
|
-
value: "undefined"
|
|
113
|
-
};
|
|
114
|
-
} else if (typeof value === "string") {
|
|
115
|
-
return {
|
|
116
|
-
rawType: "string",
|
|
117
|
-
recursive: false,
|
|
118
|
-
value: `"${value}"`
|
|
119
|
-
};
|
|
120
|
-
} else if (value !== "null" && typeof value === "object") {
|
|
121
|
-
if (isMap(value)) {
|
|
122
|
-
return {
|
|
123
|
-
rawType: "object",
|
|
124
|
-
rawDisplay: "Map",
|
|
125
|
-
recursive: true,
|
|
126
|
-
value: Array.from(value.entries()).map(([key, value2]) => ({ key, value: value2 }))
|
|
127
|
-
};
|
|
128
|
-
} else if (isSet(value)) {
|
|
129
|
-
const list = Array.from(value);
|
|
130
|
-
return {
|
|
131
|
-
rawType: "object",
|
|
132
|
-
rawDisplay: `Set[${list.length}]`,
|
|
133
|
-
recursive: true,
|
|
134
|
-
value: list
|
|
135
|
-
};
|
|
136
|
-
} else if (isRegExp(value)) {
|
|
137
|
-
return {
|
|
138
|
-
rawType: "string",
|
|
139
|
-
recursive: false,
|
|
140
|
-
value: RegExp.prototype.toString.call(value)
|
|
141
|
-
};
|
|
142
|
-
} else if (toRawType(value) === "Error") {
|
|
143
|
-
return {
|
|
144
|
-
rawType: "string",
|
|
145
|
-
recursive: false,
|
|
146
|
-
// @ts-expect-error skip
|
|
147
|
-
value: `${value?.message}: ${value?.stack}`
|
|
148
|
-
};
|
|
149
|
-
} else if (value?.state && value._vm || value.constructor?.name === "Store" && value._wrappedGetters) {
|
|
150
|
-
return {
|
|
151
|
-
rawType: "string",
|
|
152
|
-
recursive: false,
|
|
153
|
-
value: '"[object Store]"'
|
|
154
|
-
};
|
|
155
|
-
} else if (value.constructor && value.constructor.name === "VueRouter" || value.currentRoute) {
|
|
156
|
-
return {
|
|
157
|
-
rawType: "string",
|
|
158
|
-
recursive: false,
|
|
159
|
-
value: '"[object Router]"'
|
|
160
|
-
};
|
|
161
|
-
} else if (typeof value.render === "function") {
|
|
162
|
-
return {
|
|
163
|
-
rawType: "object",
|
|
164
|
-
recursive: false,
|
|
165
|
-
// @ts-expect-error skip
|
|
166
|
-
value: formatWithExtraType(value.__name, "Component") ?? "Vue Component"
|
|
167
|
-
};
|
|
168
|
-
} else if (isPlainObject(value)) {
|
|
169
|
-
return {
|
|
170
|
-
rawType: "object",
|
|
171
|
-
rawDisplay: "Object",
|
|
172
|
-
recursive: true,
|
|
173
|
-
value
|
|
174
|
-
};
|
|
175
|
-
} else {
|
|
176
|
-
return {
|
|
177
|
-
rawType: "string",
|
|
178
|
-
recursive: false,
|
|
179
|
-
value: `"${toRawType(value)}"`
|
|
180
|
-
};
|
|
181
|
-
}
|
|
182
|
-
} else {
|
|
183
|
-
return {
|
|
184
|
-
rawType: "literal",
|
|
185
|
-
recursive: false,
|
|
186
|
-
value
|
|
187
|
-
};
|
|
188
|
-
}
|
|
189
|
-
}
|
|
190
|
-
|
|
191
|
-
/* Injected with object hook! */
|
|
192
|
-
|
|
193
|
-
const _hoisted_1$1 = ["onClick"];
|
|
194
|
-
const _hoisted_2$1 = {
|
|
195
|
-
key: 1,
|
|
196
|
-
"inline-block": "",
|
|
197
|
-
"h-6": "",
|
|
198
|
-
"w-6": ""
|
|
199
|
-
};
|
|
200
|
-
const _hoisted_3 = {
|
|
201
|
-
"text-purple-700": "",
|
|
202
|
-
"dark:text-purple-300": ""
|
|
203
|
-
};
|
|
204
|
-
const _hoisted_4 = /* @__PURE__ */ createBaseVNode("span", {
|
|
205
|
-
"px-1": "",
|
|
206
|
-
"op-60": ""
|
|
207
|
-
}, ":", -1);
|
|
208
|
-
const _hoisted_5 = ["innerHTML"];
|
|
209
|
-
const _hoisted_6 = ["onClick", "innerHTML"];
|
|
210
|
-
const _sfc_main$1 = /* @__PURE__ */ defineComponent({
|
|
211
|
-
__name: "StateFieldsTree",
|
|
212
|
-
props: {
|
|
213
|
-
id: {},
|
|
214
|
-
data: {},
|
|
215
|
-
depth: { default: 0 },
|
|
216
|
-
expandedId: {}
|
|
217
|
-
},
|
|
218
|
-
emits: ["updateExpanded"],
|
|
219
|
-
setup(__props, { emit: emits }) {
|
|
220
|
-
const props = __props;
|
|
221
|
-
const rawTypeStyles = { literal: "raw-literal", string: "raw-string", object: "raw-object", function: "raw-function", null: "raw-null" };
|
|
222
|
-
const list = computed(() => {
|
|
223
|
-
if (Array.isArray(props.data)) {
|
|
224
|
-
return props.data.map((item) => {
|
|
225
|
-
return formatStateType(item);
|
|
226
|
-
});
|
|
227
|
-
} else if (typeof props.data === "object" && props.data !== null) {
|
|
228
|
-
const o = {};
|
|
229
|
-
for (const k in props.data) {
|
|
230
|
-
const key = k;
|
|
231
|
-
o[key] = formatStateType(props.data[k]);
|
|
232
|
-
}
|
|
233
|
-
const sorted = {};
|
|
234
|
-
Object.keys(o).sort().forEach((key) => {
|
|
235
|
-
sorted[key] = o[key];
|
|
236
|
-
});
|
|
237
|
-
return sorted;
|
|
238
|
-
} else {
|
|
239
|
-
return formatStateType("");
|
|
240
|
-
}
|
|
241
|
-
});
|
|
242
|
-
function toggleExpand(id) {
|
|
243
|
-
emits("updateExpanded", id);
|
|
244
|
-
}
|
|
245
|
-
const copy = useCopy();
|
|
246
|
-
return (_ctx, _cache) => {
|
|
247
|
-
const _component_VExpandIcon = _sfc_main$2;
|
|
248
|
-
const _component_StateFieldsTree = resolveComponent("StateFieldsTree", true);
|
|
249
|
-
return openBlock(true), createElementBlock(Fragment, null, renderList(unref(list), (item, index) => {
|
|
250
|
-
return openBlock(), createElementBlock("code", {
|
|
251
|
-
key: unref(nanoid)(),
|
|
252
|
-
block: "",
|
|
253
|
-
"select-none": "",
|
|
254
|
-
"pl-2": "",
|
|
255
|
-
"text-sm": ""
|
|
256
|
-
}, [
|
|
257
|
-
createBaseVNode("p", {
|
|
258
|
-
flex: "",
|
|
259
|
-
"items-center": "",
|
|
260
|
-
class: normalizeClass([item?.recursive && "cursor-pointer"]),
|
|
261
|
-
onClick: ($event) => item?.recursive ? toggleExpand(`${_ctx.id}-${_ctx.depth}-${index}`) : () => {
|
|
262
|
-
}
|
|
263
|
-
}, [
|
|
264
|
-
item?.recursive ? (openBlock(), createBlock(_component_VExpandIcon, {
|
|
265
|
-
key: 0,
|
|
266
|
-
value: _ctx.expandedId.includes(`${_ctx.id}-${_ctx.depth}-${index}`)
|
|
267
|
-
}, null, 8, ["value"])) : (openBlock(), createElementBlock("i", _hoisted_2$1)),
|
|
268
|
-
createBaseVNode("span", _hoisted_3, toDisplayString(index), 1),
|
|
269
|
-
_hoisted_4,
|
|
270
|
-
item?.recursive ? (openBlock(), createElementBlock("span", {
|
|
271
|
-
key: 2,
|
|
272
|
-
class: normalizeClass(rawTypeStyles[item.rawType]),
|
|
273
|
-
"max-w": "[75%]",
|
|
274
|
-
truncate: "",
|
|
275
|
-
innerHTML: item?.rawDisplay
|
|
276
|
-
}, null, 10, _hoisted_5)) : (openBlock(), createElementBlock("span", {
|
|
277
|
-
key: 3,
|
|
278
|
-
class: normalizeClass(rawTypeStyles[item.rawType]),
|
|
279
|
-
"max-w": "[75%]",
|
|
280
|
-
truncate: "",
|
|
281
|
-
hover: "underline underline-offset-3 cursor-pointer",
|
|
282
|
-
onClick: ($event) => unref(copy)(String(item?.value)),
|
|
283
|
-
innerHTML: item?.value
|
|
284
|
-
}, null, 10, _hoisted_6))
|
|
285
|
-
], 10, _hoisted_1$1),
|
|
286
|
-
_ctx.expandedId.includes(`${_ctx.id}-${_ctx.depth}-${index}`) && item?.recursive ? (openBlock(), createBlock(_component_StateFieldsTree, {
|
|
287
|
-
key: 0,
|
|
288
|
-
id: _ctx.id,
|
|
289
|
-
data: item?.value,
|
|
290
|
-
depth: _ctx.depth + 1,
|
|
291
|
-
"expanded-id": _ctx.expandedId,
|
|
292
|
-
onUpdateExpanded: toggleExpand
|
|
293
|
-
}, null, 8, ["id", "data", "depth", "expanded-id"])) : createCommentVNode("", true)
|
|
294
|
-
]);
|
|
295
|
-
}), 128);
|
|
296
|
-
};
|
|
297
|
-
}
|
|
298
|
-
});
|
|
299
|
-
|
|
300
|
-
/* Injected with object hook! */
|
|
301
|
-
|
|
302
|
-
const _hoisted_1 = { "text-primary": "" };
|
|
303
|
-
const _hoisted_2 = { "pl-3": "" };
|
|
304
|
-
const expandedIdCache = ref([]);
|
|
305
|
-
const _sfc_main = /* @__PURE__ */ defineComponent({
|
|
306
|
-
__name: "StateFields",
|
|
307
|
-
props: {
|
|
308
|
-
data: {},
|
|
309
|
-
id: { default: 0 }
|
|
310
|
-
},
|
|
311
|
-
setup(__props) {
|
|
312
|
-
const isExpanded = ref(true);
|
|
313
|
-
const copy = useCopy();
|
|
314
|
-
function toggleExpanded() {
|
|
315
|
-
isExpanded.value = !isExpanded.value;
|
|
316
|
-
}
|
|
317
|
-
function updateExpandedIdCache(id) {
|
|
318
|
-
if (expandedIdCache.value.includes(id))
|
|
319
|
-
expandedIdCache.value = expandedIdCache.value.filter((i) => i !== id);
|
|
320
|
-
else
|
|
321
|
-
expandedIdCache.value.push(id);
|
|
322
|
-
}
|
|
323
|
-
return (_ctx, _cache) => {
|
|
324
|
-
const _component_VExpandIcon = _sfc_main$2;
|
|
325
|
-
const _component_VIconButton = _sfc_main$4;
|
|
326
|
-
const _component_StateFieldsTree = _sfc_main$1;
|
|
327
|
-
return openBlock(), createElementBlock("div", null, [
|
|
328
|
-
createBaseVNode("h3", {
|
|
329
|
-
flex: "",
|
|
330
|
-
"cursor-pointer": "",
|
|
331
|
-
"items-center": "",
|
|
332
|
-
"justify-between": "",
|
|
333
|
-
rounded: "",
|
|
334
|
-
"py-1": "",
|
|
335
|
-
class: "hover:bg-[#c2e9d7] hover:dark:bg-[#2c3e50]",
|
|
336
|
-
onClick: toggleExpanded
|
|
337
|
-
}, [
|
|
338
|
-
createBaseVNode("div", null, [
|
|
339
|
-
createVNode(_component_VExpandIcon, { value: unref(isExpanded) }, null, 8, ["value"]),
|
|
340
|
-
createBaseVNode("span", _hoisted_1, toDisplayString(_ctx.data.key), 1)
|
|
341
|
-
]),
|
|
342
|
-
createVNode(_component_VIconButton, {
|
|
343
|
-
mr2: "",
|
|
344
|
-
"flex-none": "",
|
|
345
|
-
title: `Copy ${_ctx.data.key} to clipboard`,
|
|
346
|
-
icon: "carbon-copy",
|
|
347
|
-
onClick: _cache[0] || (_cache[0] = withModifiers(($event) => unref(copy)(JSON.stringify(_ctx.data.value)), ["stop"]))
|
|
348
|
-
}, null, 8, ["title"])
|
|
349
|
-
]),
|
|
350
|
-
withDirectives(createBaseVNode("div", _hoisted_2, [
|
|
351
|
-
createVNode(_component_StateFieldsTree, {
|
|
352
|
-
id: _ctx.id,
|
|
353
|
-
data: _ctx.data.value,
|
|
354
|
-
"expanded-id": unref(expandedIdCache),
|
|
355
|
-
onUpdateExpanded: updateExpandedIdCache
|
|
356
|
-
}, null, 8, ["id", "data", "expanded-id"])
|
|
357
|
-
], 512), [
|
|
358
|
-
[vShow, unref(isExpanded)]
|
|
359
|
-
])
|
|
360
|
-
]);
|
|
361
|
-
};
|
|
362
|
-
}
|
|
363
|
-
});
|
|
364
|
-
|
|
365
|
-
/* Injected with object hook! */
|
|
1
|
+
import { av as h, o as openBlock, e as createElementBlock, f as renderSlot, l as normalizeStyle } from './index-a901c265.js';
|
|
366
2
|
|
|
367
3
|
const M = {
|
|
368
4
|
name: "splitpanes",
|
|
@@ -704,4 +340,4 @@ const g = /* @__PURE__ */ S(x, [["render", P]]);
|
|
|
704
340
|
|
|
705
341
|
/* Injected with object hook! */
|
|
706
342
|
|
|
707
|
-
export { M,
|
|
343
|
+
export { M, g };
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { _ as __unplugin_components_0 } from './VPanelGrids-
|
|
3
|
-
import { _ as __unplugin_components_7 } from './VCard-
|
|
1
|
+
import { _ as _sfc_main$2 } from './StateFields.vue_vue_type_script_setup_true_lang-6e6237a6.js';
|
|
2
|
+
import { _ as __unplugin_components_0 } from './VPanelGrids-4eeee341.js';
|
|
3
|
+
import { _ as __unplugin_components_7 } from './VCard-dc6e3c8b.js';
|
|
4
4
|
import { c as commonjsGlobal, g as getDefaultExportFromCjs } from './_commonjsHelpers-c0d8ada0.js';
|
|
5
|
-
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, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-
|
|
6
|
-
import './
|
|
7
|
-
import './
|
|
8
|
-
import './
|
|
5
|
+
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, A as timelineLayer, B as activeTimelineEvents, C as activeTimelineEventIndex, D as toggleTimelineEventIndex, E as timelineEventDetails, G as activeLayerId, H as toggleTimelineLayer } from './index-a901c265.js';
|
|
6
|
+
import { g, M } from './splitpanes.es-d83e7dda.js';
|
|
7
|
+
import './VIcon.vue_vue_type_script_setup_true_lang-72cb98eb.js';
|
|
8
|
+
import './index-5f07b0cb.js';
|
|
9
|
+
import './VIconButton.vue_vue_type_script_setup_true_lang-c216f0c2.js';
|
|
9
10
|
|
|
10
11
|
var dayjs_min = {exports: {}};/* Injected with object hook! */
|
|
11
12
|
|
package/dist/client/index.html
CHANGED
|
@@ -5,8 +5,8 @@
|
|
|
5
5
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
6
6
|
<link rel="icon" href="/favicon.svg" type="image/svg+xml">
|
|
7
7
|
<title>Vue DevTools</title>
|
|
8
|
-
<script type="module" crossorigin src="./assets/index-
|
|
9
|
-
<link rel="stylesheet" href="./assets/index-
|
|
8
|
+
<script type="module" crossorigin src="./assets/index-a901c265.js"></script>
|
|
9
|
+
<link rel="stylesheet" href="./assets/index-4825b66d.css">
|
|
10
10
|
</head>
|
|
11
11
|
<body>
|
|
12
12
|
<div id="app"></div>
|
package/dist/index.cjs
CHANGED
|
@@ -25,6 +25,7 @@ const require$$0$3$1 = require('assert');
|
|
|
25
25
|
const require$$0$5 = require('buffer');
|
|
26
26
|
const node_util = require('node:util');
|
|
27
27
|
const require$$1 = require('tty');
|
|
28
|
+
const vuedocParser = require('@webfansplz/vuedoc-parser');
|
|
28
29
|
|
|
29
30
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e.default : e; }
|
|
30
31
|
|
|
@@ -13671,6 +13672,22 @@ async function installPackage(packages, options = {}) {
|
|
|
13671
13672
|
});
|
|
13672
13673
|
}
|
|
13673
13674
|
|
|
13675
|
+
async function getVueSFCList(root) {
|
|
13676
|
+
const files = await fg([
|
|
13677
|
+
"**/*.vue"
|
|
13678
|
+
], {
|
|
13679
|
+
cwd: root,
|
|
13680
|
+
onlyFiles: true,
|
|
13681
|
+
ignore: ["**/node_modules/**", "**/dist/**"]
|
|
13682
|
+
});
|
|
13683
|
+
return files;
|
|
13684
|
+
}
|
|
13685
|
+
async function getComponentInfo(root, filename) {
|
|
13686
|
+
return await vuedocParser.parseComponent({
|
|
13687
|
+
filename: path$3__default.resolve(root, filename)
|
|
13688
|
+
});
|
|
13689
|
+
}
|
|
13690
|
+
|
|
13674
13691
|
const NAME = "vite-plugin-vue-devtools";
|
|
13675
13692
|
function getVueDevtoolsPath() {
|
|
13676
13693
|
const pluginPath = vite.normalizePath(path$3__default.dirname(url.fileURLToPath((typeof document === 'undefined' ? require('u' + 'rl').pathToFileURL(__filename).href : (document.currentScript && document.currentScript.src || new URL('index.cjs', document.baseURI).href)))));
|
|
@@ -13695,6 +13712,8 @@ function VitePluginVueDevTools(options = { appendTo: "" }) {
|
|
|
13695
13712
|
getImageMeta,
|
|
13696
13713
|
getTextAssetContent,
|
|
13697
13714
|
getPackages: () => getPackages(config.root),
|
|
13715
|
+
getVueSFCList: () => getVueSFCList(config.root),
|
|
13716
|
+
getComponentInfo: (filename) => getComponentInfo(config.root, filename),
|
|
13698
13717
|
installPackage: (packages, options2 = {}) => installPackage(packages, {
|
|
13699
13718
|
...options2,
|
|
13700
13719
|
cwd: config.root,
|
package/dist/index.mjs
CHANGED
|
@@ -23,6 +23,7 @@ import require$$0$3$1 from 'assert';
|
|
|
23
23
|
import require$$0$5 from 'buffer';
|
|
24
24
|
import { debuglog } from 'node:util';
|
|
25
25
|
import require$$1 from 'tty';
|
|
26
|
+
import { parseComponent } from '@webfansplz/vuedoc-parser';
|
|
26
27
|
|
|
27
28
|
function createRPCServer(name, ws, functions) {
|
|
28
29
|
const event = `${name}:rpc`;
|
|
@@ -13645,6 +13646,22 @@ async function installPackage(packages, options = {}) {
|
|
|
13645
13646
|
});
|
|
13646
13647
|
}
|
|
13647
13648
|
|
|
13649
|
+
async function getVueSFCList(root) {
|
|
13650
|
+
const files = await fg([
|
|
13651
|
+
"**/*.vue"
|
|
13652
|
+
], {
|
|
13653
|
+
cwd: root,
|
|
13654
|
+
onlyFiles: true,
|
|
13655
|
+
ignore: ["**/node_modules/**", "**/dist/**"]
|
|
13656
|
+
});
|
|
13657
|
+
return files;
|
|
13658
|
+
}
|
|
13659
|
+
async function getComponentInfo(root, filename) {
|
|
13660
|
+
return await parseComponent({
|
|
13661
|
+
filename: path$3$1.resolve(root, filename)
|
|
13662
|
+
});
|
|
13663
|
+
}
|
|
13664
|
+
|
|
13648
13665
|
const NAME = "vite-plugin-vue-devtools";
|
|
13649
13666
|
function getVueDevtoolsPath() {
|
|
13650
13667
|
const pluginPath = normalizePath(path$3$1.dirname(fileURLToPath(import.meta.url)));
|
|
@@ -13669,6 +13686,8 @@ function VitePluginVueDevTools(options = { appendTo: "" }) {
|
|
|
13669
13686
|
getImageMeta,
|
|
13670
13687
|
getTextAssetContent,
|
|
13671
13688
|
getPackages: () => getPackages(config.root),
|
|
13689
|
+
getVueSFCList: () => getVueSFCList(config.root),
|
|
13690
|
+
getComponentInfo: (filename) => getComponentInfo(config.root, filename),
|
|
13672
13691
|
installPackage: (packages, options2 = {}) => installPackage(packages, {
|
|
13673
13692
|
...options2,
|
|
13674
13693
|
cwd: config.root,
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "vite-plugin-vue-devtools",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.3",
|
|
4
4
|
"packageManager": "pnpm@8.4.0",
|
|
5
5
|
"description": "A vite plugin for Vue Devtools",
|
|
6
6
|
"author": "webfansplz",
|
|
@@ -56,12 +56,15 @@
|
|
|
56
56
|
},
|
|
57
57
|
"dependencies": {
|
|
58
58
|
"@vueuse/core": "^10.1.2",
|
|
59
|
+
"@webfansplz/vuedoc-parser": "^0.0.2",
|
|
59
60
|
"algoliasearch": "^4.17.1",
|
|
60
61
|
"birpc": "^0.2.12",
|
|
61
62
|
"execa": "^7.1.1",
|
|
63
|
+
"json-editor-vue": "^0.10.6",
|
|
62
64
|
"nanoid": "^4.0.2",
|
|
63
65
|
"sirv": "^2.0.3",
|
|
64
66
|
"splitpanes": "^3.1.5",
|
|
67
|
+
"vanilla-jsoneditor": "^0.17.5",
|
|
65
68
|
"vite-hot-client": "^0.2.1",
|
|
66
69
|
"vite-plugin-inspect": "^0.7.28",
|
|
67
70
|
"vite-plugin-vue-inspector": "^3.4.2",
|
|
File without changes
|