@live-codes/browser-compilers 0.5.1 → 0.5.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-codes/browser-compilers",
-  "version": "0.5.1",
+  "version": "0.5.4",
   "description": "Compilers that run in the browser, for use in livecodes.io",
   "author": "Hatem Hosny",
   "license": "MIT",
@@ -30,12 +30,15 @@
     "@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",
     "esbuild-plugin-velcro": "0.1.1",
+    "eslint": "8.11.0",
     "less": "4.1.2",
-    "monaco-editor": "0.31.1",
     "postcss": "8.4.6",
     "postcss-preset-env": "7.3.1",
     "react": "17.0.2",
@@ -50,18 +53,17 @@
     "@types/live-server": "1.2.0",
     "@types/node": "14.0.4",
     "@types/prettier": "2.1.6",
-    "@typescript-eslint/eslint-plugin": "4.8.2",
-    "@typescript-eslint/parser": "4.8.2",
+    "@typescript-eslint/eslint-plugin": "5.16.0",
+    "@typescript-eslint/parser": "5.16.0",
     "autoprefixer": "10.4.2",
     "cz-conventional-changelog": "3.2.0",
     "esbuild": "0.11.12",
     "esbuild-plugin-node-polyfills": "1.0.2",
-    "eslint": "7.32.0",
-    "eslint-config-prettier": "6.11.0",
-    "eslint-plugin-import": "2.20.2",
-    "eslint-plugin-jest": "23.13.1",
-    "eslint-plugin-jsdoc": "25.4.2",
-    "eslint-plugin-prefer-arrow": "1.2.1",
+    "eslint-config-prettier": "8.5.0",
+    "eslint-plugin-import": "2.25.4",
+    "eslint-plugin-jest": "26.1.3",
+    "eslint-plugin-jsdoc": "38.0.6",
+    "eslint-plugin-prefer-arrow": "1.2.3",
     "gh-pages": "2.2.0",
     "live-server": "1.2.1",
     "mkdirp": "1.0.4",

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(),
@@ -33,32 +33,6 @@ const baseOptions = {
   define: { global: 'window', 'process.env.NODE_ENV': '"production"' },
 };
 
-// Monaco editor
-esbuild.buildSync({
-  ...baseOptions,
-  entryPoints: ['vendor_modules/imports/monaco-editor.ts'],
-  outfile: 'dist/monaco-editor/monaco-editor.js',
-  loader: { '.ttf': 'file' },
-  format: 'esm',
-});
-
-// Monaco editor workers
-const entryFiles = [
-  'node_modules/monaco-editor/esm/vs/language/json/json.worker.js',
-  'node_modules/monaco-editor/esm/vs/language/css/css.worker.js',
-  'node_modules/monaco-editor/esm/vs/language/html/html.worker.js',
-  'node_modules/monaco-editor/esm/vs/language/typescript/ts.worker.js',
-  'node_modules/monaco-editor/esm/vs/editor/editor.worker.js',
-];
-
-entryFiles.forEach((entry) => {
-  esbuild.build({
-    ...baseOptions,
-    entryPoints: [entry],
-    outdir: './dist/monaco-editor',
-  });
-});
-
 // sass
 patch('node_modules/sass/sass.dart.js', {
   'var self = Object.create(dartNodePreambleSelf);': 'var self = window;',
@@ -72,6 +46,15 @@ patch('node_modules/sass/sass.dart.js', {
   });
 });
 
+// Eslint
+esbuild.build({
+  ...baseOptions,
+  entryPoints: ['vendor_modules/imports/eslint.js'],
+  outfile: 'dist/eslint/eslint.js',
+  globalName: 'eslint',
+  plugins: nodePolyfills,
+});
+
 // Less
 esbuild.buildSync({
   ...baseOptions,
@@ -275,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';