[code-infra] Support JSX and TS in bundle scripts

Author: Janpot

packages/bundle-size-checker/package.json

@@ -24,6 +24,11 @@
   "dependencies": {
     "@aws-sdk/client-s3": "^3.515.0",
     "@aws-sdk/credential-providers": "^3.787.0",
+    "@babel/core": "^7.27.1",
+    "@babel/preset-env": "^7.20.2",
+    "@babel/preset-react": "^7.18.6",
+    "@babel/preset-typescript": "^7.27.1",
+    "babel-loader": "^10.0.0",
     "chalk": "^5.4.1",
     "compression-webpack-plugin": "^10.0.0",
     "css-loader": "^7.1.2",

packages/bundle-size-checker/src/worker.js

@@ -8,6 +8,7 @@ import TerserPlugin from 'terser-webpack-plugin';
 import { BundleAnalyzerPlugin } from 'webpack-bundle-analyzer';
 import { createRequire } from 'node:module';
 import chalk from 'chalk';
+import * as module from 'module';
 import { byteSizeFormatter } from './formatUtils.js';
 
 /**
@@ -27,10 +28,22 @@ const require = createRequire(import.meta.url);
  */
 async function getPeerDependencies(packageName) {
   try {
-    // Try to resolve packageName/package.json
-    const packageJsonPath = require.resolve(`${packageName}/package.json`, {
-      paths: [rootDir],
-    });
+    /** @type {string | undefined} */
+    let packageJsonPath;
+
+    if (module.findPackageJSON) {
+      // findPackageJSON was added in: v23.2.0, v22.14.0
+      packageJsonPath = module.findPackageJSON(packageName, `${rootDir}/_.js`);
+    } else {
+      // Try to resolve packageName/package.json
+      packageJsonPath = require.resolve(`${packageName}/package.json`, {
+        paths: [rootDir],
+      });
+    }
+
+    if (!packageJsonPath) {
+      return null;
+    }
 
     // Read and parse the package.json
     const packageJsonContent = await fs.readFile(packageJsonPath, 'utf8');
@@ -160,6 +173,16 @@ async function createWebpackConfig(entry, args) {
     },
     module: {
       rules: [
+        {
+          test: /\.[jt]sx?$/,
+          exclude: /node_modules/,
+          use: {
+            loader: 'babel-loader',
+            options: {
+              presets: ['@babel/preset-env', '@babel/preset-react', '@babel/preset-typescript'],
+            },
+          },
+        },
         {
           test: /\.css$/,
           use: [require.resolve('css-loader')],