refactor: channels-list accepts array of channels

Author: christian-fei

client/components/channels-list.js

@@ -12,7 +12,7 @@ class ChannelsList extends HTMLElement {
 
   attributeChangedCallback(name, _, newValue) {
     if (name === 'data-list') {
-      const channels = newValue.split(',').filter(Boolean)
+      const channels = JSON.parse(newValue).filter(Boolean)
       channels.sort((a, b) => a.toLowerCase().localeCompare(b.toLowerCase()))
       this.channels = channels
       this.render()

client/lib/router.js

@@ -33,8 +33,8 @@ const routes = {
     const channelsList = videos.reduce((acc, video) => {
       if (!acc.includes(video.channelName)) acc.push(video.channelName)
       return acc
-    }, []).join(',')
-    document.querySelector('channels-list').dataset['list'] = channelsList
+    }, [])
+    document.querySelector('channels-list').dataset['list'] = JSON.stringify(channelsList)
 
     window.utils.applyShowThumbnails(store.get(store.showThumbnailsKey))
     window.utils.applyShowBigPlayer(store.get(store.showBigPlayerKey))