react-native-source-maps
v1.0.0
Published
Utilities to easily add support of Source Maps to your React Native project
Downloads
321
Maintainers
Readme
react-native-source-maps
Utilities to easily add support of Source Maps to your React Native project
Usage:
- Add sourcemaps generation to your build script (or customize default one)
...
--sourcemap-output "$DEST/main.jsbundle.map"
- Initialise at the app start with source map bundle file and other options
import {initSourceMaps} from 'react-native-source-maps';
initSourceMaps({sourceMapBundle: "main.jsbundle.map", collapseInLine: true});
- Use it with your logging utilities Example:
const stack = !__DEV__ && await getStackTrace(error);
if (stack) {
error.stack = stack;
}
log.error({message: 'Error (' + error.message + ')', error});
- To caught all uncaught errors in app you can add global error handler:
import log from "../log";
import {getStackTrace} from 'react-native-source-maps';
import ErrorUtils from "ErrorUtils";
(async function initUncaughtErrorHandler() {
const defaultGlobalHandler = ErrorUtils.getGlobalHandler();
ErrorUtils.setGlobalHandler(async(error, isFatal) => {
try {
if (!__DEV__) {
error.stack = await getStackTrace(error);
}
log.error({message: 'Uncaught error (' + error.message + ')', error, isFatal});
}
catch (error) {
log.error({message: 'Unable to setup global handler', error});
}
if (__DEV__ && defaultGlobalHandler) {
defaultGlobalHandler(error, isFatal);
}
});
})();