Allow pasting Playlist URLs in search to navigate straight to playlist page

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

@@ -77,7 +77,7 @@ export default Vue.extend({
     this.debounceSearchResults = debounce(this.getSearchSuggestions, 200)
   },
   methods: {
-    goToSearch: function (query) {
+    goToSearch: async function (query) {
       const appWidth = $(window).width()
 
       if (appWidth <= 680) {
@@ -89,23 +89,30 @@ export default Vue.extend({
         searchInput.blur()
       }
 
-      this.$store.dispatch('getVideoIdFromUrl', query).then((result) => {
+      const videoId = await this.$store.dispatch('getVideoIdFromUrl', query)
-        if (result) {
+      const playlistId = await this.$store.dispatch('getPlaylistIdFromUrl', query)
-          this.$router.push({
+
-            path: `/watch/${result}`
+      console.log(playlistId)
-          })
+
-        } else {
+      if (videoId) {
-          router.push({
+        this.$router.push({
-            path: `/search/${encodeURIComponent(query)}`,
+          path: `/watch/${videoId}`
-            query: {
+        })
-              sortBy: this.searchSettings.sortBy,
+      } else if (playlistId) {
-              time: this.searchSettings.time,
+        this.$router.push({
-              type: this.searchSettings.type,
+          path: `/playlist/${playlistId}`
-              duration: this.searchSettings.duration
+        })
-            }
+      } else {
-          })
+        router.push({
-        }
+          path: `/search/${encodeURIComponent(query)}`,
-      })
+          query: {
+            sortBy: this.searchSettings.sortBy,
+            time: this.searchSettings.time,
+            type: this.searchSettings.type,
+            duration: this.searchSettings.duration
+          }
+        })
+      }
 
       this.showFilters = false
     },

src/renderer/store/modules/utils.js

@@ -229,6 +229,27 @@ const actions = {
     return extractors.reduce((a, c) => a || c(), null) || false
   },
 
+  getPlaylistIdFromUrl (_, url) {
+    /** @type {URL} */
+    let urlObject
+    try {
+      urlObject = new URL(url)
+    } catch (e) {
+      return false
+    }
+
+    const extractors = [
+      // anything with /playlist?list=
+      function() {
+        if (urlObject.pathname === '/playlist' && urlObject.searchParams.has('list')) {
+          return urlObject.searchParams.get('list')
+        }
+      }
+    ]
+
+    return extractors.reduce((a, c) => a || c(), null) || false
+  },
+
   padNumberWithLeadingZeros(_, payload) {
     let numberString = payload.number.toString()
     while (numberString.length < payload.length) {