Migrate greenwood jsx

.eslintrc.cjs

@@ -1,11 +1,14 @@
 module.exports = {
   parserOptions: {
-    ecmaVersion: 2018,
-    sourceType: 'module'
+    ecmaVersion: 2021,
+    sourceType: 'module',
+    ecmaFeatures: {
+      jsx: true
+    }
   },
   env: {
-    browser: true,
-    node: false
+    browser: false,
+    node: true
   },
   rules: {
     'comma-dangle': [2, 'never'],
@@ -40,7 +43,7 @@ module.exports = {
     'valid-jsdoc': 0,
     'valid-typeof': 0,
     'no-unexpected-multiline': 0,
-    'accessor-pairs': 2,
+    'accessor-pairs': 1,
     'block-scoped-var': 2,
     'complexity': 2,
     'consistent-return': 0,

.github/workflows/ci.yml

@@ -25,7 +25,7 @@ jobs:
         npm run lint
     - name: Test
       run: |
-        npm test
+        npm run test
     - name: Build
       run: |
         npm run build

.github/workflows/master.yml

@@ -0,0 +1,28 @@
+name: Master Integration
+
+on:
+  push:
+    branches:
+      - master
+
+jobs:
+
+  build:
+    runs-on: ubuntu-18.04
+
+    strategy:
+      matrix:
+        node: [16]
+
+    steps:
+    - uses: actions/checkout@v1
+    - name: Use Node.js ${{ matrix.node }}
+      uses: actions/setup-node@v2
+      with:
+        node-version: ${{ matrix.node }}
+    - name: Installing project dependencies
+      run: |
+        npm ci
+    - name: Build
+      run: |
+        npm run build

greenwood-plugin-import-jsx.js

@@ -0,0 +1,43 @@
+/*
+ *
+ * Enables using JavaScript to import JSX files with WCC.
+ *
+ */
+import { load } from 'wc-compiler/src/jsx-loader.js';
+import { ResourceInterface } from '@greenwood/cli/src/lib/resource-interface.js';
+import { pathToFileURL } from 'url';
+
+class JsxResource extends ResourceInterface {
+  constructor(compilation, options) {
+    super(compilation, options);
+    this.extensions = ['.jsx'];
+    this.contentType = 'text/javascript';
+  }
+
+  async serve(url) {
+    return new Promise(async (resolve, reject) => {
+      try {
+        const result = await load(pathToFileURL(url));
+
+        resolve({
+          body: result.source,
+          contentType: this.contentType
+        });
+      } catch (e) {
+        reject(e);
+      }
+    });
+  }
+}
+
+const greenwoodPluginImportJsx = (options = {}) => {
+  return [{
+    type: 'resource',
+    name: 'plugin-import-jsx:resource',
+    provider: (compilation) => new JsxResource(compilation, options)
+  }];
+};
+
+export {
+  greenwoodPluginImportJsx
+};

greenwood.config.js

@@ -1,9 +1,8 @@
-import { greenwoodPluginImportCss } from '@greenwood/plugin-import-css';
-import { greenwoodPluginPostCss } from '@greenwood/plugin-postcss';
+import { greenwoodPluginImportJsx } from './greenwood-plugin-import-jsx.js';
 
 export default {
+  prerender: true,
   plugins: [
-    greenwoodPluginPostCss(),
-    ...greenwoodPluginImportCss()
+    ...greenwoodPluginImportJsx()
   ]
 };