Update esbuild target for Deno (withastro#7687)

Co-authored-by: Erika <[email protected]>
akshit20421 · Jul 24, 2023 · 0a1b333 · 0a1b333
1 parent e80896a
commit 0a1b333
Show file tree

Hide file tree

Showing 5 changed files with 31 additions and 1 deletion.
diff --git a/.changeset/khaki-chicken-pay.md b/.changeset/khaki-chicken-pay.md
@@ -0,0 +1,5 @@
+---
+'@astrojs/deno': minor
+---
+
+Update build target for Deno to esnext to allow supported language features on the runtime.
diff --git a/packages/integrations/deno/src/index.ts b/packages/integrations/deno/src/index.ts
@@ -168,7 +168,7 @@ export default function createIntegration(args?: Options): AstroIntegration {
 				const pth = fileURLToPath(entryUrl);
 
 				await esbuild.build({
-					target: 'es2020',
+					target: 'esnext',
 					platform: 'browser',
 					entryPoints: [pth],
 					outfile: pth,

diff --git a/packages/integrations/deno/test/basics.test.ts b/packages/integrations/deno/test/basics.test.ts
@@ -67,6 +67,15 @@ Deno.test({
 			assertEquals(p!.innerText, varContent);
 		});
 
+		await t.step('Can use a module with top-level await', async () => {
+			const resp = await fetch(app.url);
+			const html = await resp.text();
+
+			const doc = new DOMParser().parseFromString(html, `text/html`);
+			const p = doc!.querySelector('p#module-value');
+			assertEquals(p!.innerText, 'bar');
+		});
+
 		await t.step('Works with Markdown', async () => {
 			const resp = await fetch(new URL('markdown', app.url));
 			const html = await resp.text();

diff --git a/packages/integrations/deno/test/fixtures/basics/src/pages/index.astro b/packages/integrations/deno/test/fixtures/basics/src/pages/index.astro
@@ -1,4 +1,5 @@
 ---
+import { someData } from '../util/data';
 import ReactComponent from '../components/React.jsx';
 const envValue = import.meta.env.SOME_VARIABLE;
 ---
@@ -10,6 +11,7 @@ const envValue = import.meta.env.SOME_VARIABLE;
 <body>
 	<h1>Basic App on Deno</h1>
 	<p id="env-value">{envValue}</p>
+	<p id="module-value">{someData.foo}</p>
 	<ReactComponent />
 </body>
 </html>
diff --git a/packages/integrations/deno/test/fixtures/basics/src/util/data.ts b/packages/integrations/deno/test/fixtures/basics/src/util/data.ts
@@ -0,0 +1,14 @@
+export interface Data {
+	foo: string;
+}
+
+export async function getData(): Promise<Data> {
+	return new Promise((resolve, _reject) => {
+		setTimeout(() => {
+			resolve({ foo: "bar" });
+		}, 100);
+	});
+}
+
+// Testing top-level await, a feature supported in esnext
+export const someData = await getData();