From 58ea3c772fc8142a6a78a5b0e1b044abc1f02c0c Mon Sep 17 00:00:00 2001
From: Alexander Heimbuch <github@heimbu.ch>
Date: Fri, 23 Jun 2017 22:10:54 +0200
Subject: [PATCH] feat(error-monitor): Add sentry support with release control

---
 package.json                        | 3 +++
 src/components/tabs/audio/Audio.vue | 4 ++--
 src/store/index.js                  | 8 +++++++-
 src/webpack.config.js               | 6 ++++++
 yarn.lock                           | 8 ++++++++
 5 files changed, 26 insertions(+), 3 deletions(-)

diff --git a/package.json b/package.json
index 9bd334a7c..e13865452 100644
--- a/package.json
+++ b/package.json
@@ -59,6 +59,8 @@
     "mobile-detect": "1.3.6",
     "normalize.css": "6.0.0",
     "query-string": "4.3.1",
+    "raven-for-redux": "1.0.0",
+    "raven-js": "3.16.0",
     "redux": "3.5.2",
     "revue": "3.0.0",
     "superagent": "3.4.1",
@@ -112,6 +114,7 @@
   "engines": {
     "node": ">=5.0.0"
   },
+  "sentry": "https://03bb03b146f34e8e96194a92572c0329@sentry.io/182383",
   "ava": {
     "files": [
       "src/**/*.test.js"
diff --git a/src/components/tabs/audio/Audio.vue b/src/components/tabs/audio/Audio.vue
index 8a9f28305..677e5596c 100644
--- a/src/components/tabs/audio/Audio.vue
+++ b/src/components/tabs/audio/Audio.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="audio">
-    <AudioVolumeComponent class="seperator"/>
-    <AudioRateComponent class="seperator"/>
+    <AudioVolumeComponent class="seperator"></AudioVolumeComponent>
+    <AudioRateComponent class="seperator"></AudioRateComponent>
     <div class="footer">
       <a class="version" title="Export Debug" :href="exportStore()" download="web-player-debug.json">Podlove Web Player v{{version}}</a>
     </div>
diff --git a/src/store/index.js b/src/store/index.js
index a13fa90d1..847a03f0d 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2,14 +2,20 @@ import Vue from 'vue'
 import Revue from 'revue'
 import { createStore, applyMiddleware, compose } from 'redux'
 
+import Raven from 'raven-js'
+import createRavenMiddleware from 'raven-for-redux'
+
+import { sentry, version } from '../../package.json'
 import reducers from './reducers'
 import actions from './actions'
 import effects from './effects'
 
+Raven.config(sentry, { release: version }).install()
+
 const composeEnhancers = window.__REDUX_DEVTOOLS_EXTENSION_COMPOSE__ || compose
 
 const reduxStore = createStore(reducers, composeEnhancers(
-    applyMiddleware(effects)
+    applyMiddleware(createRavenMiddleware(Raven), effects)
 ))
 
 const store = new Revue(Vue, reduxStore, actions)
diff --git a/src/webpack.config.js b/src/webpack.config.js
index d37b6530c..5ba025b76 100644
--- a/src/webpack.config.js
+++ b/src/webpack.config.js
@@ -94,6 +94,9 @@ if (process.env.NODE_ENV === 'production') {
       compress: {
         warnings: false
       }
+    }),
+    new webpack.DefinePlugin({
+      'PRODUCTION': JSON.stringify(true)
     })
   ]
 } else {
@@ -102,6 +105,9 @@ if (process.env.NODE_ENV === 'production') {
     new BundleAnalyzerPlugin({
       analyzerMode: 'static',
       openAnalyzer: false
+    }),
+    new webpack.DefinePlugin({
+      'PRODUCTION': JSON.stringify(false)
     })
   ]
 }
diff --git a/yarn.lock b/yarn.lock
index d909e20bd..04ff0f635 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5933,6 +5933,14 @@ range-parser@^1.0.3, range-parser@~1.2.0:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/range-parser/-/range-parser-1.2.0.tgz#f49be6b487894ddc40dcc94a322f611092e00d5e"
 
+raven-for-redux@^1.0.0:
+  version "1.0.0"
+  resolved "https://registry.yarnpkg.com/raven-for-redux/-/raven-for-redux-1.0.0.tgz#3671c2fd39b155b92e7013895806ff75ff2d5e96"
+
+raven-js@^3.16.0:
+  version "3.16.0"
+  resolved "https://registry.yarnpkg.com/raven-js/-/raven-js-3.16.0.tgz#a799da4fdd04c63943f67deb93daa0ecfe101eab"
+
 raw-loader@0.5.1:
   version "0.5.1"
   resolved "https://registry.yarnpkg.com/raw-loader/-/raw-loader-0.5.1.tgz#0c3d0beaed8a01c966d9787bf778281252a979aa"