feat(instant): Report errors to rollbar

1 files changed, 68 insertions, 0 deletions

diff --git a/packages/instant/src/util/error_reporter.ts b/packages/instant/src/util/error_reporter.ts
new file mode 100644
index 000000000..81a90e7f5
--- /dev/null
+++ b/packages/instant/src/util/error_reporter.ts
@@ -0,0 +1,68 @@
+import { logUtils } from '@0x/utils';
+
+import { ROLLBAR_CLIENT_TOKEN, ROLLBAR_ENVIRONMENT } from '../constants';
+
+// Import version of Rollbar designed for embedded components
+// See https://docs.rollbar.com/docs/using-rollbarjs-inside-an-embedded-component
+// tslint:disable-next-line:no-var-requires
+const Rollbar = require('rollbar/dist/rollbar.noconflict.umd');
+
+const shouldAllowRollbar = () => {
+    if (ROLLBAR_ENVIRONMENT === 'development') {
+        return process.env.ROLLBAR_FORCE_DEVELOPMENT_REPORT ? true : false;
+    }
+    return true;
+};
+
+let rollbar: any;
+if (ROLLBAR_CLIENT_TOKEN && ROLLBAR_ENVIRONMENT && shouldAllowRollbar()) {
+    rollbar = new Rollbar({
+        accessToken: ROLLBAR_CLIENT_TOKEN,
+        captureUncaught: true,
+        captureUnhandledRejections: true,
+        enabled: true,
+        itemsPerMinute: 10,
+        maxItems: 500,
+        payload: {
+            environment: ROLLBAR_ENVIRONMENT,
+            client: {
+                javascript: {
+                    source_map_enabled: true,
+                    code_version: process.env.GIT_SHA,
+                    guess_uncaught_frames: true,
+                },
+            },
+        },
+        uncaughtErrorLevel: 'error',
+        ignoredMessages: [
+            // Errors from the third-party scripts
+            'Script error',
+            // Network errors or ad-blockers
+            'TypeError: Failed to fetch',
+            'Exchange has not been deployed to detected network (network/artifact mismatch)',
+            // Source: https://groups.google.com/a/chromium.org/forum/#!topic/chromium-discuss/7VU0_VvC7mE
+            "undefined is not an object (evaluating '__gCrWeb.autofill.extractForms')",
+            // Source: http://stackoverflow.com/questions/43399818/securityerror-from-facebook-and-cross-domain-messaging
+            'SecurityError (DOM Exception 18)',
+        ],
+    });
+}
+
+export const setupRollbar = (): any => {
+    return rollbar as any;
+};
+
+export const errorReporter = {
+    report(err: Error): void {
+        if (!rollbar) {
+            logUtils.log('Not reporting to rollbar because not configured', err);
+            return;
+        }
+
+        rollbar.error(err, (rollbarErr: Error) => {
+            if (rollbarErr) {
+                logUtils.log(`Error reporting to rollbar, ignoring: ${rollbarErr}`);
+            }
+        });
+    },
+};