@valencets/cms 0.1.1 → 0.1.3

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 (75) hide show
  1. package/dist/admin/admin-routes.d.ts +1 -0
  2. package/dist/admin/admin-routes.d.ts.map +1 -1
  3. package/dist/admin/admin-routes.js +313 -24
  4. package/dist/admin/admin-routes.js.map +1 -1
  5. package/dist/admin/analytics-view.d.ts +18 -0
  6. package/dist/admin/analytics-view.d.ts.map +1 -0
  7. package/dist/admin/analytics-view.js +48 -0
  8. package/dist/admin/analytics-view.js.map +1 -0
  9. package/dist/admin/dashboard.d.ts +15 -2
  10. package/dist/admin/dashboard.d.ts.map +1 -1
  11. package/dist/admin/dashboard.js +24 -5
  12. package/dist/admin/dashboard.js.map +1 -1
  13. package/dist/admin/edit-view.d.ts +3 -2
  14. package/dist/admin/edit-view.d.ts.map +1 -1
  15. package/dist/admin/edit-view.js +39 -9
  16. package/dist/admin/edit-view.js.map +1 -1
  17. package/dist/admin/editor/admin-client.d.ts +2 -0
  18. package/dist/admin/editor/admin-client.d.ts.map +1 -0
  19. package/dist/admin/editor/admin-client.js +27 -0
  20. package/dist/admin/editor/admin-client.js.map +1 -0
  21. package/dist/admin/editor/lexical-entry.d.ts +2 -0
  22. package/dist/admin/editor/lexical-entry.d.ts.map +1 -0
  23. package/dist/admin/editor/lexical-entry.js +101 -0
  24. package/dist/admin/editor/lexical-entry.js.map +1 -0
  25. package/dist/admin/field-renderers.d.ts +8 -1
  26. package/dist/admin/field-renderers.d.ts.map +1 -1
  27. package/dist/admin/field-renderers.js +29 -8
  28. package/dist/admin/field-renderers.js.map +1 -1
  29. package/dist/admin/flash.d.ts +13 -0
  30. package/dist/admin/flash.d.ts.map +1 -0
  31. package/dist/admin/flash.js +34 -0
  32. package/dist/admin/flash.js.map +1 -0
  33. package/dist/admin/index.d.ts +2 -0
  34. package/dist/admin/index.d.ts.map +1 -1
  35. package/dist/admin/index.js +2 -0
  36. package/dist/admin/index.js.map +1 -1
  37. package/dist/admin/layout.d.ts +2 -0
  38. package/dist/admin/layout.d.ts.map +1 -1
  39. package/dist/admin/layout.js +388 -11
  40. package/dist/admin/layout.js.map +1 -1
  41. package/dist/admin/list-view.d.ts.map +1 -1
  42. package/dist/admin/list-view.js +5 -2
  43. package/dist/admin/list-view.js.map +1 -1
  44. package/dist/admin/login-view.d.ts +7 -0
  45. package/dist/admin/login-view.d.ts.map +1 -0
  46. package/dist/admin/login-view.js +142 -0
  47. package/dist/admin/login-view.js.map +1 -0
  48. package/dist/admin/toast.d.ts +4 -0
  49. package/dist/admin/toast.d.ts.map +1 -0
  50. package/dist/admin/toast.js +10 -0
  51. package/dist/admin/toast.js.map +1 -0
  52. package/dist/admin-client.js +16 -0
  53. package/dist/config/cms-config.d.ts +1 -0
  54. package/dist/config/cms-config.d.ts.map +1 -1
  55. package/dist/config/cms-config.js +1 -1
  56. package/dist/config/cms-config.js.map +1 -1
  57. package/dist/db/column-map.d.ts.map +1 -1
  58. package/dist/db/column-map.js +1 -0
  59. package/dist/db/column-map.js.map +1 -1
  60. package/dist/index.d.ts +1 -1
  61. package/dist/index.d.ts.map +1 -1
  62. package/dist/index.js +1 -1
  63. package/dist/index.js.map +1 -1
  64. package/dist/schema/field-types.d.ts +7 -1
  65. package/dist/schema/field-types.d.ts.map +1 -1
  66. package/dist/schema/field-types.js +1 -0
  67. package/dist/schema/field-types.js.map +1 -1
  68. package/dist/schema/fields.d.ts +2 -1
  69. package/dist/schema/fields.d.ts.map +1 -1
  70. package/dist/schema/fields.js +3 -0
  71. package/dist/schema/fields.js.map +1 -1
  72. package/dist/validation/zod-generator.d.ts.map +1 -1
  73. package/dist/validation/zod-generator.js +14 -5
  74. package/dist/validation/zod-generator.js.map +1 -1
  75. package/package.json +17 -4
package/dist/admin/layout.js CHANGED
@@ -1,9 +1,12 @@
1
1
  import { escapeHtml } from './escape.js';
2
+ import { renderToast } from './toast.js';
2
3
  export function renderLayout(args) {
3
- const navItems = args.collections.map(c => {
4
+ const collectionNav = args.collections.map(c => {
4
5
  const label = escapeHtml(c.labels?.plural ?? c.slug);
5
6
  return `<li><a href="/admin/${escapeHtml(c.slug)}">${label}</a></li>`;
6
7
  }).join('\n');
8
+ const navItems = collectionNav + '\n<li style="margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--val-color-border);"><a href="/admin/analytics">Analytics</a></li>';
9
+ const toastHtml = args.toast ? renderToast(args.toast) : '';
7
10
  return `<!DOCTYPE html>
8
11
  <html lang="en">
9
12
  <head>
@@ -11,27 +14,401 @@ export function renderLayout(args) {
11
14
  <meta name="viewport" content="width=device-width, initial-scale=1">
12
15
  <title>${escapeHtml(args.title)} — Valence CMS</title>
13
16
  <style>
17
+ /* --- Primitive tokens (inlined from @valencets/ui) --- */
18
+ :root {
19
+ --val-gray-50: oklch(0.9846 0.0017 247.84);
20
+ --val-gray-100: oklch(0.9670 0.0029 264.54);
21
+ --val-gray-200: oklch(0.9276 0.0058 264.53);
22
+ --val-gray-300: oklch(0.8717 0.0093 258.34);
23
+ --val-gray-400: oklch(0.7137 0.0192 261.32);
24
+ --val-gray-500: oklch(0.5510 0.0234 264.36);
25
+ --val-gray-600: oklch(0.4461 0.0263 256.80);
26
+ --val-gray-700: oklch(0.3729 0.0306 259.73);
27
+ --val-gray-800: oklch(0.2781 0.0296 256.85);
28
+ --val-gray-900: oklch(0.2101 0.0318 264.66);
29
+ --val-gray-950: oklch(0.1296 0.0274 261.69);
30
+ --val-blue-400: oklch(0.7137 0.1434 254.62);
31
+ --val-blue-500: oklch(0.6231 0.1880 259.81);
32
+ --val-blue-600: oklch(0.5461 0.2152 262.88);
33
+ --val-blue-700: oklch(0.4882 0.2172 264.38);
34
+ --val-red-500: oklch(0.6368 0.2078 25.33);
35
+ --val-green-500: oklch(0.7227 0.1920 149.58);
36
+ --val-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
37
+ --val-font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;
38
+ --val-text-xs: 0.75rem;
39
+ --val-text-sm: 0.875rem;
40
+ --val-text-base: 1rem;
41
+ --val-text-lg: 1.125rem;
42
+ --val-text-xl: 1.25rem;
43
+ --val-text-2xl: 1.5rem;
44
+ --val-leading-tight: 1.25;
45
+ --val-leading-normal: 1.5;
46
+ --val-weight-normal: 400;
47
+ --val-weight-medium: 500;
48
+ --val-weight-semibold: 600;
49
+ --val-weight-bold: 700;
50
+ --val-radius-sm: 0.25rem;
51
+ --val-radius-md: 0.375rem;
52
+ --val-radius-lg: 0.5rem;
53
+ --val-shadow-sm: 0 1px 2px 0 oklch(0 0 0 / 0.05);
54
+ --val-shadow-md: 0 4px 6px -1px oklch(0 0 0 / 0.1), 0 2px 4px -2px oklch(0 0 0 / 0.1);
55
+ --val-duration-fast: 100ms;
56
+ --val-duration-normal: 200ms;
57
+ --val-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
58
+ }
59
+
60
+ /* --- Semantic tokens (forced dark) --- */
61
+ :root {
62
+ --val-color-bg: var(--val-gray-950);
63
+ --val-color-bg-elevated: var(--val-gray-900);
64
+ --val-color-bg-muted: var(--val-gray-800);
65
+ --val-color-text: var(--val-gray-50);
66
+ --val-color-text-muted: var(--val-gray-400);
67
+ --val-color-primary: var(--val-blue-600);
68
+ --val-color-primary-hover: var(--val-blue-700);
69
+ --val-color-primary-text: oklch(1 0 0);
70
+ --val-color-border: var(--val-gray-700);
71
+ --val-color-border-focus: var(--val-blue-500);
72
+ --val-focus-ring: 0 0 0 2px var(--val-color-bg), 0 0 0 4px var(--val-color-border-focus);
73
+ --val-color-error: var(--val-red-500);
74
+ --val-color-success: var(--val-green-500);
75
+ }
76
+
77
+ /* --- Reset --- */
14
78
  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
15
- body { font-family: system-ui, -apple-system, sans-serif; display: flex; min-height: 100vh; }
16
- nav { width: 240px; background: #1a1a2e; color: #eee; padding: 1rem; }
17
- nav a { color: #8ec5fc; text-decoration: none; display: block; padding: 0.5rem 0; }
18
- nav a:hover { color: #fff; }
19
- nav ul { list-style: none; }
20
- main { flex: 1; padding: 2rem; }
21
- h1 { margin-bottom: 1rem; }
79
+
80
+ /* --- Base --- */
81
+ body {
82
+ font-family: var(--val-font-sans);
83
+ font-size: var(--val-text-base);
84
+ line-height: var(--val-leading-normal);
85
+ color: var(--val-color-text);
86
+ background: var(--val-color-bg);
87
+ display: flex;
88
+ min-height: 100vh;
89
+ }
90
+
91
+ a { color: var(--val-blue-400); text-decoration: none; }
92
+ a:hover { color: var(--val-color-primary-text); }
93
+
94
+ /* --- Sidebar --- */
95
+ .sidebar {
96
+ width: 240px;
97
+ flex-shrink: 0;
98
+ background: var(--val-color-bg-elevated);
99
+ border-right: 1px solid var(--val-color-border);
100
+ padding: 1.5rem 1rem;
101
+ display: flex;
102
+ flex-direction: column;
103
+ gap: 1.5rem;
104
+ }
105
+
106
+ .sidebar-brand {
107
+ font-size: var(--val-text-lg);
108
+ font-weight: var(--val-weight-bold);
109
+ color: var(--val-color-text);
110
+ text-decoration: none;
111
+ letter-spacing: -0.02em;
112
+ }
113
+ .sidebar-brand:hover { color: var(--val-blue-400); }
114
+
115
+ .sidebar ul { list-style: none; display: flex; flex-direction: column; gap: 0.25rem; }
116
+
117
+ .sidebar a {
118
+ display: block;
119
+ padding: 0.5rem 0.75rem;
120
+ border-radius: var(--val-radius-md);
121
+ color: var(--val-color-text-muted);
122
+ font-size: var(--val-text-sm);
123
+ font-weight: var(--val-weight-medium);
124
+ transition: background var(--val-duration-fast) var(--val-ease-in-out),
125
+ color var(--val-duration-fast) var(--val-ease-in-out);
126
+ }
127
+ .sidebar a:hover {
128
+ background: var(--val-color-bg-muted);
129
+ color: var(--val-color-text);
130
+ }
131
+
132
+ /* --- Main --- */
133
+ .main {
134
+ flex: 1;
135
+ padding: 2rem 2.5rem;
136
+ min-width: 0;
137
+ }
138
+
139
+ .main > h1 {
140
+ font-size: var(--val-text-2xl);
141
+ font-weight: var(--val-weight-bold);
142
+ margin-bottom: 1.5rem;
143
+ letter-spacing: -0.02em;
144
+ }
145
+
146
+ /* --- Cards --- */
147
+ .dashboard { display: grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap: 1rem; }
148
+ .card {
149
+ background: var(--val-color-bg-elevated);
150
+ border: 1px solid var(--val-color-border);
151
+ border-radius: var(--val-radius-lg);
152
+ padding: 1.25rem;
153
+ box-shadow: var(--val-shadow-sm);
154
+ transition: border-color var(--val-duration-fast) var(--val-ease-in-out),
155
+ box-shadow var(--val-duration-fast) var(--val-ease-in-out);
156
+ }
157
+ .card:hover { border-color: var(--val-blue-500); box-shadow: var(--val-shadow-md); }
158
+ .card a { color: var(--val-color-text); text-decoration: none; display: block; }
159
+ .card h3 { font-size: var(--val-text-lg); font-weight: var(--val-weight-semibold); }
160
+
161
+ /* --- Tables --- */
162
+ table {
163
+ width: 100%;
164
+ border-collapse: collapse;
165
+ font-size: var(--val-text-sm);
166
+ margin-top: 1rem;
167
+ }
168
+ th {
169
+ text-align: left;
170
+ padding: 0.625rem 0.75rem;
171
+ font-weight: var(--val-weight-semibold);
172
+ color: var(--val-color-text-muted);
173
+ font-size: var(--val-text-xs);
174
+ text-transform: uppercase;
175
+ letter-spacing: 0.05em;
176
+ border-bottom: 1px solid var(--val-color-border);
177
+ }
178
+ td {
179
+ padding: 0.625rem 0.75rem;
180
+ border-bottom: 1px solid var(--val-color-border);
181
+ }
182
+ tr:hover td { background: var(--val-color-bg-elevated); }
183
+
184
+ /* --- Forms --- */
185
+ .admin-form { max-width: 640px; display: flex; flex-direction: column; gap: 1.25rem; }
186
+
187
+ .form-field {
188
+ display: flex;
189
+ flex-direction: column;
190
+ gap: 0.375rem;
191
+ }
192
+ .form-field > span {
193
+ font-size: var(--val-text-sm);
194
+ font-weight: var(--val-weight-medium);
195
+ color: var(--val-color-text-muted);
196
+ }
197
+
198
+ .form-input, .form-select, .form-textarea {
199
+ background: var(--val-color-bg-muted);
200
+ border: 1px solid var(--val-color-border);
201
+ border-radius: var(--val-radius-md);
202
+ padding: 0.5rem 0.75rem;
203
+ color: var(--val-color-text);
204
+ font-family: var(--val-font-sans);
205
+ font-size: var(--val-text-sm);
206
+ transition: border-color var(--val-duration-fast) var(--val-ease-in-out),
207
+ box-shadow var(--val-duration-fast) var(--val-ease-in-out);
208
+ }
209
+ .form-input:focus, .form-select:focus, .form-textarea:focus {
210
+ outline: none;
211
+ border-color: var(--val-color-border-focus);
212
+ box-shadow: var(--val-focus-ring);
213
+ }
214
+ .form-textarea { min-height: 120px; resize: vertical; }
215
+ .form-select { appearance: none; cursor: pointer; }
216
+
217
+ .form-checkbox {
218
+ display: flex;
219
+ align-items: center;
220
+ gap: 0.5rem;
221
+ font-size: var(--val-text-sm);
222
+ color: var(--val-color-text);
223
+ cursor: pointer;
224
+ }
225
+ .form-checkbox input[type="checkbox"] {
226
+ width: 1rem;
227
+ height: 1rem;
228
+ accent-color: var(--val-color-primary);
229
+ cursor: pointer;
230
+ }
231
+
232
+ fieldset {
233
+ border: 1px solid var(--val-color-border);
234
+ border-radius: var(--val-radius-lg);
235
+ padding: 1rem;
236
+ display: flex;
237
+ flex-direction: column;
238
+ gap: 1rem;
239
+ }
240
+ fieldset legend {
241
+ font-size: var(--val-text-sm);
242
+ font-weight: var(--val-weight-semibold);
243
+ color: var(--val-color-text-muted);
244
+ padding: 0 0.5rem;
245
+ }
246
+
247
+ /* --- Buttons --- */
248
+ .btn {
249
+ display: inline-flex;
250
+ align-items: center;
251
+ justify-content: center;
252
+ padding: 0.5rem 1rem;
253
+ font-size: var(--val-text-sm);
254
+ font-weight: var(--val-weight-semibold);
255
+ font-family: var(--val-font-sans);
256
+ border-radius: var(--val-radius-md);
257
+ border: none;
258
+ cursor: pointer;
259
+ text-decoration: none;
260
+ transition: background var(--val-duration-fast) var(--val-ease-in-out);
261
+ }
262
+ .btn-primary {
263
+ background: var(--val-color-primary);
264
+ color: var(--val-color-primary-text);
265
+ }
266
+ .btn-primary:hover { background: var(--val-color-primary-hover); color: var(--val-color-primary-text); }
267
+ .btn-danger {
268
+ background: var(--val-color-error);
269
+ color: oklch(1 0 0);
270
+ }
271
+ .btn-danger:hover { background: oklch(0.55 0.22 25); }
272
+
273
+ .empty-state {
274
+ color: var(--val-color-text-muted);
275
+ padding: 2rem 0;
276
+ }
277
+ .empty-state a { color: var(--val-blue-400); }
278
+
279
+ .list-header {
280
+ display: flex;
281
+ justify-content: space-between;
282
+ align-items: center;
283
+ }
284
+
285
+ /* --- Toast --- */
286
+ .toast {
287
+ position: fixed;
288
+ top: 1.5rem;
289
+ right: 1.5rem;
290
+ display: flex;
291
+ align-items: center;
292
+ gap: 0.75rem;
293
+ padding: 0.75rem 1rem;
294
+ border-radius: var(--val-radius-md);
295
+ box-shadow: var(--val-shadow-md);
296
+ font-size: var(--val-text-sm);
297
+ font-weight: var(--val-weight-medium);
298
+ color: var(--val-color-text);
299
+ z-index: 1000;
300
+ transition: opacity var(--val-duration-normal) var(--val-ease-in-out);
301
+ }
302
+ .toast-error { background: var(--val-color-error); }
303
+ .toast-success { background: var(--val-color-success); }
304
+ .toast-info { background: var(--val-blue-500); }
305
+ .toast-dismiss {
306
+ background: none;
307
+ border: none;
308
+ color: inherit;
309
+ font-size: var(--val-text-lg);
310
+ cursor: pointer;
311
+ padding: 0;
312
+ line-height: 1;
313
+ opacity: 0.8;
314
+ }
315
+ .toast-dismiss:hover { opacity: 1; }
316
+ .toast-fade { opacity: 0; }
317
+
318
+ /* --- Richtext Editor --- */
319
+ .richtext-wrap {
320
+ border: 1px solid var(--val-color-border);
321
+ border-radius: var(--val-radius-md);
322
+ overflow: hidden;
323
+ }
324
+ .richtext-toolbar {
325
+ display: flex;
326
+ gap: 0.25rem;
327
+ padding: 0.375rem 0.5rem;
328
+ background: var(--val-color-bg-muted);
329
+ border-bottom: 1px solid var(--val-color-border);
330
+ }
331
+ .richtext-toolbar-btn {
332
+ background: none;
333
+ border: 1px solid transparent;
334
+ border-radius: var(--val-radius-sm);
335
+ color: var(--val-color-text-muted);
336
+ font-size: var(--val-text-sm);
337
+ font-weight: var(--val-weight-bold);
338
+ padding: 0.25rem 0.5rem;
339
+ cursor: pointer;
340
+ font-family: var(--val-font-sans);
341
+ }
342
+ .richtext-toolbar-btn:hover {
343
+ background: var(--val-color-bg-elevated);
344
+ color: var(--val-color-text);
345
+ }
346
+ .richtext-editor {
347
+ min-height: 200px;
348
+ }
349
+ .richtext-content {
350
+ min-height: 200px;
351
+ padding: 0.75rem;
352
+ background: var(--val-color-bg-muted);
353
+ color: var(--val-color-text);
354
+ font-family: var(--val-font-sans);
355
+ font-size: var(--val-text-sm);
356
+ line-height: var(--val-leading-normal);
357
+ outline: none;
358
+ }
359
+ .richtext-content:focus {
360
+ box-shadow: inset 0 0 0 2px var(--val-color-border-focus);
361
+ }
362
+ .richtext-content p { margin-bottom: 0.5rem; }
363
+ .richtext-content h2 { font-size: var(--val-text-xl); font-weight: var(--val-weight-bold); margin: 1rem 0 0.5rem; }
364
+ .richtext-content h3 { font-size: var(--val-text-lg); font-weight: var(--val-weight-semibold); margin: 0.75rem 0 0.5rem; }
365
+ .richtext-content ul, .richtext-content ol { padding-left: 1.5rem; margin-bottom: 0.5rem; }
366
+ .richtext-content blockquote {
367
+ border-left: 3px solid var(--val-color-border);
368
+ padding-left: 0.75rem;
369
+ color: var(--val-color-text-muted);
370
+ margin: 0.5rem 0;
371
+ }
372
+ .richtext-content a { color: var(--val-blue-400); text-decoration: underline; }
373
+
374
+ /* --- Responsive --- */
375
+ @media (max-width: 768px) {
376
+ body { flex-direction: column; }
377
+ .sidebar {
378
+ width: 100%;
379
+ border-right: none;
380
+ border-bottom: 1px solid var(--val-color-border);
381
+ padding: 1rem;
382
+ }
383
+ .sidebar ul { flex-direction: row; flex-wrap: wrap; gap: 0.5rem; }
384
+ .main { padding: 1.5rem 1rem; }
385
+ }
22
386
  </style>
23
387
  </head>
24
388
  <body>
25
- <nav>
26
- <h2><a href="/admin">Valence CMS</a></h2>
389
+ <nav class="sidebar">
390
+ <a href="/admin" class="sidebar-brand">Valence CMS</a>
27
391
  <ul>
28
392
  ${navItems}
29
393
  </ul>
30
394
  </nav>
31
- <main>
395
+ <main class="main">
396
+ ${toastHtml}
32
397
  <h1>${escapeHtml(args.title)}</h1>
33
398
  ${args.content}
34
399
  </main>
400
+ ${toastHtml
401
+ ? `<script>
402
+ (function () {
403
+ var t = document.querySelector('.toast')
404
+ if (!t) return
405
+ var btn = t.querySelector('.toast-dismiss')
406
+ if (btn) btn.addEventListener('click', function () { t.classList.add('toast-fade'); setTimeout(function () { t.remove() }, 200) })
407
+ setTimeout(function () { t.classList.add('toast-fade'); setTimeout(function () { t.remove() }, 200) }, 5000)
408
+ })()
409
+ </script>`
410
+ : ''}
411
+ <script src="/admin/_assets/admin-client.js" defer></script>
35
412
  </body>
36
413
  </html>`;
37
414
  }
package/dist/admin/layout.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/admin/layout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAQxC,MAAM,UAAU,YAAY,CAAE,IAAgB;IAC5C,MAAM,QAAQ,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACxC,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,CAAA;QACpD,OAAO,uBAAuB,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,WAAW,CAAA;IACvE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAEb,OAAO;;;;;WAKE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;EAgB/B,QAAQ;;;;UAIA,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;MAC1B,IAAI,CAAC,OAAO;;;QAGV,CAAA;AACR,CAAC"}
1
+ {"version":3,"file":"layout.js","sourceRoot":"","sources":["../../src/admin/layout.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,WAAW,EAAE,MAAM,YAAY,CAAA;AASxC,MAAM,UAAU,YAAY,CAAE,IAAgB;IAC5C,MAAM,aAAa,GAAG,IAAI,CAAC,WAAW,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QAC7C,MAAM,KAAK,GAAG,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC,CAAA;QACpD,OAAO,uBAAuB,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,KAAK,WAAW,CAAA;IACvE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IACb,MAAM,QAAQ,GAAG,aAAa,GAAG,uJAAuJ,CAAA;IAExL,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IAE3D,OAAO;;;;;WAKE,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyX/B,QAAQ;;;;MAIJ,SAAS;UACL,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC;MAC1B,IAAI,CAAC,OAAO;;IAEd,SAAS;QACT,CAAC,CAAC;;;;;;;;YAQM;QACR,CAAC,CAAC,EAAE;;;QAGA,CAAA;AACR,CAAC"}
package/dist/admin/list-view.d.ts.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-view.d.ts","sourceRoot":"","sources":["../../src/admin/list-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAG/D,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzD;AAED,wBAAgB,cAAc,CAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAqBtF"}
1
+ {"version":3,"file":"list-view.d.ts","sourceRoot":"","sources":["../../src/admin/list-view.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAG/D,UAAU,MAAM;IACd,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,IAAI,CAAA;CACzD;AAED,wBAAgB,cAAc,CAAE,GAAG,EAAE,gBAAgB,EAAE,IAAI,EAAE,SAAS,MAAM,EAAE,GAAG,MAAM,CAwBtF"}
package/dist/admin/list-view.js CHANGED
@@ -2,7 +2,7 @@ import { escapeHtml } from './escape.js';
2
2
  export function renderListView(col, docs) {
3
3
  const label = escapeHtml(col.labels?.plural ?? col.slug);
4
4
  if (docs.length === 0) {
5
- return `<p>No ${label} found.</p><a href="/admin/${escapeHtml(col.slug)}/new">Create one</a>`;
5
+ return `<div class="empty-state"><p>No ${label} found.</p><a href="/admin/${escapeHtml(col.slug)}/new">Create one</a></div>`;
6
6
  }
7
7
  const displayFields = col.fields.slice(0, 3);
8
8
  const headerCells = displayFields.map(f => `<th>${escapeHtml(f.label ?? f.name)}</th>`).join('');
@@ -12,7 +12,10 @@ export function renderListView(col, docs) {
12
12
  return `<tr><td><a href="/admin/${escapeHtml(col.slug)}/${safeId}/edit">${safeId}</a></td>${cells}</tr>`;
13
13
  }).join('\n');
14
14
  return `
15
- <a href="/admin/${escapeHtml(col.slug)}/new">New ${escapeHtml(col.labels?.singular ?? col.slug)}</a>
15
+ <div class="list-header">
16
+ <span></span>
17
+ <a href="/admin/${escapeHtml(col.slug)}/new" class="btn btn-primary">New ${escapeHtml(col.labels?.singular ?? col.slug)}</a>
18
+ </div>
16
19
  <table>
17
20
  <thead><tr><th>ID</th>${headerCells}</tr></thead>
18
21
  <tbody>${rows}</tbody>
package/dist/admin/list-view.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"list-view.js","sourceRoot":"","sources":["../../src/admin/list-view.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAOxC,MAAM,UAAU,cAAc,CAAE,GAAqB,EAAE,IAAuB;IAC5E,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,CAAA;IAExD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,SAAS,KAAK,8BAA8B,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,sBAAsB,CAAA;IAC/F,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAChG,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAC1B,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAClG,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;QACjC,OAAO,2BAA2B,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,MAAM,UAAU,MAAM,YAAY,KAAK,OAAO,CAAA;IAC1G,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAEb,OAAO;kBACS,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,aAAa,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC;;0BAErE,WAAW;WAC1B,IAAI;SACN,CAAA;AACT,CAAC"}
1
+ {"version":3,"file":"list-view.js","sourceRoot":"","sources":["../../src/admin/list-view.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAOxC,MAAM,UAAU,cAAc,CAAE,GAAqB,EAAE,IAAuB;IAC5E,MAAM,KAAK,GAAG,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,MAAM,IAAI,GAAG,CAAC,IAAI,CAAC,CAAA;IAExD,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;QACtB,OAAO,kCAAkC,KAAK,8BAA8B,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,4BAA4B,CAAA;IAC9H,CAAC;IAED,MAAM,aAAa,GAAG,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA;IAC5C,MAAM,WAAW,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAChG,MAAM,IAAI,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAC1B,MAAM,KAAK,GAAG,aAAa,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,OAAO,UAAU,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,EAAE,CAAC,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;QAClG,MAAM,MAAM,GAAG,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;QACjC,OAAO,2BAA2B,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,IAAI,MAAM,UAAU,MAAM,YAAY,KAAK,OAAO,CAAA;IAC1G,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAA;IAEb,OAAO;;;oBAGW,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,qCAAqC,UAAU,CAAC,GAAG,CAAC,MAAM,EAAE,QAAQ,IAAI,GAAG,CAAC,IAAI,CAAC;;;0BAG/F,WAAW;WAC1B,IAAI;SACN,CAAA;AACT,CAAC"}
package/dist/admin/login-view.d.ts ADDED
@@ -0,0 +1,7 @@
1
+ interface LoginPageArgs {
2
+ readonly error?: string | undefined;
3
+ readonly csrfToken: string;
4
+ }
5
+ export declare function renderLoginPage(args: LoginPageArgs): string;
6
+ export {};
7
+ //# sourceMappingURL=login-view.d.ts.map
package/dist/admin/login-view.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"login-view.d.ts","sourceRoot":"","sources":["../../src/admin/login-view.ts"],"names":[],"mappings":"AAEA,UAAU,aAAa;IACrB,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACnC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;CAC3B;AAED,wBAAgB,eAAe,CAAE,IAAI,EAAE,aAAa,GAAG,MAAM,CA4I5D"}
package/dist/admin/login-view.js ADDED
@@ -0,0 +1,142 @@
1
+ import { escapeHtml } from './escape.js';
2
+ export function renderLoginPage(args) {
3
+ const errorHtml = args.error
4
+ ? `<div class="login-error">${escapeHtml(args.error)}</div>`
5
+ : '';
6
+ return `<!DOCTYPE html>
7
+ <html lang="en">
8
+ <head>
9
+ <meta charset="utf-8">
10
+ <meta name="viewport" content="width=device-width, initial-scale=1">
11
+ <title>Sign In -- Valence CMS</title>
12
+ <style>
13
+ :root {
14
+ --val-gray-50: oklch(0.9846 0.0017 247.84);
15
+ --val-gray-200: oklch(0.9276 0.0058 264.53);
16
+ --val-gray-400: oklch(0.7137 0.0192 261.32);
17
+ --val-gray-700: oklch(0.3729 0.0306 259.73);
18
+ --val-gray-800: oklch(0.2781 0.0296 256.85);
19
+ --val-gray-900: oklch(0.2101 0.0318 264.66);
20
+ --val-gray-950: oklch(0.1296 0.0274 261.69);
21
+ --val-blue-400: oklch(0.7137 0.1434 254.62);
22
+ --val-blue-500: oklch(0.6231 0.1880 259.81);
23
+ --val-blue-600: oklch(0.5461 0.2152 262.88);
24
+ --val-blue-700: oklch(0.4882 0.2172 264.38);
25
+ --val-red-500: oklch(0.6368 0.2078 25.33);
26
+ --val-font-sans: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
27
+ --val-text-sm: 0.875rem;
28
+ --val-text-base: 1rem;
29
+ --val-text-xl: 1.25rem;
30
+ --val-leading-normal: 1.5;
31
+ --val-weight-medium: 500;
32
+ --val-weight-semibold: 600;
33
+ --val-weight-bold: 700;
34
+ --val-radius-md: 0.375rem;
35
+ --val-radius-lg: 0.5rem;
36
+ --val-shadow-md: 0 4px 6px -1px oklch(0 0 0 / 0.1), 0 2px 4px -2px oklch(0 0 0 / 0.1);
37
+ --val-duration-fast: 100ms;
38
+ --val-ease-in-out: cubic-bezier(0.4, 0, 0.2, 1);
39
+ }
40
+ *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
41
+ body {
42
+ font-family: var(--val-font-sans);
43
+ font-size: var(--val-text-base);
44
+ line-height: var(--val-leading-normal);
45
+ color: var(--val-gray-50);
46
+ background: var(--val-gray-950);
47
+ display: flex;
48
+ align-items: center;
49
+ justify-content: center;
50
+ min-height: 100vh;
51
+ }
52
+ .login-card {
53
+ width: 100%;
54
+ max-width: 400px;
55
+ background: var(--val-gray-900);
56
+ border: 1px solid var(--val-gray-700);
57
+ border-radius: var(--val-radius-lg);
58
+ padding: 2rem;
59
+ box-shadow: var(--val-shadow-md);
60
+ }
61
+ .login-brand {
62
+ font-size: var(--val-text-xl);
63
+ font-weight: var(--val-weight-bold);
64
+ text-align: center;
65
+ margin-bottom: 1.5rem;
66
+ letter-spacing: -0.02em;
67
+ }
68
+ .login-brand span { color: var(--val-blue-400); }
69
+ .login-error {
70
+ background: oklch(0.6368 0.2078 25.33 / 0.15);
71
+ border: 1px solid var(--val-red-500);
72
+ color: var(--val-red-500);
73
+ padding: 0.625rem 0.75rem;
74
+ border-radius: var(--val-radius-md);
75
+ font-size: var(--val-text-sm);
76
+ font-weight: var(--val-weight-medium);
77
+ margin-bottom: 1rem;
78
+ }
79
+ .form-field {
80
+ display: flex;
81
+ flex-direction: column;
82
+ gap: 0.375rem;
83
+ margin-bottom: 1rem;
84
+ }
85
+ .form-field label {
86
+ font-size: var(--val-text-sm);
87
+ font-weight: var(--val-weight-medium);
88
+ color: var(--val-gray-400);
89
+ }
90
+ .form-field input {
91
+ background: var(--val-gray-800);
92
+ border: 1px solid var(--val-gray-700);
93
+ border-radius: var(--val-radius-md);
94
+ padding: 0.5rem 0.75rem;
95
+ color: var(--val-gray-50);
96
+ font-family: var(--val-font-sans);
97
+ font-size: var(--val-text-sm);
98
+ transition: border-color var(--val-duration-fast) var(--val-ease-in-out),
99
+ box-shadow var(--val-duration-fast) var(--val-ease-in-out);
100
+ }
101
+ .form-field input:focus {
102
+ outline: none;
103
+ border-color: var(--val-blue-500);
104
+ box-shadow: 0 0 0 2px var(--val-gray-950), 0 0 0 4px var(--val-blue-500);
105
+ }
106
+ .btn-login {
107
+ width: 100%;
108
+ padding: 0.625rem 1rem;
109
+ font-size: var(--val-text-sm);
110
+ font-weight: var(--val-weight-semibold);
111
+ font-family: var(--val-font-sans);
112
+ border-radius: var(--val-radius-md);
113
+ border: none;
114
+ cursor: pointer;
115
+ background: var(--val-blue-600);
116
+ color: oklch(1 0 0);
117
+ transition: background var(--val-duration-fast) var(--val-ease-in-out);
118
+ }
119
+ .btn-login:hover { background: var(--val-blue-700); }
120
+ </style>
121
+ </head>
122
+ <body>
123
+ <div class="login-card">
124
+ <div class="login-brand"><span>v</span>alence</div>
125
+ ${errorHtml}
126
+ <form method="POST" action="/admin/login">
127
+ <input type="hidden" name="_csrf" value="${escapeHtml(args.csrfToken)}">
128
+ <div class="form-field">
129
+ <label for="email">Email</label>
130
+ <input type="email" id="email" name="email" required autocomplete="email" autofocus>
131
+ </div>
132
+ <div class="form-field">
133
+ <label for="password">Password</label>
134
+ <input type="password" id="password" name="password" required autocomplete="current-password">
135
+ </div>
136
+ <button type="submit" class="btn-login">Sign in</button>
137
+ </form>
138
+ </div>
139
+ </body>
140
+ </html>`;
141
+ }
142
+ //# sourceMappingURL=login-view.js.map
package/dist/admin/login-view.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"login-view.js","sourceRoot":"","sources":["../../src/admin/login-view.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAOxC,MAAM,UAAU,eAAe,CAAE,IAAmB;IAClD,MAAM,SAAS,GAAG,IAAI,CAAC,KAAK;QAC1B,CAAC,CAAC,4BAA4B,UAAU,CAAC,IAAI,CAAC,KAAK,CAAC,QAAQ;QAC5D,CAAC,CAAC,EAAE,CAAA;IAEN,OAAO;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;MAuHH,SAAS;;iDAEkC,UAAU,CAAC,IAAI,CAAC,SAAS,CAAC;;;;;;;;;;;;;QAanE,CAAA;AACR,CAAC"}
package/dist/admin/toast.d.ts ADDED
@@ -0,0 +1,4 @@
1
+ import type { FlashMessage } from './flash.js';
2
+ declare function renderToast(msg: FlashMessage): string;
3
+ export { renderToast };
4
+ //# sourceMappingURL=toast.d.ts.map
package/dist/admin/toast.d.ts.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.d.ts","sourceRoot":"","sources":["../../src/admin/toast.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE9C,iBAAS,WAAW,CAAE,GAAG,EAAE,YAAY,GAAG,MAAM,CAM/C;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}
package/dist/admin/toast.js ADDED
@@ -0,0 +1,10 @@
1
+ import { escapeHtml } from './escape.js';
2
+ function renderToast(msg) {
3
+ const cls = `toast toast-${msg.type}`;
4
+ return `<div class="${cls}" role="alert" aria-live="polite">
5
+ <span class="toast-message">${escapeHtml(msg.text)}</span>
6
+ <button class="toast-dismiss" aria-label="Dismiss">&times;</button>
7
+ </div>`;
8
+ }
9
+ export { renderToast };
10
+ //# sourceMappingURL=toast.js.map
package/dist/admin/toast.js.map ADDED
@@ -0,0 +1 @@
1
+ {"version":3,"file":"toast.js","sourceRoot":"","sources":["../../src/admin/toast.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAGxC,SAAS,WAAW,CAAE,GAAiB;IACrC,MAAM,GAAG,GAAG,eAAe,GAAG,CAAC,IAAI,EAAE,CAAA;IACrC,OAAO,eAAe,GAAG;gCACK,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC;;OAE7C,CAAA;AACP,CAAC;AAED,OAAO,EAAE,WAAW,EAAE,CAAA"}