@vue/devtools-electron 7.7.7 → 8.0.1

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 (53) hide show
  1. package/client/{IconTitle.vue_vue_type_script_setup_true_lang-CzNAudTz.js → IconTitle.vue_vue_type_script_setup_true_lang-mFqaFlPj.js} +1 -1
  2. package/client/{SectionBlock-Dp0NIF_b.js → SectionBlock-CTWDyV2V.js} +17 -16
  3. package/client/assets-w_iWBiad.js +1052 -0
  4. package/client/{components-BgyXz8w_.js → components-DxlfxS9S.js} +3 -3
  5. package/client/css-CECN5uSL.js +6 -0
  6. package/client/custom-inspector-tab-view-DSjIE3Qj.js +50 -0
  7. package/client/{custom-tab-view-DnTFKhiI.js → custom-tab-view-Ch_WQMCJ.js} +3 -3
  8. package/client/devtools-panel.css +1 -1
  9. package/client/devtools-panel.js +1 -1
  10. package/client/diff-BxzP2J8R.js +6 -0
  11. package/client/graph-DoK7DiJk.js +49115 -0
  12. package/client/html-7XVNRwN7.js +10 -0
  13. package/client/{index-C7XPmmLS.js → index-CY7IKY7E.js} +33806 -34841
  14. package/client/javascript-Dp1Jmi5H.js +6 -0
  15. package/client/json-DxJze_jm.js +6 -0
  16. package/client/{overview-NOHiLwdq.js → overview-QHGAAzMs.js} +122 -112
  17. package/client/pages-D8bxz06O.js +360 -0
  18. package/client/pinia-BUqkHaK_.js +11 -0
  19. package/client/router-CANETAqj.js +12 -0
  20. package/client/{settings-DTrnopyF.js → settings-B7z3XkWa.js} +72 -70
  21. package/client/shellscript-InADTalH.js +6 -0
  22. package/client/{timeline-CVQgEdyi.js → timeline-DPBeIF7u.js} +54 -55
  23. package/client/typescript-mg6ATTE8.js +6 -0
  24. package/client/vue-BEZF_Tsk.js +33 -0
  25. package/client/vue-html-CBbEFYtW.js +10 -0
  26. package/client/yaml-DaO7k5B1.js +6 -0
  27. package/dist/app.js +1 -1
  28. package/dist/cli.d.cts +1 -1
  29. package/dist/cli.d.mts +1 -1
  30. package/dist/cli.d.ts +1 -1
  31. package/dist/devtools.js +855 -894
  32. package/dist/index.cjs +1 -1
  33. package/dist/index.js +1 -1
  34. package/dist/user-app.cjs +1 -1
  35. package/dist/user-app.iife.js +62 -107
  36. package/dist/user-app.js +1 -1
  37. package/package.json +11 -11
  38. package/client/assets-Cenvjhy6.js +0 -1081
  39. package/client/css-BnL1064W.js +0 -6
  40. package/client/custom-inspector-tab-view-dZSnsHNr.js +0 -53
  41. package/client/diff-DOdUfPSR.js +0 -6
  42. package/client/graph-CHZkohji.js +0 -49959
  43. package/client/html-Iy9EJBkL.js +0 -10
  44. package/client/javascript-CXHlxgtu.js +0 -6
  45. package/client/json-D4cXEhM0.js +0 -6
  46. package/client/pages-Bqu7i9_W.js +0 -377
  47. package/client/pinia-VeJqP-Jl.js +0 -11
  48. package/client/router-BW0WfY9R.js +0 -18
  49. package/client/shellscript-DmhSIIKI.js +0 -6
  50. package/client/typescript-DKfvlBCw.js +0 -6
  51. package/client/vue-ChaKAHzo.js +0 -33
  52. package/client/vue-html-Hg1VsDox.js +0 -10
  53. package/client/yaml-DcQhbMrL.js +0 -6
@@ -0,0 +1,360 @@
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
+ };
@@ -0,0 +1,11 @@
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
+ };
@@ -0,0 +1,12 @@
1
+ import { d as n, h as c, i as o, e as u, u as t, x as p, o as i } from "./index-CY7IKY7E.js";
2
+ /* empty css */
3
+ const f = /* @__PURE__ */ n({
4
+ __name: "router",
5
+ setup(d) {
6
+ const { registeredInspector: r } = c(), s = o(() => r.value?.find((e) => e.packageName === "vue-router")), a = o(() => s.value?.id);
7
+ return (e, m) => (i(), u(t(p), { id: t(a) }, null, 8, ["id"]));
8
+ }
9
+ });
10
+ export {
11
+ f as default
12
+ };