@astrojs/compiler 0.2.9 → 0.2.10

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @astrojs/compiler
 
+## 0.2.10
+
+### Patch Changes
+
+- 57eb728: Fixes hydrated scripts not recognized when using fragment transformation
+
 ## 0.2.9
 
 ### Patch Changes

package/package.json

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

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();