[DevTools] Stop polyfilling Buffer (#34512)

Author: eps1lon

packages/react-devtools-extensions/webpack.config.js

@@ -119,7 +119,6 @@ module.exports = {
   plugins: [
     new Webpack.ProvidePlugin({
       process: 'process/browser',
-      Buffer: ['buffer', 'Buffer'],
     }),
     new Webpack.DefinePlugin({
       __DEV__,

packages/react-devtools-fusebox/webpack.config.frontend.js

@@ -74,7 +74,6 @@ module.exports = {
     new MiniCssExtractPlugin(),
     new Webpack.ProvidePlugin({
       process: 'process/browser',
-      Buffer: ['buffer', 'Buffer'],
     }),
     new Webpack.DefinePlugin({
       __DEV__,

packages/react-devtools-inline/webpack.config.js

@@ -65,7 +65,6 @@ module.exports = {
   plugins: [
     new Webpack.ProvidePlugin({
       process: 'process/browser',
-      Buffer: ['buffer', 'Buffer'],
     }),
     new Webpack.DefinePlugin({
       __DEV__,

packages/react-devtools-shared/package.json

@@ -10,11 +10,11 @@
     "react-dom-15": "npm:react-dom@^15"
   },
   "dependencies": {
-    "@babel/parser": "^7.12.5",
-    "@babel/preset-env": "^7.11.0",
+    "@babel/parser": "^7.28.3",
+    "@babel/preset-env": "7.26.9",
     "@babel/preset-flow": "^7.10.4",
     "@babel/runtime": "^7.11.2",
-    "@babel/traverse": "^7.12.5",
+    "@babel/traverse": "^7.28.3",
     "@reach/menu-button": "^0.16.1",
     "@reach/tooltip": "^0.16.0",
     "clipboard-js": "^0.3.6",

packages/react-devtools-shared/src/hooks/parseHookNames/loadSourceAndMetadata.js

@@ -119,17 +119,7 @@ export async function loadSourceAndMetadata(
 }
 
 function decodeBase64String(encoded: string): Object {
-  if (typeof atob === 'function') {
-    return atob(encoded);
-  } else if (
-    typeof Buffer !== 'undefined' &&
-    Buffer !== null &&
-    typeof Buffer.from === 'function'
-  ) {
-    return Buffer.from(encoded, 'base64');
-  } else {
-    throw Error('Cannot decode base64 string');
-  }
+  return atob(encoded);
 }
 
 function extractAndLoadSourceMapJSON(

scripts/ci/run_devtools_e2e_tests.js

@@ -55,7 +55,11 @@ function buildInlinePackage() {
     logDim(data);
   });
   buildProcess.stderr.on('data', data => {
-    if (`${data}`.includes('Warning')) {
+    if (
+      `${data}`.includes('Warning') ||
+      // E.g. [BABEL] Note: The code generator has deoptimised the styling of * as it exceeds the max of 500KB.
+      `${data}`.includes('[BABEL] Note')
+    ) {
       logDim(data);
     } else {
       logError(`Error:\n${data}`);