Updated dependencies

Upgraded to vuetify1.1, webpack4, standard11

assets/App.vue

@@ -90,7 +90,7 @@
       this.isBrowser = !window.navigator.appVersion.includes('Electron')
 
       this.$nextTick(() => {
-        if (window.NODE_ENV === 'development') {
+        if (process.env.NODE_ENV === 'development') {
           const devtools = document.createElement('script')
           devtools.src = 'http://localhost:8098'
 
@@ -103,9 +103,6 @@
         searchModal: false,
         drawer: false,
         isBrowser: false,
-        links: [
-          {link: 'Github', to: 'https://github.com/Kylart/KawAnime', icon: 'github-circle'}
-        ],
         itemGroup: [
           {divider: true},
           {header: 'Core'},
@@ -257,7 +254,7 @@
   .title
     overflow hidden
     padding-left 20px
-    font-family 'Hiragino Mincho Pro', 'MS PMincho', serif
+    font-family 'Hiragino Mincho Pro', 'MS PMincho', serif !important
     font-size 30px !important
     line-height 25px !important
 </style>

assets/menu.js

@@ -118,7 +118,7 @@ const template = () => {
       ]
     })
     // Edit menu.
-    menu[1].submenu.pop()   // Removing preferences from this part.
+    menu[1].submenu.pop() // Removing preferences from this part.
     menu[1].submenu.push(
       {
         type: 'separator'

assets/stylus/global.styl

@@ -48,7 +48,7 @@ table.table thead td:not(:nth-child(1)), table.table tbody td:not(:nth-child(1))
 .navigation-drawer .list__tile
   font-size 14px
 
-.toolbar__content
+.v-toolbar__content
   max-height 48px
 
 div.dialog--fullscreen

assets/vuetify.js

@@ -33,6 +33,7 @@ import {
   VSpeedDial,
   VSlider,
   VPagination,
+  VTextarea,
   transitions
 } from 'vuetify'
 
@@ -73,6 +74,7 @@ export default (Vue) => {
       VSpeedDial,
       VSlider,
       VPagination,
+      VTextarea,
       transitions
     },
     directives: {

components/malForm.vue

@@ -68,11 +68,11 @@
           div(slot='header') Advanced options
           v-layout(justify-center)
             v-flex(xs8)
-              v-select(
+              v-combobox(
                 v-model="form.tags",
                 label="Tags",
                 chips,
-                tags
+                multiple
               )
           v-layout.pa-3(justify-space-between)
             v-flex(xs2)
@@ -115,9 +115,9 @@
               )
           v-layout(justify-center)
             v-flex(xs8)
-              v-text-field(
+              v-textarea(
                 label="Comment",
-                textarea,
+                outline,
                 v-model='form.comments'
               )
       v-layout(justify-center)

components/settings.vue

@@ -76,7 +76,7 @@
                         hint='Your MyAnimeList password',
                         v-model='mal.password',
                         :append-icon="!mal.isVisible ? 'visibility' : 'visibility_off'",
-                        :append-icon-cb="() => (mal.isVisible = !mal.isVisible)",
+                        @click:append="() => (mal.isVisible = !mal.isVisible)",
                         :type="!mal.isVisible ? 'password' : 'text'"
                       )
                     v-flex.pt-2(xs2)

main.js

@@ -226,10 +226,6 @@ const newWin = () => {
 }
 
 Electron.on('ready', () => {
-  if (isDev) {
-    require('vue-devtools').install()
-  }
-
   const currentSettings = Electron.getLoginItemSettings()
   Menu.setApplicationMenu(menu)
 

package.json

@@ -36,7 +36,6 @@
     "colors": "^1.3.0",
     "compression": "^1.7.3",
     "electron-log": "^2.2.16",
-    "electron-updater": "^2.23.3",
     "express": "^4.16.2",
     "horrible-api": "^1.1.1",
     "is-online": "^7.0.0",
@@ -59,13 +58,14 @@
     "vue-markdown": "^2.2.4",
     "vue-router": "^3.0.1",
     "vue-server-renderer": "^2.5.13",
-    "vuetify": "^1.0.19",
+    "vuetify": "^1.1.7",
     "vuex": "^3.0.1",
     "vuex-router-sync": "^5.0.0",
-    "webtorrent": "^0.99.3"
+    "webtorrent": "^0.101.0"
   },
   "devDependencies": {
-    "autoprefixer": "^8.6.5",
+    "@vue/devtools": "^1.1.0",
+    "autoprefixer": "^9.0.0",
     "ava": "^0.25.0",
     "babel-core": "^6.26.3",
     "babel-eslint": "^8.2.6",
@@ -86,21 +86,23 @@
     "cloc": "^2.3.3",
     "codecov": "^3.0.4",
     "cross-env": "^5.2.0",
-    "css-loader": "^0.28.10",
+    "css-loader": "^1.0.0",
     "electron": "^2.0.5",
-    "electron-builder": "^20.22.0",
+    "electron-builder": "^20.24.4",
+    "electron-updater": "^3.0.3",
     "env2": "^2.2.2",
     "es6-promise": "^4.2.4",
+    "eslint-plugin-react": "^7.10.0",
     "eslint-plugin-vue": "^2.1.0",
     "eventsource-polyfill": "^0.9.6",
-    "extract-text-webpack-plugin": "^2.1.2",
     "file-loader": "^1.1.11",
     "friendly-errors-webpack-plugin": "^1.6.1",
     "highlight.js": "^9.12.0",
     "html-webpack-plugin": "^3.1.0",
-    "nightwatch": "^0.9.21",
-    "nyc": "^11.9.0",
-    "optimize-css-assets-webpack-plugin": "^3.2.0",
+    "mini-css-extract-plugin": "^0.4.1",
+    "nightwatch": "^1.0.6",
+    "nyc": "^12.0.2",
+    "optimize-css-assets-webpack-plugin": "^5.0.0",
     "pre-commit": "^1.2.2",
     "progress-bar-webpack-plugin": "^1.11.0",
     "pug": "^2.0.3",
@@ -108,18 +110,18 @@
     "script-ext-html-webpack-plugin": "^2.0.1",
     "selenium-download": "^2.0.12",
     "snazzy": "^7.1.1",
-    "standard": "^10.0.3",
-    "style-loader": "^0.20.3",
+    "standard": "^11.0.1",
+    "style-loader": "^0.21.0",
     "stylus": "^0.54.5",
     "stylus-loader": "^3.0.2",
     "sw-precache-webpack-plugin": "^0.11.4",
     "url-loader": "^1.0.1",
-    "vue-devtools": "^3.1.9",
     "vue-loader": "^14.2.3",
     "vue-style-loader": "^4.1.0",
     "vue-template-compiler": "^2.5.13",
-    "webpack": "^3.11.0",
-    "webpack-dev-middleware": "^2.0.6",
+    "webpack": "^4.16.1",
+    "webpack-cli": "^3.1.0",
+    "webpack-dev-middleware": "^3.1.3",
     "webpack-hot-middleware": "^2.21.1",
     "webpack-merge": "^4.1.3",
     "webpack-node-externals": "^1.6.0"

router/index.js

@@ -32,7 +32,7 @@ export function createRouter () {
       route('/watchList', 'watchList'),
       route('/malPage', 'malPage'),
       // Global redirect for 404
-      {path: '*', redirect: '/'}  // TODO: make a custom 404 page
+      {path: '*', redirect: '/'} // TODO: make a custom 404 page
     ]
   })
 }

server/search/index.js

@@ -5,10 +5,10 @@ const routes = [
   (app) => app.get('/searchTermOnMal', searchTerm),
   (app) => app.get('/searchEpsOnMal', getEps),
   (app) => app.get('/getInfoFromMal', ({query}, res) =>
-      query.url
-        ? fromUrl(query, res)
-        : fromName(query, res)
-    )
+    query.url
+      ? fromUrl(query, res)
+      : fromName(query, res)
+  )
 ]
 
 module.exports = routes

server/updater/index.js

@@ -7,7 +7,7 @@ module.exports = (app, routes) => {
   let error
 
   autoUpdater.logger = require('electron-log')
-  autoUpdater.logger.transports.console.level = false  // There is no need to log this in the console.
+  autoUpdater.logger.transports.console.level = false // There is no need to log this in the console.
   autoUpdater.logger.transports.file.level = 'silly'
   autoUpdater.logger.transports.file.file = join(require('../utils').dir, 'error-update.log')
 

server/utils/removeUnwanted.js

@@ -7,10 +7,10 @@
 
 const removeUnwanted = (string) => {
   return string
-    .replace(' VOSTFR', '')  // French fansubs
-    .replace(' English Subbed', '')   // CCM
-    .replace(' Episode', '')  // CCM
-    .replace('[Multiple Subtitle]', '')  // Erai-raws
+    .replace(' VOSTFR', '') // French fansubs
+    .replace(' English Subbed', '') // CCM
+    .replace(' Episode', '') // CCM
+    .replace('[Multiple Subtitle]', '') // Erai-raws
     .replace(' END', '')
     .replace(' FINAL', '')
 }

store/modules/player/actions.js

@@ -24,11 +24,11 @@ export default {
         document.player.currentTime = 0
 
         document.player.play()
-        .then(() => {
-          setTimeout(() => {
-            document.player.src = back
-          }, 2500)
-        })
+          .then(() => {
+            setTimeout(() => {
+              document.player.src = back
+            }, 2500)
+          })
       }
     }
   }

webpack/webpack.base.config.js

@@ -1,8 +1,7 @@
 const path = require('path')
 const chalk = require('chalk')
-const webpack = require('webpack')
 const vueConfig = require('./vue-loader.config')
-const ExtractTextPlugin = require('extract-text-webpack-plugin')
+const MiniCssExtractPlugin = require('mini-css-extract-plugin')
 const FriendlyErrorsPlugin = require('friendly-errors-webpack-plugin')
 const ProgressBarPlugin = require('progress-bar-webpack-plugin')
 const OptimizeCSSPlugin = require('optimize-css-assets-webpack-plugin')
@@ -74,12 +73,13 @@ module.exports = {
     maxEntrypointSize: 300000,
     hints: !isDev ? 'warning' : false
   },
+  mode: isDev ? 'development' : 'production',
+  optimization: {
+    minimize: true
+  },
   plugins: !isDev
     ? [
-      new webpack.optimize.UglifyJsPlugin({
-        compress: { warnings: false }
-      }),
-      new ExtractTextPlugin({
+      new MiniCssExtractPlugin({
         filename: 'common.[chunkhash].css'
       }),
       new OptimizeCSSPlugin({

webpack/webpack.client.config.js

@@ -7,16 +7,9 @@ const config = merge(base, {
   entry: {
     app: './assets/entry-client.js'
   },
-  plugins: [
-    // strip dev-only code in Vue source
-    new webpack.DefinePlugin({
-      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
-      'process.env.VUE_ENV': '"client"'
-    }),
-    // extract vendor chunks for better caching
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'vendor',
-      minChunks: function (module) {
+  optimization: {
+    splitChunks: {
+      name: function (module) {
         // a module is extracted into the vendor chunk if...
         return (
           // it's inside node_modules
@@ -25,11 +18,13 @@ const config = merge(base, {
           !/\.css$/.test(module.request)
         )
       }
-    }),
-    // extract webpack runtime & manifest to avoid vendor chunk hash changing
-    // on every build.
-    new webpack.optimize.CommonsChunkPlugin({
-      name: 'manifest'
+    }
+  },
+  plugins: [
+    // strip dev-only code in Vue source
+    new webpack.DefinePlugin({
+      'process.env.NODE_ENV': JSON.stringify(process.env.NODE_ENV || 'development'),
+      'process.env.VUE_ENV': '"client"'
     }),
     new VueSSRClientPlugin()
   ]