@astrojs/compiler 0.2.5 → 0.2.9

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @astrojs/compiler
 
+## 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
+
+- fix small issue with `preprocessStyle` handling of `null` or `undefined`
+
 ## 0.2.5
 
 ### Patch Changes

package/package.json

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

package/test/basic.test.mjs

@@ -0,0 +1,65 @@
+/* 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(
+    `---
+let value = 'world';
+---
+
+<style lang="scss" define:vars={{ a: 0 }}>
+div {
+  color: red;
+}
+</style>
+
+<div>Hello world!</div>
+
+<div>Ahhh</div>
+
+<style lang="scss">
+div {
+  color: green;
+}
+</style>
+`,
+    {
+      sourcemap: true,
+      // HOLY CRAP THIS ACTUALLY WORKS!
+      preprocessStyle: async (value, attrs) => {
+        let x = i++;
+        if (!attrs.lang) {
+          return null;
+        }
+        // console.log(`Starting to preprocess style ${x} as ${attrs.lang}`);
+        // await sleep(3000);
+        // console.log(`Finished preprocessing ${x}`);
+        return { code: value.replace('color', 'background') };
+      },
+    }
+  );
+  // console.log(result);
+
+  // test
+  if (!result.code.includes('background:red')) {
+    throw new Error(`Styles didn’t transform as expected. Expected "background:red" to be present.`);
+  }
+
+  if (!result.code.includes('background:green')) {
+    throw new Error(`Styles didn’t transform as expected. Expected "background:green" to be present.`);
+  }
+
+  // const start = performance.now()
+  // const html = await compile(template);
+  // const end = performance.now()
+
+  // console.log('Compiled in ' + (start - end).toFixed(1) + 'ms');
+  // console.log(html);
+}
+
+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.js

@@ -1,55 +0,0 @@
-/* eslint-disable no-console */
-
-const sleep = (ms) => new Promise((res) => setTimeout(res, ms));
-
-(async () => {
-  const { transform } = await import('@astrojs/compiler');
-  let i = 0;
-  try {
-    const result = await transform(
-      `---
-let value = 'world';
----
-
-<style lang="scss" define:vars={{ a: 0 }}>
-div {
-  color: red;
-}
-</style>
-
-<div>Hello world!</div>
-
-<div>Ahhh</div>
-
-<style lang="scss">
-div {
-  color: green;
-}
-</style>
-`,
-      {
-        sourcemap: true,
-        // HOLY CRAP THIS ACTUALLY WORKS!
-        preprocessStyle: async (value, attrs) => {
-          let x = i++;
-          if (!attrs.lang) {
-            return null;
-          }
-          console.log(`Starting to preprocess style ${x} as ${attrs.lang}`);
-          await sleep(3000);
-          console.log(`Finished preprocessing ${x}`);
-          return { code: value.replace('color', 'background') };
-        },
-      }
-    );
-    console.log(result);
-  } catch (e) {
-    console.log(e);
-  }
-  // const start = performance.now()
-  // const html = await compile(template);
-  // const end = performance.now()
-
-  // console.log('Compiled in ' + (start - end).toFixed(1) + 'ms');
-  // console.log(html);
-})();