improved error handling

Author: ShMcK

CHANGELOG.md

@@ -2,5 +2,8 @@
 All notable changes to this project will be documented in this file.
 This project adheres to [Semantic Versioning](http://semver.org/).
 
+## [0.1.4] - 2016-07-24
+- improved error handling
+
 ## [0.1.0] - 2016-06-23
 - initial early release

lib/components/SidePanel/SidePanel.js

@@ -45,6 +45,23 @@ var SidePanel = (function (_super) {
             )
         ));
     };
+    SidePanel.prototype.componentWillMount = function () {
+        this.startErrorLog();
+    };
+    SidePanel.prototype.startErrorLog = function () {
+        window.onerror = function (message, file, line, column, errorObject) {
+            column = column || (window.event && window.event.errorCharacter);
+            var stack = errorObject ? errorObject.stack : null;
+            var data = {
+                message: message,
+                file: file,
+                line: line,
+                column: column,
+                errorStack: stack,
+            };
+            return false;
+        };
+    };
     SidePanel = __decorate([
         react_redux_1.connect(function (state) { return ({
             windowToggle: state.windowToggle,

lib/components/TopPanel/TopPanel.js

@@ -52,6 +52,23 @@ var TopPanel = (function (_super) {
         this.props.pageSet(index);
         this.props.editorMarkdownOpen(title, index);
     };
+    TopPanel.prototype.componentWillMount = function () {
+        this.startErrorLog();
+    };
+    TopPanel.prototype.startErrorLog = function () {
+        window.onerror = function (message, file, line, column, errorObject) {
+            column = column || (window.event && window.event.errorCharacter);
+            var stack = errorObject ? errorObject.stack : null;
+            var data = {
+                message: message,
+                file: file,
+                line: line,
+                column: column,
+                errorStack: stack,
+            };
+            return false;
+        };
+    };
     TopPanel = __decorate([
         react_redux_1.connect(function (state) { return ({
             tutorial: state.tutorial,

src/components/SidePanel/SidePanel.tsx

@@ -45,4 +45,24 @@ export default class SidePanel extends React.Component<{
     </section>
     );
   }
+  private componentWillMount() {
+    this.startErrorLog();
+  }
+  private startErrorLog() {
+    window.onerror = (message, file, line, column, errorObject) => {
+      column = column || (window.event && window.event.errorCharacter);
+      const stack = errorObject ? errorObject.stack : null;
+
+      const data = {
+          message,
+          file,
+          line,
+          column,
+          errorStack: stack,
+      };
+
+      // call to server
+      return false;
+    };
+  }
 };

src/components/TopPanel/TopPanel.tsx

@@ -62,4 +62,24 @@ export default class TopPanel extends React.Component<{
     this.props.pageSet(index);
     this.props.editorMarkdownOpen(title, index);
   }
+  private componentWillMount() {
+    this.startErrorLog();
+  }
+  private startErrorLog() {
+    window.onerror = (message, file, line, column, errorObject) => {
+      column = column || (window.event && window.event.errorCharacter);
+      const stack = errorObject ? errorObject.stack : null;
+
+      const data = {
+          message,
+          file,
+          line,
+          column,
+          errorStack: stack,
+      };
+
+      // call to server
+      return false;
+    };
+  }
 }