facebook · tsmock · Jul 19, 2023 · Jul 19, 2023 · Jul 19, 2023 · Jul 19, 2023
diff --git a/.husky/pre-commit b/.husky/pre-commit
@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -17,40 +17,36 @@
     "screencast:error": "svg-term --cast jyu19xGl88FQ3poMY8Hbmfw8y --out screencast-error.svg --window --at 12000 --no-cursor",
     "alex": "alex .",
     "test:integration": "jest test/integration",
-    "test": "cd packages/react-scripts && node bin/react-scripts.js test",
+    "test": "npm test -w babel-plugin-named-asset-import && npm test -w create-react-app && npm test -w react-dev-utils && npm test -w react-error-overlay && cd packages/react-scripts && node bin/react-scripts.js test",
     "eslint": "eslint .",
     "prettier": "prettier .",
-    "format": "npm run prettier -- --write"
+    "format": "npm run prettier -- --write",
+    "prepare": "husky install"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.15.1",
     "@testing-library/react": "^12.1.2",
     "@testing-library/user-event": "^13.5.0",
-    "alex": "^8.2.0",
-    "eslint": "^8.3.0",
+    "alex": "^11.0.0",
+    "eslint": "^8.45.0",
     "execa": "^5.1.1",
-    "fs-extra": "^10.0.0",
-    "get-port": "^5.1.1",
-    "globby": "^11.0.4",
-    "husky": "^4.3.8",
-    "jest": "^27.4.3",
-    "lerna": "^4.0.0",
+    "fs-extra": "^11.1.1",
+    "get-port": "^7.0.0",
+    "globby": "^13.2.2",
+    "husky": "^8.0.3",
+    "jest": "^29.6.1",
+    "lerna": "^7.1.4",
     "lerna-changelog": "^2.2.0",
-    "lint-staged": "^12.1.2",
-    "meow": "^9.0.0",
-    "multimatch": "^5.0.0",
-    "prettier": "^2.5.0",
-    "puppeteer": "^12.0.1",
-    "strip-ansi": "^6.0.1",
+    "lint-staged": "^13.2.3",
+    "meow": "^12.0.1",
+    "multimatch": "^6.0.0",
+    "prettier": "^3.0.0",
+    "puppeteer": "^20.8.3",
+    "strip-ansi": "^7.1.0",
     "svg-term-cli": "^2.1.1",
-    "tempy": "^1.0.1",
-    "wait-for-localhost": "^3.3.0",
-    "web-vitals": "^2.1.2"
-  },
-  "husky": {
-    "hooks": {
-      "pre-commit": "lint-staged"
-    }
+    "tempy": "^3.1.0",
+    "wait-for-localhost": "^4.0.1",
+    "web-vitals": "^3.4.0"
   },
   "lint-staged": {
     "*.{js,json,yml,yaml,css,scss,ts,tsx,md}": [

diff --git a/packages/babel-plugin-named-asset-import/package.json b/packages/babel-plugin-named-asset-import/package.json
@@ -19,8 +19,8 @@
     "@babel/core": "^7.1.0"
   },
   "devDependencies": {
-    "babel-plugin-tester": "^10.1.0",
-    "jest": "^27.4.3"
+    "babel-plugin-tester": "^11.0.4",
+    "jest": "^29.6.2"
   },
   "scripts": {
     "test": "jest"

diff --git a/packages/confusing-browser-globals/package.json b/packages/confusing-browser-globals/package.json
@@ -20,6 +20,6 @@
     "index.js"
   ],
   "devDependencies": {
-    "jest": "^27.4.3"
+    "jest": "^29.6.2"
   }
 }
diff --git a/packages/create-react-app/package.json b/packages/create-react-app/package.json
@@ -29,19 +29,19 @@
   },
   "dependencies": {
     "chalk": "^4.1.2",
-    "commander": "^4.1.1",
+    "commander": "^11.0.0",
     "cross-spawn": "^7.0.3",
-    "envinfo": "^7.8.1",
-    "fs-extra": "^10.0.0",
+    "envinfo": "^7.10.0",
+    "fs-extra": "^11.1.1",
     "hyperquest": "^2.1.3",
     "prompts": "^2.4.2",
     "semver": "^7.3.5",
     "tar-pack": "^3.4.1",
     "tmp": "^0.2.1",
-    "validate-npm-package-name": "^3.0.0"
+    "validate-npm-package-name": "^5.0.0"
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
-    "jest": "^27.4.3"
+    "jest": "^29.6.2"
   }
 }
diff --git a/packages/eslint-config-react-app/package.json b/packages/eslint-config-react-app/package.json
@@ -20,20 +20,20 @@
     "eslint": "^8.0.0"
   },
   "dependencies": {
-    "@babel/core": "^7.16.0",
-    "@babel/eslint-parser": "^7.16.3",
-    "@rushstack/eslint-patch": "^1.1.0",
-    "@typescript-eslint/eslint-plugin": "^5.5.0",
-    "@typescript-eslint/parser": "^5.5.0",
+    "@babel/core": "^7.22.9",
+    "@babel/eslint-parser": "^7.22.9",
+    "@rushstack/eslint-patch": "^1.3.2",
+    "@typescript-eslint/eslint-plugin": "^6.2.0",
+    "@typescript-eslint/parser": "^6.2.0",
     "babel-preset-react-app": "^10.0.1",
     "confusing-browser-globals": "^1.0.11",
     "eslint-plugin-flowtype": "^8.0.3",
-    "eslint-plugin-import": "^2.25.3",
-    "eslint-plugin-jest": "^25.3.0",
-    "eslint-plugin-jsx-a11y": "^6.5.1",
-    "eslint-plugin-react": "^7.27.1",
-    "eslint-plugin-react-hooks": "^4.3.0",
-    "eslint-plugin-testing-library": "^5.0.1"
+    "eslint-plugin-import": "^2.27.5",
+    "eslint-plugin-jest": "^27.2.3",
+    "eslint-plugin-jsx-a11y": "^6.7.1",
+    "eslint-plugin-react": "^7.33.0",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "eslint-plugin-testing-library": "^5.11.0"
   },
   "engines": {
     "node": ">=14.0.0"

diff --git a/packages/react-dev-utils/package.json b/packages/react-dev-utils/package.json
@@ -59,27 +59,27 @@
     "cross-spawn": "^7.0.3",
     "detect-port-alt": "^1.1.6",
     "escape-string-regexp": "^4.0.0",
-    "filesize": "^8.0.6",
-    "find-up": "^5.0.0",
-    "fork-ts-checker-webpack-plugin": "^6.5.0",
+    "filesize": "^10.0.8",
+    "find-up": "^6.3.0",
+    "fork-ts-checker-webpack-plugin": "^8.0.0",
     "global-modules": "^2.0.0",
-    "globby": "^11.0.4",
-    "gzip-size": "^6.0.0",
-    "immer": "^9.0.7",
-    "is-root": "^2.1.0",
+    "globby": "^13.2.2",
+    "gzip-size": "^7.0.0",
+    "immer": "^10.0.2",
+    "is-root": "^3.0.0",
     "loader-utils": "^3.2.0",
-    "open": "^8.4.0",
-    "pkg-up": "^3.1.0",
+    "open": "^9.1.0",
+    "pkg-up": "^4.0.0",
     "prompts": "^2.4.2",
     "react-error-overlay": "^6.0.11",
-    "recursive-readdir": "^2.2.2",
-    "shell-quote": "^1.7.3",
-    "strip-ansi": "^6.0.1",
+    "recursive-readdir": "^2.2.3",
+    "shell-quote": "^1.8.1",
+    "strip-ansi": "^7.1.0",
     "text-table": "^0.2.0"
   },
   "devDependencies": {
     "cross-env": "^7.0.3",
-    "jest": "^27.4.3"
+    "jest": "^29.6.2"
   },
   "scripts": {
     "test": "cross-env FORCE_COLOR=true jest"

diff --git a/packages/react-error-overlay/build.js b/packages/react-error-overlay/build.js
@@ -10,7 +10,7 @@ const webpack = require('webpack');
 const chalk = require('chalk');
 const webpackConfig = require('./webpack.config.js');
 const iframeWebpackConfig = require('./webpack.config.iframe.js');
-const rimraf = require('rimraf');
+const { rimraf } = require('rimraf');
 const chokidar = require('chokidar');
 
 const args = process.argv.slice(2);
@@ -91,7 +91,7 @@ function setupWatch() {
 }
 
 // Clean up lib folder
-rimraf('lib/', () => {
+rimraf('lib/').then(() => {
   console.log('Cleaned up the lib folder.\n');
   watchMode ? setupWatch() : runBuildSteps();
 });
diff --git a/packages/react-error-overlay/package.json b/packages/react-error-overlay/package.json
@@ -35,26 +35,27 @@
     "lib/index.js"
   ],
   "devDependencies": {
-    "@babel/code-frame": "^7.16.0",
-    "@babel/core": "^7.16.0",
-    "anser": "^2.1.0",
-    "babel-jest": "^27.4.2",
-    "babel-loader": "^8.2.3",
+    "@babel/code-frame": "^7.22.5",
+    "@babel/core": "^7.22.9",
+    "anser": "^2.1.1",
+    "babel-jest": "^29.6.1",
+    "babel-loader": "^9.1.3",
     "babel-preset-react-app": "^10.0.1",
     "chalk": "^4.1.2",
     "chokidar": "^3.5.2",
     "cross-env": "^7.0.3",
-    "flow-bin": "^0.116.0",
-    "html-entities": "^2.3.2",
-    "jest": "^27.4.3",
+    "flow-bin": "^0.213.1",
+    "html-entities": "^2.4.0",
+    "jest": "^29.6.1",
+    "jest-environment-jsdom": "^29.6.1",
     "jest-fetch-mock": "^3.0.3",
     "object-assign": "^4.1.1",
     "promise": "^8.1.0",
     "raw-loader": "^4.0.2",
     "react": "^17.0.2",
     "react-app-polyfill": "^3.0.0",
     "react-dom": "^17.0.2",
-    "rimraf": "^3.0.2",
+    "rimraf": "^5.0.1",
     "settle-promise": "^1.0.0",
     "source-map": "^0.5.7",
     "webpack": "^5.64.4"

diff --git a/packages/react-error-overlay/src/__tests__/__snapshots__/lines-around.js.snap b/packages/react-error-overlay/src/__tests__/__snapshots__/lines-around.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`should return lines around from a string 1`] = `
-Array [
+[
   ScriptLine {
     "content": "two",
     "highlight": false,
@@ -31,7 +31,7 @@ Array [
 `;
 
 exports[`should return lines around from an array 1`] = `
-Array [
+[
   ScriptLine {
     "content": "two",
     "highlight": false,

diff --git a/packages/react-error-overlay/src/__tests__/__snapshots__/unmapper.js.snap b/packages/react-error-overlay/src/__tests__/__snapshots__/unmapper.js.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`default context & unfound source 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": "B.js",
     "_originalFunctionName": "div",
     "_originalLineNumber": 8,
-    "_originalScriptCode": Array [
+    "_originalScriptCode": [
       ScriptLine {
         "content": "    return (",
         "highlight": false,
@@ -44,7 +44,7 @@ Array [
         "lineNumber": 11,
       },
     ],
-    "_scriptCode": Array [
+    "_scriptCode": [
       ScriptLine {
         "content": "        },",
         "highlight": false,

diff --git a/packages/react-error-overlay/src/__tests__/parser/__snapshots__/chrome.js.snap b/packages/react-error-overlay/src/__tests__/parser/__snapshots__/chrome.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`stack with eval 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": null,

diff --git a/packages/react-error-overlay/src/__tests__/parser/__snapshots__/firefox.js.snap b/packages/react-error-overlay/src/__tests__/parser/__snapshots__/firefox.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`eval 1 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": null,
@@ -42,7 +42,7 @@ Array [
 `;
 
 exports[`eval 2 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": null,
@@ -71,7 +71,7 @@ Array [
 `;
 
 exports[`stack with eval 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": null,
@@ -124,7 +124,7 @@ Array [
 `;
 
 exports[`v14 to v29 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": null,
@@ -177,7 +177,7 @@ Array [
 `;
 
 exports[`v30+ 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": null,

diff --git a/packages/react-error-overlay/src/__tests__/parser/__snapshots__/react.js.snap b/packages/react-error-overlay/src/__tests__/parser/__snapshots__/react.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`15.y.z 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": null,

diff --git a/packages/react-error-overlay/src/__tests__/parser/__snapshots__/safari.js.snap b/packages/react-error-overlay/src/__tests__/parser/__snapshots__/safari.js.snap
@@ -1,7 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`stack with eval 1`] = `
-Array [
+[
   StackFrame {
     "_originalColumnNumber": null,
     "_originalFileName": null,

diff --git a/packages/react-scripts/config/jest/cssTransform.js b/packages/react-scripts/config/jest/cssTransform.js
@@ -13,7 +13,7 @@
 
 module.exports = {
   process() {
-    return 'module.exports = {};';
+    return { code: 'module.exports = {};' };
   },
   getCacheKey() {
     // The output is always the same.

diff --git a/packages/react-scripts/config/jest/fileTransform.js b/packages/react-scripts/config/jest/fileTransform.js
@@ -17,7 +17,8 @@ module.exports = {
         pascalCase: true,
       });
       const componentName = `Svg${pascalCaseFilename}`;
-      return `const React = require('react');
+      return {
+        code: `const React = require('react');
       module.exports = {
         __esModule: true,
         default: ${assetFilename},
@@ -32,9 +33,10 @@ module.exports = {
             })
           };
         }),
-      };`;
+      };`,
+      };
     }
 
-    return `module.exports = ${assetFilename};`;
+    return { code: `module.exports = ${assetFilename};` };
   },
 };