stash

Author: MajorLift

development/webpack/utils/cli.ts

@@ -356,6 +356,14 @@ function getOptions(
       group: toOrange('Security:'),
       type: 'boolean',
     },
+    reactCompilerDebug: {
+      alias: 'u',
+      array: false,
+      default: false,
+      description: 'Enables/disables React Compiler debug mode',
+      group: toOrange('Developer Assistance:'),
+      type: 'boolean',
+    },
 
     dryRun: {
       array: false,

development/webpack/utils/config.ts

@@ -190,8 +190,83 @@ function loadConfigVars(
 
   return definitions;
 }
+
+/**
+ * React Compiler logger that tracks compilation statistics
+ */
+class ReactCompilerLogger {
+  private compiledCount = 0;
+
+  private skippedCount = 0;
+
+  private errorCount = 0;
+
+  private compiledFiles: string[] = [];
+
+  private skippedFiles: string[] = [];
+
+  private errorFiles: string[] = [];
+
+  logEvent(
+    filename: string | null,
+    event: { kind: string; detail: { options: { category: string } } },
+  ) {
+    if (filename === null) {
+      return;
+    }
+    switch (event.kind) {
+      case 'CompileSuccess':
+        this.compiledCount++;
+        this.compiledFiles.push(filename);
+        console.log(`✅ Compiled: ${filename}`);
+        break;
+      case 'CompileSkip':
+        this.skippedCount++;
+        this.skippedFiles.push(filename);
+        break;
+      case 'CompileError':
+        this.errorCount++;
+        this.errorFiles.push(filename);
+        if (event.detail?.options?.category !== 'Todo') {
+          console.error(
+            `❌ React Compiler error in ${filename}: ${JSON.stringify(event.detail?.options) || 'Unknown error'}`,
+          );
+        }
+        break;
+      default:
+        // Ignore other event types
+        break;
+    }
+  }
+
+  getStats() {
+    return {
+      compiled: this.compiledCount,
+      skipped: this.skippedCount,
+      errors: this.errorCount,
+      total: this.compiledCount + this.skippedCount + this.errorCount,
+      compiledFiles: this.compiledFiles,
+      skippedFiles: this.skippedFiles,
+      errorFiles: this.errorFiles,
+    };
+  }
+
+  logSummary() {
+    const stats = this.getStats();
+    console.log('\n📊 React Compiler Statistics:');
+    console.log(`   ✅ Compiled: ${stats.compiled} files`);
+    console.log(`   ⏭️  Skipped: ${stats.skipped} files`);
+    console.log(`   ❌ Errors: ${stats.errors} files`);
+    console.log(`   📦 Total processed: ${stats.total} files`);
+  }
+}
+
+// Create a singleton logger instance
+const reactCompilerLogger = new ReactCompilerLogger();
+
 export const reactCompilerOptions = {
   target: '17',
+  logger: reactCompilerLogger,
   sources: (filename) => {
     const excludePatterns = [
       '.test.',
@@ -212,3 +287,10 @@ export const reactCompilerOptions = {
     return true;
   },
 } as const satisfies ReactCompilerLoaderOption;
+
+/**
+ * Get the React Compiler logger instance for accessing statistics
+ */
+export function getReactCompilerLogger(): ReactCompilerLogger {
+  return reactCompilerLogger;
+}

development/webpack/webpack.config.ts

@@ -38,7 +38,11 @@ import { transformManifest } from './utils/plugins/ManifestPlugin/helpers';
 import { parseArgv, getDryRunMessage } from './utils/cli';
 import { getCodeFenceLoader } from './utils/loaders/codeFenceLoader';
 import { getSwcLoader } from './utils/loaders/swcLoader';
-import { getVariables, reactCompilerOptions } from './utils/config';
+import {
+  getVariables,
+  reactCompilerOptions,
+  getReactCompilerLogger,
+} from './utils/config';
 import { ManifestPlugin } from './utils/plugins/ManifestPlugin';
 import { getLatestCommit } from './utils/git';
 
@@ -215,6 +219,19 @@ if (args.progress) {
   const { ProgressPlugin } = require('webpack');
   plugins.push(new ProgressPlugin());
 }
+
+if (args.stats) {
+  // React Compiler statistics logger plugin
+  plugins.push({
+    apply(compiler) {
+      compiler.hooks.done.tap('ReactCompilerStatsPlugin', () => {
+        const logger = getReactCompilerLogger();
+        logger.logSummary();
+      });
+    },
+  } as WebpackPluginInstance);
+}
+
 // #endregion plugins
 
 const swcConfig = { args, browsersListQuery, isDevelopment };

package.json

@@ -682,7 +682,7 @@
     "process": "^0.11.10",
     "pumpify": "^2.0.1",
     "randomcolor": "^0.5.4",
-    "react-compiler-webpack": "0.2.1",
+    "react-compiler-webpack": "^1.0.0",
     "react-devtools": "^6.1.5",
     "react-devtools-core": "^6.1.5",
     "react-syntax-highlighter": "^15.5.0",

yarn.lock

@@ -33497,7 +33497,7 @@ __metadata:
     react-beautiful-dnd: "npm:^13.1.1"
     react-chartjs-2: "npm:^5.2.0"
     react-compiler-runtime: "npm:^1.0.0"
-    react-compiler-webpack: "npm:0.2.1"
+    react-compiler-webpack: "npm:^1.0.0"
     react-devtools: "npm:^6.1.5"
     react-devtools-core: "npm:^6.1.5"
     react-dom: "npm:^17.0.2"
@@ -37662,16 +37662,16 @@ __metadata:
   languageName: node
   linkType: hard
 
-"react-compiler-webpack@npm:0.2.1":
-  version: 0.2.1
-  resolution: "react-compiler-webpack@npm:0.2.1"
+"react-compiler-webpack@npm:^1.0.0":
+  version: 1.0.0
+  resolution: "react-compiler-webpack@npm:1.0.0"
   dependencies:
-    "@babel/core": "npm:^7.28.4"
+    "@babel/core": "npm:^7.28.5"
     "@babel/plugin-syntax-jsx": "npm:^7.27.1"
     "@babel/plugin-syntax-typescript": "npm:^7.27.1"
   peerDependencies:
     babel-plugin-react-compiler: "*"
-  checksum: 10/5571abebe68334969f3a40c6c21a4a6c3d8ba8a63c91348eac1209624e58e5b373609677244bbbd7480a094517c1b15f75d54400a91914728d74c9194d76775a
+  checksum: 10/00f07cbfa1568628ea593fbbb577645dac73baa682462ace681de610c9a4800039ddd33fbc751260fa1a36a114ddc4a6ffb48c9b84aab9298ae9b3db6ba0b7ed
   languageName: node
   linkType: hard