@valencets/cms 0.1.2 → 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.
- package/dist/admin/admin-routes.d.ts +1 -0
- package/dist/admin/admin-routes.d.ts.map +1 -1
- package/dist/admin/admin-routes.js +215 -10
- package/dist/admin/admin-routes.js.map +1 -1
- package/dist/admin/analytics-view.d.ts +18 -0
- package/dist/admin/analytics-view.d.ts.map +1 -0
- package/dist/admin/analytics-view.js +48 -0
- package/dist/admin/analytics-view.js.map +1 -0
- package/dist/admin/dashboard.d.ts +15 -2
- package/dist/admin/dashboard.d.ts.map +1 -1
- package/dist/admin/dashboard.js +24 -5
- package/dist/admin/dashboard.js.map +1 -1
- package/dist/admin/edit-view.d.ts +2 -1
- package/dist/admin/edit-view.d.ts.map +1 -1
- package/dist/admin/edit-view.js +31 -3
- package/dist/admin/edit-view.js.map +1 -1
- package/dist/admin/editor/admin-client.d.ts +2 -0
- package/dist/admin/editor/admin-client.d.ts.map +1 -0
- package/dist/admin/editor/admin-client.js +27 -0
- package/dist/admin/editor/admin-client.js.map +1 -0
- package/dist/admin/editor/lexical-entry.d.ts +2 -0
- package/dist/admin/editor/lexical-entry.d.ts.map +1 -0
- package/dist/admin/editor/lexical-entry.js +101 -0
- package/dist/admin/editor/lexical-entry.js.map +1 -0
- package/dist/admin/field-renderers.d.ts +8 -1
- package/dist/admin/field-renderers.d.ts.map +1 -1
- package/dist/admin/field-renderers.js +23 -2
- package/dist/admin/field-renderers.js.map +1 -1
- package/dist/admin/index.d.ts +2 -0
- package/dist/admin/index.d.ts.map +1 -1
- package/dist/admin/index.js +2 -0
- package/dist/admin/index.js.map +1 -1
- package/dist/admin/layout.d.ts.map +1 -1
- package/dist/admin/layout.js +64 -1
- package/dist/admin/layout.js.map +1 -1
- package/dist/admin/login-view.d.ts +7 -0
- package/dist/admin/login-view.d.ts.map +1 -0
- package/dist/admin/login-view.js +142 -0
- package/dist/admin/login-view.js.map +1 -0
- package/dist/admin-client.js +16 -0
- package/dist/config/cms-config.d.ts +1 -0
- package/dist/config/cms-config.d.ts.map +1 -1
- package/dist/config/cms-config.js +1 -1
- package/dist/config/cms-config.js.map +1 -1
- package/dist/db/column-map.d.ts.map +1 -1
- package/dist/db/column-map.js +1 -0
- package/dist/db/column-map.js.map +1 -1
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +1 -1
- package/dist/index.js.map +1 -1
- package/dist/schema/field-types.d.ts +7 -1
- package/dist/schema/field-types.d.ts.map +1 -1
- package/dist/schema/field-types.js +1 -0
- package/dist/schema/field-types.js.map +1 -1
- package/dist/schema/fields.d.ts +2 -1
- package/dist/schema/fields.d.ts.map +1 -1
- package/dist/schema/fields.js +3 -0
- package/dist/schema/fields.js.map +1 -1
- package/dist/validation/zod-generator.d.ts.map +1 -1
- package/dist/validation/zod-generator.js +7 -1
- package/dist/validation/zod-generator.js.map +1 -1
- package/package.json +16 -3
|
@@ -0,0 +1,27 @@
|
|
|
1
|
+
import { initAllEditors } from './lexical-entry.js';
|
|
2
|
+
// Script is defer'd so DOM is ready — no need for DOMContentLoaded
|
|
3
|
+
initAllEditors();
|
|
4
|
+
// Wire up delete dialog triggers
|
|
5
|
+
const trigger = document.querySelector('.delete-trigger');
|
|
6
|
+
const dialog = document.getElementById('delete-dialog');
|
|
7
|
+
const cancel = document.getElementById('delete-cancel');
|
|
8
|
+
const confirmBtn = document.getElementById('delete-confirm');
|
|
9
|
+
const form = document.getElementById('delete-form');
|
|
10
|
+
if (trigger && dialog) {
|
|
11
|
+
trigger.addEventListener('click', () => {
|
|
12
|
+
if (typeof dialog.show === 'function')
|
|
13
|
+
dialog.show();
|
|
14
|
+
});
|
|
15
|
+
}
|
|
16
|
+
if (cancel && dialog) {
|
|
17
|
+
cancel.addEventListener('click', () => {
|
|
18
|
+
if (typeof dialog.close === 'function')
|
|
19
|
+
dialog.close();
|
|
20
|
+
});
|
|
21
|
+
}
|
|
22
|
+
if (confirmBtn && form) {
|
|
23
|
+
confirmBtn.addEventListener('click', () => {
|
|
24
|
+
form.submit();
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
//# sourceMappingURL=admin-client.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"admin-client.js","sourceRoot":"","sources":["../../../src/admin/editor/admin-client.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAA;AAEnD,mEAAmE;AACnE,cAAc,EAAE,CAAA;AAEhB,iCAAiC;AACjC,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAc,iBAAiB,CAAC,CAAA;AACtE,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAmE,CAAA;AACzH,MAAM,MAAM,GAAG,QAAQ,CAAC,cAAc,CAAC,eAAe,CAAC,CAAA;AACvD,MAAM,UAAU,GAAG,QAAQ,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAAA;AAC5D,MAAM,IAAI,GAAG,QAAQ,CAAC,cAAc,CAAC,aAAa,CAA2B,CAAA;AAE7E,IAAI,OAAO,IAAI,MAAM,EAAE,CAAC;IACtB,OAAO,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACrC,IAAI,OAAO,MAAM,CAAC,IAAI,KAAK,UAAU;YAAE,MAAM,CAAC,IAAI,EAAE,CAAA;IACtD,CAAC,CAAC,CAAA;AACJ,CAAC;AACD,IAAI,MAAM,IAAI,MAAM,EAAE,CAAC;IACrB,MAAM,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACpC,IAAI,OAAO,MAAM,CAAC,KAAK,KAAK,UAAU;YAAE,MAAM,CAAC,KAAK,EAAE,CAAA;IACxD,CAAC,CAAC,CAAA;AACJ,CAAC;AACD,IAAI,UAAU,IAAI,IAAI,EAAE,CAAC;IACvB,UAAU,CAAC,gBAAgB,CAAC,OAAO,EAAE,GAAG,EAAE;QACxC,IAAI,CAAC,MAAM,EAAE,CAAA;IACf,CAAC,CAAC,CAAA;AACJ,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lexical-entry.d.ts","sourceRoot":"","sources":["../../../src/admin/editor/lexical-entry.ts"],"names":[],"mappings":"AAgHA,wBAAgB,cAAc,IAAK,IAAI,CAKtC"}
|
|
@@ -0,0 +1,101 @@
|
|
|
1
|
+
import { createEditor, $getRoot, $insertNodes } from 'lexical';
|
|
2
|
+
import { registerRichText, HeadingNode, QuoteNode } from '@lexical/rich-text';
|
|
3
|
+
import { ListNode, ListItemNode, registerList } from '@lexical/list';
|
|
4
|
+
import { LinkNode } from '@lexical/link';
|
|
5
|
+
import { $generateHtmlFromNodes, $generateNodesFromDOM } from '@lexical/html';
|
|
6
|
+
import { registerHistory, createEmptyHistoryState } from '@lexical/history';
|
|
7
|
+
import { FORMAT_TEXT_COMMAND } from 'lexical';
|
|
8
|
+
function createToolbar(editor) {
|
|
9
|
+
const toolbar = document.createElement('div');
|
|
10
|
+
toolbar.className = 'richtext-toolbar';
|
|
11
|
+
const actions = [
|
|
12
|
+
{ label: 'B', command: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'bold') },
|
|
13
|
+
{ label: 'I', command: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'italic') },
|
|
14
|
+
{ label: 'U', command: () => editor.dispatchCommand(FORMAT_TEXT_COMMAND, 'underline') }
|
|
15
|
+
];
|
|
16
|
+
for (const action of actions) {
|
|
17
|
+
const btn = document.createElement('button');
|
|
18
|
+
btn.type = 'button';
|
|
19
|
+
btn.className = 'richtext-toolbar-btn';
|
|
20
|
+
btn.textContent = action.label;
|
|
21
|
+
btn.addEventListener('click', (e) => {
|
|
22
|
+
e.preventDefault();
|
|
23
|
+
action.command();
|
|
24
|
+
});
|
|
25
|
+
toolbar.appendChild(btn);
|
|
26
|
+
}
|
|
27
|
+
return toolbar;
|
|
28
|
+
}
|
|
29
|
+
function initEditor(container) {
|
|
30
|
+
const fieldName = container.getAttribute('data-field');
|
|
31
|
+
if (!fieldName)
|
|
32
|
+
return;
|
|
33
|
+
const wrap = container.closest('.richtext-wrap');
|
|
34
|
+
if (!wrap)
|
|
35
|
+
return;
|
|
36
|
+
const hiddenInput = wrap.querySelector(`input[name="${fieldName}"]`);
|
|
37
|
+
if (!hiddenInput)
|
|
38
|
+
return;
|
|
39
|
+
const templateEl = wrap.querySelector('template.richtext-initial');
|
|
40
|
+
const initialHtml = templateEl?.innerHTML ?? '';
|
|
41
|
+
const config = {
|
|
42
|
+
namespace: `richtext-${fieldName}`,
|
|
43
|
+
nodes: [HeadingNode, QuoteNode, ListNode, ListItemNode, LinkNode],
|
|
44
|
+
onError: (error) => { console.error('Lexical error:', error); },
|
|
45
|
+
theme: {
|
|
46
|
+
paragraph: 'richtext-p',
|
|
47
|
+
heading: {
|
|
48
|
+
h2: 'richtext-h2',
|
|
49
|
+
h3: 'richtext-h3'
|
|
50
|
+
},
|
|
51
|
+
text: {
|
|
52
|
+
bold: 'richtext-bold',
|
|
53
|
+
italic: 'richtext-italic',
|
|
54
|
+
underline: 'richtext-underline'
|
|
55
|
+
},
|
|
56
|
+
list: {
|
|
57
|
+
ul: 'richtext-ul',
|
|
58
|
+
ol: 'richtext-ol',
|
|
59
|
+
listitem: 'richtext-li'
|
|
60
|
+
},
|
|
61
|
+
quote: 'richtext-quote',
|
|
62
|
+
link: 'richtext-link'
|
|
63
|
+
}
|
|
64
|
+
};
|
|
65
|
+
const editor = createEditor(config);
|
|
66
|
+
const toolbar = createToolbar(editor);
|
|
67
|
+
container.parentElement?.insertBefore(toolbar, container);
|
|
68
|
+
const contentEditable = document.createElement('div');
|
|
69
|
+
contentEditable.contentEditable = 'true';
|
|
70
|
+
contentEditable.className = 'richtext-content';
|
|
71
|
+
container.appendChild(contentEditable);
|
|
72
|
+
editor.setRootElement(contentEditable);
|
|
73
|
+
registerRichText(editor);
|
|
74
|
+
registerList(editor);
|
|
75
|
+
registerHistory(editor, createEmptyHistoryState(), 300);
|
|
76
|
+
// Load initial HTML content
|
|
77
|
+
if (initialHtml) {
|
|
78
|
+
editor.update(() => {
|
|
79
|
+
const parser = new DOMParser();
|
|
80
|
+
const dom = parser.parseFromString(initialHtml, 'text/html');
|
|
81
|
+
const nodes = $generateNodesFromDOM(editor, dom);
|
|
82
|
+
const root = $getRoot();
|
|
83
|
+
root.clear();
|
|
84
|
+
$insertNodes(nodes);
|
|
85
|
+
});
|
|
86
|
+
}
|
|
87
|
+
// Sync editor state to hidden input on every change
|
|
88
|
+
editor.registerUpdateListener(({ editorState }) => {
|
|
89
|
+
editorState.read(() => {
|
|
90
|
+
const html = $generateHtmlFromNodes(editor);
|
|
91
|
+
hiddenInput.value = html;
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
}
|
|
95
|
+
export function initAllEditors() {
|
|
96
|
+
const editors = document.querySelectorAll('.richtext-editor');
|
|
97
|
+
for (const el of editors) {
|
|
98
|
+
initEditor(el);
|
|
99
|
+
}
|
|
100
|
+
}
|
|
101
|
+
//# sourceMappingURL=lexical-entry.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"lexical-entry.js","sourceRoot":"","sources":["../../../src/admin/editor/lexical-entry.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,3 +1,10 @@
|
|
|
1
1
|
import type { FieldConfig } from '../schema/field-types.js';
|
|
2
|
-
export
|
|
2
|
+
export interface RelationOption {
|
|
3
|
+
readonly id: string;
|
|
4
|
+
readonly label: string;
|
|
5
|
+
}
|
|
6
|
+
export interface RelationContext {
|
|
7
|
+
readonly [fieldName: string]: readonly RelationOption[];
|
|
8
|
+
}
|
|
9
|
+
export declare function renderFieldInput(f: FieldConfig, value: string, context?: RelationContext): string;
|
|
3
10
|
//# sourceMappingURL=field-renderers.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-renderers.d.ts","sourceRoot":"","sources":["../../src/admin/field-renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;
|
|
1
|
+
{"version":3,"file":"field-renderers.d.ts","sourceRoot":"","sources":["../../src/admin/field-renderers.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAA;AAG3D,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,eAAe;IAC9B,QAAQ,EAAE,SAAS,EAAE,MAAM,GAAG,SAAS,cAAc,EAAE,CAAA;CACxD;AAgFD,wBAAgB,gBAAgB,CAAE,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,eAAe,GAAG,MAAM,CAKlG"}
|
|
@@ -3,12 +3,13 @@ const RENDERER_MAP = {
|
|
|
3
3
|
text: renderTextInput,
|
|
4
4
|
slug: renderTextInput,
|
|
5
5
|
textarea: renderTextarea,
|
|
6
|
+
richtext: renderRichtextEditor,
|
|
6
7
|
number: renderNumberInput,
|
|
7
8
|
boolean: renderCheckbox,
|
|
8
9
|
select: renderSelect,
|
|
9
10
|
date: renderDateInput,
|
|
10
11
|
media: renderTextInput,
|
|
11
|
-
relation:
|
|
12
|
+
relation: renderRelation,
|
|
12
13
|
group: renderGroup
|
|
13
14
|
};
|
|
14
15
|
function renderTextInput(f, value) {
|
|
@@ -45,16 +46,36 @@ function renderDateInput(f, value) {
|
|
|
45
46
|
const req = f.required ? ' required' : '';
|
|
46
47
|
return `<label class="form-field"><span>${escapeHtml(f.label ?? f.name)}</span><input class="form-input" type="date" name="${escapeHtml(f.name)}" value="${escapeHtml(value)}"${req}></label>`;
|
|
47
48
|
}
|
|
49
|
+
function renderRichtextEditor(f, value) {
|
|
50
|
+
const templateTag = value
|
|
51
|
+
? `<template class="richtext-initial">${escapeHtml(value)}</template>`
|
|
52
|
+
: '';
|
|
53
|
+
return `<label class="form-field"><span>${escapeHtml(f.label ?? f.name)}</span><div class="richtext-wrap"><input type="hidden" name="${escapeHtml(f.name)}" value="${escapeHtml(value)}"><div class="richtext-editor" data-field="${escapeHtml(f.name)}"></div>${templateTag}</div></label>`;
|
|
54
|
+
}
|
|
55
|
+
function renderRelation(f, value, context) {
|
|
56
|
+
const options = context?.[f.name];
|
|
57
|
+
if (!options)
|
|
58
|
+
return renderTextInput(f, value);
|
|
59
|
+
const req = f.required ? ' required' : '';
|
|
60
|
+
const emptyOpt = f.required ? '' : '<option value="">— None —</option>';
|
|
61
|
+
const optionTags = options.map(o => {
|
|
62
|
+
const sel = o.id === value ? ' selected' : '';
|
|
63
|
+
return `<option value="${escapeHtml(o.id)}"${sel}>${escapeHtml(o.label)}</option>`;
|
|
64
|
+
}).join('');
|
|
65
|
+
return `<label class="form-field"><span>${escapeHtml(f.label ?? f.name)}</span><select class="form-select" name="${escapeHtml(f.name)}"${req}>${emptyOpt}${optionTags}</select></label>`;
|
|
66
|
+
}
|
|
48
67
|
function renderGroup(f, _value) {
|
|
49
68
|
const inner = 'fields' in f
|
|
50
69
|
? f.fields.map(child => renderFieldInput(child, '')).join('\n')
|
|
51
70
|
: '';
|
|
52
71
|
return `<fieldset><legend>${escapeHtml(f.label ?? f.name)}</legend>${inner}</fieldset>`;
|
|
53
72
|
}
|
|
54
|
-
export function renderFieldInput(f, value) {
|
|
73
|
+
export function renderFieldInput(f, value, context) {
|
|
55
74
|
const renderer = RENDERER_MAP[f.type];
|
|
56
75
|
if (!renderer)
|
|
57
76
|
return `<p>Unsupported field type: ${escapeHtml(f.type)}</p>`;
|
|
77
|
+
if (f.type === 'relation')
|
|
78
|
+
return renderRelation(f, value, context);
|
|
58
79
|
return renderer(f, value);
|
|
59
80
|
}
|
|
60
81
|
//# sourceMappingURL=field-renderers.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"field-renderers.js","sourceRoot":"","sources":["../../src/admin/field-renderers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;
|
|
1
|
+
{"version":3,"file":"field-renderers.js","sourceRoot":"","sources":["../../src/admin/field-renderers.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAWxC,MAAM,YAAY,GAA8D;IAC9E,IAAI,EAAE,eAAe;IACrB,IAAI,EAAE,eAAe;IACrB,QAAQ,EAAE,cAAc;IACxB,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,iBAAiB;IACzB,OAAO,EAAE,cAAc;IACvB,MAAM,EAAE,YAAY;IACpB,IAAI,EAAE,eAAe;IACrB,KAAK,EAAE,eAAe;IACtB,QAAQ,EAAE,cAAc;IACxB,KAAK,EAAE,WAAW;CACnB,CAAA;AAED,SAAS,eAAe,CAAE,CAAc,EAAE,KAAa;IACrD,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzC,OAAO,mCAAmC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,sDAAsD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,WAAW,CAAA;AAChM,CAAC;AAED,SAAS,cAAc,CAAE,CAAc,EAAE,KAAa;IACpD,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzC,OAAO,mCAAmC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,gDAAgD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,UAAU,CAAC,KAAK,CAAC,qBAAqB,CAAA;AAC5L,CAAC;AAED,SAAS,iBAAiB,CAAE,CAAc,EAAE,KAAa;IACvD,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzC,IAAI,KAAK,GAAG,EAAE,CAAA;IACd,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;QAAE,KAAK,IAAI,SAAS,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAA;IACrF,IAAI,KAAK,IAAI,CAAC,IAAI,CAAC,CAAC,GAAG,KAAK,SAAS;QAAE,KAAK,IAAI,SAAS,UAAU,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAA;IACrF,OAAO,mCAAmC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,wDAAwD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,UAAU,CAAC,KAAK,CAAC,IAAI,KAAK,GAAG,GAAG,WAAW,CAAA;AAC1M,CAAC;AAED,SAAS,cAAc,CAAE,CAAc,EAAE,KAAa;IACpD,MAAM,OAAO,GAAG,KAAK,KAAK,MAAM,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,EAAE,CAAA;IAClD,OAAO,2DAA2D,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,gDAAgD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,iBAAiB,OAAO,KAAK,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,UAAU,CAAA;AAC5N,CAAC;AAED,SAAS,YAAY,CAAE,CAAc,EAAE,KAAa;IAClD,MAAM,OAAO,GAAG,SAAS,IAAI,CAAC;QAC5B,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;YAClB,MAAM,GAAG,GAAG,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;YAChD,OAAO,kBAAkB,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAA;QACvF,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC;QACX,CAAC,CAAC,EAAE,CAAA;IACN,OAAO,mCAAmC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,4CAA4C,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,OAAO,mBAAmB,CAAA;AACtK,CAAC;AAED,SAAS,eAAe,CAAE,CAAc,EAAE,KAAa;IACrD,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzC,OAAO,mCAAmC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,sDAAsD,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,WAAW,CAAA;AAChM,CAAC;AAED,SAAS,oBAAoB,CAAE,CAAc,EAAE,KAAa;IAC1D,MAAM,WAAW,GAAG,KAAK;QACvB,CAAC,CAAC,sCAAsC,UAAU,CAAC,KAAK,CAAC,aAAa;QACtE,CAAC,CAAC,EAAE,CAAA;IACN,OAAO,mCAAmC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,gEAAgE,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,YAAY,UAAU,CAAC,KAAK,CAAC,8CAA8C,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,WAAW,gBAAgB,CAAA;AAC9R,CAAC;AAED,SAAS,cAAc,CAAE,CAAc,EAAE,KAAa,EAAE,OAAyB;IAC/E,MAAM,OAAO,GAAG,OAAO,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACjC,IAAI,CAAC,OAAO;QAAE,OAAO,eAAe,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IAC9C,MAAM,GAAG,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;IACzC,MAAM,QAAQ,GAAG,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,oCAAoC,CAAA;IACvE,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE;QACjC,MAAM,GAAG,GAAG,CAAC,CAAC,EAAE,KAAK,KAAK,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,CAAA;QAC7C,OAAO,kBAAkB,UAAU,CAAC,CAAC,CAAC,EAAE,CAAC,IAAI,GAAG,IAAI,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,WAAW,CAAA;IACpF,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IACX,OAAO,mCAAmC,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,4CAA4C,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,GAAG,IAAI,QAAQ,GAAG,UAAU,mBAAmB,CAAA;AAC1L,CAAC;AAED,SAAS,WAAW,CAAE,CAAc,EAAE,MAAc;IAClD,MAAM,KAAK,GAAG,QAAQ,IAAI,CAAC;QACzB,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC;QAC/D,CAAC,CAAC,EAAE,CAAA;IACN,OAAO,qBAAqB,UAAU,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,IAAI,CAAC,YAAY,KAAK,aAAa,CAAA;AACzF,CAAC;AAED,MAAM,UAAU,gBAAgB,CAAE,CAAc,EAAE,KAAa,EAAE,OAAyB;IACxF,MAAM,QAAQ,GAAG,YAAY,CAAC,CAAC,CAAC,IAAI,CAAC,CAAA;IACrC,IAAI,CAAC,QAAQ;QAAE,OAAO,8BAA8B,UAAU,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,CAAA;IAC5E,IAAI,CAAC,CAAC,IAAI,KAAK,UAAU;QAAE,OAAO,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,CAAA;IACnE,OAAO,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;AAC3B,CAAC"}
|
package/dist/admin/index.d.ts
CHANGED
|
@@ -5,4 +5,6 @@ export { renderEditView } from './edit-view.js';
|
|
|
5
5
|
export { renderFieldInput } from './field-renderers.js';
|
|
6
6
|
export { createAdminRoutes } from './admin-routes.js';
|
|
7
7
|
export { escapeHtml } from './escape.js';
|
|
8
|
+
export { renderLoginPage } from './login-view.js';
|
|
9
|
+
export { renderAnalyticsView } from './analytics-view.js';
|
|
8
10
|
//# sourceMappingURL=index.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA"}
|
package/dist/admin/index.js
CHANGED
|
@@ -5,4 +5,6 @@ export { renderEditView } from './edit-view.js';
|
|
|
5
5
|
export { renderFieldInput } from './field-renderers.js';
|
|
6
6
|
export { createAdminRoutes } from './admin-routes.js';
|
|
7
7
|
export { escapeHtml } from './escape.js';
|
|
8
|
+
export { renderLoginPage } from './login-view.js';
|
|
9
|
+
export { renderAnalyticsView } from './analytics-view.js';
|
|
8
10
|
//# sourceMappingURL=index.js.map
|
package/dist/admin/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/admin/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAC1C,OAAO,EAAE,eAAe,EAAE,MAAM,gBAAgB,CAAA;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAA;AAC/C,OAAO,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AACjD,OAAO,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAA"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/admin/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAI9C,UAAU,UAAU;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CAC1C;AAED,wBAAgB,YAAY,CAAE,IAAI,EAAE,UAAU,GAAG,MAAM,
|
|
1
|
+
{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../src/admin/layout.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAA;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAI9C,UAAU,UAAU;IAClB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAA;IACxB,QAAQ,CAAC,WAAW,EAAE,SAAS,gBAAgB,EAAE,CAAA;IACjD,QAAQ,CAAC,KAAK,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CAC1C;AAED,wBAAgB,YAAY,CAAE,IAAI,EAAE,UAAU,GAAG,MAAM,CA6ZtD"}
|
package/dist/admin/layout.js
CHANGED
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
import { escapeHtml } from './escape.js';
|
|
2
2
|
import { renderToast } from './toast.js';
|
|
3
3
|
export function renderLayout(args) {
|
|
4
|
-
const
|
|
4
|
+
const collectionNav = args.collections.map(c => {
|
|
5
5
|
const label = escapeHtml(c.labels?.plural ?? c.slug);
|
|
6
6
|
return `<li><a href="/admin/${escapeHtml(c.slug)}">${label}</a></li>`;
|
|
7
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>';
|
|
8
9
|
const toastHtml = args.toast ? renderToast(args.toast) : '';
|
|
9
10
|
return `<!DOCTYPE html>
|
|
10
11
|
<html lang="en">
|
|
@@ -263,6 +264,11 @@ export function renderLayout(args) {
|
|
|
263
264
|
color: var(--val-color-primary-text);
|
|
264
265
|
}
|
|
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); }
|
|
266
272
|
|
|
267
273
|
.empty-state {
|
|
268
274
|
color: var(--val-color-text-muted);
|
|
@@ -309,6 +315,62 @@ export function renderLayout(args) {
|
|
|
309
315
|
.toast-dismiss:hover { opacity: 1; }
|
|
310
316
|
.toast-fade { opacity: 0; }
|
|
311
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
|
+
|
|
312
374
|
/* --- Responsive --- */
|
|
313
375
|
@media (max-width: 768px) {
|
|
314
376
|
body { flex-direction: column; }
|
|
@@ -346,6 +408,7 @@ ${navItems}
|
|
|
346
408
|
})()
|
|
347
409
|
</script>`
|
|
348
410
|
: ''}
|
|
411
|
+
<script src="/admin/_assets/admin-client.js" defer></script>
|
|
349
412
|
</body>
|
|
350
413
|
</html>`;
|
|
351
414
|
}
|
package/dist/admin/layout.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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,
|
|
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"}
|
|
@@ -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"}
|
|
@@ -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
|
|
@@ -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"}
|