fix: Work around solid refresh bugs (#7613)

* update solid-refresh and babel-standalone

* force update @babel/types by messing with yarn.lock

* disable refresh babel plugins/presets for node_modules

* chore: delete old babel version

* undo babel upgrade

* update babel-types

* class properties explicit

Author: DeMoorJasper

packages/app/src/sandbox/eval/presets/create-react-app/index.ts

@@ -26,6 +26,7 @@ import base64Transpiler from '../../transpilers/base64';
 export const BASE_REACT_BABEL_PLUGINS = [
   'transform-flow-strip-types',
   ['proposal-decorators', { legacy: true }],
+  ['proposal-class-properties', { loose: true }],
   '@babel/plugin-transform-react-jsx-source',
   'babel-plugin-macros',
   [

packages/app/src/sandbox/eval/presets/solid/index.ts

@@ -34,7 +34,7 @@ export default function initialize() {
         const deps = { ...originalDeps };
 
         if (!deps['solid-refresh']) {
-          deps['solid-refresh'] = '^0.4.0';
+          deps['solid-refresh'] = '^0.5.2';
         }
 
         if (!deps['babel-preset-solid']) {

packages/app/src/sandbox/eval/transpilers/babel/babel-version.ts

@@ -1 +1 @@
-export const BABEL7_VERSION = '7.20.13';
+export const BABEL7_VERSION = '7.21.8';

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

@@ -292,6 +292,7 @@ async function installPlugin(opts, count = 0) {
     evaluatedPlugin = evaluatedFromPath.default || evaluatedFromPath;
   } catch (err) {
     if (count > 5) {
+      console.error('Compiling babel plugin ' + name + ' went wrong, got:');
       throw err;
     }
 
@@ -367,6 +368,7 @@ async function installPreset(opts, count = 0) {
     evaluatedPreset = evaluatedFromPath.default || evaluatedFromPath;
   } catch (err) {
     if (count > 5) {
+      console.error('Compiling babel preset ' + name + ' went wrong, got:');
       throw err;
     }
 
@@ -499,6 +501,17 @@ function getCustomConfig(
 async function compile(opts: any) {
   const { code, config, path, isV7, loaderContextId } = opts;
 
+  if (path.includes('node_modules')) {
+    const filterRefreshPlugins = p => {
+      return typeof p === 'string'
+        ? !p.includes('refresh')
+        : !p[0].includes('refresh');
+    };
+
+    config.plugins = config.plugins.filter(filterRefreshPlugins);
+    config.presets = config.presets.filter(filterRefreshPlugins);
+  }
+
   try {
     let result;
     try {

packages/app/static/js/babel.7.20.13.js

@@ -454,6 +454,11 @@
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.14.9.tgz#6654d171b2024f6d8ee151bf2509699919131d48"
   integrity sha512-pQYxPY0UP6IHISRitNe8bsijHex4TWZXi2HwKVsjPiltzlhse2znVcm9Ace510VT1kxIHjGJCZZQBX2gJDbo0g==
 
+"@babel/helper-validator-identifier@^7.19.1":
+  version "7.19.1"
+  resolved "https://registry.yarnpkg.com/@babel/helper-validator-identifier/-/helper-validator-identifier-7.19.1.tgz#7eea834cf32901ffdc1a7ee555e2f9c27e249ca2"
+  integrity sha512-awrNfaMtnHUr653GgGEs++LlAvW6w+DcPrOliSMXWCKo597CwL5Acf/wWdNkf/tfEQE3mjkeD1YOVZOUV/od1w==
+
 "@babel/helper-validator-option@^7.14.5":
   version "7.14.5"
   resolved "https://registry.yarnpkg.com/@babel/helper-validator-option/-/helper-validator-option-7.14.5.tgz#6e72a1fff18d5dfcb878e1e62f1a021c4b72d5a3"
@@ -1371,6 +1376,11 @@
     lodash "^4.17.13"
     to-fast-properties "^2.0.0"
 
+"@babel/helper-string-parser@^7.21.5":
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/helper-string-parser/-/helper-string-parser-7.21.5.tgz#2b3eea65443c6bdc31c22d037c65f6d323b6b2bd"
+  integrity sha512-5pTUx3hAJaZIdW99sJ6ZUUgWq/Y+Hja7TowEnLNMm1VivRgZQL3vpBY3qUACVsvw+yQU6+YgfBVmcbLaZtrA1w==
+
 "@babel/types@^7.0.0", "@babel/types@^7.0.0-beta.49", "@babel/types@^7.1.6", "@babel/types@^7.10.1", "@babel/types@^7.10.3", "@babel/types@^7.3.0", "@babel/types@^7.3.3", "@babel/types@^7.4.4", "@babel/types@^7.8.3", "@babel/types@^7.8.6", "@babel/types@^7.9.0", "@babel/types@^7.9.5", "@babel/types@^7.9.6":
   version "7.11.5"
   resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.11.5.tgz#d9de577d01252d77c6800cee039ee64faf75662d"
@@ -1381,11 +1391,12 @@
     to-fast-properties "^2.0.0"
 
 "@babel/types@^7.12.6", "@babel/types@^7.15.4":
-  version "7.15.4"
-  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.15.4.tgz#74eeb86dbd6748d2741396557b9860e57fce0a0d"
-  integrity sha512-0f1HJFuGmmbrKTCZtbm3cU+b/AqdEYk5toj5iQur58xkVMlS0JWaKxTBSmCXd47uiN7vbcozAupm6Mvs80GNhw==
+  version "7.21.5"
+  resolved "https://registry.yarnpkg.com/@babel/types/-/types-7.21.5.tgz#18dfbd47c39d3904d5db3d3dc2cc80bedb60e5b6"
+  integrity sha512-m4AfNvVF2mVC/F7fDEdH2El3HzUg9It/XsCxZiOTTA3m3qYfcSVSbTfM6Q9xG+hYDniZssYhlXKKUMD5m8tF4Q==
   dependencies:
-    "@babel/helper-validator-identifier" "^7.14.9"
+    "@babel/helper-string-parser" "^7.21.5"
+    "@babel/helper-validator-identifier" "^7.19.1"
     to-fast-properties "^2.0.0"
 
 "@bcoe/v8-coverage@^0.2.3":
@@ -33003,4 +33014,4 @@ zoom-level@^1.2.4:
 zustand@^3.6.9:
   version "3.7.2"
   resolved "https://registry.yarnpkg.com/zustand/-/zustand-3.7.2.tgz#7b44c4f4a5bfd7a8296a3957b13e1c346f42514d"
-  integrity sha512-PIJDIZKtokhof+9+60cpockVOq05sJzHCriyvaLBmEJixseQ1a5Kdov6fWZfWOu5SK9c+FhH1jU0tntLxRJYMA==
+  integrity sha512-PIJDIZKtokhof+9+60cpockVOq05sJzHCriyvaLBmEJixseQ1a5Kdov6fWZfWOu5SK9c+FhH1jU0tntLxRJYMA==