@cardstack/boxel-cli 0.11.0-unstable.1 → 0.11.0-unstable.2

package/bundled-test-harness/assets/{app-QAuw0l8v.js → app-CtezUCip.js}

@@ -97,7 +97,7 @@ import { t as getUniqueValidToolDefinitions } from "./tool-definitions-Bhcf5vKh.
 import { n as monaco_test_waiter_exports, t as createMonacoWaiterManager } from "./monaco-test-waiter-lvFEYpFj.js";
 import { r as shimBundledBase } from "./bundled-base-3cXf7vDf.js";
 import "./dist-BOAdzfkP.js";
-import { a as microwait, i as allSettled$1, n as task, o as rAF, r as afterRender, t as shimExternals } from "./externals-6ZWftYIb.js";
+import { a as microwait, i as allSettled$1, n as task, o as rAF, r as afterRender, t as shimExternals } from "./externals-DCnB4XSS.js";
 import { t as file_name_exports } from "./file-name-BBWa-sfG.js";
 import { n as write_text_file_exports } from "./write-text-file-BA4nc7Oc.js";
 import { n as add_field_to_card_definition_exports } from "./add-field-to-card-definition-DICeZA-y.js";

package/bundled-test-harness/assets/choreo-BEHW-NOc.js

@@ -0,0 +1,2 @@
+import { t as Choreo } from "./choreo-C2cpCfhA.js";
+export { Choreo, Choreo as default };

package/bundled-test-harness/assets/{choreo-CJfBb_EY.js → choreo-C2cpCfhA.js}

@@ -15,7 +15,7 @@ import "./src-Ds_gxjJo.js";
 import { i as snapshotOnRender } from "./layout-group-BNMtOT8O.js";
 import { n as closestMotionConfig } from "./motion-config-BbHByW3a.js";
 import { t as motionSpeed } from "./speed-bIo0tyrM.js";
-import { C as measure, S as boundsOf, c as leave, d as setPassScheduler, f as compile, g as GESTURE, h as sameScore, m as fadeOn, n as execute, o as setChoreoHost, p as continuation, s as join, u as setBeforeMeasure, v as trackGestures, y as measureBeacons } from "./run-BMyvn_UL.js";
+import { C as boundsOf, _ as GESTURE, b as measureBeacons, c as leave, d as setBeforeMeasure, f as setPassScheduler, g as sameScore, h as fadeOn, m as continuation, n as execute, o as setChoreoHost, p as compile, s as join, w as measure, y as trackGestures } from "./run-D4n4LPcK.js";
 import { C as collect, S as Wait, _ as SlowZoom, a as Crossing, b as Tether, c as Gate, d as Pan, f as Parallel, g as Sequence, h as Scroll, i as Camera3D, l as Hold, m as Raise, n as Attach, o as Follow, p as Perform, r as Camera, s as Frame, t as Aim, u as Move, v as Spring, x as Tween } from "./steps-D0xobKkB.js";
 //#region ../choreo/src/changeset.ts
 /**
@@ -61,16 +61,29 @@ var Changeset = class {
 	measureZoom;
 	/** the frame's own size in local pixels, from the same final layout */
 	frame;
-	/** what the page shows behind this region — see ChangesetLike.ground */
-	ground;
-	constructor(inserted, removed, kept, beacons = /* @__PURE__ */ new Map(), measureZoom = 1, frame, ground) {
+	/** what the page shows behind this region — see ChangesetLike.ground.
+	*  Read on first use: finding it walks the region's ancestors' computed
+	*  styles, and most passes never crossfade a skin that needs it. */
+	get ground() {
+		if (typeof this.groundSource === "function") this.groundSource = this.groundSource();
+		return this.groundSource;
+	}
+	groundSource;
+	constructor(inserted, removed, kept, beacons = /* @__PURE__ */ new Map(), measureZoom = 1, frame, ground, measureBeacon) {
 		this.inserted = inserted;
 		this.removed = removed;
 		this.kept = kept;
-		this.beacon = (name) => beacons.get(name) ?? null;
+		this.beacon = (name) => {
+			if (!beacons.has(name) && measureBeacon) {
+				const bounds = measureBeacon(name);
+				if (bounds) beacons.set(name, bounds);
+				return bounds;
+			}
+			return beacons.get(name) ?? null;
+		};
 		this.measureZoom = measureZoom;
 		this.frame = frame;
-		this.ground = ground;
+		this.groundSource = ground;
 	}
 	get all() {
 		return [
@@ -273,6 +286,19 @@ function reducesMotion(root) {
 	if (policy !== "user") return policy === "always";
 	return typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 }
+/** whether an element scrolls its content on either axis */
+function scrolls(el) {
+	const { overflowX, overflowY } = getComputedStyle(el);
+	return [overflowX, overflowY].some((o) => o === "auto" || o === "scroll" || o === "overlay");
+}
+/** the nearest ancestor that scrolls vertically: what `@inView` calls the view */
+function scrollerOf(el) {
+	for (let p = el.parentElement; p; p = p.parentElement) {
+		const overflow = getComputedStyle(p).overflowY;
+		if (overflow === "auto" || overflow === "scroll" || overflow === "overlay") return p;
+	}
+	return null;
+}
 /**
 * The barrier books one post-render callback for every region taking part in a
 * pass. `joinPass(this)` is where the region's PassHost contract (measurePass /
@@ -321,6 +347,9 @@ var Choreo = class extends Component {
 	arrived = /* @__PURE__ */ new Set();
 	/** destroyed before the pass that removed them has been processed */
 	claimed = /* @__PURE__ */ new Set();
+	/** every beacon name this region's score has read, so a pass measures
+	*  those beacons and not the whole page's */
+	beaconNames = /* @__PURE__ */ new Set();
 	/** removed participants this region is keeping alive in its orphan layer */
 	orphans = /* @__PURE__ */ new Set();
 	/** participants whose Presence is letting them go: removed once, not on every pass while they leave */
@@ -348,6 +377,7 @@ var Choreo = class extends Component {
 			this.run?.cancel();
 			this.run = void 0;
 			this.unquiet();
+			this.viewObserver?.disconnect();
 			for (const node of [...this.orphans, ...this.claimed]) this.drop(node);
 		});
 	}
@@ -372,6 +402,7 @@ var Choreo = class extends Component {
 	register(node) {
 		this.participants.add(node);
 		this.arrived.add(node);
+		this.watchView(node);
 		if (this.args.debug && node.element) {
 			node.element.style.outline = "1px dotted #16a34a";
 			if (node.ownAnimation) console.warn(`choreo: participant '${node.id ?? node.role}' carries its own animate/exit/initial — a second scheduler beside the timeline`);
@@ -380,6 +411,90 @@ var Choreo = class extends Component {
 		return () => {
 			this.participants.delete(node);
 			this.arrived.delete(node);
+			this.unwatchView(node);
+		};
+	}
+	/** sat out a pass since the last one it watched (`@idle`) */
+	slept = false;
+	/** participants inside the view or its margin, as the observer last saw them */
+	nearView = /* @__PURE__ */ new Set();
+	/** what the last pass animated: kept wired until a pass lets it go, so a
+	*  block that leaves the margin mid-flight is not cut loose halfway */
+	flying = /* @__PURE__ */ new Set();
+	viewNodes = /* @__PURE__ */ new WeakMap();
+	viewObserver;
+	viewRoot = null;
+	/** the `@inViewMargin` the current observer was made with */
+	viewMarginUsed;
+	get viewMargin() {
+		return this.args.inViewMargin ?? 1;
+	}
+	watchView(node) {
+		const el = node.element;
+		if (!this.args.inView || !el) return;
+		if (!this.viewObserver) {
+			this.viewRoot = this.element ? scrollerOf(this.element) : null;
+			this.viewMarginUsed = this.viewMargin;
+			this.viewObserver = new IntersectionObserver((entries) => {
+				for (const entry of entries) {
+					const seen = this.viewNodes.get(entry.target);
+					if (!seen) continue;
+					if (entry.isIntersecting) this.nearView.add(seen);
+					else this.nearView.delete(seen);
+				}
+			}, {
+				root: this.viewRoot,
+				rootMargin: `${this.viewMargin * 100}% 0px`
+			});
+		}
+		this.viewNodes.set(el, node);
+		this.viewObserver.observe(el);
+	}
+	/**
+	* `@inView` and `@inViewMargin` can change after participants registered:
+	* switched on (or given a new margin), the region observes every current
+	* participant and wires the ones already near the view now (the observer
+	* reports only after the next frame); switched off, it lets the observer
+	* go and wires everything again.
+	*/
+	syncViewWatch() {
+		if (this.args.inView && this.viewObserver && this.viewMarginUsed !== this.viewMargin) {
+			this.viewObserver.disconnect();
+			this.viewObserver = void 0;
+			this.nearView.clear();
+		}
+		if (this.args.inView && !this.viewObserver) {
+			for (const node of this.participants) this.watchView(node);
+			if (this.viewObserver) {
+				const near = this.nearViewBand();
+				for (const node of this.participants) {
+					const r = node.element?.getBoundingClientRect();
+					if (r && r.bottom >= near.top && r.top <= near.bottom) this.nearView.add(node);
+				}
+			}
+		} else if (!this.args.inView && this.viewObserver) {
+			this.viewObserver.disconnect();
+			this.viewObserver = void 0;
+			this.viewRoot = null;
+			this.nearView.clear();
+			this.flying.clear();
+		}
+	}
+	unwatchView(node) {
+		this.nearView.delete(node);
+		if (node.element) this.viewObserver?.unobserve(node.element);
+	}
+	/** the view and its margin, in viewport px; read once per pass */
+	nearViewBand() {
+		const r = this.viewRoot ? this.viewRoot.getBoundingClientRect() : {
+			bottom: window.innerHeight,
+			top: 0
+		};
+		const margin = (r.bottom - r.top) * this.viewMargin;
+		return {
+			bottom: r.bottom + margin,
+			margin,
+			top: r.top - margin
 		};
 	}
 	claim(node) {
@@ -393,8 +508,17 @@ var Choreo = class extends Component {
 	get renderDetector() {
 		consumeTag(VOLATILE_TAG);
 		snapshotOnRender();
+		if (this.args.idle) {
+			this.slept = true;
+			return;
+		}
+		if (this.slept) {
+			this.slept = false;
+			this.arrived.clear();
+		}
 		if (!this.passPending) {
 			this.passPending = true;
+			this.syncViewWatch();
 			this.snapshot();
 			join(this);
 		}
@@ -402,9 +526,10 @@ var Choreo = class extends Component {
 	snapshot() {
 		this.snapshots.clear();
 		this.rootSnapshot = this.element?.getBoundingClientRect();
+		const wired = this.args.inView ? this.nearView : void 0;
 		for (const node of this.participants) {
 			const el = node.element;
-			if (el?.isConnected && !this.orphans.has(node)) this.snapshots.set(node, measure(el));
+			if (el?.isConnected && !this.orphans.has(node) && (!wired || wired.has(node) || this.flying.has(node))) this.snapshots.set(node, measure(el));
 		}
 	}
 	/** phase 1: what changed this pass, measured — nothing is played yet */
@@ -439,6 +564,7 @@ var Choreo = class extends Component {
 			role: node.role,
 			type
 		});
+		const near = this.args.inView ? this.nearViewBand() : void 0;
 		const candidates = new Set([
 			...this.participants,
 			...this.claimed,
@@ -451,8 +577,14 @@ var Choreo = class extends Component {
 			if (this.orphans.has(node)) {
 				const prior = this.orphanBounds.get(node);
 				removed.push(sprite(node, "removed", prior));
-			} else if (this.arrived.has(node)) inserted.push(sprite(node, "inserted", void 0, boundsOf(measure(el), after)));
-			else if (!el.isConnected || this.claimed.has(node)) {
+			} else if (this.arrived.has(node)) {
+				if (near) {
+					const r = el.getBoundingClientRect();
+					if (r.bottom < near.top || r.top > near.bottom) continue;
+					this.nearView.add(node);
+				}
+				inserted.push(sprite(node, "inserted", void 0, boundsOf(measure(el), after)));
+			} else if (!el.isConnected || this.claimed.has(node)) {
 				if (this.leaving.has(node)) {
 					this.leaving.delete(node);
 					this.drop(node);
@@ -484,6 +616,13 @@ var Choreo = class extends Component {
 				};
 			}
 		}
+		if (near && kept.some((s) => Math.abs(s.delta?.y ?? 0) > near.margin)) {
+			for (const s of removed) this.drop(s.node);
+			inserted.length = 0;
+			kept.length = 0;
+			removed.length = 0;
+		}
+		if (near) this.flying = new Set([...inserted, ...kept.filter((s) => s.delta && (s.delta.x || s.delta.y))].map((s) => s.node));
 		this.arrived.clear();
 		this.snapshots.clear();
 		const claimed = [...this.claimed];
@@ -507,10 +646,13 @@ var Choreo = class extends Component {
 		const shadow = this.run?.camera.zoom ?? this.restingCamera.zoom;
 		const painted = layoutWidth > 0 ? after.width / layoutWidth : 0;
 		const measureZoom = !painted || Math.abs(painted - shadow) < .004 ? shadow : painted;
-		const changeset = new Changeset(inserted.filter((s) => s.type === "inserted"), removed, [...kept, ...inserted.filter((s) => s.type === "kept")], measureBeacons(after), measureZoom, {
+		const changeset = new Changeset(inserted.filter((s) => s.type === "inserted"), removed, [...kept, ...inserted.filter((s) => s.type === "kept")], measureBeacons(after, this.beaconNames), measureZoom, {
 			height: after.height / measureZoom,
 			width: after.width / measureZoom
-		}, groundOf(root));
+		}, () => groundOf(root), (name) => {
+			this.beaconNames.add(name);
+			return measureBeacons(after, [name]).get(name) ?? null;
+		});
 		this.changeset = changeset;
 		const firstRender = !this.rendered;
 		this.rendered = true;
@@ -556,7 +698,7 @@ var Choreo = class extends Component {
 			return;
 		}
 		const print = treePrint(tree);
-		const nothingNew = !inserted.length && pass.removed.every((s) => this.orphans.has(s.node)) && (this.orphans.size > 0 || !changeset.sprites({ type: "moved" }).length) && print === this.scorePrint;
+		const nothingNew = !inserted.length && pass.removed.every((s) => this.orphans.has(s.node)) && (this.orphans.size > 0 || !changeset.sprites({ type: "moved" }).length) && this.layoutOf() === this.layoutPrint && print === this.scorePrint;
 		if (this.run && !this.run.isDone() && nothingNew) {
 			for (const node of claimed) this.drop(node);
 			this.run.reassert();
@@ -615,7 +757,8 @@ var Choreo = class extends Component {
 			onPerformReset: this.args.onPerformReset,
 			onSpriteDone: (s) => this.finish(s),
 			removed: removed.filter((s) => named.has(s)),
-			doomed: !kept.length && !inserted.length && removed.length > 0
+			doomed: !kept.length && !inserted.length && removed.length > 0,
+			maxFrameStep: this.args.maxFrameStep
 		});
 		if (this.args.quiet) {
 			const run = this.run;
@@ -672,6 +815,14 @@ var Choreo = class extends Component {
 			}
 			parts.push(`${node.id ?? node.role ?? ""}@${x},${y},${el.offsetWidth},${el.offsetHeight}`);
 		}
+		let sx = 0;
+		let sy = 0;
+		for (let a = root?.parentElement; a; a = a.parentElement) {
+			sx += a.scrollLeft;
+			sy += a.scrollTop;
+			if (a !== document.documentElement && scrolls(a)) break;
+		}
+		parts.push(`scroll@${Math.round(sx)},${Math.round(sy)}`);
 		return parts.join("|");
 	}
 	/**

package/bundled-test-harness/assets/{choreo-feature-reel-test-D2OrygZv.js → choreo-feature-reel-test-CPI_6nkT.js}

@@ -4,9 +4,9 @@ import { M as waitUntil, a as find } from "./dist-BOAdzfkP.js";
 import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
 import { F as setupLocalIndexing, M as setupCardLogs, P as setupIntegrationTestRealm, lt as setupRenderingTest, t as setupMockMatrix } from "./mock-matrix-rxYRI9xw.js";
 import { r as getService } from "./dist-CPfIHBla.js";
-import { o as setupChoreo } from "./test-support-C6N_2X-l.js";
+import { o as setupChoreo } from "./test-support-VX6ukQNR.js";
 import { vt as setupBaseRealm } from "./base-realm-B17zVqh6.js";
-import { t as choreoGalleryContents } from "./choreo-gallery-w07xqtO-.js";
+import { t as choreoGalleryContents } from "./choreo-gallery-BxA9cyzF.js";
 import { t as renderCard } from "./render-component-B15Z0e2v.js";
 //#region tests/integration/choreo-feature-reel-test.gts
 var import_qunit = /* @__PURE__ */ __toESM(require_qunit());