Fix babel macros for styled-components

Author: CompuIves

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

@@ -83,7 +83,34 @@ export async function downloadPath(absolutePath) {
 
   const fs = BrowserFS.BFSRequire('fs');
 
-  mkDirByPathSync(BrowserFS.BFSRequire('path').dirname(r.path));
+  let existingFile;
+
+  try {
+    existingFile = fs.readFileSync(r.path);
+  } catch (e) {}
+
+  if (existingFile) {
+    try {
+      // Maybe there was a redirect from package.json. Manager only returns the redirect,
+      // if the babel worker doesn't have the package.json it enters an infinite loop.
+      const r2 = await resolveAsyncModule(
+        path.join(absolutePath, 'package.json'),
+        {}
+      );
+      if (r2) {
+        mkDirByPathSync(path.dirname(r2.path));
+
+        fs.writeFileSync(r2.path, r2.code);
+      }
+    } catch (e) {}
+
+    return Promise.resolve({
+      code: existingFile,
+      path: r.path,
+    });
+  }
+
+  mkDirByPathSync(path.dirname(r.path));
 
   fs.writeFileSync(r.path, r.code);
 

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

@@ -28,6 +28,10 @@ export default function evaluate(
       return () => {};
     }
 
+    if (requirePath === 'stream') {
+      return {};
+    }
+
     if (requirePath === 'constants') {
       return {};
     }
@@ -59,15 +63,15 @@ export default function evaluate(
       availablePlugins[requirePath] ||
       availablePlugins[requirePath.replace('babel-plugin-', '')] ||
       availablePlugins[requirePath.replace('@babel/plugin-', '')];
-    if (plugin) {
+    if (plugin && requirePath !== 'react') {
       return plugin;
     }
 
     const preset =
       availablePresets[requirePath] ||
       availablePresets[requirePath.replace('babel-preset-', '')] ||
       availablePresets[requirePath.replace('@babel/preset-', '')];
-    if (preset) {
+    if (preset && requirePath !== 'react') {
       return preset;
     }