@cardstack/boxel-cli 0.3.2-unstable.58 → 0.3.2-unstable.60

package/bundled-test-harness/assets/codeblocks-test-3zAp0_GA.js

@@ -1,492 +0,0 @@
-import { s as __toESM } from "./chunk-CGdGNDIi.js";
-import { r as initializeDeferredDecorator, t as decorateFieldV2 } from "./runtime-CYyqkz5q-z3Y1hsJm.js";
-import { On as APP_BOXEL_MESSAGE_MSGTYPE, Zn as testRealmURL, di as SEARCH_MARKER, fi as SEPARATOR_MARKER, li as REPLACE_MARKER, vi as baseRealm } from "./runtime-common-C7uLt5dN.js";
-import { $n as setComponentTemplate } from "./service-DJ87xpDt.js";
-import { V as templateFactory } from "./index-DaCZcoCY-D2gI_aMw.js";
-import { o as Component } from "./dist-CXaz7pMY.js";
-import "./template-D3TMIrc1.js";
-import "./template-factory-DMEv2kVd.js";
-import { t as OperatorModeContainer } from "./container-D8y7fmir.js";
-import { A as settled, I as waitUntil, d as click, o as waitFor } from "./dist-D1U_uSwt.js";
-import { t as require_qunit } from "./qunit-2hoQyeAZ.js";
-import { r as getService } from "./dist-BfNSLd0O.js";
-import { A as setupIntegrationTestRealm, M as setupOnSave, O as setupCardLogs, b as getMonacoContent, dt as percySnapshot, et as setupOperatorModeStateCleanup, j as setupLocalIndexing, rt as setupRenderingTest, t as setupMockMatrix, w as realmConfigCardJSON } from "./mock-matrix-DqDbNhEj.js";
-import { G as contains, I as StringField, Q as field, a as CardDef, b as FieldDef, d as Component$1, mt as setupBaseRealm } from "./base-realm-43wjttN2.js";
-import { n as renderComponent } from "./render-component-g_fhz2dX.js";
-//#region tests/integration/components/ai-assistant-panel/codeblocks-test.gts
-var import_qunit = /* @__PURE__ */ __toESM(require_qunit());
-(0, import_qunit.module)("Integration | ai-assistant-panel | codeblocks", function(hooks) {
-	const realmName = "Operator Mode Workspace";
-	let loader;
-	let operatorModeStateService;
-	setupRenderingTest(hooks);
-	setupOperatorModeStateCleanup(hooks);
-	setupBaseRealm(hooks);
-	hooks.beforeEach(function() {
-		loader = getService("loader-service").loader;
-	});
-	setupLocalIndexing(hooks);
-	setupOnSave(hooks);
-	setupCardLogs(hooks, async () => await loader.import(`${baseRealm.url}card-api`));
-	let mockMatrixUtils = setupMockMatrix(hooks, {
-		loggedInAs: "@testuser:localhost",
-		activeRealms: [testRealmURL],
-		autostart: true,
-		now: (() => {
-			let clock = new Date(2024, 8, 19).getTime();
-			return () => clock += 10;
-		})()
-	});
-	let { simulateRemoteMessage, createAndJoinRoom } = mockMatrixUtils;
-	let noop = () => {};
-	hooks.beforeEach(async function() {
-		operatorModeStateService = getService("operator-mode-state-service");
-		let cardService = getService("card-service");
-		cardService.getSource = async (url) => {
-			if (url.toString() === "https://example.com/component.gts") return {
-				status: 200,
-				contentType: "application/vnd.card+source",
-				content: `import Component from '@glimmer/component';
-
-export default class MyComponent extends Component {
-  a = 1;
-  b = 2;
-
-  <template>
-    <div>
-      <p>Value of a: {{this.a}}</p>
-      <p>Value of b: {{this.b}}</p>
-    </div>
-  </template>
-}`
-			};
-			return {
-				status: 404,
-				contentType: null,
-				content: ""
-			};
-		};
-		class Address extends FieldDef {
-			static displayName = "Address";
-			static {
-				decorateFieldV2(this.prototype, "city", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#city = (initializeDeferredDecorator(this, "city"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "country", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#country = (initializeDeferredDecorator(this, "country"), void 0);
-			static embedded = class Embedded extends Component$1 {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "4EaSWTU1",
-						"block": "[[[10,0],[14,\"data-test-address\",\"\"],[12],[1,\"\\n  \"],[10,\"h3\"],[15,\"data-test-city\",[30,1,[\"city\"]]],[12],[1,\"\\n    \"],[8,[30,2,[\"city\"]],null,null,null],[1,\"\\n  \"],[13],[1,\"\\n  \"],[10,\"h3\"],[15,\"data-test-country\",[30,1,[\"country\"]]],[12],[1,\"\\n    \"],[8,[30,2,[\"country\"]],null,null,null],[1,\"\\n  \"],[13],[1,\"\\n\"],[13]],[\"@model\",\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/codeblocks-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		class Person extends CardDef {
-			static displayName = "Person";
-			static {
-				decorateFieldV2(this.prototype, "firstName", [field], function() {
-					return contains(StringField);
-				});
-			}
-			#firstName = (initializeDeferredDecorator(this, "firstName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "firstLetterOfTheName", [field], function() {
-					return contains(StringField, { computeVia: function() {
-						return this.firstName[0];
-					} });
-				});
-			}
-			#firstLetterOfTheName = (initializeDeferredDecorator(this, "firstLetterOfTheName"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "cardTitle", [field], function() {
-					return contains(StringField, { computeVia: function() {
-						return this.firstName;
-					} });
-				});
-			}
-			#cardTitle = (initializeDeferredDecorator(this, "cardTitle"), void 0);
-			static {
-				decorateFieldV2(this.prototype, "address", [field], function() {
-					return contains(Address);
-				});
-			}
-			#address = (initializeDeferredDecorator(this, "address"), void 0);
-			static isolated = class Isolated extends Component$1 {
-				static {
-					setComponentTemplate(templateFactory({
-						"id": "AscI1iqv",
-						"block": "[[[10,\"h2\"],[15,\"data-test-person\",[30,1,[\"firstName\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"firstName\"]],null,null,null],[1,\"\\n\"],[13],[1,\"\\n\"],[10,2],[15,\"data-test-first-letter-of-the-name\",[30,1,[\"firstLetterOfTheName\"]]],[12],[1,\"\\n  \"],[8,[30,2,[\"firstLetterOfTheName\"]],null,null,null],[1,\"\\n\"],[13],[1,\"\\n\"],[10,0],[14,\"data-test-addresses\",\"\"],[12],[1,\"Address: \"],[8,[30,2,[\"address\"]],null,null,null],[13]],[\"@model\",\"@fields\"],[]]",
-						"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/codeblocks-test.gts",
-						"isStrictMode": true
-					}), this);
-				}
-			};
-		}
-		await setupIntegrationTestRealm({
-			mockMatrixUtils,
-			contents: {
-				"address.gts": { Address },
-				"person.gts": { Person },
-				"Person/fadhlan.json": new Person({
-					firstName: "Fadhlan",
-					address: new Address({
-						city: "Bandung",
-						country: "Indonesia"
-					})
-				}),
-				"realm.json": realmConfigCardJSON({ name: realmName })
-			}
-		});
-		createAndJoinRoom({
-			sender: "@testuser:localhost",
-			name: "room-test"
-		});
-	});
-	function setCardInOperatorModeState(cardURL, format = "isolated") {
-		operatorModeStateService.restore({ stacks: cardURL ? [[{
-			id: cardURL,
-			format
-		}]] : [[]] });
-	}
-	async function openAiAssistant() {
-		await waitFor("[data-test-open-ai-assistant]");
-		await click("[data-test-open-ai-assistant]");
-		await waitFor("[data-test-room-settled]");
-		let roomId = document.querySelector("[data-test-room]")?.getAttribute("data-test-room");
-		if (!roomId) throw new Error("Expected a room ID");
-		return roomId;
-	}
-	async function renderAiAssistantPanel(id) {
-		setCardInOperatorModeState(id);
-		await renderComponent(class TestDriver extends Component {
-			static {
-				setComponentTemplate(templateFactory({
-					"id": "KaAxv+8a",
-					"block": "[[[8,[32,0],null,[[\"@onClose\"],[[32,1]]],null]],[],[]]",
-					"moduleName": "/home/runner/work/boxel/boxel/packages/host/tests/integration/components/ai-assistant-panel/codeblocks-test.gts",
-					"scope": () => [OperatorModeContainer, noop],
-					"isStrictMode": true
-				}), this);
-			}
-		});
-		return await openAiAssistant();
-	}
-	(0, import_qunit.test)("it shows the copy code to clipboard button", async function(assert) {
-		let roomId = await renderAiAssistantPanel(`${testRealmURL}Person/fadhlan`);
-		simulateRemoteMessage(roomId, "@aibot:localhost", {
-			body: "This is a code snippet that I made for you\n```javascript\nconsole.log(\"hello world\");\n```\nWhat do you think about it?",
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 12, 30).getTime() });
-		await waitFor("[data-test-message-idx=\"0\"]");
-		assert.dom("[data-test-code-block-index=\"0\"] [data-test-boxel-copy-button]").exists("the copy code to clipboard button exists");
-		simulateRemoteMessage(roomId, "@aibot:localhost", {
-			body: "this is another message",
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 13, 30).getTime() });
-		await settled();
-		assert.dom("[data-test-code-block-index=\"0\"] [data-test-boxel-copy-button]").exists("the copy code to clipboard button exists");
-		assert.dom("[data-test-apply-code-button]").doesNotExist();
-	});
-	(0, import_qunit.test)("it renders codeblock in monaco", async function(assert) {
-		let roomId = await renderAiAssistantPanel(`${testRealmURL}Person/fadhlan`);
-		simulateRemoteMessage(roomId, "@aibot:localhost", {
-			body: "This is a code snippet that I made for you\n```javascript\nconsole.log(\"hello world\");\n```\nWhat do you think about it?",
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 12, 30).getTime() });
-		await waitFor("[data-test-message-idx=\"0\"]");
-		let monacoContent = getMonacoContent("firstAvailable");
-		assert.strictEqual(monacoContent, `console.log("hello world");`, "monaco content is correct");
-		simulateRemoteMessage(roomId, "@aibot:localhost", {
-			body: "this is another message",
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 13, 30).getTime() });
-		await settled();
-		monacoContent = getMonacoContent("firstAvailable");
-		assert.strictEqual(monacoContent, `console.log("hello world");`, "monaco content is correct");
-		await waitFor(".monaco-editor");
-		await percySnapshot(assert);
-	});
-	(0, import_qunit.test)("handles nested pre tags", async function(assert) {
-		simulateRemoteMessage(await renderAiAssistantPanel(`${testRealmURL}Person/fadhlan`), "@aibot:localhost", {
-			body: `I'll help you create an example with pre tags in HTML. Here's a useful example that demonstrates different ways to use the pre tag:
-\`\`\`html
-<!-- Basic pre tag example -->
-<pre>
-This is preformatted text
-    It preserves both spaces
-        and line breaks
-exactly as written
-</pre>
-
-<!-- Pre tag with code -->
-<pre>
-<code>
-function sayHello() {
-    console.log("Hello World!");
-}
-</code>
-</pre>
-
-<!-- Pre tag with styling -->
-<pre style="background-color: #f4f4f4; padding: 15px; border-radius: 5px;">
-const data = {
-    name: "John",
-    age: 30,
-    city: "New York"
-};
-</pre>
-
-<!-- Pre tag with HTML entities -->
-<pre>
-<html>
-    <head>
-        <title>Sample Page</title>
-    </head>
-    <body>
-        <h1>Hello World!</h1>
-    </body>
-</html>
-</pre>
-\`\`\`
-
-\`\`\`typescript
-  ${SEARCH_MARKER}
-    let a = 1;
-    let c = 3;
-  ${SEPARATOR_MARKER}
-    let a = 2;
-\`\`\`
-
-These examples show different ways to use the \`<pre>\` tag:
-1. Basic preformatted text
-2. Code display with \`<pre>\` and \`<code>\` combined
-3. Styled \`<pre>\` block
-4. HTML code display using entities
-
-You can use these in your HTML documents to display formatted text, code snippets, or any content where you want to preserve spacing and line breaks exactly as written.`,
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 12, 30).getTime() });
-		await waitFor("[data-test-message-idx=\"0\"]");
-		assert.dom(".monaco-editor").exists({ count: 2 }, "Should have 2 monaco editors");
-		let monacoContent = getMonacoContent("firstAvailable");
-		assert.strictEqual(monacoContent, `<!-- Basic pre tag example -->
-<pre>
-This is preformatted text
-    It preserves both spaces
-        and line breaks
-exactly as written
-</pre>
-
-<!-- Pre tag with code -->
-<pre>
-<code>
-function sayHello() {
-    console.log("Hello World!");
-}
-</code>
-</pre>
-
-<!-- Pre tag with styling -->
-<pre style="background-color: #f4f4f4; padding: 15px; border-radius: 5px;">
-const data = {
-    name: "John",
-    age: 30,
-    city: "New York"
-};
-</pre>
-
-<!-- Pre tag with HTML entities -->
-<pre>
-<html>
-    <head>
-        <title>Sample Page</title>
-    </head>
-    <body>
-        <h1>Hello World!</h1>
-    </body>
-</html>
-</pre>`, "Monaco content should exactly match the HTML code block");
-		await waitUntil(() => document.getElementsByClassName("view-lines")[1]);
-		assert.strictEqual(document.getElementsByClassName("view-lines")[1].innerText, "//\xA0existing\xA0code\xA0...\xA0\nlet\xA0a\xA0=\xA01;\nlet\xA0c\xA0=\xA03;\n//\xA0new\xA0code\xA0...\xA0\nlet\xA0a\xA0=\xA02;");
-		assert.dom("ol li").exists({ count: 4 }, "Should have 4 list items");
-		await percySnapshot(assert);
-	});
-	(0, import_qunit.test)("handles HTML tags outside backticks", async function(assert) {
-		simulateRemoteMessage(await renderAiAssistantPanel(`${testRealmURL}Person/fadhlan`), "@aibot:localhost", {
-			body: `Here's some HTML outside of code blocks:
-
-<p>This is a paragraph with <strong>bold text</strong> and <em>italic text</em>.</p>
-
-<ul>
-  <li>List item 1</li>
-  <li>List item 2 with <a href="https://example.com">a link</a></li>
-</ul>
-
-<div class="container">
-  <h1>Heading 1</h1>
-  <p>Another paragraph with <code>inline code</code>.</p>
-</div>
-
-And here's a code block with HTML inside:
-
-\`\`\`html
-<div class="example">
-  <p>This HTML is inside a code block with language specified.</p>
-</div>
-\`\`\`
-
-And another code block without language specified:
-
-\`\`\`
-<div class="example">
-  <p>This HTML is inside a code block without language specified.</p>
-</div>
-\`\`\``,
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 12, 30).getTime() });
-		await waitFor("[data-test-message-idx=\"0\"]");
-		assert.ok(this.element.querySelector(".message")?.innerText.includes(`Here's some HTML outside of code blocks:\n\n<p>This is a paragraph with <strong>bold text</strong> and <em>italic text</em>.</p>\n\n<ul> <li>List item 1</li> <li>List item 2 with <a href="https://example.com">a link</a></li> </ul>\n\n<div class="container"> <h1>Heading 1</h1> <p>Another paragraph with <code>inline code</code>.</p> </div>\n\nAnd here's a code block with HTML inside:`));
-		assert.dom(".monaco-editor").exists({ count: 2 }, "Should have 2 monaco editors");
-		let monacoContent = getMonacoContent("firstAvailable");
-		assert.strictEqual(monacoContent, `<div class="example">
-  <p>This HTML is inside a code block with language specified.</p>
-</div>`, "Monaco content should exactly match the HTML code block");
-		await percySnapshot(assert);
-	});
-	(0, import_qunit.test)("handles HTML inside backticks without language name", async function(assert) {
-		simulateRemoteMessage(await renderAiAssistantPanel(`${testRealmURL}Person/fadhlan`), "@aibot:localhost", {
-			body: `Here's some HTML inside backticks without a language name:
-
-\`\`\`
-<div class="container">
-  <h1>Hello World</h1>
-  <p>This is a paragraph with <strong>bold text</strong>.</p>
-  <ul>
-    <li>Item 1</li>
-    <li>Item 2</li>
-  </ul>
-</div>
-\`\`\`
-
-And here's some inline code with HTML: \`<span>inline HTML</span>\`
-
-And some regular text with <b>HTML tags</b> that should be displayed as actual HTML.`,
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 12, 30).getTime() });
-		await waitFor("[data-test-message-idx=\"0\"]");
-		assert.dom(".monaco-editor").exists({ count: 1 }, "Should have 1 monaco editor");
-		let monacoContent = getMonacoContent("firstAvailable");
-		assert.strictEqual(monacoContent, `<div class="container">
-  <h1>Hello World</h1>
-  <p>This is a paragraph with <strong>bold text</strong>.</p>
-  <ul>
-    <li>Item 1</li>
-    <li>Item 2</li>
-  </ul>
-</div>`, "Monaco content should exactly match the HTML code block");
-		await waitUntil(() => {
-			return (this.element.querySelector(".message")?.innerText)?.includes(`Here's some HTML inside backticks without a language name:\n\n<div class="container">\n  <h1>Hello World</h1>\n  <p>This is a paragraph with <strong>bold text</strong>.</p>\n  <ul>\n    <li>Item 1</li>\n    <li>Item 2</li>\n  </ul>\n</div>\n\nAnd here's some inline code with HTML: <span>inline HTML</span>\n\nAnd some regular text with <b>HTML tags</b> that should be displayed as actual HTML.`);
-		});
-		await percySnapshot(assert);
-	});
-	(0, import_qunit.test)("it will render diff editor", async function(assert) {
-		simulateRemoteMessage(await renderAiAssistantPanel(`${testRealmURL}Person/fadhlan`), "@aibot:localhost", {
-			body: `Here's some HTML inside codeblock with search and replace block:
-
-\`\`\`gts
-https://example.com/component.gts
-${SEARCH_MARKER}
-import Component from '@glimmer/component';
-
-export default class MyComponent extends Component {
-  a = 1;
-  b = 2;
-
-  <template>
-    <div>
-      <p>Value of a: {{this.a}}</p>
-      <p>Value of b: {{this.b}}</p>
-    </div>
-  </template>
-}
-${SEPARATOR_MARKER}
-import Component from '@glimmer/component';
-
-export default class MyComponent extends Component {
-  a = 3;
-  b = 4;
-
-  <template>
-    <div>
-      <h1>Updated Component</h1>
-      <p>New value of a: {{this.a}}</p>
-      <p>New value of b: {{this.b}}</p>
-    </div>
-  </template>
-}
-${REPLACE_MARKER}
-\`\`\`
-
-Above code blocks are now complete`,
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 12, 30).getTime() });
-		await waitFor(".code-block-diff .monaco-diff-editor", { timeout: 2e4 });
-		await waitFor(".code-block-diff .editor.original", { timeout: 2e4 });
-		await waitFor(".code-block-diff .editor.modified", { timeout: 2e4 });
-		assert.dom(".code-block-diff .monaco-diff-editor").exists();
-		assert.dom(".code-block-diff .editor.original").exists();
-		assert.dom(".code-block-diff .editor.modified").exists();
-		assert.dom("[data-test-apply-code-button]").exists();
-		await percySnapshot(assert);
-	});
-	(0, import_qunit.test)("it will render diff editor for a blank file", async function(assert) {
-		simulateRemoteMessage(await renderAiAssistantPanel(`${testRealmURL}Person/fadhlan`), "@aibot:localhost", {
-			body: `Here's some HTML inside codeblock with search and replace block:
-
-\`\`\`txt
-https://example.com/blank.txt
-${SEARCH_MARKER}
-${SEPARATOR_MARKER}
-hello
-${REPLACE_MARKER}
-\`\`\`
-
-Above code blocks are now complete`,
-			msgtype: APP_BOXEL_MESSAGE_MSGTYPE,
-			format: "org.matrix.custom.html",
-			isStreamingFinished: true
-		}, { origin_server_ts: new Date(2024, 0, 3, 12, 30).getTime() });
-		await waitUntil(() => document.querySelectorAll(".code-block-diff .cdr.line-delete").length === 1);
-		await waitFor(".code-block-diff .cdr.line-insert");
-		assert.dom(".cdr.line-delete").exists({ count: 1 });
-		assert.dom(".cdr.line-insert").exists({ count: 1 });
-		assert.dom("[data-test-apply-code-button]").exists();
-	});
-});
-//#endregion

package/bundled-test-harness/assets/codemirror-context-C7KmSAyy.js

@@ -1,2 +0,0 @@
-import { n as openCardSearchEffect, t as codemirrorContext } from "./codemirror-context-BauLYUNt.js";
-export { codemirrorContext as default, openCardSearchEffect };