react-native: Bring standard serialization method, formatting and fix environment variable read

Author: Konrad Dysput

examples/sdk/reactNative/ios-sourcemap-upload.sh

@@ -28,7 +28,7 @@ fi
 
 DEBUG_ID_PATH_ENV="DEBUG_ID_PATH"
 
-debug_id_file_path=${!DEBUG_ID_PATH_ENV:-${2:-}}
+debug_id_file_path=${DEBUG_ID_PATH_ENV:-${2:-}}
 
 if [ ! -f "$debug_id_file_path" ]; then
     echo "Error: File '$debug_id_file_path' does not exist."

examples/sdk/reactNative/ios/reactNative.xcodeproj/project.pbxproj

@@ -269,7 +269,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "set -e\nexport SOURCEMAP_FILE=\"$(pwd)/../main.jsbundle.map\"\n\nWITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n\nsource_map_upload=\"$(pwd)/../ios-sourcemap-upload.sh\"\nbacktrace_js_config=\"$(pwd)/../.backtracejsrc\"\n/bin/sh -c \"$source_map_upload $SOURCEMAP_FILE $TARGET_BUILD_DIR/.backtrace-sourcemap-id $backtrace_js_config\" \n\n";
+			shellScript = "set -e\n# enable source map support\nexport SOURCEMAP_FILE=\"$(pwd)/../main.jsbundle.map\"\n\nWITH_ENVIRONMENT=\"$REACT_NATIVE_PATH/scripts/xcode/with-environment.sh\"\nREACT_NATIVE_XCODE=\"$REACT_NATIVE_PATH/scripts/react-native-xcode.sh\"\n\n/bin/sh -c \"$WITH_ENVIRONMENT $REACT_NATIVE_XCODE\"\n\n# upload source maps to Backtrace\nsource_map_upload=\"$(pwd)/../ios-sourcemap-upload.sh\"\nbacktrace_js_config=\"$(pwd)/../.backtracejsrc\"\n/bin/sh -c \"$source_map_upload $SOURCEMAP_FILE $TARGET_BUILD_DIR/.backtrace-sourcemap-id $backtrace_js_config\" \n\n";
 		};
 		00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;

examples/sdk/reactNative/metro.config.js

@@ -16,7 +16,7 @@ const config = {
         path.resolve('../../../packages/sdk-core'),
     ],
     serializer: {
-        customSerializer: backtraceSourceMapProcessor.processSourceMap
+        customSerializer: backtraceSourceMapProcessor.processSourceMap,
     },
 };
 module.exports = mergeConfig(getDefaultConfig(__dirname), config);

packages/react-native/android/upload-sourcemaps.gradle

@@ -36,7 +36,7 @@ tasks.register("uploadSourceMapsToBacktrace") {
         def mapData = jsonSlurper.parse(mapFile)
         mapData.debugId = debugIdFile.text
         def jsonBuilder = new JsonBuilder(mapData)
-        mapFile.text = jsonBuilder.toPrettyString()
+        mapFile.text = jsonBuilder.toString()
 
         // Execute Backtrace JS CLI to process upload processed source maps
         def command = ["npx", "--yes", "@backtrace/javascript-cli", "upload", "-p", mapFile.absolutePath]