Update Dependencies

package.json

@@ -31,35 +31,35 @@
     "videojs-vtt-thumbnails": "0.0.13",
     "vue": "^2.6.11",
     "vue-electron": "^1.0.6",
-    "vue-router": "^3.2.0",
+    "vue-router": "^3.3.2",
     "vuex": "^3.4.0",
     "xml2json": "^0.12.0",
     "youtube-chat": "^1.1.0",
     "youtube-comments-fetch": "^1.0.1",
-    "youtube-comments-task": "^1.3.14",
+    "youtube-comments-task": "^1.3.15",
     "youtube-suggest": "^1.1.0",
     "yt-xml2vtt": "^1.0.1",
-    "ytdl-core": "^2.1.5",
+    "ytdl-core": "^3.1.0",
     "ytpl": "^0.1.21",
     "ytsr": "^0.1.14"
   },
   "description": "A private YouTube client",
   "devDependencies": {
-    "@babel/core": "^7.9.6",
+    "@babel/core": "^7.10.2",
-    "@babel/plugin-proposal-class-properties": "^7.8.3",
+    "@babel/plugin-proposal-class-properties": "^7.10.1",
-    "@babel/plugin-proposal-object-rest-spread": "^7.9.6",
+    "@babel/plugin-proposal-object-rest-spread": "^7.10.1",
-    "@babel/preset-env": "^7.9.6",
+    "@babel/preset-env": "^7.10.2",
-    "@babel/preset-typescript": "^7.9.0",
+    "@babel/preset-typescript": "^7.10.1",
-    "@typescript-eslint/eslint-plugin": "^3.0.1",
+    "@typescript-eslint/eslint-plugin": "^3.1.0",
-    "@typescript-eslint/parser": "^3.0.1",
+    "@typescript-eslint/parser": "^3.1.0",
     "acorn": "^7.2.0",
     "babel-eslint": "^10.1.0",
     "babel-loader": "^8.1.0",
-    "copy-webpack-plugin": "^6.0.1",
+    "copy-webpack-plugin": "^6.0.2",
     "css-loader": "^3.5.3",
     "devtron": "^1.4.0",
     "electron": "^8.3.0",
-    "electron-builder": "^22.6.1",
+    "electron-builder": "^22.7.0",
     "electron-builder-squirrel-windows": "^22.7.0",
     "electron-debug": "^3.1.0",
     "electron-rebuild": "^1.11.0",
@@ -80,7 +80,7 @@
     "node-loader": "^0.6.0",
     "npm-run-all": "^4.1.5",
     "prettier": "^2.0.5",
-    "sass": "^1.26.5",
+    "sass": "^1.26.7",
     "sass-loader": "^8.0.2",
     "style-loader": "^1.2.1",
     "tree-kill": "1.2.2",

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

@@ -180,7 +180,6 @@ export default Vue.extend({
       }
 
       this.activeSourceList.forEach((source) => {
-        console.log(source)
         if (typeof (source.qualityLabel) !== 'undefined') {
           if (this.determineDefaultQuality(source.qualityLabel)) {
             selectedQuality = source.qualityLabel
@@ -193,7 +192,6 @@ export default Vue.extend({
   },
   watch: {
     sourceList: function () {
-      console.log('Obtained Source list')
       this.determineFormatType()
     }
   },

src/renderer/components/top-nav/top-nav.js

@@ -127,12 +127,6 @@ export default Vue.extend({
       ytSuggest(query).then((results) => {
         this.searchSuggestionsDataList = results
         this.searchValue = query
-      }).error((err) => {
-        console.log(err)
-        if (this.backendFallback) {
-          console.log('Error gettings search suggestions.  Falling back to Invidious API')
-          this.getSearchSuggestionsInvidious(query)
-        }
       })
     },
 

src/renderer/store/modules/ytdl.js

@@ -132,7 +132,7 @@ const actions = {
   ytGetVideoInformation ({}, videoId) {
     return new Promise((resolve, reject) => {
       console.log('Getting video info please wait...')
-      ytdl.getInfo(videoId, (err, result) => {
+      ytdl.getInfo(videoId).then((result, err) => {
         if (err) {
           reject(err)
         } else {

src/renderer/views/Search/Search.js

@@ -119,8 +119,6 @@ export default Vue.extend({
           return
         }
 
-        console.log(result)
-
         const returnData = result.items.filter((item) => {
           return item.type === 'video' || item.type === 'channel' || item.type === 'playlist'
         })
@@ -133,8 +131,6 @@ export default Vue.extend({
           this.shownResults = returnData
         }
 
-        console.log('made it here')
-
         this.nextPageRef = result.nextpageRef
         this.isLoading = false
 

src/renderer/views/Watch/Watch.js

@@ -198,23 +198,23 @@ export default Vue.extend({
         .dispatch('ytGetVideoInformation', this.videoId)
         .then(result => {
           console.log(result)
-          this.videoTitle = result.title
+          this.videoTitle = result.videoDetails.title
           this.videoViewCount = parseInt(
             result.player_response.videoDetails.viewCount,
             10
           )
-          this.channelId = result.author.id
+          this.channelId = result.videoDetails.author.id
-          this.channelName = result.author.name
+          this.channelName = result.videoDetails.author.name
-          this.channelThumbnail = result.author.avatar
+          this.channelThumbnail = result.videoDetails.author.avatar
-          this.videoPublished = result.published
+          this.videoPublished = new Date(result.videoDetails.publishDate.replace('-', '/')).getTime()
           this.videoDescription =
             result.player_response.videoDetails.shortDescription
           this.recommendedVideos = result.related_videos
-          this.videoLikeCount = result.likes
+          this.videoLikeCount = result.videoDetails.likes
-          this.videoDislikeCount = result.dislikes
+          this.videoDislikeCount = result.videoDetails.dislikes
           this.isLive = result.player_response.videoDetails.isLive
 
-          const subCount = result.author.subscriber_count
+          const subCount = result.videoDetails.author.subscriber_count
 
           if (subCount >= 1000000) {
             this.channelSubscriptionCountText = `${subCount / 1000000}M`
@@ -240,6 +240,8 @@ export default Vue.extend({
                 qualityLabel: format.qualityLabel
               }
             }).reverse()
+
+            this.activeSourceList = this.videoSourceList
           } else {
             this.videoSourceList = result.player_response.streamingData.formats
 
@@ -371,6 +373,8 @@ export default Vue.extend({
             //     qualityLabel: format.qualityLabel
             //   }
             // })
+
+            this.activeSourceList = this.videoSourceList
           } else if (this.forceLocalBackendForLegacy) {
             this.getLegacyFormats()
           } else {