@hypen-space/web 0.4.980 → 0.5.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/README.md +20 -13
- package/dist/canvas/accessibility.d.ts +118 -11
- package/dist/canvas/accessibility.js +470 -108
- package/dist/canvas/accessibility.js.map +1 -1
- package/dist/canvas/dispatch.d.ts +24 -0
- package/dist/canvas/dispatch.js +62 -0
- package/dist/canvas/dispatch.js.map +1 -0
- package/dist/canvas/editing.d.ts +178 -0
- package/dist/canvas/editing.js +590 -0
- package/dist/canvas/editing.js.map +1 -0
- package/dist/canvas/events.d.ts +28 -23
- package/dist/canvas/events.js +90 -103
- package/dist/canvas/events.js.map +1 -1
- package/dist/canvas/focus.d.ts +78 -0
- package/dist/canvas/focus.js +182 -0
- package/dist/canvas/focus.js.map +1 -0
- package/dist/canvas/index.d.ts +3 -2
- package/dist/canvas/index.js +3 -2
- package/dist/canvas/index.js.map +1 -1
- package/dist/canvas/layout.js +68 -98
- package/dist/canvas/layout.js.map +1 -1
- package/dist/canvas/paint.d.ts +16 -3
- package/dist/canvas/paint.js +449 -110
- package/dist/canvas/paint.js.map +1 -1
- package/dist/canvas/renderer.d.ts +28 -4
- package/dist/canvas/renderer.js +201 -81
- package/dist/canvas/renderer.js.map +1 -1
- package/dist/canvas/selection.js +31 -177
- package/dist/canvas/selection.js.map +1 -1
- package/dist/canvas/text-geometry.d.ts +72 -0
- package/dist/canvas/text-geometry.js +244 -0
- package/dist/canvas/text-geometry.js.map +1 -0
- package/dist/canvas/text.js +44 -18
- package/dist/canvas/text.js.map +1 -1
- package/dist/canvas/types.d.ts +10 -1
- package/dist/canvas/utils.d.ts +0 -23
- package/dist/canvas/utils.js +3 -67
- package/dist/canvas/utils.js.map +1 -1
- package/dist/canvas/variants.d.ts +52 -0
- package/dist/canvas/variants.js +156 -0
- package/dist/canvas/variants.js.map +1 -0
- package/dist/dom/a11y-styles.d.ts +20 -0
- package/dist/dom/a11y-styles.js +61 -0
- package/dist/dom/a11y-styles.js.map +1 -0
- package/dist/dom/applicators/aria.d.ts +19 -0
- package/dist/dom/applicators/aria.js +36 -0
- package/dist/dom/applicators/aria.js.map +1 -0
- package/dist/dom/applicators/events.d.ts +7 -0
- package/dist/dom/applicators/events.js +36 -8
- package/dist/dom/applicators/events.js.map +1 -1
- package/dist/dom/applicators/font.d.ts +11 -6
- package/dist/dom/applicators/font.js +16 -27
- package/dist/dom/applicators/font.js.map +1 -1
- package/dist/dom/applicators/index.js +51 -45
- package/dist/dom/applicators/index.js.map +1 -1
- package/dist/dom/canvas/index.js +2 -2
- package/dist/dom/canvas/index.js.map +1 -1
- package/dist/dom/components/app.js +2 -2
- package/dist/dom/components/app.js.map +1 -1
- package/dist/dom/components/audio.js +2 -2
- package/dist/dom/components/audio.js.map +1 -1
- package/dist/dom/components/avatar.js +3 -4
- package/dist/dom/components/avatar.js.map +1 -1
- package/dist/dom/components/badge.js +3 -4
- package/dist/dom/components/badge.js.map +1 -1
- package/dist/dom/components/button.js +2 -2
- package/dist/dom/components/button.js.map +1 -1
- package/dist/dom/components/card.js +2 -2
- package/dist/dom/components/card.js.map +1 -1
- package/dist/dom/components/center.js +2 -2
- package/dist/dom/components/center.js.map +1 -1
- package/dist/dom/components/checkbox.js +4 -5
- package/dist/dom/components/checkbox.js.map +1 -1
- package/dist/dom/components/column.js +2 -2
- package/dist/dom/components/column.js.map +1 -1
- package/dist/dom/components/container.js +2 -2
- package/dist/dom/components/container.js.map +1 -1
- package/dist/dom/components/divider.js +2 -2
- package/dist/dom/components/divider.js.map +1 -1
- package/dist/dom/components/grid.js +10 -10
- package/dist/dom/components/grid.js.map +1 -1
- package/dist/dom/components/heading.js +4 -6
- package/dist/dom/components/heading.js.map +1 -1
- package/dist/dom/components/hypenapp.d.ts +25 -1
- package/dist/dom/components/hypenapp.js +215 -247
- package/dist/dom/components/hypenapp.js.map +1 -1
- package/dist/dom/components/icon.js +4 -5
- package/dist/dom/components/icon.js.map +1 -1
- package/dist/dom/components/image.js +2 -2
- package/dist/dom/components/image.js.map +1 -1
- package/dist/dom/components/index.d.ts +2 -2
- package/dist/dom/components/index.js +9 -2
- package/dist/dom/components/index.js.map +1 -1
- package/dist/dom/components/input.js +2 -2
- package/dist/dom/components/input.js.map +1 -1
- package/dist/dom/components/link.js +2 -2
- package/dist/dom/components/link.js.map +1 -1
- package/dist/dom/components/list.js +2 -2
- package/dist/dom/components/list.js.map +1 -1
- package/dist/dom/components/paragraph.js +3 -4
- package/dist/dom/components/paragraph.js.map +1 -1
- package/dist/dom/components/progressbar.js +3 -3
- package/dist/dom/components/progressbar.js.map +1 -1
- package/dist/dom/components/route.js +2 -2
- package/dist/dom/components/route.js.map +1 -1
- package/dist/dom/components/router.js +2 -2
- package/dist/dom/components/router.js.map +1 -1
- package/dist/dom/components/row.js +10 -10
- package/dist/dom/components/row.js.map +1 -1
- package/dist/dom/components/select.js +3 -4
- package/dist/dom/components/select.js.map +1 -1
- package/dist/dom/components/slider.js +2 -2
- package/dist/dom/components/slider.js.map +1 -1
- package/dist/dom/components/spacer.js +2 -2
- package/dist/dom/components/spacer.js.map +1 -1
- package/dist/dom/components/spinner.js +27 -13
- package/dist/dom/components/spinner.js.map +1 -1
- package/dist/dom/components/stack.js +10 -10
- package/dist/dom/components/stack.js.map +1 -1
- package/dist/dom/components/switch.js +5 -6
- package/dist/dom/components/switch.js.map +1 -1
- package/dist/dom/components/tabs.d.ts +27 -0
- package/dist/dom/components/tabs.js +69 -0
- package/dist/dom/components/tabs.js.map +1 -0
- package/dist/dom/components/text.js +4 -7
- package/dist/dom/components/text.js.map +1 -1
- package/dist/dom/components/textarea.js +2 -2
- package/dist/dom/components/textarea.js.map +1 -1
- package/dist/dom/components/video.js +2 -2
- package/dist/dom/components/video.js.map +1 -1
- package/dist/dom/components/visuallyhidden.d.ts +9 -0
- package/dist/dom/components/visuallyhidden.js +26 -0
- package/dist/dom/components/visuallyhidden.js.map +1 -0
- package/dist/dom/debug.js +6 -8
- package/dist/dom/debug.js.map +1 -1
- package/dist/dom/index.d.ts +0 -1
- package/dist/dom/index.js +0 -1
- package/dist/dom/index.js.map +1 -1
- package/dist/dom/operability.d.ts +100 -0
- package/dist/dom/operability.js +298 -0
- package/dist/dom/operability.js.map +1 -0
- package/dist/dom/renderer.d.ts +98 -5
- package/dist/dom/renderer.js +400 -66
- package/dist/dom/renderer.js.map +1 -1
- package/dist/dom/route-focus.d.ts +42 -0
- package/dist/dom/route-focus.js +88 -0
- package/dist/dom/route-focus.js.map +1 -0
- package/dist/dom/semantics.d.ts +35 -0
- package/dist/dom/semantics.js +184 -0
- package/dist/dom/semantics.js.map +1 -0
- package/dist/variants.d.ts +90 -0
- package/dist/variants.js +206 -0
- package/dist/variants.js.map +1 -0
- package/package.json +2 -2
- package/src/canvas/QUICKSTART.md +16 -11
- package/src/canvas/README.md +63 -34
- package/src/canvas/accessibility.ts +507 -115
- package/src/canvas/dispatch.ts +78 -0
- package/src/canvas/editing.ts +697 -0
- package/src/canvas/events.ts +104 -115
- package/src/canvas/focus.ts +216 -0
- package/src/canvas/index.ts +8 -9
- package/src/canvas/layout.ts +68 -103
- package/src/canvas/paint.ts +509 -109
- package/src/canvas/renderer.ts +239 -99
- package/src/canvas/selection.ts +52 -210
- package/src/canvas/text-geometry.ts +311 -0
- package/src/canvas/text.ts +45 -18
- package/src/canvas/types.ts +28 -1
- package/src/canvas/utils.ts +3 -69
- package/src/canvas/variants.ts +172 -0
- package/src/dom/README.md +8 -7
- package/src/dom/a11y-styles.ts +65 -0
- package/src/dom/applicators/aria.ts +41 -0
- package/src/dom/applicators/events.ts +39 -7
- package/src/dom/applicators/font.ts +16 -29
- package/src/dom/applicators/index.ts +61 -46
- package/src/dom/canvas/index.ts +2 -2
- package/src/dom/components/app.ts +2 -2
- package/src/dom/components/audio.ts +2 -2
- package/src/dom/components/avatar.ts +3 -4
- package/src/dom/components/badge.ts +3 -4
- package/src/dom/components/button.ts +2 -2
- package/src/dom/components/card.ts +2 -2
- package/src/dom/components/center.ts +2 -2
- package/src/dom/components/checkbox.ts +4 -5
- package/src/dom/components/column.ts +2 -2
- package/src/dom/components/container.ts +2 -2
- package/src/dom/components/divider.ts +2 -2
- package/src/dom/components/grid.ts +10 -10
- package/src/dom/components/heading.ts +4 -6
- package/src/dom/components/hypenapp.ts +246 -274
- package/src/dom/components/icon.ts +4 -5
- package/src/dom/components/image.ts +2 -2
- package/src/dom/components/index.ts +10 -3
- package/src/dom/components/input.ts +2 -2
- package/src/dom/components/link.ts +2 -2
- package/src/dom/components/list.ts +2 -2
- package/src/dom/components/paragraph.ts +3 -4
- package/src/dom/components/progressbar.ts +3 -3
- package/src/dom/components/route.ts +2 -2
- package/src/dom/components/router.ts +2 -2
- package/src/dom/components/row.ts +10 -10
- package/src/dom/components/select.ts +3 -4
- package/src/dom/components/slider.ts +2 -2
- package/src/dom/components/spacer.ts +2 -2
- package/src/dom/components/spinner.ts +34 -16
- package/src/dom/components/stack.ts +10 -10
- package/src/dom/components/switch.ts +5 -6
- package/src/dom/components/tabs.ts +76 -0
- package/src/dom/components/text.ts +4 -7
- package/src/dom/components/textarea.ts +2 -2
- package/src/dom/components/video.ts +2 -2
- package/src/dom/components/visuallyhidden.ts +30 -0
- package/src/dom/debug.ts +6 -8
- package/src/dom/index.ts +0 -8
- package/src/dom/operability.ts +312 -0
- package/src/dom/renderer.ts +457 -66
- package/src/dom/route-focus.ts +98 -0
- package/src/dom/semantics.ts +199 -0
- package/src/variants.ts +249 -0
- package/dist/canvas/input.d.ts +0 -76
- package/dist/canvas/input.js +0 -207
- package/dist/canvas/input.js.map +0 -1
- package/dist/client.d.ts +0 -36
- package/dist/client.js +0 -47
- package/dist/client.js.map +0 -1
- package/src/canvas/input.ts +0 -251
- package/src/client.ts +0 -88
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"text-geometry.js","sourceRoot":"","sources":["../../src/canvas/text-geometry.ts"],"names":[],"mappings":"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"}
|
package/dist/canvas/text.js
CHANGED
|
@@ -28,9 +28,15 @@ function isPretextAvailable() {
|
|
|
28
28
|
return pretextAvailable;
|
|
29
29
|
}
|
|
30
30
|
/**
|
|
31
|
-
* Text metrics cache
|
|
31
|
+
* Text metrics cache — bounded LRU. Every distinct (text, font, width,
|
|
32
|
+
* clamp) combination measured on the layout/paint hot path lands here, so
|
|
33
|
+
* without a cap a long-lived session (live feeds, ticking clocks, per-width
|
|
34
|
+
* generations from resizes) grows it forever. Map iteration order is
|
|
35
|
+
* insertion order; hits re-insert to keep hot entries at the tail and the
|
|
36
|
+
* oldest entry is evicted past the cap.
|
|
32
37
|
*/
|
|
33
38
|
const textMetricsCache = new Map();
|
|
39
|
+
const MAX_TEXT_METRICS_CACHE_SIZE = 4096;
|
|
34
40
|
/**
|
|
35
41
|
* Get cache key for text metrics
|
|
36
42
|
*/
|
|
@@ -44,6 +50,12 @@ function wrapTextFallback(ctx, text, maxWidth) {
|
|
|
44
50
|
const lines = [];
|
|
45
51
|
const paragraphs = text.split("\n");
|
|
46
52
|
for (const paragraph of paragraphs) {
|
|
53
|
+
// An empty paragraph is a blank line — dropping it would collapse
|
|
54
|
+
// consecutive newlines (and a trailing Enter in a Textarea).
|
|
55
|
+
if (paragraph === "") {
|
|
56
|
+
lines.push("");
|
|
57
|
+
continue;
|
|
58
|
+
}
|
|
47
59
|
const words = paragraph.split(" ");
|
|
48
60
|
let currentLine = "";
|
|
49
61
|
for (const word of words) {
|
|
@@ -57,9 +69,7 @@ function wrapTextFallback(ctx, text, maxWidth) {
|
|
|
57
69
|
currentLine = testLine;
|
|
58
70
|
}
|
|
59
71
|
}
|
|
60
|
-
|
|
61
|
-
lines.push(currentLine);
|
|
62
|
-
}
|
|
72
|
+
lines.push(currentLine);
|
|
63
73
|
}
|
|
64
74
|
return lines.length > 0 ? lines : [""];
|
|
65
75
|
}
|
|
@@ -76,18 +86,36 @@ function wrapTextFallback(ctx, text, maxWidth) {
|
|
|
76
86
|
export function measureText(ctx, text, fontStyle, maxWidth, maxLines, textOverflow) {
|
|
77
87
|
const cacheKey = `${getCacheKey(text, fontStyle, maxWidth)}|${maxLines ?? ""}|${textOverflow ?? ""}`;
|
|
78
88
|
const cached = textMetricsCache.get(cacheKey);
|
|
79
|
-
if (cached)
|
|
89
|
+
if (cached) {
|
|
90
|
+
// Refresh recency so steady-state entries survive eviction.
|
|
91
|
+
textMetricsCache.delete(cacheKey);
|
|
92
|
+
textMetricsCache.set(cacheKey, cached);
|
|
80
93
|
return cached;
|
|
94
|
+
}
|
|
81
95
|
const font = createFontString(fontStyle.fontSize, fontStyle.fontWeight, fontStyle.fontFamily);
|
|
82
96
|
const lineHeight = fontStyle.lineHeight || fontStyle.fontSize * 1.2;
|
|
83
97
|
let lines;
|
|
84
98
|
let width;
|
|
85
99
|
if (isPretextAvailable()) {
|
|
86
|
-
const prepared = prepareWithSegments(text, font);
|
|
87
100
|
const effectiveMaxWidth = maxWidth || Infinity;
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
101
|
+
// Hard line breaks: pretext treats "\n" as ordinary whitespace, so
|
|
102
|
+
// paragraphs are laid out separately (matching the fallback path and
|
|
103
|
+
// what Textarea editing needs). Empty paragraphs stay as blank lines.
|
|
104
|
+
lines = [];
|
|
105
|
+
width = 0;
|
|
106
|
+
for (const paragraph of text.split("\n")) {
|
|
107
|
+
if (paragraph === "") {
|
|
108
|
+
lines.push("");
|
|
109
|
+
continue;
|
|
110
|
+
}
|
|
111
|
+
const prepared = prepareWithSegments(paragraph, font);
|
|
112
|
+
const linesResult = layoutWithLines(prepared, effectiveMaxWidth, lineHeight);
|
|
113
|
+
const paragraphLines = linesResult.lines.map((l) => l.text);
|
|
114
|
+
lines.push(...(paragraphLines.length > 0 ? paragraphLines : [""]));
|
|
115
|
+
for (const l of linesResult.lines) {
|
|
116
|
+
width = Math.max(width, l.width);
|
|
117
|
+
}
|
|
118
|
+
}
|
|
91
119
|
if (lines.length === 0)
|
|
92
120
|
lines = [""];
|
|
93
121
|
}
|
|
@@ -144,6 +172,11 @@ export function measureText(ctx, text, fontStyle, maxWidth, maxLines, textOverfl
|
|
|
144
172
|
lineHeight,
|
|
145
173
|
};
|
|
146
174
|
textMetricsCache.set(cacheKey, result);
|
|
175
|
+
if (textMetricsCache.size > MAX_TEXT_METRICS_CACHE_SIZE) {
|
|
176
|
+
const oldest = textMetricsCache.keys().next().value;
|
|
177
|
+
if (oldest !== undefined)
|
|
178
|
+
textMetricsCache.delete(oldest);
|
|
179
|
+
}
|
|
147
180
|
return result;
|
|
148
181
|
}
|
|
149
182
|
/**
|
|
@@ -154,13 +187,7 @@ export function renderText(ctx, text, x, y, width, height, style, maxLines, text
|
|
|
154
187
|
ctx.save();
|
|
155
188
|
ctx.font = font;
|
|
156
189
|
ctx.fillStyle = style.color;
|
|
157
|
-
|
|
158
|
-
// of its line box. With `top`, canvas draws from the top of the EM square
|
|
159
|
-
// and any extra `line-height − font-size` space lands as padding BELOW the
|
|
160
|
-
// glyph — visible as `+` inside a round FAB drifting toward the top of
|
|
161
|
-
// the circle. CSS centres glyphs within the line box; matching that
|
|
162
|
-
// requires `middle` + half-lineHeight offset.
|
|
163
|
-
ctx.textBaseline = "middle";
|
|
190
|
+
ctx.textBaseline = "top";
|
|
164
191
|
const metrics = measureText(ctx, text, style, width, maxLines, textOverflow);
|
|
165
192
|
// Calculate starting Y based on vertical alignment
|
|
166
193
|
let startY = y;
|
|
@@ -173,8 +200,7 @@ export function renderText(ctx, text, x, y, width, height, style, maxLines, text
|
|
|
173
200
|
// Render each line
|
|
174
201
|
for (let i = 0; i < metrics.lines.length; i++) {
|
|
175
202
|
const line = metrics.lines[i];
|
|
176
|
-
|
|
177
|
-
const lineY = startY + i * metrics.lineHeight + metrics.lineHeight / 2;
|
|
203
|
+
const lineY = startY + i * metrics.lineHeight;
|
|
178
204
|
// Calculate X based on text alignment
|
|
179
205
|
let lineX = x;
|
|
180
206
|
if (style.textAlign === "center") {
|
package/dist/canvas/text.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/canvas/text.ts"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAGH,OAAO,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAC;AAC9C,OAAO,EACL,mBAAmB,EACnB,eAAe,EACf,UAAU,IAAI,iBAAiB,GAChC,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAE5D,MAAM,GAAG,GAAG,gBAAgB,CAAC,MAAM,CAAC;AAEpC;;GAEG;AACH,IAAI,gBAAgB,GAAmB,IAAI,CAAC;AAE5C,SAAS,kBAAkB;IACzB,IAAI,gBAAgB,KAAK,IAAI;QAAE,OAAO,gBAAgB,CAAC;IACvD,IAAI,CAAC;QACH,yEAAyE;QACzE,4DAA4D;QAC5D,mBAAmB,CAAC,GAAG,EAAE,iBAAiB,CAAC,CAAC;QAC5C,gBAAgB,GAAG,IAAI,CAAC;IAC1B,CAAC;IAAC,MAAM,CAAC;QACP,gBAAgB,GAAG,KAAK,CAAC;IAC3B,CAAC;IACD,OAAO,gBAAgB,CAAC;AAC1B,CAAC;AAED
|
|
1
|
+
{"version":3,"file":"text.js","sourceRoot":"","sources":["../../src/canvas/text.ts"],"names":[],"mappings":"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"}
|
package/dist/canvas/types.d.ts
CHANGED
|
@@ -3,12 +3,19 @@
|
|
|
3
3
|
*
|
|
4
4
|
* Shared type definitions for the canvas renderer
|
|
5
5
|
*/
|
|
6
|
+
import type { Semantics } from "@hypen-space/core/types";
|
|
6
7
|
export interface VirtualNode {
|
|
7
8
|
id: string;
|
|
8
9
|
type: string;
|
|
9
10
|
props: Record<string, any>;
|
|
10
11
|
children: VirtualNode[];
|
|
11
12
|
parent: VirtualNode | null;
|
|
13
|
+
/**
|
|
14
|
+
* Engine-derived accessibility semantics (role, name, hidden, …) carried
|
|
15
|
+
* from the Create patch. Drives the transparent accessibility overlay,
|
|
16
|
+
* since the canvas bitmap itself exposes nothing to assistive technology.
|
|
17
|
+
*/
|
|
18
|
+
semantics?: Semantics;
|
|
12
19
|
layout?: Layout;
|
|
13
20
|
visible: boolean;
|
|
14
21
|
opacity: number;
|
|
@@ -18,6 +25,9 @@ export interface VirtualNode {
|
|
|
18
25
|
focused: boolean;
|
|
19
26
|
hovered: boolean;
|
|
20
27
|
scrollState?: ScrollState;
|
|
28
|
+
pressed?: boolean;
|
|
29
|
+
variantBases?: Set<string> | null;
|
|
30
|
+
variantOriginals?: Record<string, unknown>;
|
|
21
31
|
}
|
|
22
32
|
export interface Layout {
|
|
23
33
|
x: number;
|
|
@@ -75,7 +85,6 @@ export interface CanvasRendererOptions {
|
|
|
75
85
|
backgroundColor?: string;
|
|
76
86
|
enableAccessibility?: boolean;
|
|
77
87
|
enableHitTesting?: boolean;
|
|
78
|
-
enableInputOverlay?: boolean;
|
|
79
88
|
enableDirtyRects?: boolean;
|
|
80
89
|
enableLayerCaching?: boolean;
|
|
81
90
|
maxLayerCacheSize?: number;
|
package/dist/canvas/utils.d.ts
CHANGED
|
@@ -4,14 +4,6 @@
|
|
|
4
4
|
* Common utility functions
|
|
5
5
|
*/
|
|
6
6
|
import type { BoxSpacing, Rectangle, Point, VirtualNode } from "./types.js";
|
|
7
|
-
export declare function setCurrentViewport(viewport: {
|
|
8
|
-
width: number;
|
|
9
|
-
height: number;
|
|
10
|
-
} | null): void;
|
|
11
|
-
export declare function getCurrentViewport(): {
|
|
12
|
-
width: number;
|
|
13
|
-
height: number;
|
|
14
|
-
} | null;
|
|
15
7
|
/**
|
|
16
8
|
* Parse a CSS length string (or number) into pixels.
|
|
17
9
|
* Returns `null` for `"auto"` or unparseable input; returns `null` for `%`
|
|
@@ -19,21 +11,6 @@ export declare function getCurrentViewport(): {
|
|
|
19
11
|
* fall back to 0.
|
|
20
12
|
*/
|
|
21
13
|
export declare function cssLengthToPx(value: any): number | null;
|
|
22
|
-
/**
|
|
23
|
-
* Resolve a CSS `line-height` value to a pixel value.
|
|
24
|
-
*
|
|
25
|
-
* Unitless numbers (e.g. `1`, `1.5`, `"1.25"`) are CSS multipliers of the
|
|
26
|
-
* font-size — `line-height: 1` (Tailwind's `leading-none`) means line box =
|
|
27
|
-
* 1 × font-size, NOT 1 pixel. Without this branch, `cssLengthToPx("1")`
|
|
28
|
-
* returned literally `1`, and a Column of `leading-none` Texts collapsed
|
|
29
|
-
* each line to 1px tall — emoji + label in a bottom-tab button rendered at
|
|
30
|
-
* the same y and overlapped.
|
|
31
|
-
*
|
|
32
|
-
* Anything with an explicit unit (`16px`, `1.5em`, `1rem`, `120%` is
|
|
33
|
-
* rejected → null since Taffy/measure expects px) falls through to
|
|
34
|
-
* `cssLengthToPx`.
|
|
35
|
-
*/
|
|
36
|
-
export declare function resolveLineHeight(value: any, fontSize: number): number | null;
|
|
37
14
|
/**
|
|
38
15
|
* Parse a CSS length string for Taffy's Dimension type. Keeps `%` values as
|
|
39
16
|
* the tagged percentage string, turns `"auto"`/empty/invalid into `"auto"`,
|
package/dist/canvas/utils.js
CHANGED
|
@@ -8,39 +8,6 @@
|
|
|
8
8
|
// `1rem`, `3.5rem` — and any earlier `parseFloat` path was stripping the unit
|
|
9
9
|
// and treating `3.5rem` as 3.5px, collapsing whole layouts to 1/16 size.
|
|
10
10
|
const ROOT_FONT_PX = 16;
|
|
11
|
-
/**
|
|
12
|
-
* Active layout viewport — used to resolve `vw` / `vh` correctly during a
|
|
13
|
-
* layout pass. Set by `computeLayout` (layout.ts) at entry and cleared on
|
|
14
|
-
* exit. Layout traversal is synchronous, so a single module-level slot is
|
|
15
|
-
* sufficient and avoids threading a `viewport` parameter through every
|
|
16
|
-
* `cssLengthToPx` call site (there are dozens).
|
|
17
|
-
*
|
|
18
|
-
* Falls back to `window.innerWidth` / `window.innerHeight` outside a layout
|
|
19
|
-
* pass (e.g. for direct callers that resolve sizes ahead of layout). When
|
|
20
|
-
* neither is available — e.g. headless tests — `vw`/`vh` degrade to the
|
|
21
|
-
* pre-fix unitless-pixel behavior.
|
|
22
|
-
*/
|
|
23
|
-
let currentViewport = null;
|
|
24
|
-
export function setCurrentViewport(viewport) {
|
|
25
|
-
currentViewport = viewport;
|
|
26
|
-
}
|
|
27
|
-
export function getCurrentViewport() {
|
|
28
|
-
return currentViewport;
|
|
29
|
-
}
|
|
30
|
-
function resolveViewportPx(unit, n) {
|
|
31
|
-
if (currentViewport) {
|
|
32
|
-
const dim = unit === "vw" ? currentViewport.width : currentViewport.height;
|
|
33
|
-
return (n / 100) * dim;
|
|
34
|
-
}
|
|
35
|
-
if (typeof window !== "undefined") {
|
|
36
|
-
const dim = unit === "vw" ? window.innerWidth : window.innerHeight;
|
|
37
|
-
if (Number.isFinite(dim) && dim > 0)
|
|
38
|
-
return (n / 100) * dim;
|
|
39
|
-
}
|
|
40
|
-
// Last resort: treat as unitless px so the layout still gets a numeric
|
|
41
|
-
// value (matches pre-fix behavior in the no-viewport case).
|
|
42
|
-
return n;
|
|
43
|
-
}
|
|
44
11
|
/**
|
|
45
12
|
* Parse a CSS length string (or number) into pixels.
|
|
46
13
|
* Returns `null` for `"auto"` or unparseable input; returns `null` for `%`
|
|
@@ -68,8 +35,10 @@ export function cssLengthToPx(value) {
|
|
|
68
35
|
case "px": return n;
|
|
69
36
|
case "rem":
|
|
70
37
|
case "em": return n * ROOT_FONT_PX;
|
|
38
|
+
// We don't have a viewport reference here; treat vw/vh as unitless px
|
|
39
|
+
// fallback so the layout gets _some_ numeric value rather than zero.
|
|
71
40
|
case "vw":
|
|
72
|
-
case "vh": return
|
|
41
|
+
case "vh": return n;
|
|
73
42
|
// Typographic point — 1/72 inch at CSS reference density (96dpi).
|
|
74
43
|
case "pt": return n * (96 / 72);
|
|
75
44
|
// Density-independent (dp) and scale-independent (sp) logical pixels
|
|
@@ -84,39 +53,6 @@ export function cssLengthToPx(value) {
|
|
|
84
53
|
default: return n;
|
|
85
54
|
}
|
|
86
55
|
}
|
|
87
|
-
/**
|
|
88
|
-
* Resolve a CSS `line-height` value to a pixel value.
|
|
89
|
-
*
|
|
90
|
-
* Unitless numbers (e.g. `1`, `1.5`, `"1.25"`) are CSS multipliers of the
|
|
91
|
-
* font-size — `line-height: 1` (Tailwind's `leading-none`) means line box =
|
|
92
|
-
* 1 × font-size, NOT 1 pixel. Without this branch, `cssLengthToPx("1")`
|
|
93
|
-
* returned literally `1`, and a Column of `leading-none` Texts collapsed
|
|
94
|
-
* each line to 1px tall — emoji + label in a bottom-tab button rendered at
|
|
95
|
-
* the same y and overlapped.
|
|
96
|
-
*
|
|
97
|
-
* Anything with an explicit unit (`16px`, `1.5em`, `1rem`, `120%` is
|
|
98
|
-
* rejected → null since Taffy/measure expects px) falls through to
|
|
99
|
-
* `cssLengthToPx`.
|
|
100
|
-
*/
|
|
101
|
-
export function resolveLineHeight(value, fontSize) {
|
|
102
|
-
if (value === undefined || value === null)
|
|
103
|
-
return null;
|
|
104
|
-
if (typeof value === "number" && Number.isFinite(value)) {
|
|
105
|
-
// Unitless number: multiplier of font-size (matches CSS spec).
|
|
106
|
-
return value * fontSize;
|
|
107
|
-
}
|
|
108
|
-
if (typeof value === "string") {
|
|
109
|
-
const s = value.trim();
|
|
110
|
-
if (s === "" || s === "auto" || s === "normal")
|
|
111
|
-
return null;
|
|
112
|
-
// Pure numeric string with no unit → unitless multiplier.
|
|
113
|
-
if (/^-?\d*\.?\d+$/.test(s)) {
|
|
114
|
-
const n = parseFloat(s);
|
|
115
|
-
return Number.isFinite(n) ? n * fontSize : null;
|
|
116
|
-
}
|
|
117
|
-
}
|
|
118
|
-
return cssLengthToPx(value);
|
|
119
|
-
}
|
|
120
56
|
/**
|
|
121
57
|
* Parse a CSS length string for Taffy's Dimension type. Keeps `%` values as
|
|
122
58
|
* the tagged percentage string, turns `"auto"`/empty/invalid into `"auto"`,
|
package/dist/canvas/utils.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/canvas/utils.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AAIH,8EAA8E;AAC9E,yEAAyE;AACzE,8EAA8E;AAC9E,yEAAyE;AACzE,MAAM,YAAY,GAAG,EAAE,CAAC;AAExB
|
|
1
|
+
{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../src/canvas/utils.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Canvas variant application.
|
|
3
|
+
*
|
|
4
|
+
* The Canvas renderer reads winning values directly off `node.props.<base>`
|
|
5
|
+
* (e.g. `props.padding`, `props.backgroundColor`) in both layout.ts and
|
|
6
|
+
* paint.ts. To support responsive breakpoints and interaction-state variants
|
|
7
|
+
* WITHOUT rewriting every call site, we resolve variant keys once per frame
|
|
8
|
+
* (just before layout) and stamp the winning value onto the base key.
|
|
9
|
+
*
|
|
10
|
+
* Resolution itself is delegated to the shared, renderer-agnostic helper in
|
|
11
|
+
* `../variants.ts`, so breakpoint pixels, state names, and precedence stay
|
|
12
|
+
* byte-compatible with the DOM renderer.
|
|
13
|
+
*
|
|
14
|
+
* Per-node bookkeeping (`variantBases`, `variantOriginals`) lives on the
|
|
15
|
+
* VirtualNode so each frame:
|
|
16
|
+
* 1. restores the original (variant-free) base value, then
|
|
17
|
+
* 2. re-applies the current winner for the present width + active states.
|
|
18
|
+
* This makes the pass idempotent and reversible — when a hover ends or the
|
|
19
|
+
* canvas shrinks below a breakpoint, the base value comes back automatically.
|
|
20
|
+
*/
|
|
21
|
+
import type { VirtualNode } from "./types.js";
|
|
22
|
+
/**
|
|
23
|
+
* Drop the cached variant state so it is recomputed on the next frame.
|
|
24
|
+
* Call after any prop mutation that may add/remove variant keys.
|
|
25
|
+
*
|
|
26
|
+
* Also drops the `variantOriginals` snapshot: a SetProp can change the *base*
|
|
27
|
+
* value of a base that carries a variant (e.g. `padding.0` updated while
|
|
28
|
+
* `padding@md.0` exists). The snapshot was taken from the previous frame's
|
|
29
|
+
* props, so restoring it would clobber the engine's new base value with the
|
|
30
|
+
* stale one whenever the variant isn't currently active. Clearing it forces the
|
|
31
|
+
* next frame to re-snapshot from the current (post-SetProp) props.
|
|
32
|
+
*/
|
|
33
|
+
export declare function invalidateVariantCache(node: VirtualNode): void;
|
|
34
|
+
/**
|
|
35
|
+
* Walk the tree from `root` and apply variant overrides to every node using
|
|
36
|
+
* `width` (the canvas/content width) as the viewport for breakpoint matching.
|
|
37
|
+
* Called once per frame before layout.
|
|
38
|
+
*
|
|
39
|
+
* Returns true when any node's effective props changed since the previous
|
|
40
|
+
* frame (breakpoint crossed, hover/focus/active/disabled state flipped).
|
|
41
|
+
*/
|
|
42
|
+
export declare function applyVariants(root: VirtualNode, width: number): boolean;
|
|
43
|
+
/**
|
|
44
|
+
* Re-derive a node's cached computed fields (`visible`, `opacity`) from its
|
|
45
|
+
* current `props`. These are read on the hot paint/hit-test path, so they are
|
|
46
|
+
* cached on the node — but {@link applyVariants} can rewrite the underlying
|
|
47
|
+
* props (`visible@md`, `opacity:disabled`) after the create/setProp caches were
|
|
48
|
+
* set, so this must run after every variant pass or the cache goes stale.
|
|
49
|
+
* Single source of truth so the create / setProp / post-variant sites can't
|
|
50
|
+
* drift apart.
|
|
51
|
+
*/
|
|
52
|
+
export declare function deriveNodeComputed(node: VirtualNode): void;
|
|
@@ -0,0 +1,156 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Canvas variant application.
|
|
3
|
+
*
|
|
4
|
+
* The Canvas renderer reads winning values directly off `node.props.<base>`
|
|
5
|
+
* (e.g. `props.padding`, `props.backgroundColor`) in both layout.ts and
|
|
6
|
+
* paint.ts. To support responsive breakpoints and interaction-state variants
|
|
7
|
+
* WITHOUT rewriting every call site, we resolve variant keys once per frame
|
|
8
|
+
* (just before layout) and stamp the winning value onto the base key.
|
|
9
|
+
*
|
|
10
|
+
* Resolution itself is delegated to the shared, renderer-agnostic helper in
|
|
11
|
+
* `../variants.ts`, so breakpoint pixels, state names, and precedence stay
|
|
12
|
+
* byte-compatible with the DOM renderer.
|
|
13
|
+
*
|
|
14
|
+
* Per-node bookkeeping (`variantBases`, `variantOriginals`) lives on the
|
|
15
|
+
* VirtualNode so each frame:
|
|
16
|
+
* 1. restores the original (variant-free) base value, then
|
|
17
|
+
* 2. re-applies the current winner for the present width + active states.
|
|
18
|
+
* This makes the pass idempotent and reversible — when a hover ends or the
|
|
19
|
+
* canvas shrinks below a breakpoint, the base value comes back automatically.
|
|
20
|
+
*/
|
|
21
|
+
import { resolveVariantProps, parseVariantKey, } from "../variants.js";
|
|
22
|
+
/**
|
|
23
|
+
* Lazily compute (and cache) the set of applicator base names on this node that
|
|
24
|
+
* carry at least one variant key. Returns the cached set on subsequent calls.
|
|
25
|
+
*
|
|
26
|
+
* The cache is invalidated by `invalidateVariantCache`, called from the
|
|
27
|
+
* renderer whenever a SetProp/RemoveProp changes the node's prop keys.
|
|
28
|
+
*/
|
|
29
|
+
function getVariantBases(node) {
|
|
30
|
+
if (node.variantBases != null)
|
|
31
|
+
return node.variantBases;
|
|
32
|
+
const bases = new Set();
|
|
33
|
+
for (const key of Object.keys(node.props)) {
|
|
34
|
+
const parsed = parseVariantKey(key);
|
|
35
|
+
if (parsed.breakpoint || parsed.state)
|
|
36
|
+
bases.add(parsed.base);
|
|
37
|
+
}
|
|
38
|
+
node.variantBases = bases;
|
|
39
|
+
return bases;
|
|
40
|
+
}
|
|
41
|
+
/**
|
|
42
|
+
* Drop the cached variant state so it is recomputed on the next frame.
|
|
43
|
+
* Call after any prop mutation that may add/remove variant keys.
|
|
44
|
+
*
|
|
45
|
+
* Also drops the `variantOriginals` snapshot: a SetProp can change the *base*
|
|
46
|
+
* value of a base that carries a variant (e.g. `padding.0` updated while
|
|
47
|
+
* `padding@md.0` exists). The snapshot was taken from the previous frame's
|
|
48
|
+
* props, so restoring it would clobber the engine's new base value with the
|
|
49
|
+
* stale one whenever the variant isn't currently active. Clearing it forces the
|
|
50
|
+
* next frame to re-snapshot from the current (post-SetProp) props.
|
|
51
|
+
*/
|
|
52
|
+
export function invalidateVariantCache(node) {
|
|
53
|
+
node.variantBases = null;
|
|
54
|
+
node.variantOriginals = undefined;
|
|
55
|
+
}
|
|
56
|
+
/**
|
|
57
|
+
* Derive the active interaction states for a node from its tracked flags and
|
|
58
|
+
* props, mirroring the DOM/CSS pseudo-class semantics:
|
|
59
|
+
* - hover : pointer is over the node (or a child resolved to it)
|
|
60
|
+
* - focus : node holds canvas focus
|
|
61
|
+
* - active : pointer is currently pressed on the node
|
|
62
|
+
* - disabled : node opts out via `disabled`/`enabled:false`
|
|
63
|
+
*/
|
|
64
|
+
function activeStatesFor(node) {
|
|
65
|
+
const disabled = node.props.disabled === true ||
|
|
66
|
+
node.props.disabled === "true" ||
|
|
67
|
+
node.props.enabled === false ||
|
|
68
|
+
node.props.enabled === "false";
|
|
69
|
+
return {
|
|
70
|
+
hover: !!node.hovered,
|
|
71
|
+
focus: !!node.focused,
|
|
72
|
+
active: !!node.pressed,
|
|
73
|
+
disabled,
|
|
74
|
+
};
|
|
75
|
+
}
|
|
76
|
+
/**
|
|
77
|
+
* Resolve and apply variant overrides for a single node, in place.
|
|
78
|
+
*
|
|
79
|
+
* No-op for nodes without any variant keys (the common case), so the per-frame
|
|
80
|
+
* cost on a plain tree is one cached set lookup per node.
|
|
81
|
+
*
|
|
82
|
+
* Returns true when any base value differs from the previous frame's
|
|
83
|
+
* effective value — the renderer uses this to decide whether layout must
|
|
84
|
+
* re-run (variant winners can change spacing/size, not just paint props).
|
|
85
|
+
*/
|
|
86
|
+
function applyVariantsToNode(node, width) {
|
|
87
|
+
const bases = getVariantBases(node);
|
|
88
|
+
if (bases.size === 0)
|
|
89
|
+
return false;
|
|
90
|
+
// Snapshot the previous frame's effective values for change detection.
|
|
91
|
+
const previous = {};
|
|
92
|
+
for (const base of bases) {
|
|
93
|
+
previous[base] = node.props[base];
|
|
94
|
+
}
|
|
95
|
+
// Restore originals from the previous frame so we resolve from a clean base.
|
|
96
|
+
if (node.variantOriginals) {
|
|
97
|
+
for (const base of bases) {
|
|
98
|
+
const orig = node.variantOriginals[base];
|
|
99
|
+
if (orig === undefined) {
|
|
100
|
+
// The base had no plain value originally — remove any override we wrote.
|
|
101
|
+
delete node.props[base];
|
|
102
|
+
}
|
|
103
|
+
else {
|
|
104
|
+
node.props[base] = orig;
|
|
105
|
+
}
|
|
106
|
+
}
|
|
107
|
+
}
|
|
108
|
+
const resolved = resolveVariantProps(node.props, width, activeStatesFor(node));
|
|
109
|
+
// Capture originals (once we know which bases are involved) and apply winners.
|
|
110
|
+
const originals = {};
|
|
111
|
+
for (const base of bases) {
|
|
112
|
+
originals[base] = node.props[base];
|
|
113
|
+
}
|
|
114
|
+
node.variantOriginals = originals;
|
|
115
|
+
for (const base of bases) {
|
|
116
|
+
if (base in resolved) {
|
|
117
|
+
node.props[base] = resolved[base];
|
|
118
|
+
}
|
|
119
|
+
}
|
|
120
|
+
for (const base of bases) {
|
|
121
|
+
if (node.props[base] !== previous[base])
|
|
122
|
+
return true;
|
|
123
|
+
}
|
|
124
|
+
return false;
|
|
125
|
+
}
|
|
126
|
+
/**
|
|
127
|
+
* Walk the tree from `root` and apply variant overrides to every node using
|
|
128
|
+
* `width` (the canvas/content width) as the viewport for breakpoint matching.
|
|
129
|
+
* Called once per frame before layout.
|
|
130
|
+
*
|
|
131
|
+
* Returns true when any node's effective props changed since the previous
|
|
132
|
+
* frame (breakpoint crossed, hover/focus/active/disabled state flipped).
|
|
133
|
+
*/
|
|
134
|
+
export function applyVariants(root, width) {
|
|
135
|
+
let changed = applyVariantsToNode(root, width);
|
|
136
|
+
for (const child of root.children) {
|
|
137
|
+
if (applyVariants(child, width))
|
|
138
|
+
changed = true;
|
|
139
|
+
}
|
|
140
|
+
return changed;
|
|
141
|
+
}
|
|
142
|
+
/**
|
|
143
|
+
* Re-derive a node's cached computed fields (`visible`, `opacity`) from its
|
|
144
|
+
* current `props`. These are read on the hot paint/hit-test path, so they are
|
|
145
|
+
* cached on the node — but {@link applyVariants} can rewrite the underlying
|
|
146
|
+
* props (`visible@md`, `opacity:disabled`) after the create/setProp caches were
|
|
147
|
+
* set, so this must run after every variant pass or the cache goes stale.
|
|
148
|
+
* Single source of truth so the create / setProp / post-variant sites can't
|
|
149
|
+
* drift apart.
|
|
150
|
+
*/
|
|
151
|
+
export function deriveNodeComputed(node) {
|
|
152
|
+
const o = parseFloat(node.props.opacity);
|
|
153
|
+
node.opacity = Number.isFinite(o) ? o : 1;
|
|
154
|
+
node.visible = node.props.visible === undefined ? true : !!node.props.visible;
|
|
155
|
+
}
|
|
156
|
+
//# sourceMappingURL=variants.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.js","sourceRoot":"","sources":["../../src/canvas/variants.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Global accessibility stylesheet.
|
|
3
|
+
*
|
|
4
|
+
* Injects a single <style> element (idempotent, guarded by id) that:
|
|
5
|
+
* - honours `prefers-reduced-motion: reduce` by disabling transitions,
|
|
6
|
+
* animations and smooth scrolling on Hypen-rendered nodes;
|
|
7
|
+
* - renders a visible `:focus-visible` outline so keyboard users can see
|
|
8
|
+
* which element is focused;
|
|
9
|
+
* - keeps that focus indicator visible under `forced-colors: active`
|
|
10
|
+
* (Windows High Contrast), which strips box-shadow but honours outline; and
|
|
11
|
+
* - strengthens the outline under `prefers-contrast: more`.
|
|
12
|
+
*
|
|
13
|
+
* Scoped to `[data-hypen-id]` so it only affects Hypen-rendered elements and
|
|
14
|
+
* never the host page.
|
|
15
|
+
*/
|
|
16
|
+
/**
|
|
17
|
+
* Inject the accessibility stylesheet once. Safe to call repeatedly and in
|
|
18
|
+
* non-DOM environments (server/tests without `document`), where it no-ops.
|
|
19
|
+
*/
|
|
20
|
+
export declare function ensureA11yStyles(): void;
|