[compiler] Add support for commonjs (facebook#34589)

We previously always generated import statements for any modules that
had to be required, notably the `import {c} from
'react/compiler-runtime'` for the memo cache function. However, this
obviously doesn't work when the source is using commonjs. Now we check
the sourceType of the module and generate require() statements if the
source type is 'script'.

I initially explored using
https://babeljs.io/docs/babel-helper-module-imports, but the API design
was unfortunately not flexible enough for our use-case. Specifically,
our pipeline is as follows:
* Compile individual functions. Generate candidate imports,
pre-allocating the local names for those imports.
* If the file is compiled successfully, actually add the imports to the
program.

Ie we need to pre-allocate identifier names for the imports before we
add them to the program — but that isn't supported by
babel-helper-module-imports. So instead we generate our own require()
calls if the sourceType is script.

DiffTrain build for [8ad773b](facebook@8ad773b)

Author: pull[bot]

compiled/eslint-plugin-react-hooks/index.js

@@ -51991,7 +51991,7 @@ function nameAnonymousFunctions(fn) {
     const functions = nameAnonymousFunctionsImpl(fn);
     function visit(node, prefix) {
         var _a, _b;
-        if (node.generatedName != null) {
+        if (node.generatedName != null && node.fn.nameHint == null) {
             const name = `${prefix}${node.generatedName}]`;
             node.fn.nameHint = name;
             node.fn.loweredFunc.func.nameHint = name;
@@ -52024,6 +52024,10 @@ function nameAnonymousFunctionsImpl(fn) {
                     if (name != null && name.kind === 'named') {
                         names.set(lvalue.identifier.id, name.value);
                     }
+                    const func = functions.get(value.place.identifier.id);
+                    if (func != null) {
+                        functions.set(lvalue.identifier.id, func);
+                    }
                     break;
                 }
                 case 'PropertyLoad': {
@@ -52051,6 +52055,7 @@ function nameAnonymousFunctionsImpl(fn) {
                     const node = functions.get(value.value.identifier.id);
                     const variableName = value.lvalue.place.identifier.name;
                     if (node != null &&
+                        node.generatedName == null &&
                         variableName != null &&
                         variableName.kind === 'named') {
                         node.generatedName = variableName.value;
@@ -52081,7 +52086,7 @@ function nameAnonymousFunctionsImpl(fn) {
                             continue;
                         }
                         const node = functions.get(arg.identifier.id);
-                        if (node != null) {
+                        if (node != null && node.generatedName == null) {
                             const generatedName = fnArgCount > 1 ? `${calleeName}(arg${i})` : `${calleeName}()`;
                             node.generatedName = generatedName;
                             functions.delete(arg.identifier.id);
@@ -52095,7 +52100,7 @@ function nameAnonymousFunctionsImpl(fn) {
                             continue;
                         }
                         const node = functions.get(attr.place.identifier.id);
-                        if (node != null) {
+                        if (node != null && node.generatedName == null) {
                             const elementName = value.tag.kind === 'BuiltinTag'
                                 ? value.tag.name
                                 : ((_b = names.get(value.tag.identifier.id)) !== null && _b !== void 0 ? _b : null);
@@ -53650,7 +53655,18 @@ function addImportsToProgram(path, programContext) {
             maybeExistingImports.pushContainer('specifiers', importSpecifiers);
         }
         else {
-            stmts.push(libExports$1.importDeclaration(importSpecifiers, libExports$1.stringLiteral(moduleName)));
+            if (path.node.sourceType === 'module') {
+                stmts.push(libExports$1.importDeclaration(importSpecifiers, libExports$1.stringLiteral(moduleName)));
+            }
+            else {
+                stmts.push(libExports$1.variableDeclaration('const', [
+                    libExports$1.variableDeclarator(libExports$1.objectPattern(sortedImport.map(specifier => {
+                        return libExports$1.objectProperty(libExports$1.identifier(specifier.imported), libExports$1.identifier(specifier.name));
+                    })), libExports$1.callExpression(libExports$1.identifier('require'), [
+                        libExports$1.stringLiteral(moduleName),
+                    ])),
+                ]));
+            }
         }
     }
     path.unshiftContainer('body', stmts);
@@ -57359,8 +57375,8 @@ function getNodeWithoutReactNamespace(node) {
     }
     return node;
 }
-function isUseEffectIdentifier(node) {
-    return node.type === 'Identifier' && node.name === 'useEffect';
+function isEffectIdentifier(node) {
+    return node.type === 'Identifier' && (node.name === 'useEffect' || node.name === 'useLayoutEffect' || node.name === 'useInsertionEffect');
 }
 function isUseEffectEventIdentifier(node) {
     {
@@ -57660,7 +57676,7 @@ const rule = {
                     reactHooks.push(node.callee);
                 }
                 const nodeWithoutNamespace = getNodeWithoutReactNamespace(node.callee);
-                if ((isUseEffectIdentifier(nodeWithoutNamespace) ||
+                if ((isEffectIdentifier(nodeWithoutNamespace) ||
                     isUseEffectEventIdentifier(nodeWithoutNamespace)) &&
                     node.arguments.length > 0) {
                     lastEffect = node;

compiled/facebook-www/REVISION

@@ -1 +1 @@
-cad813ac1ed5c04c6ccb390a3bdf5fedbbacaa45
+8ad773b1f342d20e4773c8d086028c6927445a22

compiled/facebook-www/REVISION_TRANSFORMS

@@ -1 +1 @@
-cad813ac1ed5c04c6ccb390a3bdf5fedbbacaa45
+8ad773b1f342d20e4773c8d086028c6927445a22

compiled/facebook-www/React-dev.classic.js

@@ -1419,7 +1419,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.2.0-www-classic-cad813ac-20250923";
+    exports.version = "19.2.0-www-classic-8ad773b1-20250924";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-dev.modern.js

@@ -1419,7 +1419,7 @@ __DEV__ &&
     exports.useTransition = function () {
       return resolveDispatcher().useTransition();
     };
-    exports.version = "19.2.0-www-modern-cad813ac-20250923";
+    exports.version = "19.2.0-www-modern-8ad773b1-20250924";
     "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
       "function" ===
         typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-prod.classic.js

@@ -602,4 +602,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.2.0-www-classic-cad813ac-20250923";
+exports.version = "19.2.0-www-classic-8ad773b1-20250924";

compiled/facebook-www/React-prod.modern.js

@@ -602,4 +602,4 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.2.0-www-modern-cad813ac-20250923";
+exports.version = "19.2.0-www-modern-8ad773b1-20250924";

compiled/facebook-www/React-profiling.classic.js

@@ -606,7 +606,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.2.0-www-classic-cad813ac-20250923";
+exports.version = "19.2.0-www-classic-8ad773b1-20250924";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&

compiled/facebook-www/React-profiling.modern.js

@@ -606,7 +606,7 @@ exports.useSyncExternalStore = function (
 exports.useTransition = function () {
   return ReactSharedInternals.H.useTransition();
 };
-exports.version = "19.2.0-www-modern-cad813ac-20250923";
+exports.version = "19.2.0-www-modern-8ad773b1-20250924";
 "undefined" !== typeof __REACT_DEVTOOLS_GLOBAL_HOOK__ &&
   "function" ===
     typeof __REACT_DEVTOOLS_GLOBAL_HOOK__.registerInternalModuleStop &&