feat(logging): add sentry logging

closes #142

Author: cyberhck

.gitignore

@@ -1,6 +1,6 @@
 # Build Folder
 build
-
+config/main.local.js
 # Logs
 logs
 *.log

config/main.js

@@ -6,6 +6,11 @@ var config = {
   port: process.env.PORT || 8889,
   karmaPort: 9876,
   ssr: true,
+  sentry: false,
+  //   sentry: {
+  //     dsn: "",
+  //     release: ""
+  //   },
 
   // This part goes to React-Helmet for Head of our HTML
   app: {

config/webpack/dev.js

@@ -103,6 +103,12 @@ const createIfDoesntExist = dest =>
   }
 }
 
+const copySyncIfDoesntExist = (src, dest) => {
+  if(fs.existsSync(dest)) return;
+  copySync(src, dest);
+};
+
+copySyncIfDoesntExist('./config/main.js', './config/main.local.js');
 createIfDoesntExist('./build');
 createIfDoesntExist('./build/public');
 copySync('./src/favicon.ico', './build/public/favicon.ico', true);

config/webpack/prod.js

@@ -115,6 +115,12 @@ const createIfDoesntExist = dest => {
     fs.mkdirSync(dest);
   }
 }
+const copySyncIfDoesntExist = (src, dest) => {
+  if(fs.existsSync(dest)) return;
+  copySync(src, dest);
+};
+
+copySyncIfDoesntExist('./config/main.js', './config/main.local.js');
 
 createIfDoesntExist('./build');
 createIfDoesntExist('./build/public');

config/webpack/server.js

@@ -79,7 +79,12 @@ const createIfDoesntExist = dest => {
     fs.mkdirSync(dest);
   }
 }
+const copySyncIfDoesntExist = (src, dest) => {
+  if(fs.existsSync(dest)) return;
+  copySync(src, dest);
+};
 
+copySyncIfDoesntExist('./config/main.js', './config/main.local.js');
 createIfDoesntExist('./build');
 createIfDoesntExist('./build/public');
 copySync('./src/favicon.ico', './build/public/favicon.ico', true);

package-lock.json

@@ -51,6 +51,7 @@
     "@types/isomorphic-fetch": "0.0.34",
     "@types/jest": "^19.2.3",
     "@types/node": "^8.0.0",
+    "@types/raven-js": "^3.10.0",
     "@types/react": "^15.0.22",
     "@types/react-addons-test-utils": "^0.14.16",
     "@types/react-dom": "^15.5.0",
@@ -99,6 +100,8 @@
     "es6-promise": "^4.0.5",
     "express": "^4.14.0",
     "isomorphic-fetch": "^2.2.1",
+    "raven-for-redux": "^1.0.0",
+    "raven-js": "^3.16.0",
     "react": "^15.5.4",
     "react-dom": "^15.5.4",
     "react-helmet": "^5.0.2",

package.json

@@ -1,5 +1,8 @@
 import {History} from "history";
 const appConfig = require("../../../config/main");
+const localConfig = require("../../../config/main.local");
+import * as createRavenMiddleware from "raven-for-redux";
+import * as Raven from "raven-js";
 import {routerMiddleware} from "react-router-redux";
 import {applyMiddleware, compose, createStore} from "redux";
 import {createLogger} from "redux-logger";
@@ -14,19 +17,25 @@ interface IExtendedStore extends Redux.Store<IStore> {
 
 export function configureStore(history: History, initialState?: IStore): IExtendedStore {
 
+  const mergedConfig = {...appConfig, ...localConfig};
   const sagaMiddleware = createSagaMiddleware();
   const middlewares: Redux.Middleware[] = [
     routerMiddleware(history),
     sagaMiddleware
   ];
 
   /** Add Only Dev. Middlewares */
-  if (appConfig.env !== "production" && process.env.BROWSER) {
+  if (mergedConfig.env !== "production" && process.env.BROWSER) {
     const logger = createLogger();
     middlewares.push(logger);
   }
 
-  const composeEnhancers = (appConfig.env !== "production" &&
+  if (mergedConfig.sentry && process.env.BROWSER) {
+    Raven.config(mergedConfig.sentry.dsn).setRelease(mergedConfig.sentry.release).install();
+    middlewares.unshift(createRavenMiddleware(Raven));
+  }
+
+  const composeEnhancers = (mergedConfig.env !== "production" &&
     typeof window === "object" &&
     (typeof window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ === "function") &&
     window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__({shouldHotReload: false})) || compose;
@@ -35,7 +44,7 @@ export function configureStore(history: History, initialState?: IStore): IExtend
     applyMiddleware(...middlewares)
   ));
 
-  if (appConfig.env === "development" && (module as any).hot) {
+  if (mergedConfig.env === "development" && (module as any).hot) {
     (module as any).hot.accept("./rootReducer", () => {
       store.replaceReducer((require("./rootReducer").default));
     });