Fix HyperApp sandboxes

Author: CompuIves

packages/app/src/sandbox/eval/transpilers/babel/worker/babel-worker.js

@@ -406,7 +406,7 @@ async function compile(code, customConfig, path, isV7) {
 try {
   self.importScripts(
     process.env.NODE_ENV === 'development'
-      ? `${process.env.CODESANDBOX_HOST || ''}/static/js/babel.7.3.4.min.js`
+      ? `${process.env.CODESANDBOX_HOST || ''}/static/js/babel.7.3.4.js`
       : `${process.env.CODESANDBOX_HOST || ''}/static/js/babel.7.3.4.min.js`
   );
 } catch (e) {
@@ -579,16 +579,6 @@ self.addEventListener('message', async event => {
       Babel.registerPlugin('transform-vue-jsx', vuePlugin);
     }
 
-    if (
-      flattenedPlugins.indexOf('jsx-pragmatic') > -1 &&
-      Object.keys(Babel.availablePlugins).indexOf('jsx-pragmatic') === -1
-    ) {
-      const pragmaticPlugin = await import(
-        /* webpackChunkName: 'babel-plugin-jsx-pragmatic' */ 'babel-plugin-jsx-pragmatic'
-      );
-      Babel.registerPlugin('jsx-pragmatic', pragmaticPlugin);
-    }
-
     if (
       flattenedPlugins.indexOf('babel-plugin-macros') > -1 &&
       Object.keys(Babel.availablePlugins).indexOf('babel-plugin-macros') === -1

packages/app/src/sandbox/eval/transpilers/babel/worker/evaluate.js

@@ -73,8 +73,14 @@ export default function evaluate(
       availablePlugins[requirePath] ||
       availablePlugins[requirePath.replace('babel-plugin-', '')] ||
       availablePlugins[requirePath.replace('@babel/plugin-', '')];
-    if (plugin && requirePath !== 'react') {
-      return plugin;
+
+    // This is some weird behaviour, it seems like we have a mix of { __esModule: true, default ... } modules in
+    // this list and some direct functions. If we return the plugin itself (not .default) one sandbox breaks,
+    // if we return a .default the other sandbox breaks. The two sandboxes are: `utmms` and `sebn6`. I've decided
+    // to only return plugins that have been pre-added to babel-standalone (the plugins with a .default), this
+    // way both sandboxes work.
+    if (plugin && requirePath !== 'react' && plugin.__esModule) {
+      return plugin.default;
     }
 
     const preset =

packages/sandbox-hooks/react-error-overlay/overlay.js

@@ -279,7 +279,6 @@ let listenToRuntimeErrorsUnmounter;
 
 function inject() {
   listenToRuntimeErrorsUnmounter = listenToRuntimeErrors(error => {
-    console.log('what the matter', error);
     crash(error.error);
   });
 }