@cardstack/boxel-cli 0.9.0 → 0.10.0-unstable.0

package/bundled-test-harness/assets/markdown-fallback-test-C_CIFEzH.js

@@ -0,0 +1,316 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.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 } from "./dist-BOAdzfkP.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { lt as setupRenderingTest, p as cleanWhiteSpace } from "./mock-matrix-DPQ0j2MD.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { A as field, a as CardDef, l as FieldDef, s as Component, w as contains } from "./card-api-Dzje0smT.js";
+import { t as string_default } from "./string-BHZZwNlZ.js";
+import { t as renderCard } from "./render-component-B15Z0e2v.js";
+//#region tests/integration/components/ac0eea6d8d.css
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+//#endregion
+//#region tests/integration/components/markdown-fallback-test.gts
+async function renderAndConvert(loader, card) {
+	await renderCard(loader, card, "markdown");
+	await settled();
+}
+function readMarkdownOutput() {
+	return cleanWhiteSpace(document.querySelector("[data-markdown-output]")?.textContent ?? "");
+}
+(0, import_qunit.module)("Integration | markdown-fallback", function(hooks) {
+	setupRenderingTest(hooks);
+	let loader;
+	hooks.beforeEach(function() {
+		loader = getService("loader-service").loader;
+	});
+	(0, import_qunit.test)("CardDef default fallback converts HTML headings to ATX markdown", async function(assert) {
+		class Article extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "title", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#title = (initializeDeferredDecorator(this, "title"), void 0);
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "UDXomx4r",
+						"block": "[[[10,\"h1\"],[12],[1,[30,1,[\"title\"]]],[13],[1,\"\\n\"],[10,\"h2\"],[12],[1,\"Subtitle\"],[13],[1,\"\\n\"],[10,2],[12],[1,\"Body paragraph.\"],[13]],[\"@model\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new Article({ title: "Hello" });
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes("# Hello"), `expected '# Hello' in: ${md}`);
+		assert.true(md.includes("## Subtitle"), `expected '## Subtitle' in: ${md}`);
+		assert.true(md.includes("Body paragraph."), `expected 'Body paragraph.' in: ${md}`);
+	});
+	(0, import_qunit.test)("CardDef default fallback converts unordered & ordered lists", async function(assert) {
+		class List extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "H5/D44+B",
+						"block": "[[[10,\"ul\"],[12],[1,\"\\n  \"],[10,\"li\"],[12],[1,\"alpha\"],[13],[1,\"\\n  \"],[10,\"li\"],[12],[1,\"beta\"],[13],[1,\"\\n\"],[13],[1,\"\\n\"],[10,\"ol\"],[12],[1,\"\\n  \"],[10,\"li\"],[12],[1,\"one\"],[13],[1,\"\\n  \"],[10,\"li\"],[12],[1,\"two\"],[13],[1,\"\\n\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new List();
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes("- alpha"), `expected '- alpha' in: ${md}`);
+		assert.true(md.includes("- beta"), `expected '- beta' in: ${md}`);
+		assert.true(md.includes("1. one"), `expected '1. one' in: ${md}`);
+		assert.true(md.includes("2. two"), `expected '2. two' in: ${md}`);
+	});
+	(0, import_qunit.test)("CardDef default fallback converts links and inline code", async function(assert) {
+		class Link extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "MYW7D0iQ",
+						"block": "[[[10,2],[12],[1,\"See\\n  \"],[10,3],[14,6,\"https://example.com\"],[12],[1,\"example\"],[13],[1,\"\\n  and use\\n  \"],[10,\"code\"],[12],[1,\"npm install\"],[13],[1,\".\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new Link();
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes("[example](https://example.com)"), `expected inlined link in: ${md}`);
+		assert.true(md.includes("`npm install`"), `expected backtick inline code in: ${md}`);
+	});
+	(0, import_qunit.test)("CardDef default fallback collapses whitespace in link text from nested elements", async function(assert) {
+		class ContactCard extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "XGUSl5Y+",
+						"block": "[[[10,3],[14,6,\"mailto:alice@example.com\"],[12],[1,\"\\n  \"],[10,1],[14,0,\"icon\"],[12],[1,\"📧\"],[13],[1,\"\\n  Contact\\n\"],[13],[1,\"\\n\"],[10,3],[14,6,\"https://x.com/alice\"],[12],[1,\"\\n  \"],[10,1],[14,0,\"icon\"],[12],[1,\"🐦\"],[13],[1,\"\\n  Follow\\n\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new ContactCard();
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes("[📧 Contact](mailto:alice@example.com)"), `expected collapsed link text in: ${md}`);
+		assert.true(md.includes("[🐦 Follow](https://x.com/alice)"), `expected collapsed follow link in: ${md}`);
+	});
+	(0, import_qunit.test)("CardDef default fallback converts <pre><code> to fenced code blocks", async function(assert) {
+		class Snippet extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "PBL0zshW",
+						"block": "[[[10,\"pre\"],[12],[10,\"code\"],[14,0,\"language-js\"],[12],[1,\"let x = 1;\"],[13],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new Snippet();
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes("```"), `expected fenced code in: ${md}`);
+		assert.true(md.includes("let x = 1;"), `expected code body in: ${md}`);
+	});
+	(0, import_qunit.test)("CardDef subclass override of `static markdown` wins over the fallback", async function(assert) {
+		class Custom extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "title", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#title = (initializeDeferredDecorator(this, "title"), void 0);
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "CH5X7zW9",
+						"block": "[[[10,\"h1\"],[12],[1,\"HTML title would convert to # but should NOT be used\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+			static markdown = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "li/a+Vpw",
+						"block": "[[[1,\"# \"],[1,[30,1,[\"title\"]]],[1,\" (authored)\"]],[\"@model\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new Custom({ title: "Override" });
+		await renderCard(loader, card, "markdown");
+		assert.dom("[data-markdown-fallback-source]").doesNotExist("fallback source container should not render");
+		assert.dom("[data-markdown-output]").doesNotExist("fallback output container should not render");
+		let text = cleanWhiteSpace(this.element.textContent ?? "");
+		assert.strictEqual(text, "# Override (authored)");
+	});
+	(0, import_qunit.test)("FieldDef default fallback converts the embedded template to markdown", async function(assert) {
+		class Greeting extends FieldDef {
+			static {
+				decorateFieldV2(this.prototype, "name", [field], function() {
+					return contains(string_default);
+				});
+			}
+			#name = (initializeDeferredDecorator(this, "name"), void 0);
+			static embedded = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "2pTqNitE",
+						"block": "[[[10,\"strong\"],[12],[1,\"Hello, \"],[1,[30,1,[\"name\"]]],[1,\"!\"],[13]],[\"@model\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		class Wrapper extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "greeting", [field], function() {
+					return contains(Greeting);
+				});
+			}
+			#greeting = (initializeDeferredDecorator(this, "greeting"), void 0);
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "eWHQ6W2G",
+						"block": "[[[8,[30,1,[\"greeting\"]],null,[[\"@format\"],[\"markdown\"]],null]],[\"@fields\"],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new Wrapper({ greeting: new Greeting({ name: "World" }) });
+		await renderCard(loader, card, "isolated");
+		await settled();
+		let md = readMarkdownOutput();
+		assert.true(md.includes("**Hello, World!**"), `expected bolded greeting in: ${md}`);
+	});
+	(0, import_qunit.test)("default fallback exposes data-markdown-output for prerender capture", async function(assert) {
+		class Simple extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "O+vasQvg",
+						"block": "[[[10,2],[12],[1,\"plain text\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new Simple();
+		await renderAndConvert(loader, card);
+		assert.dom("[data-markdown-output]").exists("the prerender textContent target is present");
+		assert.dom("[data-markdown-fallback-source]").exists("hidden source container is present for the modifier to read");
+	});
+	(0, import_qunit.test)("default fallback strips style and script elements from markdown output", async function(assert) {
+		class StyledCard extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "wwIkDqXo",
+						"block": "[[[1,\"\\n\"],[10,2],[14,\"data-scopedcss-db7887f710-7ac31a851a\",\"\"],[12],[1,\"visible content\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new StyledCard();
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes("visible content"), `expected visible content in: ${md}`);
+		assert.false(md.includes(".foo"), `CSS should be stripped from markdown: ${md}`);
+		assert.false(md.includes("color: red"), `CSS rules should be stripped from markdown: ${md}`);
+	});
+	(0, import_qunit.test)("atom-format card container converts to inline :card directive", async function(assert) {
+		const cardId = "http://example.com/author/1";
+		class WithAtomCard extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "KOdb24N5",
+						"block": "[[[10,2],[12],[1,\"Written by\\n  \"],[10,0],[14,0,\"boxel-card-container atom-format\"],[15,\"data-boxel-card-id\",[32,0]],[14,\"data-boxel-card-format\",\"atom\"],[12],[1,\"\\n    \"],[10,1],[12],[1,\"Author Name\"],[13],[1,\"\\n  \"],[13],[1,\"\\n\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"scope": () => [cardId],
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new WithAtomCard();
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes(`:card[${cardId}]`), `expected inline :card directive in: ${md}`);
+		assert.false(md.includes("Author Name"), `card container inner content should not appear in: ${md}`);
+	});
+	(0, import_qunit.test)("embedded-format card container converts to block ::card directive", async function(assert) {
+		const cardId = "http://example.com/article/42";
+		class WithEmbeddedCard extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "WrGT26vV",
+						"block": "[[[10,\"h1\"],[12],[1,\"Summary\"],[13],[1,\"\\n\"],[10,0],[14,0,\"boxel-card-container embedded-format\"],[15,\"data-boxel-card-id\",[32,0]],[14,\"data-boxel-card-format\",\"embedded\"],[12],[1,\"\\n  \"],[10,\"h2\"],[12],[1,\"Embedded Article Title\"],[13],[1,\"\\n  \"],[10,2],[12],[1,\"Some preview text\"],[13],[1,\"\\n\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"scope": () => [cardId],
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new WithEmbeddedCard();
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes(`::card[${cardId}]`), `expected block ::card directive in: ${md}`);
+		assert.false(md.includes("Embedded Article Title"), `card container inner content should not appear in: ${md}`);
+	});
+	(0, import_qunit.test)("fitted-format card container converts to block ::card directive", async function(assert) {
+		const cardId = "http://example.com/person/7";
+		class WithFittedCard extends CardDef {
+			static isolated = class extends Component {
+				static {
+					setComponentTemplate(templateFactory({
+						"id": "GXyJaGAr",
+						"block": "[[[10,0],[14,0,\"boxel-card-container fitted-format\"],[15,\"data-boxel-card-id\",[32,0]],[14,\"data-boxel-card-format\",\"fitted\"],[12],[1,\"\\n  \"],[10,1],[12],[1,\"Person Name\"],[13],[1,\"\\n\"],[13]],[],[]]",
+						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/markdown-fallback-test.gts",
+						"scope": () => [cardId],
+						"isStrictMode": true
+					}), this);
+				}
+			};
+		}
+		let card = new WithFittedCard();
+		await renderAndConvert(loader, card);
+		let md = readMarkdownOutput();
+		assert.true(md.includes(`::card[${cardId}]`), `expected block ::card directive in: ${md}`);
+		assert.false(md.includes("Person Name"), `card container inner content should not appear in: ${md}`);
+	});
+});
+//#endregion

package/bundled-test-harness/assets/markdown-highlighting-test-D6YvywF5.js

@@ -0,0 +1,244 @@
+import { s as __toESM } from "./chunk-Rp0pCe6z.js";
+import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import { o as waitFor } from "./dist-BOAdzfkP.js";
+import { t as require_qunit } from "./qunit-C-Foo4Nd.js";
+import { lt as setupRenderingTest } from "./mock-matrix-DPQ0j2MD.js";
+import { r as getService } from "./dist-CPfIHBla.js";
+import { A as field, a as CardDef, p as MarkdownField, w as contains } from "./card-api-Dzje0smT.js";
+import "./markdown-ByEGbwov.js";
+import { t as renderCard } from "./render-component-B15Z0e2v.js";
+//#region tests/integration/components/markdown-highlighting-test.gts
+var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
+function createMonacoStub() {
+	let supportedLanguages = new Set(["typescript"]);
+	return {
+		Uri: { parse(value) {
+			return { toString() {
+				return value;
+			} };
+		} },
+		languages: {
+			getLanguages() {
+				return [{
+					id: "typescript",
+					aliases: ["ts"],
+					loader: async () => {}
+				}];
+			},
+			getEncodedLanguageId(id) {
+				return supportedLanguages.has(id.toLowerCase()) ? 1 : 0;
+			},
+			onLanguage(id, cb) {
+				if (supportedLanguages.has(id.toLowerCase())) cb();
+				return { dispose() {} };
+			},
+			TokenizationRegistry: {
+				async getOrCreate(_id) {},
+				get() {}
+			},
+			typescript: {
+				async getTypeScriptWorker() {
+					return async () => ({});
+				},
+				async getJavaScriptWorker() {
+					return async () => ({});
+				}
+			}
+		},
+		editor: {
+			createModel(code, language = "") {
+				let lines = code.split("\n");
+				return {
+					_lines: lines,
+					_language: language,
+					getLineCount() {
+						return lines.length;
+					},
+					dispose() {}
+				};
+			},
+			colorizeModelLine(model, lineNumber) {
+				let line = model._lines[lineNumber - 1] ?? "";
+				return `<span class="${supportedLanguages.has(model._language.toLowerCase()) ? "mtk2" : "mtk1"}">${line}</span>`;
+			},
+			async colorize() {
+				return "";
+			}
+		}
+	};
+}
+(0, import_qunit.module)("Integration | markdown highlighting error scenarios", function(hooks) {
+	setupRenderingTest(hooks);
+	let loader;
+	let originalLoader;
+	hooks.beforeEach(function() {
+		loader = getService("loader-service").loader;
+		originalLoader = globalThis.__loadMonacoForMarkdown;
+	});
+	hooks.afterEach(function() {
+		globalThis.__loadMonacoForMarkdown = originalLoader;
+	});
+	(0, import_qunit.test)("handles undefined __loadMonacoForMarkdown gracefully", async function(assert) {
+		class Doc extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "body", [field], function() {
+					return contains(MarkdownField);
+				});
+			}
+			#body = (initializeDeferredDecorator(this, "body"), void 0);
+		}
+		let doc = new Doc({ body: [
+			"```typescript",
+			"const x = 1;",
+			"```"
+		].join("\n") });
+		delete globalThis.__loadMonacoForMarkdown;
+		await renderCard(loader, doc, "isolated");
+		assert.dom(".markdown-content").exists("container renders without Monaco");
+		assert.dom("pre[data-code-language=\"typescript\"]").exists("code blocks render without Monaco highlighting");
+	});
+	(0, import_qunit.test)("handles Monaco load returning an unusable editor", async function(assert) {
+		class Doc extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "body", [field], function() {
+					return contains(MarkdownField);
+				});
+			}
+			#body = (initializeDeferredDecorator(this, "body"), void 0);
+		}
+		let doc = new Doc({ body: [
+			"```typescript",
+			"const x = 1;",
+			"```"
+		].join("\n") });
+		globalThis.__loadMonacoForMarkdown = async () => {
+			let stub = createMonacoStub();
+			stub.editor.colorizeModelLine = void 0;
+			return stub;
+		};
+		await renderCard(loader, doc, "isolated");
+		await waitFor("pre[data-code-language=\"typescript\"]");
+		assert.dom("pre[data-code-language=\"typescript\"]").exists("pre element renders when Monaco editor is unusable");
+	});
+	(0, import_qunit.test)("handles missing languages.getLanguages method", async function(assert) {
+		class Doc extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "body", [field], function() {
+					return contains(MarkdownField);
+				});
+			}
+			#body = (initializeDeferredDecorator(this, "body"), void 0);
+		}
+		let doc = new Doc({ body: [
+			"```typescript",
+			"const x = 1;",
+			"```"
+		].join("\n") });
+		globalThis.__loadMonacoForMarkdown = async () => {
+			let stub = createMonacoStub();
+			stub.languages.getLanguages = () => [];
+			return stub;
+		};
+		await renderCard(loader, doc, "isolated");
+		assert.dom("pre[data-code-language=\"typescript\"]").exists("pre element renders with empty languages");
+	});
+	(0, import_qunit.test)("handles missing onLanguage callback", async function(assert) {
+		class Doc extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "body", [field], function() {
+					return contains(MarkdownField);
+				});
+			}
+			#body = (initializeDeferredDecorator(this, "body"), void 0);
+		}
+		let doc = new Doc({ body: [
+			"```typescript",
+			"const x = 1;",
+			"```"
+		].join("\n") });
+		globalThis.__loadMonacoForMarkdown = async () => {
+			let stub = createMonacoStub();
+			stub.languages.onLanguage = () => {
+				throw new Error("onLanguage failed");
+			};
+			return stub;
+		};
+		await renderCard(loader, doc, "isolated");
+		await waitFor("pre[data-code-language=\"typescript\"]");
+		assert.dom("pre[data-code-language=\"typescript\"]").exists("pre element renders despite onLanguage failure");
+	});
+	(0, import_qunit.test)("handles TokenizationRegistry.getOrCreate failure", async function(assert) {
+		class Doc extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "body", [field], function() {
+					return contains(MarkdownField);
+				});
+			}
+			#body = (initializeDeferredDecorator(this, "body"), void 0);
+		}
+		let doc = new Doc({ body: [
+			"```typescript",
+			"const x = 1;",
+			"```"
+		].join("\n") });
+		globalThis.__loadMonacoForMarkdown = async () => {
+			let stub = createMonacoStub();
+			stub.languages.TokenizationRegistry.getOrCreate = async () => {
+				throw new Error("Tokenization failed");
+			};
+			return stub;
+		};
+		await renderCard(loader, doc, "isolated");
+		await waitFor("pre[data-code-language=\"typescript\"]");
+		assert.dom("pre[data-code-language=\"typescript\"]").exists("pre element renders despite tokenization failure");
+	});
+	(0, import_qunit.test)("handles colorizeModelLine throwing error", async function(assert) {
+		class Doc extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "body", [field], function() {
+					return contains(MarkdownField);
+				});
+			}
+			#body = (initializeDeferredDecorator(this, "body"), void 0);
+		}
+		let doc = new Doc({ body: [
+			"```typescript",
+			"const x = 1;",
+			"```"
+		].join("\n") });
+		globalThis.__loadMonacoForMarkdown = async () => {
+			let stub = createMonacoStub();
+			stub.editor.colorizeModelLine = () => {
+				throw new Error("Colorization failed");
+			};
+			return stub;
+		};
+		await renderCard(loader, doc, "isolated");
+		await waitFor("pre[data-code-language=\"typescript\"]");
+		assert.dom("pre[data-code-language=\"typescript\"]").exists("pre element renders despite colorization failure");
+	});
+	(0, import_qunit.test)("handles missing editor.createModel method", async function(assert) {
+		class Doc extends CardDef {
+			static {
+				decorateFieldV2(this.prototype, "body", [field], function() {
+					return contains(MarkdownField);
+				});
+			}
+			#body = (initializeDeferredDecorator(this, "body"), void 0);
+		}
+		let doc = new Doc({ body: [
+			"```typescript",
+			"const x = 1;",
+			"```"
+		].join("\n") });
+		globalThis.__loadMonacoForMarkdown = async () => {
+			let stub = createMonacoStub();
+			stub.editor.createModel = void 0;
+			return stub;
+		};
+		await renderCard(loader, doc, "isolated");
+		await waitFor("pre[data-code-language=\"typescript\"]");
+		assert.dom("pre[data-code-language=\"typescript\"]").exists("pre element renders with missing createModel");
+	});
+});
+//#endregion

package/bundled-test-harness/assets/markdown-preview-1TSMSUv0.js

@@ -0,0 +1,64 @@
+import "./chunk-Rp0pCe6z.js";
+import { n as decorateMethodV2 } from "./runtime--fcdnjmJ-BoCBNIsz.js";
+import "./runtime-common-ClpqhbwG.js";
+import { y as isValidFormat } from "./bfm-card-references-BplcpB1X.js";
+import { wt as setComponentTemplate } from "./cache-DtDz7X5V-Wn8jRDfL.js";
+import { H as templateFactory, m as htmlSafe } from "./index-DaCZcoCY-CgzbilMy.js";
+import { t as cached } from "./tracking-CNiq91Pk.js";
+import "./component-BJO47HTh.js";
+import { t as Component } from "./dist-CkA1rgqO.js";
+import "./template-factory-ds9s0u8l.js";
+import "./template-C81fYDrq.js";
+import { a as markdownToHtml } from "./marked-sync-CdAo2KQA.js";
+import { ot as MarkDownTemplate } from "./card-api-Dzje0smT.js";
+import { c as ensureFileViewModel } from "./file-view-model-BhwI8CDL.js";
+//#region ../base/file-formats/markdown-preview.gts
+var MarkdownPreview = class extends Component {
+	get format() {
+		return this.args.format ?? "embedded";
+	}
+	get displayContainer() {
+		return this.args.displayContainer ?? true;
+	}
+	get formatClass() {
+		return isValidFormat(this.format) ? `md-preview--${this.format}` : void 0;
+	}
+	get model() {
+		return ensureFileViewModel(this.args.model, this.format);
+	}
+	static {
+		decorateMethodV2(this.prototype, "model", [cached]);
+	}
+	get source() {
+		return this.model.source;
+	}
+	get content() {
+		if (this.isFitted) return this.model.contentPreview ?? "";
+		return String(this.source?.content ?? "");
+	}
+	get hasContent() {
+		return Boolean(this.content.trim());
+	}
+	get isFitted() {
+		return this.format === "fitted";
+	}
+	get snippetHtml() {
+		return htmlSafe(markdownToHtml(this.model.contentPreview ?? ""));
+	}
+	static {
+		setComponentTemplate(templateFactory({
+			"id": "NIwOmCVh",
+			"block": "[[[41,[30,0,[\"isFitted\"]],[[[1,\"  \"],[10,0],[15,0,[29,[\"md-preview--fitted \",[52,[30,0,[\"displayContainer\"]],\"md-preview\"]]]],[15,\"data-mode\",[30,0,[\"format\"]]],[14,\"data-test-markdown-preview\",\"\"],[14,\"data-scopedcss-66adf90076-970f30b83a\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"hasContent\"]],[[[1,\"      \"],[10,0],[14,0,\"md-snippet\"],[14,\"data-scopedcss-66adf90076-970f30b83a\",\"\"],[12],[1,[30,0,[\"snippetHtml\"]]],[13],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,2],[14,0,\"md-preview__empty\"],[14,\"data-scopedcss-66adf90076-970f30b83a\",\"\"],[12],[1,\"No content\"],[13],[1,\"\\n\"]],[]]],[1,\"  \"],[13],[1,\"\\n\"]],[]],[[[1,\"  \"],[10,0],[15,0,[29,[[52,[30,0,[\"displayContainer\"]],\"md-preview md-preview--full\"],\"\\n      \",[30,0,[\"formatClass\"]]]]],[15,\"data-mode\",[30,0,[\"format\"]]],[14,\"data-test-markdown-preview\",\"\"],[14,\"data-scopedcss-66adf90076-970f30b83a\",\"\"],[12],[1,\"\\n\"],[41,[30,0,[\"hasContent\"]],[[[1,\"      \"],[8,[32,0],[[24,\"data-scopedcss-66adf90076-970f30b83a\",\"\"]],[[\"@content\",\"@linkedCards\",\"@linkedFiles\",\"@cardReferenceBaseUrl\"],[[30,0,[\"content\"]],[30,0,[\"source\",\"linkedCards\"]],[30,0,[\"source\",\"linkedFiles\"]],[30,0,[\"source\",\"id\"]]]],null],[1,\"\\n\"]],[]],[[[1,\"      \"],[10,2],[14,0,\"md-preview__empty\"],[14,\"data-scopedcss-66adf90076-970f30b83a\",\"\"],[12],[1,\"No content\"],[13],[1,\"\\n\"]],[]]],[1,\"  \"],[13],[1,\"\\n\"]],[]]]],[],[\"if\"]]",
+			"moduleName": "/home/runner/work/boxel/boxel/packages/base/file-formats/markdown-preview.gts",
+			"scope": () => [MarkDownTemplate],
+			"isStrictMode": true
+		}), this);
+	}
+};
+(globalThis.__boxelBundledBaseScopedCSS ??= {})["file-formats/markdown-preview"] = {
+	"css": ["./markdown-preview.gts.CiAgQGxheWVyIGJhc2VDb21wb25lbnQgewogICAgLm1kLXByZXZpZXdbZGF0YS1zY29wZWRjc3MtNjZhZGY5MDA3Ni05NzBmMzBiODNhXSB7CiAgICAgIHdpZHRoOiAxMDAlOwogICAgICBoZWlnaHQ6IDEwMCU7CiAgICAgIG1pbi1oZWlnaHQ6IDA7CiAgICAgIG92ZXJmbG93OiBhdXRvOwogICAgICBiYWNrZ3JvdW5kOiB2YXIoLS1tZC1wcmV2aWV3LWJhY2tncm91bmQsIHZhcigtLWNhcmQpKTsKICAgICAgY29sb3I6IHZhcigtLW1kLXByZXZpZXctZm9yZWdyb3VuZCwgdmFyKC0tY2FyZC1mb3JlZ3JvdW5kKSk7CiAgICAgIHRleHQtYWxpZ246IGxlZnQ7CiAgICB9CiAgICAubWQtcHJldmlldy0tZnVsbFtkYXRhLXNjb3BlZGNzcy02NmFkZjkwMDc2LTk3MGYzMGI4M2FdIHsKICAgICAgcGFkZGluZzogdmFyKC0tbWQtcHJldmlldy1wYWRkaW5nLCB2YXIoLS1ib3hlbC1zcC1sZykpOwogICAgfQogICAgLm1kLXByZXZpZXdfX2VtcHR5W2RhdGEtc2NvcGVkY3NzLTY2YWRmOTAwNzYtOTcwZjMwYjgzYV0gewogICAgICBtYXJnaW46IDA7CiAgICAgIHBhZGRpbmc6IHZhcigtLWJveGVsLXNwKTsKICAgICAgY29sb3I6IHZhcigtLW11dGVkLWZvcmVncm91bmQpOwogICAgICBmb250LXNpemU6IHZhcigtLWJveGVsLWZvbnQtc2l6ZS1zbSk7CiAgICB9CgogICAgLyogRml0dGVkOiBhIGdsYW5jZWFibGUgbWluaS1wYWdlLiBSZW5kZXJlZCwgYnV0IHdpdGggaXRzIG93biBjb21wYWN0IHR5cGUKICAgICBzY2FsZSBhbmQgYSBmYWRlIHNvIHRoZSBjbGlwIHJlYWRzIGFzICJtb3JlIGJlbG93Ii4gKi8KICAgIC5tZC1wcmV2aWV3LS1maXR0ZWRbZGF0YS1zY29wZWRjc3MtNjZhZGY5MDA3Ni05NzBmMzBiODNhXSB7CiAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICAgIHBhZGRpbmc6IHZhcigtLWJveGVsLXNwLXhzKSB2YXIoLS1ib3hlbC1zcC1zbSk7CiAgICAgIC13ZWJraXQtbWFzay1pbWFnZTogbGluZWFyLWdyYWRpZW50KAogICAgICAgIHRvIGJvdHRvbSwKICAgICAgICBibGFjayA3NCUsCiAgICAgICAgdHJhbnNwYXJlbnQKICAgICAgKTsKICAgICAgbWFzay1pbWFnZTogbGluZWFyLWdyYWRpZW50KHRvIGJvdHRvbSwgYmxhY2sgNzQlLCB0cmFuc3BhcmVudCk7CiAgICB9CiAgICAubWQtc25pcHBldFtkYXRhLXNjb3BlZGNzcy02NmFkZjkwMDc2LTk3MGYzMGI4M2FdIHsKICAgICAgZm9udC1zaXplOiAwLjY4NzVyZW07CiAgICAgIGxpbmUtaGVpZ2h0OiAxLjU7CiAgICB9CiAgICAubWQtc25pcHBldFtkYXRhLXNjb3BlZGNzcy02NmFkZjkwMDc2LTk3MGYzMGI4M2FdIGgxLAogICAgLm1kLXNuaXBwZXRbZGF0YS1zY29wZWRjc3MtNjZhZGY5MDA3Ni05NzBmMzBiODNhXSBoMiwKICAgIC5tZC1zbmlwcGV0W2RhdGEtc2NvcGVkY3NzLTY2YWRmOTAwNzYtOTcwZjMwYjgzYV0gaDMsCiAgICAubWQtc25pcHBldFtkYXRhLXNjb3BlZGNzcy02NmFkZjkwMDc2LTk3MGYzMGI4M2FdIGg0IHsKICAgICAgZm9udC13ZWlnaHQ6IDcwMDsKICAgICAgZm9udC1zaXplOiAwLjgxMjVyZW07CiAgICAgIG1hcmdpbjogMCAwIDAuMjVlbTsKICAgICAgbGluZS1oZWlnaHQ6IDEuMjU7CiAgICB9CiAgICAubWQtc25pcHBldFtkYXRhLXNjb3BlZGNzcy02NmFkZjkwMDc2LTk3MGYzMGI4M2FdIHAsCiAgICAubWQtc25pcHBldFtkYXRhLXNjb3BlZGNzcy02NmFkZjkwMDc2LTk3MGYzMGI4M2FdIHVsLAogICAgLm1kLXNuaXBwZXRbZGF0YS1zY29wZWRjc3MtNjZhZGY5MDA3Ni05NzBmMzBiODNhXSBvbCB7CiAgICAgIG1hcmdpbjogMCAwIDAuNWVtOwogICAgfQogICAgLm1kLXNuaXBwZXRbZGF0YS1zY29wZWRjc3MtNjZhZGY5MDA3Ni05NzBmMzBiODNhXSB1bCwKICAgIC5tZC1zbmlwcGV0W2RhdGEtc2NvcGVkY3NzLTY2YWRmOTAwNzYtOTcwZjMwYjgzYV0gb2wgewogICAgICBwYWRkaW5nLWxlZnQ6IDEuMmVtOwogICAgfQogICAgLm1kLXNuaXBwZXRbZGF0YS1zY29wZWRjc3MtNjZhZGY5MDA3Ni05NzBmMzBiODNhXSBwcmUsCiAgICAubWQtc25pcHBldFtkYXRhLXNjb3BlZGNzcy02NmFkZjkwMDc2LTk3MGYzMGI4M2FdIGNvZGUgewogICAgICBmb250LWZhbWlseTogdmFyKC0tZm9udC1tb25vLCBtb25vc3BhY2UpOwogICAgICBmb250LXNpemU6IDAuNjI1cmVtOwogICAgfQogICAgLm1kLXNuaXBwZXRbZGF0YS1zY29wZWRjc3MtNjZhZGY5MDA3Ni05NzBmMzBiODNhXSBwcmUgewogICAgICB3aGl0ZS1zcGFjZTogcHJlLXdyYXA7CiAgICAgIG92ZXJmbG93OiBoaWRkZW47CiAgICB9CiAgICAubWQtc25pcHBldFtkYXRhLXNjb3BlZGNzcy02NmFkZjkwMDc2LTk3MGYzMGI4M2FdIGltZyB7CiAgICAgIG1heC13aWR0aDogMTAwJTsKICAgIH0KICB9Cg%3D%3D.glimmer-scoped.css"],
+	"imports": ["default-templates/markdown", "file-formats/file-view-model"]
+};
+(globalThis.__boxelBundledBaseIdentities ??= {})["file-formats/markdown-preview"] = { "MarkdownPreview": MarkdownPreview };
+//#endregion
+export { MarkdownPreview };