Unique names

Author: Ives van Hoorne

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

@@ -250,44 +250,44 @@ self.addEventListener('message', async event => {
     lastConfig = stringifiedConfig;
   }
 
-  const flattenedPresets = flatten(config.presets || []);
-  const flattenedPlugins = flatten(config.plugins || []);
+  const codeSandboxFlattenedPresets = flatten(config.presets || []);
+  const codeSandboxFlattenedPlugins = flatten(config.plugins || []);
 
   if (!disableCodeSandboxPlugins) {
     if (
-      flattenedPresets.indexOf('env') > -1 &&
+      codeSandboxFlattenedPresets.indexOf('env') > -1 &&
       Object.keys(Babel.availablePresets).indexOf('env') === -1 &&
       version !== 7
     ) {
       Babel.registerPreset('env', Babel.availablePresets.latest);
     }
 
     if (
-      flattenedPresets.indexOf('env') > -1 &&
+      codeSandboxFlattenedPresets.indexOf('env') > -1 &&
       Object.keys(Babel.availablePresets).indexOf('env') === -1 &&
       version === 7
     ) {
       Babel.registerPreset('env', Babel.availablePresets.es2015);
     }
 
     if (
-      flattenedPlugins.indexOf('transform-vue-jsx') > -1 &&
+      codeSandboxFlattenedPlugins.indexOf('transform-vue-jsx') > -1 &&
       Object.keys(Babel.availablePlugins).indexOf('transform-vue-jsx') === -1
     ) {
       const vuePlugin = await import(/* webpackChunkName: 'babel-plugin-transform-vue-jsx' */ 'babel-plugin-transform-vue-jsx');
       Babel.registerPlugin('transform-vue-jsx', vuePlugin);
     }
 
     if (
-      flattenedPlugins.indexOf('jsx-pragmatic') > -1 &&
+      codeSandboxFlattenedPlugins.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('transform-cx-jsx') > -1 &&
+      codeSandboxFlattenedPlugins.indexOf('transform-cx-jsx') > -1 &&
       Object.keys(Babel.availablePlugins).indexOf('transform-cx-jsx') === -1
     ) {
       const cxJsxPlugin = await import(/* webpackChunkName: 'transform-cx-jsx' */ 'babel-plugin-transform-cx-jsx');
@@ -297,56 +297,60 @@ self.addEventListener('message', async event => {
 
   try {
     await Promise.all(
-      flattenedPlugins.filter(p => typeof p === 'string').map(async p => {
-        const normalizedName = p
-          .replace('babel-plugin-', '')
-          .replace('@babel/plugin-', '');
-        if (
-          !Babel.availablePlugins[normalizedName] &&
-          !Babel.availablePlugins[p]
-        ) {
-          try {
-            await installPlugin(
-              Babel,
-              BrowserFS.BFSRequire,
-              p,
-              path,
-              !Babel.version.startsWith('6')
-            );
-          } catch (e) {
-            throw new Error(
-              `Could not find/install babel plugin '${p}': ${e.message}`
-            );
+      codeSandboxFlattenedPlugins
+        .filter(p => typeof p === 'string')
+        .map(async p => {
+          const normalizedName = p
+            .replace('babel-plugin-', '')
+            .replace('@babel/plugin-', '');
+          if (
+            !Babel.availablePlugins[normalizedName] &&
+            !Babel.availablePlugins[p]
+          ) {
+            try {
+              await installPlugin(
+                Babel,
+                BrowserFS.BFSRequire,
+                p,
+                path,
+                !Babel.version.startsWith('6')
+              );
+            } catch (e) {
+              throw new Error(
+                `Could not find/install babel plugin '${p}': ${e.message}`
+              );
+            }
           }
-        }
-      })
+        })
     );
 
     await Promise.all(
-      flattenedPresets.filter(p => typeof p === 'string').map(async p => {
-        const normalizedName = p
-          .replace('babel-preset-', '')
-          .replace('@babel/preset-', '');
-
-        if (
-          !Babel.availablePresets[normalizedName] &&
-          !Babel.availablePresets[p]
-        ) {
-          try {
-            await installPreset(
-              Babel,
-              BrowserFS.BFSRequire,
-              p,
-              path,
-              !Babel.version.startsWith('6')
-            );
-          } catch (e) {
-            throw new Error(
-              `Could not find/install babel preset '${p}': ${e.message}`
-            );
+      codeSandboxFlattenedPresets
+        .filter(p => typeof p === 'string')
+        .map(async p => {
+          const normalizedName = p
+            .replace('babel-preset-', '')
+            .replace('@babel/preset-', '');
+
+          if (
+            !Babel.availablePresets[normalizedName] &&
+            !Babel.availablePresets[p]
+          ) {
+            try {
+              await installPreset(
+                Babel,
+                BrowserFS.BFSRequire,
+                p,
+                path,
+                !Babel.version.startsWith('6')
+              );
+            } catch (e) {
+              throw new Error(
+                `Could not find/install babel preset '${p}': ${e.message}`
+              );
+            }
           }
-        }
-      })
+        })
     );
 
     const plugins = [...(config.plugins || [])];