feat(error-monitor): Add sentry support with release control

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"

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>

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)

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)
     })
   ]
 }

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"