@ytspar/devbar 1.10.5 → 1.10.7
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/GlobalDevBar.d.ts +1 -1
- package/dist/GlobalDevBar.d.ts.map +1 -1
- package/dist/GlobalDevBar.js +1 -1
- package/dist/GlobalDevBar.js.map +1 -1
- package/dist/constants.d.ts +7 -4
- package/dist/constants.d.ts.map +1 -1
- package/dist/constants.js +144 -9
- package/dist/constants.js.map +1 -1
- package/dist/lazy/index.d.ts +1 -1
- package/dist/lazy/index.d.ts.map +1 -1
- package/dist/lazy/index.js +1 -1
- package/dist/lazy/index.js.map +1 -1
- package/dist/lazy/lazyHtml2Canvas.d.ts +0 -9
- package/dist/lazy/lazyHtml2Canvas.d.ts.map +1 -1
- package/dist/lazy/lazyHtml2Canvas.js +0 -15
- package/dist/lazy/lazyHtml2Canvas.js.map +1 -1
- package/dist/modules/demoMode.d.ts +11 -0
- package/dist/modules/demoMode.d.ts.map +1 -0
- package/dist/modules/demoMode.js +26 -0
- package/dist/modules/demoMode.js.map +1 -0
- package/dist/modules/index.d.ts +1 -1
- package/dist/modules/index.d.ts.map +1 -1
- package/dist/modules/index.js +1 -1
- package/dist/modules/index.js.map +1 -1
- package/dist/modules/performance.d.ts.map +1 -1
- package/dist/modules/performance.js +16 -9
- package/dist/modules/performance.js.map +1 -1
- package/dist/modules/rendering/buttons.d.ts.map +1 -1
- package/dist/modules/rendering/buttons.js +51 -9
- package/dist/modules/rendering/buttons.js.map +1 -1
- package/dist/modules/rendering/collapsed.d.ts.map +1 -1
- package/dist/modules/rendering/collapsed.js +2 -1
- package/dist/modules/rendering/collapsed.js.map +1 -1
- package/dist/modules/rendering/common.d.ts.map +1 -1
- package/dist/modules/rendering/common.js +10 -0
- package/dist/modules/rendering/common.js.map +1 -1
- package/dist/modules/rendering/compact.d.ts.map +1 -1
- package/dist/modules/rendering/compact.js +12 -1
- package/dist/modules/rendering/compact.js.map +1 -1
- package/dist/modules/rendering/console.d.ts.map +1 -1
- package/dist/modules/rendering/console.js +8 -2
- package/dist/modules/rendering/console.js.map +1 -1
- package/dist/modules/rendering/evidenceContext.d.ts +10 -0
- package/dist/modules/rendering/evidenceContext.d.ts.map +1 -0
- package/dist/modules/rendering/evidenceContext.js +34 -0
- package/dist/modules/rendering/evidenceContext.js.map +1 -0
- package/dist/modules/rendering/expanded.d.ts.map +1 -1
- package/dist/modules/rendering/expanded.js +26 -5
- package/dist/modules/rendering/expanded.js.map +1 -1
- package/dist/modules/rendering/modals.d.ts.map +1 -1
- package/dist/modules/rendering/modals.js +35 -4
- package/dist/modules/rendering/modals.js.map +1 -1
- package/dist/modules/rendering/settings.js +39 -8
- package/dist/modules/rendering/settings.js.map +1 -1
- package/dist/modules/websocket.d.ts.map +1 -1
- package/dist/modules/websocket.js +5 -2
- package/dist/modules/websocket.js.map +1 -1
- package/dist/plugins/consentDebug.d.ts.map +1 -1
- package/dist/plugins/consentDebug.js +4 -2
- package/dist/plugins/consentDebug.js.map +1 -1
- package/dist/settings.js +3 -3
- package/dist/settings.js.map +1 -1
- package/dist/ui/index.d.ts +1 -2
- package/dist/ui/index.d.ts.map +1 -1
- package/dist/ui/index.js +1 -2
- package/dist/ui/index.js.map +1 -1
- package/dist/ui/modals.d.ts +21 -2
- package/dist/ui/modals.d.ts.map +1 -1
- package/dist/ui/modals.js +116 -3
- package/dist/ui/modals.js.map +1 -1
- package/package.json +2 -2
- package/dist/modules/rendering.d.ts +0 -19
- package/dist/modules/rendering.d.ts.map +0 -1
- package/dist/modules/rendering.js +0 -19
- package/dist/modules/rendering.js.map +0 -1
- package/dist/ui/cards.d.ts +0 -37
- package/dist/ui/cards.d.ts.map +0 -1
- package/dist/ui/cards.js +0 -134
- package/dist/ui/cards.js.map +0 -1
package/dist/ui/modals.js
CHANGED
|
@@ -21,12 +21,17 @@ export function createModalOverlay(onClose) {
|
|
|
21
21
|
return overlay;
|
|
22
22
|
}
|
|
23
23
|
/**
|
|
24
|
-
* Create modal box with border and shadow
|
|
24
|
+
* Create modal box with border and shadow.
|
|
25
|
+
* Pass `ariaLabel` to give the dialog an accessible name so screen readers
|
|
26
|
+
* announce its title — without it, axe flags the dialog as unnamed and SR
|
|
27
|
+
* users hear "dialog" with no context.
|
|
25
28
|
*/
|
|
26
|
-
export function createModalBox(color) {
|
|
29
|
+
export function createModalBox(color, ariaLabel) {
|
|
27
30
|
const modal = document.createElement('div');
|
|
28
31
|
modal.setAttribute('role', 'dialog');
|
|
29
32
|
modal.setAttribute('aria-modal', 'true');
|
|
33
|
+
if (ariaLabel)
|
|
34
|
+
modal.setAttribute('aria-label', ariaLabel);
|
|
30
35
|
modal.tabIndex = -1;
|
|
31
36
|
Object.assign(modal.style, {
|
|
32
37
|
...MODAL_BOX_BASE_STYLES,
|
|
@@ -35,11 +40,26 @@ export function createModalBox(color) {
|
|
|
35
40
|
});
|
|
36
41
|
return modal;
|
|
37
42
|
}
|
|
43
|
+
/**
|
|
44
|
+
* Move focus to a modal once it's been added to the DOM. Uses queueMicrotask
|
|
45
|
+
* so the focus happens after the current frame's append, when the element
|
|
46
|
+
* is connected and focusable.
|
|
47
|
+
*/
|
|
48
|
+
export function focusModal(modal) {
|
|
49
|
+
queueMicrotask(() => {
|
|
50
|
+
try {
|
|
51
|
+
modal.focus();
|
|
52
|
+
}
|
|
53
|
+
catch {
|
|
54
|
+
/* element was removed before microtask ran */
|
|
55
|
+
}
|
|
56
|
+
});
|
|
57
|
+
}
|
|
38
58
|
/**
|
|
39
59
|
* Create modal header with title, copy/save/close buttons
|
|
40
60
|
*/
|
|
41
61
|
export function createModalHeader(config) {
|
|
42
|
-
const { color, title, onClose, onCopyMd, onSave, onClear, sweetlinkConnected = false, saveLocation = 'auto', isSaving, savedPath, } = config;
|
|
62
|
+
const { color, title, onClose, onCopyMd, onSave, onClear, sweetlinkConnected = false, saveLocation = 'auto', isSaving, savedPath, evidenceContext, } = config;
|
|
43
63
|
const effectiveSave = resolveSaveLocation(saveLocation, sweetlinkConnected);
|
|
44
64
|
const header = document.createElement('div');
|
|
45
65
|
Object.assign(header.style, {
|
|
@@ -146,8 +166,101 @@ export function createModalHeader(config) {
|
|
|
146
166
|
savedConfirm.appendChild(pathText);
|
|
147
167
|
header.appendChild(savedConfirm);
|
|
148
168
|
}
|
|
169
|
+
if (evidenceContext) {
|
|
170
|
+
header.appendChild(createEvidenceContextBox(color, evidenceContext));
|
|
171
|
+
}
|
|
149
172
|
return header;
|
|
150
173
|
}
|
|
174
|
+
function createEvidenceContextBox(color, evidenceContext) {
|
|
175
|
+
const box = document.createElement('div');
|
|
176
|
+
Object.assign(box.style, {
|
|
177
|
+
width: '100%',
|
|
178
|
+
marginTop: '4px',
|
|
179
|
+
padding: '10px 12px',
|
|
180
|
+
backgroundColor: withAlpha(color, 6),
|
|
181
|
+
border: `1px solid ${withAlpha(color, 19)}`,
|
|
182
|
+
borderRadius: '6px',
|
|
183
|
+
display: 'grid',
|
|
184
|
+
gap: '8px',
|
|
185
|
+
});
|
|
186
|
+
const topRow = document.createElement('div');
|
|
187
|
+
Object.assign(topRow.style, {
|
|
188
|
+
display: 'flex',
|
|
189
|
+
alignItems: 'center',
|
|
190
|
+
justifyContent: 'space-between',
|
|
191
|
+
gap: '8px',
|
|
192
|
+
});
|
|
193
|
+
const title = document.createElement('span');
|
|
194
|
+
Object.assign(title.style, {
|
|
195
|
+
color,
|
|
196
|
+
fontSize: '0.625rem',
|
|
197
|
+
fontWeight: '600',
|
|
198
|
+
letterSpacing: '0.1em',
|
|
199
|
+
textTransform: 'uppercase',
|
|
200
|
+
});
|
|
201
|
+
title.textContent = evidenceContext.title ?? 'Agent Context';
|
|
202
|
+
topRow.appendChild(title);
|
|
203
|
+
if (evidenceContext.copyText) {
|
|
204
|
+
const copyBtn = createStyledButton({
|
|
205
|
+
color,
|
|
206
|
+
text: 'Copy Context',
|
|
207
|
+
padding: '4px 8px',
|
|
208
|
+
fontSize: '0.625rem',
|
|
209
|
+
});
|
|
210
|
+
copyBtn.onclick = async () => {
|
|
211
|
+
try {
|
|
212
|
+
await navigator.clipboard.writeText(evidenceContext.copyText ?? '');
|
|
213
|
+
copyBtn.textContent = 'Copied!';
|
|
214
|
+
setTimeout(() => {
|
|
215
|
+
copyBtn.textContent = 'Copy Context';
|
|
216
|
+
}, 1500);
|
|
217
|
+
}
|
|
218
|
+
catch {
|
|
219
|
+
copyBtn.textContent = 'Copy Failed';
|
|
220
|
+
setTimeout(() => {
|
|
221
|
+
copyBtn.textContent = 'Copy Context';
|
|
222
|
+
}, 1500);
|
|
223
|
+
}
|
|
224
|
+
};
|
|
225
|
+
topRow.appendChild(copyBtn);
|
|
226
|
+
}
|
|
227
|
+
box.appendChild(topRow);
|
|
228
|
+
const itemGrid = document.createElement('div');
|
|
229
|
+
Object.assign(itemGrid.style, {
|
|
230
|
+
display: 'grid',
|
|
231
|
+
gridTemplateColumns: 'repeat(auto-fit, minmax(140px, 1fr))',
|
|
232
|
+
gap: '6px 10px',
|
|
233
|
+
});
|
|
234
|
+
for (const item of evidenceContext.items) {
|
|
235
|
+
const pair = document.createElement('div');
|
|
236
|
+
Object.assign(pair.style, { minWidth: '0' });
|
|
237
|
+
const label = document.createElement('div');
|
|
238
|
+
Object.assign(label.style, {
|
|
239
|
+
color: CSS_COLORS.textMuted,
|
|
240
|
+
fontSize: '0.5625rem',
|
|
241
|
+
textTransform: 'uppercase',
|
|
242
|
+
letterSpacing: '0.08em',
|
|
243
|
+
marginBottom: '2px',
|
|
244
|
+
});
|
|
245
|
+
label.textContent = item.label;
|
|
246
|
+
pair.appendChild(label);
|
|
247
|
+
const value = document.createElement('div');
|
|
248
|
+
Object.assign(value.style, {
|
|
249
|
+
color: CSS_COLORS.textSecondary,
|
|
250
|
+
fontFamily: 'monospace',
|
|
251
|
+
fontSize: '0.625rem',
|
|
252
|
+
overflow: 'hidden',
|
|
253
|
+
textOverflow: 'ellipsis',
|
|
254
|
+
whiteSpace: 'nowrap',
|
|
255
|
+
});
|
|
256
|
+
value.title = item.value;
|
|
257
|
+
value.textContent = item.value;
|
|
258
|
+
pair.appendChild(value);
|
|
259
|
+
itemGrid.appendChild(pair);
|
|
260
|
+
}
|
|
261
|
+
box.appendChild(itemGrid);
|
|
262
|
+
return box;
|
|
263
|
+
}
|
|
151
264
|
/**
|
|
152
265
|
* Create modal content container
|
|
153
266
|
*/
|
package/dist/ui/modals.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"modals.js","sourceRoot":"","sources":["../../src/ui/modals.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAEH,OAAO,EACL,UAAU,EACV,YAAY,EACZ,qBAAqB,EACrB,oBAAoB,EACpB,SAAS,GACV,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,mBAAmB,EAAE,MAAM,gBAAgB,CAAC;AACrD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;
|
|
1
|
+
{"version":3,"file":"modals.js","sourceRoot":"","sources":["../../src/ui/modals.ts"],"names":[],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@ytspar/devbar",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.7",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"private": false,
|
|
6
6
|
"description": "Development toolbar and utilities with Sweetlink integration - pure vanilla JS, no framework dependencies",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"dependencies": {
|
|
69
69
|
"axe-core": "^4.10.2",
|
|
70
70
|
"html2canvas-pro": "^2.0.0",
|
|
71
|
-
"@ytspar/sweetlink": "^1.
|
|
71
|
+
"@ytspar/sweetlink": "^1.22.0"
|
|
72
72
|
},
|
|
73
73
|
"devDependencies": {
|
|
74
74
|
"@types/node": "^25.2.3",
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Rendering barrel - re-exports from sub-modules under rendering/.
|
|
3
|
-
*
|
|
4
|
-
* This file exists so that existing import paths
|
|
5
|
-
* import { render } from './rendering.js'
|
|
6
|
-
* continue to work without changes.
|
|
7
|
-
*
|
|
8
|
-
* The actual implementation is split across:
|
|
9
|
-
* rendering/collapsed.ts - collapsed bar rendering
|
|
10
|
-
* rendering/compact.ts - compact mode
|
|
11
|
-
* rendering/expanded.ts - expanded bar, info section, metrics, custom controls
|
|
12
|
-
* rendering/buttons.ts - button creators (screenshot, a11y, schema, etc.)
|
|
13
|
-
* rendering/console.ts - console popup
|
|
14
|
-
* rendering/modals.ts - outline, schema, a11y, design review modals
|
|
15
|
-
* rendering/settings.ts - settings popover
|
|
16
|
-
* rendering/common.ts - shared helpers (connection indicator, dot position)
|
|
17
|
-
*/
|
|
18
|
-
export { render } from './rendering/index.js';
|
|
19
|
-
//# sourceMappingURL=rendering.d.ts.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rendering.d.ts","sourceRoot":"","sources":["../../src/modules/rendering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC"}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Rendering barrel - re-exports from sub-modules under rendering/.
|
|
3
|
-
*
|
|
4
|
-
* This file exists so that existing import paths
|
|
5
|
-
* import { render } from './rendering.js'
|
|
6
|
-
* continue to work without changes.
|
|
7
|
-
*
|
|
8
|
-
* The actual implementation is split across:
|
|
9
|
-
* rendering/collapsed.ts - collapsed bar rendering
|
|
10
|
-
* rendering/compact.ts - compact mode
|
|
11
|
-
* rendering/expanded.ts - expanded bar, info section, metrics, custom controls
|
|
12
|
-
* rendering/buttons.ts - button creators (screenshot, a11y, schema, etc.)
|
|
13
|
-
* rendering/console.ts - console popup
|
|
14
|
-
* rendering/modals.ts - outline, schema, a11y, design review modals
|
|
15
|
-
* rendering/settings.ts - settings popover
|
|
16
|
-
* rendering/common.ts - shared helpers (connection indicator, dot position)
|
|
17
|
-
*/
|
|
18
|
-
export { render } from './rendering/index.js';
|
|
19
|
-
//# sourceMappingURL=rendering.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"rendering.js","sourceRoot":"","sources":["../../src/modules/rendering.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AACH,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC"}
|
package/dist/ui/cards.d.ts
DELETED
|
@@ -1,37 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* devbar Cards
|
|
3
|
-
*
|
|
4
|
-
* Notched card component with symmetric wing headers.
|
|
5
|
-
* Inspired by Sacred Computer's terminal aesthetic.
|
|
6
|
-
*
|
|
7
|
-
* Structure:
|
|
8
|
-
* ```
|
|
9
|
-
* ┌───┐ ┌───┐
|
|
10
|
-
* │ │ TITLE │ │ ← symmetric wings with title in gap
|
|
11
|
-
* ├───┴───────┴───┤
|
|
12
|
-
* │ │
|
|
13
|
-
* │ CONTENT │
|
|
14
|
-
* │ │
|
|
15
|
-
* └───────────────┘
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
/** Card configuration */
|
|
19
|
-
export interface CardConfig {
|
|
20
|
-
/** Card title displayed in the header break */
|
|
21
|
-
title: string;
|
|
22
|
-
/** Empty state - dims the card */
|
|
23
|
-
isEmpty?: boolean;
|
|
24
|
-
}
|
|
25
|
-
/**
|
|
26
|
-
* Create a notched card with wing header
|
|
27
|
-
*/
|
|
28
|
-
export declare function createCard(config: CardConfig): HTMLElement;
|
|
29
|
-
/**
|
|
30
|
-
* Get the content section of a card (for appending children)
|
|
31
|
-
*/
|
|
32
|
-
export declare function getCardContent(card: HTMLElement): HTMLElement | null;
|
|
33
|
-
/**
|
|
34
|
-
* Update card empty state
|
|
35
|
-
*/
|
|
36
|
-
export declare function setCardEmpty(card: HTMLElement, isEmpty: boolean): void;
|
|
37
|
-
//# sourceMappingURL=cards.d.ts.map
|
package/dist/ui/cards.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cards.d.ts","sourceRoot":"","sources":["../../src/ui/cards.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;GAgBG;AAIH,yBAAyB;AACzB,MAAM,WAAW,UAAU;IACzB,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;IACd,kCAAkC;IAClC,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB;AAiBD;;GAEG;AACH,wBAAgB,UAAU,CAAC,MAAM,EAAE,UAAU,GAAG,WAAW,CA4E1D;AAED;;GAEG;AACH,wBAAgB,cAAc,CAAC,IAAI,EAAE,WAAW,GAAG,WAAW,GAAG,IAAI,CAEpE;AAED;;GAEG;AACH,wBAAgB,YAAY,CAAC,IAAI,EAAE,WAAW,EAAE,OAAO,EAAE,OAAO,GAAG,IAAI,CA2BtE"}
|
package/dist/ui/cards.js
DELETED
|
@@ -1,134 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* devbar Cards
|
|
3
|
-
*
|
|
4
|
-
* Notched card component with symmetric wing headers.
|
|
5
|
-
* Inspired by Sacred Computer's terminal aesthetic.
|
|
6
|
-
*
|
|
7
|
-
* Structure:
|
|
8
|
-
* ```
|
|
9
|
-
* ┌───┐ ┌───┐
|
|
10
|
-
* │ │ TITLE │ │ ← symmetric wings with title in gap
|
|
11
|
-
* ├───┴───────┴───┤
|
|
12
|
-
* │ │
|
|
13
|
-
* │ CONTENT │
|
|
14
|
-
* │ │
|
|
15
|
-
* └───────────────┘
|
|
16
|
-
* ```
|
|
17
|
-
*/
|
|
18
|
-
import { CSS_COLORS, FONT_MONO, withAlpha } from '../constants.js';
|
|
19
|
-
/** Wing width in pixels (symmetric) */
|
|
20
|
-
const WING_WIDTH = 12;
|
|
21
|
-
/** Wing height in pixels */
|
|
22
|
-
const WING_HEIGHT = 8;
|
|
23
|
-
/** Content padding in pixels */
|
|
24
|
-
const CONTENT_PADDING = 16;
|
|
25
|
-
/** Border color for cards */
|
|
26
|
-
const BORDER_COLOR = CSS_COLORS.border;
|
|
27
|
-
/** Muted border for empty state */
|
|
28
|
-
const BORDER_COLOR_MUTED = CSS_COLORS.borderSubtle;
|
|
29
|
-
/**
|
|
30
|
-
* Create a notched card with wing header
|
|
31
|
-
*/
|
|
32
|
-
export function createCard(config) {
|
|
33
|
-
const { title, isEmpty = false } = config;
|
|
34
|
-
const borderColor = isEmpty ? BORDER_COLOR_MUTED : BORDER_COLOR;
|
|
35
|
-
// Article wrapper
|
|
36
|
-
const article = document.createElement('article');
|
|
37
|
-
Object.assign(article.style, {
|
|
38
|
-
position: 'relative',
|
|
39
|
-
display: 'block',
|
|
40
|
-
padding: '0',
|
|
41
|
-
opacity: isEmpty ? '0.5' : '1',
|
|
42
|
-
});
|
|
43
|
-
// Header with wings
|
|
44
|
-
const header = document.createElement('header');
|
|
45
|
-
Object.assign(header.style, {
|
|
46
|
-
display: 'flex',
|
|
47
|
-
alignItems: 'flex-end',
|
|
48
|
-
});
|
|
49
|
-
// Left wing
|
|
50
|
-
const leftWing = document.createElement('div');
|
|
51
|
-
Object.assign(leftWing.style, {
|
|
52
|
-
width: `${WING_WIDTH}px`,
|
|
53
|
-
height: `${WING_HEIGHT}px`,
|
|
54
|
-
flexShrink: '0',
|
|
55
|
-
borderLeft: `1px solid ${borderColor}`,
|
|
56
|
-
borderTop: `1px solid ${borderColor}`,
|
|
57
|
-
});
|
|
58
|
-
// Title
|
|
59
|
-
const titleEl = document.createElement('h2');
|
|
60
|
-
Object.assign(titleEl.style, {
|
|
61
|
-
flexShrink: '0',
|
|
62
|
-
padding: '0 8px',
|
|
63
|
-
fontSize: '10px',
|
|
64
|
-
fontWeight: '700',
|
|
65
|
-
fontFamily: FONT_MONO,
|
|
66
|
-
textTransform: 'uppercase',
|
|
67
|
-
letterSpacing: '0.1em',
|
|
68
|
-
lineHeight: '1',
|
|
69
|
-
whiteSpace: 'nowrap',
|
|
70
|
-
color: isEmpty ? withAlpha(CSS_COLORS.primary, 70) : CSS_COLORS.primary,
|
|
71
|
-
});
|
|
72
|
-
titleEl.textContent = title;
|
|
73
|
-
// Right wing
|
|
74
|
-
const rightWing = document.createElement('div');
|
|
75
|
-
Object.assign(rightWing.style, {
|
|
76
|
-
width: `${WING_WIDTH}px`,
|
|
77
|
-
height: `${WING_HEIGHT}px`,
|
|
78
|
-
flexShrink: '0',
|
|
79
|
-
flexGrow: '1',
|
|
80
|
-
borderRight: `1px solid ${borderColor}`,
|
|
81
|
-
borderTop: `1px solid ${borderColor}`,
|
|
82
|
-
});
|
|
83
|
-
header.appendChild(leftWing);
|
|
84
|
-
header.appendChild(titleEl);
|
|
85
|
-
header.appendChild(rightWing);
|
|
86
|
-
// Content section
|
|
87
|
-
const content = document.createElement('section');
|
|
88
|
-
Object.assign(content.style, {
|
|
89
|
-
display: 'block',
|
|
90
|
-
padding: `${CONTENT_PADDING}px`,
|
|
91
|
-
borderLeft: `1px solid ${borderColor}`,
|
|
92
|
-
borderRight: `1px solid ${borderColor}`,
|
|
93
|
-
borderBottom: `1px solid ${borderColor}`,
|
|
94
|
-
});
|
|
95
|
-
article.appendChild(header);
|
|
96
|
-
article.appendChild(content);
|
|
97
|
-
return article;
|
|
98
|
-
}
|
|
99
|
-
/**
|
|
100
|
-
* Get the content section of a card (for appending children)
|
|
101
|
-
*/
|
|
102
|
-
export function getCardContent(card) {
|
|
103
|
-
return card.querySelector('section');
|
|
104
|
-
}
|
|
105
|
-
/**
|
|
106
|
-
* Update card empty state
|
|
107
|
-
*/
|
|
108
|
-
export function setCardEmpty(card, isEmpty) {
|
|
109
|
-
const borderColor = isEmpty ? BORDER_COLOR_MUTED : BORDER_COLOR;
|
|
110
|
-
card.style.opacity = isEmpty ? '0.5' : '1';
|
|
111
|
-
// Update wing borders
|
|
112
|
-
const wings = card.querySelectorAll('header > div');
|
|
113
|
-
wings.forEach((wing) => {
|
|
114
|
-
const el = wing;
|
|
115
|
-
if (el.style.borderLeft)
|
|
116
|
-
el.style.borderLeft = `1px solid ${borderColor}`;
|
|
117
|
-
if (el.style.borderRight)
|
|
118
|
-
el.style.borderRight = `1px solid ${borderColor}`;
|
|
119
|
-
el.style.borderTop = `1px solid ${borderColor}`;
|
|
120
|
-
});
|
|
121
|
-
// Update content borders
|
|
122
|
-
const content = card.querySelector('section');
|
|
123
|
-
if (content) {
|
|
124
|
-
content.style.borderLeft = `1px solid ${borderColor}`;
|
|
125
|
-
content.style.borderRight = `1px solid ${borderColor}`;
|
|
126
|
-
content.style.borderBottom = `1px solid ${borderColor}`;
|
|
127
|
-
}
|
|
128
|
-
// Update title color
|
|
129
|
-
const title = card.querySelector('h2');
|
|
130
|
-
if (title) {
|
|
131
|
-
title.style.color = isEmpty ? withAlpha(CSS_COLORS.primary, 70) : CSS_COLORS.primary;
|
|
132
|
-
}
|
|
133
|
-
}
|
|
134
|
-
//# sourceMappingURL=cards.js.map
|
package/dist/ui/cards.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"cards.js","sourceRoot":"","sources":["../../src/ui/cards.ts"],"names":[],"mappings":"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"}
|