@react-native/babel-plugin-codegen 0.77.0-nightly-20240916-7bd4a5496 → 0.77.0-nightly-20240918-bebd6531b

package/index.js

@@ -12,6 +12,7 @@
 let FlowParser, TypeScriptParser, RNCodegen;
 
 const {basename} = require('path');
+const {cheap: traverseCheap} = require('@babel/traverse').default;
 
 try {
   FlowParser =
@@ -168,16 +169,32 @@ module.exports = function ({parse, types: t}) {
         exit(path) {
           if (this.defaultExport) {
             const viewConfig = generateViewConfig(this.filename, this.code);
-            this.defaultExport.replaceWithMultiple(
-              parse(viewConfig, {
-                babelrc: false,
-                browserslistConfigFile: false,
-                configFile: false,
-              }).program.body,
-            );
+
+            const ast = parse(viewConfig, {
+              babelrc: false,
+              browserslistConfigFile: false,
+              configFile: false,
+            });
+
+            // Almost the whole file is replaced with the viewConfig generated code that doesn't
+            // have a clear equivalent code on the source file when the user debugs, so we point
+            // it to the location of the default export that in that file, which is the closest
+            // to representing the code that is being generated.
+            // This is mostly useful when that generated code throws an error.
+            traverseCheap(ast, node => {
+              if (node?.loc) {
+                node.loc = this.defaultExport.node.loc;
+                node.start = this.defaultExport.node.start;
+                node.end = this.defaultExport.node.end;
+              }
+            });
+
+            this.defaultExport.replaceWithMultiple(ast.program.body);
+
             if (this.commandsExport != null) {
               this.commandsExport.remove();
             }
+
             this.codeInserted = true;
           }
         },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@react-native/babel-plugin-codegen",
-  "version": "0.77.0-nightly-20240916-7bd4a5496",
+  "version": "0.77.0-nightly-20240918-bebd6531b",
   "description": "Babel plugin to generate native module and view manager code for React Native.",
   "license": "MIT",
   "repository": {
@@ -25,7 +25,8 @@
     "index.js"
   ],
   "dependencies": {
-    "@react-native/codegen": "0.77.0-nightly-20240916-7bd4a5496"
+    "@babel/traverse": "^7.25.3",
+    "@react-native/codegen": "0.77.0-nightly-20240918-bebd6531b"
   },
   "devDependencies": {
     "@babel/core": "^7.25.2"