Update Dependencies

_scripts/webpack.renderer.config.js

@@ -48,9 +48,7 @@ const config = {
         use: [
           {
             loader: MiniCssExtractPlugin.loader,
-            options: {
+            options: {},
-              hmr: isDevMode,
-            },
           },
           {
             loader: 'css-loader',
@@ -72,9 +70,7 @@ const config = {
         use: [
           {
             loader: MiniCssExtractPlugin.loader,
-            options: {
+            options: {},
-              hmr: isDevMode,
-            },
           },
           'css-loader',
         ],
@@ -122,8 +118,8 @@ const config = {
       'process.env.PRODUCT_NAME': JSON.stringify(productName),
     }),
     new MiniCssExtractPlugin({
-      filename: '[name].css',
+      filename: isDevMode ? '[name].css' : '[name].[contenthash].css',
-      chunkFilename: '[id].css',
+      chunkFilename: isDevMode ? '[id].css' : '[id].[contenthash].css',
     }),
   ],
   resolve: {

_scripts/webpack.web.config.js

@@ -46,9 +46,7 @@ const config = {
         use: [
           {
             loader: MiniCssExtractPlugin.loader,
-            options: {
+            options: {},
-              hmr: isDevMode,
-            },
           },
           {
             loader: 'css-loader',
@@ -70,9 +68,7 @@ const config = {
         use: [
           {
             loader: MiniCssExtractPlugin.loader,
-            options: {
+            options: {},
-              hmr: isDevMode,
-            },
           },
           'css-loader',
         ],
@@ -126,8 +122,8 @@ const config = {
       'process.env.PRODUCT_NAME': JSON.stringify(productName),
     }),
     new MiniCssExtractPlugin({
-      filename: '[name].css',
+      filename: isDevMode ? '[name].css' : '[name].[contenthash].css',
-      chunkFilename: '[id].css',
+      chunkFilename: isDevMode ? '[id].css' : '[id].[contenthash].css',
     }),
   ],
   resolve: {

package.json

@@ -12,9 +12,9 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.1",
     "@fortawesome/vue-fontawesome": "^2.0.0",
     "@silvermine/videojs-quality-selector": "^1.2.4",
-    "autolinker": "^3.14.1",
+    "autolinker": "^3.14.2",
     "bulma-pro": "^0.2.0",
-    "dateformat": "^3.0.3",
+    "dateformat": "^4.0.0",
     "electron-context-menu": "^2.3.0",
     "jquery": "^3.5.1",
     "js-yaml": "^3.14.0",
@@ -26,7 +26,7 @@
     "nedb": "^1.8.0",
     "opml-to-json": "0.0.3",
     "rss-parser": "^3.9.0",
-    "video.js": "7.10.1",
+    "video.js": "7.10.2",
     "videojs-abloop": "^1.2.0",
     "videojs-contrib-quality-levels": "^2.0.9",
     "videojs-http-source-selector": "^1.1.6",
@@ -35,9 +35,9 @@
     "videojs-vtt-thumbnails-freetube": "0.0.15",
     "vue": "^2.6.12",
     "vue-electron": "^1.0.6",
-    "vue-i18n": "^8.22.1",
+    "vue-i18n": "^8.22.2",
     "vue-observe-visibility": "^0.4.6",
-    "vue-router": "^3.4.8",
+    "vue-router": "^3.4.9",
     "vuex": "^3.5.1",
     "xml2json": "^0.12.0",
     "youtube-chat": "^1.1.0",
@@ -47,57 +47,57 @@
     "yt-dash-manifest-generator": "^1.1.0",
     "yt-trending-scraper": "^1.0.4",
     "yt-xml2vtt": "^1.1.3",
-    "ytdl-core": "^4.0.3",
+    "ytdl-core": "^4.0.6",
     "ytpl": "^1.0.1",
     "ytsr": "github:TimeForANinja/node-ytsr#wip-api-adjustments"
   },
   "description": "A private YouTube client",
   "devDependencies": {
-    "@babel/core": "^7.12.3",
+    "@babel/core": "^7.12.8",
     "@babel/plugin-proposal-class-properties": "^7.12.1",
     "@babel/plugin-proposal-object-rest-spread": "^7.12.1",
-    "@babel/preset-env": "^7.12.1",
+    "@babel/preset-env": "^7.12.7",
-    "@babel/preset-typescript": "^7.12.1",
+    "@babel/preset-typescript": "^7.12.7",
-    "@typescript-eslint/eslint-plugin": "^4.6.0",
+    "@typescript-eslint/eslint-plugin": "^4.8.2",
-    "@typescript-eslint/parser": "^4.6.0",
+    "@typescript-eslint/parser": "^4.8.2",
     "acorn": "^8.0.4",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.1.0",
+    "babel-loader": "^8.2.1",
-    "copy-webpack-plugin": "^6.2.1",
+    "copy-webpack-plugin": "^6.3.2",
-    "css-loader": "^5.0.0",
+    "css-loader": "^5.0.1",
     "devtron": "^1.4.0",
-    "electron": "^9.3.3",
+    "electron": "^11.0.2",
     "electron-builder": "^22.9.1",
     "electron-builder-squirrel-windows": "^22.9.1",
     "electron-debug": "^3.1.0",
     "electron-rebuild": "^2.3.2",
-    "eslint": "^7.12.1",
+    "eslint": "^7.14.0",
     "eslint-config-prettier": "^6.15.0",
-    "eslint-config-standard": "^15.0.0",
+    "eslint-config-standard": "^16.0.2",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-prettier": "^3.1.4",
     "eslint-plugin-promise": "^4.2.1",
-    "eslint-plugin-standard": "^4.0.2",
+    "eslint-plugin-standard": "^5.0.0",
     "eslint-plugin-vue": "^7.1.0",
     "fast-glob": "^3.2.4",
     "file-loader": "^6.2.0",
     "html-webpack-plugin": "^4.5.0",
-    "jest": "^26.6.1",
+    "jest": "^26.6.3",
-    "mini-css-extract-plugin": "^1.2.1",
+    "mini-css-extract-plugin": "^1.3.1",
-    "node-abi": "^2.19.1",
+    "node-abi": "^2.19.3",
     "node-loader": "^1.0.2",
     "npm-run-all": "^4.1.5",
-    "prettier": "^2.1.2",
+    "prettier": "^2.2.0",
-    "sass": "^1.27.0",
+    "sass": "^1.29.0",
-    "sass-loader": "^10.0.4",
+    "sass-loader": "^10.1.0",
     "style-loader": "^2.0.0",
     "tree-kill": "1.2.2",
-    "typescript": "^4.0.5",
+    "typescript": "^4.1.2",
     "url-loader": "^4.1.1",
     "vue-devtools": "^5.1.4",
     "vue-eslint-parser": "^7.1.1",
-    "vue-loader": "^15.9.4",
+    "vue-loader": "^15.9.5",
     "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.6.12",
     "webpack": "^4.44.2",

src/renderer/main.js

@@ -3,7 +3,7 @@ import Vue from 'vue'
 import App from './App.vue'
 import router from './router/index'
 import store from './store/index'
-import 'material-design-icons/iconfont/material-icons.css'
+// import 'material-design-icons/iconfont/material-icons.css'
 import { library } from '@fortawesome/fontawesome-svg-core'
 import { fas } from '@fortawesome/free-solid-svg-icons'
 import { FontAwesomeIcon } from '@fortawesome/vue-fontawesome'