@alepha/devtools 0.11.3 → 0.11.5
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 +261 -259
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +28 -1346
- package/dist/index.js.map +1 -1
- package/package.json +26 -16
- package/src/DevCollectorProvider.ts +29 -29
- package/src/index.ts +4 -1
- package/src/ui/AppRouter.tsx +61 -0
- package/src/ui/DevLogs.tsx +143 -0
- package/src/ui/main.ts +4 -0
- package/src/ui/styles.css +7 -0
- package/src/ui/wotfardregular/stylesheet.css +12 -0
- package/src/ui/wotfardregular/wotfard-regular-webfont.eot +0 -0
- package/src/ui/wotfardregular/wotfard-regular-webfont.ttf +0 -0
- package/src/ui/wotfardregular/wotfard-regular-webfont.woff2 +0 -0
- package/src/constants/ui.ts +0 -1317
- package/src/schemas/DevLogEntry.ts +0 -11
package/dist/index.js
CHANGED
|
@@ -1,1332 +1,17 @@
|
|
|
1
1
|
import { $hook, $inject, $module, Alepha, t } from "@alepha/core";
|
|
2
|
+
import { join } from "node:path";
|
|
3
|
+
import { fileURLToPath } from "node:url";
|
|
2
4
|
import { $bucket } from "@alepha/bucket";
|
|
3
5
|
import { $cache } from "@alepha/cache";
|
|
6
|
+
import { $logger, logEntrySchema } from "@alepha/logger";
|
|
4
7
|
import { $queue } from "@alepha/queue";
|
|
5
8
|
import { $page } from "@alepha/react";
|
|
6
9
|
import { $scheduler } from "@alepha/scheduler";
|
|
7
10
|
import { $realm } from "@alepha/security";
|
|
8
|
-
import { $action, $route } from "@alepha/server";
|
|
11
|
+
import { $action, $route, ServerProvider } from "@alepha/server";
|
|
12
|
+
import { $serve } from "@alepha/server-static";
|
|
9
13
|
import { $topic } from "@alepha/topic";
|
|
10
14
|
|
|
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
|
|
1330
15
|
//#region src/schemas/DevActionMetadata.ts
|
|
1331
16
|
const devActionMetadataSchema = t.object({
|
|
1332
17
|
name: t.text(),
|
|
@@ -1465,29 +150,31 @@ const devMetadataSchema = t.object({
|
|
|
1465
150
|
//#region src/DevCollectorProvider.ts
|
|
1466
151
|
var DevCollectorProvider = class {
|
|
1467
152
|
alepha = $inject(Alepha);
|
|
153
|
+
serverProvider = $inject(ServerProvider);
|
|
154
|
+
log = $logger();
|
|
1468
155
|
logs = [];
|
|
1469
156
|
maxLogs = 1e4;
|
|
157
|
+
onStart = $hook({
|
|
158
|
+
on: "start",
|
|
159
|
+
handler: () => {
|
|
160
|
+
this.log.info(`Devtools available at ${this.serverProvider.hostname}/devtools/`);
|
|
161
|
+
}
|
|
162
|
+
});
|
|
1470
163
|
onLog = $hook({
|
|
1471
164
|
on: "log",
|
|
1472
165
|
handler: (ev) => {
|
|
1473
|
-
this.logs.
|
|
1474
|
-
|
|
1475
|
-
entry: ev.entry
|
|
1476
|
-
});
|
|
1477
|
-
if (this.logs.length > this.maxLogs) this.logs.shift();
|
|
166
|
+
this.logs.unshift(ev.entry);
|
|
167
|
+
if (this.logs.length > this.maxLogs) this.logs.pop();
|
|
1478
168
|
}
|
|
1479
169
|
});
|
|
1480
|
-
uiRoute = $
|
|
1481
|
-
method: "GET",
|
|
170
|
+
uiRoute = $serve({
|
|
1482
171
|
path: "/devtools",
|
|
1483
|
-
|
|
1484
|
-
handler: () => {
|
|
1485
|
-
return ui;
|
|
1486
|
-
}
|
|
172
|
+
root: join(fileURLToPath(import.meta.url), "../../assets/devtools")
|
|
1487
173
|
});
|
|
1488
174
|
metadataRoute = $route({
|
|
1489
175
|
method: "GET",
|
|
1490
|
-
path: "/devtools/metadata",
|
|
176
|
+
path: "/devtools/api/metadata",
|
|
177
|
+
silent: true,
|
|
1491
178
|
schema: { response: devMetadataSchema },
|
|
1492
179
|
handler: () => {
|
|
1493
180
|
return this.getMetadata();
|
|
@@ -1495,11 +182,9 @@ var DevCollectorProvider = class {
|
|
|
1495
182
|
});
|
|
1496
183
|
logsRoute = $route({
|
|
1497
184
|
method: "GET",
|
|
1498
|
-
path: "/devtools/logs",
|
|
1499
|
-
|
|
1500
|
-
|
|
1501
|
-
entry: t.any()
|
|
1502
|
-
})) },
|
|
185
|
+
path: "/devtools/api/logs",
|
|
186
|
+
silent: true,
|
|
187
|
+
schema: { response: t.array(logEntrySchema) },
|
|
1503
188
|
handler: () => {
|
|
1504
189
|
return this.getLogs();
|
|
1505
190
|
}
|
|
@@ -1649,13 +334,6 @@ var DevCollectorProvider = class {
|
|
|
1649
334
|
}
|
|
1650
335
|
};
|
|
1651
336
|
|
|
1652
|
-
//#endregion
|
|
1653
|
-
//#region src/schemas/DevLogEntry.ts
|
|
1654
|
-
const devLogEntrySchema = t.object({
|
|
1655
|
-
formatted: t.text(),
|
|
1656
|
-
entry: t.any()
|
|
1657
|
-
});
|
|
1658
|
-
|
|
1659
337
|
//#endregion
|
|
1660
338
|
//#region src/index.ts
|
|
1661
339
|
/**
|
|
@@ -1670,9 +348,13 @@ const devLogEntrySchema = t.object({
|
|
|
1670
348
|
const AlephaDevtools = $module({
|
|
1671
349
|
name: "alepha.devtools",
|
|
1672
350
|
descriptors: [],
|
|
1673
|
-
services: [DevCollectorProvider]
|
|
351
|
+
services: [DevCollectorProvider],
|
|
352
|
+
register: (alepha) => {
|
|
353
|
+
alepha.with(DevCollectorProvider);
|
|
354
|
+
alepha.state.push("assets", "@alepha/devtools");
|
|
355
|
+
}
|
|
1674
356
|
});
|
|
1675
357
|
|
|
1676
358
|
//#endregion
|
|
1677
|
-
export { AlephaDevtools, DevCollectorProvider, devActionMetadataSchema, devBucketMetadataSchema, devCacheMetadataSchema,
|
|
359
|
+
export { AlephaDevtools, DevCollectorProvider, devActionMetadataSchema, devBucketMetadataSchema, devCacheMetadataSchema, devMetadataSchema, devModuleMetadataSchema, devPageMetadataSchema, devProviderMetadataSchema, devQueueMetadataSchema, devRealmMetadataSchema, devSchedulerMetadataSchema, devTopicMetadataSchema };
|
|
1678
360
|
//# sourceMappingURL=index.js.map
|