@alepha/devtools 0.10.2 → 0.10.4
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.ts +22 -21
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1389 -53
- package/dist/index.js.map +1 -1
- package/package.json +12 -12
- package/src/DevCollectorProvider.ts +42 -15
- package/src/constants/ui.ts +1317 -0
- package/src/schemas/DevActionMetadata.ts +9 -9
- package/src/schemas/DevBucketMetadata.ts +4 -4
- package/src/schemas/DevCacheMetadata.ts +2 -2
- package/src/schemas/DevLogEntry.ts +1 -1
- package/src/schemas/DevMetadata.ts +0 -2
- package/src/schemas/DevModuleMetadata.ts +2 -2
- package/src/schemas/DevPageMetadata.ts +3 -3
- package/src/schemas/DevProviderMetadata.ts +4 -4
- package/src/schemas/DevQueueMetadata.ts +3 -3
- package/src/schemas/DevRealmMetadata.ts +2 -2
- package/src/schemas/DevSchedulerMetadata.ts +3 -3
- package/src/schemas/DevTopicMetadata.ts +3 -3
package/dist/index.js
CHANGED
|
@@ -8,16 +8,1335 @@ import { $realm } from "@alepha/security";
|
|
|
8
8
|
import { $action, $route } from "@alepha/server";
|
|
9
9
|
import { $topic } from "@alepha/topic";
|
|
10
10
|
|
|
11
|
+
//#region src/constants/ui.ts
|
|
12
|
+
const ui = `<!DOCTYPE html>
|
|
13
|
+
<html lang="en">
|
|
14
|
+
<head>
|
|
15
|
+
<meta charset="UTF-8" />
|
|
16
|
+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
|
17
|
+
<title>Alepha DevTools</title>
|
|
18
|
+
<style>
|
|
19
|
+
:root {
|
|
20
|
+
--primary: #3b82f6;
|
|
21
|
+
--primary-dark: #2563eb;
|
|
22
|
+
--success: #10b981;
|
|
23
|
+
--warning: #f59e0b;
|
|
24
|
+
--danger: #ef4444;
|
|
25
|
+
--bg-primary: #0f172a;
|
|
26
|
+
--bg-secondary: #1e293b;
|
|
27
|
+
--bg-tertiary: #334155;
|
|
28
|
+
--text-primary: #f8fafc;
|
|
29
|
+
--text-secondary: #cbd5e1;
|
|
30
|
+
--text-muted: #94a3b8;
|
|
31
|
+
--border: #334155;
|
|
32
|
+
--code-bg: #1e293b;
|
|
33
|
+
--shadow: rgba(0, 0, 0, 0.3);
|
|
34
|
+
}
|
|
35
|
+
|
|
36
|
+
* {
|
|
37
|
+
box-sizing: border-box;
|
|
38
|
+
margin: 0;
|
|
39
|
+
padding: 0;
|
|
40
|
+
}
|
|
41
|
+
|
|
42
|
+
body {
|
|
43
|
+
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
|
|
44
|
+
background: linear-gradient(135deg, var(--bg-primary) 0%, #0c1222 100%);
|
|
45
|
+
color: var(--text-primary);
|
|
46
|
+
min-height: 100vh;
|
|
47
|
+
}
|
|
48
|
+
|
|
49
|
+
/* Header */
|
|
50
|
+
.header {
|
|
51
|
+
background: var(--bg-secondary);
|
|
52
|
+
border-bottom: 1px solid var(--border);
|
|
53
|
+
padding: 1.5rem 2rem;
|
|
54
|
+
position: sticky;
|
|
55
|
+
top: 0;
|
|
56
|
+
z-index: 1000;
|
|
57
|
+
box-shadow: 0 4px 6px var(--shadow);
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
.header-content {
|
|
61
|
+
max-width: 1600px;
|
|
62
|
+
margin: 0 auto;
|
|
63
|
+
display: flex;
|
|
64
|
+
justify-content: space-between;
|
|
65
|
+
align-items: center;
|
|
66
|
+
}
|
|
67
|
+
|
|
68
|
+
.logo {
|
|
69
|
+
font-size: 1.5rem;
|
|
70
|
+
font-weight: 700;
|
|
71
|
+
background: linear-gradient(135deg, var(--primary), #8b5cf6);
|
|
72
|
+
-webkit-background-clip: text;
|
|
73
|
+
-webkit-text-fill-color: transparent;
|
|
74
|
+
background-clip: text;
|
|
75
|
+
}
|
|
76
|
+
|
|
77
|
+
.header-stats {
|
|
78
|
+
display: flex;
|
|
79
|
+
gap: 2rem;
|
|
80
|
+
}
|
|
81
|
+
|
|
82
|
+
.stat {
|
|
83
|
+
text-align: center;
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
.stat-value {
|
|
87
|
+
font-size: 1.5rem;
|
|
88
|
+
font-weight: 700;
|
|
89
|
+
color: var(--primary);
|
|
90
|
+
}
|
|
91
|
+
|
|
92
|
+
.stat-label {
|
|
93
|
+
font-size: 0.75rem;
|
|
94
|
+
color: var(--text-muted);
|
|
95
|
+
text-transform: uppercase;
|
|
96
|
+
letter-spacing: 0.05em;
|
|
97
|
+
}
|
|
98
|
+
|
|
99
|
+
/* Navigation */
|
|
100
|
+
.nav {
|
|
101
|
+
background: var(--bg-secondary);
|
|
102
|
+
border-bottom: 1px solid var(--border);
|
|
103
|
+
position: sticky;
|
|
104
|
+
top: 73px;
|
|
105
|
+
z-index: 999;
|
|
106
|
+
}
|
|
107
|
+
|
|
108
|
+
.nav-container {
|
|
109
|
+
max-width: 1600px;
|
|
110
|
+
margin: 0 auto;
|
|
111
|
+
padding: 0 2rem;
|
|
112
|
+
display: flex;
|
|
113
|
+
gap: 0.5rem;
|
|
114
|
+
overflow-x: auto;
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
.nav-tab {
|
|
118
|
+
padding: 1rem 1.5rem;
|
|
119
|
+
background: transparent;
|
|
120
|
+
border: none;
|
|
121
|
+
color: var(--text-secondary);
|
|
122
|
+
cursor: pointer;
|
|
123
|
+
font-size: 0.875rem;
|
|
124
|
+
font-weight: 600;
|
|
125
|
+
border-bottom: 2px solid transparent;
|
|
126
|
+
transition: all 0.2s;
|
|
127
|
+
white-space: nowrap;
|
|
128
|
+
}
|
|
129
|
+
|
|
130
|
+
.nav-tab:hover {
|
|
131
|
+
color: var(--text-primary);
|
|
132
|
+
background: rgba(255, 255, 255, 0.05);
|
|
133
|
+
}
|
|
134
|
+
|
|
135
|
+
.nav-tab.active {
|
|
136
|
+
color: var(--primary);
|
|
137
|
+
border-bottom-color: var(--primary);
|
|
138
|
+
}
|
|
139
|
+
|
|
140
|
+
/* Main Container */
|
|
141
|
+
.container {
|
|
142
|
+
max-width: 1600px;
|
|
143
|
+
margin: 0 auto;
|
|
144
|
+
padding: 2rem;
|
|
145
|
+
}
|
|
146
|
+
|
|
147
|
+
.tab-content {
|
|
148
|
+
display: none;
|
|
149
|
+
}
|
|
150
|
+
|
|
151
|
+
.tab-content.active {
|
|
152
|
+
display: block;
|
|
153
|
+
animation: fadeIn 0.3s;
|
|
154
|
+
}
|
|
155
|
+
|
|
156
|
+
@keyframes fadeIn {
|
|
157
|
+
from { opacity: 0; transform: translateY(10px); }
|
|
158
|
+
to { opacity: 1; transform: translateY(0); }
|
|
159
|
+
}
|
|
160
|
+
|
|
161
|
+
/* Search and Filters */
|
|
162
|
+
.controls {
|
|
163
|
+
background: var(--bg-secondary);
|
|
164
|
+
border: 1px solid var(--border);
|
|
165
|
+
border-radius: 8px;
|
|
166
|
+
padding: 1.5rem;
|
|
167
|
+
margin-bottom: 1.5rem;
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
.search-box {
|
|
171
|
+
display: flex;
|
|
172
|
+
gap: 1rem;
|
|
173
|
+
margin-bottom: 1rem;
|
|
174
|
+
}
|
|
175
|
+
|
|
176
|
+
.search-input {
|
|
177
|
+
flex: 1;
|
|
178
|
+
padding: 0.75rem 1rem;
|
|
179
|
+
background: var(--bg-tertiary);
|
|
180
|
+
border: 1px solid var(--border);
|
|
181
|
+
border-radius: 6px;
|
|
182
|
+
color: var(--text-primary);
|
|
183
|
+
font-size: 0.875rem;
|
|
184
|
+
}
|
|
185
|
+
|
|
186
|
+
.search-input:focus {
|
|
187
|
+
outline: none;
|
|
188
|
+
border-color: var(--primary);
|
|
189
|
+
box-shadow: 0 0 0 3px rgba(59, 130, 246, 0.1);
|
|
190
|
+
}
|
|
191
|
+
|
|
192
|
+
.filter-buttons {
|
|
193
|
+
display: flex;
|
|
194
|
+
gap: 0.5rem;
|
|
195
|
+
flex-wrap: wrap;
|
|
196
|
+
}
|
|
197
|
+
|
|
198
|
+
.filter-btn {
|
|
199
|
+
padding: 0.5rem 1rem;
|
|
200
|
+
background: var(--bg-tertiary);
|
|
201
|
+
border: 1px solid var(--border);
|
|
202
|
+
border-radius: 6px;
|
|
203
|
+
color: var(--text-secondary);
|
|
204
|
+
font-size: 0.75rem;
|
|
205
|
+
cursor: pointer;
|
|
206
|
+
transition: all 0.2s;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.filter-btn:hover {
|
|
210
|
+
background: var(--bg-primary);
|
|
211
|
+
border-color: var(--primary);
|
|
212
|
+
}
|
|
213
|
+
|
|
214
|
+
.filter-btn.active {
|
|
215
|
+
background: var(--primary);
|
|
216
|
+
color: white;
|
|
217
|
+
border-color: var(--primary);
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
/* Cards */
|
|
221
|
+
.card-grid {
|
|
222
|
+
display: grid;
|
|
223
|
+
grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
|
|
224
|
+
gap: 1.5rem;
|
|
225
|
+
margin-bottom: 2rem;
|
|
226
|
+
}
|
|
227
|
+
|
|
228
|
+
.card {
|
|
229
|
+
background: var(--bg-secondary);
|
|
230
|
+
border: 1px solid var(--border);
|
|
231
|
+
border-radius: 8px;
|
|
232
|
+
padding: 1.5rem;
|
|
233
|
+
transition: all 0.2s;
|
|
234
|
+
cursor: pointer;
|
|
235
|
+
}
|
|
236
|
+
|
|
237
|
+
.card:hover {
|
|
238
|
+
border-color: var(--primary);
|
|
239
|
+
box-shadow: 0 4px 12px var(--shadow);
|
|
240
|
+
transform: translateY(-2px);
|
|
241
|
+
}
|
|
242
|
+
|
|
243
|
+
.card-header {
|
|
244
|
+
display: flex;
|
|
245
|
+
justify-content: space-between;
|
|
246
|
+
align-items: start;
|
|
247
|
+
margin-bottom: 1rem;
|
|
248
|
+
}
|
|
249
|
+
|
|
250
|
+
.card-title {
|
|
251
|
+
font-size: 1.125rem;
|
|
252
|
+
font-weight: 600;
|
|
253
|
+
color: var(--text-primary);
|
|
254
|
+
word-break: break-word;
|
|
255
|
+
}
|
|
256
|
+
|
|
257
|
+
.badge {
|
|
258
|
+
padding: 0.25rem 0.75rem;
|
|
259
|
+
border-radius: 12px;
|
|
260
|
+
font-size: 0.75rem;
|
|
261
|
+
font-weight: 600;
|
|
262
|
+
text-transform: uppercase;
|
|
263
|
+
white-space: nowrap;
|
|
264
|
+
}
|
|
265
|
+
|
|
266
|
+
.badge-get { background: #10b981; color: white; }
|
|
267
|
+
.badge-post { background: #3b82f6; color: white; }
|
|
268
|
+
.badge-put { background: #f59e0b; color: white; }
|
|
269
|
+
.badge-delete { background: #ef4444; color: white; }
|
|
270
|
+
.badge-patch { background: #8b5cf6; color: white; }
|
|
271
|
+
.badge-secure { background: #dc2626; color: white; }
|
|
272
|
+
.badge-internal { background: #3b82f6; color: white; }
|
|
273
|
+
.badge-external { background: #8b5cf6; color: white; }
|
|
274
|
+
|
|
275
|
+
.card-description {
|
|
276
|
+
color: var(--text-secondary);
|
|
277
|
+
font-size: 0.875rem;
|
|
278
|
+
margin-bottom: 1rem;
|
|
279
|
+
line-height: 1.5;
|
|
280
|
+
}
|
|
281
|
+
|
|
282
|
+
.card-meta {
|
|
283
|
+
display: flex;
|
|
284
|
+
flex-wrap: wrap;
|
|
285
|
+
gap: 1rem;
|
|
286
|
+
font-size: 0.75rem;
|
|
287
|
+
color: var(--text-muted);
|
|
288
|
+
}
|
|
289
|
+
|
|
290
|
+
.card-meta-item {
|
|
291
|
+
display: flex;
|
|
292
|
+
align-items: center;
|
|
293
|
+
gap: 0.5rem;
|
|
294
|
+
}
|
|
295
|
+
|
|
296
|
+
.card-path {
|
|
297
|
+
background: var(--code-bg);
|
|
298
|
+
padding: 0.5rem;
|
|
299
|
+
border-radius: 4px;
|
|
300
|
+
font-family: 'Courier New', monospace;
|
|
301
|
+
font-size: 0.875rem;
|
|
302
|
+
word-break: break-all;
|
|
303
|
+
margin-top: 0.5rem;
|
|
304
|
+
}
|
|
305
|
+
|
|
306
|
+
/* Table */
|
|
307
|
+
.table-container {
|
|
308
|
+
background: var(--bg-secondary);
|
|
309
|
+
border: 1px solid var(--border);
|
|
310
|
+
border-radius: 8px;
|
|
311
|
+
overflow: hidden;
|
|
312
|
+
}
|
|
313
|
+
|
|
314
|
+
table {
|
|
315
|
+
width: 100%;
|
|
316
|
+
border-collapse: collapse;
|
|
317
|
+
}
|
|
318
|
+
|
|
319
|
+
thead {
|
|
320
|
+
background: var(--bg-tertiary);
|
|
321
|
+
}
|
|
322
|
+
|
|
323
|
+
th {
|
|
324
|
+
padding: 1rem;
|
|
325
|
+
text-align: left;
|
|
326
|
+
font-weight: 600;
|
|
327
|
+
font-size: 0.75rem;
|
|
328
|
+
color: var(--text-secondary);
|
|
329
|
+
text-transform: uppercase;
|
|
330
|
+
letter-spacing: 0.05em;
|
|
331
|
+
border-bottom: 1px solid var(--border);
|
|
332
|
+
}
|
|
333
|
+
|
|
334
|
+
td {
|
|
335
|
+
padding: 1rem;
|
|
336
|
+
border-bottom: 1px solid var(--border);
|
|
337
|
+
color: var(--text-primary);
|
|
338
|
+
}
|
|
339
|
+
|
|
340
|
+
tbody tr {
|
|
341
|
+
transition: background 0.2s;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
tbody tr:hover {
|
|
345
|
+
background: var(--bg-tertiary);
|
|
346
|
+
}
|
|
347
|
+
|
|
348
|
+
/* Code Block */
|
|
349
|
+
.code-block {
|
|
350
|
+
background: var(--code-bg);
|
|
351
|
+
border: 1px solid var(--border);
|
|
352
|
+
border-radius: 8px;
|
|
353
|
+
padding: 1rem;
|
|
354
|
+
overflow-x: auto;
|
|
355
|
+
font-family: 'Courier New', monospace;
|
|
356
|
+
font-size: 0.875rem;
|
|
357
|
+
line-height: 1.6;
|
|
358
|
+
}
|
|
359
|
+
|
|
360
|
+
/* Logs */
|
|
361
|
+
.log-container {
|
|
362
|
+
background: var(--code-bg);
|
|
363
|
+
border: 1px solid var(--border);
|
|
364
|
+
border-radius: 8px;
|
|
365
|
+
max-height: 600px;
|
|
366
|
+
overflow-y: auto;
|
|
367
|
+
}
|
|
368
|
+
|
|
369
|
+
.log-entry {
|
|
370
|
+
padding: 0.75rem 1rem;
|
|
371
|
+
border-bottom: 1px solid var(--border);
|
|
372
|
+
font-family: 'Courier New', monospace;
|
|
373
|
+
font-size: 0.875rem;
|
|
374
|
+
white-space: pre-wrap;
|
|
375
|
+
word-break: break-word;
|
|
376
|
+
}
|
|
377
|
+
|
|
378
|
+
.log-entry:last-child {
|
|
379
|
+
border-bottom: none;
|
|
380
|
+
}
|
|
381
|
+
|
|
382
|
+
.log-error { background: rgba(239, 68, 68, 0.1); color: #fca5a5; }
|
|
383
|
+
.log-warn { background: rgba(245, 158, 11, 0.1); color: #fcd34d; }
|
|
384
|
+
.log-info { background: rgba(59, 130, 246, 0.1); color: #93c5fd; }
|
|
385
|
+
.log-debug { background: rgba(156, 163, 175, 0.1); color: #d1d5db; }
|
|
386
|
+
|
|
387
|
+
/* Empty State */
|
|
388
|
+
.empty-state {
|
|
389
|
+
text-align: center;
|
|
390
|
+
padding: 4rem 2rem;
|
|
391
|
+
color: var(--text-muted);
|
|
392
|
+
}
|
|
393
|
+
|
|
394
|
+
.empty-icon {
|
|
395
|
+
font-size: 4rem;
|
|
396
|
+
margin-bottom: 1rem;
|
|
397
|
+
opacity: 0.3;
|
|
398
|
+
}
|
|
399
|
+
|
|
400
|
+
/* Detail View */
|
|
401
|
+
.detail-section {
|
|
402
|
+
background: var(--bg-secondary);
|
|
403
|
+
border: 1px solid var(--border);
|
|
404
|
+
border-radius: 8px;
|
|
405
|
+
padding: 1.5rem;
|
|
406
|
+
margin-bottom: 1.5rem;
|
|
407
|
+
}
|
|
408
|
+
|
|
409
|
+
.detail-title {
|
|
410
|
+
font-size: 0.875rem;
|
|
411
|
+
font-weight: 600;
|
|
412
|
+
color: var(--text-muted);
|
|
413
|
+
text-transform: uppercase;
|
|
414
|
+
letter-spacing: 0.05em;
|
|
415
|
+
margin-bottom: 1rem;
|
|
416
|
+
}
|
|
417
|
+
|
|
418
|
+
.property-list {
|
|
419
|
+
display: grid;
|
|
420
|
+
gap: 0.75rem;
|
|
421
|
+
}
|
|
422
|
+
|
|
423
|
+
.property {
|
|
424
|
+
display: grid;
|
|
425
|
+
grid-template-columns: 150px 1fr;
|
|
426
|
+
gap: 1rem;
|
|
427
|
+
}
|
|
428
|
+
|
|
429
|
+
.property-key {
|
|
430
|
+
color: var(--text-muted);
|
|
431
|
+
font-size: 0.875rem;
|
|
432
|
+
}
|
|
433
|
+
|
|
434
|
+
.property-value {
|
|
435
|
+
color: var(--text-primary);
|
|
436
|
+
font-size: 0.875rem;
|
|
437
|
+
word-break: break-word;
|
|
438
|
+
}
|
|
439
|
+
|
|
440
|
+
.property-value code {
|
|
441
|
+
background: var(--code-bg);
|
|
442
|
+
padding: 0.125rem 0.5rem;
|
|
443
|
+
border-radius: 4px;
|
|
444
|
+
font-family: 'Courier New', monospace;
|
|
445
|
+
}
|
|
446
|
+
|
|
447
|
+
/* Loading */
|
|
448
|
+
.loading {
|
|
449
|
+
display: flex;
|
|
450
|
+
justify-content: center;
|
|
451
|
+
align-items: center;
|
|
452
|
+
padding: 4rem;
|
|
453
|
+
}
|
|
454
|
+
|
|
455
|
+
.spinner {
|
|
456
|
+
width: 40px;
|
|
457
|
+
height: 40px;
|
|
458
|
+
border: 3px solid var(--border);
|
|
459
|
+
border-top-color: var(--primary);
|
|
460
|
+
border-radius: 50%;
|
|
461
|
+
animation: spin 0.8s linear infinite;
|
|
462
|
+
}
|
|
463
|
+
|
|
464
|
+
@keyframes spin {
|
|
465
|
+
to { transform: rotate(360deg); }
|
|
466
|
+
}
|
|
467
|
+
|
|
468
|
+
/* Utility */
|
|
469
|
+
.hidden {
|
|
470
|
+
display: none !important;
|
|
471
|
+
}
|
|
472
|
+
|
|
473
|
+
.text-muted {
|
|
474
|
+
color: var(--text-muted);
|
|
475
|
+
}
|
|
476
|
+
|
|
477
|
+
.text-code {
|
|
478
|
+
font-family: 'Courier New', monospace;
|
|
479
|
+
background: var(--code-bg);
|
|
480
|
+
padding: 0.125rem 0.5rem;
|
|
481
|
+
border-radius: 4px;
|
|
482
|
+
font-size: 0.875rem;
|
|
483
|
+
}
|
|
484
|
+
|
|
485
|
+
/* Scrollbar */
|
|
486
|
+
::-webkit-scrollbar {
|
|
487
|
+
width: 8px;
|
|
488
|
+
height: 8px;
|
|
489
|
+
}
|
|
490
|
+
|
|
491
|
+
::-webkit-scrollbar-track {
|
|
492
|
+
background: var(--bg-primary);
|
|
493
|
+
}
|
|
494
|
+
|
|
495
|
+
::-webkit-scrollbar-thumb {
|
|
496
|
+
background: var(--border);
|
|
497
|
+
border-radius: 4px;
|
|
498
|
+
}
|
|
499
|
+
|
|
500
|
+
::-webkit-scrollbar-thumb:hover {
|
|
501
|
+
background: var(--text-muted);
|
|
502
|
+
}
|
|
503
|
+
|
|
504
|
+
/* Responsive */
|
|
505
|
+
@media (max-width: 768px) {
|
|
506
|
+
.header-stats {
|
|
507
|
+
display: none;
|
|
508
|
+
}
|
|
509
|
+
|
|
510
|
+
.card-grid {
|
|
511
|
+
grid-template-columns: 1fr;
|
|
512
|
+
}
|
|
513
|
+
|
|
514
|
+
.property {
|
|
515
|
+
grid-template-columns: 1fr;
|
|
516
|
+
gap: 0.25rem;
|
|
517
|
+
}
|
|
518
|
+
}
|
|
519
|
+
</style>
|
|
520
|
+
</head>
|
|
521
|
+
<body>
|
|
522
|
+
<!-- Header -->
|
|
523
|
+
<div class="header">
|
|
524
|
+
<div class="header-content">
|
|
525
|
+
<div class="logo">⚡ Alepha DevTools</div>
|
|
526
|
+
<div class="header-stats">
|
|
527
|
+
<div class="stat">
|
|
528
|
+
<div class="stat-value" id="stat-actions">0</div>
|
|
529
|
+
<div class="stat-label">Actions</div>
|
|
530
|
+
</div>
|
|
531
|
+
<div class="stat">
|
|
532
|
+
<div class="stat-value" id="stat-pages">0</div>
|
|
533
|
+
<div class="stat-label">Pages</div>
|
|
534
|
+
</div>
|
|
535
|
+
<div class="stat">
|
|
536
|
+
<div class="stat-value" id="stat-modules">0</div>
|
|
537
|
+
<div class="stat-label">Modules</div>
|
|
538
|
+
</div>
|
|
539
|
+
<div class="stat">
|
|
540
|
+
<div class="stat-value" id="stat-providers">0</div>
|
|
541
|
+
<div class="stat-label">Providers</div>
|
|
542
|
+
</div>
|
|
543
|
+
</div>
|
|
544
|
+
</div>
|
|
545
|
+
</div>
|
|
546
|
+
|
|
547
|
+
<!-- Navigation -->
|
|
548
|
+
<div class="nav">
|
|
549
|
+
<div class="nav-container">
|
|
550
|
+
<button class="nav-tab active" data-tab="overview">Overview</button>
|
|
551
|
+
<button class="nav-tab" data-tab="actions">Actions</button>
|
|
552
|
+
<button class="nav-tab" data-tab="pages">Pages</button>
|
|
553
|
+
<button class="nav-tab" data-tab="queues">Queues</button>
|
|
554
|
+
<button class="nav-tab" data-tab="schedulers">Schedulers</button>
|
|
555
|
+
<button class="nav-tab" data-tab="topics">Topics</button>
|
|
556
|
+
<button class="nav-tab" data-tab="buckets">Buckets</button>
|
|
557
|
+
<button class="nav-tab" data-tab="caches">Caches</button>
|
|
558
|
+
<button class="nav-tab" data-tab="realms">Realms</button>
|
|
559
|
+
<button class="nav-tab" data-tab="providers">Providers</button>
|
|
560
|
+
<button class="nav-tab" data-tab="modules">Modules</button>
|
|
561
|
+
<button class="nav-tab" data-tab="logs">Logs</button>
|
|
562
|
+
</div>
|
|
563
|
+
</div>
|
|
564
|
+
|
|
565
|
+
<!-- Main Container -->
|
|
566
|
+
<div class="container">
|
|
567
|
+
<!-- Overview Tab -->
|
|
568
|
+
<div class="tab-content active" id="tab-overview">
|
|
569
|
+
<div class="detail-section">
|
|
570
|
+
<h2 class="detail-title">System Overview</h2>
|
|
571
|
+
<div id="overview-content" class="loading">
|
|
572
|
+
<div class="spinner"></div>
|
|
573
|
+
</div>
|
|
574
|
+
</div>
|
|
575
|
+
</div>
|
|
576
|
+
|
|
577
|
+
<!-- Actions Tab -->
|
|
578
|
+
<div class="tab-content" id="tab-actions">
|
|
579
|
+
<div class="controls">
|
|
580
|
+
<div class="search-box">
|
|
581
|
+
<input type="text" class="search-input" id="search-actions" placeholder="Search actions by name, path, or group..." />
|
|
582
|
+
</div>
|
|
583
|
+
<div class="filter-buttons" id="filter-actions-methods"></div>
|
|
584
|
+
</div>
|
|
585
|
+
<div id="actions-content" class="loading">
|
|
586
|
+
<div class="spinner"></div>
|
|
587
|
+
</div>
|
|
588
|
+
</div>
|
|
589
|
+
|
|
590
|
+
<!-- Pages Tab -->
|
|
591
|
+
<div class="tab-content" id="tab-pages">
|
|
592
|
+
<div class="controls">
|
|
593
|
+
<div class="search-box">
|
|
594
|
+
<input type="text" class="search-input" id="search-pages" placeholder="Search pages by name or path..." />
|
|
595
|
+
</div>
|
|
596
|
+
</div>
|
|
597
|
+
<div id="pages-content" class="loading">
|
|
598
|
+
<div class="spinner"></div>
|
|
599
|
+
</div>
|
|
600
|
+
</div>
|
|
601
|
+
|
|
602
|
+
<!-- Queues Tab -->
|
|
603
|
+
<div class="tab-content" id="tab-queues">
|
|
604
|
+
<div class="controls">
|
|
605
|
+
<div class="search-box">
|
|
606
|
+
<input type="text" class="search-input" id="search-queues" placeholder="Search queues..." />
|
|
607
|
+
</div>
|
|
608
|
+
</div>
|
|
609
|
+
<div id="queues-content" class="loading">
|
|
610
|
+
<div class="spinner"></div>
|
|
611
|
+
</div>
|
|
612
|
+
</div>
|
|
613
|
+
|
|
614
|
+
<!-- Schedulers Tab -->
|
|
615
|
+
<div class="tab-content" id="tab-schedulers">
|
|
616
|
+
<div class="controls">
|
|
617
|
+
<div class="search-box">
|
|
618
|
+
<input type="text" class="search-input" id="search-schedulers" placeholder="Search schedulers..." />
|
|
619
|
+
</div>
|
|
620
|
+
</div>
|
|
621
|
+
<div id="schedulers-content" class="loading">
|
|
622
|
+
<div class="spinner"></div>
|
|
623
|
+
</div>
|
|
624
|
+
</div>
|
|
625
|
+
|
|
626
|
+
<!-- Topics Tab -->
|
|
627
|
+
<div class="tab-content" id="tab-topics">
|
|
628
|
+
<div class="controls">
|
|
629
|
+
<div class="search-box">
|
|
630
|
+
<input type="text" class="search-input" id="search-topics" placeholder="Search topics..." />
|
|
631
|
+
</div>
|
|
632
|
+
</div>
|
|
633
|
+
<div id="topics-content" class="loading">
|
|
634
|
+
<div class="spinner"></div>
|
|
635
|
+
</div>
|
|
636
|
+
</div>
|
|
637
|
+
|
|
638
|
+
<!-- Buckets Tab -->
|
|
639
|
+
<div class="tab-content" id="tab-buckets">
|
|
640
|
+
<div class="controls">
|
|
641
|
+
<div class="search-box">
|
|
642
|
+
<input type="text" class="search-input" id="search-buckets" placeholder="Search buckets..." />
|
|
643
|
+
</div>
|
|
644
|
+
</div>
|
|
645
|
+
<div id="buckets-content" class="loading">
|
|
646
|
+
<div class="spinner"></div>
|
|
647
|
+
</div>
|
|
648
|
+
</div>
|
|
649
|
+
|
|
650
|
+
<!-- Caches Tab -->
|
|
651
|
+
<div class="tab-content" id="tab-caches">
|
|
652
|
+
<div class="controls">
|
|
653
|
+
<div class="search-box">
|
|
654
|
+
<input type="text" class="search-input" id="search-caches" placeholder="Search caches..." />
|
|
655
|
+
</div>
|
|
656
|
+
</div>
|
|
657
|
+
<div id="caches-content" class="loading">
|
|
658
|
+
<div class="spinner"></div>
|
|
659
|
+
</div>
|
|
660
|
+
</div>
|
|
661
|
+
|
|
662
|
+
<!-- Realms Tab -->
|
|
663
|
+
<div class="tab-content" id="tab-realms">
|
|
664
|
+
<div class="controls">
|
|
665
|
+
<div class="search-box">
|
|
666
|
+
<input type="text" class="search-input" id="search-realms" placeholder="Search realms..." />
|
|
667
|
+
</div>
|
|
668
|
+
</div>
|
|
669
|
+
<div id="realms-content" class="loading">
|
|
670
|
+
<div class="spinner"></div>
|
|
671
|
+
</div>
|
|
672
|
+
</div>
|
|
673
|
+
|
|
674
|
+
<!-- Providers Tab -->
|
|
675
|
+
<div class="tab-content" id="tab-providers">
|
|
676
|
+
<div class="controls">
|
|
677
|
+
<div class="search-box">
|
|
678
|
+
<input type="text" class="search-input" id="search-providers" placeholder="Search providers..." />
|
|
679
|
+
</div>
|
|
680
|
+
</div>
|
|
681
|
+
<div id="providers-content" class="loading">
|
|
682
|
+
<div class="spinner"></div>
|
|
683
|
+
</div>
|
|
684
|
+
</div>
|
|
685
|
+
|
|
686
|
+
<!-- Modules Tab -->
|
|
687
|
+
<div class="tab-content" id="tab-modules">
|
|
688
|
+
<div class="controls">
|
|
689
|
+
<div class="search-box">
|
|
690
|
+
<input type="text" class="search-input" id="search-modules" placeholder="Search modules..." />
|
|
691
|
+
</div>
|
|
692
|
+
</div>
|
|
693
|
+
<div id="modules-content" class="loading">
|
|
694
|
+
<div class="spinner"></div>
|
|
695
|
+
</div>
|
|
696
|
+
</div>
|
|
697
|
+
|
|
698
|
+
<!-- Logs Tab -->
|
|
699
|
+
<div class="tab-content" id="tab-logs">
|
|
700
|
+
<div class="controls">
|
|
701
|
+
<div class="search-box">
|
|
702
|
+
<input type="text" class="search-input" id="search-logs" placeholder="Search logs..." />
|
|
703
|
+
</div>
|
|
704
|
+
<div class="filter-buttons">
|
|
705
|
+
<button class="filter-btn active" data-level="all">All</button>
|
|
706
|
+
<button class="filter-btn" data-level="error">Errors</button>
|
|
707
|
+
<button class="filter-btn" data-level="warn">Warnings</button>
|
|
708
|
+
<button class="filter-btn" data-level="info">Info</button>
|
|
709
|
+
<button class="filter-btn" data-level="debug">Debug</button>
|
|
710
|
+
</div>
|
|
711
|
+
</div>
|
|
712
|
+
<div id="logs-content" class="loading">
|
|
713
|
+
<div class="spinner"></div>
|
|
714
|
+
</div>
|
|
715
|
+
</div>
|
|
716
|
+
</div>
|
|
717
|
+
|
|
718
|
+
<script>
|
|
719
|
+
let metadata = null;
|
|
720
|
+
let activeFilters = {
|
|
721
|
+
actions: { methods: new Set() },
|
|
722
|
+
logs: { level: 'all' }
|
|
723
|
+
};
|
|
724
|
+
|
|
725
|
+
// Tab Navigation
|
|
726
|
+
document.querySelectorAll('.nav-tab').forEach(tab => {
|
|
727
|
+
tab.addEventListener('click', () => {
|
|
728
|
+
const tabName = tab.dataset.tab;
|
|
729
|
+
document.querySelectorAll('.nav-tab').forEach(t => t.classList.remove('active'));
|
|
730
|
+
document.querySelectorAll('.tab-content').forEach(c => c.classList.remove('active'));
|
|
731
|
+
tab.classList.add('active');
|
|
732
|
+
document.getElementById(\`tab-\${tabName}\`).classList.add('active');
|
|
733
|
+
renderTab(tabName);
|
|
734
|
+
});
|
|
735
|
+
});
|
|
736
|
+
|
|
737
|
+
// Utility Functions
|
|
738
|
+
function escapeHtml(text) {
|
|
739
|
+
const div = document.createElement('div');
|
|
740
|
+
div.textContent = text;
|
|
741
|
+
return div.innerHTML;
|
|
742
|
+
}
|
|
743
|
+
|
|
744
|
+
function formatJson(obj) {
|
|
745
|
+
return JSON.stringify(obj, null, 2);
|
|
746
|
+
}
|
|
747
|
+
|
|
748
|
+
function getLogLevel(formatted) {
|
|
749
|
+
const lower = formatted.toLowerCase();
|
|
750
|
+
if (lower.includes('error')) return 'error';
|
|
751
|
+
if (lower.includes('warn')) return 'warn';
|
|
752
|
+
if (lower.includes('info')) return 'info';
|
|
753
|
+
return 'debug';
|
|
754
|
+
}
|
|
755
|
+
|
|
756
|
+
// Search Functions
|
|
757
|
+
function setupSearch(inputId, renderFn) {
|
|
758
|
+
const input = document.getElementById(inputId);
|
|
759
|
+
if (!input) return;
|
|
760
|
+
|
|
761
|
+
let debounceTimer;
|
|
762
|
+
input.addEventListener('input', () => {
|
|
763
|
+
clearTimeout(debounceTimer);
|
|
764
|
+
debounceTimer = setTimeout(renderFn, 300);
|
|
765
|
+
});
|
|
766
|
+
}
|
|
767
|
+
|
|
768
|
+
function matchesSearch(item, searchTerm, fields) {
|
|
769
|
+
if (!searchTerm) return true;
|
|
770
|
+
const term = searchTerm.toLowerCase();
|
|
771
|
+
return fields.some(field => {
|
|
772
|
+
const value = field.split('.').reduce((obj, key) => obj?.[key], item);
|
|
773
|
+
return value && String(value).toLowerCase().includes(term);
|
|
774
|
+
});
|
|
775
|
+
}
|
|
776
|
+
|
|
777
|
+
// Render Functions
|
|
778
|
+
function renderOverview() {
|
|
779
|
+
if (!metadata) return;
|
|
780
|
+
|
|
781
|
+
const content = document.getElementById('overview-content');
|
|
782
|
+
const stats = {
|
|
783
|
+
'Total Actions': metadata.actions?.length || 0,
|
|
784
|
+
'Total Pages': metadata.pages?.length || 0,
|
|
785
|
+
'Total Queues': metadata.queues?.length || 0,
|
|
786
|
+
'Total Schedulers': metadata.schedulers?.length || 0,
|
|
787
|
+
'Total Topics': metadata.topics?.length || 0,
|
|
788
|
+
'Total Buckets': metadata.buckets?.length || 0,
|
|
789
|
+
'Total Caches': metadata.caches?.length || 0,
|
|
790
|
+
'Total Realms': metadata.realms?.length || 0,
|
|
791
|
+
'Total Providers': metadata.providers?.length || 0,
|
|
792
|
+
'Total Modules': metadata.modules?.length || 0,
|
|
793
|
+
'Log Entries': metadata.logs?.length || 0,
|
|
794
|
+
};
|
|
795
|
+
|
|
796
|
+
const methodCounts = {};
|
|
797
|
+
metadata.actions?.forEach(action => {
|
|
798
|
+
methodCounts[action.method] = (methodCounts[action.method] || 0) + 1;
|
|
799
|
+
});
|
|
800
|
+
|
|
801
|
+
content.innerHTML = \`
|
|
802
|
+
<div style="display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 1rem; margin-bottom: 2rem;">
|
|
803
|
+
\${Object.entries(stats).map(([key, value]) => \`
|
|
804
|
+
<div style="background: var(--bg-tertiary); padding: 1.5rem; border-radius: 8px; text-align: center;">
|
|
805
|
+
<div style="font-size: 2rem; font-weight: 700; color: var(--primary);">\${value}</div>
|
|
806
|
+
<div style="font-size: 0.875rem; color: var(--text-muted); margin-top: 0.5rem;">\${escapeHtml(key)}</div>
|
|
807
|
+
</div>
|
|
808
|
+
\`).join('')}
|
|
809
|
+
</div>
|
|
810
|
+
|
|
811
|
+
\${Object.keys(methodCounts).length > 0 ? \`
|
|
812
|
+
<div class="detail-section">
|
|
813
|
+
<h3 class="detail-title">HTTP Methods Distribution</h3>
|
|
814
|
+
<div style="display: flex; gap: 1rem; flex-wrap: wrap;">
|
|
815
|
+
\${Object.entries(methodCounts).map(([method, count]) => \`
|
|
816
|
+
<div class="badge badge-\${method.toLowerCase()}">\${method}: \${count}</div>
|
|
817
|
+
\`).join('')}
|
|
818
|
+
</div>
|
|
819
|
+
</div>
|
|
820
|
+
\` : ''}
|
|
821
|
+
|
|
822
|
+
<div class="detail-section">
|
|
823
|
+
<h3 class="detail-title">Raw Metadata</h3>
|
|
824
|
+
<div class="code-block">\${escapeHtml(formatJson(metadata))}</div>
|
|
825
|
+
</div>
|
|
826
|
+
\`;
|
|
827
|
+
}
|
|
828
|
+
|
|
829
|
+
function renderActions() {
|
|
830
|
+
if (!metadata?.actions) return;
|
|
831
|
+
|
|
832
|
+
const searchTerm = document.getElementById('search-actions')?.value || '';
|
|
833
|
+
const filteredActions = metadata.actions.filter(action => {
|
|
834
|
+
const matchesMethod = activeFilters.actions.methods.size === 0 ||
|
|
835
|
+
activeFilters.actions.methods.has(action.method);
|
|
836
|
+
const matchesSearchTerm = matchesSearch(action, searchTerm, ['name', 'path', 'group', 'fullPath']);
|
|
837
|
+
return matchesMethod && matchesSearchTerm;
|
|
838
|
+
});
|
|
839
|
+
|
|
840
|
+
const content = document.getElementById('actions-content');
|
|
841
|
+
|
|
842
|
+
if (filteredActions.length === 0) {
|
|
843
|
+
content.innerHTML = \`
|
|
844
|
+
<div class="empty-state">
|
|
845
|
+
<div class="empty-icon">🔍</div>
|
|
846
|
+
<div>No actions found</div>
|
|
847
|
+
</div>
|
|
848
|
+
\`;
|
|
849
|
+
return;
|
|
850
|
+
}
|
|
851
|
+
|
|
852
|
+
content.innerHTML = \`
|
|
853
|
+
<div class="card-grid">
|
|
854
|
+
\${filteredActions.map(action => \`
|
|
855
|
+
<div class="card">
|
|
856
|
+
<div class="card-header">
|
|
857
|
+
<div class="card-title">\${escapeHtml(action.name)}</div>
|
|
858
|
+
<div style="display: flex; gap: 0.5rem; flex-wrap: wrap;">
|
|
859
|
+
<span class="badge badge-\${action.method.toLowerCase()}">\${action.method}</span>
|
|
860
|
+
\${action.secure ? '<span class="badge badge-secure">🔒 Secure</span>' : ''}
|
|
861
|
+
</div>
|
|
862
|
+
</div>
|
|
863
|
+
\${action.description ? \`<div class="card-description">\${escapeHtml(action.description)}</div>\` : ''}
|
|
864
|
+
<div class="card-path">\${escapeHtml(action.fullPath)}</div>
|
|
865
|
+
<div class="card-meta">
|
|
866
|
+
<div class="card-meta-item">
|
|
867
|
+
<span>📁</span>
|
|
868
|
+
<span>\${escapeHtml(action.group)}</span>
|
|
869
|
+
</div>
|
|
870
|
+
\${action.disabled ? '<div class="card-meta-item"><span>⚠️</span><span>Disabled</span></div>' : ''}
|
|
871
|
+
\${action.hide ? '<div class="card-meta-item"><span>👁️</span><span>Hidden</span></div>' : ''}
|
|
872
|
+
</div>
|
|
873
|
+
</div>
|
|
874
|
+
\`).join('')}
|
|
875
|
+
</div>
|
|
876
|
+
\`;
|
|
877
|
+
}
|
|
878
|
+
|
|
879
|
+
function renderPages() {
|
|
880
|
+
if (!metadata?.pages) return;
|
|
881
|
+
|
|
882
|
+
const searchTerm = document.getElementById('search-pages')?.value || '';
|
|
883
|
+
const filteredPages = metadata.pages.filter(page =>
|
|
884
|
+
matchesSearch(page, searchTerm, ['name', 'path'])
|
|
885
|
+
);
|
|
886
|
+
|
|
887
|
+
const content = document.getElementById('pages-content');
|
|
888
|
+
|
|
889
|
+
if (filteredPages.length === 0) {
|
|
890
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No pages found</div></div>\`;
|
|
891
|
+
return;
|
|
892
|
+
}
|
|
893
|
+
|
|
894
|
+
content.innerHTML = \`
|
|
895
|
+
<div class="card-grid">
|
|
896
|
+
\${filteredPages.map(page => \`
|
|
897
|
+
<div class="card">
|
|
898
|
+
<div class="card-header">
|
|
899
|
+
<div class="card-title">\${escapeHtml(page.name)}</div>
|
|
900
|
+
\${page.static ? '<span class="badge" style="background: var(--success);">Static</span>' : ''}
|
|
901
|
+
</div>
|
|
902
|
+
\${page.description ? \`<div class="card-description">\${escapeHtml(page.description)}</div>\` : ''}
|
|
903
|
+
\${page.path ? \`<div class="card-path">\${escapeHtml(page.path)}</div>\` : ''}
|
|
904
|
+
<div class="card-meta">
|
|
905
|
+
\${page.hasComponent ? '<div class="card-meta-item"><span>✓</span><span>Component</span></div>' : ''}
|
|
906
|
+
\${page.hasLazy ? '<div class="card-meta-item"><span>⚡</span><span>Lazy</span></div>' : ''}
|
|
907
|
+
\${page.hasResolve ? '<div class="card-meta-item"><span>🔄</span><span>Resolve</span></div>' : ''}
|
|
908
|
+
\${page.hasChildren ? '<div class="card-meta-item"><span>👶</span><span>Children</span></div>' : ''}
|
|
909
|
+
\${page.hasErrorHandler ? '<div class="card-meta-item"><span>⚠️</span><span>Error Handler</span></div>' : ''}
|
|
910
|
+
</div>
|
|
911
|
+
</div>
|
|
912
|
+
\`).join('')}
|
|
913
|
+
</div>
|
|
914
|
+
\`;
|
|
915
|
+
}
|
|
916
|
+
|
|
917
|
+
function renderQueues() {
|
|
918
|
+
if (!metadata?.queues) return;
|
|
919
|
+
|
|
920
|
+
const searchTerm = document.getElementById('search-queues')?.value || '';
|
|
921
|
+
const filteredQueues = metadata.queues.filter(queue =>
|
|
922
|
+
matchesSearch(queue, searchTerm, ['name', 'provider'])
|
|
923
|
+
);
|
|
924
|
+
|
|
925
|
+
const content = document.getElementById('queues-content');
|
|
926
|
+
|
|
927
|
+
if (filteredQueues.length === 0) {
|
|
928
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No queues found</div></div>\`;
|
|
929
|
+
return;
|
|
930
|
+
}
|
|
931
|
+
|
|
932
|
+
content.innerHTML = \`
|
|
933
|
+
<div class="card-grid">
|
|
934
|
+
\${filteredQueues.map(queue => \`
|
|
935
|
+
<div class="card">
|
|
936
|
+
<div class="card-header">
|
|
937
|
+
<div class="card-title">\${escapeHtml(queue.name)}</div>
|
|
938
|
+
<span class="badge" style="background: var(--primary);">\${escapeHtml(queue.provider)}</span>
|
|
939
|
+
</div>
|
|
940
|
+
\${queue.description ? \`<div class="card-description">\${escapeHtml(queue.description)}</div>\` : ''}
|
|
941
|
+
\${queue.schema ? \`<div class="detail-section" style="margin-top: 1rem;"><div class="detail-title">Schema</div><div class="code-block">\${escapeHtml(formatJson(queue.schema))}</div></div>\` : ''}
|
|
942
|
+
</div>
|
|
943
|
+
\`).join('')}
|
|
944
|
+
</div>
|
|
945
|
+
\`;
|
|
946
|
+
}
|
|
947
|
+
|
|
948
|
+
function renderSchedulers() {
|
|
949
|
+
if (!metadata?.schedulers) return;
|
|
950
|
+
|
|
951
|
+
const searchTerm = document.getElementById('search-schedulers')?.value || '';
|
|
952
|
+
const filteredSchedulers = metadata.schedulers.filter(scheduler =>
|
|
953
|
+
matchesSearch(scheduler, searchTerm, ['name', 'cron'])
|
|
954
|
+
);
|
|
955
|
+
|
|
956
|
+
const content = document.getElementById('schedulers-content');
|
|
957
|
+
|
|
958
|
+
if (filteredSchedulers.length === 0) {
|
|
959
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No schedulers found</div></div>\`;
|
|
960
|
+
return;
|
|
961
|
+
}
|
|
962
|
+
|
|
963
|
+
content.innerHTML = \`
|
|
964
|
+
<div class="card-grid">
|
|
965
|
+
\${filteredSchedulers.map(scheduler => \`
|
|
966
|
+
<div class="card">
|
|
967
|
+
<div class="card-header">
|
|
968
|
+
<div class="card-title">\${escapeHtml(scheduler.name)}</div>
|
|
969
|
+
\${scheduler.lock ? '<span class="badge" style="background: var(--warning);">🔒 Locked</span>' : ''}
|
|
970
|
+
</div>
|
|
971
|
+
\${scheduler.description ? \`<div class="card-description">\${escapeHtml(scheduler.description)}</div>\` : ''}
|
|
972
|
+
<div class="card-meta">
|
|
973
|
+
\${scheduler.cron ? \`<div class="card-meta-item"><span>⏰</span><span class="text-code">\${escapeHtml(scheduler.cron)}</span></div>\` : ''}
|
|
974
|
+
\${scheduler.interval ? \`<div class="card-meta-item"><span>🔄</span><span>\${JSON.stringify(scheduler.interval)}</span></div>\` : ''}
|
|
975
|
+
</div>
|
|
976
|
+
</div>
|
|
977
|
+
\`).join('')}
|
|
978
|
+
</div>
|
|
979
|
+
\`;
|
|
980
|
+
}
|
|
981
|
+
|
|
982
|
+
function renderTopics() {
|
|
983
|
+
if (!metadata?.topics) return;
|
|
984
|
+
|
|
985
|
+
const searchTerm = document.getElementById('search-topics')?.value || '';
|
|
986
|
+
const filteredTopics = metadata.topics.filter(topic =>
|
|
987
|
+
matchesSearch(topic, searchTerm, ['name', 'provider'])
|
|
988
|
+
);
|
|
989
|
+
|
|
990
|
+
const content = document.getElementById('topics-content');
|
|
991
|
+
|
|
992
|
+
if (filteredTopics.length === 0) {
|
|
993
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No topics found</div></div>\`;
|
|
994
|
+
return;
|
|
995
|
+
}
|
|
996
|
+
|
|
997
|
+
content.innerHTML = \`
|
|
998
|
+
<div class="card-grid">
|
|
999
|
+
\${filteredTopics.map(topic => \`
|
|
1000
|
+
<div class="card">
|
|
1001
|
+
<div class="card-header">
|
|
1002
|
+
<div class="card-title">\${escapeHtml(topic.name)}</div>
|
|
1003
|
+
<span class="badge" style="background: var(--primary);">\${escapeHtml(topic.provider)}</span>
|
|
1004
|
+
</div>
|
|
1005
|
+
\${topic.description ? \`<div class="card-description">\${escapeHtml(topic.description)}</div>\` : ''}
|
|
1006
|
+
\${topic.schema ? \`<div class="detail-section" style="margin-top: 1rem;"><div class="detail-title">Schema</div><div class="code-block">\${escapeHtml(formatJson(topic.schema))}</div></div>\` : ''}
|
|
1007
|
+
</div>
|
|
1008
|
+
\`).join('')}
|
|
1009
|
+
</div>
|
|
1010
|
+
\`;
|
|
1011
|
+
}
|
|
1012
|
+
|
|
1013
|
+
function renderBuckets() {
|
|
1014
|
+
if (!metadata?.buckets) return;
|
|
1015
|
+
|
|
1016
|
+
const searchTerm = document.getElementById('search-buckets')?.value || '';
|
|
1017
|
+
const filteredBuckets = metadata.buckets.filter(bucket =>
|
|
1018
|
+
matchesSearch(bucket, searchTerm, ['name', 'provider'])
|
|
1019
|
+
);
|
|
1020
|
+
|
|
1021
|
+
const content = document.getElementById('buckets-content');
|
|
1022
|
+
|
|
1023
|
+
if (filteredBuckets.length === 0) {
|
|
1024
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No buckets found</div></div>\`;
|
|
1025
|
+
return;
|
|
1026
|
+
}
|
|
1027
|
+
|
|
1028
|
+
content.innerHTML = \`
|
|
1029
|
+
<div class="card-grid">
|
|
1030
|
+
\${filteredBuckets.map(bucket => \`
|
|
1031
|
+
<div class="card">
|
|
1032
|
+
<div class="card-header">
|
|
1033
|
+
<div class="card-title">\${escapeHtml(bucket.name)}</div>
|
|
1034
|
+
<span class="badge" style="background: var(--primary);">\${escapeHtml(bucket.provider)}</span>
|
|
1035
|
+
</div>
|
|
1036
|
+
\${bucket.description ? \`<div class="card-description">\${escapeHtml(bucket.description)}</div>\` : ''}
|
|
1037
|
+
<div class="card-meta">
|
|
1038
|
+
\${bucket.maxSize ? \`<div class="card-meta-item"><span>📦</span><span>Max: \${bucket.maxSize} bytes</span></div>\` : ''}
|
|
1039
|
+
\${bucket.mimeTypes?.length ? \`<div class="card-meta-item"><span>📄</span><span>\${bucket.mimeTypes.length} mime types</span></div>\` : ''}
|
|
1040
|
+
</div>
|
|
1041
|
+
</div>
|
|
1042
|
+
\`).join('')}
|
|
1043
|
+
</div>
|
|
1044
|
+
\`;
|
|
1045
|
+
}
|
|
1046
|
+
|
|
1047
|
+
function renderCaches() {
|
|
1048
|
+
if (!metadata?.caches) return;
|
|
1049
|
+
|
|
1050
|
+
const searchTerm = document.getElementById('search-caches')?.value || '';
|
|
1051
|
+
const filteredCaches = metadata.caches.filter(cache =>
|
|
1052
|
+
matchesSearch(cache, searchTerm, ['name', 'provider'])
|
|
1053
|
+
);
|
|
1054
|
+
|
|
1055
|
+
const content = document.getElementById('caches-content');
|
|
1056
|
+
|
|
1057
|
+
if (filteredCaches.length === 0) {
|
|
1058
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No caches found</div></div>\`;
|
|
1059
|
+
return;
|
|
1060
|
+
}
|
|
1061
|
+
|
|
1062
|
+
content.innerHTML = \`
|
|
1063
|
+
<div class="card-grid">
|
|
1064
|
+
\${filteredCaches.map(cache => \`
|
|
1065
|
+
<div class="card">
|
|
1066
|
+
<div class="card-header">
|
|
1067
|
+
<div class="card-title">\${escapeHtml(cache.name)}</div>
|
|
1068
|
+
<div style="display: flex; gap: 0.5rem;">
|
|
1069
|
+
<span class="badge" style="background: var(--primary);">\${escapeHtml(cache.provider)}</span>
|
|
1070
|
+
\${cache.disabled ? '<span class="badge" style="background: var(--danger);">Disabled</span>' : ''}
|
|
1071
|
+
</div>
|
|
1072
|
+
</div>
|
|
1073
|
+
<div class="card-meta">
|
|
1074
|
+
\${cache.ttl ? \`<div class="card-meta-item"><span>⏱️</span><span>TTL: \${JSON.stringify(cache.ttl)}</span></div>\` : ''}
|
|
1075
|
+
</div>
|
|
1076
|
+
</div>
|
|
1077
|
+
\`).join('')}
|
|
1078
|
+
</div>
|
|
1079
|
+
\`;
|
|
1080
|
+
}
|
|
1081
|
+
|
|
1082
|
+
function renderRealms() {
|
|
1083
|
+
if (!metadata?.realms) return;
|
|
1084
|
+
|
|
1085
|
+
const searchTerm = document.getElementById('search-realms')?.value || '';
|
|
1086
|
+
const filteredRealms = metadata.realms.filter(realm =>
|
|
1087
|
+
matchesSearch(realm, searchTerm, ['name', 'type'])
|
|
1088
|
+
);
|
|
1089
|
+
|
|
1090
|
+
const content = document.getElementById('realms-content');
|
|
1091
|
+
|
|
1092
|
+
if (filteredRealms.length === 0) {
|
|
1093
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No realms found</div></div>\`;
|
|
1094
|
+
return;
|
|
1095
|
+
}
|
|
1096
|
+
|
|
1097
|
+
content.innerHTML = \`
|
|
1098
|
+
<div class="card-grid">
|
|
1099
|
+
\${filteredRealms.map(realm => \`
|
|
1100
|
+
<div class="card">
|
|
1101
|
+
<div class="card-header">
|
|
1102
|
+
<div class="card-title">\${escapeHtml(realm.name)}</div>
|
|
1103
|
+
<span class="badge badge-\${realm.type}">\${escapeHtml(realm.type)}</span>
|
|
1104
|
+
</div>
|
|
1105
|
+
\${realm.description ? \`<div class="card-description">\${escapeHtml(realm.description)}</div>\` : ''}
|
|
1106
|
+
\${realm.roles?.length ? \`<div class="card-meta"><div class="card-meta-item"><span>👥</span><span>\${realm.roles.length} roles</span></div></div>\` : ''}
|
|
1107
|
+
\${realm.settings ? \`
|
|
1108
|
+
<div class="detail-section" style="margin-top: 1rem;">
|
|
1109
|
+
<div class="detail-title">Settings</div>
|
|
1110
|
+
<div class="property-list">
|
|
1111
|
+
\${realm.settings.accessTokenExpiration ? \`<div class="property"><div class="property-key">Access Token</div><div class="property-value">\${JSON.stringify(realm.settings.accessTokenExpiration)}</div></div>\` : ''}
|
|
1112
|
+
\${realm.settings.refreshTokenExpiration ? \`<div class="property"><div class="property-key">Refresh Token</div><div class="property-value">\${JSON.stringify(realm.settings.refreshTokenExpiration)}</div></div>\` : ''}
|
|
1113
|
+
\${realm.settings.hasOnCreateSession ? \`<div class="property"><div class="property-key">On Create</div><div class="property-value">✓</div></div>\` : ''}
|
|
1114
|
+
\${realm.settings.hasOnRefreshSession ? \`<div class="property"><div class="property-key">On Refresh</div><div class="property-value">✓</div></div>\` : ''}
|
|
1115
|
+
\${realm.settings.hasOnDeleteSession ? \`<div class="property"><div class="property-key">On Delete</div><div class="property-value">✓</div></div>\` : ''}
|
|
1116
|
+
</div>
|
|
1117
|
+
</div>
|
|
1118
|
+
\` : ''}
|
|
1119
|
+
</div>
|
|
1120
|
+
\`).join('')}
|
|
1121
|
+
</div>
|
|
1122
|
+
\`;
|
|
1123
|
+
}
|
|
1124
|
+
|
|
1125
|
+
function renderProviders() {
|
|
1126
|
+
if (!metadata?.providers) return;
|
|
1127
|
+
|
|
1128
|
+
const searchTerm = document.getElementById('search-providers')?.value || '';
|
|
1129
|
+
const filteredProviders = metadata.providers.filter(provider =>
|
|
1130
|
+
matchesSearch(provider, searchTerm, ['name', 'module'])
|
|
1131
|
+
);
|
|
1132
|
+
|
|
1133
|
+
const content = document.getElementById('providers-content');
|
|
1134
|
+
|
|
1135
|
+
if (filteredProviders.length === 0) {
|
|
1136
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No providers found</div></div>\`;
|
|
1137
|
+
return;
|
|
1138
|
+
}
|
|
1139
|
+
|
|
1140
|
+
content.innerHTML = \`
|
|
1141
|
+
<div class="card-grid">
|
|
1142
|
+
\${filteredProviders.map(provider => \`
|
|
1143
|
+
<div class="card">
|
|
1144
|
+
<div class="card-header">
|
|
1145
|
+
<div class="card-title">\${escapeHtml(provider.name)}</div>
|
|
1146
|
+
</div>
|
|
1147
|
+
\${provider.module ? \`<div class="card-description">📦 \${escapeHtml(provider.module)}</div>\` : ''}
|
|
1148
|
+
<div class="card-meta">
|
|
1149
|
+
\${provider.dependencies?.length ? \`<div class="card-meta-item"><span>🔗</span><span>\${provider.dependencies.length} dependencies</span></div>\` : ''}
|
|
1150
|
+
\${provider.aliases?.length ? \`<div class="card-meta-item"><span>🏷️</span><span>\${provider.aliases.length} aliases</span></div>\` : ''}
|
|
1151
|
+
</div>
|
|
1152
|
+
\${provider.dependencies?.length ? \`
|
|
1153
|
+
<div class="detail-section" style="margin-top: 1rem;">
|
|
1154
|
+
<div class="detail-title">Dependencies</div>
|
|
1155
|
+
<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
|
|
1156
|
+
\${provider.dependencies.map(dep => \`<span class="text-code">\${escapeHtml(dep)}</span>\`).join('')}
|
|
1157
|
+
</div>
|
|
1158
|
+
</div>
|
|
1159
|
+
\` : ''}
|
|
1160
|
+
</div>
|
|
1161
|
+
\`).join('')}
|
|
1162
|
+
</div>
|
|
1163
|
+
\`;
|
|
1164
|
+
}
|
|
1165
|
+
|
|
1166
|
+
function renderModules() {
|
|
1167
|
+
if (!metadata?.modules) return;
|
|
1168
|
+
|
|
1169
|
+
const searchTerm = document.getElementById('search-modules')?.value || '';
|
|
1170
|
+
const filteredModules = metadata.modules.filter(module =>
|
|
1171
|
+
matchesSearch(module, searchTerm, ['name'])
|
|
1172
|
+
);
|
|
1173
|
+
|
|
1174
|
+
const content = document.getElementById('modules-content');
|
|
1175
|
+
|
|
1176
|
+
if (filteredModules.length === 0) {
|
|
1177
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">🔍</div><div>No modules found</div></div>\`;
|
|
1178
|
+
return;
|
|
1179
|
+
}
|
|
1180
|
+
|
|
1181
|
+
content.innerHTML = \`
|
|
1182
|
+
<div class="card-grid">
|
|
1183
|
+
\${filteredModules.map(module => \`
|
|
1184
|
+
<div class="card">
|
|
1185
|
+
<div class="card-header">
|
|
1186
|
+
<div class="card-title">\${escapeHtml(module.name)}</div>
|
|
1187
|
+
<span class="badge" style="background: var(--success);">\${module.providers?.length || 0} providers</span>
|
|
1188
|
+
</div>
|
|
1189
|
+
\${module.providers?.length ? \`
|
|
1190
|
+
<div class="detail-section" style="margin-top: 1rem;">
|
|
1191
|
+
<div class="detail-title">Providers</div>
|
|
1192
|
+
<div style="display: flex; flex-wrap: wrap; gap: 0.5rem;">
|
|
1193
|
+
\${module.providers.map(prov => \`<span class="text-code">\${escapeHtml(prov)}</span>\`).join('')}
|
|
1194
|
+
</div>
|
|
1195
|
+
</div>
|
|
1196
|
+
\` : ''}
|
|
1197
|
+
</div>
|
|
1198
|
+
\`).join('')}
|
|
1199
|
+
</div>
|
|
1200
|
+
\`;
|
|
1201
|
+
}
|
|
1202
|
+
|
|
1203
|
+
function renderLogs() {
|
|
1204
|
+
if (!metadata?.logs) return;
|
|
1205
|
+
|
|
1206
|
+
const searchTerm = document.getElementById('search-logs')?.value || '';
|
|
1207
|
+
const level = activeFilters.logs.level;
|
|
1208
|
+
|
|
1209
|
+
const filteredLogs = metadata.logs.filter(log => {
|
|
1210
|
+
const matchesLevel = level === 'all' || getLogLevel(log.formatted) === level;
|
|
1211
|
+
const matchesSearchTerm = !searchTerm || log.formatted.toLowerCase().includes(searchTerm.toLowerCase());
|
|
1212
|
+
return matchesLevel && matchesSearchTerm;
|
|
1213
|
+
});
|
|
1214
|
+
|
|
1215
|
+
const content = document.getElementById('logs-content');
|
|
1216
|
+
|
|
1217
|
+
if (filteredLogs.length === 0) {
|
|
1218
|
+
content.innerHTML = \`<div class="empty-state"><div class="empty-icon">📋</div><div>No logs found</div></div>\`;
|
|
1219
|
+
return;
|
|
1220
|
+
}
|
|
1221
|
+
|
|
1222
|
+
content.innerHTML = \`
|
|
1223
|
+
<div class="log-container">
|
|
1224
|
+
\${filteredLogs.map(log => {
|
|
1225
|
+
const level = getLogLevel(log.formatted);
|
|
1226
|
+
return \`<div class="log-entry log-\${level}">\${escapeHtml(log.formatted)}</div>\`;
|
|
1227
|
+
}).join('')}
|
|
1228
|
+
</div>
|
|
1229
|
+
\`;
|
|
1230
|
+
}
|
|
1231
|
+
|
|
1232
|
+
function renderTab(tabName) {
|
|
1233
|
+
if (!metadata) return;
|
|
1234
|
+
|
|
1235
|
+
switch(tabName) {
|
|
1236
|
+
case 'overview': renderOverview(); break;
|
|
1237
|
+
case 'actions': renderActions(); break;
|
|
1238
|
+
case 'pages': renderPages(); break;
|
|
1239
|
+
case 'queues': renderQueues(); break;
|
|
1240
|
+
case 'schedulers': renderSchedulers(); break;
|
|
1241
|
+
case 'topics': renderTopics(); break;
|
|
1242
|
+
case 'buckets': renderBuckets(); break;
|
|
1243
|
+
case 'caches': renderCaches(); break;
|
|
1244
|
+
case 'realms': renderRealms(); break;
|
|
1245
|
+
case 'providers': renderProviders(); break;
|
|
1246
|
+
case 'modules': renderModules(); break;
|
|
1247
|
+
case 'logs': renderLogs(); break;
|
|
1248
|
+
}
|
|
1249
|
+
}
|
|
1250
|
+
|
|
1251
|
+
// Initialize
|
|
1252
|
+
async function init() {
|
|
1253
|
+
try {
|
|
1254
|
+
const res = await fetch('/_devtools/metadata');
|
|
1255
|
+
metadata = await res.json();
|
|
1256
|
+
|
|
1257
|
+
// Update header stats
|
|
1258
|
+
document.getElementById('stat-actions').textContent = metadata.actions?.length || 0;
|
|
1259
|
+
document.getElementById('stat-pages').textContent = metadata.pages?.length || 0;
|
|
1260
|
+
document.getElementById('stat-modules').textContent = metadata.modules?.length || 0;
|
|
1261
|
+
document.getElementById('stat-providers').textContent = metadata.providers?.length || 0;
|
|
1262
|
+
|
|
1263
|
+
// Setup method filters for actions
|
|
1264
|
+
const methods = [...new Set(metadata.actions?.map(a => a.method) || [])];
|
|
1265
|
+
const filterContainer = document.getElementById('filter-actions-methods');
|
|
1266
|
+
filterContainer.innerHTML = methods.map(method =>
|
|
1267
|
+
\`<button class="filter-btn" data-method="\${method}">\${method}</button>\`
|
|
1268
|
+
).join('');
|
|
1269
|
+
|
|
1270
|
+
filterContainer.querySelectorAll('.filter-btn').forEach(btn => {
|
|
1271
|
+
btn.addEventListener('click', () => {
|
|
1272
|
+
const method = btn.dataset.method;
|
|
1273
|
+
if (activeFilters.actions.methods.has(method)) {
|
|
1274
|
+
activeFilters.actions.methods.delete(method);
|
|
1275
|
+
btn.classList.remove('active');
|
|
1276
|
+
} else {
|
|
1277
|
+
activeFilters.actions.methods.add(method);
|
|
1278
|
+
btn.classList.add('active');
|
|
1279
|
+
}
|
|
1280
|
+
renderActions();
|
|
1281
|
+
});
|
|
1282
|
+
});
|
|
1283
|
+
|
|
1284
|
+
// Setup log level filters
|
|
1285
|
+
document.querySelectorAll('[data-level]').forEach(btn => {
|
|
1286
|
+
btn.addEventListener('click', () => {
|
|
1287
|
+
document.querySelectorAll('[data-level]').forEach(b => b.classList.remove('active'));
|
|
1288
|
+
btn.classList.add('active');
|
|
1289
|
+
activeFilters.logs.level = btn.dataset.level;
|
|
1290
|
+
renderLogs();
|
|
1291
|
+
});
|
|
1292
|
+
});
|
|
1293
|
+
|
|
1294
|
+
// Setup search handlers
|
|
1295
|
+
setupSearch('search-actions', renderActions);
|
|
1296
|
+
setupSearch('search-pages', renderPages);
|
|
1297
|
+
setupSearch('search-queues', renderQueues);
|
|
1298
|
+
setupSearch('search-schedulers', renderSchedulers);
|
|
1299
|
+
setupSearch('search-topics', renderTopics);
|
|
1300
|
+
setupSearch('search-buckets', renderBuckets);
|
|
1301
|
+
setupSearch('search-caches', renderCaches);
|
|
1302
|
+
setupSearch('search-realms', renderRealms);
|
|
1303
|
+
setupSearch('search-providers', renderProviders);
|
|
1304
|
+
setupSearch('search-modules', renderModules);
|
|
1305
|
+
setupSearch('search-logs', renderLogs);
|
|
1306
|
+
|
|
1307
|
+
// Render initial tab
|
|
1308
|
+
renderTab('overview');
|
|
1309
|
+
|
|
1310
|
+
} catch (error) {
|
|
1311
|
+
console.error('Failed to load metadata:', error);
|
|
1312
|
+
document.querySelectorAll('.loading').forEach(el => {
|
|
1313
|
+
el.innerHTML = \`
|
|
1314
|
+
<div class="empty-state">
|
|
1315
|
+
<div class="empty-icon">⚠️</div>
|
|
1316
|
+
<div>Failed to load metadata</div>
|
|
1317
|
+
<div style="margin-top: 0.5rem; color: var(--text-muted);">\${escapeHtml(error.message)}</div>
|
|
1318
|
+
</div>
|
|
1319
|
+
\`;
|
|
1320
|
+
});
|
|
1321
|
+
}
|
|
1322
|
+
}
|
|
1323
|
+
|
|
1324
|
+
init();
|
|
1325
|
+
<\/script>
|
|
1326
|
+
</body>
|
|
1327
|
+
</html>`;
|
|
1328
|
+
|
|
1329
|
+
//#endregion
|
|
11
1330
|
//#region src/schemas/DevActionMetadata.ts
|
|
12
1331
|
const devActionMetadataSchema = t.object({
|
|
13
|
-
name: t.
|
|
14
|
-
group: t.
|
|
15
|
-
method: t.
|
|
16
|
-
path: t.
|
|
17
|
-
prefix: t.
|
|
18
|
-
fullPath: t.
|
|
19
|
-
description: t.optional(t.
|
|
20
|
-
summary: t.optional(t.
|
|
1332
|
+
name: t.text(),
|
|
1333
|
+
group: t.text(),
|
|
1334
|
+
method: t.text(),
|
|
1335
|
+
path: t.text(),
|
|
1336
|
+
prefix: t.text(),
|
|
1337
|
+
fullPath: t.text(),
|
|
1338
|
+
description: t.optional(t.text()),
|
|
1339
|
+
summary: t.optional(t.text()),
|
|
21
1340
|
disabled: t.optional(t.boolean()),
|
|
22
1341
|
secure: t.optional(t.boolean()),
|
|
23
1342
|
hide: t.optional(t.boolean()),
|
|
@@ -25,48 +1344,41 @@ const devActionMetadataSchema = t.object({
|
|
|
25
1344
|
params: t.optional(t.any()),
|
|
26
1345
|
query: t.optional(t.any()),
|
|
27
1346
|
response: t.optional(t.any()),
|
|
28
|
-
bodyContentType: t.optional(t.
|
|
1347
|
+
bodyContentType: t.optional(t.text())
|
|
29
1348
|
});
|
|
30
1349
|
|
|
31
1350
|
//#endregion
|
|
32
1351
|
//#region src/schemas/DevBucketMetadata.ts
|
|
33
1352
|
const devBucketMetadataSchema = t.object({
|
|
34
|
-
name: t.
|
|
35
|
-
description: t.optional(t.
|
|
36
|
-
mimeTypes: t.optional(t.array(t.
|
|
1353
|
+
name: t.text(),
|
|
1354
|
+
description: t.optional(t.text()),
|
|
1355
|
+
mimeTypes: t.optional(t.array(t.text())),
|
|
37
1356
|
maxSize: t.optional(t.number()),
|
|
38
|
-
provider: t.
|
|
1357
|
+
provider: t.text()
|
|
39
1358
|
});
|
|
40
1359
|
|
|
41
1360
|
//#endregion
|
|
42
1361
|
//#region src/schemas/DevCacheMetadata.ts
|
|
43
1362
|
const devCacheMetadataSchema = t.object({
|
|
44
|
-
name: t.
|
|
1363
|
+
name: t.text(),
|
|
45
1364
|
ttl: t.optional(t.any()),
|
|
46
1365
|
disabled: t.optional(t.boolean()),
|
|
47
|
-
provider: t.
|
|
48
|
-
});
|
|
49
|
-
|
|
50
|
-
//#endregion
|
|
51
|
-
//#region src/schemas/DevLogEntry.ts
|
|
52
|
-
const devLogEntrySchema = t.object({
|
|
53
|
-
formatted: t.string(),
|
|
54
|
-
entry: t.any()
|
|
1366
|
+
provider: t.text()
|
|
55
1367
|
});
|
|
56
1368
|
|
|
57
1369
|
//#endregion
|
|
58
1370
|
//#region src/schemas/DevModuleMetadata.ts
|
|
59
1371
|
const devModuleMetadataSchema = t.object({
|
|
60
|
-
name: t.
|
|
61
|
-
providers: t.array(t.
|
|
1372
|
+
name: t.text(),
|
|
1373
|
+
providers: t.array(t.text())
|
|
62
1374
|
});
|
|
63
1375
|
|
|
64
1376
|
//#endregion
|
|
65
1377
|
//#region src/schemas/DevPageMetadata.ts
|
|
66
1378
|
const devPageMetadataSchema = t.object({
|
|
67
|
-
name: t.
|
|
68
|
-
description: t.optional(t.
|
|
69
|
-
path: t.optional(t.
|
|
1379
|
+
name: t.text(),
|
|
1380
|
+
description: t.optional(t.text()),
|
|
1381
|
+
path: t.optional(t.text()),
|
|
70
1382
|
params: t.optional(t.any()),
|
|
71
1383
|
query: t.optional(t.any()),
|
|
72
1384
|
hasComponent: t.boolean(),
|
|
@@ -84,26 +1396,26 @@ const devPageMetadataSchema = t.object({
|
|
|
84
1396
|
//#endregion
|
|
85
1397
|
//#region src/schemas/DevProviderMetadata.ts
|
|
86
1398
|
const devProviderMetadataSchema = t.object({
|
|
87
|
-
name: t.
|
|
88
|
-
module: t.optional(t.
|
|
89
|
-
dependencies: t.array(t.
|
|
90
|
-
aliases: t.optional(t.array(t.
|
|
1399
|
+
name: t.text(),
|
|
1400
|
+
module: t.optional(t.text()),
|
|
1401
|
+
dependencies: t.array(t.text()),
|
|
1402
|
+
aliases: t.optional(t.array(t.text()))
|
|
91
1403
|
});
|
|
92
1404
|
|
|
93
1405
|
//#endregion
|
|
94
1406
|
//#region src/schemas/DevQueueMetadata.ts
|
|
95
1407
|
const devQueueMetadataSchema = t.object({
|
|
96
|
-
name: t.
|
|
97
|
-
description: t.optional(t.
|
|
1408
|
+
name: t.text(),
|
|
1409
|
+
description: t.optional(t.text()),
|
|
98
1410
|
schema: t.optional(t.any()),
|
|
99
|
-
provider: t.
|
|
1411
|
+
provider: t.text()
|
|
100
1412
|
});
|
|
101
1413
|
|
|
102
1414
|
//#endregion
|
|
103
1415
|
//#region src/schemas/DevRealmMetadata.ts
|
|
104
1416
|
const devRealmMetadataSchema = t.object({
|
|
105
|
-
name: t.
|
|
106
|
-
description: t.optional(t.
|
|
1417
|
+
name: t.text(),
|
|
1418
|
+
description: t.optional(t.text()),
|
|
107
1419
|
roles: t.optional(t.array(t.any())),
|
|
108
1420
|
type: t.enum(["internal", "external"]),
|
|
109
1421
|
settings: t.optional(t.object({
|
|
@@ -118,9 +1430,9 @@ const devRealmMetadataSchema = t.object({
|
|
|
118
1430
|
//#endregion
|
|
119
1431
|
//#region src/schemas/DevSchedulerMetadata.ts
|
|
120
1432
|
const devSchedulerMetadataSchema = t.object({
|
|
121
|
-
name: t.
|
|
122
|
-
description: t.optional(t.
|
|
123
|
-
cron: t.optional(t.
|
|
1433
|
+
name: t.text(),
|
|
1434
|
+
description: t.optional(t.text()),
|
|
1435
|
+
cron: t.optional(t.text()),
|
|
124
1436
|
interval: t.optional(t.any()),
|
|
125
1437
|
lock: t.optional(t.boolean())
|
|
126
1438
|
});
|
|
@@ -128,16 +1440,15 @@ const devSchedulerMetadataSchema = t.object({
|
|
|
128
1440
|
//#endregion
|
|
129
1441
|
//#region src/schemas/DevTopicMetadata.ts
|
|
130
1442
|
const devTopicMetadataSchema = t.object({
|
|
131
|
-
name: t.
|
|
132
|
-
description: t.optional(t.
|
|
1443
|
+
name: t.text(),
|
|
1444
|
+
description: t.optional(t.text()),
|
|
133
1445
|
schema: t.optional(t.any()),
|
|
134
|
-
provider: t.
|
|
1446
|
+
provider: t.text()
|
|
135
1447
|
});
|
|
136
1448
|
|
|
137
1449
|
//#endregion
|
|
138
1450
|
//#region src/schemas/DevMetadata.ts
|
|
139
1451
|
const devMetadataSchema = t.object({
|
|
140
|
-
logs: t.array(devLogEntrySchema),
|
|
141
1452
|
actions: t.array(devActionMetadataSchema),
|
|
142
1453
|
queues: t.array(devQueueMetadataSchema),
|
|
143
1454
|
schedulers: t.array(devSchedulerMetadataSchema),
|
|
@@ -155,7 +1466,7 @@ const devMetadataSchema = t.object({
|
|
|
155
1466
|
var DevCollectorProvider = class {
|
|
156
1467
|
alepha = $inject(Alepha);
|
|
157
1468
|
logs = [];
|
|
158
|
-
maxLogs =
|
|
1469
|
+
maxLogs = 1e4;
|
|
159
1470
|
onLog = $hook({
|
|
160
1471
|
on: "log",
|
|
161
1472
|
handler: (ev) => {
|
|
@@ -166,6 +1477,33 @@ var DevCollectorProvider = class {
|
|
|
166
1477
|
if (this.logs.length > this.maxLogs) this.logs.shift();
|
|
167
1478
|
}
|
|
168
1479
|
});
|
|
1480
|
+
uiRoute = $route({
|
|
1481
|
+
method: "GET",
|
|
1482
|
+
path: "/devtools",
|
|
1483
|
+
schema: { response: t.text() },
|
|
1484
|
+
handler: () => {
|
|
1485
|
+
return ui;
|
|
1486
|
+
}
|
|
1487
|
+
});
|
|
1488
|
+
metadataRoute = $route({
|
|
1489
|
+
method: "GET",
|
|
1490
|
+
path: "/devtools/metadata",
|
|
1491
|
+
schema: { response: devMetadataSchema },
|
|
1492
|
+
handler: () => {
|
|
1493
|
+
return this.getMetadata();
|
|
1494
|
+
}
|
|
1495
|
+
});
|
|
1496
|
+
logsRoute = $route({
|
|
1497
|
+
method: "GET",
|
|
1498
|
+
path: "/devtools/logs",
|
|
1499
|
+
schema: { response: t.array(t.object({
|
|
1500
|
+
formatted: t.text(),
|
|
1501
|
+
entry: t.any()
|
|
1502
|
+
})) },
|
|
1503
|
+
handler: () => {
|
|
1504
|
+
return this.getLogs();
|
|
1505
|
+
}
|
|
1506
|
+
});
|
|
169
1507
|
getLogs() {
|
|
170
1508
|
return this.logs;
|
|
171
1509
|
}
|
|
@@ -300,7 +1638,6 @@ var DevCollectorProvider = class {
|
|
|
300
1638
|
}
|
|
301
1639
|
getMetadata() {
|
|
302
1640
|
return {
|
|
303
|
-
logs: this.getLogs(),
|
|
304
1641
|
actions: this.getActions(),
|
|
305
1642
|
queues: this.getQueues(),
|
|
306
1643
|
schedulers: this.getSchedulers(),
|
|
@@ -313,14 +1650,6 @@ var DevCollectorProvider = class {
|
|
|
313
1650
|
modules: this.getModules()
|
|
314
1651
|
};
|
|
315
1652
|
}
|
|
316
|
-
metadataRoute = $route({
|
|
317
|
-
method: "GET",
|
|
318
|
-
path: "/_devtools/metadata",
|
|
319
|
-
schema: { response: devMetadataSchema },
|
|
320
|
-
handler: () => {
|
|
321
|
-
return this.getMetadata();
|
|
322
|
-
}
|
|
323
|
-
});
|
|
324
1653
|
getProviderName(provider) {
|
|
325
1654
|
if (!provider) return "default";
|
|
326
1655
|
if (provider === "memory") return "memory";
|
|
@@ -328,6 +1657,13 @@ var DevCollectorProvider = class {
|
|
|
328
1657
|
}
|
|
329
1658
|
};
|
|
330
1659
|
|
|
1660
|
+
//#endregion
|
|
1661
|
+
//#region src/schemas/DevLogEntry.ts
|
|
1662
|
+
const devLogEntrySchema = t.object({
|
|
1663
|
+
formatted: t.text(),
|
|
1664
|
+
entry: t.any()
|
|
1665
|
+
});
|
|
1666
|
+
|
|
331
1667
|
//#endregion
|
|
332
1668
|
//#region src/index.ts
|
|
333
1669
|
/**
|