@live-codes/browser-compilers 0.5.3 → 0.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-codes/browser-compilers",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "description": "Compilers that run in the browser, for use in livecodes.io",
   "author": "Hatem Hosny",
   "license": "MIT",
@@ -30,6 +30,9 @@
     "@esbuild-plugins/node-modules-polyfill": "0.1.4",
     "@mdx-js/mdx": "2.0.0",
     "@prettier/plugin-pug": "1.19.2",
+    "@testing-library/dom": "8.12.0",
+    "@testing-library/jest-dom": "5.16.3",
+    "@testing-library/react": "12.1.4",
     "@webassemblyjs/wast-refmt": "1.11.1",
     "babel-preset-solid": "1.3.5",
     "esbuild-plugin-cache": "0.2.9",

package/scripts/utils.js

@@ -0,0 +1,45 @@
+var fs = require('fs');
+var path = require('path');
+
+const patch = (
+  /** @type {string} */ filePath,
+  /** @type {Record<string, string>} */ replacements = {},
+) =>
+  new Promise((resolve, reject) => {
+    fs.readFile(path.resolve(filePath), 'utf8', function (err, data) {
+      if (err) return reject(err);
+
+      var result = data;
+      for (const key of Object.keys(replacements)) {
+        result = result.split(key).join(replacements[key]);
+      }
+
+      fs.writeFile(path.resolve(filePath), result, 'utf8', function (err) {
+        if (err) return reject(err);
+
+        resolve();
+      });
+    });
+  });
+
+// https://github.com/evanw/esbuild/issues/566#issuecomment-735551834
+const externalCjsToEsmPlugin = (external) => ({
+  name: 'external',
+  setup(build) {
+    let escape = (text) => `^${text.replace(/[-\/\\^$*+?.()|[\]{}]/g, '\\$&')}$`;
+    let filter = new RegExp(external.map(escape).join('|'));
+    build.onResolve({ filter: /.*/, namespace: 'external' }, (args) => ({
+      path: args.path,
+      external: true,
+    }));
+    build.onResolve({ filter }, (args) => ({
+      path: args.path,
+      namespace: 'external',
+    }));
+    build.onLoad({ filter: /.*/, namespace: 'external' }, (args) => ({
+      contents: `export * from ${JSON.stringify(args.path)}`,
+    }));
+  },
+});
+
+module.exports = { patch, externalCjsToEsmPlugin };

package/scripts/vendors.js

@@ -5,7 +5,7 @@ const esbuild = require('esbuild');
 const NodeModulesPolyfills = require('@esbuild-plugins/node-modules-polyfill').default;
 const GlobalsPolyfills = require('@esbuild-plugins/node-globals-polyfill').default;
 
-const { patch } = require('./patch');
+const { patch, externalCjsToEsmPlugin } = require('./utils');
 
 const nodePolyfills = [
   NodeModulesPolyfills(),
@@ -49,7 +49,7 @@ patch('node_modules/sass/sass.dart.js', {
 // Eslint
 esbuild.build({
   ...baseOptions,
-  entryPoints: ['node_modules/eslint/lib/linter/linter.js'],
+  entryPoints: ['vendor_modules/imports/eslint.js'],
   outfile: 'dist/eslint/eslint.js',
   globalName: 'eslint',
   plugins: nodePolyfills,
@@ -258,3 +258,24 @@ fs.copyFileSync(
   path.resolve(vendor_modules_src + '/svgbob-wasm/svgbob-wasm.js'),
   path.resolve(targetDir + '/svgbob-wasm/svgbob-wasm.js'),
 );
+
+// @testing-library
+['dom.js', 'jest-dom.js', 'react.js'].forEach(
+  // entryPoints did not work properly!
+  (mod) => {
+    esbuild
+      .build({
+        ...baseOptions,
+        entryPoints: ['vendor_modules/imports/@testing-library/' + mod],
+        outdir: 'dist/@testing-library/',
+        format: 'esm',
+        plugins: [externalCjsToEsmPlugin(['react'])],
+      })
+      .then(() => {
+        if (mod !== 'jest-dom.js') return;
+        patch('dist/@testing-library/jest-dom.js', {
+          'expect.extend': 'window.jestLite?.core.expect.extend',
+        });
+      });
+  },
+);

package/vendor_modules/imports/@testing-library/dom.js

@@ -0,0 +1 @@
+export * from '@testing-library/dom';

package/vendor_modules/imports/@testing-library/jest-dom.js

@@ -0,0 +1 @@
+export * from '@testing-library/jest-dom';

package/vendor_modules/imports/@testing-library/react.js

@@ -0,0 +1 @@
+export * from '@testing-library/react';

package/vendor_modules/imports/eslint.js

@@ -0,0 +1 @@
+export { Linter } from '../../node_modules/eslint/lib/linter/linter.js';

package/scripts/patch.js

@@ -1,25 +0,0 @@
-var fs = require('fs');
-var path = require('path');
-
-const patch = (
-  /** @type {string} */ filePath,
-  /** @type {Record<string, string>} */ replacements = {},
-) =>
-  new Promise((resolve, reject) => {
-    fs.readFile(path.resolve(filePath), 'utf8', function (err, data) {
-      if (err) return reject(err);
-
-      var result = data;
-      for (const key of Object.keys(replacements)) {
-        result = result.split(key).join(replacements[key]);
-      }
-
-      fs.writeFile(path.resolve(filePath), result, 'utf8', function (err) {
-        if (err) return reject(err);
-
-        resolve();
-      });
-    });
-  });
-
-module.exports = { patch };