much Javascript, wow

- add Sentry to the extension and frontend code
- also upgrade deps
- then fix some webpack stuff that broke from upgrading
- also! we yarn now, friendship ended with npm

browser/src/js/background.js

@@ -1,6 +1,9 @@
 import getDomain from './getDomain'
 import UI from './UI'
 import jslog from './jslog'
+import * as Sentry from '@sentry/browser'
+
+Sentry.init({ dsn: 'https://69327d4caef74ac694a6a76e93c96524@sentry.io/274934' });
 
 const onSave = function(data, textStatus, jqXHR) {
   UI.message({'action': 'saved'})

browser/src/js/bandcamp.js

@@ -1,3 +1,7 @@
+import * as Sentry from '@sentry/browser'
+
+Sentry.init({ dsn: 'https://69327d4caef74ac694a6a76e93c96524@sentry.io/274934' });
+
 const play = document.getElementById("big_play_button")
 
 const advance = function() {

browser/src/js/main.js

@@ -1 +1,5 @@
+import * as Sentry from '@sentry/browser'
+
+Sentry.init({ dsn: 'https://69327d4caef74ac694a6a76e93c96524@sentry.io/274934' });
+
 chrome.runtime.sendMessage({'action': 'save'})

frontend/src/index.js

@@ -2,6 +2,9 @@ import React from 'react'
 import ReactDOM from 'react-dom'
 import App from './components/App/App'
 import {setup, jslog} from './common'
+import * as Sentry from '@sentry/browser'
+
+Sentry.init({ dsn: 'https://69327d4caef74ac694a6a76e93c96524@sentry.io/274934' })
 
 setup()
 

package.json

@@ -1,7 +1,7 @@
 {
-  "name": "watershed",
+  "name": "watershed-music",
   "version": "1.0.0",
-  "description": "player JS for watershed",
+  "description": "player JS for watershed music app",
   "main": "index.js",
   "scripts": {
     "test": "jstest"
@@ -12,6 +12,7 @@
     "url": "https://github.com/nthall/watershed"
   },
   "devDependencies": {
+    "@sentry/browser": "4.0.6",
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
     "babel-preset-env": "^1.6.0",
@@ -35,6 +36,6 @@
     "style-loader": "^0.20.1",
     "webpack": "^4.8.3",
     "webpack-bundle-tracker": "0.2.1",
-    "webpack-cli": "^2.1.3"
+    "webpack-cli": "^3.1.2"
   }
 }

webpack.config.js

@@ -39,7 +39,7 @@ module.exports = [
   ],
   
   module: {
-    loaders: [
+    rules: [
       //a regexp that tells webpack use the following loaders on all 
       //.js and .jsx files
       {
@@ -93,7 +93,7 @@ module.exports = [
   ],
 
   module: {
-    loaders: [
+    rules: [
       {
         test: /\.js/,
         exclude: /node_modules/,