Preload react-refresh/babel in babel workers for perf

Author: CompuIves

packages/app/package.json

@@ -192,6 +192,7 @@
     "react-modal": "^3.6.1",
     "react-motion": "^0.5.0",
     "react-outside-click-handler": "^1.2.3",
+    "react-refresh": "^0.7.1",
     "react-router-dom": "^5.0.1",
     "react-scrollbars-custom": "^4.0.20",
     "react-show": "^3.0.4",

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

@@ -2,6 +2,7 @@
 import { flatten } from 'lodash-es';
 import codeFrame from 'babel-code-frame';
 import macrosPlugin from 'babel-plugin-macros';
+import refreshBabelPlugin from 'react-refresh/babel';
 import chainingPlugin from '@babel/plugin-proposal-optional-chaining';
 import coalescingPlugin from '@babel/plugin-proposal-nullish-coalescing-operator';
 
@@ -635,6 +636,13 @@ self.addEventListener('message', async event => {
       Babel.registerPlugin('proposal-optional-chaining', chainingPlugin);
     }
 
+    if (
+      flattenedPlugins.indexOf('react-refresh/babel') > -1 &&
+      Object.keys(Babel.availablePlugins).indexOf('react-refresh/babel') === -1
+    ) {
+      Babel.registerPlugin('react-refresh/babel', refreshBabelPlugin);
+    }
+
     const coalescingInPlugins =
       flattenedPlugins.indexOf('proposal-nullish-coalescing-operator') > -1 ||
       flattenedPlugins.indexOf(

yarn.lock

@@ -25433,6 +25433,11 @@ react-redux@^7.0.2:
     prop-types "^15.7.2"
     react-is "^16.8.6"
 
+react-refresh@^0.7.1:
+  version "0.7.1"
+  resolved "https://registry.yarnpkg.com/react-refresh/-/react-refresh-0.7.1.tgz#b9605e4cd0e5366b9cc21705ebe6ee5bda8ccf85"
+  integrity sha512-tFM1EmOxub/hMKtXilOslJTEt7ANDMwtjD8psJAFSe1oQl7anmGEQONxSR+hAYePgHGI1eVhRVdprBruXu3wfw==
+
 react-resize-detector@^4.0.5:
   version "4.2.0"
   resolved "https://registry.yarnpkg.com/react-resize-detector/-/react-resize-detector-4.2.0.tgz#b87aee6b37c9e8a52daca8736b3230cf6a2a8647"