Merge pull request #1546 from Thorium-Sim/sentry

Sentry

client/package.json

@@ -1,6 +1,6 @@
 {
   "name": "thorium-client",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "description": "Starship Simulator Controls built with React",
   "repository": {
     "type": "git",
@@ -29,6 +29,7 @@
     "clean-build": "rm -rf build"
   },
   "dependencies": {
+    "@sentry/browser": "^4.3.0",
     "@tweenjs/tween.js": "^17.2.0",
     "apollo-cache-inmemory": "^1.2.10",
     "apollo-client": "^2.4.2",

client/src/components/core/layouts/coreError.js

@@ -1,16 +1,26 @@
 import React, { Component } from "react";
-
+import * as Sentry from "@sentry/browser";
+import { Button } from "reactstrap";
 class CoreError extends Component {
   state = { error: false };
-  componentDidCatch() {
+  componentDidCatch(error, errorInfo) {
     this.setState({ error: true });
+    Sentry.withScope(scope => {
+      Object.keys(errorInfo).forEach(key => {
+        scope.setExtra(key, errorInfo[key]);
+      });
+      Sentry.captureException(error);
+    });
   }
   render() {
     if (this.state.error)
       return (
         <div>
           An error has occured. Please refer to the developer console for error
-          details.
+          details.{" "}
+          <Button size="sm" onClick={() => Sentry.showReportDialog()} href="#">
+            Report feedback
+          </Button>
         </div>
       );
     return this.props.children;

client/src/helpers/errorBoundary.js

@@ -1,5 +1,7 @@
 import React, { Component } from "react";
 import { Container, Button } from "reactstrap";
+import * as Sentry from "@sentry/browser";
+
 export default class ErrorBoundary extends Component {
   constructor(props) {
     super(props);
@@ -13,6 +15,12 @@ export default class ErrorBoundary extends Component {
       errorInfo: errorInfo
     });
     // You can also log error messages to an error reporting service here
+    Sentry.withScope(scope => {
+      Object.keys(errorInfo).forEach(key => {
+        scope.setExtra(key, errorInfo[key]);
+      });
+      Sentry.captureException(error);
+    });
   }
   refresh() {
     localStorage.clear();
@@ -26,8 +34,11 @@ export default class ErrorBoundary extends Component {
         <div className="error-boundary">
           <Container>
             <h2>
-              Error in Thorium client. Please{" "}
-              <Button onClick={this.refresh}>Refresh</Button>
+              Error in Thorium client.{" "}
+              <Button onClick={() => Sentry.showReportDialog()}>
+                Report feedback
+              </Button>{" "}
+              or <Button onClick={this.refresh}>Refresh</Button>
             </h2>
             <h3>
               If you know what you are looking for, you can check out what went

client/src/helpers/sentry.js

@@ -0,0 +1,5 @@
+import * as Sentry from "@sentry/browser";
+
+Sentry.init({
+  dsn: "https://c71a50635f9b42f4a70880cce6a7ff0e@sentry.io/1323903"
+});

client/src/index.js

@@ -1,5 +1,6 @@
 import React from "react";
 import { render } from "react-dom";
+import "./helpers/sentry";
 import App from "./App";
 import "bootstrap/scss/bootstrap.scss";
 

client/src/releaseNotes.json

@@ -1,8 +1,13 @@
 {
+  "1.0.29": {
+    "features": [
+      "Add the error tracking framework Sentry to have a better idea of when and how errors happen."
+    ]
+  },
   "1.0.27": {
-    "features":[
-       "Adds the ability to define the direction the shuttles need to go along with more straightforward directions on the shuttlebay crew screen."
-      ],
+    "features": [
+      "Adds the ability to define the direction the shuttles need to go along with more straightforward directions on the shuttlebay crew screen."
+    ],
     "fixes": [
       "Improves how editing timeline steps during a mission works. Adds a 'Restore' button to bring back the timeline item's configuration.",
       "Timeline step editing now does not override steps that were not edited.",

package.json

@@ -1,6 +1,6 @@
 {
   "name": "thorium",
-  "version": "1.0.27",
+  "version": "1.0.28",
   "description": "Starship Simulator Controls",
   "private": true,
   "repository": {
@@ -55,6 +55,7 @@
     "plop": "plop"
   },
   "dependencies": {
+    "@sentry/node": "^4.3.0",
     "apollo-cache-hermes": "^0.6.3",
     "appdirectory": "^0.1.0",
     "bonjour": "^3.5.0",