sveltekit-admin 0.2.0 → 0.5.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (72) hide show
  1. package/README.md +80 -2
  2. package/dist/index.d.ts +2 -7
  3. package/dist/index.js +2 -13
  4. package/dist/server/auth.d.ts +7 -0
  5. package/dist/server/auth.js +19 -0
  6. package/dist/server/data.d.ts +38 -0
  7. package/dist/server/data.js +116 -0
  8. package/dist/server/handler.d.ts +123 -4
  9. package/dist/server/handler.js +590 -819
  10. package/dist/server/introspection/parser.d.ts +19 -12
  11. package/dist/server/introspection/parser.js +71 -61
  12. package/dist/server/introspection/relations.d.ts +49 -0
  13. package/dist/server/introspection/relations.js +128 -0
  14. package/dist/server/query/filterDetection.d.ts +71 -0
  15. package/dist/server/query/filterDetection.js +153 -0
  16. package/dist/server/query/listQuery.d.ts +89 -0
  17. package/dist/server/query/listQuery.js +428 -0
  18. package/dist/server/query/urls.d.ts +33 -0
  19. package/dist/server/query/urls.js +58 -0
  20. package/dist/server/router.d.ts +6 -0
  21. package/dist/server/router.js +27 -0
  22. package/dist/server/views/Dashboard.svelte +29 -0
  23. package/dist/server/views/Dashboard.svelte.d.ts +15 -0
  24. package/dist/server/views/FieldInput.svelte +63 -0
  25. package/dist/server/views/FieldInput.svelte.d.ts +9 -0
  26. package/dist/server/views/Form.svelte +127 -0
  27. package/dist/server/views/Form.svelte.d.ts +12 -0
  28. package/dist/server/views/Layout.svelte +78 -0
  29. package/dist/server/views/Layout.svelte.d.ts +13 -0
  30. package/dist/server/views/List.svelte +240 -0
  31. package/dist/server/views/List.svelte.d.ts +27 -0
  32. package/dist/server/views/ListFilters.svelte +257 -0
  33. package/dist/server/views/ListFilters.svelte.d.ts +18 -0
  34. package/dist/server/views/ModelCard.svelte +11 -0
  35. package/dist/server/views/ModelCard.svelte.d.ts +8 -0
  36. package/dist/server/views/NotFound.svelte +7 -0
  37. package/dist/server/views/NotFound.svelte.d.ts +7 -0
  38. package/dist/server/views/RelatedBlock.svelte +74 -0
  39. package/dist/server/views/RelatedBlock.svelte.d.ts +11 -0
  40. package/dist/server/views/RelationCheckboxes.svelte +53 -0
  41. package/dist/server/views/RelationCheckboxes.svelte.d.ts +9 -0
  42. package/dist/server/views/RelationSelect.svelte +53 -0
  43. package/dist/server/views/RelationSelect.svelte.d.ts +12 -0
  44. package/dist/server/views/StatCard.svelte +18 -0
  45. package/dist/server/views/StatCard.svelte.d.ts +8 -0
  46. package/dist/server/views/html.d.ts +5 -0
  47. package/dist/server/views/html.js +41 -0
  48. package/dist/server/views/theme.d.ts +1 -0
  49. package/dist/server/views/theme.js +484 -0
  50. package/dist/server/views/types.d.ts +57 -0
  51. package/dist/server/views/types.js +1 -0
  52. package/package.json +24 -26
  53. package/dist/admin.d.ts +0 -227
  54. package/dist/admin.js +0 -369
  55. package/dist/components/AdminForm.svelte +0 -423
  56. package/dist/components/AdminForm.svelte.d.ts +0 -30
  57. package/dist/components/AdminLayout.svelte +0 -328
  58. package/dist/components/AdminLayout.svelte.d.ts +0 -20
  59. package/dist/components/DataTable.svelte +0 -573
  60. package/dist/components/DataTable.svelte.d.ts +0 -25
  61. package/dist/components/index.d.ts +0 -3
  62. package/dist/components/index.js +0 -3
  63. package/dist/server/auth/guard.d.ts +0 -36
  64. package/dist/server/auth/guard.js +0 -38
  65. package/dist/server/auth/index.d.ts +0 -1
  66. package/dist/server/auth/index.js +0 -1
  67. package/dist/server/crud/index.d.ts +0 -1
  68. package/dist/server/crud/index.js +0 -1
  69. package/dist/server/crud/operations.d.ts +0 -87
  70. package/dist/server/crud/operations.js +0 -276
  71. package/dist/server/introspection/index.d.ts +0 -1
  72. package/dist/server/introspection/index.js +0 -1
@@ -2,716 +2,388 @@
2
2
  * SvelteKit Admin - Standalone Handler
3
3
  * Zero files needed in routes - everything handled via hook
4
4
  */
5
- import { parsePrismaSchema } from './introspection/parser.js';
6
- function parseRoute(pathname, basePath) {
7
- const path = pathname.slice(basePath.length).replace(/^\/+|\/+$/g, '');
8
- if (!path) {
9
- return { view: 'dashboard' };
10
- }
11
- const segments = path.split('/').filter(Boolean);
12
- if (segments.length === 1) {
13
- return { view: 'list', model: segments[0] };
14
- }
15
- if (segments.length === 2) {
16
- if (segments[1] === 'new') {
17
- return { view: 'create', model: segments[0] };
18
- }
19
- return { view: 'edit', model: segments[0], id: segments[1] };
20
- }
21
- return { view: 'dashboard' };
22
- }
23
- function toLabel(name) {
24
- return name.replace(/([A-Z])/g, ' $1').trim();
25
- }
26
- function toPrismaModel(name) {
27
- return name.charAt(0).toLowerCase() + name.slice(1);
28
- }
29
- // ============================================
30
- // HTML Templates
31
- // ============================================
32
- function baseLayout(content, config, models, currentModel) {
33
- const { branding = {} } = config;
34
- const title = branding.title || 'Admin';
35
- const primaryColor = branding.primaryColor || '#6366f1';
36
- const basePath = config.basePath || '/admin';
37
- return `<!DOCTYPE html>
38
- <html lang="en">
39
- <head>
40
- <meta charset="UTF-8">
41
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
42
- <title>${title}</title>
43
- <style>
44
- :root {
45
- --ska-primary: ${primaryColor};
46
- --ska-primary-hover: ${adjustColor(primaryColor, -15)};
47
- }
48
-
49
- * { box-sizing: border-box; margin: 0; padding: 0; }
50
-
51
- body {
52
- font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen, Ubuntu, sans-serif;
53
- background: #f8fafc;
54
- color: #1e293b;
55
- line-height: 1.5;
56
- }
57
-
58
- .ska-layout {
59
- display: flex;
60
- min-height: 100vh;
61
- }
62
-
63
- .ska-sidebar {
64
- width: 260px;
65
- background: white;
66
- border-right: 1px solid #e2e8f0;
67
- padding: 1.5rem;
68
- position: fixed;
69
- height: 100vh;
70
- overflow-y: auto;
71
- }
72
-
73
- .ska-logo {
74
- font-size: 1.25rem;
75
- font-weight: 700;
76
- color: var(--ska-primary);
77
- text-decoration: none;
78
- display: block;
79
- margin-bottom: 2rem;
80
- }
81
-
82
- .ska-nav { list-style: none; }
83
-
84
- .ska-nav__item {
85
- margin-bottom: 0.25rem;
86
- }
87
-
88
- .ska-nav__link {
89
- display: flex;
90
- align-items: center;
91
- gap: 0.75rem;
92
- padding: 0.625rem 0.875rem;
93
- color: #64748b;
94
- text-decoration: none;
95
- border-radius: 0.375rem;
96
- font-size: 0.875rem;
97
- transition: all 0.15s;
98
- }
99
-
100
- .ska-nav__link:hover {
101
- background: #f1f5f9;
102
- color: #1e293b;
103
- }
104
-
105
- .ska-nav__link--active {
106
- background: #eef2ff;
107
- color: var(--ska-primary);
108
- font-weight: 500;
109
- }
110
-
111
- .ska-main {
112
- flex: 1;
113
- margin-left: 260px;
114
- padding: 2rem;
115
- }
116
-
117
- .ska-card {
118
- background: white;
119
- border: 1px solid #e2e8f0;
120
- border-radius: 0.5rem;
121
- padding: 1.5rem;
122
- }
123
-
124
- .ska-btn {
125
- display: inline-flex;
126
- align-items: center;
127
- gap: 0.5rem;
128
- padding: 0.5rem 1rem;
129
- font-size: 0.875rem;
130
- font-weight: 500;
131
- border-radius: 0.375rem;
132
- border: none;
133
- cursor: pointer;
134
- text-decoration: none;
135
- transition: all 0.15s;
136
- }
137
-
138
- .ska-btn--primary {
139
- background: var(--ska-primary);
140
- color: white;
141
- }
142
-
143
- .ska-btn--primary:hover {
144
- background: var(--ska-primary-hover);
145
- }
146
-
147
- .ska-btn--secondary {
148
- background: #f1f5f9;
149
- color: #475569;
150
- }
151
-
152
- .ska-btn--secondary:hover {
153
- background: #e2e8f0;
154
- }
155
-
156
- .ska-btn--danger {
157
- background: #fef2f2;
158
- color: #dc2626;
159
- }
160
-
161
- .ska-btn--danger:hover {
162
- background: #fee2e2;
163
- }
164
-
165
- .ska-btn--sm {
166
- padding: 0.375rem 0.75rem;
167
- font-size: 0.75rem;
168
- }
169
-
170
- h1 { font-size: 1.5rem; font-weight: 700; margin-bottom: 0.5rem; }
171
- h2 { font-size: 1.25rem; font-weight: 600; margin-bottom: 1rem; }
172
-
173
- .ska-subtitle { color: #64748b; font-size: 0.875rem; margin-bottom: 1.5rem; }
174
-
175
- /* Table styles */
176
- .ska-table-wrap { overflow-x: auto; }
177
-
178
- .ska-table {
179
- width: 100%;
180
- border-collapse: collapse;
181
- font-size: 0.875rem;
182
- }
183
-
184
- .ska-table th {
185
- text-align: left;
186
- padding: 0.75rem 1rem;
187
- background: #f8fafc;
188
- border-bottom: 1px solid #e2e8f0;
189
- font-weight: 600;
190
- color: #64748b;
191
- font-size: 0.75rem;
192
- text-transform: uppercase;
193
- letter-spacing: 0.05em;
194
- }
195
-
196
- .ska-table td {
197
- padding: 0.75rem 1rem;
198
- border-bottom: 1px solid #e2e8f0;
199
- }
200
-
201
- .ska-table tr:hover {
202
- background: #f8fafc;
203
- }
204
-
205
- .ska-table__actions {
206
- display: flex;
207
- gap: 0.5rem;
208
- }
209
-
210
- /* Form styles */
211
- .ska-form { max-width: 600px; }
212
-
213
- .ska-field {
214
- margin-bottom: 1.25rem;
215
- }
216
-
217
- .ska-label {
218
- display: block;
219
- font-size: 0.875rem;
220
- font-weight: 500;
221
- color: #374151;
222
- margin-bottom: 0.375rem;
223
- }
224
-
225
- .ska-input {
226
- width: 100%;
227
- padding: 0.625rem 0.875rem;
228
- font-size: 0.875rem;
229
- border: 1px solid #d1d5db;
230
- border-radius: 0.375rem;
231
- transition: all 0.15s;
232
- }
233
-
234
- .ska-input:focus {
235
- outline: none;
236
- border-color: var(--ska-primary);
237
- box-shadow: 0 0 0 3px rgba(99, 102, 241, 0.1);
238
- }
239
-
240
- .ska-input[readonly] {
241
- background: #f9fafb;
242
- color: #6b7280;
243
- }
244
-
245
- .ska-checkbox-wrap {
246
- display: flex;
247
- align-items: center;
248
- gap: 0.5rem;
249
- }
250
-
251
- .ska-checkbox {
252
- width: 1rem;
253
- height: 1rem;
254
- }
255
-
256
- .ska-form__actions {
257
- display: flex;
258
- gap: 0.75rem;
259
- margin-top: 1.5rem;
260
- padding-top: 1.5rem;
261
- border-top: 1px solid #e2e8f0;
262
- }
263
-
264
- /* Stats grid */
265
- .ska-stats {
266
- display: grid;
267
- grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
268
- gap: 1rem;
269
- margin-bottom: 2rem;
270
- }
271
-
272
- .ska-stat {
273
- background: white;
274
- border: 1px solid #e2e8f0;
275
- border-radius: 0.5rem;
276
- padding: 1.25rem;
277
- display: flex;
278
- align-items: center;
279
- gap: 1rem;
280
- }
281
-
282
- .ska-stat__icon {
283
- width: 3rem;
284
- height: 3rem;
285
- background: #eef2ff;
286
- border-radius: 0.5rem;
287
- display: flex;
288
- align-items: center;
289
- justify-content: center;
290
- color: var(--ska-primary);
291
- }
292
-
293
- .ska-stat__value {
294
- font-size: 1.5rem;
295
- font-weight: 700;
296
- }
297
-
298
- .ska-stat__label {
299
- font-size: 0.875rem;
300
- color: #64748b;
301
- }
302
-
303
- /* Models grid */
304
- .ska-models {
305
- display: grid;
306
- grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
307
- gap: 1rem;
308
- }
309
-
310
- .ska-model-card {
311
- background: white;
312
- border: 1px solid #e2e8f0;
313
- border-radius: 0.5rem;
314
- padding: 1.25rem;
315
- text-decoration: none;
316
- transition: all 0.15s;
317
- display: flex;
318
- flex-direction: column;
319
- justify-content: space-between;
320
- min-height: 100px;
321
- }
322
-
323
- .ska-model-card:hover {
324
- border-color: var(--ska-primary);
325
- box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
326
- }
327
-
328
- .ska-model-card__name {
329
- font-weight: 600;
330
- color: #1e293b;
331
- margin-bottom: 0.25rem;
332
- }
333
-
334
- .ska-model-card__count {
335
- font-size: 0.75rem;
336
- color: #64748b;
337
- }
338
-
339
- .ska-model-card__footer {
340
- color: var(--ska-primary);
341
- font-size: 0.875rem;
342
- font-weight: 500;
343
- }
344
-
345
- /* Header with actions */
346
- .ska-header {
347
- display: flex;
348
- justify-content: space-between;
349
- align-items: flex-start;
350
- margin-bottom: 1.5rem;
351
- }
352
-
353
- /* Pagination */
354
- .ska-pagination {
355
- display: flex;
356
- align-items: center;
357
- gap: 0.5rem;
358
- margin-top: 1rem;
359
- padding-top: 1rem;
360
- border-top: 1px solid #e2e8f0;
361
- }
362
-
363
- .ska-pagination__info {
364
- font-size: 0.875rem;
365
- color: #64748b;
366
- margin-right: auto;
367
- }
368
-
369
- /* Search */
370
- .ska-search {
371
- margin-bottom: 1rem;
372
- }
373
-
374
- .ska-search__input {
375
- padding: 0.5rem 1rem;
376
- border: 1px solid #e2e8f0;
377
- border-radius: 0.375rem;
378
- font-size: 0.875rem;
379
- width: 300px;
380
- }
381
-
382
- /* Back link */
383
- .ska-back {
384
- display: inline-flex;
385
- align-items: center;
386
- gap: 0.25rem;
387
- color: #64748b;
388
- text-decoration: none;
389
- font-size: 0.875rem;
390
- margin-bottom: 0.5rem;
391
- }
392
-
393
- .ska-back:hover { color: #475569; }
394
-
395
- /* Alert */
396
- .ska-alert {
397
- padding: 1rem;
398
- border-radius: 0.375rem;
399
- margin-bottom: 1rem;
400
- }
401
-
402
- .ska-alert--error {
403
- background: #fef2f2;
404
- color: #dc2626;
405
- border: 1px solid #fecaca;
406
- }
407
-
408
- .ska-alert--success {
409
- background: #f0fdf4;
410
- color: #16a34a;
411
- border: 1px solid #bbf7d0;
412
- }
413
- </style>
414
- </head>
415
- <body>
416
- <div class="ska-layout">
417
- <aside class="ska-sidebar">
418
- <a href="${basePath}" class="ska-logo">${title}</a>
419
- <nav>
420
- <ul class="ska-nav">
421
- <li class="ska-nav__item">
422
- <a href="${basePath}" class="ska-nav__link ${!currentModel ? 'ska-nav__link--active' : ''}">
423
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><rect x="3" y="3" width="7" height="7"/><rect x="14" y="3" width="7" height="7"/><rect x="3" y="14" width="7" height="7"/><rect x="14" y="14" width="7" height="7"/></svg>
424
- Dashboard
425
- </a>
426
- </li>
427
- ${models.map(m => `
428
- <li class="ska-nav__item">
429
- <a href="${basePath}/${m.name.toLowerCase()}" class="ska-nav__link ${currentModel?.toLowerCase() === m.name.toLowerCase() ? 'ska-nav__link--active' : ''}">
430
- <svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M4 7V4h16v3M9 20h6M12 4v16"/></svg>
431
- ${m.label}
432
- </a>
433
- </li>
434
- `).join('')}
435
- </ul>
436
- </nav>
437
- </aside>
438
- <main class="ska-main">
439
- ${content}
440
- </main>
441
- </div>
442
- </body>
443
- </html>`;
444
- }
445
- function adjustColor(hex, percent) {
446
- const num = parseInt(hex.replace('#', ''), 16);
447
- const amt = Math.round(2.55 * percent);
448
- const R = Math.max(0, Math.min(255, (num >> 16) + amt));
449
- const G = Math.max(0, Math.min(255, ((num >> 8) & 0x00FF) + amt));
450
- const B = Math.max(0, Math.min(255, (num & 0x0000FF) + amt));
451
- return `#${(0x1000000 + R * 0x10000 + G * 0x100 + B).toString(16).slice(1)}`;
452
- }
453
- function dashboardView(models, stats) {
454
- return `
455
- <h1>Dashboard</h1>
456
- <p class="ska-subtitle">Welcome to your admin panel</p>
457
-
458
- <div class="ska-stats">
459
- <div class="ska-stat">
460
- <div class="ska-stat__icon">
461
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="m12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83Z"/><path d="m22 12.65-9.17 4.16a2 2 0 0 1-1.66 0L2 12.65"/><path d="m22 17.65-9.17 4.16a2 2 0 0 1-1.66 0L2 17.65"/></svg>
462
- </div>
463
- <div>
464
- <div class="ska-stat__value">${stats.models}</div>
465
- <div class="ska-stat__label">Models</div>
466
- </div>
467
- </div>
468
- <div class="ska-stat">
469
- <div class="ska-stat__icon">
470
- <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><ellipse cx="12" cy="5" rx="9" ry="3"/><path d="M3 5V19A9 3 0 0 0 21 19V5"/><path d="M3 12A9 3 0 0 0 21 12"/></svg>
471
- </div>
472
- <div>
473
- <div class="ska-stat__value">${stats.total}</div>
474
- <div class="ska-stat__label">Total Records</div>
475
- </div>
476
- </div>
477
- </div>
478
-
479
- <h2>Models</h2>
480
- <div class="ska-models">
481
- ${models.map(m => `
482
- <a href="/${m.name.toLowerCase()}" class="ska-model-card">
483
- <div>
484
- <div class="ska-model-card__name">${m.label}</div>
485
- <div class="ska-model-card__count">${m.count} records</div>
486
- </div>
487
- <div class="ska-model-card__footer">Manage →</div>
488
- </a>
489
- `).join('')}
490
- </div>
491
- `;
492
- }
493
- function listView(model, items, pagination, basePath, config) {
494
- const modelConfig = config.models?.[model.name] || {};
495
- const hidden = modelConfig.hidden || [];
496
- const listFields = modelConfig.listFields;
497
- let displayFields = model.fields.filter(f => !hidden.includes(f.name) &&
498
- !f.relation &&
499
- !['Json', 'Bytes'].includes(f.type));
500
- if (listFields?.length) {
501
- displayFields = displayFields.filter(f => listFields.includes(f.name));
502
- }
503
- displayFields = displayFields.slice(0, 6);
504
- const totalPages = Math.ceil(pagination.total / pagination.perPage);
505
- return `
506
- <div class="ska-header">
507
- <div>
508
- <h1>${model.label}</h1>
509
- <p class="ska-subtitle">${pagination.total} records</p>
510
- </div>
511
- <a href="${basePath}/${model.name.toLowerCase()}/new" class="ska-btn ska-btn--primary">
512
- <svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"><path d="M12 5v14M5 12h14"/></svg>
513
- Add ${model.label}
514
- </a>
515
- </div>
516
-
517
- <div class="ska-card">
518
- <div class="ska-table-wrap">
519
- <table class="ska-table">
520
- <thead>
521
- <tr>
522
- ${displayFields.map(f => `<th>${toLabel(f.name)}</th>`).join('')}
523
- <th>Actions</th>
524
- </tr>
525
- </thead>
526
- <tbody>
527
- ${items.length === 0 ? `
528
- <tr><td colspan="${displayFields.length + 1}" style="text-align: center; color: #64748b; padding: 2rem;">No records found</td></tr>
529
- ` : items.map(item => `
530
- <tr>
531
- ${displayFields.map(f => `<td>${formatValue(item[f.name], f.type)}</td>`).join('')}
532
- <td class="ska-table__actions">
533
- <a href="${basePath}/${model.name.toLowerCase()}/${item[model.primaryKey]}" class="ska-btn ska-btn--secondary ska-btn--sm">Edit</a>
534
- <form method="POST" action="${basePath}/${model.name.toLowerCase()}/${item[model.primaryKey]}" style="display:inline" onsubmit="return confirm('Delete this item?')">
535
- <input type="hidden" name="_action" value="delete">
536
- <button type="submit" class="ska-btn ska-btn--danger ska-btn--sm">Delete</button>
537
- </form>
538
- </td>
539
- </tr>
540
- `).join('')}
541
- </tbody>
542
- </table>
543
- </div>
544
-
545
- ${totalPages > 1 ? `
546
- <div class="ska-pagination">
547
- <span class="ska-pagination__info">
548
- Showing ${(pagination.page - 1) * pagination.perPage + 1} to ${Math.min(pagination.page * pagination.perPage, pagination.total)} of ${pagination.total}
549
- </span>
550
- ${pagination.page > 1 ? `<a href="?page=${pagination.page - 1}" class="ska-btn ska-btn--secondary ska-btn--sm">Previous</a>` : ''}
551
- ${pagination.page < totalPages ? `<a href="?page=${pagination.page + 1}" class="ska-btn ska-btn--secondary ska-btn--sm">Next</a>` : ''}
552
- </div>
553
- ` : ''}
554
- </div>
555
- `;
556
- }
557
- function createView(model, basePath, config, error) {
558
- const modelConfig = config.models?.[model.name] || {};
559
- const hidden = modelConfig.hidden || [];
560
- const formFields = model.fields.filter(f => !hidden.includes(f.name) &&
561
- !f.isId &&
562
- !f.isCreatedAt &&
563
- !f.isUpdatedAt &&
564
- !f.relation &&
565
- !f.hasDefault);
566
- return `
567
- <a href="${basePath}/${model.name.toLowerCase()}" class="ska-back">← Back to list</a>
568
- <h1>Create ${model.label}</h1>
569
-
570
- ${error ? `<div class="ska-alert ska-alert--error">${error}</div>` : ''}
571
-
572
- <div class="ska-card">
573
- <form method="POST" class="ska-form">
574
- <input type="hidden" name="_action" value="create">
575
- ${formFields.map(f => fieldInput(f, null, false)).join('')}
576
- <div class="ska-form__actions">
577
- <button type="submit" class="ska-btn ska-btn--primary">Create</button>
578
- <a href="${basePath}/${model.name.toLowerCase()}" class="ska-btn ska-btn--secondary">Cancel</a>
579
- </div>
580
- </form>
581
- </div>
582
- `;
583
- }
584
- function editView(model, item, basePath, config, error) {
585
- const modelConfig = config.models?.[model.name] || {};
586
- const hidden = modelConfig.hidden || [];
587
- const readonly = modelConfig.readonly || [];
588
- const formFields = model.fields.filter(f => !hidden.includes(f.name) &&
589
- !f.relation);
590
- const id = item[model.primaryKey];
591
- return `
592
- <a href="${basePath}/${model.name.toLowerCase()}" class="ska-back">← Back to list</a>
593
- <h1>Edit ${model.label}</h1>
594
- <p class="ska-subtitle">ID: ${id}</p>
595
-
596
- ${error ? `<div class="ska-alert ska-alert--error">${error}</div>` : ''}
597
-
598
- <div class="ska-card">
599
- <form method="POST" class="ska-form">
600
- <input type="hidden" name="_action" value="update">
601
- ${formFields.map(f => fieldInput(f, item[f.name], f.isId || f.isCreatedAt || f.isUpdatedAt || readonly.includes(f.name))).join('')}
602
- <div class="ska-form__actions">
603
- <button type="submit" class="ska-btn ska-btn--primary">Save Changes</button>
604
- <a href="${basePath}/${model.name.toLowerCase()}" class="ska-btn ska-btn--secondary">Cancel</a>
605
- </div>
606
- </form>
607
- </div>
608
- `;
609
- }
610
- function fieldInput(field, value, isReadonly) {
611
- const label = toLabel(field.name);
612
- const required = field.isRequired && !field.hasDefault && !isReadonly;
613
- if (field.type === 'Boolean') {
614
- return `
615
- <div class="ska-field">
616
- <label class="ska-checkbox-wrap">
617
- <input type="checkbox" name="${field.name}" class="ska-checkbox" ${value ? 'checked' : ''} ${isReadonly ? 'disabled' : ''}>
618
- <span class="ska-label">${label}</span>
619
- </label>
620
- </div>
621
- `;
622
- }
623
- let inputType = 'text';
624
- let inputValue = value ?? '';
625
- switch (field.type) {
626
- case 'Int':
627
- case 'Float':
628
- case 'Decimal':
629
- case 'BigInt':
630
- inputType = 'number';
631
- break;
632
- case 'DateTime':
633
- inputType = 'datetime-local';
634
- if (value) {
635
- inputValue = new Date(value).toISOString().slice(0, 16);
636
- }
637
- break;
638
- case 'Json':
639
- return `
640
- <div class="ska-field">
641
- <label class="ska-label">${label}${required ? ' *' : ''}</label>
642
- <textarea name="${field.name}" class="ska-input" rows="4" ${isReadonly ? 'readonly' : ''} ${required ? 'required' : ''}>${value ? JSON.stringify(value, null, 2) : ''}</textarea>
643
- </div>
644
- `;
645
- }
646
- // Handle String fields that might be long
647
- if (field.type === 'String' && (field.name.includes('description') || field.name.includes('content') || field.name.includes('body'))) {
648
- return `
649
- <div class="ska-field">
650
- <label class="ska-label">${label}${required ? ' *' : ''}</label>
651
- <textarea name="${field.name}" class="ska-input" rows="4" ${isReadonly ? 'readonly' : ''} ${required ? 'required' : ''}>${inputValue}</textarea>
652
- </div>
653
- `;
654
- }
655
- return `
656
- <div class="ska-field">
657
- <label class="ska-label">${label}${required ? ' *' : ''}</label>
658
- <input type="${inputType}" name="${field.name}" value="${escapeHtml(String(inputValue))}" class="ska-input" ${isReadonly ? 'readonly' : ''} ${required ? 'required' : ''}>
659
- </div>
660
- `;
661
- }
662
- function formatValue(value, type) {
663
- if (value === null || value === undefined)
664
- return '<span style="color:#94a3b8">—</span>';
665
- if (type === 'DateTime') {
666
- return new Date(value).toLocaleString();
667
- }
668
- if (type === 'Boolean') {
669
- return value ? '✓' : '✗';
670
- }
671
- const str = String(value);
672
- if (str.length > 50) {
673
- return escapeHtml(str.slice(0, 50)) + '...';
674
- }
675
- return escapeHtml(str);
676
- }
677
- function escapeHtml(str) {
678
- return str
679
- .replace(/&/g, '&amp;')
680
- .replace(/</g, '&lt;')
681
- .replace(/>/g, '&gt;')
682
- .replace(/"/g, '&quot;');
683
- }
684
- function notFoundView(message) {
685
- return `
686
- <h1>Not Found</h1>
687
- <p class="ska-subtitle">${message}</p>
688
- <a href="" class="ska-btn ska-btn--secondary">← Back to Dashboard</a>
689
- `;
690
- }
5
+ import { render } from 'svelte/server';
6
+ import { parsePrismaSchema, isSensitiveFieldName } from './introspection/parser.js';
7
+ import { buildRelationGraph } from './introspection/relations.js';
8
+ import { parseRoute } from './router.js';
9
+ import { primaryKeyOf, toPrismaModel, coerceId, formDataToPrisma, paginate, listRecords, getRecord, createRecord, updateRecord, deleteRecord } from './data.js';
10
+ import { parseListQuery, buildWhere, resolveSearchFields } from './query/listQuery.js';
11
+ import { resolveListFilters, validateListFilterConfig, findFkEdge } from './query/filterDetection.js';
12
+ import { escapeHtml, toLabel } from './views/html.js';
13
+ import NotFound from './views/NotFound.svelte';
14
+ import Layout from './views/Layout.svelte';
15
+ import Dashboard from './views/Dashboard.svelte';
16
+ import Form from './views/Form.svelte';
17
+ import List from './views/List.svelte';
18
+ const PER_PAGE = 20;
691
19
  // ============================================
692
20
  // Main Handler
693
21
  // ============================================
694
22
  export function createAdminHandler(config) {
695
- const { prisma, prismaSchemaPath = './prisma/schema.prisma', basePath = '/admin', authCheck, exclude = [], models: modelsConfig = {}, branding = {} } = config;
23
+ const { prisma, prismaSchemaPath = './prisma/schema.prisma', basePath = '/admin', authCheck, logout, logoutRedirectTo = '/', exclude = [], hidePivotTables = true, models: modelsConfig = {} } = config;
696
24
  // Parse schema once at startup
697
25
  let schema = null;
26
+ let relationGraph = null;
698
27
  try {
699
28
  schema = parsePrismaSchema(prismaSchemaPath);
29
+ relationGraph = buildRelationGraph(schema);
30
+ for (const d of relationGraph.diagnostics) {
31
+ console.warn(`[sveltekit-admin] ${d}`);
32
+ }
700
33
  }
701
34
  catch (e) {
702
35
  console.warn('[sveltekit-admin] Could not parse Prisma schema:', e);
703
36
  }
704
- const filteredModels = schema?.models.filter(m => !exclude.includes(m.name)) || [];
705
- const modelList = filteredModels.map(m => ({
37
+ const filteredModels = schema?.models.filter((m) => {
38
+ // Exclude explicitly excluded models
39
+ if (exclude.includes(m.name))
40
+ return false;
41
+ // Exclude pivot tables if option is enabled
42
+ if (hidePivotTables && m.isPivotTable)
43
+ return false;
44
+ return true;
45
+ }) || [];
46
+ // Valider `listFilter` au démarrage : une config invalide (champ
47
+ // inexistant, sensible, relation, type non supporté) doit échouer fort
48
+ // ici plutôt que produire silencieusement un filtre mort à chaque rendu
49
+ // de liste (docs/design §8, même politique que le groupe ambigu de
50
+ // relations.ts).
51
+ const hiddenFieldsOf = (m) => new Set(modelsConfig[m.name]?.hidden ?? []);
52
+ for (const m of filteredModels) {
53
+ const entries = modelsConfig[m.name]?.listFilter;
54
+ // Non-null par construction : `filteredModels` n'existe que si le schéma
55
+ // a été parsé, et le graphe est construit dans la même branche de boot.
56
+ if (entries)
57
+ validateListFilterConfig(m.name, entries, m, relationGraph, hiddenFieldsOf(m));
58
+ }
59
+ const labelOf = (m) => modelsConfig[m.name]?.label || toLabel(m.name);
60
+ const modelList = filteredModels.map((m) => ({ name: m.name, label: labelOf(m) }));
61
+ const findModel = (name) => filteredModels.find((m) => m.name.toLowerCase() === name?.toLowerCase());
62
+ const viewModel = (m) => ({
706
63
  name: m.name,
707
- label: modelsConfig[m.name]?.label || toLabel(m.name)
708
- }));
64
+ label: labelOf(m),
65
+ fields: m.fields,
66
+ primaryKey: primaryKeyOf(m),
67
+ // Non-null par construction : `m` vient toujours de `filteredModels`,
68
+ // dérivé du schéma qu'on vient de parser avec succès.
69
+ relationGraph: relationGraph
70
+ });
71
+ const redirectToList = (model) => new Response(null, {
72
+ status: 303,
73
+ headers: { Location: `${basePath}/${model.toLowerCase()}` }
74
+ });
75
+ const selectThreshold = config.relationDefaults?.selectThreshold ?? 200;
76
+ const filterLinkThreshold = config.listFilterDefaults?.linkThreshold ?? 20;
77
+ const labelFieldCandidates = config.relationDefaults?.labelFields ?? [
78
+ 'name', 'title', 'label', 'email', 'username', 'slug'
79
+ ];
80
+ // `mode: 'insensitive'` n'est supporté par Prisma que sur
81
+ // postgresql/cockroachdb/mongodb — l'émettre sur sqlite/mysql/sqlserver
82
+ // lève une erreur Prisma dure. Détection auto via le provider extrait du
83
+ // schéma ; `search.mode` permet de forcer le comportement (provider non
84
+ // littéral dans le schéma, index citext, etc.). Voir docs/design §2.5.
85
+ const searchMode = config.search?.mode ?? 'auto';
86
+ const caseInsensitiveSearch = searchMode === 'insensitive' ||
87
+ (searchMode === 'auto' &&
88
+ ['postgresql', 'cockroachdb', 'mongodb'].includes(schema?.provider ?? ''));
89
+ /**
90
+ * Champs qu'un `?f.<field>=` est autorisé à cibler pour ce modèle : tout
91
+ * champ scalaire non-liste, non-relation, de type filtrable
92
+ * (String/Int/Float/Decimal/BigInt/Boolean/DateTime/enum — donc pas
93
+ * Json/Bytes), non sensible, et non listé dans `hidden` pour ce modèle.
94
+ * Sans ce dernier point, `hidden: ['internalNotes']` ne fait que masquer
95
+ * l'affichage : le champ reste un oracle de confirmation de valeur via
96
+ * `?f.internalNotes=...contains...`, exactement la faille §0.a fermée
97
+ * ailleurs pour les champs sensibles par nom — `hidden` et le prédicat
98
+ * de sensibilité sont deux sources distinctes, toutes deux doivent
99
+ * fermer l'oracle (docs/design §10, "deux sources, un seul prédicat
100
+ * partagé, sinon divergence garantie"). Défense en profondeur :
101
+ * `listQuery.ts` revérifie lui-même la sensibilité par nom, ce set est
102
+ * la première passe et la seule à connaître la config `hidden`.
103
+ */
104
+ const resolveFilterableFields = (model) => {
105
+ const hidden = hiddenFieldsOf(model);
106
+ const out = new Set();
107
+ for (const f of model.fields) {
108
+ if (f.relation || f.isList)
109
+ continue;
110
+ if (['Json', 'Bytes'].includes(f.type))
111
+ continue;
112
+ if (isSensitiveFieldName(f.name))
113
+ continue;
114
+ if (hidden.has(f.name))
115
+ continue;
116
+ out.add(f.name);
117
+ }
118
+ return out;
119
+ };
120
+ /**
121
+ * Résout le label BRUT (non échappé) d'une ligne : premier champ String
122
+ * candidat présent, sinon template `{a} {b}` si configuré, sinon la PK.
123
+ * Déterministe. Svelte échappe automatiquement à l'interpolation dans les
124
+ * composants — pas besoin d'échapper ici.
125
+ */
126
+ const resolveLabel = (targetModel, row, labelTemplate) => {
127
+ if (labelTemplate) {
128
+ return labelTemplate.replace(/\{(\w+)\}/g, (_, k) => String(row[k] ?? ''));
129
+ }
130
+ for (const candidate of labelFieldCandidates) {
131
+ const field = targetModel.fields.find((f) => f.name === candidate);
132
+ if (field && field.type === 'String' && row[candidate] != null) {
133
+ return String(row[candidate]);
134
+ }
135
+ }
136
+ return String(row[primaryKeyOf(targetModel)]);
137
+ };
138
+ /**
139
+ * Charge les options pour toutes les arêtes to-one-owning et m2m-implicite
140
+ * d'un modèle. Une requête COUNT par relation avant le findMany : évite de
141
+ * charger 10k lignes pour découvrir qu'il y en a 10k.
142
+ */
143
+ const loadRelationOptions = async (model, ctx, currentId) => {
144
+ const out = new Map();
145
+ for (const edge of relationGraph.edges.values()) {
146
+ if (edge.model !== model.name)
147
+ continue;
148
+ if (edge.kind !== 'to-one-owning' && edge.kind !== 'm2m-implicit')
149
+ continue;
150
+ if (edge.unsupported)
151
+ continue;
152
+ const relConfig = modelsConfig[model.name]?.relations?.[edge.field];
153
+ if (relConfig?.widget === 'hidden')
154
+ continue;
155
+ const targetModel = schema.models.find((m) => m.name === edge.target);
156
+ const where = relConfig?.where ? relConfig.where(ctx) : undefined;
157
+ const prismaKey = toPrismaModel(edge.target);
158
+ try {
159
+ const total = await prisma[prismaKey].count({ where });
160
+ if (total > selectThreshold || relConfig?.widget === 'raw-id') {
161
+ const selectedIds = edge.kind === 'm2m-implicit' && currentId
162
+ ? await loadSelectedIds(model, edge, currentId, targetModel)
163
+ : undefined;
164
+ out.set(`${edge.model}.${edge.field}`, { tooMany: true, options: [], selectedIds });
165
+ continue;
166
+ }
167
+ const rows = await prisma[prismaKey].findMany({
168
+ where,
169
+ orderBy: relConfig?.orderBy
170
+ });
171
+ const options = rows.map((row) => ({
172
+ id: row[primaryKeyOf(targetModel)],
173
+ label: resolveLabel(targetModel, row, relConfig?.labelTemplate)
174
+ }));
175
+ const selectedIds = edge.kind === 'm2m-implicit' && currentId
176
+ ? await loadSelectedIds(model, edge, currentId, targetModel)
177
+ : undefined;
178
+ out.set(`${edge.model}.${edge.field}`, { tooMany: false, options, selectedIds });
179
+ }
180
+ catch {
181
+ // Cible absente de la base ou client incomplet : repli raw-id pour
182
+ // garder le champ éditable plutôt que de faire échouer tout le form.
183
+ out.set(`${edge.model}.${edge.field}`, { tooMany: true, options: [] });
184
+ }
185
+ }
186
+ return out;
187
+ };
188
+ /**
189
+ * Options d'un filtre FK : charge et scope les valeurs possibles pour la
190
+ * sidebar, ET résout le label du chip actif. Doctrine IDOR (docs/design
191
+ * §6.3) : les options ET le label du chip passent par le `where` de
192
+ * scoping de la relation — un chip forgé avec un ID hors scope affiche
193
+ * l'ID brut, jamais le label (sinon c'est un oracle sur le nom d'un
194
+ * enregistrement d'un autre tenant).
195
+ */
196
+ const resolveFkFilterOptions = async (model, fkFieldName, label, ctx, activeRawValue) => {
197
+ // Appelé uniquement pour un filtre `kind: 'fk'` retourné par
198
+ // resolveListFilters avec CE MÊME graphe : graphe et arête existent donc
199
+ // par construction. Garder des gardes here masquerait une incohérence
200
+ // interne et ajouterait du code mort (coverage artificielle).
201
+ const edge = findFkEdge(relationGraph, model.name, fkFieldName);
202
+ const targetModel = schema.models.find((m) => m.name === edge.target);
203
+ // Non-null par construction : `edge` vient du graphe dérivé du même
204
+ // schéma parsé avec succès — une arête ne peut pas cibler un modèle qui
205
+ // n'existe pas dans `schema.models`.
206
+ const relConfig = modelsConfig[model.name]?.relations?.[edge.field];
207
+ const scope = relConfig?.where ? relConfig.where(ctx) : undefined;
208
+ const prismaKey = toPrismaModel(edge.target);
209
+ // Options de la sidebar : scopées, comptées puis chargées si sous le seuil.
210
+ let options = [];
211
+ let tooMany = false;
212
+ try {
213
+ const total = await prisma[prismaKey].count({ where: scope });
214
+ if (total > selectThreshold) {
215
+ tooMany = true;
216
+ }
217
+ else {
218
+ const rows = await prisma[prismaKey].findMany({
219
+ where: scope,
220
+ orderBy: relConfig?.orderBy
221
+ });
222
+ options = rows.map((row) => ({
223
+ id: row[primaryKeyOf(targetModel)],
224
+ label: resolveLabel(targetModel, row, relConfig?.labelTemplate)
225
+ }));
226
+ }
227
+ }
228
+ catch {
229
+ tooMany = true;
230
+ }
231
+ // Label du chip actif : résolu via findFirst scopé (§6.3.b). Un ID hors
232
+ // scope retourne null ici → le composant affiche l'ID brut, pas de label.
233
+ let activeLabel;
234
+ if (activeRawValue !== undefined) {
235
+ const activeId = coerceId(activeRawValue, targetModel);
236
+ try {
237
+ const row = await prisma[prismaKey].findFirst({
238
+ where: scope ? { AND: [{ [primaryKeyOf(targetModel)]: activeId }, scope] } : { [primaryKeyOf(targetModel)]: activeId }
239
+ });
240
+ activeLabel = row ? resolveLabel(targetModel, row, relConfig?.labelTemplate) : undefined;
241
+ }
242
+ catch {
243
+ activeLabel = undefined;
244
+ }
245
+ }
246
+ return {
247
+ field: fkFieldName,
248
+ label,
249
+ relationField: edge.field,
250
+ targetModel: edge.target,
251
+ options,
252
+ mode: tooMany ? 'raw-id' : options.length <= filterLinkThreshold ? 'links' : 'select',
253
+ tooMany,
254
+ activeLabel,
255
+ // Une cible exclue/masquée n'a pas de page admin : le chip reste du
256
+ // texte, jamais un lien mort (docs/design §6.4).
257
+ activeHref: activeLabel && findModel(edge.target)
258
+ ? `${basePath}/${edge.target.toLowerCase()}/${encodeURIComponent(activeRawValue)}`
259
+ : undefined
260
+ };
261
+ };
262
+ /** IDs liés côté N-N implicite, via une requête sur le join field Prisma. */
263
+ const loadSelectedIds = async (model, edge, currentId, targetModel) => {
264
+ try {
265
+ const current = await prisma[toPrismaModel(model.name)].findUnique({
266
+ where: { [primaryKeyOf(model)]: coerceId(currentId, model) },
267
+ include: { [edge.field]: true }
268
+ });
269
+ const linked = current?.[edge.field] ?? [];
270
+ return linked.map((row) => row[primaryKeyOf(targetModel)]);
271
+ }
272
+ catch {
273
+ return [];
274
+ }
275
+ };
276
+ /**
277
+ * Compte, pour chaque relation inverse (1-N, 1-1) d'un modèle, le nombre
278
+ * d'enregistrements liés côté cible. Résilient : une cible dont le client
279
+ * échoue (mock partiel, modèle absent) retombe sur 0 plutôt que de casser
280
+ * le rendu du formulaire.
281
+ */
282
+ const loadRelatedCounts = async (model, currentId) => {
283
+ const out = new Map();
284
+ for (const edge of relationGraph.edges.values()) {
285
+ if (edge.model !== model.name)
286
+ continue;
287
+ if (edge.kind !== 'to-many-inverse' && edge.kind !== 'to-one-inverse')
288
+ continue;
289
+ const owning = [...relationGraph.edges.values()].find((o) => o.model === edge.target && o.kind === 'to-one-owning' && o.relationName === edge.relationName);
290
+ if (!owning || owning.unsupported)
291
+ continue;
292
+ const scalarName = owning.scalarFields[0];
293
+ try {
294
+ const count = await prisma[toPrismaModel(edge.target)].count({
295
+ where: { [scalarName]: coerceId(currentId, model) }
296
+ });
297
+ out.set(`${edge.model}.${edge.field}`, count);
298
+ }
299
+ catch {
300
+ out.set(`${edge.model}.${edge.field}`, 0);
301
+ }
302
+ }
303
+ return out;
304
+ };
305
+ /**
306
+ * Endpoint de recherche `GET {basePath}/_search?rel=Model.field&q=...&page=N`.
307
+ * Sert les options d'une relation to-one-owning ou m2m-implicite en JSON
308
+ * paginé — la voie prévue pour un futur widget autocomplete côté client
309
+ * quand le nombre d'options dépasse `selectThreshold`. Respecte le `where`
310
+ * de scoping configuré sur la relation, comme le select et la validation
311
+ * POST : même garantie anti-IDOR sur les trois chemins.
312
+ */
313
+ const handleSearch = async (event) => {
314
+ const relParam = event.url.searchParams.get('rel') ?? '';
315
+ const [modelName, fieldName] = relParam.split('.');
316
+ const q = event.url.searchParams.get('q') ?? '';
317
+ const { page } = paginate(event.url.searchParams.get('page'), PER_PAGE);
318
+ const model = findModel(modelName);
319
+ const edge = model && relationGraph
320
+ ? relationGraph.edges.get(`${model.name}.${fieldName}`)
321
+ : undefined;
322
+ if (!model || !edge || (edge.kind !== 'to-one-owning' && edge.kind !== 'm2m-implicit') || edge.unsupported) {
323
+ return new Response(JSON.stringify({ error: 'unknown relation' }), {
324
+ status: 404,
325
+ headers: { 'Content-Type': 'application/json' }
326
+ });
327
+ }
328
+ const targetModel = schema.models.find((m) => m.name === edge.target);
329
+ const relConfig = modelsConfig[model.name]?.relations?.[edge.field];
330
+ const configWhere = relConfig?.where ? relConfig.where({ locals: event.locals }) : {};
331
+ // Recherche sur le premier champ String candidat du modèle cible — le
332
+ // même champ que celui utilisé pour construire le label par défaut.
333
+ const searchField = labelFieldCandidates.find((c) => targetModel.fields.some((f) => f.name === c && f.type === 'String'));
334
+ const where = {
335
+ ...configWhere,
336
+ ...(q && searchField ? { [searchField]: { contains: q } } : {})
337
+ };
338
+ const prismaKey = toPrismaModel(edge.target);
339
+ try {
340
+ const [total, rows] = await Promise.all([
341
+ prisma[prismaKey].count({ where }),
342
+ prisma[prismaKey].findMany({
343
+ where,
344
+ skip: (page - 1) * PER_PAGE,
345
+ take: PER_PAGE,
346
+ orderBy: relConfig?.orderBy
347
+ })
348
+ ]);
349
+ const options = rows.map((row) => ({
350
+ id: row[primaryKeyOf(targetModel)],
351
+ label: resolveLabel(targetModel, row, relConfig?.labelTemplate)
352
+ }));
353
+ return new Response(JSON.stringify({ options, total, page }), {
354
+ headers: { 'Content-Type': 'application/json' }
355
+ });
356
+ }
357
+ catch {
358
+ return new Response(JSON.stringify({ error: 'search failed' }), {
359
+ status: 500,
360
+ headers: { 'Content-Type': 'application/json' }
361
+ });
362
+ }
363
+ };
709
364
  return async ({ event, resolve }) => {
710
365
  const { pathname } = event.url;
711
366
  // Only handle admin routes
712
367
  if (!pathname.startsWith(basePath)) {
713
368
  return resolve(event);
714
369
  }
370
+ const route = parseRoute(pathname, basePath);
371
+ // Logout: dispatched BEFORE authCheck, deliberately. A user whose
372
+ // session already expired (authCheck would now reject them) must
373
+ // still be able to hit this route to clear client-side state (a
374
+ // stale cookie, for instance) instead of being stuck behind a 401
375
+ // with no way to reach the very thing that would let them log back
376
+ // in cleanly. POST-only: a GET (crawler, link prefetch, <img src>)
377
+ // must never be able to trigger a logout side effect.
378
+ if (route.view === 'logout') {
379
+ if (event.request.method !== 'POST') {
380
+ return new Response('Method Not Allowed', { status: 405, headers: { Allow: 'POST' } });
381
+ }
382
+ if (logout) {
383
+ await logout(event);
384
+ }
385
+ return new Response(null, { status: 303, headers: { Location: logoutRedirectTo } });
386
+ }
715
387
  // Auth check
716
388
  if (authCheck) {
717
389
  const allowed = await authCheck(event);
@@ -719,172 +391,271 @@ export function createAdminHandler(config) {
719
391
  return new Response('Unauthorized', { status: 401 });
720
392
  }
721
393
  }
722
- const route = parseRoute(pathname, basePath);
723
394
  let content = '';
724
395
  let currentModel;
396
+ if (route.view === 'search') {
397
+ return handleSearch(event);
398
+ }
725
399
  try {
726
- // Handle POST requests (create, update, delete)
400
+ // Handle POST requests (create, update, delete). Unrecognised actions fall
401
+ // through to the GET rendering below, as they always have.
727
402
  if (event.request.method === 'POST') {
728
403
  const formData = await event.request.formData();
729
404
  const action = formData.get('_action');
730
405
  if (route.model) {
731
- const schemaModel = filteredModels.find(m => m.name.toLowerCase() === route.model?.toLowerCase());
732
- if (!schemaModel) {
406
+ const model = findModel(route.model);
407
+ if (!model) {
733
408
  throw new Error(`Model "${route.model}" not found`);
734
409
  }
735
- const prismaModelName = toPrismaModel(schemaModel.name);
736
- const primaryKey = schemaModel.fields.find(f => f.isId)?.name || 'id';
737
410
  if (action === 'delete' && route.id) {
738
- const parsedId = /^\d+$/.test(route.id) ? parseInt(route.id) : route.id;
739
- await prisma[prismaModelName].delete({
740
- where: { [primaryKey]: parsedId }
741
- });
742
- return new Response(null, {
743
- status: 303,
744
- headers: { Location: `${basePath}/${route.model.toLowerCase()}` }
745
- });
411
+ await deleteRecord(prisma, model, route.id);
412
+ return redirectToList(route.model);
746
413
  }
747
414
  if (action === 'create' || action === 'update') {
748
- const data = {};
749
- for (const field of schemaModel.fields) {
750
- if (field.isId || field.isUpdatedAt || field.isCreatedAt || field.relation)
751
- continue;
752
- const value = formData.get(field.name);
753
- if (value === null) {
754
- if (field.type === 'Boolean') {
755
- data[field.name] = false;
415
+ const data = formDataToPrisma(formData, model);
416
+ // Validation des FK owning : coercion + existence + self-ref.
417
+ // Rejoue le `where` de scoping : un ID hors du where est rejeté,
418
+ // pas seulement caché du select (IDOR par POST forgé).
419
+ if (relationGraph) {
420
+ for (const edge of relationGraph.edges.values()) {
421
+ if (edge.model !== model.name || edge.kind !== 'to-one-owning')
422
+ continue;
423
+ if (edge.unsupported)
424
+ continue;
425
+ const scalarName = edge.scalarFields[0];
426
+ // Lu directement depuis le FormData plutôt que `data` :
427
+ // `formDataToPrisma` omet la clé pour un scalaire required
428
+ // laissé vide, donc `data[scalarName]` ne suffirait pas ici.
429
+ const raw = formData.get(scalarName);
430
+ if (raw === null)
431
+ continue;
432
+ const relConfig = modelsConfig[model.name]?.relations?.[edge.field];
433
+ // Vide sur relation optionnelle → null (disconnect).
434
+ if (raw === '' || raw === undefined || raw === null) {
435
+ if (edge.isRequired) {
436
+ throw new Error(`${edge.field} is required`);
437
+ }
438
+ data[scalarName] = null;
439
+ continue;
440
+ }
441
+ // Coercion vers le type de la PK cible. `targetModel` existe
442
+ // toujours : le graphe n'aurait pas produit d'arête sinon.
443
+ const targetModel = schema.models.find((m) => m.name === edge.target);
444
+ const pkField = targetModel.fields.find((f) => f.isId);
445
+ const coerced = pkField?.type === 'Int' ? parseInt(String(raw)) : String(raw);
446
+ if (pkField?.type === 'Int' && !Number.isSafeInteger(coerced)) {
447
+ throw new Error(`${edge.field}: invalid id`);
448
+ }
449
+ // Self-ref : la ligne courante ne peut pas être sa propre cible.
450
+ if (edge.selfReferential && route.id && String(coerced) === String(coerceId(route.id, model))) {
451
+ throw new Error(`${edge.field}: cannot reference itself`);
452
+ }
453
+ // Existence + scoping. findFirst et non findUnique : le where
454
+ // peut porter des conditions arbitraires (scoping multi-tenant).
455
+ // Si le client ne sait pas répondre, on ne bloque pas l'écriture.
456
+ try {
457
+ const where = {
458
+ [primaryKeyOf(targetModel)]: coerced,
459
+ ...(relConfig?.where ? relConfig.where({ locals: event.locals }) : {})
460
+ };
461
+ const found = await prisma[toPrismaModel(edge.target)].findFirst({ where });
462
+ if (!found) {
463
+ throw new Error(`${edge.field}: invalid value`);
464
+ }
756
465
  }
757
- continue;
466
+ catch (e) {
467
+ if (e?.message?.includes('invalid value'))
468
+ throw e;
469
+ // Client incapable de vérifier (mock partiel, etc.) : on laisse passer.
470
+ }
471
+ data[scalarName] = coerced;
758
472
  }
759
- switch (field.type) {
760
- case 'Int':
761
- case 'BigInt':
762
- data[field.name] = value ? parseInt(value.toString()) : null;
763
- break;
764
- case 'Float':
765
- case 'Decimal':
766
- data[field.name] = value ? parseFloat(value.toString()) : null;
767
- break;
768
- case 'Boolean':
769
- data[field.name] = value === 'on' || value === 'true' || value === '1';
770
- break;
771
- case 'DateTime':
772
- data[field.name] = value ? new Date(value.toString()) : null;
773
- break;
774
- case 'Json':
473
+ // N-N implicite : lit `__rel__<field>` (valeurs cochées) et
474
+ // `__rel_present__<field>` (sentinelle). Sans le sentinelle,
475
+ // le champ est absent du form (readonly/exclu) → no-op.
476
+ // Avec le sentinelle mais zéro valeur cochée → vider la
477
+ // relation (`set: []` / rien à connecter en création).
478
+ for (const edge of relationGraph.edges.values()) {
479
+ if (edge.model !== model.name || edge.kind !== 'm2m-implicit')
480
+ continue;
481
+ // Pas de garde `edge.unsupported` ici : par construction du
482
+ // graphe, `unsupported` n'est jamais posé sur une arête
483
+ // m2m-implicite (seulement sur to-one-owning / groupes
484
+ // ambigus, qui retombent toujours en to-one-owning).
485
+ const present = formData.get(`__rel_present__${edge.field}`);
486
+ if (present === null)
487
+ continue;
488
+ const relConfig = modelsConfig[model.name]?.relations?.[edge.field];
489
+ const targetModel = schema.models.find((m) => m.name === edge.target);
490
+ const targetPk = primaryKeyOf(targetModel);
491
+ const pkIsInt = targetModel.fields.find((f) => f.isId)?.type === 'Int';
492
+ const submitted = formData.getAll(`__rel__${edge.field}`).map(String);
493
+ const rawIds = submitted.length === 1 && submitted[0].includes(',')
494
+ ? submitted[0].split(',').map((s) => s.trim()).filter(Boolean)
495
+ : submitted;
496
+ const ids = rawIds.map((v) => pkIsInt ? parseInt(v) : v);
497
+ if (pkIsInt && ids.some((v) => !Number.isSafeInteger(v))) {
498
+ throw new Error(`${edge.field}: invalid id`);
499
+ }
500
+ // Existence + scoping en une requête, sur l'ensemble des IDs
501
+ // soumis. Un compte différent = au moins un ID invalide ou
502
+ // hors scoping — IDOR bloqué au même titre que pour les FK.
503
+ if (ids.length > 0) {
504
+ const where = {
505
+ [targetPk]: { in: ids },
506
+ ...(relConfig?.where ? relConfig.where({ locals: event.locals }) : {})
507
+ };
775
508
  try {
776
- data[field.name] = value ? JSON.parse(value.toString()) : null;
509
+ const found = await prisma[toPrismaModel(edge.target)].findMany({ where });
510
+ if (found.length !== new Set(ids.map(String)).size) {
511
+ throw new Error(`${edge.field}: invalid value`);
512
+ }
777
513
  }
778
- catch {
779
- data[field.name] = null;
514
+ catch (e) {
515
+ if (e?.message?.includes('invalid value'))
516
+ throw e;
517
+ // Client incapable de vérifier : on laisse passer.
780
518
  }
781
- break;
782
- default:
783
- data[field.name] = value.toString();
519
+ }
520
+ const idRefs = ids.map((id) => ({ [targetPk]: id }));
521
+ data[edge.field] =
522
+ action === 'create' ? { connect: idRefs } : { set: idRefs };
784
523
  }
785
524
  }
786
525
  if (action === 'create') {
787
- await prisma[prismaModelName].create({ data });
526
+ await createRecord(prisma, model, data);
788
527
  }
789
528
  else if (route.id) {
790
- const parsedId = /^\d+$/.test(route.id) ? parseInt(route.id) : route.id;
791
- await prisma[prismaModelName].update({
792
- where: { [primaryKey]: parsedId },
793
- data
794
- });
529
+ await updateRecord(prisma, model, route.id, data);
795
530
  }
796
- return new Response(null, {
797
- status: 303,
798
- headers: { Location: `${basePath}/${route.model.toLowerCase()}` }
799
- });
531
+ return redirectToList(route.model);
800
532
  }
801
533
  }
802
534
  }
803
535
  // GET requests - render views
804
- if (route.view === 'dashboard') {
536
+ if (route.view === 'notFound') {
537
+ content = render(NotFound, { props: { message: 'Page not found', basePath } }).body;
538
+ }
539
+ else if (route.view === 'dashboard') {
805
540
  const modelsWithCounts = await Promise.all(filteredModels.map(async (m) => {
806
- const prismaModelName = toPrismaModel(m.name);
807
541
  let count = 0;
808
542
  try {
809
- count = await prisma[prismaModelName].count();
543
+ count = await prisma[toPrismaModel(m.name)].count();
810
544
  }
811
- catch (e) { }
812
- return {
813
- name: m.name,
814
- label: modelsConfig[m.name]?.label || toLabel(m.name),
815
- count
816
- };
545
+ catch {
546
+ // model absent from the database
547
+ }
548
+ return { name: m.name, label: labelOf(m), count };
817
549
  }));
818
550
  const totalRecords = modelsWithCounts.reduce((sum, m) => sum + m.count, 0);
819
- content = dashboardView(modelsWithCounts, { total: totalRecords, models: modelsWithCounts.length });
820
- }
821
- else if (route.view === 'list' && route.model) {
822
- currentModel = route.model;
823
- const schemaModel = filteredModels.find(m => m.name.toLowerCase() === route.model?.toLowerCase());
824
- if (!schemaModel) {
825
- content = notFoundView(`Model "${route.model}" not found`);
826
- }
827
- else {
828
- const prismaModelName = toPrismaModel(schemaModel.name);
829
- const primaryKey = schemaModel.fields.find(f => f.isId)?.name || 'id';
830
- const page = parseInt(event.url.searchParams.get('page') || '1');
831
- const perPage = 20;
832
- const [items, total] = await Promise.all([
833
- prisma[prismaModelName].findMany({
834
- skip: (page - 1) * perPage,
835
- take: perPage,
836
- orderBy: { [primaryKey]: 'desc' }
837
- }),
838
- prisma[prismaModelName].count()
839
- ]);
840
- content = listView({
841
- name: schemaModel.name,
842
- label: modelsConfig[schemaModel.name]?.label || toLabel(schemaModel.name),
843
- fields: schemaModel.fields,
844
- primaryKey
845
- }, items, { page, perPage, total }, basePath, config);
846
- }
551
+ content = render(Dashboard, {
552
+ props: {
553
+ models: modelsWithCounts,
554
+ stats: { total: totalRecords, models: modelsWithCounts.length },
555
+ basePath
556
+ }
557
+ }).body;
847
558
  }
848
- else if (route.view === 'create' && route.model) {
559
+ else if (route.model) {
849
560
  currentModel = route.model;
850
- const schemaModel = filteredModels.find(m => m.name.toLowerCase() === route.model?.toLowerCase());
851
- if (!schemaModel) {
852
- content = notFoundView(`Model "${route.model}" not found`);
561
+ const model = findModel(route.model);
562
+ if (!model) {
563
+ content = render(NotFound, {
564
+ props: { message: `Model "${route.model}" not found`, basePath }
565
+ }).body;
853
566
  }
854
- else {
855
- const primaryKey = schemaModel.fields.find(f => f.isId)?.name || 'id';
856
- content = createView({
857
- name: schemaModel.name,
858
- label: modelsConfig[schemaModel.name]?.label || toLabel(schemaModel.name),
859
- fields: schemaModel.fields,
860
- primaryKey
861
- }, basePath, config);
567
+ else if (route.view === 'list') {
568
+ const { page } = paginate(event.url.searchParams.get('page'), PER_PAGE);
569
+ const modelSearchConfig = modelsConfig[model.name]?.searchFields;
570
+ const searchFields = resolveSearchFields(model, modelSearchConfig, labelFieldCandidates, hiddenFieldsOf(model));
571
+ const filterableFields = resolveFilterableFields(model);
572
+ const listQuery = parseListQuery(event.url.searchParams, model, schema.enums, searchFields, filterableFields);
573
+ const listScope = modelsConfig[model.name]?.listWhere?.({ locals: event.locals });
574
+ // A scope function returning `{}` (falsy-looking but truthy as
575
+ // an object) would otherwise silently fail OPEN — `{}` composed
576
+ // into an AND matches every row, exactly the opposite of what a
577
+ // caller configuring listWhere expects (real gap found in
578
+ // review: `locals.userId` undefined after a session expires is
579
+ // a realistic way to hit this). Fail loud instead: a scope
580
+ // function is either omitted entirely, or must return at least
581
+ // one condition every time it runs.
582
+ if (listScope && Object.keys(listScope).length === 0) {
583
+ throw new Error(`[sveltekit-admin] models.${model.name}.listWhere returned an empty object ({}), ` +
584
+ `which would silently disable list scoping (fail-open). Return undefined/omit the ` +
585
+ `scope entirely if there is genuinely nothing to scope by for this request, or a ` +
586
+ `condition that actually restricts rows otherwise.`);
587
+ }
588
+ const where = buildWhere(listQuery, listScope, caseInsensitiveSearch, model);
589
+ const { items, total } = await listRecords(prisma, model, page, PER_PAGE, where);
590
+ const listFilters = resolveListFilters(model, schema.enums, modelsConfig[model.name]?.listFilter, toLabel, relationGraph, hiddenFieldsOf(model), config.listFilterDefaults?.autoDetect ?? true);
591
+ const fkFilterMeta = new Map();
592
+ for (const filter of listFilters) {
593
+ if (filter.kind !== 'fk')
594
+ continue;
595
+ const activeRawValue = listQuery.filters.find((f) => f.field === filter.field && f.op === 'equals')?.raw;
596
+ const meta = await resolveFkFilterOptions(model, filter.field, filter.label, { locals: event.locals }, activeRawValue);
597
+ fkFilterMeta.set(filter.field, meta);
598
+ }
599
+ content = render(List, {
600
+ props: {
601
+ model: viewModel(model),
602
+ items,
603
+ pagination: { page, perPage: PER_PAGE, total },
604
+ basePath,
605
+ config,
606
+ query: listQuery,
607
+ currentUrl: event.url,
608
+ listFilters,
609
+ fkFilterMeta
610
+ }
611
+ }).body;
862
612
  }
863
- }
864
- else if (route.view === 'edit' && route.model && route.id) {
865
- currentModel = route.model;
866
- const schemaModel = filteredModels.find(m => m.name.toLowerCase() === route.model?.toLowerCase());
867
- if (!schemaModel) {
868
- content = notFoundView(`Model "${route.model}" not found`);
613
+ else if (route.view === 'create') {
614
+ const relationOptions = await loadRelationOptions(model, { locals: event.locals });
615
+ // Pré-remplissage FK depuis la query string (`?authorId=3`), posé
616
+ // par le lien "Ajouter" du bloc de liaisons inverses.
617
+ const prefill = {};
618
+ for (const edge of relationGraph.edges.values()) {
619
+ if (edge.model !== model.name || edge.kind !== 'to-one-owning')
620
+ continue;
621
+ const scalarName = edge.scalarFields[0];
622
+ const value = event.url.searchParams.get(scalarName);
623
+ if (value !== null)
624
+ prefill[scalarName] = value;
625
+ }
626
+ const itemPrefill = Object.keys(prefill).length > 0 ? prefill : undefined;
627
+ content = render(Form, {
628
+ props: {
629
+ mode: 'create',
630
+ model: { ...viewModel(model), relationOptions },
631
+ basePath,
632
+ config,
633
+ item: itemPrefill
634
+ }
635
+ }).body;
869
636
  }
870
637
  else {
871
- const prismaModelName = toPrismaModel(schemaModel.name);
872
- const primaryKey = schemaModel.fields.find(f => f.isId)?.name || 'id';
873
- const parsedId = /^\d+$/.test(route.id) ? parseInt(route.id) : route.id;
874
- const item = await prisma[prismaModelName].findUnique({
875
- where: { [primaryKey]: parsedId }
876
- });
877
- if (!item) {
878
- content = notFoundView(`${schemaModel.name} with ID "${route.id}" not found`);
879
- }
880
- else {
881
- content = editView({
882
- name: schemaModel.name,
883
- label: modelsConfig[schemaModel.name]?.label || toLabel(schemaModel.name),
884
- fields: schemaModel.fields,
885
- primaryKey
886
- }, item, basePath, config);
887
- }
638
+ // `route.id!` s'appuie sur un invariant de `parseRoute` : les seules vues
639
+ // qui portent un `model` sont 'list', 'create' et 'edit', et seule 'edit'
640
+ // atteint ce `else` or 'edit' est la branche à 2 segments, donc `id` y est
641
+ // toujours défini. La variante 'notFound' ne porte pas de `model` : elle est
642
+ // interceptée en amont et ne peut pas arriver ici.
643
+ const item = await getRecord(prisma, model, route.id);
644
+ const relationOptions = await loadRelationOptions(model, { locals: event.locals }, route.id);
645
+ const relatedCounts = item ? await loadRelatedCounts(model, route.id) : undefined;
646
+ content = item
647
+ ? render(Form, {
648
+ props: {
649
+ mode: 'edit',
650
+ model: { ...viewModel(model), relationOptions, relatedCounts },
651
+ basePath,
652
+ config,
653
+ item
654
+ }
655
+ }).body
656
+ : render(NotFound, {
657
+ props: { message: `${model.name} with ID "${route.id}" not found`, basePath }
658
+ }).body;
888
659
  }
889
660
  }
890
661
  }
@@ -892,7 +663,7 @@ export function createAdminHandler(config) {
892
663
  console.error('[sveltekit-admin] Error:', e);
893
664
  content = `<div class="ska-alert ska-alert--error">Error: ${escapeHtml(e.message || 'Unknown error')}</div>`;
894
665
  }
895
- const html = baseLayout(content, config, modelList, currentModel);
666
+ const html = render(Layout, { props: { content, config, modelList, currentModel } }).body;
896
667
  return new Response(html, {
897
668
  headers: {
898
669
  'Content-Type': 'text/html; charset=utf-8'