vite-plugin-vue-devtools 1.0.0-rc.8 → 7.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 (79) hide show
  1. package/README.md +8 -172
  2. package/dist/client/assets/css-a-KJtBLB.js +505 -0
  3. package/dist/client/assets/diff--l9-nN5b.js +1 -0
  4. package/dist/client/assets/html-5-AIf93y.js +74 -0
  5. package/dist/client/assets/index-NNrCE7Vx.css +1 -0
  6. package/dist/client/assets/index-oq63TS6O.js +1080 -0
  7. package/dist/client/assets/javascript-Of8SnKfU.js +699 -0
  8. package/dist/client/assets/json-t1qiHl76.js +25 -0
  9. package/dist/client/assets/onig-mBJmD8D5.js +1 -0
  10. package/dist/client/assets/shellscript-h1L64xId.js +4 -0
  11. package/dist/client/assets/typescript-b1Nw_bQe.js +666 -0
  12. package/dist/client/assets/unocss-runtime-kftsoZPE.js +2 -0
  13. package/dist/client/assets/vitesse-dark-5VceXvs6.js +1 -0
  14. package/dist/client/assets/vitesse-light-HOMMxGxw.js +1 -0
  15. package/dist/client/assets/vue-apis-Nh9IahXf.js +1 -0
  16. package/dist/client/assets/vue-html-eJ6eRCYJ.js +1 -0
  17. package/dist/client/assets/vue-nOwTje1i.js +2002 -0
  18. package/dist/client/assets/yaml-FtfhlYqU.js +200 -0
  19. package/dist/client/color-scheme.js +6 -0
  20. package/dist/client/index.html +13 -21
  21. package/dist/vite.cjs +116 -13794
  22. package/dist/vite.d.cts +6 -9
  23. package/dist/vite.d.mts +6 -9
  24. package/dist/vite.d.ts +6 -9
  25. package/dist/vite.mjs +113 -13774
  26. package/package.json +18 -19
  27. package/src/overlay/devtools-overlay.css +1 -0
  28. package/src/overlay/devtools-overlay.js +4 -0
  29. package/src/overlay.js +77 -0
  30. package/README.zh-CN.md +0 -186
  31. package/client.d.ts +0 -63
  32. package/dist/client/assets/DrawerRight.vue_vue_type_script_setup_true_lang-99688d1e.js +0 -81
  33. package/dist/client/assets/IconButton.vue_vue_type_script_setup_true_lang-48a6bea2.js +0 -26
  34. package/dist/client/assets/IconTitle.vue_vue_type_script_setup_true_lang-adb17252.js +0 -30
  35. package/dist/client/assets/IframeView.vue_vue_type_script_setup_true_lang-4ccdbf42.js +0 -96
  36. package/dist/client/assets/PanelGrids-664603ce.js +0 -15
  37. package/dist/client/assets/SectionBlock-0024395a.css +0 -18
  38. package/dist/client/assets/SectionBlock-04b7ab1e.js +0 -109
  39. package/dist/client/assets/StateFields.vue_vue_type_script_setup_true_lang-48cf50ad.js +0 -381
  40. package/dist/client/assets/Switch.vue_vue_type_script_setup_true_lang-d74bf986.js +0 -87
  41. package/dist/client/assets/TextInput.vue_vue_type_script_setup_true_lang-65c09c69.js +0 -38
  42. package/dist/client/assets/__eyedropper-7bbec9b2.js +0 -149
  43. package/dist/client/assets/_commonjsHelpers-7e83dbf2.js +0 -34
  44. package/dist/client/assets/assets-641818bf.js +0 -1597
  45. package/dist/client/assets/component-docs-7bd37475.js +0 -195
  46. package/dist/client/assets/components-b0181ea4.js +0 -790
  47. package/dist/client/assets/data-8729d21a.js +0 -399
  48. package/dist/client/assets/dayjs.min-f03ccd82.js +0 -13
  49. package/dist/client/assets/documentations-7cba8670.js +0 -276
  50. package/dist/client/assets/fuse.esm-c317b696.js +0 -1782
  51. package/dist/client/assets/graph-edf83976.js +0 -52092
  52. package/dist/client/assets/index-77d53487.js +0 -18551
  53. package/dist/client/assets/index-b5475fe0.css +0 -482
  54. package/dist/client/assets/inspect-d17224a9.js +0 -20
  55. package/dist/client/assets/jse-theme-dark-333a4654.js +0 -1565
  56. package/dist/client/assets/jse-theme-dark-351d62d5.css +0 -114
  57. package/dist/client/assets/npm-076ecb7c.js +0 -550
  58. package/dist/client/assets/npm-832f3f2c.css +0 -209
  59. package/dist/client/assets/overview-d99e7f18.js +0 -303
  60. package/dist/client/assets/pages-fca7d8d3.js +0 -561
  61. package/dist/client/assets/pinia-3f5b6c57.js +0 -108
  62. package/dist/client/assets/pinia-7ed2c830.svg +0 -1
  63. package/dist/client/assets/rerender-trace-3afd48a1.css +0 -14
  64. package/dist/client/assets/rerender-trace-5fc6fb22.js +0 -436
  65. package/dist/client/assets/routes-9567a43f.js +0 -132
  66. package/dist/client/assets/settings-5a2e184c.js +0 -9652
  67. package/dist/client/assets/settings-7bce89ae.css +0 -11
  68. package/dist/client/assets/splitpanes.es-26cdc434.js +0 -343
  69. package/dist/client/assets/timeline-20d79e43.js +0 -1480
  70. package/dist/client/assets/timeline-b315b2e0.css +0 -1
  71. package/dist/client/assets/vue-5d4e674c.svg +0 -1
  72. package/dist/client/assets/vueuse-995374f6.svg +0 -1
  73. package/src/app.js +0 -4
  74. package/src/views/ComponentInspector.vue +0 -68
  75. package/src/views/FrameBox.vue +0 -231
  76. package/src/views/Main.vue +0 -435
  77. package/src/views/RerenderIndicator.vue +0 -37
  78. package/src/views/composables.ts +0 -630
  79. package/src/views/utils.ts +0 -241
@@ -1,561 +0,0 @@
1
- import { _ as __unplugin_components_3 } from './SectionBlock-04b7ab1e.js';
2
- import { _ as _sfc_main$7 } from './DrawerRight.vue_vue_type_script_setup_true_lang-99688d1e.js';
3
- import { U as Uu } from './jse-theme-dark-333a4654.js';
4
- import { v as defineComponent, cc as useColorMode, a1 as computed, o as openBlock, e as createElementBlock, u as createVNode, z as unref, aC as isRef, q as normalizeClass, a$ as ref, r as resolveComponent, x as createBaseVNode, y as toDisplayString, c as createBlock, h as withCtx, bG as withModifiers, F as Fragment, i as renderList, g as createCommentVNode, a9 as createTextVNode, bM as _sfc_main$6, bL as useVModel, f as renderSlot, P as Transition, cd as tryGetAllMetaKeys, ce as useStorage, by as watch, cf as onClickOutside, d as withDirectives, bq as vModelCheckbox, c4 as __unplugin_components_1, aP as onMounted, cg as currentRoute, b$ as router, bE as withKeys, ch as routes } from './index-77d53487.js';
5
- import { _ as _sfc_main$5 } from './TextInput.vue_vue_type_script_setup_true_lang-65c09c69.js';
6
- import './IconTitle.vue_vue_type_script_setup_true_lang-adb17252.js';
7
- import './IconButton.vue_vue_type_script_setup_true_lang-48a6bea2.js';
8
-
9
- const _hoisted_1$3 = {
10
- "h-full": "",
11
- "select-none": "",
12
- "overflow-scroll": "",
13
- "p-2": "",
14
- class: "no-scrollbar"
15
- };
16
- const _sfc_main$4 = /* @__PURE__ */ defineComponent({
17
- __name: "RouteMetaDetail",
18
- props: {
19
- meta: {}
20
- },
21
- setup(__props) {
22
- const props = __props;
23
- const colorMode = useColorMode();
24
- const meta = computed(() => props.meta);
25
- return (_ctx, _cache) => {
26
- return openBlock(), createElementBlock("div", _hoisted_1$3, [
27
- createVNode(unref(Uu), {
28
- modelValue: unref(meta),
29
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(meta) ? meta.value = $event : null),
30
- "h-full": "",
31
- class: normalizeClass(["json-editor-vue", [
32
- unref(colorMode) === "dark" ? "jse-theme-dark" : ""
33
- ]]),
34
- "main-menu-bar": false,
35
- "navigation-bar": false,
36
- "status-bar": false,
37
- "read-only": true,
38
- indentation: 2,
39
- "tab-size": 2
40
- }, null, 8, ["modelValue", "class"])
41
- ]);
42
- };
43
- }
44
- });
45
-
46
- /* Injected with object hook! */
47
-
48
- const _hoisted_1$2 = {
49
- block: "",
50
- "cursor-pointer": ""
51
- };
52
- const _hoisted_2$2 = { p2: "" };
53
- const _hoisted_3$2 = ["onSubmit"];
54
- const _hoisted_4$2 = /* @__PURE__ */ createBaseVNode("div", {
55
- px2: "",
56
- "text-sm": "",
57
- op50: ""
58
- }, " Fill params and navigate: ", -1);
59
- const _hoisted_5$2 = {
60
- flex: "~",
61
- "items-center": "",
62
- p2: "",
63
- "text-sm": "",
64
- "font-mono": ""
65
- };
66
- const _hoisted_6$2 = { key: 1 };
67
- const _sfc_main$3 = /* @__PURE__ */ defineComponent({
68
- __name: "RoutePathItem",
69
- props: {
70
- route: {}
71
- },
72
- emits: ["navigate"],
73
- setup(__props, { emit }) {
74
- const props = __props;
75
- function parseExpressRoute(route) {
76
- return route.split(/(:\w+[\?\*]?)/).filter(Boolean);
77
- }
78
- const partsInput = ref([]);
79
- const parts = computed(() => {
80
- const _ = parseExpressRoute(props.route.path);
81
- partsInput.value = Array.from({ length: _.length }, () => "");
82
- return _;
83
- });
84
- const path = computed(() => parts.value.map((i, idx) => i[0] === ":" ? partsInput.value[idx] : i).join("").replace(/\/+/g, "/"));
85
- const hasWildcard = computed(() => props.route.path.includes(":"));
86
- function navigate() {
87
- emit("navigate", path.value);
88
- }
89
- return (_ctx, _cache) => {
90
- const _component_VDTextInput = _sfc_main$5;
91
- const _component_VDButton = _sfc_main$6;
92
- const _component_VDropdown = resolveComponent("VDropdown");
93
- return !unref(hasWildcard) ? (openBlock(), createElementBlock("button", {
94
- key: 0,
95
- onClick: navigate
96
- }, [
97
- createBaseVNode("code", null, toDisplayString(_ctx.route.path), 1)
98
- ])) : (openBlock(), createBlock(_component_VDropdown, { key: 1 }, {
99
- popper: withCtx(({ hide }) => [
100
- createBaseVNode("div", _hoisted_2$2, [
101
- createBaseVNode("form", {
102
- flex: "~ col",
103
- onSubmit: withModifiers(() => {
104
- navigate();
105
- hide();
106
- }, ["prevent"])
107
- }, [
108
- unref(hasWildcard) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
109
- _hoisted_4$2,
110
- createBaseVNode("div", _hoisted_5$2, [
111
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(parts), (part, idx) => {
112
- return openBlock(), createElementBlock(Fragment, { key: idx }, [
113
- part[0] === ":" ? (openBlock(), createBlock(_component_VDTextInput, {
114
- key: 0,
115
- modelValue: unref(partsInput)[idx],
116
- "onUpdate:modelValue": ($event) => unref(partsInput)[idx] = $event,
117
- "w-20": "",
118
- "n-sm": "",
119
- placeholder: part.slice(1)
120
- }, null, 8, ["modelValue", "onUpdate:modelValue", "placeholder"])) : (openBlock(), createElementBlock("span", _hoisted_6$2, toDisplayString(part), 1))
121
- ], 64);
122
- }), 128))
123
- ])
124
- ], 64)) : createCommentVNode("", true),
125
- createVNode(_component_VDButton, {
126
- block: "",
127
- n: "primary"
128
- }, {
129
- default: withCtx(() => [
130
- createTextVNode(" Navigate ")
131
- ]),
132
- _: 1
133
- })
134
- ], 40, _hoisted_3$2)
135
- ])
136
- ]),
137
- default: withCtx(() => [
138
- createBaseVNode("code", _hoisted_1$2, [
139
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(parts), (part, idx) => {
140
- return openBlock(), createElementBlock("span", {
141
- key: idx,
142
- class: normalizeClass(part[0] === ":" ? "text-gray border border-dashed rounded border-gray:50 px1" : "")
143
- }, toDisplayString(part[0] === ":" ? part.slice(1) : part), 3);
144
- }), 128))
145
- ])
146
- ]),
147
- _: 1
148
- }));
149
- };
150
- }
151
- });
152
-
153
- /* Injected with object hook! */
154
-
155
- const _sfc_main$2 = /* @__PURE__ */ defineComponent({
156
- __name: "Dropdown",
157
- props: {
158
- show: { type: Boolean },
159
- items: {},
160
- position: { default: "left" }
161
- },
162
- emits: ["update:show"],
163
- setup(__props, { emit }) {
164
- const props = __props;
165
- const show = useVModel(props, "show", emit, { passive: true });
166
- return (_ctx, _cache) => {
167
- return openBlock(), createBlock(Transition, {
168
- name: "dropdown",
169
- "enter-active-class": "transition-all",
170
- "leave-active-class": "transition-all",
171
- "enter-from-class": "opacity-0 scale-95",
172
- "leave-to-class": "opacity-0 scale-95"
173
- }, {
174
- default: withCtx(() => [
175
- unref(show) ? (openBlock(), createElementBlock("div", {
176
- key: 0,
177
- absolute: "",
178
- "z-100": "",
179
- "min-w-100px": "",
180
- rounded: "",
181
- "p-2": "",
182
- "shadow-lg": "",
183
- "bg-base": "",
184
- class: normalizeClass([_ctx.position === "left" ? "left-0" : "right-0"])
185
- }, [
186
- (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
187
- return openBlock(), createElementBlock("div", {
188
- key: `${item}`
189
- }, [
190
- renderSlot(_ctx.$slots, "item", { item })
191
- ]);
192
- }), 128))
193
- ], 2)) : createCommentVNode("", true)
194
- ]),
195
- _: 3
196
- });
197
- };
198
- }
199
- });
200
-
201
- /* Injected with object hook! */
202
-
203
- const _hoisted_1$1 = { "w-full": "" };
204
- const _hoisted_2$1 = {
205
- border: "b base",
206
- "text-left": "",
207
- "leading-8": ""
208
- };
209
- const _hoisted_3$1 = ["rowspan"];
210
- const _hoisted_4$1 = ["colspan"];
211
- const _hoisted_5$1 = {
212
- flex: "",
213
- "items-center": "",
214
- "justify-between": ""
215
- };
216
- const _hoisted_6$1 = /* @__PURE__ */ createBaseVNode("span", null, "Route Meta", -1);
217
- const _hoisted_7$1 = /* @__PURE__ */ createBaseVNode("i", { "mingcute:filter-fill": "" }, null, -1);
218
- const _hoisted_8$1 = [
219
- _hoisted_7$1
220
- ];
221
- const _hoisted_9$1 = {
222
- flex: "",
223
- "items-center": "",
224
- gap2: "",
225
- truncate: "",
226
- p5px: "",
227
- "font-normal": "",
228
- "leading-none": ""
229
- };
230
- const _hoisted_10 = ["value"];
231
- const _hoisted_11 = { b: "t-1px gray/20" };
232
- const _hoisted_12 = {
233
- "w-20": "",
234
- "pr-1": ""
235
- };
236
- const _hoisted_13 = {
237
- flex: "",
238
- "items-center": "",
239
- "justify-end": ""
240
- };
241
- const _hoisted_14 = {
242
- flex: "inline gap3",
243
- "items-center": ""
244
- };
245
- const _hoisted_15 = {
246
- "w-30": "",
247
- "ws-nowrap": "",
248
- "pr-1": "",
249
- op50: ""
250
- };
251
- const _hoisted_16 = {
252
- key: 1,
253
- "w-50": "",
254
- "ws-nowrap": "",
255
- "pr-1": "",
256
- op50: "",
257
- hover: "text-primary op100"
258
- };
259
- const _hoisted_17 = ["title", "onClick"];
260
- const _sfc_main$1 = /* @__PURE__ */ defineComponent({
261
- __name: "RoutesTable",
262
- props: {
263
- pages: {},
264
- matched: {},
265
- matchedPending: {}
266
- },
267
- emits: ["navigate", "selectMeta"],
268
- setup(__props) {
269
- const props = __props;
270
- const sorted = computed(() => {
271
- return [...props.pages].sort((a, b) => a.path.localeCompare(b.path));
272
- });
273
- function metaToString(meta, num = 0) {
274
- const metaStr = JSON.stringify(meta, null, num);
275
- return metaStr === "{}" ? "-" : metaStr;
276
- }
277
- const allMetaKeys = computed(() => tryGetAllMetaKeys(props.pages));
278
- const activeMetaKeys = useStorage(
279
- "__vue-devtools-route-active-meta-keys__",
280
- [],
281
- localStorage
282
- );
283
- watch(allMetaKeys, (v) => {
284
- activeMetaKeys.value = activeMetaKeys.value.filter((key) => v.includes(key));
285
- });
286
- const dynamicTableColumns = computed(() => activeMetaKeys.value.map((key) => ({
287
- head: `meta.${key}`,
288
- key
289
- })));
290
- const tableHeadMeta = computed(() => {
291
- return {
292
- normal: activeMetaKeys.value ? 2 : 1,
293
- dynamic: activeMetaKeys.value.length
294
- };
295
- });
296
- const normalHead = ["", "Route Path", "Name"];
297
- const showDynamicSelector = ref(false);
298
- const dynamicSelectorEl = ref();
299
- onClickOutside(dynamicSelectorEl, () => {
300
- showDynamicSelector.value = false;
301
- });
302
- return (_ctx, _cache) => {
303
- const _component_VDDropdown = _sfc_main$2;
304
- const _component_VDBadge = __unplugin_components_1;
305
- const _component_RoutePathItem = _sfc_main$3;
306
- return openBlock(), createElementBlock("div", null, [
307
- createBaseVNode("table", _hoisted_1$1, [
308
- createBaseVNode("thead", _hoisted_2$1, [
309
- createBaseVNode("tr", null, [
310
- (openBlock(), createElementBlock(Fragment, null, renderList(normalHead, (head) => {
311
- return createBaseVNode("th", {
312
- key: head,
313
- rowspan: unref(tableHeadMeta).normal
314
- }, toDisplayString(head), 9, _hoisted_3$1);
315
- }), 64)),
316
- unref(allMetaKeys).length ? (openBlock(), createElementBlock("th", {
317
- key: 0,
318
- colspan: unref(tableHeadMeta).dynamic
319
- }, [
320
- createBaseVNode("div", _hoisted_5$1, [
321
- _hoisted_6$1,
322
- createBaseVNode("div", {
323
- ref_key: "dynamicSelectorEl",
324
- ref: dynamicSelectorEl,
325
- relative: ""
326
- }, [
327
- createBaseVNode("button", {
328
- text: "xs gray-400",
329
- relative: "",
330
- onClick: _cache[0] || (_cache[0] = () => showDynamicSelector.value = !unref(showDynamicSelector))
331
- }, _hoisted_8$1),
332
- createVNode(_component_VDDropdown, {
333
- show: unref(showDynamicSelector),
334
- "onUpdate:show": _cache[2] || (_cache[2] = ($event) => isRef(showDynamicSelector) ? showDynamicSelector.value = $event : null),
335
- "top-40px": "",
336
- "w-200px": "",
337
- items: unref(allMetaKeys),
338
- position: "right"
339
- }, {
340
- item: withCtx(({ item }) => [
341
- createBaseVNode("div", _hoisted_9$1, [
342
- withDirectives(createBaseVNode("input", {
343
- "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(activeMetaKeys) ? activeMetaKeys.value = $event : null),
344
- "cursor-pointer": "",
345
- type: "checkbox",
346
- value: item
347
- }, null, 8, _hoisted_10), [
348
- [vModelCheckbox, unref(activeMetaKeys)]
349
- ]),
350
- createBaseVNode("span", null, toDisplayString(item), 1)
351
- ])
352
- ]),
353
- _: 1
354
- }, 8, ["show", "items"])
355
- ], 512)
356
- ])
357
- ], 8, _hoisted_4$1)) : createCommentVNode("", true)
358
- ]),
359
- createBaseVNode("tr", _hoisted_11, [
360
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(dynamicTableColumns), ({ head, key }) => {
361
- return openBlock(), createElementBlock("th", { key }, toDisplayString(head), 1);
362
- }), 128))
363
- ])
364
- ]),
365
- createBaseVNode("tbody", null, [
366
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(sorted), (item) => {
367
- return openBlock(), createElementBlock("tr", {
368
- key: item.name,
369
- class: "group",
370
- "h-7": "",
371
- border: "b dashed transparent hover:base",
372
- "text-left": "",
373
- "text-sm": "",
374
- "font-mono": ""
375
- }, [
376
- createBaseVNode("td", _hoisted_12, [
377
- createBaseVNode("div", _hoisted_13, [
378
- _ctx.matched.find((m) => m.path === item.path) ? (openBlock(), createBlock(_component_VDBadge, {
379
- key: 0,
380
- "bg-green-400:10": "",
381
- "text-green-400": "",
382
- title: "active",
383
- textContent: "active"
384
- })) : createCommentVNode("", true),
385
- _ctx.matchedPending.find((m) => m.path === item.path) ? (openBlock(), createBlock(_component_VDBadge, {
386
- key: 1,
387
- "bg-teal-400:10": "",
388
- "text-teal-400": "",
389
- title: "next",
390
- textContent: "next"
391
- })) : createCommentVNode("", true)
392
- ])
393
- ]),
394
- createBaseVNode("td", null, [
395
- createBaseVNode("div", _hoisted_14, [
396
- createVNode(_component_RoutePathItem, {
397
- route: item,
398
- class: normalizeClass(_ctx.matched.find((m) => m.path === item.path) ? "text-primary" : _ctx.matchedPending.find((m) => m.name === item.name) ? "text-teal" : ""),
399
- hover: "text-primary",
400
- onNavigate: _cache[3] || (_cache[3] = (path) => _ctx.$emit("navigate", path))
401
- }, null, 8, ["route", "class"])
402
- ])
403
- ]),
404
- createBaseVNode("td", _hoisted_15, toDisplayString(item.name ?? "-"), 1),
405
- unref(dynamicTableColumns).length ? (openBlock(true), createElementBlock(Fragment, { key: 0 }, renderList(unref(dynamicTableColumns), ({ key }) => {
406
- return openBlock(), createElementBlock("td", {
407
- key,
408
- truncate: "",
409
- "ws-nowrap": "",
410
- op50: ""
411
- }, toDisplayString(item.meta[key]?.toString() ?? "-"), 1);
412
- }), 128)) : (openBlock(), createElementBlock("td", _hoisted_16, [
413
- createBaseVNode("span", {
414
- "inline-block": "",
415
- "w-50": "",
416
- "cursor-pointer": "",
417
- "overflow-hidden": "",
418
- "text-ellipsis": "",
419
- title: metaToString(item.meta, 2),
420
- onClick: () => _ctx.$emit("selectMeta", item.meta)
421
- }, toDisplayString(metaToString(item.meta)), 9, _hoisted_17)
422
- ]))
423
- ]);
424
- }), 128))
425
- ])
426
- ])
427
- ]);
428
- };
429
- }
430
- });
431
-
432
- /* Injected with object hook! */
433
-
434
- const _hoisted_1 = {
435
- "h-full": "",
436
- "of-auto": "",
437
- "n-panel-grids": ""
438
- };
439
- const _hoisted_2 = {
440
- border: "b base",
441
- flex: "~ col gap1",
442
- px4: "",
443
- py3: "",
444
- "navbar-glass": ""
445
- };
446
- const _hoisted_3 = /* @__PURE__ */ createBaseVNode("span", { op50: "" }, "Navigate from ", -1);
447
- const _hoisted_4 = { "font-mono": "" };
448
- const _hoisted_5 = /* @__PURE__ */ createBaseVNode("span", { op50: "" }, " to ", -1);
449
- const _hoisted_6 = {
450
- key: 1,
451
- op50: ""
452
- };
453
- const _hoisted_7 = /* @__PURE__ */ createBaseVNode("span", null, [
454
- /* @__PURE__ */ createTextVNode("Press "),
455
- /* @__PURE__ */ createBaseVNode("b", { "font-bold": "" }, "Enter"),
456
- /* @__PURE__ */ createTextVNode(" to navigate")
457
- ], -1);
458
- const _hoisted_8 = {
459
- key: 0,
460
- "text-orange": "",
461
- op75: ""
462
- };
463
- const _hoisted_9 = {
464
- key: 1,
465
- op50: ""
466
- };
467
- const _sfc_main = /* @__PURE__ */ defineComponent({
468
- __name: "pages",
469
- setup(__props) {
470
- const routeInput = ref("");
471
- onMounted(() => {
472
- routeInput.value = currentRoute.value?.path ?? "/";
473
- });
474
- const routeInputMatched = computed(() => {
475
- if (routeInput.value === currentRoute.value?.path)
476
- return [];
477
- return router.value?.resolve({
478
- path: routeInput.value || "/"
479
- }).matched ?? [];
480
- });
481
- function navigate() {
482
- if (routeInput.value === currentRoute.value?.path)
483
- return;
484
- router.value?.push(routeInput.value || "/");
485
- }
486
- function navigateToRoute(path) {
487
- router.value?.push(path);
488
- routeInput.value = path;
489
- }
490
- const selectedMeta = ref();
491
- return (_ctx, _cache) => {
492
- const _component_VDTextInput = _sfc_main$5;
493
- const _component_RoutesTable = _sfc_main$1;
494
- const _component_RouteMetaDetail = _sfc_main$4;
495
- const _component_DrawerRight = _sfc_main$7;
496
- const _component_VDSectionBlock = __unplugin_components_3;
497
- return openBlock(), createElementBlock("div", _hoisted_1, [
498
- createBaseVNode("div", _hoisted_2, [
499
- createBaseVNode("div", null, [
500
- unref(currentRoute)?.path !== unref(routeInput) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
501
- _hoisted_3,
502
- createBaseVNode("span", _hoisted_4, toDisplayString(unref(currentRoute)?.path), 1),
503
- _hoisted_5
504
- ], 64)) : (openBlock(), createElementBlock("span", _hoisted_6, "Current route"))
505
- ]),
506
- createVNode(_component_VDTextInput, {
507
- modelValue: unref(routeInput),
508
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(routeInput) ? routeInput.value = $event : null),
509
- "font-mono": "",
510
- icon: "carbon-direction-right-01 scale-y--100",
511
- class: normalizeClass(unref(currentRoute)?.path === unref(routeInput) ? "" : unref(routeInputMatched).length ? "text-green" : "text-orange"),
512
- onKeydown: withKeys(navigate, ["enter"])
513
- }, null, 8, ["modelValue", "class", "onKeydown"]),
514
- createBaseVNode("div", null, [
515
- unref(currentRoute)?.path !== unref(routeInput) ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
516
- _hoisted_7,
517
- !unref(routeInputMatched).length ? (openBlock(), createElementBlock("span", _hoisted_8, " (no match)")) : createCommentVNode("", true)
518
- ], 64)) : (openBlock(), createElementBlock("span", _hoisted_9, "Edit path above to navigate"))
519
- ])
520
- ]),
521
- createVNode(_component_VDSectionBlock, {
522
- icon: "carbon-tree-view-alt",
523
- text: "All Routes",
524
- description: `${unref(routes).length} routes registered in your application`,
525
- padding: "pr5"
526
- }, {
527
- default: withCtx(() => [
528
- createVNode(_component_RoutesTable, {
529
- pages: unref(routes),
530
- matched: unref(currentRoute)?.matched ?? [],
531
- "matched-pending": unref(routeInputMatched),
532
- onNavigate: navigateToRoute,
533
- onSelectMeta: _cache[1] || (_cache[1] = (meta) => selectedMeta.value = meta)
534
- }, null, 8, ["pages", "matched", "matched-pending"]),
535
- createVNode(_component_DrawerRight, {
536
- "model-value": !!unref(selectedMeta),
537
- "auto-close": "",
538
- "w-120": "",
539
- onClose: _cache[2] || (_cache[2] = ($event) => selectedMeta.value = void 0)
540
- }, {
541
- default: withCtx(() => [
542
- !!unref(selectedMeta) ? (openBlock(), createBlock(_component_RouteMetaDetail, {
543
- key: 0,
544
- meta: unref(selectedMeta)
545
- }, null, 8, ["meta"])) : createCommentVNode("", true)
546
- ]),
547
- _: 1
548
- }, 8, ["model-value"])
549
- ]),
550
- _: 1
551
- }, 8, ["description"])
552
- ]);
553
- };
554
- }
555
- });
556
-
557
- /* Injected with object hook! */
558
-
559
- /* Injected with object hook! */
560
-
561
- export { _sfc_main as default };
@@ -1,108 +0,0 @@
1
- import { _ as _sfc_main$1 } from './StateFields.vue_vue_type_script_setup_true_lang-48cf50ad.js';
2
- import { g, M } from './splitpanes.es-26cdc434.js';
3
- import { v as defineComponent, a$ as ref, a1 as computed, c8 as piniaStoresCategory, c9 as pick, bd as toRaw, ca as piniaState, cb 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-77d53487.js';
4
- import './IconButton.vue_vue_type_script_setup_true_lang-48a6bea2.js';
5
-
6
- const _hoisted_1 = {
7
- "h-screen": "",
8
- "of-auto": "",
9
- "n-panel-grids": ""
10
- };
11
- const _hoisted_2 = {
12
- "h-screen": "",
13
- "select-none": "",
14
- "overflow-scroll": "",
15
- "p-2": "",
16
- class: "no-scrollbar"
17
- };
18
- const _hoisted_3 = ["onClick"];
19
- const _hoisted_4 = { "vue-block-title": "" };
20
- const _hoisted_5 = {
21
- "h-screen": "",
22
- "select-none": "",
23
- "overflow-scroll": "",
24
- "p-2": "",
25
- class: "no-scrollbar"
26
- };
27
- const _sfc_main = /* @__PURE__ */ defineComponent({
28
- __name: "pinia",
29
- setup(__props) {
30
- const activeIndex = ref(0);
31
- const pickStoreId = computed(() => {
32
- return activeIndex.value === 0 ? "" : piniaStoresCategory.value[activeIndex.value];
33
- });
34
- function select(index) {
35
- activeIndex.value = index;
36
- }
37
- const data = computed(() => {
38
- const state = pickStoreId.value ? pick(toRaw(piniaState.value), [pickStoreId.value]) : piniaState.value;
39
- const getters = pickStoreId.value ? pick(toRaw(piniaGetters.value), [pickStoreId.value]) : piniaGetters.value;
40
- const hasState = Object.values(unref(state)).some((item) => item !== void 0);
41
- const hasGetters = Object.values(unref(getters)).some((item) => item !== void 0);
42
- return [
43
- hasState && {
44
- key: "state",
45
- value: unref(state)
46
- },
47
- hasGetters && {
48
- key: "getters",
49
- value: unref(getters)
50
- }
51
- ].filter(Boolean);
52
- });
53
- return (_ctx, _cache) => {
54
- const _component_StateFields = _sfc_main$1;
55
- return openBlock(), createElementBlock("div", _hoisted_1, [
56
- createVNode(unref(M), null, {
57
- default: withCtx(() => [
58
- createVNode(unref(g), {
59
- border: "r base",
60
- size: 40
61
- }, {
62
- default: withCtx(() => [
63
- createBaseVNode("div", _hoisted_2, [
64
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(piniaStoresCategory), (item, index) => {
65
- return openBlock(), createElementBlock("div", {
66
- key: index,
67
- "vue-block": "",
68
- class: normalizeClass([unref(activeIndex) === index ? "vue-block-active" : "vue-block-hover"]),
69
- onClick: ($event) => select(index)
70
- }, [
71
- createBaseVNode("h3", _hoisted_4, [
72
- createBaseVNode("span", {
73
- class: normalizeClass([unref(activeIndex) === index && "text-white"])
74
- }, toDisplayString(item), 3)
75
- ])
76
- ], 10, _hoisted_3);
77
- }), 128))
78
- ])
79
- ]),
80
- _: 1
81
- }),
82
- createVNode(unref(g), { size: 60 }, {
83
- default: withCtx(() => [
84
- createBaseVNode("div", _hoisted_5, [
85
- (openBlock(true), createElementBlock(Fragment, null, renderList(unref(data), (item, index) => {
86
- return openBlock(), createBlock(_component_StateFields, {
87
- id: index,
88
- key: index,
89
- data: item
90
- }, null, 8, ["id", "data"]);
91
- }), 128))
92
- ])
93
- ]),
94
- _: 1
95
- })
96
- ]),
97
- _: 1
98
- })
99
- ]);
100
- };
101
- }
102
- });
103
-
104
- /* Injected with object hook! */
105
-
106
- /* Injected with object hook! */
107
-
108
- export { _sfc_main as default };
@@ -1 +0,0 @@
1
- <svg height="477" viewBox="0 0 319 477" width="319" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"><linearGradient id="a"><stop offset="0" stop-color="#52ce63"/><stop offset="1" stop-color="#51a256"/></linearGradient><linearGradient id="b" x1="55.342075%" x2="42.816933%" xlink:href="#a" y1="0%" y2="42.862855%"/><linearGradient id="c" x1="55.348642%" x2="42.808103%" xlink:href="#a" y1="0%" y2="42.862855%"/><linearGradient id="d" x1="50%" x2="50%" y1="0%" y2="58.811243%"><stop offset="0" stop-color="#8ae99c"/><stop offset="1" stop-color="#52ce63"/></linearGradient><linearGradient id="e" x1="51.37763%" x2="44.584719%" y1="17.472551%" y2="100%"><stop offset="0" stop-color="#ffe56c"/><stop offset="1" stop-color="#ffc63a"/></linearGradient><g fill="none" fill-rule="evenodd" transform="translate(-34 -24)"><g transform="matrix(.99254615 .12186934 -.12186934 .99254615 33.922073 .976691)"><path d="m103.950535 258.274149c44.361599-4.360825 60.014503-40.391282 65.353094-94.699444s-30.93219-103.451001-46.020347-101.9678079c-15.088156 1.4831932-63.0385313 58.9051239-68.3771222 113.2132869-5.3385908 54.308162 4.6827754 87.814791 49.0443752 83.453965z" fill="url(#b)" transform="matrix(.70710678 -.70710678 .70710678 .70710678 -80.496332 125.892944)"/><path d="m275.876752 258.273992c44.3616 4.360826 53.167133-29.265322 47.828542-83.573485-5.338591-54.308162-52.073133-111.6105744-67.16129-113.0937675-15.088156-1.4831931-52.57477 47.5401275-47.236179 101.8482895s22.207328 90.458137 66.568927 94.818963z" fill="url(#c)" transform="matrix(.70710678 .70710678 -.70710678 .70710678 191.403399 -141.861963)"/><path d="m188.370027 216.876305c39.941834 0 50.95265-38.251987 50.95265-97.89874 0-59.6467532-37.367733-118.10125956-50.95265-118.10125956s-52.04735 58.45450636-52.04735 118.10125956c0 59.646753 12.105516 97.89874 52.04735 97.89874z" fill="url(#d)"/></g><path d="m184.473473 501c83.118854 0 150.526527-24.145148 150.526527-133.645148s-67.407673-199.354852-150.526527-199.354852c-83.118855 0-150.473473 89.854852-150.473473 199.354852s67.354618 133.645148 150.473473 133.645148z" fill="url(#e)"/><ellipse cx="260.5" cy="335" fill="#eaadcc" rx="21.5" ry="10"/><ellipse cx="102.5" cy="329" fill="#eaadcc" rx="21.5" ry="10" transform="matrix(.99254615 .12186934 -.12186934 .99254615 40.859033 -10.039292)"/><g transform="matrix(-.99939083 .0348995 .0348995 .99939083 269.284825 271.027667)"><path d="m73.1046985 58.2728794c6.7372416 4.9130333 14.3132632 6.6640587 22.7280649 5.2530761 8.4148016-1.4109825 14.5054466-5.2535769 18.2719346-11.527783" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="6" transform="matrix(.9998477 .01745241 -.01745241 .9998477 1.026464 -1.624794)"/><path d="m154.501124 3c-5.937545 0-11.312782 2.40629805-15.203644 6.29680621-3.89094 3.89058529-6.29748 9.26545449-6.29748 15.20263179 0 5.9376888 2.406488 11.3127422 6.297291 15.2034272 3.890886 3.8907673 9.266197 6.2971348 15.203833 6.2971348 5.937109 0 11.311896-2.4063889 15.202387-6.2972348 3.890299-3.8906535 6.296489-9.2656636 6.296489-15.2033272 0-5.9371521-2.406242-11.3119781-6.296677-15.20253181-3.890469-3.89058674-9.265181-6.29690619-15.202199-6.29690619z" fill="#000" /><path d="m154 21c0-3.865549 3.135362-7 6.999413-7 3.866399 0 7.000587 3.134451 7.000587 7s-3.134188 7-7.000587 7c-3.864051-.0011735-6.999413-3.134451-6.999413-7z" fill="#fff"/><path d="m24.5 13c-5.9375292 0-11.312426 2.406268-15.20299427 6.2967181-3.89069464 3.8905765-6.29700573 9.2654765-6.29700573 15.2027199 0 5.9377549 2.40625962 11.3128391 6.29681766 15.2035153 3.89059104 3.8907092 9.26556184 6.2970467 15.20318234 6.2970467 5.9371249 0 11.3122514-2.406419 15.2030371-6.2973229 3.8905441-3.8906623 6.2969629-9.2656416 6.2969629-15.2032391 0-5.937086-2.4064703-11.3118811-6.297151-15.2024437-3.890763-3.8906448-9.2658154-6.2969943-15.202849-6.2969943z" fill="#000" /><g fill="#fff"><path d="m136 24.499438c0 10.2185232 8.282911 18.500562 18.501124 18.500562 10.217089 0 18.498876-8.2820388 18.498876-18.500562 0-10.2173992-8.281787-18.499438-18.498876-18.499438-10.218213 0-18.501124 8.2820388-18.501124 18.499438zm-6 0c0-13.5311954 10.96929-24.499438 24.501124-24.499438 13.530838 0 24.498876 10.9683711 24.498876 24.499438 0 13.5319607-10.967808 24.500562-24.498876 24.500562-13.532064 0-24.501124-10.9684728-24.501124-24.500562z" fill-rule="nonzero" stroke="#fff" stroke-width="3"/><path d="m6 34.499438c0 10.2185232 8.2817873 18.500562 18.5 18.500562 10.2170889 0 18.5-8.2820388 18.5-18.500562 0-10.2173992-8.2829111-18.499438-18.5-18.499438-10.2182127 0-18.5 8.2820388-18.5 18.499438zm-6 0c0-13.531297 10.9682681-24.499438 24.5-24.499438 13.5309398 0 24.5 10.9684728 24.5 24.499438 0 13.5318591-10.96883 24.500562-24.5 24.500562-13.531962 0-24.5-10.9683711-24.5-24.500562z" fill-rule="nonzero" stroke="#fff" stroke-width="3"/><path d="m24 31c0-3.865549 3.134451-7 7-7s7 3.134451 7 7-3.134451 7-7 7-7-3.134451-7-7z"/></g></g><g stroke-linecap="round" stroke-width="11"><g stroke="#ecb732"><path d="m70.5 377.5 74 77"/><path d="m134.5 386.5-47 50"/></g><g stroke="#ecb732" transform="matrix(-1 0 0 1 298 377)"><path d="m.5.5 74 77"/><path d="m64.5 9.5-47 50"/></g><g stroke="#ffc73b" transform="matrix(0 1 -1 0 215 207)"><path d="m.5.5 49 49"/><path d="m.5 10.5 49 49" transform="matrix(-1 0 0 1 50 0)"/></g></g></g></svg>