upgrade

.circleci/config.yml

@@ -3,7 +3,7 @@ jobs:
   build:
     working_directory: ~/react-scripts
     docker:
-      - image: circleci/node:8
+      - image: circleci/node:12
     steps:
       - checkout
       - restore_cache:

config/babelOptions.js

@@ -44,6 +44,8 @@ const babelOptions = {
     '@babel/plugin-proposal-throw-expressions',
     '@babel/plugin-proposal-optional-chaining',
     '@babel/plugin-proposal-nullish-coalescing-operator',
+    '@babel/plugin-proposal-object-rest-spread',
+    '@babel/plugin-transform-for-of',
   ].filter(Boolean),
 };
 

package.json

@@ -1,44 +1,45 @@
 {
   "name": "@firstlookmedia/react-scripts",
-  "version": "2.0.0-rc28",
+  "version": "3.0.0",
   "description": "shared react site configs",
   "author": "First Look Media",
   "license": "MIT",
   "bin": {
     "react-scripts": "./bin/react-scripts.js"
   },
   "engines": {
-    "node": ">=6.0.0",
+    "node": ">=12.0.0",
     "yarn": "^1.6.0"
   },
   "dependencies": {
-    "@babel/cli": "^7.0.0",
-    "@babel/core": "^7.5.0",
+    "@babel/cli": "^7.17.0",
+    "@babel/core": "^7.17.0",
     "@babel/plugin-proposal-class-properties": "^7.0.0",
     "@babel/plugin-proposal-export-namespace-from": "^7.0.0",
     "@babel/plugin-proposal-function-sent": "^7.0.0",
     "@babel/plugin-proposal-json-strings": "^7.0.0",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.4.4",
     "@babel/plugin-proposal-numeric-separator": "^7.0.0",
-    "@babel/plugin-proposal-object-rest-spread": "^7.5.5",
+    "@babel/plugin-proposal-object-rest-spread": "^7.17.3",
     "@babel/plugin-proposal-optional-chaining": "^7.2.0",
     "@babel/plugin-proposal-throw-expressions": "^7.0.0",
     "@babel/plugin-syntax-dynamic-import": "^7.0.0",
     "@babel/plugin-syntax-import-meta": "^7.0.0",
     "@babel/plugin-transform-arrow-functions": "^7.2.0",
-    "@babel/plugin-transform-runtime": "^7.0.0",
+    "@babel/plugin-transform-runtime": "^7.17.0",
     "@babel/preset-env": "^7.5.5",
     "@babel/preset-react": "^7.0.0",
     "@babel/preset-typescript": "^7.3.3",
-    "@babel/runtime-corejs3": "^7.5.5",
+    "@babel/runtime": "^7.17.9",
+    "@babel/runtime-corejs3": "^7.17.8",
     "@loadable/babel-plugin": "^5.8.0",
     "@loadable/webpack-plugin": "^5.7.1",
     "autoprefixer": "^8",
     "aws-sdk": "^2.94.0",
     "babel-core": "^7.0.0-bridge.0",
     "babel-jest": "^23.4.2",
     "babel-loader": "^8.0.0",
-    "babel-plugin-relay": "^5.0.0",
+    "babel-plugin-relay": "^12.0.0",
     "chalk": "^2",
     "concat-stream": "^1.6.2",
     "cross-spawn": "^6",
@@ -64,7 +65,6 @@
     "messageformat-loader": "^0.8.1",
     "mime": "^2.0.3",
     "mini-css-extract-plugin": "^0.5.0",
-    "node-sass": "^4.9.0",
     "optimize-css-assets-webpack-plugin": "^5.0.3",
     "postcss-calc": "^5.3.1",
     "postcss-loader": "^2",
@@ -74,7 +74,8 @@
     "react-hot-loader": "^4.12.9",
     "resolve-bin": "^0.4.0",
     "resolve-url-loader": "^2.3.0",
-    "sass-loader": "^7.0.1",
+    "sass": "^1.49.10",
+    "sass-loader": "^7.2.0",
     "start-server-webpack-plugin": "^2.2.5",
     "style-loader": "^0.21",
     "ts-loader": "^5.2.1",
@@ -87,24 +88,24 @@
     "webpack-node-externals": "^1"
   },
   "peerDependencies": {
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0",
-    "react-relay": "^5.0.0",
-    "react-test-renderer": "^16.3.0",
-    "relay-compiler": "^5.0.0",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "react-relay": "^12.0.0",
+    "react-test-renderer": "^17.0.0",
+    "relay-compiler": "^12.0.0",
     "source-map-support": "^0.5"
   },
   "devDependencies": {
     "babel-plugin-macros": "^2.6.1",
     "eslint": "^4",
     "eslint-config-airbnb-base": "^12",
     "eslint-plugin-import": "^2",
-    "graphql": "^14.2.0",
-    "react": "^16.3.0",
-    "react-dom": "^16.3.0",
-    "react-relay": "^5.0.0",
-    "relay-compiler": "^5.0.0",
+    "graphql": "^15.5.1",
+    "react": "^17.0.0",
+    "react-dom": "^17.0.0",
+    "react-relay": "^12.0.0",
+    "relay-compiler": "^12.0.0",
     "source-map-support": "^0.5",
-    "typescript": "^3.2.2"
+    "typescript": "^4.6.3"
   }
 }

scripts/utils/babelLoaderConfig.json

@@ -5,7 +5,7 @@
     [
       "@babel/plugin-transform-runtime",
       {
-        "corejs": 2
+        "corejs": 3
       }
     ],
     "macros",

scripts/utils/relayCompilerArguments.js

@@ -33,10 +33,6 @@ module.exports = [
   '--artifactDirectory',
   'src/__generated__',
 
-  // FIXME: relay fork persist queries flag, remove when no projects use the fork
-  process.env.PERSIST_QUERIES === 'true' ? '--persist' : '',
-
-  // relay v2+ persist queries flag
-  process.env.PERSIST_QUERIES === 'true' ? '--persist-output' : '',
+  process.env.PERSIST_QUERIES === 'true' ? '--persistOutput' : '',
   process.env.PERSIST_QUERIES === 'true' ? './complete.queryMap.json' : '',
 ].reduce((acc, item) => acc.concat(item), []);