@astrojs/compiler 0.2.6 → 0.2.10

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @astrojs/compiler
 
+## 0.2.10
+
+### Patch Changes
+
+- 57eb728: Fixes hydrated scripts not recognized when using fragment transformation
+
+## 0.2.9
+
+### Patch Changes
+
+- 3ea8d8c: Fix for string interpolation within titles
+- ef7cb1e: Fixes bug with textContent containing apostrophe character
+
+## 0.2.8
+
+### Patch Changes
+
+- b2d5564: Fixes wasm build
+
 ## 0.2.6
 
 ### Patch Changes

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@astrojs/compiler",
   "type": "module",
-  "version": "0.2.6",
+  "version": "0.2.10",
   "scripts": {
     "build": "tsc -p ."
   },

package/{test.js → test/basic.test.mjs}

@@ -1,9 +1,11 @@
 /* eslint-disable no-console */
 
+import { transform } from '@astrojs/compiler';
+
 const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
 
 async function run() {
-  const { transform } = await import('@astrojs/compiler');
+  
   let i = 0;
   const result = await transform(
     `---
@@ -60,4 +62,4 @@ div {
   // console.log(html);
 }
 
-run();
+await run();

package/test/output.test.mjs

@@ -0,0 +1,29 @@
+/* eslint-disable no-console */
+import { transform } from '@astrojs/compiler';
+
+const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
+
+async function run() {
+  let i = 0;
+  const result = await transform(
+    `<div xmlns:happy="https://example.com/schemas/happy">
+    <img src="jolly.avif" happy:smile="sweet"/>
+  </div>
+  `,
+    {
+      site: undefined,
+      sourcefile: '/Users/matthew/dev/astro/packages/astro/test/fixtures/astro-attrs/src/pages/namespaced.astro',
+      sourcemap: 'both',
+      internalURL: 'astro/internal',
+      preprocessStyle: async (value, attrs) => {
+        return null;
+      },
+    }
+  );
+
+  if(result.code[0] === '\x00') {
+    throw new Error('Corrupt output');
+  }
+}
+
+await run().catch(err => { console.error(err); process.exit(1); });

package/test/test.mjs

@@ -0,0 +1,2 @@
+import './basic.test.mjs';
+import './output.test.mjs';

package/test/visible.test.mjs

@@ -0,0 +1,41 @@
+/* eslint-disable no-console */
+
+import { transform } from '@astrojs/compiler';
+
+const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
+
+async function run() {
+  
+  let i = 0;
+  const result = await transform(
+    `---
+    import ThemeToggleButton from './ThemeToggleButton.tsx';
+    ---
+    <style>
+      body {
+        background: blue;
+      }
+    </style>
+    <div>
+      <ThemeToggleButton client:visible />
+    </div>`,
+    {
+      sourcemap: true,
+      as: 'fragment',
+      site: undefined,
+      sourcefile: 'MoreMenu.astro',
+      sourcemap: 'both',
+      internalURL: 'astro/internal',
+      preprocessStyle: async (value, attrs) => {
+        return null;
+      },
+    }
+  );
+
+  // test
+  if(!result.code.includes(`{ modules: [{ module: $$module1, specifier: './ThemeToggleButton.tsx' }], hydratedComponents: [ThemeToggleButton], hoisted: [] }`)) {
+    throw new Error('Hydrated components not included');
+  }
+}
+
+await run();