@vue/devtools-electron 8.0.1 → 8.0.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.
Files changed (29) hide show
  1. package/client/IconTitle.vue_vue_type_script_setup_true_lang-DLtdfn-T.js +25 -0
  2. package/client/{SectionBlock-CTWDyV2V.js → SectionBlock-cb4DPSS8.js} +33 -34
  3. package/client/assets-DrHz0toh.js +1049 -0
  4. package/client/{components-DxlfxS9S.js → components-D9oYqSOd.js} +3 -3
  5. package/client/{custom-inspector-tab-view-DSjIE3Qj.js → custom-inspector-tab-view-BXQti9hQ.js} +3 -3
  6. package/client/{custom-tab-view-Ch_WQMCJ.js → custom-tab-view-vRg-h0gX.js} +3 -3
  7. package/client/devtools-panel.css +1 -1
  8. package/client/devtools-panel.js +1 -1
  9. package/client/{graph-DoK7DiJk.js → graph-DAdoYvsj.js} +20609 -19449
  10. package/client/{index-CY7IKY7E.js → index-e6Cke-ty.js} +13419 -13554
  11. package/client/{overview-QHGAAzMs.js → overview-DoRkU2w7.js} +67 -80
  12. package/client/pages-D6NTK9Y9.js +359 -0
  13. package/client/pinia-CcHBChl0.js +11 -0
  14. package/client/{router-CANETAqj.js → router-CPCI84Qu.js} +1 -1
  15. package/client/{settings-B7z3XkWa.js → settings-DEG_TfAU.js} +48 -53
  16. package/client/{timeline-DPBeIF7u.js → timeline-nZEynGnP.js} +38 -38
  17. package/dist/cli.cjs +4 -4
  18. package/dist/cli.mjs +4 -4
  19. package/dist/devtools.js +411 -445
  20. package/dist/index.cjs +1 -1
  21. package/dist/index.js +1 -1
  22. package/dist/user-app.cjs +1 -1
  23. package/dist/user-app.iife.js +62 -65
  24. package/dist/user-app.js +1 -1
  25. package/package.json +7 -9
  26. package/client/IconTitle.vue_vue_type_script_setup_true_lang-mFqaFlPj.js +0 -25
  27. package/client/assets-w_iWBiad.js +0 -1052
  28. package/client/pages-D8bxz06O.js +0 -360
  29. package/client/pinia-BUqkHaK_.js +0 -11
@@ -1,360 +0,0 @@
1
- import { d as M, c as l, o as a, b as n, q as v, u as e, a6 as U, p as k, i as b, a7 as B, e as w, t as E, w as y, F as $, s as N, n as V, E as F, a as _, a8 as O, M as j, H as T, a9 as A, aa as z, Y as J, ab as I, f as K, Z as Y, ac as q, a0 as H, g as D, $ as P, ad as L, y as W, ae as X, af as S } from "./index-CY7IKY7E.js";
2
- import { _ as Z } from "./SectionBlock-CTWDyV2V.js";
3
- const G = { "p-2": "" }, Q = { class: "flex items-center justify-between" }, ee = /* @__PURE__ */ M({
4
- __name: "RouteMetaDetail",
5
- props: {
6
- meta: {}
7
- },
8
- emits: ["close"],
9
- setup(R) {
10
- return (r, i) => (a(), l("div", G, [
11
- n("div", Q, [
12
- i[1] || (i[1] = n("span", { class: "font-500" }, "Route meta detail", -1)),
13
- n("div", {
14
- class: "i-carbon-close cursor-pointer p1 $ui-text",
15
- onClick: i[0] || (i[0] = (h) => r.$emit("close"))
16
- })
17
- ]),
18
- v(e(U), {
19
- code: JSON.stringify(r.meta, null, 2),
20
- lang: "json",
21
- lines: ""
22
- }, null, 8, ["code"])
23
- ]));
24
- }
25
- }), te = {
26
- block: "",
27
- "cursor-pointer": ""
28
- }, ne = { p2: "" }, oe = ["onSubmit"], ae = {
29
- flex: "~",
30
- "items-center": "",
31
- p2: "",
32
- "text-sm": "",
33
- "font-mono": ""
34
- }, se = { key: 1 }, le = /* @__PURE__ */ M({
35
- __name: "RoutePathItem",
36
- props: {
37
- route: {}
38
- },
39
- emits: ["navigate"],
40
- setup(R, { emit: r }) {
41
- const i = R, h = r;
42
- function m(t) {
43
- return t.split(/(:\w+[?*+]?(?:\([^)]*\))?[?*+]?)/).filter(Boolean);
44
- }
45
- const d = k([]), c = b(() => m(i.route.path));
46
- B(() => {
47
- d.value = Array.from({ length: c.value.length }, () => "");
48
- });
49
- const u = b(() => c.value.map((t, o) => t[0] === ":" ? d.value[o] : t).join("").replace(/\/+/g, "/")), s = b(() => i.route.path.includes(":"));
50
- function p() {
51
- h("navigate", u.value);
52
- }
53
- return (t, o) => e(s) ? (a(), w(e(A), { key: 1 }, {
54
- popper: y(({ hide: f }) => [
55
- n("div", ne, [
56
- n("form", {
57
- flex: "~ col",
58
- onSubmit: F(() => {
59
- p(), f();
60
- }, ["prevent"])
61
- }, [
62
- e(s) ? (a(), l($, { key: 0 }, [
63
- o[0] || (o[0] = n("div", {
64
- px2: "",
65
- "text-sm": "",
66
- op50: ""
67
- }, " Fill params and navigate: ", -1)),
68
- n("div", ae, [
69
- (a(!0), l($, null, N(e(c), (g, C) => (a(), l($, { key: C }, [
70
- g[0] === ":" ? (a(), w(e(O), {
71
- key: 0,
72
- modelValue: e(d)[C],
73
- "onUpdate:modelValue": (x) => e(d)[C] = x,
74
- "n-sm": "",
75
- "w-20": "",
76
- placeholder: g.slice(1)
77
- }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (a(), l("span", se, E(g), 1))
78
- ], 64))), 128))
79
- ])
80
- ], 64)) : _("", !0),
81
- v(e(j), {
82
- block: "",
83
- type: "primary"
84
- }, {
85
- default: y(() => o[1] || (o[1] = [
86
- T(" Navigate ", -1)
87
- ])),
88
- _: 1,
89
- __: [1]
90
- })
91
- ], 40, oe)
92
- ])
93
- ]),
94
- default: y(() => [
95
- n("code", te, [
96
- (a(!0), l($, null, N(e(c), (f, g) => (a(), l("span", {
97
- key: g,
98
- class: V(f[0] === ":" ? "text-gray border border-dashed rounded border-gray:50 px1" : "")
99
- }, E(f[0] === ":" ? f.slice(1) : f), 3))), 128))
100
- ])
101
- ]),
102
- _: 1
103
- })) : (a(), l("button", {
104
- key: 0,
105
- onClick: p
106
- }, [
107
- n("code", null, E(t.route.path), 1)
108
- ]));
109
- }
110
- }), re = { "w-full": "" }, ie = {
111
- border: "b base",
112
- "px-3": ""
113
- }, ue = {
114
- key: 0,
115
- "text-left": ""
116
- }, de = {
117
- "w-20": "",
118
- "pr-1": ""
119
- }, ce = {
120
- flex: "",
121
- "items-center": "",
122
- "justify-end": ""
123
- }, pe = { "text-sm": "" }, me = {
124
- flex: "inline gap3",
125
- "items-center": ""
126
- }, fe = {
127
- op0: "",
128
- "group-hover:op100": "",
129
- flex: "~ gap1"
130
- }, ve = ["onClick"], _e = {
131
- "w-0": "",
132
- "ws-nowrap": "",
133
- "pr-1": "",
134
- "text-left": "",
135
- "text-sm": "",
136
- "font-mono": "",
137
- op50: ""
138
- }, he = {
139
- key: 0,
140
- "w-50": "",
141
- "ws-nowrap": "",
142
- "pr-1": "",
143
- "text-left": "",
144
- "text-sm": "",
145
- "font-mono": "",
146
- op50: "",
147
- hover: "text-primary op100"
148
- }, ge = ["title", "onClick"], ye = /* @__PURE__ */ M({
149
- __name: "RoutesTable",
150
- props: {
151
- pages: {},
152
- matched: {},
153
- matchedPending: {}
154
- },
155
- emits: ["navigate", "selectMeta"],
156
- setup(R) {
157
- const r = R, i = b(() => [...r.pages].sort((u, s) => u.path.localeCompare(s.path))), h = b(() => z.value), m = J();
158
- function d(u, s = 0) {
159
- const p = JSON.stringify(u, null, s);
160
- return p === "{}" ? "-" : p;
161
- }
162
- const c = b(() => i.value.some((u) => Object.keys(u.meta)?.length));
163
- return (u, s) => {
164
- const p = le;
165
- return a(), l("div", null, [
166
- n("table", re, [
167
- n("thead", ie, [
168
- n("tr", null, [
169
- s[1] || (s[1] = n("th", { "text-left": "" }, null, -1)),
170
- s[2] || (s[2] = n("th", { "text-left": "" }, " Route Path ", -1)),
171
- s[3] || (s[3] = n("th", { "text-left": "" }, " Name ", -1)),
172
- e(c) ? (a(), l("th", ue, " Route Meta ")) : _("", !0)
173
- ])
174
- ]),
175
- n("tbody", null, [
176
- (a(!0), l($, null, N(e(i), (t) => (a(), l("tr", {
177
- key: t.name,
178
- class: "group",
179
- "h-7": "",
180
- border: "b dashed transparent hover:base"
181
- }, [
182
- n("td", de, [
183
- n("div", ce, [
184
- u.matched.find((o) => o.name === t.name) ? (a(), w(e(I), {
185
- key: 0,
186
- "bg-green-400:10": "",
187
- "text-green-400": "",
188
- title: "active",
189
- textContent: "active"
190
- })) : u.matchedPending.find((o) => o.name === t.name) ? (a(), w(e(I), {
191
- key: 1,
192
- "bg-teal-400:10": "",
193
- "text-teal-400": "",
194
- title: "next",
195
- textContent: "next"
196
- })) : _("", !0)
197
- ])
198
- ]),
199
- n("td", pe, [
200
- n("div", me, [
201
- v(p, {
202
- route: t,
203
- class: V(u.matched.find((o) => o.name === t.name) ? "text-primary-400" : u.matchedPending.find((o) => o.name === t.name) ? "text-teal" : ""),
204
- onNavigate: s[0] || (s[0] = (o) => u.$emit("navigate", o))
205
- }, null, 8, ["route", "class"]),
206
- n("div", fe, [
207
- t.meta?.file && e(m).vitePluginDetected.value && e(h) ? (a(), l("button", {
208
- key: 0,
209
- "text-sm": "",
210
- op40: "",
211
- hover: "op100 text-primary-400",
212
- title: "Open in editor",
213
- onClick: (o) => e(K)(t.meta?.file)
214
- }, s[4] || (s[4] = [
215
- n("div", { "i-carbon-script-reference": "" }, null, -1)
216
- ]), 8, ve)) : _("", !0)
217
- ])
218
- ])
219
- ]),
220
- n("td", _e, E(t.name), 1),
221
- e(c) ? (a(), l("td", he, [
222
- n("span", {
223
- "inline-block": "",
224
- "w-50": "",
225
- "cursor-pointer": "",
226
- "overflow-hidden": "",
227
- "text-ellipsis": "",
228
- title: d(t.meta, 2),
229
- onClick: () => u.$emit("selectMeta", t.meta)
230
- }, E(d(t.meta)), 9, ge)
231
- ])) : _("", !0)
232
- ]))), 128))
233
- ])
234
- ])
235
- ]);
236
- };
237
- }
238
- }), be = {
239
- block: "",
240
- "h-screen": "",
241
- "of-auto": ""
242
- }, xe = {
243
- "h-full": "",
244
- class: "grid grid-rows-[auto_1fr]"
245
- }, ke = {
246
- border: "b base",
247
- flex: "~ col gap1",
248
- px4: "",
249
- py3: ""
250
- }, $e = {
251
- key: 1,
252
- op50: ""
253
- }, we = {
254
- key: 0,
255
- "text-orange": "",
256
- op75: ""
257
- }, Re = {
258
- key: 1,
259
- op50: ""
260
- }, Ee = /* @__PURE__ */ M({
261
- __name: "pages",
262
- setup(R) {
263
- const r = k(""), i = k(null), h = k([]), m = b(() => r.value === i.value?.path ? [] : h.value), d = k([]), c = k();
264
- function u(t) {
265
- d.value = t.routes, i.value = t.currentRoute, r.value = i.value?.path ?? "/";
266
- }
267
- function s() {
268
- m.value.length && p(r.value);
269
- }
270
- function p(t) {
271
- D.value.navigate(t);
272
- }
273
- return Y(() => {
274
- D.value.getRouterInfo().then((t) => {
275
- u(t);
276
- }), D.functions.on(P.ROUTER_INFO_UPDATED, u);
277
- }), q(r, () => {
278
- r.value !== i.value?.path && D.value.getMatchedRoutes(r.value).then((t) => {
279
- h.value = t;
280
- });
281
- }), H(() => {
282
- D.functions.off(P.ROUTER_INFO_UPDATED, u);
283
- }), (t, o) => {
284
- const f = ye, g = Z, C = ee;
285
- return a(), l("div", be, [
286
- n("div", xe, [
287
- n("div", ke, [
288
- n("div", null, [
289
- (a(), l("span", $e, "Current route"))
290
- ]),
291
- v(e(O), {
292
- modelValue: e(r),
293
- "onUpdate:modelValue": o[0] || (o[0] = (x) => W(r) ? r.value = x : null),
294
- "left-icon": "i-carbon-direction-right-01 scale-y--100",
295
- class: V(e(i)?.path === e(r) ? "" : e(m).length ? "text-green!" : "text-orange!"),
296
- onKeydown: L(s, ["enter"])
297
- }, null, 8, ["modelValue", "class"]),
298
- n("div", null, [
299
- e(i)?.path !== e(r) ? (a(), l($, { key: 0 }, [
300
- o[6] || (o[6] = n("span", null, [
301
- T("Press "),
302
- n("b", { "font-bold": "" }, "Enter"),
303
- T(" to navigate")
304
- ], -1)),
305
- e(m).length ? _("", !0) : (a(), l("span", we, " (no match)"))
306
- ], 64)) : (a(), l("span", Re, "Edit path above to navigate"))
307
- ])
308
- ]),
309
- v(e(X), { class: "of-hidden" }, {
310
- default: y(() => [
311
- v(e(S), {
312
- size: "70",
313
- class: "of-auto!"
314
- }, {
315
- default: y(() => [
316
- v(g, {
317
- icon: "i-carbon-tree-view-alt",
318
- text: "All Routes",
319
- description: `${e(d).length} routes registered in your application`,
320
- padding: !1
321
- }, {
322
- default: y(() => [
323
- e(d).length ? (a(), w(f, {
324
- key: 0,
325
- pages: e(d),
326
- matched: e(i)?.matched ?? [],
327
- "matched-pending": e(m),
328
- onNavigate: p,
329
- onSelectMeta: o[1] || (o[1] = (x) => c.value = x)
330
- }, null, 8, ["pages", "matched", "matched-pending"])) : _("", !0)
331
- ]),
332
- _: 1
333
- }, 8, ["description"])
334
- ]),
335
- _: 1
336
- }),
337
- e(c) ? (a(), w(e(S), {
338
- key: 0,
339
- size: "30",
340
- class: "of-auto!"
341
- }, {
342
- default: y(() => [
343
- v(C, {
344
- meta: e(c),
345
- onClose: o[2] || (o[2] = (x) => c.value = void 0)
346
- }, null, 8, ["meta"])
347
- ]),
348
- _: 1
349
- })) : _("", !0)
350
- ]),
351
- _: 1
352
- })
353
- ])
354
- ]);
355
- };
356
- }
357
- });
358
- export {
359
- Ee as default
360
- };
@@ -1,11 +0,0 @@
1
- import { d as e, e as a, u as o, _ as n, o as r } from "./index-CY7IKY7E.js";
2
- /* empty css */
3
- const i = /* @__PURE__ */ e({
4
- __name: "pinia",
5
- setup(t) {
6
- return (s, _) => (r(), a(o(n)));
7
- }
8
- });
9
- export {
10
- i as default
11
- };