Update dependencies and add context menu for Electron

package.json

@@ -8,21 +8,21 @@
     "url": "https://github.com/FreeTubeApp/FreeTube/issues"
   },
   "dependencies": {
-    "@fortawesome/fontawesome-svg-core": "^1.2.27",
+    "@fortawesome/fontawesome-svg-core": "^1.2.28",
-    "@fortawesome/free-solid-svg-icons": "^5.12.1",
+    "@fortawesome/free-solid-svg-icons": "^5.13.0",
     "@fortawesome/vue-fontawesome": "^0.1.9",
     "@silvermine/videojs-quality-selector": "^1.2.3",
-    "autolinker": "^3.13.0",
+    "autolinker": "^3.14.1",
     "bulma-pro": "^0.1.8",
     "dateformat": "^3.0.3",
-    "electron-context-menu": "^0.16.0",
+    "electron-context-menu": "^1.0.0",
-    "jquery": "^3.4.1",
+    "jquery": "^3.5.0",
     "lodash.isequal": "^4.5.0",
     "material-design-icons": "^3.0.1",
     "mediaelement": "^4.2.16",
     "nedb": "^1.8.0",
     "opml-to-json": "0.0.3",
-    "video.js": "^7.6.6",
+    "video.js": "^7.7.5",
     "videojs-abloop": "^1.1.2",
     "videojs-contrib-quality-levels": "^2.0.9",
     "videojs-http-source-selector": "^1.1.6",
@@ -31,65 +31,65 @@
     "vue": "^2.6.11",
     "vue-electron": "^1.0.6",
     "vue-router": "^3.1.6",
-    "vuex": "^3.1.3",
+    "vuex": "^3.2.0",
     "xml2json": "^0.12.0",
     "youtube-chat": "^1.0.2",
     "youtube-comments-fetch": "^1.0.1",
     "youtube-comments-task": "^1.3.14",
     "youtube-suggest": "^1.1.0",
     "yt-xml2vtt": "^1.0.1",
-    "ytdl-core": "^2.0.0",
+    "ytdl-core": "^2.1.0",
     "ytpl": "^0.1.20",
-    "ytsr": "^0.1.11"
+    "ytsr": "^0.1.12"
   },
   "description": "A private YouTube client",
   "devDependencies": {
-    "@babel/core": "^7.8.7",
+    "@babel/core": "^7.9.0",
     "@babel/plugin-proposal-class-properties": "^7.8.3",
-    "@babel/plugin-proposal-object-rest-spread": "^7.8.3",
+    "@babel/plugin-proposal-object-rest-spread": "^7.9.5",
-    "@babel/preset-env": "^7.8.7",
+    "@babel/preset-env": "^7.9.5",
-    "@babel/preset-typescript": "^7.8.3",
+    "@babel/preset-typescript": "^7.9.0",
-    "@typescript-eslint/eslint-plugin": "^2.24.0",
+    "@typescript-eslint/eslint-plugin": "^2.29.0",
-    "@typescript-eslint/parser": "^2.24.0",
+    "@typescript-eslint/parser": "^2.29.0",
     "acorn": "^7.1.1",
     "babel-eslint": "^10.1.0",
-    "babel-loader": "^8.0.6",
+    "babel-loader": "^8.1.0",
     "copy-webpack-plugin": "^5.1.1",
-    "css-loader": "^3.4.2",
+    "css-loader": "^3.5.2",
     "devtron": "^1.4.0",
-    "electron": "^8.1.1",
+    "electron": "^8.2.3",
-    "electron-builder": "^22.4.1",
+    "electron-builder": "^22.5.1",
     "electron-debug": "^3.0.1",
     "electron-rebuild": "^1.10.1",
     "eslint": "^6.8.0",
-    "eslint-config-prettier": "^6.10.0",
+    "eslint-config-prettier": "^6.10.1",
-    "eslint-config-standard": "^14.1.0",
+    "eslint-config-standard": "^14.1.1",
-    "eslint-plugin-import": "^2.20.1",
+    "eslint-plugin-import": "^2.20.2",
-    "eslint-plugin-node": "^11.0.0",
+    "eslint-plugin-node": "^11.1.0",
-    "eslint-plugin-prettier": "^3.1.2",
+    "eslint-plugin-prettier": "^3.1.3",
     "eslint-plugin-promise": "^4.2.1",
     "eslint-plugin-standard": "^4.0.1",
     "eslint-plugin-vue": "^6.2.2",
     "fast-glob": "^3.2.2",
     "file-loader": "^6.0.0",
-    "html-webpack-plugin": "^3.2.0",
+    "html-webpack-plugin": "^4.2.0",
-    "jest": "^25.1.0",
+    "jest": "^25.4.0",
     "mini-css-extract-plugin": "^0.9.0",
     "node-loader": "^0.6.0",
     "npm-run-all": "^4.1.5",
-    "prettier": "^1.19.1",
+    "prettier": "^2.0.4",
     "sass": "^1.26.3",
     "sass-loader": "^8.0.2",
-    "style-loader": "^1.1.3",
+    "style-loader": "^1.1.4",
     "tree-kill": "1.2.2",
     "typescript": "^3.8.3",
-    "url-loader": "^4.0.0",
+    "url-loader": "^4.1.0",
     "vue-devtools": "^5.1.3",
     "vue-eslint-parser": "^7.0.0",
     "vue-loader": "^15.9.1",
     "vue-style-loader": "^4.1.2",
     "vue-template-compiler": "^2.6.11",
-    "webpack": "^4.42.0",
+    "webpack": "^4.43.0",
     "webpack-cli": "^3.3.11",
     "webpack-dev-server": "^3.10.3"
   },

src/main/index.js

@@ -1,6 +1,13 @@
 import { app, BrowserWindow, Menu } from 'electron'
 import { productName } from '../../package.json'
 
+require('electron-context-menu')({
+  showSearchWithGoogle: false,
+  showSaveImageAs: true,
+  showCopyImageAddress: true,
+  prepend: (params, browserWindow) => []
+})
+
 // set app name
 app.setName(productName)
 

src/renderer/components/ft-video-player/ft-video-player.js

@@ -24,7 +24,7 @@ export default Vue.extend({
     },
     sourceList: {
       type: Array,
-      default: null
+      default: () => { return [] }
     },
     dashSrc: {
       type: Array,