@react-native/codegen 0.89.0-nightly-20260920-6019ea14b → 0.89.0-nightly-20260923-4b6cd413d

package/lib/generators/components/GenerateViewConfigJs.js

@@ -23,7 +23,8 @@ ${imports}
 
 ${componentConfig}
 `;
-const UIMANAGER_IMPORT = 'const {UIManager} = require("react-native")';
+const UIMANAGER_IMPORT = 'const {UIManager} = require("react-native");';
+const RENDERER_IMPORT = 'const {Renderer} = require("react-native/unstable-internals-do-not-use");';
 function expression(input) {
   return core.template.expression(input)();
 }
@@ -42,15 +43,15 @@ function getReactDiffProcessValue(typeAnnotation) {
     case 'ReservedPropTypeAnnotation':
       switch (typeAnnotation.name) {
         case 'ColorPrimitive':
-          return expression("require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute");
+          return expression("require('react-native/unstable-internals-do-not-use').colorAttribute");
         case 'ImageSourcePrimitive':
-          return expression("{ process: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Image/resolveAssetSource')) }");
+          return expression("{ process: require('react-native').Image.resolveAssetSource }");
         case 'ImageRequestPrimitive':
           throw new Error('ImageRequest should not be used in props');
         case 'PointPrimitive':
-          return expression("{ diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')) }");
+          return expression("{ diff: require('react-native/unstable-internals-do-not-use').pointsDiffer }");
         case 'EdgeInsetsPrimitive':
-          return expression("{ diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/insetsDiffer')) }");
+          return expression("{ diff: require('react-native/unstable-internals-do-not-use').insetsDiffer }");
         case 'DimensionPrimitive':
           return t.booleanLiteral(true);
         default:
@@ -61,7 +62,7 @@ function getReactDiffProcessValue(typeAnnotation) {
       if (typeAnnotation.elementType.type === 'ReservedPropTypeAnnotation') {
         switch (typeAnnotation.elementType.name) {
           case 'ColorPrimitive':
-            return expression("{ process: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/StyleSheet/processColorArray')) }");
+            return expression("{ process: require('react-native/unstable-internals-do-not-use').processColorArray }");
           case 'ImageSourcePrimitive':
           case 'PointPrimitive':
           case 'EdgeInsetsPrimitive':
@@ -116,7 +117,7 @@ function normalizeInputEventName(name) {
   return name;
 }
 function getValidAttributesForEvents(events, imports) {
-  imports.add("const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore');");
+  imports.add("const {ConditionallyIgnoredEventHandlers} = require('react-native/unstable-internals-do-not-use');");
   const validAttributes = t.objectExpression(events.map(eventType => {
     return t.objectProperty(t.identifier(eventType.name), t.booleanLiteral(true));
   }));
@@ -136,7 +137,7 @@ function buildViewConfig(schema, componentName, component, imports) {
       case 'ReactNativeBuiltInType':
         switch (extendProps.knownTypeName) {
           case 'ReactNativeCoreViewProps':
-            imports.add("const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry');");
+            imports.add("const {NativeComponentRegistry} = require('react-native');");
             return;
           default:
             extendProps.knownTypeName;
@@ -181,11 +182,11 @@ function buildCommands(schema, componentName, component, imports) {
   if (commands.length === 0) {
     return null;
   }
-  imports.add('const {dispatchCommand} = require("react-native/Libraries/ReactNative/RendererProxy");');
+  imports.add(RENDERER_IMPORT);
   const commandsObject = t.objectExpression(commands.map(command => {
     const commandName = command.name;
     const params = command.typeAnnotation.params;
-    const dispatchCommandCall = t.callExpression(t.identifier('dispatchCommand'), [t.identifier('ref'), t.stringLiteral(commandName), t.arrayExpression(params.map(param => t.identifier(param.name)))]);
+    const dispatchCommandCall = t.callExpression(t.memberExpression(t.identifier('Renderer'), t.identifier('dispatchCommand')), [t.identifier('ref'), t.stringLiteral(commandName), t.arrayExpression(params.map(param => t.identifier(param.name)))]);
     return t.objectMethod('method', t.identifier(commandName), [t.identifier('ref'), ...params.map(param => t.identifier(param.name))], t.blockStatement([t.expressionStatement(dispatchCommandCall)]));
   }));
   return t.exportNamedDeclaration(t.variableDeclaration('const', [t.variableDeclarator(t.identifier('Commands'), commandsObject)]));

package/lib/generators/components/GenerateViewConfigJs.js.flow

@@ -55,7 +55,9 @@ ${componentConfig}
 
 // We use this to add to a set. Need to make sure we aren't importing
 // this multiple times.
-const UIMANAGER_IMPORT = 'const {UIManager} = require("react-native")';
+const UIMANAGER_IMPORT = 'const {UIManager} = require("react-native");';
+const RENDERER_IMPORT =
+  'const {Renderer} = require("react-native/unstable-internals-do-not-use");';
 
 function expression(input: string) {
   return core.template.expression(input)();
@@ -77,21 +79,21 @@ function getReactDiffProcessValue(typeAnnotation: PropTypeAnnotation) {
       switch (typeAnnotation.name) {
         case 'ColorPrimitive':
           return expression(
-            "require('react-native/Libraries/Components/View/ReactNativeStyleAttributes').colorAttribute",
+            "require('react-native/unstable-internals-do-not-use').colorAttribute",
           );
         case 'ImageSourcePrimitive':
           return expression(
-            "{ process: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Image/resolveAssetSource')) }",
+            "{ process: require('react-native').Image.resolveAssetSource }",
           );
         case 'ImageRequestPrimitive':
           throw new Error('ImageRequest should not be used in props');
         case 'PointPrimitive':
           return expression(
-            "{ diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/pointsDiffer')) }",
+            "{ diff: require('react-native/unstable-internals-do-not-use').pointsDiffer }",
           );
         case 'EdgeInsetsPrimitive':
           return expression(
-            "{ diff: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/Utilities/differ/insetsDiffer')) }",
+            "{ diff: require('react-native/unstable-internals-do-not-use').insetsDiffer }",
           );
         case 'DimensionPrimitive':
           return t.booleanLiteral(true);
@@ -106,7 +108,7 @@ function getReactDiffProcessValue(typeAnnotation: PropTypeAnnotation) {
         switch (typeAnnotation.elementType.name) {
           case 'ColorPrimitive':
             return expression(
-              "{ process: ((req) => 'default' in req ? req.default : req)(require('react-native/Libraries/StyleSheet/processColorArray')) }",
+              "{ process: require('react-native/unstable-internals-do-not-use').processColorArray }",
             );
           case 'ImageSourcePrimitive':
           case 'PointPrimitive':
@@ -192,8 +194,10 @@ function getValidAttributesForEvents(
   events: ReadonlyArray<EventTypeShape>,
   imports: Set<string>,
 ) {
+  // Generated files can live outside the React Native package, so they cannot
+  // use a relative import for this implementation detail.
   imports.add(
-    "const {ConditionallyIgnoredEventHandlers} = require('react-native/Libraries/NativeComponent/ViewConfigIgnore');",
+    "const {ConditionallyIgnoredEventHandlers} = require('react-native/unstable-internals-do-not-use');",
   );
 
   const validAttributes = t.objectExpression(
@@ -264,7 +268,7 @@ function buildViewConfig(
         switch (extendProps.knownTypeName) {
           case 'ReactNativeCoreViewProps':
             imports.add(
-              "const NativeComponentRegistry = require('react-native/Libraries/NativeComponent/NativeComponentRegistry');",
+              "const {NativeComponentRegistry} = require('react-native');",
             );
 
             return;
@@ -366,9 +370,7 @@ function buildCommands(
     return null;
   }
 
-  imports.add(
-    'const {dispatchCommand} = require("react-native/Libraries/ReactNative/RendererProxy");',
-  );
+  imports.add(RENDERER_IMPORT);
 
   const commandsObject = t.objectExpression(
     commands.map(command => {
@@ -376,7 +378,10 @@ function buildCommands(
       const params = command.typeAnnotation.params;
 
       const dispatchCommandCall = t.callExpression(
-        t.identifier('dispatchCommand'),
+        t.memberExpression(
+          t.identifier('Renderer'),
+          t.identifier('dispatchCommand'),
+        ),
         [
           t.identifier('ref'),
           t.stringLiteral(commandName),

package/lib/generators/modules/GenerateModuleH.js

@@ -152,7 +152,7 @@ const FileTemplate = ({
 #pragma once
 
 #include <ReactCommon/TurboModule.h>
-#include <react/bridging/Bridging.h>
+#include <React/Bridging.h>
 
 namespace facebook::react {
 

package/lib/generators/modules/GenerateModuleH.js.flow

@@ -213,7 +213,7 @@ const FileTemplate = ({
 #pragma once
 
 #include <ReactCommon/TurboModule.h>
-#include <react/bridging/Bridging.h>
+#include <React/Bridging.h>
 
 namespace facebook::react {
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/codegen",
-  "version": "0.89.0-nightly-20260920-6019ea14b",
+  "version": "0.89.0-nightly-20260923-4b6cd413d",
   "description": "Code generation tools for React Native",
   "license": "MIT",
   "repository": {