gesso-core 0.1.0

package/dist/testing.js

@@ -0,0 +1,560 @@
+import { N as Constraints, X as UiPlatformAdapter, _t as UiInputDispatcher, b as LayoutEngine, cr as UiGraph, ct as UiFocusManager, it as UiWheelController, lt as UiHitTester, nt as UiGestureRecognizer, ot as UiKeyboardController, r as Canvas2DRenderer, st as UiPointerController, t as CanvasSurface, tt as UiTouchScroller, wt as CharacterCountTextMeasurer } from "./CanvasSurface-CrG-uJ5o.js";
+//#region src/layout/LayoutTestUtils.ts
+/**
+* Shared helpers for layout specs: builds UiNode trees through
+* the real graph and drives LayoutEngine.
+*/
+var LayoutHarness = class {
+	graph = new UiGraph();
+	engine;
+	constructor(textMeasurer) {
+		this.engine = new LayoutEngine(textMeasurer);
+	}
+	createNode(id, type) {
+		return this.graph.createNode(id, type);
+	}
+	append(parent, ...children) {
+		for (const child of children) this.graph.appendChild(parent, child);
+	}
+	layout(node, constraints = Constraints.unbounded()) {
+		return this.engine.layout(node, constraints);
+	}
+	record(node) {
+		const record = this.engine.recordFor(node);
+		if (record === void 0) throw new Error(`No layout record for '${node.id}'.`);
+		return record;
+	}
+	box(node) {
+		const record = this.record(node);
+		return {
+			x: record.x,
+			y: record.y,
+			width: record.width,
+			height: record.height
+		};
+	}
+	boxOf(node) {
+		return this.engine.worldBox(node);
+	}
+	/** Where the node is seen: scroll offsets and sticky shifts applied. */
+	visibleBox(node) {
+		return this.engine.visibleBox(node);
+	}
+};
+//#endregion
+//#region src/input/UiInputTestUtils.ts
+/**
+* Shared harness for input specs.
+*
+* Builds real UiNode trees through UiGraph + LayoutEngine so hit
+* testing, dispatch, focus and gestures are tested against actual
+* layout geometry rather than hand-written boxes.
+*/
+var InputTestHarness = class {
+	layout;
+	root;
+	dispatcher = new UiInputDispatcher();
+	/** Shared, so a spec can read back what a controller scrolled. */
+	scrollSink = new HarnessScrollSink(this);
+	/** A measurer is needed only by specs whose trees contain real text. */
+	constructor(width = 400, height = 400, textMeasurer) {
+		this.layout = new LayoutHarness(textMeasurer);
+		this.root = this.layout.createNode("app", "column");
+		this.root.setProperty("width", width);
+		this.root.setProperty("height", height);
+	}
+	node(id, type, props = {}) {
+		const node = this.layout.createNode(id, type);
+		for (const [key, value] of Object.entries(props)) node.setProperty(key, value);
+		return node;
+	}
+	add(parent, ...children) {
+		this.layout.append(parent, ...children);
+	}
+	layoutTree() {
+		this.layout.layout(this.root, Constraints.loose(400, 400));
+	}
+	createHitTester() {
+		return new UiHitTester(this.layout.engine, this.root);
+	}
+	createPointerController() {
+		return new UiPointerController(this.createHitTester(), this.dispatcher);
+	}
+	createGestureRecognizer() {
+		return new UiGestureRecognizer(this.dispatcher);
+	}
+	createFocusManager() {
+		return new UiFocusManager(this.root, this.dispatcher);
+	}
+	createKeyboardController() {
+		return new UiKeyboardController(this.dispatcher, this.createFocusManager(), this.root);
+	}
+	createWheelController() {
+		return new UiWheelController(this.createHitTester(), this.dispatcher, this.scrollSink, () => this.root);
+	}
+	/**
+	* A pointer controller with a gesture recognizer behind it, for the
+	* specs that need a real Pan rather than a hand-made one.
+	*/
+	createGesturePointerController(options = {}) {
+		return new UiPointerController(this.createHitTester(), this.dispatcher, {
+			gestures: new UiGestureRecognizer(this.dispatcher),
+			scrollSink: this.scrollSink,
+			...options
+		});
+	}
+	createTouchScroller(options = {}) {
+		return new UiTouchScroller(this.dispatcher, this.root, this.scrollSink, options);
+	}
+	createPlatformAdapter() {
+		return new UiPlatformAdapter({
+			pointerController: this.createPointerController(),
+			wheelController: this.createWheelController(),
+			keyboardController: this.createKeyboardController()
+		});
+	}
+	box(node) {
+		return this.layout.boxOf(node);
+	}
+};
+/**
+* Minimal fake event target for testing the platform adapter.
+*/
+var FakeEventTarget = class {
+	listeners = [];
+	addEventListener(type, listener) {
+		if (listener !== null) this.listeners.push({
+			type,
+			listener
+		});
+	}
+	removeEventListener(type, listener) {
+		if (listener === null) return;
+		const index = this.listeners.findIndex((entry) => entry.type === type && entry.listener === listener);
+		if (index !== -1) this.listeners.splice(index, 1);
+	}
+	emit(type, event) {
+		for (const entry of this.listeners) if (entry.type === type) entry.listener(event);
+	}
+};
+/**
+* Fake PlatformSurface for tests. Emits DOM-like events from plain
+* objects so PointerEvent/WheelEvent/KeyboardEvent constructors are
+* not required in the test environment.
+*/
+var FakePlatformSurface = class {
+	pointerTarget = new FakeEventTarget();
+	keyboardTarget = new FakeEventTarget();
+	localX = 0;
+	localY = 0;
+	/** The last `touch-action` the adapter asked for; '' before any. */
+	touchAction = "";
+	clientToLocal(_clientX, _clientY) {
+		return {
+			x: this.localX,
+			y: this.localY
+		};
+	}
+	setTouchAction(value) {
+		this.touchAction = value;
+	}
+};
+/**
+* ScrollSink backed by the harness LayoutEngine. Updates the
+* container's scrollX/scrollY properties, then re-lays out so the
+* engine re-reads and clamps the offset, mirroring how the app layer
+* drives scroll through node properties.
+*/
+var HarnessScrollSink = class {
+	harness;
+	/** Every scroll asked for, in order, so a spec can read the behaviour hint. */
+	calls = [];
+	/** Containers whose scrollbars were revealed. */
+	revealed = [];
+	constructor(harness) {
+		this.harness = harness;
+	}
+	containerState(node) {
+		const record = this.harness.layout.engine.recordFor(node);
+		if (record === void 0) return;
+		const horizontal = node.getProperty("direction") === "row";
+		return {
+			scrollX: record.scrollX,
+			scrollY: record.scrollY,
+			maxScrollX: Math.max(0, record.contentWidth - record.width),
+			maxScrollY: Math.max(0, record.contentHeight - record.height),
+			horizontal,
+			viewportWidth: record.width,
+			viewportHeight: record.height
+		};
+	}
+	scrollBy(node, dx, dy, behavior = "instant") {
+		this.calls.push({
+			node,
+			dx,
+			dy,
+			behavior
+		});
+		const record = this.harness.layout.engine.recordFor(node);
+		if (record === void 0) return;
+		const maxX = Math.max(0, record.contentWidth - record.width);
+		const maxY = Math.max(0, record.contentHeight - record.height);
+		node.setProperty("scrollX", clamp(record.scrollX + dx, 0, maxX));
+		node.setProperty("scrollY", clamp(record.scrollY + dy, 0, maxY));
+		this.harness.layoutTree();
+	}
+	scrollContainers() {
+		return this.harness.layout.engine.scrollContainers();
+	}
+	revealScrollbars(node) {
+		this.revealed.push(node);
+	}
+};
+function clamp(value, min, max) {
+	return Math.min(max, Math.max(min, value));
+}
+//#endregion
+//#region src/rendering/RenderTestUtils.ts
+/**
+* The gradient a recording context hands back, carrying what it was
+* asked for so a test can read the whole paint rather than a `[object
+* CanvasGradient]`. A real one is opaque, which is exactly what makes
+* a gradient hard to assert on without this.
+*/
+var RecordedGradient = class {
+	kind;
+	args;
+	stops = [];
+	constructor(kind, args) {
+		this.kind = kind;
+		this.args = args;
+	}
+	addColorStop(offset, color) {
+		this.stops.push({
+			offset,
+			color
+		});
+	}
+};
+/**
+* Deterministic Canvas2D spy: records every call and style
+* assignment so tests can assert the exact draw sequence.
+*/
+var RecordingCanvasContext = class {
+	calls = [];
+	_fillStyle = "#000";
+	_strokeStyle = "#000";
+	_lineWidth = 1;
+	_lineJoin = "miter";
+	_globalAlpha = 1;
+	_font = "";
+	_textAlign = "start";
+	_textBaseline = "alphabetic";
+	/**
+	* Tracking, which is a context property rather than part of the font
+	* shorthand — and sticky, so a spec can check it was cleared as well
+	* as that it was set.
+	*/
+	letterSpacing = "0px";
+	get fillStyle() {
+		return this._fillStyle;
+	}
+	set fillStyle(value) {
+		this._fillStyle = value;
+		this.record("set:fillStyle", [value]);
+	}
+	get strokeStyle() {
+		return this._strokeStyle;
+	}
+	set strokeStyle(value) {
+		this._strokeStyle = value;
+		this.record("set:strokeStyle", [value]);
+	}
+	get lineWidth() {
+		return this._lineWidth;
+	}
+	set lineWidth(value) {
+		this._lineWidth = value;
+		this.record("set:lineWidth", [value]);
+	}
+	get lineJoin() {
+		return this._lineJoin;
+	}
+	set lineJoin(value) {
+		this._lineJoin = value;
+		this.record("set:lineJoin", [value]);
+	}
+	get globalAlpha() {
+		return this._globalAlpha;
+	}
+	set globalAlpha(value) {
+		this._globalAlpha = value;
+		this.record("set:globalAlpha", [value]);
+	}
+	get font() {
+		return this._font;
+	}
+	set font(value) {
+		this._font = value;
+		this.record("set:font", [value]);
+	}
+	get textAlign() {
+		return this._textAlign;
+	}
+	set textAlign(value) {
+		this._textAlign = value;
+		this.record("set:textAlign", [value]);
+	}
+	get textBaseline() {
+		return this._textBaseline;
+	}
+	set textBaseline(value) {
+		this._textBaseline = value;
+		this.record("set:textBaseline", [value]);
+	}
+	save() {
+		this.record("save", []);
+	}
+	restore() {
+		this.record("restore", []);
+	}
+	translate(x, y) {
+		this.record("translate", [x, y]);
+	}
+	scale(x, y) {
+		this.record("scale", [x, y]);
+	}
+	rotate(angle) {
+		this.record("rotate", [angle]);
+	}
+	setTransform(a, b, c, d, e, f) {
+		this.record("setTransform", [
+			a,
+			b,
+			c,
+			d,
+			e,
+			f
+		]);
+	}
+	clearRect(x, y, width, height) {
+		this.record("clearRect", [
+			x,
+			y,
+			width,
+			height
+		]);
+	}
+	fillRect(x, y, width, height) {
+		this.record("fillRect", [
+			x,
+			y,
+			width,
+			height
+		]);
+	}
+	strokeRect(x, y, width, height) {
+		this.record("strokeRect", [
+			x,
+			y,
+			width,
+			height
+		]);
+	}
+	beginPath() {
+		this.record("beginPath", []);
+	}
+	moveTo(x, y) {
+		this.record("moveTo", [x, y]);
+	}
+	lineTo(x, y) {
+		this.record("lineTo", [x, y]);
+	}
+	arcTo(x1, y1, x2, y2, radius) {
+		this.record("arcTo", [
+			x1,
+			y1,
+			x2,
+			y2,
+			radius
+		]);
+	}
+	closePath() {
+		this.record("closePath", []);
+	}
+	rect(x, y, width, height) {
+		this.record("rect", [
+			x,
+			y,
+			width,
+			height
+		]);
+	}
+	clip() {
+		this.record("clip", []);
+	}
+	fill() {
+		this.record("fill", []);
+	}
+	stroke() {
+		this.record("stroke", []);
+	}
+	fillText(text, x, y, maxWidth) {
+		const args = maxWidth === void 0 ? [
+			text,
+			x,
+			y
+		] : [
+			text,
+			x,
+			y,
+			maxWidth
+		];
+		this.record("fillText", args);
+	}
+	measureText(text) {
+		this.record("measureText", [text]);
+		return { width: text.length * 8 };
+	}
+	drawImage(image, dx, dy, dw, dh) {
+		this.record("drawImage", [
+			image,
+			dx,
+			dy,
+			dw,
+			dh
+		]);
+	}
+	createLinearGradient(x0, y0, x1, y1) {
+		const gradient = new RecordedGradient("linear", [
+			x0,
+			y0,
+			x1,
+			y1
+		]);
+		this.record("createLinearGradient", [
+			x0,
+			y0,
+			x1,
+			y1
+		]);
+		return gradient;
+	}
+	createRadialGradient(x0, y0, r0, x1, y1, r1) {
+		const gradient = new RecordedGradient("radial", [
+			x0,
+			y0,
+			r0,
+			x1,
+			y1,
+			r1
+		]);
+		this.record("createRadialGradient", [
+			x0,
+			y0,
+			r0,
+			x1,
+			y1,
+			r1
+		]);
+		return gradient;
+	}
+	record(name, args) {
+		this.calls.push({
+			name,
+			args: args.map(normalizeNumber)
+		});
+	}
+};
+/**
+* Normalizes -0 to 0 so scroll translations assert cleanly.
+*/
+function normalizeNumber(value) {
+	if (typeof value === "number" && Object.is(value, -0)) return 0;
+	return value;
+}
+function callNames(context) {
+	return context.calls.map((call) => call.name);
+}
+function callsOf(context, name) {
+	return context.calls.filter((call) => call.name === name);
+}
+function callArgs(context, name) {
+	return callsOf(context, name).map((call) => call.name.startsWith("set:") ? call.args[0] : call.args);
+}
+function savedDepth(context) {
+	let depth = 0;
+	for (const call of context.calls) if (call.name === "save") depth++;
+	else if (call.name === "restore") depth--;
+	return depth;
+}
+/**
+* A canvas host backed by a recording context.
+*/
+var FakeCanvasHost = class {
+	context;
+	width = 0;
+	height = 0;
+	contextRequests = 0;
+	constructor(context) {
+		this.context = context;
+	}
+	getContext(_contextId) {
+		this.contextRequests++;
+		return this.context;
+	}
+	get contextRequestCount() {
+		return this.contextRequests;
+	}
+};
+/**
+* Shared harness: a real UiGraph + LayoutEngine + Canvas2DRenderer
+* over a recording context. Deterministic layout comes from the
+* CharacterCountTextMeasurer, shared by layout and renderer.
+*/
+var RenderHarness = class {
+	graph = new UiGraph();
+	measurer = new CharacterCountTextMeasurer();
+	engine = new LayoutEngine(this.measurer);
+	context = new RecordingCanvasContext();
+	host = new FakeCanvasHost(this.context);
+	surface = new CanvasSurface(this.host);
+	renderer = new Canvas2DRenderer({ surface: this.surface });
+	constructor(logicalWidth = 800, logicalHeight = 600, dpr = 1) {
+		this.surface.setLogicalSize(logicalWidth, logicalHeight, dpr);
+	}
+	createNode(id, type) {
+		return this.graph.createNode(id, type);
+	}
+	append(parent, ...children) {
+		for (const child of children) this.graph.appendChild(parent, child);
+	}
+	layout(node, constraints = Constraints.tight(800, 600)) {
+		return this.engine.layout(node, constraints);
+	}
+	render(node) {
+		this.renderer.render(node, {
+			layout: this.engine,
+			text: this.measurer,
+			now: Number.MAX_SAFE_INTEGER
+		});
+	}
+	record(node) {
+		const record = this.engine.recordFor(node);
+		if (record === void 0) throw new Error(`No layout record for '${node.id}'.`);
+		return record;
+	}
+	box(node) {
+		const record = this.record(node);
+		return {
+			x: record.x,
+			y: record.y,
+			width: record.width,
+			height: record.height
+		};
+	}
+};
+//#endregion
+export { FakeCanvasHost, FakeEventTarget, FakePlatformSurface, InputTestHarness, RecordingCanvasContext, RenderHarness, callArgs, callNames, callsOf, savedDepth };
+
+//# sourceMappingURL=testing.js.map

package/dist/testing.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"testing.js","names":[],"sources":["../src/layout/LayoutTestUtils.ts","../src/input/UiInputTestUtils.ts","../src/rendering/RenderTestUtils.ts"],"sourcesContent":["import { UiGraph } from '../graph/UiGraph';\nimport type { UiNode } from '../graph/UiNode';\nimport { UiNodeType } from '../graph/UiNodeType';\nimport { LayoutEngine } from './LayoutEngine';\nimport { Constraints } from './LayoutTypes';\nimport type { LayoutBox, LayoutResult } from './LayoutTypes';\nimport type { LayoutRecord } from './LayoutRecord';\nimport type { TextMeasurer } from './TextMeasurer';\n\n/**\n * Shared helpers for layout specs: builds UiNode trees through\n * the real graph and drives LayoutEngine.\n */\nexport class LayoutHarness {\n  readonly graph = new UiGraph();\n  readonly engine: LayoutEngine;\n\n  constructor(textMeasurer?: TextMeasurer) {\n    this.engine = new LayoutEngine(textMeasurer);\n  }\n\n  createNode(id: string, type: UiNodeType): UiNode {\n    return this.graph.createNode(id, type);\n  }\n\n  append(parent: UiNode, ...children: UiNode[]): void {\n    for (const child of children) {\n      this.graph.appendChild(parent, child);\n    }\n  }\n\n  layout(node: UiNode, constraints: Constraints = Constraints.unbounded()): LayoutResult {\n    return this.engine.layout(node, constraints);\n  }\n\n  record(node: UiNode): LayoutRecord {\n    const record = this.engine.recordFor(node);\n    if (record === undefined) {\n      throw new Error(`No layout record for '${node.id}'.`);\n    }\n    return record;\n  }\n\n  box(node: UiNode): LayoutBox {\n    const record = this.record(node);\n    return { x: record.x, y: record.y, width: record.width, height: record.height };\n  }\n\n  boxOf(node: UiNode): LayoutBox {\n    return this.engine.worldBox(node);\n  }\n\n  /** Where the node is seen: scroll offsets and sticky shifts applied. */\n  visibleBox(node: UiNode): LayoutBox {\n    return this.engine.visibleBox(node);\n  }\n}\n","import { UiNodeType } from '../graph/UiNodeType';\nimport type { UiNode } from '../graph/UiNode';\nimport { Constraints } from '../layout/LayoutTypes';\nimport { LayoutHarness } from '../layout/LayoutTestUtils';\nimport { UiHitTester } from './UiHitTester';\nimport { UiInputDispatcher } from './UiInputDispatcher';\nimport { UiPointerController, type PointerControllerOptions } from './UiPointerController';\nimport { UiGestureRecognizer } from './UiGestureRecognizer';\nimport { UiTouchScroller, type TouchScrollerOptions } from './UiTouchScroller';\nimport { UiFocusManager } from './UiFocusManager';\nimport { UiKeyboardController } from './UiKeyboardController';\nimport { UiWheelController, type ScrollContainerState, type ScrollSink } from './UiWheelController';\nimport { UiPlatformAdapter, type PlatformEventTarget, type PlatformSurface } from './UiPlatformAdapter';\nimport type { TextMeasurer } from '../layout/TextMeasurer';\n\n/**\n * Shared harness for input specs.\n *\n * Builds real UiNode trees through UiGraph + LayoutEngine so hit\n * testing, dispatch, focus and gestures are tested against actual\n * layout geometry rather than hand-written boxes.\n */\nexport class InputTestHarness {\n  readonly layout: LayoutHarness;\n  readonly root: UiNode;\n  readonly dispatcher = new UiInputDispatcher();\n  /** Shared, so a spec can read back what a controller scrolled. */\n  readonly scrollSink = new HarnessScrollSink(this);\n\n  /** A measurer is needed only by specs whose trees contain real text. */\n  constructor(width = 400, height = 400, textMeasurer?: TextMeasurer) {\n    this.layout = new LayoutHarness(textMeasurer);\n    this.root = this.layout.createNode('app', UiNodeType.Column);\n    this.root.setProperty('width', width);\n    this.root.setProperty('height', height);\n  }\n\n  node(id: string, type: UiNodeType, props: Record<string, unknown> = {}): UiNode {\n    const node = this.layout.createNode(id, type);\n    for (const [key, value] of Object.entries(props)) {\n      node.setProperty(key, value);\n    }\n    return node;\n  }\n\n  add(parent: UiNode, ...children: UiNode[]): void {\n    this.layout.append(parent, ...children);\n  }\n\n  layoutTree(): void {\n    this.layout.layout(this.root, Constraints.loose(400, 400));\n  }\n\n  createHitTester(): UiHitTester {\n    return new UiHitTester(this.layout.engine, this.root);\n  }\n\n  createPointerController(): UiPointerController {\n    return new UiPointerController(this.createHitTester(), this.dispatcher);\n  }\n\n  createGestureRecognizer(): UiGestureRecognizer {\n    return new UiGestureRecognizer(this.dispatcher);\n  }\n\n  createFocusManager(): UiFocusManager {\n    return new UiFocusManager(this.root, this.dispatcher);\n  }\n\n  createKeyboardController(): UiKeyboardController {\n    return new UiKeyboardController(this.dispatcher, this.createFocusManager(), this.root);\n  }\n\n  createWheelController(): UiWheelController {\n    return new UiWheelController(this.createHitTester(), this.dispatcher, this.scrollSink, () => this.root);\n  }\n\n  /**\n   * A pointer controller with a gesture recognizer behind it, for the\n   * specs that need a real Pan rather than a hand-made one.\n   */\n  createGesturePointerController(options: PointerControllerOptions = {}): UiPointerController {\n    return new UiPointerController(this.createHitTester(), this.dispatcher, {\n      gestures: new UiGestureRecognizer(this.dispatcher),\n      scrollSink: this.scrollSink,\n      ...options\n    });\n  }\n\n  createTouchScroller(options: TouchScrollerOptions = {}): UiTouchScroller {\n    return new UiTouchScroller(this.dispatcher, this.root, this.scrollSink, options);\n  }\n\n  createPlatformAdapter(): UiPlatformAdapter {\n    return new UiPlatformAdapter({\n      pointerController: this.createPointerController(),\n      wheelController: this.createWheelController(),\n      keyboardController: this.createKeyboardController()\n    });\n  }\n\n  box(node: UiNode): { x: number; y: number; width: number; height: number } {\n    return this.layout.boxOf(node);\n  }\n}\n\n/**\n * Minimal fake event target for testing the platform adapter.\n */\nexport class FakeEventTarget implements PlatformEventTarget {\n  private readonly listeners: { type: string; listener: (event: Event) => void }[] = [];\n\n  addEventListener(type: string, listener: ((event: Event) => void) | null): void {\n    if (listener !== null) {\n      this.listeners.push({ type, listener });\n    }\n  }\n\n  removeEventListener(type: string, listener: ((event: Event) => void) | null): void {\n    if (listener === null) return;\n    const index = this.listeners.findIndex(entry => entry.type === type && entry.listener === listener);\n    if (index !== -1) {\n      this.listeners.splice(index, 1);\n    }\n  }\n\n  emit(type: string, event: Event): void {\n    for (const entry of this.listeners) {\n      if (entry.type === type) {\n        entry.listener(event);\n      }\n    }\n  }\n}\n\n/**\n * Fake PlatformSurface for tests. Emits DOM-like events from plain\n * objects so PointerEvent/WheelEvent/KeyboardEvent constructors are\n * not required in the test environment.\n */\nexport class FakePlatformSurface implements PlatformSurface {\n  readonly pointerTarget = new FakeEventTarget();\n  readonly keyboardTarget = new FakeEventTarget();\n  localX = 0;\n  localY = 0;\n  /** The last `touch-action` the adapter asked for; '' before any. */\n  touchAction = '';\n\n  clientToLocal(_clientX: number, _clientY: number): { x: number; y: number } {\n    return { x: this.localX, y: this.localY };\n  }\n\n  setTouchAction(value: string): void {\n    this.touchAction = value;\n  }\n}\n\n/**\n * ScrollSink backed by the harness LayoutEngine. Updates the\n * container's scrollX/scrollY properties, then re-lays out so the\n * engine re-reads and clamps the offset, mirroring how the app layer\n * drives scroll through node properties.\n */\nexport class HarnessScrollSink implements ScrollSink {\n  /** Every scroll asked for, in order, so a spec can read the behaviour hint. */\n  readonly calls: { node: UiNode; dx: number; dy: number; behavior: string }[] = [];\n  /** Containers whose scrollbars were revealed. */\n  readonly revealed: UiNode[] = [];\n\n  constructor(private readonly harness: InputTestHarness) {}\n\n  containerState(node: UiNode): ScrollContainerState | undefined {\n    const record = this.harness.layout.engine.recordFor(node);\n    if (record === undefined) {\n      return undefined;\n    }\n    const horizontal = node.getProperty('direction') === 'row';\n    return {\n      scrollX: record.scrollX,\n      scrollY: record.scrollY,\n      maxScrollX: Math.max(0, record.contentWidth - record.width),\n      maxScrollY: Math.max(0, record.contentHeight - record.height),\n      horizontal,\n      viewportWidth: record.width,\n      viewportHeight: record.height\n    };\n  }\n\n  scrollBy(node: UiNode, dx: number, dy: number, behavior: string = 'instant'): void {\n    this.calls.push({ node, dx, dy, behavior });\n    const record = this.harness.layout.engine.recordFor(node);\n    if (record === undefined) {\n      return;\n    }\n    const maxX = Math.max(0, record.contentWidth - record.width);\n    const maxY = Math.max(0, record.contentHeight - record.height);\n    node.setProperty('scrollX', clamp(record.scrollX + dx, 0, maxX));\n    node.setProperty('scrollY', clamp(record.scrollY + dy, 0, maxY));\n    this.harness.layoutTree();\n  }\n\n  scrollContainers(): Iterable<UiNode> {\n    return this.harness.layout.engine.scrollContainers();\n  }\n\n  revealScrollbars(node: UiNode): void {\n    this.revealed.push(node);\n  }\n}\n\nfunction clamp(value: number, min: number, max: number): number {\n  return Math.min(max, Math.max(min, value));\n}\n","import { UiGraph } from '../graph/UiGraph';\nimport { UiNodeType } from '../graph/UiNodeType';\nimport type { UiNode } from '../graph/UiNode';\nimport { LayoutEngine } from '../layout/LayoutEngine';\nimport { CharacterCountTextMeasurer } from '../layout/TextMeasurer';\nimport type { TextMeasurer } from '../layout/TextMeasurer';\nimport { Constraints } from '../layout/LayoutTypes';\nimport type { LayoutBox, LayoutResult } from '../layout/LayoutTypes';\nimport type { LayoutRecord } from '../layout/LayoutRecord';\nimport { Canvas2DRenderer } from './canvas2d/Canvas2DRenderer';\nimport type { Canvas2DContext, Canvas2DGradient } from './canvas2d/Canvas2DContext';\nimport { CanvasSurface } from './canvas2d/CanvasSurface';\nimport type { CanvasHost } from './canvas2d/CanvasSurface';\nimport type { PaintContext2D, PaintGradient } from './PaintTarget';\nimport type { PaintCanvasFactory } from './PaintPicture';\nimport type { PaintLineCap, PaintLineJoin } from './PaintSurface';\n\nexport interface RecordedCall {\n  name: string;\n  args: unknown[];\n}\n\n/**\n * The gradient a recording context hands back, carrying what it was\n * asked for so a test can read the whole paint rather than a `[object\n * CanvasGradient]`. A real one is opaque, which is exactly what makes\n * a gradient hard to assert on without this.\n */\nexport class RecordedGradient implements Canvas2DGradient {\n  readonly stops: { offset: number; color: string }[] = [];\n\n  constructor(\n    readonly kind: 'linear' | 'radial',\n    readonly args: readonly number[]\n  ) {}\n\n  addColorStop(offset: number, color: string): void {\n    this.stops.push({ offset, color });\n  }\n}\n\n/**\n * Deterministic Canvas2D spy: records every call and style\n * assignment so tests can assert the exact draw sequence.\n */\nexport class RecordingCanvasContext implements Canvas2DContext {\n  readonly calls: RecordedCall[] = [];\n\n  private _fillStyle: string | Canvas2DGradient | CanvasPattern = '#000';\n  private _strokeStyle: string | Canvas2DGradient | CanvasPattern = '#000';\n  private _lineWidth = 1;\n  private _lineJoin: CanvasLineJoin = 'miter';\n  private _globalAlpha = 1;\n  private _font = '';\n  private _textAlign: CanvasTextAlign = 'start';\n  private _textBaseline: CanvasTextBaseline = 'alphabetic';\n  /**\n   * Tracking, which is a context property rather than part of the font\n   * shorthand — and sticky, so a spec can check it was cleared as well\n   * as that it was set.\n   */\n  letterSpacing = '0px';\n\n  get fillStyle(): string | Canvas2DGradient | CanvasPattern {\n    return this._fillStyle;\n  }\n\n  set fillStyle(value: string | Canvas2DGradient | CanvasPattern) {\n    this._fillStyle = value;\n    this.record('set:fillStyle', [value]);\n  }\n\n  get strokeStyle(): string | Canvas2DGradient | CanvasPattern {\n    return this._strokeStyle;\n  }\n\n  set strokeStyle(value: string | Canvas2DGradient | CanvasPattern) {\n    this._strokeStyle = value;\n    this.record('set:strokeStyle', [value]);\n  }\n\n  get lineWidth(): number {\n    return this._lineWidth;\n  }\n\n  set lineWidth(value: number) {\n    this._lineWidth = value;\n    this.record('set:lineWidth', [value]);\n  }\n\n  get lineJoin(): CanvasLineJoin {\n    return this._lineJoin;\n  }\n\n  set lineJoin(value: CanvasLineJoin) {\n    this._lineJoin = value;\n    this.record('set:lineJoin', [value]);\n  }\n\n  get globalAlpha(): number {\n    return this._globalAlpha;\n  }\n\n  set globalAlpha(value: number) {\n    this._globalAlpha = value;\n    this.record('set:globalAlpha', [value]);\n  }\n\n  get font(): string {\n    return this._font;\n  }\n\n  set font(value: string) {\n    this._font = value;\n    this.record('set:font', [value]);\n  }\n\n  get textAlign(): CanvasTextAlign {\n    return this._textAlign;\n  }\n\n  set textAlign(value: CanvasTextAlign) {\n    this._textAlign = value;\n    this.record('set:textAlign', [value]);\n  }\n\n  get textBaseline(): CanvasTextBaseline {\n    return this._textBaseline;\n  }\n\n  set textBaseline(value: CanvasTextBaseline) {\n    this._textBaseline = value;\n    this.record('set:textBaseline', [value]);\n  }\n\n  save(): void {\n    this.record('save', []);\n  }\n\n  restore(): void {\n    this.record('restore', []);\n  }\n\n  translate(x: number, y: number): void {\n    this.record('translate', [x, y]);\n  }\n\n  scale(x: number, y: number): void {\n    this.record('scale', [x, y]);\n  }\n\n  rotate(angle: number): void {\n    this.record('rotate', [angle]);\n  }\n\n  setTransform(a: number, b: number, c: number, d: number, e: number, f: number): void {\n    this.record('setTransform', [a, b, c, d, e, f]);\n  }\n\n  clearRect(x: number, y: number, width: number, height: number): void {\n    this.record('clearRect', [x, y, width, height]);\n  }\n\n  fillRect(x: number, y: number, width: number, height: number): void {\n    this.record('fillRect', [x, y, width, height]);\n  }\n\n  strokeRect(x: number, y: number, width: number, height: number): void {\n    this.record('strokeRect', [x, y, width, height]);\n  }\n\n  beginPath(): void {\n    this.record('beginPath', []);\n  }\n\n  moveTo(x: number, y: number): void {\n    this.record('moveTo', [x, y]);\n  }\n\n  lineTo(x: number, y: number): void {\n    this.record('lineTo', [x, y]);\n  }\n\n  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void {\n    this.record('arcTo', [x1, y1, x2, y2, radius]);\n  }\n\n  closePath(): void {\n    this.record('closePath', []);\n  }\n\n  rect(x: number, y: number, width: number, height: number): void {\n    this.record('rect', [x, y, width, height]);\n  }\n\n  clip(): void {\n    this.record('clip', []);\n  }\n\n  fill(): void {\n    this.record('fill', []);\n  }\n\n  stroke(): void {\n    this.record('stroke', []);\n  }\n\n  fillText(text: string, x: number, y: number, maxWidth?: number): void {\n    const args = maxWidth === undefined ? [text, x, y] : [text, x, y, maxWidth];\n    this.record('fillText', args);\n  }\n\n  measureText(text: string): TextMetrics {\n    this.record('measureText', [text]);\n    return { width: text.length * 8 } as TextMetrics;\n  }\n\n  drawImage(image: ImageBitmap, dx: number, dy: number, dw: number, dh: number): void {\n    this.record('drawImage', [image, dx, dy, dw, dh]);\n  }\n\n  createLinearGradient(x0: number, y0: number, x1: number, y1: number): RecordedGradient {\n    const gradient = new RecordedGradient('linear', [x0, y0, x1, y1]);\n    this.record('createLinearGradient', [x0, y0, x1, y1]);\n    return gradient;\n  }\n\n  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): RecordedGradient {\n    const gradient = new RecordedGradient('radial', [x0, y0, r0, x1, y1, r1]);\n    this.record('createRadialGradient', [x0, y0, r0, x1, y1, r1]);\n    return gradient;\n  }\n\n  private record(name: string, args: unknown[]): void {\n    this.calls.push({ name, args: args.map(normalizeNumber) });\n  }\n}\n\n/**\n * Normalizes -0 to 0 so scroll translations assert cleanly.\n */\nfunction normalizeNumber(value: unknown): unknown {\n  if (typeof value === 'number' && Object.is(value, -0)) {\n    return 0;\n  }\n  return value;\n}\n\nexport function callNames(context: RecordingCanvasContext): string[] {\n  return context.calls.map(call => call.name);\n}\n\nexport function callsOf(context: RecordingCanvasContext, name: string): RecordedCall[] {\n  return context.calls.filter(call => call.name === name);\n}\n\nexport function callArgs(context: RecordingCanvasContext, name: string): unknown[][] {\n  return callsOf(context, name).map(call => (call.name.startsWith('set:') ? call.args[0] : call.args) as unknown[]);\n}\n\nexport function savedDepth(context: RecordingCanvasContext): number {\n  let depth = 0;\n  for (const call of context.calls) {\n    if (call.name === 'save') {\n      depth++;\n    } else if (call.name === 'restore') {\n      depth--;\n    }\n  }\n  return depth;\n}\n\n/**\n * Deterministic `PaintContext2D` spy: the picture rasteriser's\n * equivalent of `RecordingCanvasContext`, so a spec can assert what a\n * painter actually drew without a browser.\n */\nexport class RecordingPaintContext implements PaintContext2D {\n  readonly calls: RecordedCall[] = [];\n\n  lineDashOffset = 0;\n  lineWidth = 1;\n  lineCap: PaintLineCap = 'butt';\n  lineJoin: PaintLineJoin = 'miter';\n  miterLimit = 10;\n  globalAlpha = 1;\n  filter = 'none';\n  fillStyle: string | PaintGradient = '#000';\n  strokeStyle: string | PaintGradient = '#000';\n  font = '';\n  textAlign: 'left' | 'center' | 'right' = 'left';\n  textBaseline = 'alphabetic' as const;\n\n  save(): void {\n    this.record('save', []);\n  }\n\n  restore(): void {\n    this.record('restore', []);\n  }\n\n  translate(x: number, y: number): void {\n    this.record('translate', [x, y]);\n  }\n\n  scale(x: number, y: number): void {\n    this.record('scale', [x, y]);\n  }\n\n  rotate(angle: number): void {\n    this.record('rotate', [angle]);\n  }\n\n  transform(a: number, b: number, c: number, d: number, e: number, f: number): void {\n    this.record('transform', [a, b, c, d, e, f]);\n  }\n\n  beginPath(): void {\n    this.record('beginPath', []);\n  }\n\n  moveTo(x: number, y: number): void {\n    this.record('moveTo', [x, y]);\n  }\n\n  lineTo(x: number, y: number): void {\n    this.record('lineTo', [x, y]);\n  }\n\n  quadraticCurveTo(cx: number, cy: number, x: number, y: number): void {\n    this.record('quadraticCurveTo', [cx, cy, x, y]);\n  }\n\n  bezierCurveTo(c1x: number, c1y: number, c2x: number, c2y: number, x: number, y: number): void {\n    this.record('bezierCurveTo', [c1x, c1y, c2x, c2y, x, y]);\n  }\n\n  arc(x: number, y: number, radius: number, startAngle: number, endAngle: number, counterclockwise = false): void {\n    this.record('arc', [x, y, radius, startAngle, endAngle, counterclockwise]);\n  }\n\n  arcTo(x1: number, y1: number, x2: number, y2: number, radius: number): void {\n    this.record('arcTo', [x1, y1, x2, y2, radius]);\n  }\n\n  rect(x: number, y: number, width: number, height: number): void {\n    this.record('rect', [x, y, width, height]);\n  }\n\n  closePath(): void {\n    this.record('closePath', []);\n  }\n\n  fill(fillRule?: 'nonzero' | 'evenodd'): void {\n    this.record('fill', [fillRule ?? 'nonzero', this.fillStyle]);\n  }\n\n  stroke(): void {\n    this.record('stroke', [this.strokeStyle, this.lineWidth]);\n  }\n\n  clip(fillRule?: 'nonzero' | 'evenodd'): void {\n    this.record('clip', [fillRule ?? 'nonzero']);\n  }\n\n  fillText(text: string, x: number, y: number): void {\n    this.record('fillText', [text, x, y, this.font, this.textAlign]);\n  }\n\n  drawImage(image: ImageBitmap, dx: number, dy: number, dw: number, dh: number): void {\n    this.record('drawImage', [image, dx, dy, dw, dh]);\n  }\n\n  setLineDash(segments: readonly number[]): void {\n    this.record('setLineDash', [[...segments]]);\n  }\n\n  createLinearGradient(x0: number, y0: number, x1: number, y1: number): RecordedGradient {\n    const gradient = new RecordedGradient('linear', [x0, y0, x1, y1]);\n    this.record('createLinearGradient', [x0, y0, x1, y1]);\n    return gradient;\n  }\n\n  createRadialGradient(x0: number, y0: number, r0: number, x1: number, y1: number, r1: number): RecordedGradient {\n    const gradient = new RecordedGradient('radial', [x0, y0, r0, x1, y1, r1]);\n    this.record('createRadialGradient', [x0, y0, r0, x1, y1, r1]);\n    return gradient;\n  }\n\n  private record(name: string, args: unknown[]): void {\n    this.calls.push({ name, args: args.map(normalizeNumber) });\n  }\n}\n\n/**\n * A picture that never becomes real pixels.\n *\n * `take()` hands back a stand-in for the `ImageBitmap` a browser would\n * transfer out of an `OffscreenCanvas`, carrying only the size and a\n * `close`, which is all either renderer reads off one. Every context\n * the factory hands out is kept, so a spec can assert both what was\n * drawn and how many times anything was drawn at all.\n */\nexport class FakePaintCanvases {\n  readonly contexts: RecordingPaintContext[] = [];\n  readonly bitmaps: { width: number; height: number; closed: boolean }[] = [];\n\n  readonly create: PaintCanvasFactory = (width, height) => {\n    const context = new RecordingPaintContext();\n    this.contexts.push(context);\n    const bitmap = { width, height, closed: false };\n    this.bitmaps.push(bitmap);\n    return {\n      context: () => context,\n      take: () =>\n        ({\n          width,\n          height,\n          close: () => {\n            bitmap.closed = true;\n          }\n        }) as unknown as ImageBitmap\n    };\n  };\n\n  /** The calls made into the most recent picture. */\n  get last(): RecordingPaintContext {\n    const context = this.contexts.at(-1);\n    if (context === undefined) {\n      throw new Error('No picture has been rasterised.');\n    }\n    return context;\n  }\n\n  reset(): void {\n    this.contexts.length = 0;\n    this.bitmaps.length = 0;\n  }\n}\n\n/**\n * A canvas host backed by a recording context.\n */\nexport class FakeCanvasHost implements CanvasHost {\n  width = 0;\n  height = 0;\n  private contextRequests = 0;\n\n  constructor(private readonly context: Canvas2DContext | null) {}\n\n  getContext(_contextId: '2d'): CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D | null {\n    this.contextRequests++;\n    return this.context as unknown as CanvasRenderingContext2D | OffscreenCanvasRenderingContext2D;\n  }\n\n  get contextRequestCount(): number {\n    return this.contextRequests;\n  }\n}\n\n/**\n * Shared harness: a real UiGraph + LayoutEngine + Canvas2DRenderer\n * over a recording context. Deterministic layout comes from the\n * CharacterCountTextMeasurer, shared by layout and renderer.\n */\nexport class RenderHarness {\n  readonly graph = new UiGraph();\n  readonly measurer: TextMeasurer = new CharacterCountTextMeasurer();\n  readonly engine = new LayoutEngine(this.measurer);\n  readonly context = new RecordingCanvasContext();\n  readonly host = new FakeCanvasHost(this.context);\n  readonly surface = new CanvasSurface(this.host);\n  readonly renderer = new Canvas2DRenderer({ surface: this.surface });\n\n  constructor(logicalWidth: number = 800, logicalHeight: number = 600, dpr: number = 1) {\n    this.surface.setLogicalSize(logicalWidth, logicalHeight, dpr);\n  }\n\n  createNode(id: string, type: UiNodeType): UiNode {\n    return this.graph.createNode(id, type);\n  }\n\n  append(parent: UiNode, ...children: UiNode[]): void {\n    for (const child of children) {\n      this.graph.appendChild(parent, child);\n    }\n  }\n\n  layout(node: UiNode, constraints: Constraints = Constraints.tight(800, 600)): LayoutResult {\n    return this.engine.layout(node, constraints);\n  }\n\n  render(node: UiNode): void {\n    // Far in the future: overlay scrollbars have faded, so draw-call\n    // assertions see only the scene. Pass `now` yourself to test them.\n    this.renderer.render(node, { layout: this.engine, text: this.measurer, now: Number.MAX_SAFE_INTEGER });\n  }\n\n  record(node: UiNode): LayoutRecord {\n    const record = this.engine.recordFor(node);\n    if (record === undefined) {\n      throw new Error(`No layout record for '${node.id}'.`);\n    }\n    return record;\n  }\n\n  box(node: UiNode): LayoutBox {\n    const record = this.record(node);\n    return { x: record.x, y: record.y, width: record.width, height: record.height };\n  }\n}\n"],"mappings":"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"}

package/package.json

@@ -0,0 +1,63 @@
+{
+  "name": "gesso-core",
+  "version": "0.1.0",
+  "description": "The retained UI graph, the layout engine, the two renderers and input — everything below a component.",
+  "license": "MIT",
+  "author": "Kevin Baker",
+  "homepage": "https://github.com/kevinpbaker/gesso#readme",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/kevinpbaker/gesso.git",
+    "directory": "packages/core"
+  },
+  "bugs": {
+    "url": "https://github.com/kevinpbaker/gesso/issues"
+  },
+  "keywords": [
+    "gesso",
+    "canvas",
+    "ui",
+    "typescript",
+    "retained-mode",
+    "layout",
+    "flexbox",
+    "css-grid",
+    "canvas2d",
+    "webgpu",
+    "text-layout",
+    "renderer"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "default": "./dist/index.js"
+    },
+    "./testing": {
+      "types": "./dist/testing.d.ts",
+      "default": "./dist/testing.js"
+    }
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "files": [
+    "README.md",
+    "CHANGELOG.md",
+    "dist",
+    "LICENSE"
+  ],
+  "dependencies": {
+    "@webgpu/types": "^0.1.71"
+  },
+  "peerDependencies": {
+    "rxjs": "^7.8.2"
+  },
+  "devDependencies": {
+    "rxjs": "^7.8.2"
+  },
+  "scripts": {
+    "build": "tsdown"
+  }
+}