vite-plugin-vue-devtools 1.0.0-rc.8 → 7.0.0

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 (96) 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-U-H6nGkn.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/css-hXHVOlj5.js +511 -0
  21. package/dist/client/devtools-panel.css +1 -0
  22. package/dist/client/devtools-panel.js +77722 -0
  23. package/dist/client/diff-nydZCsp5.js +7 -0
  24. package/dist/client/html-r4dic7N6.js +84 -0
  25. package/dist/client/index.html +13 -21
  26. package/dist/client/javascript-iu2g-HpL.js +705 -0
  27. package/dist/client/json-6ED1Ntns.js +31 -0
  28. package/dist/client/onig-NuJRzyUz.js +4 -0
  29. package/dist/client/shellscript-lFevXvOp.js +10 -0
  30. package/dist/client/typescript-SzFP_hYV.js +672 -0
  31. package/dist/client/unocss-runtime-c8-Zzj4C.js +1974 -0
  32. package/dist/client/vitesse-dark-Q3b2Vb5y.js +683 -0
  33. package/dist/client/vitesse-light-T_UJmsth.js +681 -0
  34. package/dist/client/vue-apis-j7ljdRbm.js +1127 -0
  35. package/dist/client/vue-html-IdJrwrVJ.js +16 -0
  36. package/dist/client/vue-vFbCUJfs.js +2118 -0
  37. package/dist/client/yaml-n_HyS7lr.js +206 -0
  38. package/dist/vite.cjs +116 -13794
  39. package/dist/vite.d.cts +6 -9
  40. package/dist/vite.d.mts +6 -9
  41. package/dist/vite.d.ts +6 -9
  42. package/dist/vite.mjs +113 -13774
  43. package/package.json +18 -19
  44. package/src/overlay/devtools-overlay.css +1 -0
  45. package/src/overlay/devtools-overlay.js +4 -0
  46. package/src/overlay.js +77 -0
  47. package/README.zh-CN.md +0 -186
  48. package/client.d.ts +0 -63
  49. package/dist/client/assets/DrawerRight.vue_vue_type_script_setup_true_lang-99688d1e.js +0 -81
  50. package/dist/client/assets/IconButton.vue_vue_type_script_setup_true_lang-48a6bea2.js +0 -26
  51. package/dist/client/assets/IconTitle.vue_vue_type_script_setup_true_lang-adb17252.js +0 -30
  52. package/dist/client/assets/IframeView.vue_vue_type_script_setup_true_lang-4ccdbf42.js +0 -96
  53. package/dist/client/assets/PanelGrids-664603ce.js +0 -15
  54. package/dist/client/assets/SectionBlock-0024395a.css +0 -18
  55. package/dist/client/assets/SectionBlock-04b7ab1e.js +0 -109
  56. package/dist/client/assets/StateFields.vue_vue_type_script_setup_true_lang-48cf50ad.js +0 -381
  57. package/dist/client/assets/Switch.vue_vue_type_script_setup_true_lang-d74bf986.js +0 -87
  58. package/dist/client/assets/TextInput.vue_vue_type_script_setup_true_lang-65c09c69.js +0 -38
  59. package/dist/client/assets/__eyedropper-7bbec9b2.js +0 -149
  60. package/dist/client/assets/_commonjsHelpers-7e83dbf2.js +0 -34
  61. package/dist/client/assets/assets-641818bf.js +0 -1597
  62. package/dist/client/assets/component-docs-7bd37475.js +0 -195
  63. package/dist/client/assets/components-b0181ea4.js +0 -790
  64. package/dist/client/assets/data-8729d21a.js +0 -399
  65. package/dist/client/assets/dayjs.min-f03ccd82.js +0 -13
  66. package/dist/client/assets/documentations-7cba8670.js +0 -276
  67. package/dist/client/assets/fuse.esm-c317b696.js +0 -1782
  68. package/dist/client/assets/graph-edf83976.js +0 -52092
  69. package/dist/client/assets/index-77d53487.js +0 -18551
  70. package/dist/client/assets/index-b5475fe0.css +0 -482
  71. package/dist/client/assets/inspect-d17224a9.js +0 -20
  72. package/dist/client/assets/jse-theme-dark-333a4654.js +0 -1565
  73. package/dist/client/assets/jse-theme-dark-351d62d5.css +0 -114
  74. package/dist/client/assets/npm-076ecb7c.js +0 -550
  75. package/dist/client/assets/npm-832f3f2c.css +0 -209
  76. package/dist/client/assets/overview-d99e7f18.js +0 -303
  77. package/dist/client/assets/pages-fca7d8d3.js +0 -561
  78. package/dist/client/assets/pinia-3f5b6c57.js +0 -108
  79. package/dist/client/assets/pinia-7ed2c830.svg +0 -1
  80. package/dist/client/assets/rerender-trace-3afd48a1.css +0 -14
  81. package/dist/client/assets/rerender-trace-5fc6fb22.js +0 -436
  82. package/dist/client/assets/routes-9567a43f.js +0 -132
  83. package/dist/client/assets/settings-5a2e184c.js +0 -9652
  84. package/dist/client/assets/settings-7bce89ae.css +0 -11
  85. package/dist/client/assets/splitpanes.es-26cdc434.js +0 -343
  86. package/dist/client/assets/timeline-20d79e43.js +0 -1480
  87. package/dist/client/assets/timeline-b315b2e0.css +0 -1
  88. package/dist/client/assets/vue-5d4e674c.svg +0 -1
  89. package/dist/client/assets/vueuse-995374f6.svg +0 -1
  90. package/src/app.js +0 -4
  91. package/src/views/ComponentInspector.vue +0 -68
  92. package/src/views/FrameBox.vue +0 -231
  93. package/src/views/Main.vue +0 -435
  94. package/src/views/RerenderIndicator.vue +0 -37
  95. package/src/views/composables.ts +0 -630
  96. 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>