Add sourcemaps for rollbar

4 files changed, 23 insertions, 1 deletions

diff --git a/packages/website/package.json b/packages/website/package.json
index a3ca047fa..332857dd3 100644
--- a/packages/website/package.json
+++ b/packages/website/package.json
@@ -92,6 +92,7 @@
         "less-loader": "^2.2.3",
         "make-promises-safe": "^1.1.0",
         "raw-loader": "^0.5.1",
+        "rollbar-sourcemap-webpack-plugin": "^2.3.0",
         "shx": "^0.2.2",
         "source-map-loader": "^0.1.6",
         "style-loader": "0.13.x",
diff --git a/packages/website/ts/components/ui/simple_menu.tsx b/packages/website/ts/components/ui/simple_menu.tsx
index 74b8ef6ae..dcbc6946b 100644
--- a/packages/website/ts/components/ui/simple_menu.tsx
+++ b/packages/website/ts/components/ui/simple_menu.tsx
@@ -84,5 +84,5 @@ export interface DifferentWalletSimpleMenuItemProps {
 export const DifferentWalletSimpleMenuItem: React.StatelessComponent<DifferentWalletSimpleMenuItemProps> = ({
     onClick,
 }) => {
-    return <SimpleMenuItem displayText="Use a Different Wallet..." onClick={onClick} />;
+    return <SimpleMenuItem displayText="Use Ledger Wallet..." onClick={onClick} />;
 };
diff --git a/packages/website/ts/utils/error_reporter.ts b/packages/website/ts/utils/error_reporter.ts
index f875141fe..83710b81f 100644
--- a/packages/website/ts/utils/error_reporter.ts
+++ b/packages/website/ts/utils/error_reporter.ts
@@ -13,6 +13,14 @@ const rollbarConfig = {
     maxItems: 500,
     payload: {
         environment: configs.ENVIRONMENT,
+        client: {
+            javascript: {
+                source_map_enabled: true,
+                // This is only defined in production environments.
+                code_version: process.env.GIT_SHA,
+                guess_uncaught_frames: true,
+            },
+        },
     },
     uncaughtErrorLevel: 'error',
     hostWhiteList: [configs.DOMAIN_PRODUCTION, configs.DOMAIN_STAGING],
diff --git a/packages/website/webpack.config.js b/packages/website/webpack.config.js
index b5e9cf6dd..1326769e3 100644
--- a/packages/website/webpack.config.js
+++ b/packages/website/webpack.config.js
@@ -1,6 +1,13 @@
 const path = require('path');
 const webpack = require('webpack');
 const UglifyJsPlugin = require('uglifyjs-webpack-plugin');
+const RollbarSourceMapPlugin = require('rollbar-sourcemap-webpack-plugin');
+const childProcess = require('child_process');
+
+const GIT_SHA = childProcess
+    .execSync('git rev-parse HEAD')
+    .toString()
+    .trim();
 
 module.exports = {
     entry: ['./ts/index.tsx'],
@@ -80,6 +87,7 @@ module.exports = {
                   new webpack.DefinePlugin({
                       'process.env': {
                           NODE_ENV: JSON.stringify(process.env.NODE_ENV),
+                          GIT_SHA: GIT_SHA,
                       },
                   }),
                   // TODO: Revert to webpack bundled version with webpack v4.
@@ -92,6 +100,11 @@ module.exports = {
                           },
                       },
                   }),
+                  new RollbarSourceMapPlugin({
+                      accessToken: 'a6619002b51c4464928201e6ea94de65',
+                      version: GIT_SHA,
+                      publicPath: 'https://0xproject.com/',
+                  }),
               ]
             : [],
 };