@astrojs/compiler 0.2.13 → 0.2.16-rc.1

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @astrojs/compiler
 
+## 0.2.15
+
+### Patch Changes
+
+- 8fbae5e: Bugfix: fix component detection bug in parser
+- 37b5b6e: Bugfix: wait to release processStyle() until after fn call
+
+## 0.2.14
+
+### Patch Changes
+
+- f59c886: Bugfix: allow for detection of void tags (e.g. <img>)
+- 4c8d14a: Fixes textContent containing a forward slash
+
 ## 0.2.13
 
 ### Patch Changes

package/package.json

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

package/deno/README.md

@@ -1,5 +0,0 @@
-# astro_compiler
-
-Experimental WASM compiler for Astro.
-
-This barely works, so probably don't use this package!

package/test/basic.test.mjs

@@ -1,65 +0,0 @@
-/* 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

@@ -1,29 +0,0 @@
-/* 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

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

package/test/visible.test.mjs

@@ -1,41 +0,0 @@
-/* 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();

package/tsconfig.json

@@ -1,14 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "ES2020",
-    "module": "ES2020",
-    "moduleResolution": "node",
-    "strict": true,
-    "declaration": true,
-    "noImplicitOverride": true,
-    "noUnusedLocals": true,
-    "esModuleInterop": true
-  },
-  "include": ["browser", "node", "shared"],
-  "exclude": ["node_modules"]
-}