@cardstack/boxel-cli 0.13.0-unstable.4 → 0.13.0-unstable.5

package/bundled-test-harness/assets/relationship-loading-state-test-FKbtOFUr.js

@@ -0,0 +1,290 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { Br as testRealmURL, Co as SupportedMimeType, Rc as Deferred } from "./runtime-common-BTaLJEw-.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory } from "./index-DaCZcoCY-CgzbilMy.js";
+import "./component-BJO47HTh.js";
+import "./template-factory-ds9s0u8l.js";
+import { T as settled, o as waitFor } from "./dist-BOAdzfkP.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { F as setupLocalIndexing, ct as setupApplicationTest, j as setupAcceptanceTestRealm, st as visitOperatorMode, t as setupMockMatrix } from "./mock-matrix-FjsXmU7-.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { d as getRelationshipMembershipState } from "./field-support-DClsIsjq.js";
+import { A as field, H as linksTo, U as linksToMany, a as CardDef, s as Component, w as contains } from "./card-api-Cc8uZunB.js";
+import { t as string_default } from "./string-5IAMEUit.js";
+//#region tests/acceptance/relationship-loading-state-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+var SUBJECTS_MODULE = `${testRealmURL}subjects`;
+var LINKSTO_URL = `${testRealmURL}linksto-subject`;
+var LINKSTOMANY_URL = `${testRealmURL}linkstomany-subject`;
+var QUERY_URL = `${testRealmURL}query-subject`;
+async function mountGatedCard(network, opts) {
+	let json = await (await network.virtualNetwork.fetch(new Request(opts.cardUrl, { headers: { Accept: SupportedMimeType.CardJson } }))).json();
+	opts.modify(json);
+	let body = JSON.stringify(json);
+	let gate = new Deferred();
+	let handler = async (request) => {
+		if (new URL(request.url).href.includes(opts.gateUrlIncludes)) await gate.promise;
+		if (request.method === "GET" && request.url === opts.cardUrl && request.headers.get("Accept")?.includes("card+json")) return new Response(body, {
+			status: 200,
+			headers: new Headers({ "content-type": SupportedMimeType.CardJson })
+		});
+		return null;
+	};
+	network.virtualNetwork.mount(handler, { prepend: true });
+	return {
+		release: () => gate.fulfill(),
+		unmount: () => network.virtualNetwork.unmount(handler)
+	};
+}
+function relationship(url, fieldName) {
+	return getRelationshipMembershipState(getService("store").peek(url), fieldName);
+}
+(0, import_qunit.module)("Acceptance | getRelationshipMembershipState loading state", function(hooks) {
+	setupApplicationTest(hooks);
+	setupLocalIndexing(hooks);
+	let mockMatrixUtils = setupMockMatrix(hooks, {
+		loggedInAs: "@testuser:localhost",
+		activeRealms: [testRealmURL],
+		autostart: false
+	});
+	hooks.beforeEach(async function() {
+		class Person extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "name", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#name = (initializeDeferredDecorator(this, "name"), void 0);
+		}
+		class Pet extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "firstName", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
+		}
+		class LinksToSubject extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "pet", [field], function() {
+					return linksTo(() => Pet);
+				});
+			}
+			#pet = (initializeDeferredDecorator(this, "pet"), void 0);
+			get petLoading() {
+				return getRelationshipMembershipState(this, "pet").isLoading;
+			}
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "8XQRMUXU",
+						"block": "[[[41,[30,1,[\"petLoading\"]],[[[10,0],[14,\"data-test-loading\",\"\"],[12],[13]],[]],null],[1,\"\\n\"],[10,0],[14,\"data-test-content\",\"\"],[12],[1,[30,1,[\"pet\",\"firstName\"]]],[13]],[\"@model\"],[\"if\"]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/acceptance/relationship-loading-state-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class LinksToManySubject extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "pets", [field], function() {
+					return linksToMany(() => Pet);
+				});
+			}
+			#pets = (initializeDeferredDecorator(this, "pets"), void 0);
+			get petsLoading() {
+				return getRelationshipMembershipState(this, "pets").isLoading;
+			}
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "S2Us918r",
+						"block": "[[[41,[30,1,[\"petsLoading\"]],[[[10,0],[14,\"data-test-loading\",\"\"],[12],[13]],[]],null],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,1,[\"pets\"]]],null]],null],null,[[[1,\"  \"],[10,1],[14,\"data-test-item\",\"\"],[12],[1,[30,2,[\"firstName\"]]],[13],[1,\"\\n\"]],[2]],null]],[\"@model\",\"pet\"],[\"if\",\"each\",\"-track-array\"]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/acceptance/relationship-loading-state-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class QuerySubject extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
+			static {
+				decorateFieldV2(this.prototype, "matches", [field], function() {
+					return linksToMany(() => Person, { query: {
+						filter: { eq: { name: "$this.cardTitle" } },
+						page: {
+							size: 10,
+							number: 0
+						}
+					} });
+				});
+			}
+			#matches = (initializeDeferredDecorator(this, "matches"), void 0);
+			get matchesLoading() {
+				return getRelationshipMembershipState(this, "matches").isLoading;
+			}
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "XTKUktQM",
+						"block": "[[[41,[30,1,[\"matchesLoading\"]],[[[10,0],[14,\"data-test-loading\",\"\"],[12],[13]],[]],null],[1,\"\\n\"],[42,[28,[31,2],[[28,[31,2],[[30,1,[\"matches\"]]],null]],null],null,[[[1,\"  \"],[10,1],[14,\"data-test-match\",\"\"],[12],[1,[30,2,[\"name\"]]],[13],[1,\"\\n\"]],[2]],null]],[\"@model\",\"match\"],[\"if\",\"each\",\"-track-array\"]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/acceptance/relationship-loading-state-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		await setupAcceptanceTestRealm({
+			mockMatrixUtils,
+			contents: {
+				"subjects.gts": {
+					Person,
+					Pet,
+					LinksToSubject,
+					LinksToManySubject,
+					QuerySubject
+				},
+				"Pet/mango.json": new Pet({ firstName: "Mango" }),
+				"Pet/vangogh.json": new Pet({ firstName: "Vangogh" }),
+				"Person/target.json": new Person({ name: "Target" }),
+				"linksto-subject.json": { data: {
+					attributes: {},
+					relationships: { pet: { links: { self: `${testRealmURL}Pet/mango` } } },
+					meta: { adoptsFrom: {
+						module: SUBJECTS_MODULE,
+						name: "LinksToSubject"
+					} }
+				} },
+				"linkstomany-subject.json": { data: {
+					attributes: {},
+					relationships: {
+						"pets.0": { links: { self: `${testRealmURL}Pet/mango` } },
+						"pets.1": { links: { self: `${testRealmURL}Pet/vangogh` } }
+					},
+					meta: { adoptsFrom: {
+						module: SUBJECTS_MODULE,
+						name: "LinksToManySubject"
+					} }
+				} },
+				"query-subject.json": { data: {
+					attributes: { cardTitle: "Target" },
+					meta: { adoptsFrom: {
+						module: SUBJECTS_MODULE,
+						name: "QuerySubject"
+					} }
+				} }
+			}
+		});
+	});
+	(0, import_qunit.test)("linksTo: isLoading true with a not-loaded membership while in flight, then false with a present membership", async function(assert) {
+		let gate = await mountGatedCard(getService("network"), {
+			cardUrl: LINKSTO_URL,
+			modify: (json) => delete json.included,
+			gateUrlIncludes: "Pet/mango"
+		});
+		let cardSelector = `[data-test-stack-card="${LINKSTO_URL}"]`;
+		try {
+			let navigation = visitOperatorMode({ stacks: [[{
+				id: LINKSTO_URL,
+				format: "isolated"
+			}]] });
+			await waitFor(`${cardSelector} [data-test-loading]`);
+			let inFlight = relationship(LINKSTO_URL, "pet");
+			assert.true(inFlight.isLoading, "isLoading is true while the link is in flight");
+			assert.strictEqual(inFlight.membership?.length, 1, "a singular linksTo has a one-element membership");
+			assert.strictEqual(inFlight.membership?.[0].kind, "not-loaded", "the member is not-loaded while in flight");
+			gate.release();
+			await navigation;
+			await settled();
+			assert.dom(`${cardSelector} [data-test-loading]`).doesNotExist("spinner cleared");
+			let resolved = relationship(LINKSTO_URL, "pet");
+			assert.false(resolved.isLoading, "isLoading is false once the link resolves");
+			assert.strictEqual(resolved.membership?.length, 1);
+			assert.strictEqual(resolved.membership?.[0].kind, "present", "member is present");
+			assert.strictEqual((resolved.membership?.[0]).value?.firstName, "Mango", "the resolved card is carried on the member");
+			assert.dom(`${cardSelector} [data-test-content]`).hasText("Mango");
+		} finally {
+			gate.unmount();
+		}
+	});
+	(0, import_qunit.test)("linksToMany: isLoading stays true until every element settles; membership stays a full-length array", async function(assert) {
+		let gate = await mountGatedCard(getService("network"), {
+			cardUrl: LINKSTOMANY_URL,
+			modify: (json) => delete json.included,
+			gateUrlIncludes: "Pet/vangogh"
+		});
+		let cardSelector = `[data-test-stack-card="${LINKSTOMANY_URL}"]`;
+		try {
+			let navigation = visitOperatorMode({ stacks: [[{
+				id: LINKSTOMANY_URL,
+				format: "isolated"
+			}]] });
+			await waitFor(`${cardSelector} [data-test-loading]`);
+			let inFlight = relationship(LINKSTOMANY_URL, "pets");
+			assert.true(inFlight.isLoading, "isLoading is true while an element is in flight");
+			assert.strictEqual(inFlight.membership?.length, 2, "a declared linksToMany keeps a full-length array membership while loading");
+			let anyNotLoaded = Boolean(inFlight.membership?.some((m) => m.kind === "not-loaded"));
+			assert.true(anyNotLoaded, "at least one element is still not-loaded");
+			gate.release();
+			await navigation;
+			await settled();
+			assert.dom(`${cardSelector} [data-test-loading]`).doesNotExist("spinner cleared");
+			let resolved = relationship(LINKSTOMANY_URL, "pets");
+			assert.false(resolved.isLoading, "isLoading is false once every element resolves");
+			assert.deepEqual(resolved.membership?.map((m) => m.kind), ["present", "present"], "every element is present");
+			assert.deepEqual(resolved.membership?.map((m) => m.value?.firstName), ["Mango", "Vangogh"], "the resolved cards are carried on the members");
+		} finally {
+			gate.unmount();
+		}
+	});
+	(0, import_qunit.test)("query-backed linksToMany: membership is undefined while the search runs, then an array consistent with a normal linksToMany", async function(assert) {
+		let gate = await mountGatedCard(getService("network"), {
+			cardUrl: QUERY_URL,
+			modify: (json) => {
+				let rel = json.data.relationships?.matches;
+				if (rel) {
+					rel.data = [];
+					rel.meta = { errors: [{
+						realm: testRealmURL,
+						type: "fetch-error",
+						message: "forced fallback",
+						status: 502
+					}] };
+					for (let key of Object.keys(json.data.relationships)) if (key.startsWith("matches.")) delete json.data.relationships[key];
+				}
+			},
+			gateUrlIncludes: "/_federated-search"
+		});
+		let cardSelector = `[data-test-stack-card="${QUERY_URL}"]`;
+		try {
+			let navigation = visitOperatorMode({ stacks: [[{
+				id: QUERY_URL,
+				format: "isolated"
+			}]] });
+			await waitFor(`${cardSelector} [data-test-loading]`);
+			let inFlight = relationship(QUERY_URL, "matches");
+			assert.true(inFlight.isLoading, "isLoading is true while the search runs");
+			assert.strictEqual(inFlight.membership, void 0, "membership is undefined while the query is in flight");
+			gate.release();
+			await navigation;
+			await settled();
+			assert.dom(`${cardSelector} [data-test-loading]`).doesNotExist("spinner cleared");
+			let resolved = relationship(QUERY_URL, "matches");
+			assert.false(resolved.isLoading, "isLoading is false once the search settles");
+			assert.strictEqual(resolved.membership?.length, 1, "membership is populated as an array once results arrive");
+			assert.strictEqual(resolved.membership?.[0].kind, "present");
+			assert.strictEqual((resolved.membership?.[0]).value?.name, "Target", "the resolved card is carried on the member");
+			assert.strictEqual(typeof resolved.membership?.[0].reference, "string", "the member carries a reference, like a declared linksToMany");
+			assert.dom(`${cardSelector} [data-test-match]`).hasText("Target");
+		} finally {
+			gate.unmount();
+		}
+	});
+});
+//#endregion

package/bundled-test-harness/assets/remix-card-test-CKGC_Sgq.js

@@ -0,0 +1,58 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { lt as setupRenderingTest } from "./mock-matrix-FjsXmU7-.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { a as CardDef } from "./card-api-Cc8uZunB.js";
+import { t as ProcessCard } from "./process-card-CeZyaATe.js";
+import { P as RemixCard, vt as setupBaseRealm } from "./base-realm-B17zVqh6.js";
+import { t as renderCard } from "./render-component-B15Z0e2v.js";
+//#region tests/integration/components/remix-card-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+(0, import_qunit.module)("Integration | Card | remix-card", function(hooks) {
+	setupRenderingTest(hooks);
+	setupBaseRealm(hooks);
+	let loader;
+	hooks.beforeEach(function() {
+		loader = getService("loader-service").loader;
+	});
+	(0, import_qunit.test)("is a ProcessCard subtype with displayName \"Remix\"", function(assert) {
+		assert.strictEqual(RemixCard.displayName, "Remix");
+		assert.true(new RemixCard({}) instanceof ProcessCard, "a remix is a kind of setup process");
+	});
+	(0, import_qunit.test)("inherits the shared job-progress getters", function(assert) {
+		let card = new RemixCard({
+			progressDone: 4,
+			progressTotal: 8,
+			processStatus: "running"
+		});
+		assert.strictEqual(card.percentComplete, 50);
+		assert.strictEqual(card.progressLabel, "4 of 8 items");
+		assert.strictEqual(card.statusLabel, "running");
+	});
+	(0, import_qunit.test)("links to the card it was remixed from", function(assert) {
+		let source = new CardDef({});
+		let card = new RemixCard({ remixedFrom: source });
+		assert.strictEqual(card.remixedFrom, source, "remixedFrom holds the source the remix was cloned from");
+	});
+	(0, import_qunit.module)("rendering", function() {
+		(0, import_qunit.test)("renders the inherited progress bar", async function(assert) {
+			let card = new RemixCard({
+				listingName: "Remixed Space",
+				stage: "Cloning cards",
+				progressDone: 4,
+				progressTotal: 8
+			});
+			await renderCard(loader, card, "embedded");
+			assert.dom(".process-card__name").hasText("Remixed Space");
+			assert.dom(".process-card__stage").hasText("Cloning cards");
+			assert.dom(".process-card__count").hasText("4 of 8 items");
+			assert.dom("[data-test-boxel-progress-bar]").exists("renders the inherited shared progress bar");
+		});
+		(0, import_qunit.test)("title falls back to \"Remix\" when listingName is unset", async function(assert) {
+			let card = new RemixCard({});
+			await renderCard(loader, card, "embedded");
+			assert.dom(".process-card__name").hasText("Remix");
+		});
+	});
+});
+//#endregion

package/bundled-test-harness/assets/rendered-markdown-B_jWmDrK.js

@@ -0,0 +1,292 @@
+import "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2, r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { jc as isCardErrorJSONAPI } from "./runtime-common-BTaLJEw-.js";
+import { C as resolveRRIReference, T as rri } from "./paths-C9-NYXnM.js";
+import { n as CardContextName } from "./constants-Icc0nFW-.js";
+import { A as trimJsonExtension, a as cardTypeName, c as extractCardReferenceUrls, i as bfmResolvedEmbedStyle, l as extractFileReferenceUrls, r as bfmRefFormatAndSize, u as fileNameFromUrl } from "./bfm-card-references-Cjos2rOp.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { r as service, vt as scheduleOnce } from "./service-LFpJ8EEP.js";
+import { H as templateFactory, m as htmlSafe } from "./index-DaCZcoCY-CgzbilMy.js";
+import { n as buildTask } from "./async-arrow-runtime-STsj7E8Y.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import { n as tracked, t as cached } from "./tracking-800VJb8b.js";
+import "./template-factory-ds9s0u8l.js";
+import { t as templateOnly } from "./template-only-6nVzLWF-.js";
+import { c as eq } from "./helpers-U4_dLjnS.js";
+import { at as IconComponent, v as MarkdownContentShell } from "./components-Ck24ubaT.js";
+import "./template-C81fYDrq.js";
+import { r as modifier, t as ClassBasedModifier } from "./dist-nMt-N14r.js";
+import { t as consume } from "./dist-Ble0L9o7.js";
+import { t as CardRenderer } from "./card-renderer-DO8Cy2V7.js";
+import { a as markdownToHtml, i as markdownOversizedNoticeHtml, r as isMarkdownOverRenderLimit } from "./marked-sync-B1trqB6L.js";
+import { s as beacon } from "./src-a4d10Hra.js";
+import { t as cardRefLabel } from "./reply-furniture-Cu7OoDDn.js";
+//#region app/components/operator-mode/preview-panel/rendered-markdown.gts
+function resolveUrl(raw, baseUrl) {
+	try {
+		return trimJsonExtension(resolveRRIReference(raw, baseUrl ? rri(baseUrl) : void 0));
+	} catch {
+		return trimJsonExtension(raw);
+	}
+}
+function wrapTablesHtml(html) {
+	if (!html.includes("<table")) return html;
+	if (typeof DOMParser === "undefined") return html;
+	let doc = new DOMParser().parseFromString(html, "text/html");
+	doc.querySelectorAll("table:not(.table-wrapper table)").forEach((table) => {
+		if (table.parentElement?.classList.contains("table-wrapper")) return;
+		let wrapper = doc.createElement("div");
+		wrapper.className = "table-wrapper";
+		table.replaceWith(wrapper);
+		wrapper.appendChild(table);
+	});
+	return doc.body.innerHTML;
+}
+var BareSlotCard = setComponentTemplate(templateFactory({
+	"id": "yYiFK6aw",
+	"block": "[[[8,[32,0],null,[[\"@card\",\"@format\",\"@displayContainer\"],[[30,1],[30,2],false]],null]],[\"@card\",\"@format\"],[]]",
+	"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/preview-panel/rendered-markdown.gts",
+	"scope": () => [CardRenderer],
+	"isStrictMode": true
+}), templateOnly());
+var DEFAULT_CARD_CONTEXT = {
+	cardComponentModifier: class NoOpModifier extends ClassBasedModifier {
+		modify() {}
+	},
+	toolContext: void 0
+};
+var RenderedMarkdown = class extends Component {
+	static {
+		decorateFieldV2(this.prototype, "store", [service]);
+	}
+	#store = (initializeDeferredDecorator(this, "store"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "dynamicCardContext", [consume(CardContextName)]);
+	}
+	#dynamicCardContext = (initializeDeferredDecorator(this, "dynamicCardContext"), void 0);
+	get cardContext() {
+		return {
+			...DEFAULT_CARD_CONTEXT,
+			...this.dynamicCardContext
+		};
+	}
+	get slotCard() {
+		return this.args.slotCard ?? BareSlotCard;
+	}
+	get blockCard() {
+		return this.args.blockCard ?? this.slotCard;
+	}
+	lookKey = (id) => this.args.lookKeyPrefix && id ? `${this.args.lookKeyPrefix}:${id}` : "";
+	static {
+		decorateFieldV2(this.prototype, "renderSlots", [tracked], function() {
+			return [];
+		});
+	}
+	#renderSlots = (initializeDeferredDecorator(this, "renderSlots"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "loadedCards", [tracked], function() {
+			return /* @__PURE__ */ new Map();
+		});
+	}
+	#loadedCards = (initializeDeferredDecorator(this, "loadedCards"), void 0);
+	static {
+		decorateFieldV2(this.prototype, "loadedFiles", [tracked], function() {
+			return /* @__PURE__ */ new Map();
+		});
+	}
+	#loadedFiles = (initializeDeferredDecorator(this, "loadedFiles"), void 0);
+	_modifierHasRun = false;
+	refreshSlots;
+	get renderedHtml() {
+		let content = this.args.content;
+		if (isMarkdownOverRenderLimit(content)) return htmlSafe(markdownOversizedNoticeHtml(content));
+		let html = markdownToHtml(content);
+		html = wrapTablesHtml(html);
+		let hasBfmRefs = html.includes("data-boxel-bfm-type=");
+		if (typeof DOMParser !== "undefined" && hasBfmRefs) {
+			let doc = new DOMParser().parseFromString(html, "text/html");
+			doc.querySelectorAll("[data-boxel-bfm-inline-ref], [data-boxel-bfm-block-ref]").forEach((el) => el.textContent = "");
+			html = doc.body.innerHTML;
+		}
+		return htmlSafe(html);
+	}
+	static {
+		decorateMethodV2(this.prototype, "renderedHtml", [cached]);
+	}
+	get cardReferenceUrls() {
+		if (!this.args.content) return [];
+		return extractCardReferenceUrls(this.args.content, this.args.cardReferenceBaseUrl ?? "");
+	}
+	static {
+		decorateMethodV2(this.prototype, "cardReferenceUrls", [cached]);
+	}
+	get fileReferenceUrls() {
+		if (!this.args.content) return [];
+		return extractFileReferenceUrls(this.args.content, this.args.cardReferenceBaseUrl ?? "");
+	}
+	static {
+		decorateMethodV2(this.prototype, "fileReferenceUrls", [cached]);
+	}
+	cachedCard(url) {
+		let cached = this.store.peek(url);
+		return cached && !isCardErrorJSONAPI(cached) ? cached : void 0;
+	}
+	loadReferencedCards = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			let urls = this.cardReferenceUrls;
+			if (!urls.length) return;
+			let cards = /* @__PURE__ */ new Map();
+			yield Promise.all(urls.map(async (url) => {
+				try {
+					let result = await this.store.get(url);
+					if (!isCardErrorJSONAPI(result)) cards.set(url, result);
+				} catch {}
+			}));
+			this.loadedCards = cards;
+			this.refreshSlots?.();
+		}
+	}), { restartable: true }, "loadReferencedCards", null);
+	loadReferencedFiles = buildTask(() => ({
+		context: this,
+		generator: function* () {
+			let urls = this.fileReferenceUrls;
+			if (!urls.length) return;
+			let files = /* @__PURE__ */ new Map();
+			yield Promise.all(urls.map(async (url) => {
+				try {
+					let result = await this.store.get(url, { type: "file-meta" });
+					if (!isCardErrorJSONAPI(result)) files.set(url, result);
+				} catch {}
+			}));
+			this.loadedFiles = files;
+			this.refreshSlots?.();
+		}
+	}), { restartable: true }, "loadReferencedFiles", null);
+	captureCardSlots = modifier((element, _positional) => {
+		let baseUrl = this.args.cardReferenceBaseUrl ?? void 0;
+		let pendingUpdate = false;
+		let showFallback = this._modifierHasRun || this.loadedCards.size > 0 || this.loadedFiles.size > 0;
+		this._modifierHasRun = true;
+		this.loadReferencedCards.perform();
+		this.loadReferencedFiles.perform();
+		let collectSlots = () => {
+			let cardsByUrl = this.loadedCards;
+			let filesByUrl = this.loadedFiles;
+			let slots = [];
+			for (let el of Array.from(element.querySelectorAll("[data-boxel-bfm-type=\"card\"], [data-boxel-bfm-type=\"file\"]"))) {
+				let refType = el.dataset.boxelBfmType === "file" ? "file" : "card";
+				let isInline = !!el.dataset.boxelBfmInlineRef;
+				let rawUrl = el.dataset.boxelBfmInlineRef ?? el.dataset.boxelBfmBlockRef ?? "";
+				if (!rawUrl) continue;
+				let kind = isInline ? "inline" : "block";
+				let derived = bfmRefFormatAndSize(el.dataset.boxelBfmFormat, el.dataset.boxelBfmWidth, el.dataset.boxelBfmHeight, isInline ? "atom" : "embedded");
+				let format = derived.format;
+				let sizeStyle = derived.sizeStyle;
+				let styleRaw = bfmResolvedEmbedStyle(format, kind, sizeStyle);
+				let style = styleRaw ? htmlSafe(styleRaw) : void 0;
+				let heightless = format === "fitted" && !derived.hasHeight;
+				let resolvedUrl = resolveUrl(rawUrl, baseUrl);
+				if (refType === "file") {
+					let file = filesByUrl.get(resolvedUrl);
+					if (file) {
+						slots.push({
+							element: el,
+							refType,
+							kind,
+							state: "resolved",
+							format,
+							file,
+							style,
+							heightless
+						});
+						continue;
+					}
+				} else {
+					let card = cardsByUrl.get(resolvedUrl) ?? this.cachedCard(resolvedUrl);
+					if (card) {
+						slots.push({
+							element: el,
+							refType,
+							kind,
+							state: "resolved",
+							format,
+							card,
+							style,
+							heightless
+						});
+						continue;
+					}
+				}
+				if (!showFallback) slots.push({
+					element: el,
+					refType,
+					kind,
+					state: "loading",
+					format,
+					style,
+					url: rawUrl
+				});
+				else slots.push({
+					element: el,
+					refType,
+					kind,
+					state: "unresolved",
+					format,
+					style,
+					url: rawUrl,
+					typeName: refType === "file" ? fileNameFromUrl(rawUrl) : cardRefLabel(rawUrl) || cardTypeName(rawUrl)
+				});
+			}
+			return slots;
+		};
+		let updateSlots = () => {
+			pendingUpdate = false;
+			let nextSlots = collectSlots();
+			if (nextSlots.length !== this.renderSlots.length || nextSlots.some((slot, index) => {
+				let current = this.renderSlots[index];
+				if (!current || current.element !== slot.element) return true;
+				if (current.refType !== slot.refType) return true;
+				if (current.kind !== slot.kind) return true;
+				if (current.state !== slot.state) return true;
+				if (current.format !== slot.format) return true;
+				if (current.card !== slot.card) return true;
+				if (current.file !== slot.file) return true;
+				if (current.url !== slot.url) return true;
+				return String(current.style ?? "") !== String(slot.style ?? "");
+			})) this.renderSlots = nextSlots;
+		};
+		let scheduleUpdate = () => {
+			if (pendingUpdate) return;
+			pendingUpdate = true;
+			scheduleOnce("afterRender", null, updateSlots);
+		};
+		scheduleUpdate();
+		this.refreshSlots = scheduleUpdate;
+		if (typeof MutationObserver === "undefined") return;
+		let observer = new MutationObserver(scheduleUpdate);
+		observer.observe(element, {
+			childList: true,
+			subtree: true
+		});
+		return () => observer.disconnect();
+	});
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "bGQVlEHH",
+			"block": "[[[8,[32,0],[[4,[30,0,[\"captureCardSlots\"]],[[30,0,[\"renderedHtml\"]],[30,0,[\"loadedCards\"]],[30,0,[\"loadedFiles\"]]],null]],null,[[\"default\"],[[[[1,\"\\n  \"],[1,[30,0,[\"renderedHtml\"]]],[1,\"\\n\"]],[]]]]],[1,\"\\n\"],[42,[28,[31,1],[[28,[31,1],[[30,0,[\"renderSlots\"]]],null]],null],\"element\",[[[40,[[[41,[28,[32,1],[[30,1,[\"state\"]],\"resolved\"],null],[[[41,[28,[32,1],[[30,1,[\"refType\"]],\"file\"],null],[[[41,[28,[32,1],[[30,1,[\"kind\"]],\"inline\"],null],[[[1,\"          \"],[11,1],[16,0,[29,[\"markdown-bfm-card-slot\\n              \",[52,[28,[32,1],[[30,1,[\"format\"]],\"atom\"],null],\"markdown-bfm-card-slot--inline\",\"markdown-bfm-card-slot--inline-embed\"],\"\\n              \",[52,[30,1,[\"style\"]],\"markdown-bfm-card-slot--fitted\"]]]],[16,5,[30,1,[\"style\"]]],[24,\"data-test-markdown-bfm-inline-file\",\"\"],[16,\"data-card-ref\",[30,1,[\"file\",\"id\"]]],[24,\"data-card-ref-kind\",\"file\"],[16,\"tabindex\",[52,[30,2],\"0\"]],[4,[32,2],[[28,[30,0,[\"lookKey\"]],[[30,1,[\"file\",\"id\"]]],null]],null],[4,[30,0,[\"cardContext\",\"cardComponentModifier\"]],null,[[\"cardId\",\"format\",\"fieldType\",\"fieldName\"],[[30,1,[\"file\",\"id\"]],\"data\",[27],[27]]]],[12],[1,\"\\n            \"],[8,[30,0,[\"slotCard\"]],null,[[\"@card\",\"@format\",\"@heightless\",\"@inline\"],[[30,1,[\"file\"]],[30,1,[\"format\"]],[30,1,[\"heightless\"]],[28,[32,1],[[30,1,[\"format\"]],\"atom\"],null]]],null],[1,\"\\n          \"],[13],[1,\"\\n\"]],[]],[[[1,\"          \"],[11,0],[16,0,[29,[\"markdown-bfm-card-slot markdown-bfm-card-slot--block\\n              \",[52,[30,1,[\"style\"]],\"markdown-bfm-card-slot--fitted\"]]]],[16,5,[30,1,[\"style\"]]],[24,\"data-test-markdown-bfm-block-file\",\"\"],[16,\"data-card-ref\",[30,1,[\"file\",\"id\"]]],[24,\"data-card-ref-kind\",\"file\"],[16,\"tabindex\",[52,[30,2],\"0\"]],[4,[32,2],[[28,[30,0,[\"lookKey\"]],[[30,1,[\"file\",\"id\"]]],null]],null],[4,[30,0,[\"cardContext\",\"cardComponentModifier\"]],null,[[\"cardId\",\"format\",\"fieldType\",\"fieldName\"],[[30,1,[\"file\",\"id\"]],\"data\",[27],[27]]]],[12],[1,\"\\n            \"],[8,[30,0,[\"slotCard\"]],null,[[\"@card\",\"@format\",\"@heightless\"],[[30,1,[\"file\"]],[30,1,[\"format\"]],[30,1,[\"heightless\"]]]],null],[1,\"\\n          \"],[13],[1,\"\\n\"]],[]]]],[]],[[[41,[28,[32,1],[[30,1,[\"kind\"]],\"inline\"],null],[[[1,\"        \"],[11,1],[16,0,[29,[\"markdown-bfm-card-slot\\n            \",[52,[28,[32,1],[[30,1,[\"format\"]],\"atom\"],null],\"markdown-bfm-card-slot--inline\",\"markdown-bfm-card-slot--inline-embed\"],\"\\n            \",[52,[30,1,[\"style\"]],\"markdown-bfm-card-slot--fitted\"]]]],[16,5,[30,1,[\"style\"]]],[24,\"data-test-markdown-bfm-inline-card\",\"\"],[16,\"data-card-ref\",[30,1,[\"card\",\"id\"]]],[24,\"data-card-ref-kind\",\"card\"],[16,\"tabindex\",[52,[30,2],\"0\"]],[4,[32,2],[[28,[30,0,[\"lookKey\"]],[[30,1,[\"card\",\"id\"]]],null]],null],[4,[30,0,[\"cardContext\",\"cardComponentModifier\"]],null,[[\"card\",\"format\",\"fieldType\",\"fieldName\"],[[30,1,[\"card\"]],\"data\",[27],[27]]]],[12],[1,\"\\n          \"],[8,[30,0,[\"slotCard\"]],null,[[\"@card\",\"@format\",\"@heightless\",\"@inline\"],[[30,1,[\"card\"]],[30,1,[\"format\"]],[30,1,[\"heightless\"]],[28,[32,1],[[30,1,[\"format\"]],\"atom\"],null]]],null],[1,\"\\n        \"],[13],[1,\"\\n\"]],[]],[[[1,\"        \"],[11,0],[16,0,[29,[\"markdown-bfm-card-slot markdown-bfm-card-slot--block\\n            \",[52,[30,1,[\"style\"]],\"markdown-bfm-card-slot--fitted\"]]]],[16,5,[30,1,[\"style\"]]],[24,\"data-test-markdown-bfm-block-card\",\"\"],[16,\"data-card-ref\",[30,1,[\"card\",\"id\"]]],[24,\"data-card-ref-kind\",\"card\"],[16,\"tabindex\",[52,[30,2],\"0\"]],[4,[32,2],[[28,[30,0,[\"lookKey\"]],[[30,1,[\"card\",\"id\"]]],null]],null],[4,[30,0,[\"cardContext\",\"cardComponentModifier\"]],null,[[\"card\",\"format\",\"fieldType\",\"fieldName\"],[[30,1,[\"card\"]],\"data\",[27],[27]]]],[12],[1,\"\\n          \"],[8,[30,0,[\"blockCard\"]],null,[[\"@card\",\"@format\",\"@heightless\"],[[30,1,[\"card\"]],[30,1,[\"format\"]],[30,1,[\"heightless\"]]]],null],[1,\"\\n        \"],[13],[1,\"\\n      \"]],[]]]],[]]]],[]],[[[41,[28,[32,1],[[30,1,[\"state\"]],\"loading\"],null],[[[41,[28,[32,1],[[30,1,[\"kind\"]],\"inline\"],null],[[[41,[28,[32,1],[[30,1,[\"format\"]],\"atom\"],null],[[[1,\"          \"],[10,1],[14,0,\"markdown-bfm-loading markdown-bfm-loading--inline\"],[14,\"aria-hidden\",\"true\"],[14,\"data-test-markdown-bfm-loading-inline\",\"\"],[12],[41,[30,3],[[[1,[28,[32,3],[[30,1,[\"url\"]]],null]]],[]],null],[13],[1,\"\\n\"]],[]],[[[1,\"          \"],[10,1],[15,0,[29,[\"markdown-bfm-loading markdown-bfm-loading--inline-embed markdown-bfm-loading--\",[30,1,[\"format\"]]]]],[15,5,[30,1,[\"style\"]]],[14,\"aria-hidden\",\"true\"],[14,\"data-test-markdown-bfm-loading-inline\",\"\"],[12],[13],[1,\"\\n\"]],[]]]],[]],[[[1,\"        \"],[10,0],[15,0,[29,[\"markdown-bfm-loading markdown-bfm-loading--block markdown-bfm-loading--\",[30,1,[\"format\"]]]]],[15,5,[30,1,[\"style\"]]],[14,\"aria-hidden\",\"true\"],[14,\"data-test-markdown-bfm-loading-block\",\"\"],[12],[13],[1,\"\\n\"]],[]]]],[]],[[[41,[28,[32,1],[[30,1,[\"kind\"]],\"inline\"],null],[[[41,[28,[32,1],[[30,1,[\"format\"]],\"atom\"],null],[[[1,\"          \"],[10,1],[14,0,\"markdown-bfm-broken markdown-bfm-broken--inline\"],[15,\"title\",[30,1,[\"url\"]]],[14,\"data-test-markdown-bfm-unresolved-inline\",\"\"],[12],[1,\"\\n            \"],[10,1],[14,0,\"markdown-bfm-broken-label\"],[12],[1,\"\\n              \"],[8,[32,4],[[24,\"width\",\"12\"],[24,\"height\",\"12\"]],null,null],[1,\"\\n              \"],[1,[30,1,[\"typeName\"]]],[1,\"\\n            \"],[13],[1,\"\\n          \"],[13],[1,\"\\n\"]],[]],[[[1,\"          \"],[10,1],[15,0,[29,[\"markdown-bfm-broken markdown-bfm-broken--inline-embed markdown-bfm-broken--\",[30,1,[\"format\"]]]]],[15,5,[30,1,[\"style\"]]],[15,\"title\",[30,1,[\"url\"]]],[14,\"data-test-markdown-bfm-unresolved-inline\",\"\"],[12],[1,\"\\n            \"],[10,1],[14,0,\"markdown-bfm-broken-label\"],[12],[1,\"\\n              \"],[8,[32,4],[[24,\"width\",\"14\"],[24,\"height\",\"14\"]],null,null],[1,\"\\n              \"],[1,[30,1,[\"typeName\"]]],[1,\"\\n            \"],[13],[1,\"\\n          \"],[13],[1,\"\\n\"]],[]]]],[]],[[[1,\"        \"],[10,0],[15,0,[29,[\"markdown-bfm-broken markdown-bfm-broken--block markdown-bfm-broken--\",[30,1,[\"format\"]]]]],[15,5,[30,1,[\"style\"]]],[15,\"title\",[30,1,[\"url\"]]],[14,\"data-test-markdown-bfm-unresolved-block\",\"\"],[12],[1,\"\\n          \"],[10,1],[14,0,\"markdown-bfm-broken-label\"],[12],[1,\"\\n            \"],[8,[32,4],[[24,\"width\",\"14\"],[24,\"height\",\"14\"]],null,null],[1,\"\\n            \"],[1,[30,1,[\"typeName\"]]],[1,\"\\n          \"],[13],[1,\"\\n        \"],[13],[1,\"\\n\"]],[]]],[1,\"    \"]],[]]]],[]]]],[]],\"%cursor:0%\",[28,[31,3],[[30,1,[\"element\"]]],null],null]],[1]],null]],[\"slot\",\"@lookKeyPrefix\",\"@loadingLabels\"],[\"each\",\"-track-array\",\"in-element\",\"-in-el-null\",\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/host/app/components/operator-mode/preview-panel/rendered-markdown.gts",
+			"scope": () => [
+				MarkdownContentShell,
+				eq,
+				beacon,
+				cardRefLabel,
+				IconComponent
+			],
+			"isStrictMode": true
+		}), this);
+	}
+};
+//#endregion
+export { RenderedMarkdown as t };