react-native: move scripts into the script directory and adjust paths to them in readme/xcode

Author: Konrad Dysput

examples/sdk/reactNative/README.md

@@ -16,11 +16,11 @@ Before executing any step:
 
 > Please update .backtracejsrc file with your symbols submission URL and your sourcemap settings.
 
-Backtrace is compatible with metro build system. To enable source map support, set a `customSerializer` method in the `metro.config.js` file to the `processSourceMap` function available in `@backtrace/react-native/processSourceMap`.
+Backtrace is compatible with metro build system. To enable source map support, set a `customSerializer` method in the `metro.config.js` file to the `processSourceMap` function available in `@backtrace/react-native/scripts/processSourceMap`.
 
 ```
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
-const backtraceSourceMapProcessor = require('@backtrace/react-native/processSourceMap');
+const backtraceSourceMapProcessor = require('@backtrace/react-native/scripts/processSourceMap');
 
 const config = {
     serializer: {
@@ -56,13 +56,16 @@ tasks.matching {
 Modify the code in the `Bundle React Native code and images` step in the `Build Phases` of your xcode project setting. In the end of the script, you can include the code below, to upload source maps directly to Backtrace after generating the applicaiton.
 
 ```bash
+project_directory="$(pwd)/.."
 # enable source map support
-export SOURCEMAP_FILE="$(pwd)/../main.jsbundle.map"
+export SOURCEMAP_FILE="$project_directory/main.jsbundle.map"
 
 ...
 
 # upload source maps to Backtrace
-source_map_upload="$(pwd)/../ios-sourcemap-upload.sh"
-backtrace_js_config="$(pwd)/../.backtracejsrc"
-/bin/sh -c "$source_map_upload $SOURCEMAP_FILE $TARGET_BUILD_DIR/.backtrace-sourcemap-id $backtrace_js_config"
+source_map_upload="$project_directory/node_modules/@backtrace/react-native/scripts/ios-sourcemap-upload.sh"
+backtrace_js_config="$project_directory/.backtracejsrc"
+
+/bin/sh -c "$source_map_upload $SOURCEMAP_FILE $TARGET_BUILD_DIR/.backtrace-sourcemap-id $backtrace_js_config $project_directory"
+
 ```

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

@@ -269,7 +269,7 @@
 			);
 			runOnlyForDeploymentPostprocessing = 0;
 			shellPath = /bin/sh;
-			shellScript = "set -e\nproject_directory=\"$(pwd)/..\"\n# enable source map support\nexport SOURCEMAP_FILE=\"$project_directory/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=\"$project_directory/node_modules/@backtrace/react-native/ios-sourcemap-upload.sh\"\nbacktrace_js_config=\"$project_directory/.backtracejsrc\"\n\n/bin/sh -c \"$source_map_upload $SOURCEMAP_FILE $TARGET_BUILD_DIR/.backtrace-sourcemap-id $backtrace_js_config $project_directory\" \n\n";
+			shellScript = "set -e\nproject_directory=\"$(pwd)/..\"\n# enable source map support\nexport SOURCEMAP_FILE=\"$project_directory/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=\"$project_directory/node_modules/@backtrace/react-native/scripts/ios-sourcemap-upload.sh\"\nbacktrace_js_config=\"$project_directory/.backtracejsrc\"\n\n/bin/sh -c \"$source_map_upload $SOURCEMAP_FILE $TARGET_BUILD_DIR/.backtrace-sourcemap-id $backtrace_js_config $project_directory\" \n\n";
 		};
 		00EEFC60759A1932668264C0 /* [CP] Embed Pods Frameworks */ = {
 			isa = PBXShellScriptBuildPhase;

examples/sdk/reactNative/metro.config.js

@@ -1,6 +1,6 @@
 const { getDefaultConfig, mergeConfig } = require('@react-native/metro-config');
 const path = require('path');
-const backtraceSourceMapProcessor = require('@backtrace/react-native/processSourceMap');
+const backtraceSourceMapProcessor = require('@backtrace/react-native/scripts/processSourceMap');
 
 /**
  * Metro configuration

packages/react-native/addDebugIdToSourceMap.js renamed to packages/react-native/scripts/addDebugIdToSourceMap.js

@@ -10,7 +10,7 @@ const DEBUG_ID_PATH = process.env.DEBUG_ID_PATH;
 /**
  * Process metro build with source map support powered by Backtrace.
  */
-function processSourceMap(entryPoint, preModules, graph, options) {
+async function processSourceMap(entryPoint, preModules, graph, options) {
     const bundle = bundleToString(baseJSBundle(entryPoint, preModules, graph, options));
 
     // development build - skip source map upload
@@ -30,7 +30,7 @@ function processSourceMap(entryPoint, preModules, graph, options) {
 
     const debugIdGenerator = new DebugIdGenerator();
     const sourceProcessor = new SourceProcessor(debugIdGenerator);
-    const { source, debugId } = sourceProcessor.processSource(bundle.code);
+    const { source, debugId } = await sourceProcessor.processSource(bundle.code);
     const snippet = debugIdGenerator.generateSourceSnippet(debugId);
 
     console.debug(`Backtrace: saving debugId ${debugId} to ${backtraceSourceMapId}.`);