Add tags for channels with the capability to filter channels by tags on the home page.

Related to #27.

Mockups

• Adding a channel tag:

Opens a modal where the user can add/edit/remove tags for the current channel.

• Filtering by tags on the home page:

Using virtualized lists on home / channels list should improve performance.

Example.

Useful libraries:

• react-tiny-virtual-list
• react-virtual
• react-window

Would be nice to remember which videos was watched/viewed (or simply clicked).

There is already an option to auto clear cache (each time the main component constructor get called), but it would be more interesting to do that every x days.

Add channels archive (replace hide option) & display archived channels separately (on a separate tab?).

This is a feature request,

please allow videos to be sorted by publish time, rather than by their channels.

sometimes, i don't care which channel it is, i just want the newest videos published.

It would be interesting to have a statistics page with the following data measures:

• number cards:
  • total number of viewed videos (+for the current week, +for the current month?)
  • total number of watch later videos (+for the current week, +for the current month?)

💡 For the current week/month, it could be just an indicator for how much the number was incremented/decremented compared to the previous week/month.

• pie/bar/line charts:
  • pie chart with viewed/watch later videos per channel
  • bar chart with the number of viewed videos per month for the current year
  • ranking of most viewed channels for the current month?

React routing must be added to allow that + it may reduce the background script size/dependencies & even reduce build time 🤔 .

Menu entry can be named Watch Later or simply Saved.

Option can be added on video hover like so:

Using Drag and drop to reorder channels doesn't work on firefox extension popup (but working fine on new tab or as a normal web page).

Related issue: https://bugzilla.mozilla.org/show_bug.cgi?id=1408756.

Proposed solution: Add buttons to reorder channels.

Note: Chrome is not concerned.

Replace window.fetch with axios.

& use dynamic/state value of the API key (using hooks + context API or whatever available solution).

Improve notifications display on the web-extension:

• use image type on Chrome? (not supported on Firefox)
• include videos titles maybe?
• set a max number of notifications to show?

As described in the title, this feature is quite OP (Over Power) since it will require some considerable work to be implemented.

Below some ideas on how this can be achieved:

• With an auth system: Add an authentification system to simplify connection/identification between clients?
• Without an auth system: This could be simply achieved by providing a link that one of the users can share with the other(s), instead of a whole auth system that may not be so useful.

For the syncing part, youtube player API already provides event listeners for the player actions (like play, pause & resume, etc..), so listening to the player events won't be a challenge, the rest would be to use one of the following protocols/technologies to communicate between the clients in real-time:

• WebSockets (socket.io)
• WebRTC
• Implement a custom protocol 👀? (based on a peer to peer architecture? just to avoid the need of a server)

Add filters to channels, mostly being able to filter a channel videos by title or a specific condition.

Note: It would be interesting if that could be managed on the API/requests side, but since Youtube API doesn't allow that (filtering results), i guess it should be managed on the front side in the videos renderer.

The Picture-in-Picture mode API is available on chrome but not yet on Firefox, so the only thing to do is to wait for now.

Or maybe implement a custom PiP mode, using custom windows? like in the Enhancer for YouTube extension. But this may require extra-work and it might be dropped out later when the API will be available, so it looks like a waste of time, don't you think so? 🤔

Feature specs:

• should be able to mark/unmark a watch later video with the starred flag.

• should be able to filter watch later videos by the starred flag.

• Add a videos playlist (in the sidebar menu) & allow the user to fill/clear the playlist, inspired by w2g.
• Play videos in the right order inside a modal (can use youtube video player API to handle that).
• Add a blog post/wiki about the feature.

Mockups

Steps to reproduce

1. Add at least one channel & go to the All view.
2. Uncheck the seen filter.
3. Mark all the displayed channel videos as seen.
4. The channel disappears (it shouldn't when the channel has more videos to fetch).

Note: This issue probably applies to the rest of filters as well & not only the seen filter.

This happens when attempting to double-click or fastly reopen the popup from the browser toolbar icon. The channels list is totally cleared/deleted & the popup looks like its first use.

The bug only occurs on Firefox for now. It might be related to the storage data gathering promise in the main/App component.

Description

Implementing a snooze mode can be interesting in case the user wants to disable the auto-check for recent videos for a period of time.

Implementation details

• Should be able to activate the snooze mode by right clicking on the extension icon?
• The webextension icon should be grayed when the snooze mode is activated.
• Should be able to auto disable the snooze mode later (on next browser launch for example?).
• The snooze mode would only benefit the web-extension (the web app is not concerned).

Unify scrollbars style on both Chrome & Firefox.

Library suggestion: simplebar.

Excellent and awesome product thus far. Might be nice to be able to categorize chosen channels by their placement into a user's channel sub-folder(s) (i.e. Programming Channels, Cooking Channels, Home DIY, Automobile DIY etc.) allowing a channel to exist in multiple folders; and/or, perhaps to assign one's own dynamic dictionary tags to chosen video's to enhance later searches.

Okay Firstly I used to use the following addon
https://github.com/XrXr/YoutubeSubscriptionChecker
Brilliant thing select the channel Like yours comes up on the left new channels in the screen great but a ransomware javascript page screwed my machine and the youtubesubscriptionchecker was taken off the addons site so unfortunately, I have tried I managed to get the addon on my firefox but could never get it to work again I think the database was missing so no database the project couldn't add the channels

SORRY OFF-TOPIC

I have seen your addon am using it it appears to be Reasonable youtubesubscriptionchecker had one thing I think or more features than yours, that yours could benefit from

That addon had a number place on the icon when a youtube video was discovered.
I would suggest the same thing.

But with that you have the following on the left all , today's videos, recent videos, watch later. I would suggest adding an icon or something to a newly added video on the right-hand side anything at all to show it's a new unseen video.

what i notice at the moment there is no indication of a new video on the addon icon so I have to check if there is a new video..... Or No timer when hovering over the counter on the icon so i would know when the next checking for a video in addon will occur.
That one is needed just nice to know
If you put an icon with a number of new videos found on it similar to a youtube subscription checker.
Speaking along those lines also with the ability to play a notification sound so you know that a video has arrived as well as a number of the new videos in the addon.... those two things are the main things I have seen that are lacking in the addon apart from that I wish and its because I used youtube subscription checker for so long ..... I wish that when adding videos it was a full-page, not the addon part itself... See I tried adding a channel from the shortcuts area copy the name from the link to paste it
and as you would expect I had to right-click on the bookmark copy the id of the channel name then go over to the addon and then click the search WAIT FOR A BILLION YEARS for the icon to come up or hope the exact name I copied when I click the button was the actual channel. Might be my internet a bit slow..... Anyway if it were a full-screen page you could go between a page and that page or from a bookmark on the page and copy something without leaving the browsers page of the options of the addon and paste the information into a search making it faster than clicking off clicking on the addon

All of that aside you have a good enough addon that I am going to use it thank you for that I appreciate it

Either way, I miss that addon lol... but yours could do with a visual number on the icon so you don't have to check all the time to see if there is a new video that has uploaded a few new video addons had that feature one of the latest for live streaming is Nowstreaming a twitch one shows 0 and if a stream goes live shows 1 or 2, etc.
an audio notification and a notification on the new video in the addon so it shows up clear that it's a NEW video...

But these are only suggestions Go your own way and remember Its a good addon as it is suggestions are only that and Thank you for listening to them

Nicely done.... If I had a bit more coding under my belt I would program my own but I'm too lazy to learn. Thank you for making the addon at least you don't HAVE TO BE LOGGED INTO YOUTUBE with your addon so stupid to have to be logged in to see a new video from a YouTuber

Your environment

Firefox latest version
not sure about anything else
windows 10 16 gigs ram 4.1ghz 8 core
stupid graphics card 730 GeForce SUPPORT ENDING THIS YEAR :-(

• which browser and its version
  Firefox 89.0.1 well won't be when I restart I'm not sure what it will be then sorry.

Well, I appreciate your time as I said I hope to see a few more improvements whatever they may be.

Switching between channels can be done through routes for each selection/channel instead of filtering videos cache state by the current selected channel.

It would be nice to have the ability to import & export settings (same as channel list).