fix: re-enable bugsnag reporting

.env

@@ -0,0 +1 @@
+BUGSNAG_KEY=6a07b66124c696d0f685e1cf28312e41

index.html

@@ -44,33 +44,7 @@
   </body>
 </html>
 
-<!-- <script src="//d2wy8f7a9ursnm.cloudfront.net/v5/bugsnag.min.js"></script> -->
-<script>
-  // TODO: Inject app version as part of deploy
-  const ENV = window.ENV = {appVersion: '0.0.0'}; // Values injected by deploy script
-
-  // if (ENV.bugsnagKey){
-  //   const pageStart = Date.now();
-  //   window.bugsnagClient = bugsnag({
-  //     apiKey: ENV.bugsnagKey,
-  //     appVersion: ENV.appVersion || undefined,
-  //     releaseStage: ENV.releaseStage || 'development',
-  //     notifyReleaseStages: ['production'],
-  //     beforeSend: function(report) {
-  //       report.updateMetaData('page', {
-  //         location: String(location),
-  //         pageTime: Date.now() - pageStart
-  //       });
-  //     }
-  //   });
-  // } else {
-  //   window.bugsnagClient = {
-  //     notify(err, {severity}) {
-  //       console[severity](err);
-  //     }
-  //   }
-  // }
-</script>
+<script src="//d2wy8f7a9ursnm.cloudfront.net/v5/bugsnag.min.js"></script>
 
 <!-- Global site tag (gtag.js) - Google Analytics -->
 <!-- <script src="//www.googletagmanager.com/gtag/js?id=UA-6434483-2"></script> -->

js/Inspector.js

@@ -1,5 +1,3 @@
-/* global ENV */
-
 import React from 'react';
 import { tagify } from './util';
 import md5 from 'md5';
@@ -8,6 +6,7 @@ import GraphPane from './GraphPane';
 import InfoPane from './InfoPane';
 import { selectTag } from './Graph';
 import { sharedState } from './App';
+import { version as VERSION } from '../package.json';
 
 export function Fix() {
   return <span style={{ fontWeight: 'bold', color: 'red' }}>FIX!</span>;
@@ -119,7 +118,7 @@ export default function Inspector({ className, ...props }) {
         {' '}&mdash;{' '}
         <ExternalLink id='github' href='//github.com/npmgraph/npmgraph'>GitHub</ExternalLink>
         {' '}&mdash;{' '}
-        v{ENV.appVersion}
+        v{VERSION}
       </footer>
     </div>;
 }

js/bugsnag.js

@@ -0,0 +1,30 @@
+/* global bugsnag */
+
+import { version as appVersion } from '../package.json';
+
+const config = {
+  appVersion,
+  apiKey: process.env.BUGSNAG_KEY,
+  releaseStage: process.env.NODE_ENV
+};
+
+console.log('BugSnag config:', config);
+
+const pageStart = Date.now();
+
+export const client = config.apiKey
+  ? bugsnag({
+      ...config,
+      notifyReleaseStages: ['production'],
+      beforeSend: function(report) {
+        report.updateMetaData('page', {
+          location: String(location),
+          pageTime: Date.now() - pageStart
+        });
+      }
+    })
+  : {
+      notify(err, { severity }) {
+        console[severity](err);
+      }
+    };

js/index.js

@@ -1,3 +1,5 @@
+import './bugsnag'; // Initialize ASAP!
+
 import React from 'react';
 import { render } from 'react-dom';
 import App from './App';

js/util.js

@@ -1,4 +1,4 @@
-/* global bugsnagClient */
+import { client } from './bugsnag';
 
 export class HttpError extends Error {
   constructor(code, message = `HTTP Error ${code}`) {
@@ -11,7 +11,7 @@ function _report(severity, err) {
   // HTTP errors are expected (e.g. if 3rd party service is down)
   if (err instanceof HttpError) return;
 
-  bugsnagClient?.notify(err, { severity });
+  client?.notify(err, { severity });
 }
 
 export const report = {

package.json

@@ -50,7 +50,7 @@
     "standard-version": "9.1.0"
   },
   "scripts": {
-    "start": "parcel index.html --dist-dir docs",
+    "start": "rm -fr .parcel-cache && parcel index.html --dist-dir docs",
     "build": "parcel build index.html --dist-dir docs",
     "test": "eslint ."
   }