Update relay versions to latest in example devtools app

Summary:
We have an example app that embeds devtools on the web page here: fbcode/extensions/chrome/relay-devtools.

The relay version being used is very old (5+ years). This diff updates relay to the latest version (17).

Reviewed By: tyao1

Differential Revision: D60324999

fbshipit-source-id: fd360f044205d9c7acbf3e2a351dd523ecad0118

babel.config.js

@@ -49,8 +49,15 @@ module.exports = api => {
   }
   return {
     plugins,
+    sourceType: "unambiguous",
+    ignore: [
+        /\/node_modules\//,
+    ],
     presets: [
-      ['@babel/preset-env', { targets }],
+      ['@babel/preset-env', {
+        useBuiltIns: 'entry',
+        targets,
+    }],
       '@babel/preset-react',
       '@babel/preset-flow',
     ],

package.json

@@ -78,7 +78,7 @@
     "**/*.js": "eslint --max-warnings 0"
   },
   "devDependencies": {
-    "@babel/core": "^7.7.5",
+    "@babel/core": "^7.18.0",
     "@babel/plugin-proposal-class-properties": "^7.7.4",
     "@babel/plugin-proposal-nullish-coalescing-operator": "^7.13.8",
     "@babel/plugin-proposal-optional-chaining": "^7.7.5",
@@ -87,14 +87,14 @@
     "@babel/preset-env": "^7.7.6",
     "@babel/preset-flow": "^7.7.4",
     "@babel/preset-react": "^7.7.4",
+    "@babel/runtime": "^7.25.0",
     "@reach/menu-button": "^0.5.4",
     "@reach/tooltip": "^0.5.4",
     "archiver": "^3.0.0",
-    "babel-core": "^7.0.0-bridge",
-    "babel-eslint": "^10.0.3",
+    "babel-eslint": "9.0.0",
     "babel-jest": "^24.9.0",
     "babel-loader": "^8.0.6",
-    "babel-plugin-relay": "master",
+    "babel-plugin-relay": "^17.0.0",
     "chance": "^1.0.18",
     "child-process-promise": "^2.2.1",
     "chrome-launch": "^1.1.4",
@@ -131,11 +131,10 @@
     "prop-types": "^15.7.2",
     "react": "^0.0.0-50b50c26f",
     "react-dom": "^0.0.0-50b50c26f",
-    "react-relay": "master",
+    "react-relay": "17.0.0",
     "react-test-renderer": "^0.0.0-50b50c26f",
     "react-virtualized-auto-sizer": "^1.0.2",
-    "relay-compiler": "master",
-    "relay-config": "master",
+    "relay-compiler": "17.0.0",
     "rimraf": "^2.6.3",
     "scheduler": "^0.0.0-50b50c26f",
     "style-loader": "^0.23.1",

relay.config.js

@@ -8,7 +8,6 @@
 module.exports = {
   src: './shells/dev/relay-app',
   schema: './shells/dev/relay-app/schema.graphql',
-  watchman: false,
-  watch: false,
-  exclude: ['**/node_modules/**', '**/__generated__/**'],
+  language: 'flow',
+  excludes: ['**/node_modules/**', '**/__generated__/**'],
 };

shells/dev/webpack.config.js

@@ -44,6 +44,7 @@ const config = {
   resolve: {
     alias: {
       src: path.resolve(__dirname, '../../src'),
+      '@babel/runtime': path.resolve(__dirname, '../../node_modules/@babel/runtime'),
     },
   },
   plugins: [