Defer loading videojs-share until last

Add current branch to footer

CHANGELOG.md

@@ -1,3 +1,216 @@
+# 0.14.0 (2019-02-06)
+
+## Version 0.14.0: Community
+
+This last month several contributors have made improvements specifically for the people using this project. New pages have been added to the wiki, and there is now a [Matrix Server](https://riot.im/app/#/room/#invidious:matrix.org) and IRC channel so it's easier and faster for people to ask questions or chat. There have been [101 commits](https://github.com/omarroth/invidious/compare/0.13.0...0.14.0) since the last major release from 8 contributors.
+
+It has come to my attention in the past month how many people are self-hosting, and I would like to make it easier for them to do so.
+
+With that in mind, expect future releases to have a section for For Administrators (if any relevant changes) and For Developers (if any relevant changes).
+
+## For Administrators
+
+This month the most notable change for administrators is releases. As always, there will be a major release each month. However, a new minor release will be made whenever there are any critical bugs that need to be fixed.
+
+This past month is the first time there has been a minor release - `0.13.1` - which fixes a breaking change made by YouTube. Administrators using versioning for their instances will be able to rely on the latest version, and should have a system in place to upgrade their instance as soon as a new release is available.
+
+Several new pages have been added to the [wiki](https://github.com/omarroth/invidious/wiki#for-administrators) (as mentioned below) that will help administrators better setup their own instances. Configuration, maintenance, and instructions for updating are of note, as well as several common issues that are encountered when first setting up.
+
+## For Developers
+
+There's now a `pretty=1` parameter for most endpoints so you can view data easily from the browser, which is convenient for debugging and casual use. You can see an example [here](https://invidio.us/api/v1/videos/CvFH_6DNRCY?pretty=1).
+
+Unfortunately the `/api/v1/insights/:id` endpoint is no longer functional, as YouTube removed all publicly available analytics around a month ago. The YouTube endpoint now returns a 404, so it's unlikely it will be functional again.
+
+## Wiki
+
+There have been a sizable number of changes to the Wiki, including a [list of public Invidious instances](https://github.com/omarroth/invidious/wiki/Invidious-Instances), the [list of extensions](https://github.com/omarroth/invidious/wiki/Extensions), and documentation for administrators (as mentioned above) and developers.
+
+The wiki is editable by anyone so feel free to add anything you think is useful.
+
+## Matrix & IRC
+
+Thee is now a [Matrix Server](https://riot.im/app/#/room/#invidious:matrix.org) for Invidious, so please feel free to hop on if you have any questions or want to chat. There is also a registered IRC channel: #invidious on Freenode which is bridged to Matrix.
+
+## Features
+
+Several new features have been added, including a download button, creator hearts and comment colors, and a French translation.
+
+There have been fixes for Google logins, missing text in locales, invalid links to genre channels, and better error handling in the player, among others.
+
+Several fixes and features are omitted for space, so I'd recommend taking a look at the [compare tab](https://github.com/omarroth/invidious/compare/0.13.0...0.14.0) for more information.
+
+## Annotations Update
+
+Annotations were removed January 15th, 2019 around15:00 UTC. Before they were deleted we were able to archive annotations from around 1.4 billion videos. I'd very much recommend taking a look [here](https://www.reddit.com/r/DataHoarder/comments/al7exa/youtube_annotation_archive_update_and_preview/) for more information and a list of acknowledgements. I'm extremely thankful to everyone who was able to contribute and I'm glad we were able to save such a large part of internet history.
+
+There's been large strides in supporting them in the player as well, which you can follow in [#303](https://github.com/omarroth/invidious/pull/303). You can preview the functionality at https://dev.invidio.us . Before they are added to the main site expect to see an option to disable them, both site-wide and per video.
+
+Organizing this project has unfortunately taken up quite a bit of my time, and I've been very grateful for everyone's patience.
+
+## Finances
+
+### Donations
+
+- [Patreon](https://www.patreon.com/omarroth) : \$49.42
+- [Liberapay](https://liberapay.com/omarroth) : \$27.89
+- Crypto : ~\$0.00 (converted from BCH, BTC)
+- Total : \$77.31
+
+### Expenses
+
+invidious-load1 (nyc1) : $10.00 (load balancer)
+invidious-update1 (s-1vcpu-1gb) : $5.00 (updates feeds)
+invidious-node1 (s-1vcpu-1gb) : $5.00 (web server)
+invidious-node2 (s-1vcpu-1gb) : $5.00 (web server)
+invidious-node3 (s-1vcpu-1gb) : $5.00 (web server)
+invidious-node4 (s-1vcpu-1gb) : $5.00 (web server)
+invidious-db1 (s-4vcpu-8gb) : $40.00 (database)
+Total : $75.00
+
+As always I'm grateful for everyone's contributions and support. I'll see you all in March.
+
+# 0.13.1 (2019-01-19)
+
+##
+
+# 0.13.0 (2019-01-06)
+
+## Version 0.13.0: Translations, Annotations, and Tor
+
+I hope everyone had a happy New Year! There's been a couple new additions since last release, with [44 commits](https://github.com/omarroth/invidious/compare/0.12.0...0.13.0) from 9 contributors. It's been quite a year for the project, and I hope to continue improving the project into 2019! Starting off the new year:
+
+## Translations
+
+I'm happy to announce support for translations has been added with [`a160c64`](https://github.com/omarroth/invidious/a160c64). Currently, there is support for:
+
+- Arabic (`ar`)
+- Dutch (`nl`)
+- English (`en-US`)
+- German (`de`)
+- Norwegian Bokmål (`nb_NO`)
+- Polish (`pl`)
+- Russian (`ru`)
+
+Which you can change in your preferences under `Language`. You can also add `&hl=LANGUAGE` to the end of any request to translate it to your preferred language, for example https://invidio.us/?hl=ru. I'd like to say thank you again to everyone who has helped translate the site! I've mentioned this before, but I'm delighted that so many people find the project useful.
+
+## Annotations
+
+Recently, [YouTube announced that all annotations will be deleted on January 15th, 2019](https://support.google.com/youtube/answer/7342737). I believe that annotations have a very important place in YouTube's history, and [announced a project to archive them](https://www.reddit.com/r/DataHoarder/comments/aa6czg/youtube_annotation_archive/).
+
+I expect annotations to be supported in the Invidious player once archiving is complete (see [#110](https://github.com/omarroth/invidious/issues/110) for details), and would also like to host them for other developers to use in their projects.
+
+The code is available [here](https://github.com/omarroth/archive), and contains instructions for running a worker if you would like to contribute. There's much more information available in the announcement as well for anyone who is interested.
+
+## Tor
+
+I unfortunately missed the chance to mention this in the previous release, but I'm now happy to announce that you can now view Invidious through Tor at the following links:
+
+kgg2m7yk5aybusll.onion  
+axqzx4s6s54s32yentfqojs3x5i7faxza6xo3ehd4bzzsg2ii4fv2iid.onion
+
+Invidious is well suited to use through Tor, as it does not require any JS and is fairly lightweight. I'd recommend looking [here](https://diasp.org/posts/10965196) and [here](https://www.reddit.com/r/TOR/comments/a3c1ak/you_can_now_watch_youtube_videos_anonymously_with/) for more details on how to use the onion links, and would like to say thank you to [/u/whonix-os](https://www.reddit.com/user/whonix-os) for suggesting it and providing support setting setting them up.
+
+## Popular and Trending
+
+You can now easily view videos trending on YouTube with [`a16f967`](https://github.com/omarroth/invidious/a16f967). It also provides support for viewing YouTube's various categories categories, such as `News`, `Gaming`, and `Music`. You can also change the `region` parameter to view trending in different countries, which should be made easier to use in the coming weeks.
+
+A link to `/feed/popular` has also been added, which provides a list of videos sorted using the algorithm described [here](https://github.com/omarroth/invidious/issues/217#issuecomment-436503761). I think it better reflects what users watch on the site, but I'd like to hear peoples' thoughts on this and on how it could be improved.
+
+## Finances
+
+### Donations
+
+- [Patreon](https://www.patreon.com/omarroth): \$64.63
+- [Liberapay](https://liberapay.com/omarroth) : \$30.05
+- Crypto : ~\$28.74 (converted from BCH, BTC)
+- Total : \$123.42
+
+### Expenses
+
+- invidious-load1 (nyc1) : \$10.00 (load balancer)
+- invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
+- invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
+- invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
+- invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
+- invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
+- invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
+- Total : \$75.00
+
+### What will happen with what's left over?
+
+I believe this is the first month that all expenses have been fully paid for by donations. Thank you! I expect to allocate the current amount for hardware to improve performance and for hosting annotation data, as mentioned above.
+
+Anything that is left over is kept to continue hosting the project for as long as possible. Thank you again everyone!
+
+I think that's everything for 2018. There's lots still planned, and I'm very excited for the future of this project!
+
+# 0.12.0 (2018-12-06)
+
+## Version 0.12.0: Accessibility, Privacy, Transparency
+
+Hello again, it's been a while! A lot has happened since the last release. Invidious has seen [134 commits](https://github.com/omarroth/invidious/compare/0.11.0...0.12.0) from 3 contributors, and I'm quite happy with the progress that has been made. I enjoyed this past month, and I believe having a monthly release schedule allows me to focus on more long-term improvements, and I hope people enjoy these more substantial updates as well.
+
+## Accessability and Privacy
+
+There have been quite a few improvements for user privacy, and improvements that improve accessibility for both people and software.
+
+You can now view comments without JS with [`19516ea`](https://github.com/omarroth/invidious/19516ea). Currently, this functionality is limited to the first 20 comments, but expect this functionality to be improved to come as close to the JS version as possible. Folks can track progress in [#204](https://github.com/omarroth/invidious/issues/204).
+
+Invidious is now compatible with [LibreJS](https://www.gnu.org/software/librejs/), and provides license information [here](https://invidio.us/licenses) with [`7f868ec`](https://github.com/omarroth/invidious/7f868ec). As expected, all libraries are compatible under the AGPLv3, and I'm happy to mention that no other changes were required to make Invidious compatible with LibreJS.
+
+A DNT policy has also been added with [`9194f47`](https://github.com/omarroth/invidious/9194f47) for compatibility with [Privacy Badger](https://www.eff.org/privacybadger). I'm pleased to mention that here too no other changes had to be made in order for Invidious to be compatible with this extension. I expect a privacy policy to be added soon as well, so users can better understand how Invidious uses their data.
+
+For users that are visually impaired, there is now a text CAPTCHA available so it's easier to register and login. Because of the simple front-end of the project, I expect screen readers and other software to be able to easily understand the site's interface. In combination with the ability to listen-only, I believe Invidious is much more accessible than YouTube. Folks can read [#244](https://github.com/omarroth/invidious/issues/244) for more details, and I would very much appreciate any feedback on how this can be improved.
+
+## User Preferences
+
+There have been a lot of improvements to preferences. Options for enabling audio-only by default and continuous playback (autoplay) have been added with [`e39dec9`](https://github.com/omarroth/invidious/e39dec9), with [`4b76b93`](https://github.com/omarroth/invidious/4b76b93), respectively. Users can also now mark videos as watched from their subscription feed and view watch history by going to https://invidio.us/feed/history. I expect to add more information to history so that it's easier to use. Folks can track progress with [#182](https://github.com/omarroth/invidious/issues/182). As with all data Invidious keeps, watch history can be exported [here](https://invidio.us/data_control).
+
+Users can now delete their account with [`b9c29bf`](https://github.com/omarroth/invidious/b9c29bf). This will remove _all_ user data from Invidious, including session IDs, watch history, and subscriptions. As mentioned above, it's easy to export that data and import it to a local instance, or export subscriptions for use with other applications such as [FreeTube](https://github.com/FreeTubeApp/FreeTube) or [NewPipe](https://github.com/TeamNewPipe/NewPipe).
+
+## Translation and Internationalis(z)ation
+
+Invidious has been approved for hosting by Weblate, available [here](https://hosted.weblate.org/projects/invidious/translations/). At the time of writing, translations for Arabic, Dutch, German, Polish, and Russian are currently underway. I would like to say a very big thank you to everyone working on them, and I hope to fully support them within around 2 weeks. Folks can track progress with [#251](https://github.com/omarroth/invidious/issues/251).
+
+## Transperency and Finances
+
+For the sake of transparency, I plan on publishing each month's finances. This is currently already done on Liberapay and Patreon, but there is not a total amount currently provided anywhere, and I would also like to include expenses to provide a better explanation of how patrons' money is being spent.
+
+### Donations
+
+- [Patreon](https://www.patreon.com/omarroth): \$43.60 (Patreon takes roughly 9%)
+- [Liberapay](https://liberapay.com/omarroth) : \$22.10
+- Crypto : ~\$1.25 (converted from BCH, BTC)
+- Total : \$66.95
+
+### Expenses
+
+- invidious-load1 (nyc1) : \$10.00 (load balancer)
+- invidious-update1 (s-1vcpu-1gb) : \$5.00 (updates feeds)
+- invidious-node1 (s-1vcpu-1gb) : \$5.00 (web server)
+- invidious-node2 (s-1vcpu-1gb) : \$5.00 (web server)
+- invidious-node3 (s-1vcpu-1gb) : \$5.00 (web server)
+- invidious-node4 (s-1vcpu-1gb) : \$5.00 (web server)
+- invidious-db1 (s-4vcpu-8gb) : \$40.00 (database)
+- Total : \$75.00
+
+I'd be happy to provide any explanation where needed. I would also like to thank everyone who donates, it really helps and I can't say how happy I am to see that so many people find it valuable.
+
+That's all for this month. I wish everyone the best for the holidays, and I'll see you all again in January!
+
+# 0.11.0 (2018-10-23)
+
+## Week 11: FreeTube and Styling
+
+This past Friday I'm been very excited to see that FreeTube version [0.4.0](https://github.com/FreeTubeApp/FreeTube/tree/0.4.0) has been released! I'd recommend taking a look at the official patch notes, but to spoil a little bit here: FreeTube now uses the Invidious API for _all_ requests previously sent to YouTube, and has also seen support for playlists, keyboard shortcuts, and more default settings (speed, autoplay, and subtitles). I'm happy to see that FreeTube has reached 500 stars on Github, and I think it's very much deserved. I'd recommend keeping an eye on the newly-launched [FreeTube blog](https://freetube.writeas.com/) for updates on the project.
+
+Quite a few styling changes have been added this past week, including channel subscriber count to the subscribe and unsubscribe buttons. The changes sound small, but they've been a very big improvement and I'm quite satisfied with how they look. Also to note is that partial support for duration in thumbnails have been added with [#202](https://github.com/omarroth/invidious/issues/202). Overall, I think the site is becoming much more pleasing visually, and I hope to continue to improve it.
+
+I've been very pleased to see Invidious in its current state, and I believe it's many times more mature compared to even a month ago. Changes have also started slowing down a bit as it's become more mature, and therefore I'd like to transition to a monthly update schedule in order to provide more comprehensive updates for everyone. I want to thank you all for helping me reach this point. I can't say how happy I am for Invidious to be where it is now.
+
+Enjoy the rest of your week everyone, I'll see you in November!
+
 # 0.10.0 (2018-10-16)
 
 ## Week 10: Subscriptions

README.md

@@ -2,7 +2,7 @@
 
 ## Invidious is an alternative front-end to YouTube
 
-- Audio-only (and no need to keep window open on mobile)
+- Audio-only mode (and no need to keep window open on mobile)
 - [Open-source](https://github.com/omarroth/invidious) (AGPLv3 licensed)
 - No ads
 - No need to create a Google account to save subscriptions
@@ -18,16 +18,33 @@
 - Set default player options (speed, quality, autoplay, loop)
 - Does not require JS to play videos
 - Support for Reddit comments in place of YT comments
-- Import/Export subscriptions, watch history, preference
+- Import/Export subscriptions, watch history, preferences
 - Does not use any of the official YouTube APIs
+- Developer [API](https://github.com/omarroth/invidious/wiki/API)
 
 Liberapay: https://liberapay.com/omarroth  
 Patreon: https://patreon.com/omarroth  
 BTC: 356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY  
 BCH: qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk
 
+Onion links:
+
+- kgg2m7yk5aybusll.onion
+- axqzx4s6s54s32yentfqojs3x5i7faxza6xo3ehd4bzzsg2ii4fv2iid.onion
+
+[Alternative Invidious instances](https://github.com/omarroth/invidious/wiki/Invidious-Instances)
+
+## Screenshots
+
+| Player                                                                                                                  | Preferences                                                                                                             | Subscriptions                                                                                                               |
+| ----------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------- |
+| [<img src="screenshots/01_player.png?raw=true" height="140" width="280">](screenshots/01_player.png?raw=true)           | [<img src="screenshots/02_preferences.png?raw=true" height="140" width="280">](screenshots/02_preferences.png?raw=true) | [<img src="screenshots/03_subscriptions.png?raw=true" height="140" width="280">](screenshots/03_subscriptions.png?raw=true) |
+| [<img src="screenshots/04_description.png?raw=true" height="140" width="280">](screenshots/04_description.png?raw=true) | [<img src="screenshots/05_preferences.png?raw=true" height="140" width="280">](screenshots/05_preferences.png?raw=true) | [<img src="screenshots/06_subscriptions.png?raw=true" height="140" width="280">](screenshots/06_subscriptions.png?raw=true) |
+
 ## Installation
 
+See [Invidious-Updater](https://github.com/tmiland/Invidious-Updater) for a self-contained script that can automatically install and update Invidious.
+
 ### Docker:
 
 #### Build and start cluster:
@@ -51,53 +68,102 @@ $ docker volume rm invidious_postgresdata
 $ docker-compose build
 ```
 
-### Installing [Crystal](https://github.com/crystal-lang/crystal):
+### Linux:
 
-#### On Arch:
+#### Install dependencies
 
 ```bash
-$ sudo pacman -S shards crystal
-$ shards
+# Arch Linux
+$ sudo pacman -S shards crystal imagemagick librsvg postgresql
+
+# Ubuntu or Debian
+# First you have to add the repository to your APT configuration. For easy setup just run in your command line:
+$ curl -sSL https://dist.crystal-lang.org/apt/setup.sh | sudo bash
+# That will add the signing key and the repository configuration. If you prefer to do it manually, execute the following commands:
+$ curl -sL "https://keybase.io/crystal/pgp_keys.asc" | sudo apt-key add -
+$ echo "deb https://dist.crystal-lang.org/apt crystal main" | sudo tee /etc/apt/sources.list.d/crystal.list
+$ sudo apt-get update
+$ sudo apt install crystal libssl-dev libxml2-dev libyaml-dev libgmp-dev libreadline-dev librsvg2-dev postgresql imagemagick libsqlite3-dev
 ```
 
-#### On OSX:
+#### Add invidious user and clone repository
 
 ```bash
+$ useradd -m invidious
+$ sudo -i -u invidious
+$ git clone https://github.com/omarroth/invidious
+$ exit
+```
+
+#### Setup PostgresSQL
+
+```bash
+$ sudo systemctl enable postgresql
+$ sudo systemctl start postgresql
+$ sudo -i -u postgres
+$ psql -c "CREATE USER kemal WITH PASSWORD 'kemal';"
+$ createdb -O kemal invidious
+$ psql invidious < /home/invidious/invidious/config/sql/channels.sql
+$ psql invidious < /home/invidious/invidious/config/sql/videos.sql
+$ psql invidious < /home/invidious/invidious/config/sql/channel_videos.sql
+$ psql invidious < /home/invidious/invidious/config/sql/users.sql
+$ psql invidious < /home/invidious/invidious/config/sql/session_ids.sql
+$ psql invidious < /home/invidious/invidious/config/sql/nonces.sql
+$ exit
+```
+
+#### Setup Invidious
+
+```bash
+$ sudo -i -u invidious
+$ cd invidious
+$ shards update && shards install
+$ crystal build src/invidious.cr --release
+# test compiled binary
+$ ./invidious # stop with ctrl c
+$ exit
+```
+
+#### systemd service
+
+```bash
+$ sudo cp /home/invidious/invidious/invidious.service /etc/systemd/system/invidious.service
+$ sudo systemctl enable invidious.service
+$ sudo systemctl start invidious.service
+```
+
+### OSX:
+
+```bash
+# Install dependencies
 $ brew update
-$ brew install shards crystal-lang
-$ shards
+$ brew install shards crystal-lang postgres imagemagick librsvg
+
+# Clone repository and setup postgres database
+$ git clone https://github.com/omarroth/invidious
+$ cd invidious
+$ brew services start postgresql
+$ psql -c "CREATE ROLE kemal WITH LOGIN PASSWORD 'kemal';"
+$ createdb invidious -U kemal
+$ psql invidious < config/sql/channels.sql
+$ psql invidious < config/sql/videos.sql
+$ psql invidious < config/sql/channel_videos.sql
+$ psql invidious < config/sql/users.sql
+$ psql invidious < config/sql/session_ids.sql
+$ psql invidious < config/sql/nonces.sql
+
+# Setup Invidious
+$ shards update && shards install
+$ crystal build src/invidious.cr --release
 ```
 
-### Installing Postgres:
+## Update Invidious
 
-#### On Arch:
-
-Install according to the [wiki](https://wiki.archlinux.org/index.php/PostgreSQL#Installing_PostgreSQL)
-
-#### On OSX:
-
-```bash
-$ brew install postgres
-```
-
-### Setup Postgres:
-
-```bash
-$ ./setup.sh
-```
-
-### Installing ImageMagick (required for CAPTCHA):
-
-#### On Arch:
-
-```bash
-$ sudo pacman -S imagemagick librsvg
-```
+You can see how to update Invidious [here](https://github.com/omarroth/invidious/wiki/Updating).
 
 ## Usage:
 
 ```bash
-$ crystal build src/invidious.cr --release
 $ ./invidious -h
 Usage: invidious [arguments]
     -b HOST, --bind HOST             Host to bind (defaults to 0.0.0.0)
@@ -107,11 +173,14 @@ Usage: invidious [arguments]
     --ssl-cert-file FILE             SSL certificate file
     -h, --help                       Shows this help
     -t THREADS, --crawl-threads=THREADS
-                                     Number of threads for crawling (default: 1)
+                                     Number of threads for crawling YouTube (default: 0)
     -c THREADS, --channel-threads=THREADS
                                      Number of threads for refreshing channels (default: 1)
+    -f THREADS, --feed-threads=THREADS
+                                     Number of threads for refreshing feeds (default: 1)
     -v THREADS, --video-threads=THREADS
-                                     Number of threads for refreshing videos (default: 1)
+                                     Number of threads for refreshing videos (default: 0)
+    -o OUTPUT, --output=OUTPUT       Redirect output (default: STDOUT)
 ```
 
 Or for development:
@@ -121,11 +190,20 @@ $ curl -fsSLo- https://raw.githubusercontent.com/samueleaton/sentry/master/insta
 $ ./sentry
 ```
 
+## Documentation
+
+[Documentation](https://github.com/omarroth/invidious/wiki) can be found in the wiki.
+
 ## Extensions
 
-- [Alternate Tube Redirector](https://addons.mozilla.org/en-US/firefox/addon/alternate-tube-redirector/): Automatically open Youtube Videos on alternate sites like Invidious or Hooktube.
-- [Invidious Redirect](https://greasyfork.org/en/scripts/370461-invidious-redirect): Redirects Youtube URLs to Invidio.us (userscript)
-- [Invidio.us embed](https://greasyfork.org/en/scripts/370442-invidious-embed): Replaces YouTube embeds with Invidio.us embeds (userscript)
+[Extensions](https://github.com/omarroth/invidious/wiki/Extensions) can be found in the wiki, as well as documentation for integrating it into other projects.
+
+## Made with Invidious
+
+- [FreeTube](https://github.com/FreeTubeApp/FreeTube): An Open Source YouTube app for privacy.
+- [CloudTube](https://github.com/cloudrac3r/cadencegq): Website featuring pastebin, image host, and YouTube player
+- [PeerTubeify](https://gitlab.com/Ealhad/peertubeify): On YouTube, displays a link to the same video on PeerTube, if it exists.
+- [MusicPiped](https://github.com/deep-gaurav/MusicPiped): A materialistic music player that streams music from YouTube.
 
 ## Contributing
 
@@ -135,6 +213,18 @@ $ ./sentry
 4.  Push to the branch (git push origin my-new-feature)
 5.  Create a new Pull Request
 
-## Contributors
+## Contact
 
-- [omarroth](https://github.com/omarroth) - creator, maintainer
+Feel free to send an email to omarroth@protonmail.com or join our [Matrix Server](https://riot.im/app/#/room/#invidious:matrix.org), or #invidious on Freenode.
+
+You can also view release notes on the [releases](https://github.com/omarroth/invidious/releases) page or in the CHANGELOG.md included in the repository.
+
+## License
+
+[![GNU AGPLv3 Image](https://www.gnu.org/graphics/agplv3-155x51.png)](http://www.gnu.org/licenses/agpl-3.0.en.html)
+
+Invidious is Free Software: You can use, study share and improve it at your
+will. Specifically you can redistribute and/or modify it under the terms of the
+[GNU Affero General Public License](https://www.gnu.org/licenses/agpl.html) as
+published by the Free Software Foundation, either version 3 of the License, or
+(at your option) any later version.

assets/.well-known/dnt-policy.txt

@@ -0,0 +1,218 @@
+Do Not Track Compliance Policy 
+
+Version 1.0
+
+This domain complies with user opt-outs from tracking via the "Do Not Track"
+or "DNT" header  [http://www.w3.org/TR/tracking-dnt/].  This file will always
+be posted via HTTPS at https://example-domain.com/.well-known/dnt-policy.txt
+to indicate this fact.
+
+SCOPE
+
+This policy document allows an operator of a Fully Qualified Domain Name
+("domain") to declare that it respects Do Not Track as a meaningful privacy
+opt-out of tracking, so that privacy-protecting software can better determine
+whether to block or anonymize communications with this domain.  This policy is
+intended first and foremost to be posted on domains that publish ads, widgets,
+images, scripts and other third-party embedded hypertext (for instance on
+widgets.example.com), but it can be posted on any domain, including those users
+visit directly (such as www.example.com). The policy may be applied to some
+domains used by a company, site, or service, and not to others.  Do Not Track
+may be sent by any client that uses the HTTP protocol, including websites,
+mobile apps, and smart devices like TVs. Do Not Track also works with all
+protocols able to read HTTP headers, including SPDY.
+
+NOTE: This policy contains both Requirements and Exceptions. Where possible
+terms are defined in the text, but a few additional definitions are included
+at the end.
+
+REQUIREMENTS
+
+When this domain receives Web requests from a user who enables DNT by actively
+choosing an opt-out setting in their browser or by installing software that is
+primarily designed to protect privacy ("DNT User"), we will take the following
+measures with respect to those users' data, subject to the Exceptions, also
+listed below:  
+
+1. END USER IDENTIFIERS:         
+
+  a. If a DNT User has logged in to our service, all user identifiers, such as
+     unique or nearly unique cookies, "supercookies" and fingerprints are 
+     discarded as soon as the HTTP(S) response is issued.                                    
+
+     Data structures which associate user identifiers with accounts may be
+     employed to recognize logged in users per Exception 4 below, but may not
+     be associated with records of the user's activities unless otherwise
+     excepted.
+
+  b. If a DNT User is not logged in to our service, we will take steps to ensure 
+     that no user identifiers are transmitted to us at all.         
+
+2. LOG RETENTION: 
+
+  a. Logs with DNT Users' identifiers removed (but including IP addresses and
+     User Agent strings) may be retained for a period of 10 days or less,
+     unless an Exception (below) applies. This period of time balances privacy
+     concerns with the need to ensure that log processing systems have time to
+     operate; that operations engineers have time to monitor and fix technical
+     and performance problems; and that security and data aggregation systems
+     have time to operate.
+
+  b. These logs will not be used for any other purposes.         
+
+3. OTHER DOMAINS: 
+
+  a. If this domain transfers identifiable user data about DNT Users to
+     contractors, affiliates or other parties, or embeds from or posts data to
+     other domains, we will either:         
+
+  b. ensure that the operators of those domains abide by this policy overall
+     by posting it at /.well-known/dnt-policy.txt via HTTPS on the domains in
+     question,
+
+    OR
+
+     ensure that the recipient's policies and practices require the recipient
+     to respect the policy for our DNT Users' data.
+
+    OR  
+
+     obtain a contractual commitment from the recipient to respect this policy
+     for our DNT Users' data.
+
+    NOTE: if an “Other Domain” does not receive identifiable user information
+    from the domain because such information has been removed, because the
+    Other Domain does not log that information, or for some other reason, these
+    requirements do not apply.
+
+  c. "Identifiable" means any records which are not Anonymized or otherwise
+     covered by the Exceptions below.
+
+4. PERIODIC REASSERTION OF COMPLIANCE: 
+
+  At least once every 12 months, we will take reasonable steps commensurate
+  with the size of our organization and the nature of our service to confirm
+  our ongoing compliance with this document, and we will publicly reassert our
+  compliance.
+
+5. USER NOTIFICATION: 
+
+  a. If we are required by law to retain or disclose user identifiers, we will
+     attempt to provide the users with notice (unless we are prohibited or it
+     would be futile) that a request for their information has been made in
+     order to give the users an opportunity to object to the retention or
+     disclosure.
+
+  b. We will attempt to provide this notice by email, if the users have given
+     us an email address, and by postal mail if the users have provided a
+     postal address.                                   
+
+  c. If the users do not challenge the disclosure request, we may be legally
+     required to turn over their information.
+
+  d. We may delay notice if we, in good faith, believe that an emergency
+     involving danger of death or serious physical injury to any person
+     requires disclosure without delay of information relating to the
+     emergency.
+
+EXCEPTIONS
+
+Data from DNT Users collected by this domain may be logged or retained only in
+the following specific situations:
+
+1. CONSENT / "OPT BACK IN"         
+
+  a. DNT Users are opting out from tracking across the Web.  It is possible
+     that for some feature or functionality, we will need to ask a DNT User to
+     "opt back in" to be tracked by us across the entire Web.                                    
+
+  b. If we do that, we will take reasonable steps to verify that the users who
+     select this option have genuinely intended to opt back in to tracking.
+     One way to do this is by performing scientifically reasonable user
+     studies with a representative sample of our users, but smaller
+     organizations can satisfy this requirement by other means.         
+
+  c. Where we believe that we have opt back in consent, our server will
+     send a tracking value status header "Tk: C" as described in section 6.2
+     of the W3C Tracking Preference Expression draft:
+
+     http://www.w3.org/TR/tracking-dnt/#tracking-status-value
+
+2. TRANSACTIONS         
+
+   If a DNT User actively and knowingly enters a transaction with our
+   services (for instance, clicking on a clearly-labeled advertisement,
+   posting content to a widget, or purchasing an item), we will retain
+   necessary data for as long as required to perform the transaction. This
+   may for example include keeping auditing information for clicks on
+   advertising links; keeping a copy of posted content and the name of the
+   posting user; keeping server-side session IDs to recognize logged in
+   users; or keeping a copy of the physical address to which a purchased
+   item will be shipped.  By their nature, some transactions will require data
+   to be retained indefinitely.
+
+3. TECHNICAL AND SECURITY LOGGING:                   
+
+  a. If, during the processing of the initial request (for unique identifiers)
+     or during the subsequent 10 days (for IP addresses and User Agent strings),
+     we obtain specific information that causes our employees or systems to
+     believe that a request is, or is likely to be, part of a security attack,
+     spam submission, or fraudulent transaction, then logs of those requests 
+     are not subject to this policy.                                   
+
+  b. If we encounter technical problems with our site, then, in rare
+     circumstances, we may retain logs for longer than 10 days, if that is
+     necessary to diagnose and fix those problems, but this practice will not be
+     routinized and we will strive to delete such logs as soon as possible.         
+
+4. AGGREGATION:
+
+  a. We may retain and share anonymized datasets, such as aggregate records of
+     readership patterns; statistical models of user behavior; graphs of system
+     variables; data structures to count active users on monthly or yearly
+     bases; database tables mapping authentication cookies to logged in
+     accounts; non-unique data structures constructed within browsers for tasks
+     such as ad frequency capping or conversion tracking; or logs with truncated
+     and/or encrypted IP addresses and simplified User Agent strings.
+
+  b. "Anonymized" means we have conducted risk mitigation to ensure
+     that the dataset, plus any additional information that is in our
+     possession or likely to be available to us, does not allow the
+     reconstruction of reading habits, online or offline activity of groups of
+     fewer than 5000 individuals or devices. 
+
+  c. If we generate anonymized datasets under this exception we will publicly
+     document our anonymization methods in sufficient detail to allow outside
+     experts to evaluate the effectiveness of those methods.
+
+5. ERRORS: 
+
+From time to time, there may be errors by which user data is temporarily
+logged or retained in violation of this policy.  If such errors are
+inadvertent, rare, and made in good faith, they do not constitute a breach
+of this policy.  We will delete such data as soon as practicable after we
+become aware of any error and take steps to ensure that it is deleted by any
+third-party who may have had access to the data.
+
+ADDITIONAL DEFINITIONS
+
+"Fully Qualified Domain Name" means a domain name that addresses a computer
+connected to the Internet.  For instance, example1.com; www.example1.com;
+ads.example1.com; and widgets.example2.com are all distinct FQDNs.
+
+"Supercookie" means any technology other than an HTTP Cookie which can be used
+by a server to associate identifiers with the clients that visit it.  Examples
+of supercookies include Flash LSO cookies, DOM storage, HTML5 storage, or
+tricks to store information in caches or etags.
+
+"Risk mitigation" means an engineering process that evaluates the possibility
+and likelihood of various adverse outcomes, considers the available methods of
+making those adverse outcomes less likely, and deploys sufficient mitigations
+to bring the probability and harm from adverse outcomes below an acceptable
+threshold.
+
+"Reading habits" includes amongst other things lists of visited DNS names, if
+those domains pertain to specific topics or activities, but records of visited
+DNS names are not reading habits if those domain names serve content of a very
+diverse and general nature, thereby revealing minimal information about the
+opinions, interests or activities of the user.

assets/browserconfig.xml

@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="utf-8"?>
+<browserconfig>
+    <msapplication>
+        <tile>
+            <square150x150logo src="/mstile-150x150.png"/>
+            <TileColor>#2b5797</TileColor>
+        </tile>
+    </msapplication>
+</browserconfig>

assets/css/default.css

@@ -1,3 +1,43 @@
+.channel-owner {
+  background-color: #008bec;
+  color: #fff;
+  border-radius: 9px;
+  padding: 1px 6px;
+}
+
+.creator-heart-container {
+  display: inline-block;
+  padding: 0px 7px 6px 0px;
+  margin: 0px -7px -4px 0px;
+}
+
+.creator-heart {
+  position: relative;
+  width: 16px;
+  height: 16px;
+  border: 2px none;
+}
+
+.creator-heart-background-hearted {
+  width: 16px;
+  height: 16px;
+  padding: 0px;
+  position: relative;
+}
+
+.creator-heart-small-hearted {
+  position: absolute;
+  right: -7px;
+  bottom: -4px;
+}
+
+.creator-heart-small-container {
+  position: relative;
+  width: 13px;
+  height: 13px;
+  color: rgb(255, 0, 0);
+}
+
 .h-box {
   padding-left: 1em;
   padding-right: 1em;
@@ -22,11 +62,14 @@ div {
   padding-right: 10px;
 }
 
-a.pure-button-primary {
+button.pure-button-primary,
+a.pure-button-primary,
+.channel-owner:hover {
   background-color: #a0a0a0;
   color: rgba(35, 35, 35, 1);
 }
 
+button.pure-button-primary:hover,
 a.pure-button-primary:hover {
   background-color: rgba(0, 182, 240, 1);
   color: #fff;
@@ -55,6 +98,19 @@ img.thumbnail {
   bottom: -0.5em;
 }
 
+.watched {
+  z-index: 100;
+  position: absolute;
+  background-color: rgba(35, 35, 35, 0.75);
+  color: #fff;
+  border-radius: 2px;
+  padding: 4px 8px 4px 8px;
+  font-size: 16px;
+  font-family: sans-serif;
+  left: 0.2em;
+  top: -0.7em;
+}
+
 /*
  * Navbar
  */
@@ -94,6 +150,7 @@ img.thumbnail {
   box-shadow: none;
 
   transition: 0.1s border-bottom;
+  -webkit-appearance: none;
 }
 
 .navbar > .searchbar .pure-form fieldset {
@@ -173,6 +230,13 @@ img.thumbnail {
 }
 
 /* Control Bar */
+@media screen and (max-width: 480px) {
+  .video-js .vjs-control-bar,
+  .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
+    overflow: -webkit-paged-x;
+  }
+}
+
 .video-js .vjs-control-bar,
 .vjs-menu-button-popup .vjs-menu .vjs-menu-content {
   background-color: rgba(35, 35, 35, 0.75);
@@ -247,10 +311,31 @@ img.thumbnail {
   height: 100%;
 }
 
+.player-dimensions.vjs-fluid {
+  padding-top: 46.86%;
+}
+
 #player-container {
   position: relative;
-  padding-bottom: 56.25%;
+  padding-bottom: 46.86%;
   margin-left: 1em;
   margin-right: 1em;
   height: 0;
 }
+
+#progress-container {
+  width: 100%;
+  border-radius: 2px;
+  background-color: #a0a0a0;
+  color: rgba(35, 35, 35, 1);
+}
+
+#download-progress {
+  width: 0%;
+  border-radius: 2px;
+  height: 10px;
+  background-color: rgba(0, 182, 240, 1);
+  color: #fff;
+  margin-top: 0.5em;
+  margin-bottom: 0.5em;
+}

assets/css/lighttheme.css

@@ -1,9 +1,16 @@
 a:hover,
 a:active {
-  color: #167ac6;
+  color: #167ac6 !important;
 }
 
 a {
-  color: #303030;
+  color: #61809b;
   text-decoration: none;
 }
+
+/* All links that do not fit with the default color goes here */
+a > .icon,
+.pure-u-md-1-5 > .h-box > a[href^="/watch?"],
+.playlist-restricted > ol > li > a {
+  color: #303030;
+}

assets/js/videojs.hotkeys.js

@@ -0,0 +1,413 @@
+/*
+ * Video.js Hotkeys
+ * https://github.com/ctd1500/videojs-hotkeys
+ *
+ * Copyright (c) 2015 Chris Dougherty
+ * Licensed under the Apache-2.0 license.
+ */
+
+;(function(root, factory) {
+  if (typeof window !== 'undefined' && window.videojs) {
+    factory(window.videojs);
+  } else if (typeof define === 'function' && define.amd) {
+    define('videojs-hotkeys', ['video.js'], function (module) {
+      return factory(module.default || module);
+    });
+  } else if (typeof module !== 'undefined' && module.exports) {
+    module.exports = factory(require('video.js'));
+  }
+}(this, function (videojs) {
+  "use strict";
+  if (typeof window !== 'undefined') {
+    window['videojs_hotkeys'] = { version: "0.2.22" };
+  }
+
+  var hotkeys = function(options) {
+    var player = this;
+    var pEl = player.el();
+    var doc = document;
+    var def_options = {
+      volumeStep: 0.1,
+      seekStep: 5,
+      enableMute: true,
+      enableVolumeScroll: true,
+      enableHoverScroll: true,
+      enableFullscreen: true,
+      enableNumbers: true,
+      enableJogStyle: false,
+      alwaysCaptureHotkeys: false,
+      enableModifiersForNumbers: true,
+      enableInactiveFocus: true,
+      skipInitialFocus: false,
+      playPauseKey: playPauseKey,
+      rewindKey: rewindKey,
+      forwardKey: forwardKey,
+      volumeUpKey: volumeUpKey,
+      volumeDownKey: volumeDownKey,
+      muteKey: muteKey,
+      fullscreenKey: fullscreenKey,
+      customKeys: {}
+    };
+
+    var cPlay = 1,
+      cRewind = 2,
+      cForward = 3,
+      cVolumeUp = 4,
+      cVolumeDown = 5,
+      cMute = 6,
+      cFullscreen = 7;
+
+    // Use built-in merge function from Video.js v5.0+ or v4.4.0+
+    var mergeOptions = videojs.mergeOptions || videojs.util.mergeOptions;
+    options = mergeOptions(def_options, options || {});
+
+    var volumeStep = options.volumeStep,
+      seekStep = options.seekStep,
+      enableMute = options.enableMute,
+      enableVolumeScroll = options.enableVolumeScroll,
+      enableHoverScroll = options.enableHoverScroll,
+      enableFull = options.enableFullscreen,
+      enableNumbers = options.enableNumbers,
+      enableJogStyle = options.enableJogStyle,
+      alwaysCaptureHotkeys = options.alwaysCaptureHotkeys,
+      enableModifiersForNumbers = options.enableModifiersForNumbers,
+      enableInactiveFocus = options.enableInactiveFocus,
+      skipInitialFocus = options.skipInitialFocus;
+
+    // Set default player tabindex to handle keydown and doubleclick events
+    if (!pEl.hasAttribute('tabIndex')) {
+      pEl.setAttribute('tabIndex', '-1');
+    }
+
+    // Remove player outline to fix video performance issue
+    pEl.style.outline = "none";
+
+    if (alwaysCaptureHotkeys || !player.autoplay()) {
+      if (!skipInitialFocus) {
+        player.one('play', function() {
+          pEl.focus(); // Fixes the .vjs-big-play-button handing focus back to body instead of the player
+        });
+      }
+    }
+
+    if (enableInactiveFocus) {
+      player.on('userinactive', function() {
+        // When the control bar fades, re-apply focus to the player if last focus was a control button
+        var cancelFocusingPlayer = function() {
+          clearTimeout(focusingPlayerTimeout);
+        };
+        var focusingPlayerTimeout = setTimeout(function() {
+          player.off('useractive', cancelFocusingPlayer);
+          var activeElement = doc.activeElement;
+          var controlBar = pEl.querySelector('.vjs-control-bar');
+          if (activeElement && activeElement.parentElement == controlBar) {
+            pEl.focus();
+          }
+        }, 10);
+
+        player.one('useractive', cancelFocusingPlayer);
+      });
+    }
+
+    player.on('play', function() {
+      // Fix allowing the YouTube plugin to have hotkey support.
+      var ifblocker = pEl.querySelector('.iframeblocker');
+      if (ifblocker && ifblocker.style.display === '') {
+        ifblocker.style.display = "block";
+        ifblocker.style.bottom = "39px";
+      }
+    });
+
+    var keyDown = function keyDown(event) {
+      var ewhich = event.which, wasPlaying, seekTime;
+      var ePreventDefault = event.preventDefault;
+      var duration = player.duration();
+      // When controls are disabled, hotkeys will be disabled as well
+      if (player.controls()) {
+
+        // Don't catch keys if any control buttons are focused, unless alwaysCaptureHotkeys is true
+        var activeEl = doc.activeElement;
+        if (alwaysCaptureHotkeys ||
+            activeEl == pEl ||
+            activeEl == pEl.querySelector('.vjs-tech') ||
+            activeEl == pEl.querySelector('.vjs-control-bar') ||
+            activeEl == pEl.querySelector('.iframeblocker')) {
+
+          switch (checkKeys(event, player)) {
+            // Spacebar toggles play/pause
+            case cPlay:
+              ePreventDefault();
+              if (alwaysCaptureHotkeys) {
+                // Prevent control activation with space
+                event.stopPropagation();
+              }
+
+              if (player.paused()) {
+                player.play();
+              } else {
+                player.pause();
+              }
+              break;
+
+            // Seeking with the left/right arrow keys
+            case cRewind: // Seek Backward
+              wasPlaying = !player.paused();
+              ePreventDefault();
+              if (wasPlaying) {
+                player.pause();
+              }
+              seekTime = player.currentTime() - seekStepD(event);
+              // The flash player tech will allow you to seek into negative
+              // numbers and break the seekbar, so try to prevent that.
+              if (seekTime <= 0) {
+                seekTime = 0;
+              }
+              player.currentTime(seekTime);
+              if (wasPlaying) {
+                player.play();
+              }
+              break;
+            case cForward: // Seek Forward
+              wasPlaying = !player.paused();
+              ePreventDefault();
+              if (wasPlaying) {
+                player.pause();
+              }
+              seekTime = player.currentTime() + seekStepD(event);
+              // Fixes the player not sending the end event if you
+              // try to seek past the duration on the seekbar.
+              if (seekTime >= duration) {
+                seekTime = wasPlaying ? duration - .001 : duration;
+              }
+              player.currentTime(seekTime);
+              if (wasPlaying) {
+                player.play();
+              }
+              break;
+
+            // Volume control with the up/down arrow keys
+            case cVolumeDown:
+              ePreventDefault();
+              if (!enableJogStyle) {
+                player.volume(player.volume() - volumeStep);
+              } else {
+                seekTime = player.currentTime() - 1;
+                if (player.currentTime() <= 1) {
+                  seekTime = 0;
+                }
+                player.currentTime(seekTime);
+              }
+              break;
+            case cVolumeUp:
+              ePreventDefault();
+              if (!enableJogStyle) {
+                player.volume(player.volume() + volumeStep);
+              } else {
+                seekTime = player.currentTime() + 1;
+                if (seekTime >= duration) {
+                  seekTime = duration;
+                }
+                player.currentTime(seekTime);
+              }
+              break;
+
+            // Toggle Mute with the M key
+            case cMute:
+              if (enableMute) {
+                player.muted(!player.muted());
+              }
+              break;
+
+            // Toggle Fullscreen with the F key
+            case  cFullscreen:
+              if (enableFull) {
+                if (player.isFullscreen()) {
+                  player.exitFullscreen();
+                } else {
+                  player.requestFullscreen();
+                }
+              }
+              break;
+
+            default:
+              // Number keys from 0-9 skip to a percentage of the video. 0 is 0% and 9 is 90%
+              if ((ewhich > 47 && ewhich < 59) || (ewhich > 95 && ewhich < 106)) {
+                // Do not handle if enableModifiersForNumbers set to false and keys are Ctrl, Cmd or Alt
+                if (enableModifiersForNumbers || !(event.metaKey || event.ctrlKey || event.altKey)) {
+                  if (enableNumbers) {
+                    var sub = 48;
+                    if (ewhich > 95) {
+                      sub = 96;
+                    }
+                    var number = ewhich - sub;
+                    ePreventDefault();
+                    player.currentTime(player.duration() * number * 0.1);
+                  }
+                }
+              }
+
+              // Handle any custom hotkeys
+              for (var customKey in options.customKeys) {
+                var customHotkey = options.customKeys[customKey];
+                // Check for well formed custom keys
+                if (customHotkey && customHotkey.key && customHotkey.handler) {
+                  // Check if the custom key's condition matches
+                  if (customHotkey.key(event)) {
+                    ePreventDefault();
+                    customHotkey.handler(player, options, event);
+                  }
+                }
+              }
+          }
+        }
+      }
+    };
+
+    var doubleClick = function doubleClick(event) {
+      // When controls are disabled, hotkeys will be disabled as well
+      if (player.controls()) {
+
+        // Don't catch clicks if any control buttons are focused
+        var activeEl = event.relatedTarget || event.toElement || doc.activeElement;
+        if (activeEl == pEl ||
+            activeEl == pEl.querySelector('.vjs-tech') ||
+            activeEl == pEl.querySelector('.iframeblocker')) {
+
+          if (enableFull) {
+            if (player.isFullscreen()) {
+              player.exitFullscreen();
+            } else {
+              player.requestFullscreen();
+            }
+          }
+        }
+      }
+    };
+
+    var volumeHover = false;
+    var volumeSelector = pEl.querySelector('.vjs-volume-menu-button') || pEl.querySelector('.vjs-volume-panel');
+    volumeSelector.onmouseover = function() { volumeHover = true; }
+    volumeSelector.onmouseout = function() { volumeHover = false; }
+    
+    var mouseScroll = function mouseScroll(event) {
+      if (enableHoverScroll) {
+        // If we leave this undefined then it can match non-existent elements below
+        var activeEl = 0;
+      } else {
+        var activeEl = doc.activeElement;
+      }
+
+      // When controls are disabled, hotkeys will be disabled as well
+      if (player.controls()) {
+        if (alwaysCaptureHotkeys ||
+            activeEl == pEl ||
+            activeEl == pEl.querySelector('.vjs-tech') ||
+            activeEl == pEl.querySelector('.iframeblocker') ||
+            activeEl == pEl.querySelector('.vjs-control-bar') ||
+            volumeHover) {
+
+          if (enableVolumeScroll) {
+            event = window.event || event;
+            var delta = Math.max(-1, Math.min(1, (event.wheelDelta || -event.detail)));
+            event.preventDefault();
+
+            if (delta == 1) {
+              player.volume(player.volume() + volumeStep);
+            } else if (delta == -1) {
+              player.volume(player.volume() - volumeStep);
+            }
+          }
+        }
+      }
+    };
+
+    var checkKeys = function checkKeys(e, player) {
+      // Allow some modularity in defining custom hotkeys
+
+      // Play/Pause check
+      if (options.playPauseKey(e, player)) {
+        return cPlay;
+      }
+
+      // Seek Backward check
+      if (options.rewindKey(e, player)) {
+        return cRewind;
+      }
+
+      // Seek Forward check
+      if (options.forwardKey(e, player)) {
+        return cForward;
+      }
+
+      // Volume Up check
+      if (options.volumeUpKey(e, player)) {
+        return cVolumeUp;
+      }
+
+      // Volume Down check
+      if (options.volumeDownKey(e, player)) {
+        return cVolumeDown;
+      }
+
+      // Mute check
+      if (options.muteKey(e, player)) {
+        return cMute;
+      }
+
+      // Fullscreen check
+      if (options.fullscreenKey(e, player)) {
+        return cFullscreen;
+      }
+    };
+
+    function playPauseKey(e) {
+      // Space bar or MediaPlayPause
+      return (e.which === 32 || e.which === 179);
+    }
+
+    function rewindKey(e) {
+      // Left Arrow or MediaRewind
+      return (e.which === 37 || e.which === 177);
+    }
+
+    function forwardKey(e) {
+      // Right Arrow or MediaForward
+      return (e.which === 39 || e.which === 176);
+    }
+
+    function volumeUpKey(e) {
+      // Up Arrow
+      return (e.which === 38);
+    }
+
+    function volumeDownKey(e) {
+      // Down Arrow
+      return (e.which === 40);
+    }
+
+    function muteKey(e) {
+      // M key
+      return (e.which === 77);
+    }
+
+    function fullscreenKey(e) {
+      // F key
+      return (e.which === 70);
+    }
+
+    function seekStepD(e) {
+      // SeekStep caller, returns an int, or a function returning an int
+      return (typeof seekStep === "function" ? seekStep(e) : seekStep);
+    }
+
+    player.on('keydown', keyDown);
+    player.on('dblclick', doubleClick);
+    player.on('mousewheel', mouseScroll);
+    player.on("DOMMouseScroll", mouseScroll);
+
+    return this;
+  };
+
+  var registerPlugin = videojs.registerPlugin || videojs.plugin;
+  registerPlugin('hotkeys', hotkeys);
+}));

assets/js/watch.js

@@ -35,18 +35,18 @@ String.prototype.supplant = function(o) {
   });
 };
 
-function show_youtube_replies(target) {
+function show_youtube_replies(target, inner_text, sub_text) {
   body = target.parentNode.parentNode.children[1];
   body.style.display = "";
 
-  target.innerHTML = "Hide replies";
-  target.setAttribute("onclick", "hide_youtube_replies(this)");
+  target.innerHTML = inner_text;
+  target.setAttribute("onclick", "hide_youtube_replies(this, \'" + inner_text + "\', \'" + sub_text + "\')");
 }
 
-function hide_youtube_replies(target) {
+function hide_youtube_replies(target, inner_text, sub_text) {
   body = target.parentNode.parentNode.children[1];
   body.style.display = "none";
 
-  target.innerHTML = "Show replies";
-  target.setAttribute("onclick", "show_youtube_replies(this)");
+  target.innerHTML = sub_text;
+  target.setAttribute("onclick", "show_youtube_replies(this, \'" + inner_text + "\', \'" + sub_text + "\')");
 }

assets/safari-pinned-tab.svg

@@ -0,0 +1,35 @@
+<?xml version="1.0" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20010904//EN"
+ "http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd">
+<svg version="1.0" xmlns="http://www.w3.org/2000/svg"
+ width="607.000000pt" height="607.000000pt" viewBox="0 0 607.000000 607.000000"
+ preserveAspectRatio="xMidYMid meet">
+<metadata>
+Created by potrace 1.11, written by Peter Selinger 2001-2013
+</metadata>
+<g transform="translate(0.000000,607.000000) scale(0.100000,-0.100000)"
+fill="#000000" stroke="none">
+<path d="M2770 5949 c-775 -68 -1523 -436 -2020 -994 -491 -551 -743 -1200
+-743 -1915 -1 -466 100 -884 312 -1296 146 -284 307 -502 540 -734 172 -171
+264 -247 461 -378 415 -277 905 -452 1404 -501 161 -16 508 -14 666 4 914 105
+1715 590 2213 1342 306 462 467 995 467 1553 0 268 -22 448 -85 699 -94 378
+-293 778 -541 1091 -156 196 -449 465 -665 611 -405 272 -894 453 -1379 509
+-130 15 -502 21 -630 9z m475 -139 c527 -39 1012 -203 1435 -485 176 -117 274
+-198 436 -360 315 -313 518 -633 664 -1045 52 -148 112 -399 131 -555 19 -150
+17 -533 -4 -684 -102 -730 -489 -1382 -1092 -1836 -332 -250 -716 -425 -1135
+-519 -348 -77 -784 -87 -1150 -25 -1214 205 -2177 1157 -2350 2324 -56 377
+-30 801 70 1148 151 520 427 950 850 1326 566 502 1368 768 2145 711z"/>
+<path d="M2787 4669 c-124 -65 -123 -255 3 -319 86 -44 196 -16 247 62 58 87
+26 211 -67 258 -51 26 -132 26 -183 -1z"/>
+<path d="M2882 4108 c-12 -16 -63 -166 -102 -303 -30 -104 -101 -350 -165
+-565 -20 -69 -58 -199 -85 -290 -26 -91 -64 -221 -85 -290 -20 -69 -58 -199
+-85 -290 -26 -91 -64 -221 -85 -290 -20 -69 -57 -195 -81 -280 -59 -207 -93
+-299 -115 -310 -10 -6 -35 -10 -56 -10 -73 0 -84 -8 -81 -54 l3 -41 228 -3
+228 -2 -3 47 -3 48 -73 3 c-66 3 -74 5 -84 27 -13 28 0 104 37 225 13 41 47
+156 75 255 28 99 66 230 85 290 18 61 56 191 85 290 28 99 66 230 85 290 18
+61 56 191 85 290 85 297 123 419 131 429 5 5 17 -11 28 -35 10 -24 192 -393
+403 -819 211 -426 447 -902 523 -1058 l139 -282 168 0 c92 0 168 4 168 8 0 4
+-75 158 -166 342 -588 1183 -969 1958 -1033 2100 -29 63 -69 151 -89 195 -44
+95 -58 110 -80 83z"/>
+</g>
+</svg>

assets/site.webmanifest

@@ -0,0 +1,19 @@
+{
+    "name": "Invidious",
+    "short_name": "Invidious",
+    "icons": [
+        {
+            "src": "/android-chrome-192x192.png",
+            "sizes": "192x192",
+            "type": "image/png"
+        },
+        {
+            "src": "/android-chrome-512x512.png",
+            "sizes": "512x512",
+            "type": "image/png"
+        }
+    ],
+    "theme_color": "#575757",
+    "background_color": "#575757",
+    "display": "standalone"
+}

config/config.yml

@@ -1,7 +1,7 @@
-crawl_threads: 1
+video_threads: 0
+crawl_threads: 0
 channel_threads: 1
 feed_threads: 1
-video_threads: 1
 db:
   user: kemal
   password: kemal
@@ -10,4 +10,4 @@ db:
   dbname: invidious
 full_refresh: false
 https_only: false
-geo_bypass: true
+domain:

config/migrate-scripts/migrate-db-17cf077.sh

@@ -0,0 +1,4 @@
+#!/bin/sh
+
+psql invidious -c "ALTER TABLE channels ADD COLUMN subscribed bool;"
+psql invidious -c "UPDATE channels SET subscribed = false;"

config/migrate-scripts/migrate-db-30e6d29.sh

@@ -0,0 +1,4 @@
+#!/bin/sh
+
+psql invidious -c "ALTER TABLE channels ADD COLUMN deleted bool;"
+psql invidious -c "UPDATE channels SET deleted = false;"

config/migrate-scripts/migrate-db-3646395.sh

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+psql invidious < config/sql/session_ids.sql
+psql invidious -c "INSERT INTO session_ids (SELECT unnest(id), email, CURRENT_TIMESTAMP FROM users) ON CONFLICT (id) DO NOTHING"
+psql invidious -c "ALTER TABLE users DROP COLUMN id"

config/migrate-scripts/migrate-db-8e884fe1.sh

@@ -0,0 +1,5 @@
+#!/bin/sh
+
+psql invidious -c "ALTER TABLE channels DROP COLUMN subscribed"
+psql invidious -c "ALTER TABLE channels ADD COLUMN subscribed timestamptz"
+psql invidious -c "UPDATE channels SET subscribed = '2019-01-01 00:00:00+00'"

config/sql/channel_videos.sql

@@ -4,35 +4,33 @@
 
 CREATE TABLE public.channel_videos
 (
-    id text COLLATE pg_catalog."default" NOT NULL,
-    title text COLLATE pg_catalog."default",
-    published timestamp with time zone,
-    updated timestamp with time zone,
-    ucid text COLLATE pg_catalog."default",
-    author text COLLATE pg_catalog."default",
-    CONSTRAINT channel_videos_id_key UNIQUE (id)
-)
-WITH (
-    OIDS = FALSE
-)
-TABLESPACE pg_default;
+  id text NOT NULL,
+  title text,
+  published timestamp with time zone,
+  updated timestamp with time zone,
+  ucid text,
+  author text,
+  length_seconds integer,
+  CONSTRAINT channel_videos_id_key UNIQUE (id)
+);
 
 GRANT ALL ON TABLE public.channel_videos TO kemal;
 
--- Index: channel_videos_published_idx
+-- Index: public.channel_videos_published_idx
 
 -- DROP INDEX public.channel_videos_published_idx;
 
 CREATE INDEX channel_videos_published_idx
-    ON public.channel_videos USING btree
-    (published)
-    TABLESPACE pg_default;
+  ON public.channel_videos
+  USING btree
+  (published);
 
--- Index: channel_videos_ucid_idx
+-- Index: public.channel_videos_ucid_idx
 
 -- DROP INDEX public.channel_videos_ucid_idx;
 
 CREATE INDEX channel_videos_ucid_idx
-    ON public.channel_videos USING hash
-    (ucid COLLATE pg_catalog."default")
-    TABLESPACE pg_default;
+  ON public.channel_videos
+  USING btree
+  (ucid COLLATE pg_catalog."default");
+

config/sql/channels.sql

@@ -4,23 +4,22 @@
 
 CREATE TABLE public.channels
 (
-    id text COLLATE pg_catalog."default" NOT NULL,
-    author text COLLATE pg_catalog."default",
-    updated timestamp with time zone,
-    CONSTRAINT channels_id_key UNIQUE (id)
-)
-WITH (
-    OIDS = FALSE
-)
-TABLESPACE pg_default;
+  id text NOT NULL,
+  author text,
+  updated timestamp with time zone,
+  deleted boolean,
+  subscribed timestamp with time zone,
+  CONSTRAINT channels_id_key UNIQUE (id)
+);
 
 GRANT ALL ON TABLE public.channels TO kemal;
 
--- Index: channels_id_idx
+-- Index: public.channels_id_idx
 
 -- DROP INDEX public.channels_id_idx;
 
 CREATE INDEX channels_id_idx
-    ON public.channels USING btree
-    (id COLLATE pg_catalog."default")
-    TABLESPACE pg_default;
+  ON public.channels
+  USING btree
+  (id COLLATE pg_catalog."default");
+

config/sql/nonces.sql

@@ -0,0 +1,22 @@
+-- Table: public.nonces
+
+-- DROP TABLE public.nonces;
+
+CREATE TABLE public.nonces
+(
+  nonce text,
+  expire timestamp with time zone,
+  CONSTRAINT nonces_id_key UNIQUE (nonce)
+);
+
+GRANT ALL ON TABLE public.nonces TO kemal;
+
+-- Index: public.nonces_nonce_idx
+
+-- DROP INDEX public.nonces_nonce_idx;
+
+CREATE INDEX nonces_nonce_idx
+  ON public.nonces
+  USING btree
+  (nonce COLLATE pg_catalog."default");
+

config/sql/session_ids.sql

@@ -0,0 +1,23 @@
+-- Table: public.session_ids
+
+-- DROP TABLE public.session_ids;
+
+CREATE TABLE public.session_ids
+(
+  id text NOT NULL,
+  email text,
+  issued timestamp with time zone,
+  CONSTRAINT session_ids_pkey PRIMARY KEY (id)
+);
+
+GRANT ALL ON TABLE public.session_ids TO kemal;
+
+-- Index: public.session_ids_id_idx
+
+-- DROP INDEX public.session_ids_id_idx;
+
+CREATE INDEX session_ids_id_idx
+  ON public.session_ids
+  USING btree
+  (id COLLATE pg_catalog."default");
+

config/sql/users.sql

@@ -2,22 +2,27 @@
 
 -- DROP TABLE public.users;
 
-CREATE TABLE public.users 
+CREATE TABLE public.users
 (
-    id text[] COLLATE pg_catalog."default" NOT NULL,
-    updated timestamp with time zone,
-    notifications text[] COLLATE pg_catalog."default",
-    subscriptions text[] COLLATE pg_catalog."default",
-    email text COLLATE pg_catalog."default" NOT NULL,
-    preferences text COLLATE pg_catalog."default",
-    password text COLLATE pg_catalog."default",
-    token text COLLATE pg_catalog."default",
-    watched text[] COLLATE pg_catalog."default",
-    CONSTRAINT users_email_key UNIQUE (email)
-)
-WITH (
-    OIDS = FALSE
-)
-TABLESPACE pg_default;
+  updated timestamp with time zone,
+  notifications text[],
+  subscriptions text[],
+  email text NOT NULL,
+  preferences text,
+  password text,
+  token text,
+  watched text[],
+  CONSTRAINT users_email_key UNIQUE (email)
+);
 
 GRANT ALL ON TABLE public.users TO kemal;
+
+-- Index: public.email_unique_idx
+
+-- DROP INDEX public.email_unique_idx;
+
+CREATE UNIQUE INDEX email_unique_idx
+  ON public.users
+  USING btree
+  (lower(email) COLLATE pg_catalog."default");
+

config/sql/videos.sql

@@ -4,40 +4,37 @@
 
 CREATE TABLE public.videos
 (
-    id text COLLATE pg_catalog."default" NOT NULL,
-    info text COLLATE pg_catalog."default",
-    updated timestamp with time zone,
-    title text COLLATE pg_catalog."default",
-    views bigint,
-    likes integer,
-    dislikes integer,
-    wilson_score double precision,
-    published timestamp with time zone,
-    description text COLLATE pg_catalog."default",
-    language text COLLATE pg_catalog."default",
-    author text COLLATE pg_catalog."default",
-    ucid text COLLATE pg_catalog."default",
-    allowed_regions text[] COLLATE pg_catalog."default",
-    is_family_friendly boolean,
-    genre text COLLATE pg_catalog."default",
-    genre_url text COLLATE pg_catalog."default",
-    license text COLLATE pg_catalog."default",
-    sub_count_text text COLLATE pg_catalog."default",
-    author_thumbnail text COLLATE pg_catalog."default",
-    CONSTRAINT videos_pkey PRIMARY KEY (id)
-)
-WITH (
-    OIDS = FALSE
-)
-TABLESPACE pg_default;
+  id text NOT NULL,
+  info text,
+  updated timestamp with time zone,
+  title text,
+  views bigint,
+  likes integer,
+  dislikes integer,
+  wilson_score double precision,
+  published timestamp with time zone,
+  description text,
+  language text,
+  author text,
+  ucid text,
+  allowed_regions text[],
+  is_family_friendly boolean,
+  genre text,
+  genre_url text,
+  license text,
+  sub_count_text text,
+  author_thumbnail text,
+  CONSTRAINT videos_pkey PRIMARY KEY (id)
+);
 
 GRANT ALL ON TABLE public.videos TO kemal;
 
--- Index: id_idx
+-- Index: public.id_idx
 
 -- DROP INDEX public.id_idx;
 
 CREATE UNIQUE INDEX id_idx
-    ON public.videos USING btree
-    (id COLLATE pg_catalog."default")
-    TABLESPACE pg_default;
+  ON public.videos
+  USING btree
+  (id COLLATE pg_catalog."default");
+

docker/Dockerfile

@@ -9,7 +9,7 @@ ADD . /invidious
 WORKDIR /invidious
 
 RUN sed -i 's/host: localhost/host: postgres/' config/config.yml && \
-    shards && \
+    shards update && shards install && \
     crystal build src/invidious.cr
 
 CMD [ "/invidious/invidious" ]

docker/Dockerfile.postgres

@@ -2,7 +2,6 @@ FROM postgres:10
 
 ENV POSTGRES_USER postgres
 
-ADD ./setup.sh /setup.sh
 ADD ./config/sql /config/sql
 ADD ./docker/entrypoint.postgres.sh /entrypoint.sh
 

docker/entrypoint.postgres.sh

@@ -10,7 +10,15 @@ if [ ! -f /var/lib/postgresql/data/setupFinished ]; then
         sleep 5
     done
     >&2 echo "### importing table schemas"
-    su postgres -c "/setup.sh" && touch /var/lib/postgresql/data/setupFinished
+    su postgres -c 'createdb invidious'
+    su postgres -c 'psql -c "CREATE USER kemal WITH PASSWORD '"'kemal'"'"'
+    su postgres -c 'psql invidious < config/sql/channels.sql'
+    su postgres -c 'psql invidious < config/sql/videos.sql'
+    su postgres -c 'psql invidious < config/sql/channel_videos.sql'
+    su postgres -c 'psql invidious < config/sql/users.sql'
+    su postgres -c 'psql invidious < config/sql/session_ids.sql'
+    su postgres -c 'psql invidious < config/sql/nonces.sql'
+    touch /var/lib/postgresql/data/setupFinished
     echo "### invidious database setup finished"
     exit
 fi

invidious.service

@@ -0,0 +1,19 @@
+[Unit]
+Description=Invidious (An alternative YouTube front-end)
+After=syslog.target
+After=network.target
+
+[Service]
+RestartSec=2s
+Type=simple
+
+User=invidious
+Group=invidious
+
+WorkingDirectory=/home/invidious/invidious
+ExecStart=/home/invidious/invidious/invidious -o invidious.log
+
+Restart=always
+
+[Install]
+WantedBy=multi-user.target

locales/ar.json

@@ -0,0 +1,294 @@
+{
+  "`x` subscribers": "`x` المشتركين",
+  "`x` videos": "`x` الفيديوهات",
+  "LIVE": "مباشر",
+  "Shared `x` ago": "تم رفع الفيديو منذ `x`",
+  "Unsubscribe": "إلغاء الإشتراك",
+  "Subscribe": "إشتراك",
+  "Login to subscribe to `x`": "سجل الدخول للإشتراك فى `x`",
+  "View channel on YouTube": "زيارة القناة على موقع يوتيوب",
+  "newest": "الأجدد",
+  "oldest": "الأقدم",
+  "popular": "الاكثر شعبية",
+  "Preview page": "معاينة الصفحة",
+  "Next page": "الصفحة الثانية",
+  "Clear watch history?": "مسح السجل ؟",
+  "Yes": "نعم",
+  "No": "لا",
+  "Import and Export Data": "استخراج و إضافة البيانات",
+  "Import": "إضافة",
+  "Import Invidious data": "إضافة بيانات Invidious",
+  "Import YouTube subscriptions": "إضافةالإشتراكات من موقع يوتيوب",
+  "Import FreeTube subscriptions (.db)": "إضافةالمشتركين من FreeTube (.db)",
+  "Import NewPipe subscriptions (.json)": "إضافة المشتركين من NewPipe (.json)",
+  "Import NewPipe data (.zip)": "إضافة بيانات NewPipe (.zip)",
+  "Export": "استخراج",
+  "Export subscriptions as OPML": "استخراج المشتركين كـ OPML",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "استخراج المشتركين كـ OPML (لـ NewPipe و FreeTube)",
+  "Export data as JSON": "استخراج البيانات كـ JSON",
+  "Delete account?": "حذف الحساب ؟",
+  "History": "السجل",
+  "Previous page": "الصفحة السابقة",
+  "An alternative front-end to YouTube": "البديل الكامل لموقع يوتيوب",
+  "JavaScript license information": "معلومات ترخيص JavaScript",
+  "source": "المصدر",
+  "Login": "تسجيل الدخول",
+  "Login/Register": "تسجيل الدخول\\إنشاء حساب",
+  "Login to Google": "تسجيل الدخول بإستخدام جوجل",
+  "User ID:": "إسم المستخدم:",
+  "Password:": "الرقم السرى:",
+  "Time (h:mm:ss):": "(يجب ان يكتب مثل هذا التنسيق) الوقت (h(ساعات):mm(دقائق):ss(ثوانى)):",
+  "Text CAPTCHA": "CAPTCHA كلامية",
+  "Image CAPTCHA": "CAPTCHA صورية",
+  "Sign In": "تسجيل الدخول",
+  "Register": "انشاء الحساب",
+  "Email:": "الإيميل:",
+  "Google verification code:": "رمز تحقق جوجل:",
+  "Preferences": "التفضيلات",
+  "Player preferences": "التفضيلات المشغل",
+  "Always loop: ": "كرر الفيديو دائما: ",
+  "Autoplay: ": "تشغيل تلقائى: ",
+  "Autoplay next video: ": "شغل الفيديو التالى تلقائى: ",
+  "Listen by default: ": "تشغيل النسخة السمعية تلقائى: ",
+  "Default speed: ": "السرعة الإفتراضية: ",
+  "Preferred video quality: ": "الجودة المفضلة للفيديوهات: ",
+  "Player volume: ": "صوت المشغل: ",
+  "Default comments: ": "إضهار التعليقات الإفتراضية لـ: ",
+  "youtube": "يوتيوب",
+  "reddit": "Reddit",
+  "Default captions: ": "الترجمات الإفتراضية: ",
+  "Fallback captions: ": "الترجمات المصاحبة: ",
+  "Show related videos? ": "عرض مقاطع الفيديو ذات الصلة؟",
+  "Visual preferences": "التفضيلات المرئية",
+  "Dark mode: ": "الوضع الليلى: ",
+  "Thin mode: ": "الوضع الخفيف: ",
+  "Subscription preferences": "تفضيلات الإشتراك",
+  "Redirect homepage to feed: ": "إعادة التوجية من الصفحة الرئيسية لصفحة المشتركين (لرؤية اخر فيديوهات المشتركين): ",
+  "Number of videos shown in feed: ": "عدد الفيديوهات التى ستظهر فى صفحة المشتركين: ",
+  "Sort videos by: ": "ترتيب الفيديو بـ: ",
+  "published": "احدث فيديو",
+  "published - reverse": "احدث فيديو - عكسى",
+  "alphabetically": "ترتيب ابجدى",
+  "alphabetically - reverse": "ابجدى - عكسى",
+  "channel name": "بإسم القناة",
+  "channel name - reverse": "بإسم القناة - عكسى",
+  "Only show latest video from channel: ": "فقط إظهر اخر فيديو من القناة: ",
+  "Only show latest unwatched video from channel: ": "فقط اظهر اخر فيديو لم يتم رؤيتة من القناة: ",
+  "Only show unwatched: ": "فقط اظهر الذى لم يتم رؤيتة: ",
+  "Only show notifications (if there are any): ": "إظهار الإشعارات فقط (إذا كان هناك أي): ",
+  "Data preferences": "إعدادات التفضيلات",
+  "Clear watch history": "حذف سجل المشاهدة",
+  "Import/Export data": "إضافة\\إستخراج البيانات",
+  "Manage subscriptions": "إدارة المشتركين",
+  "Watch history": "سجل المشاهدة",
+  "Delete account": "حذف الحساب",
+  "Administrator preferences": "",
+  "Default homepage: ": "",
+  "Feed menu: ": "",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "",
+  "Login enabled? ": "",
+  "Registration enabled? ": "",
+  "Report statistics? ": "",
+  "Save preferences": "حفظ التفضيلات",
+  "Subscription manager": "مدير الإشتراكات",
+  "`x` subscriptions": "`x` مشتركين",
+  "Import/Export": "إضافة\\إستخراج",
+  "unsubscribe": "إلغاء الإشتراك",
+  "Subscriptions": "الإشتراكات",
+  "`x` unseen notifications": "`x` إشعارات لم تشاهدها بعد ",
+  "search": "بحث",
+  "Sign out": "تسجيل الخروج",
+  "Released under the AGPLv3 by Omar Roth.": "تم الإنشاء تحت AGPLv3 بواسطة عمر روث.",
+  "Source available here.": "الأكواد متوفرة هنا.",
+  "Liberapay: ": "ليبرباى: ",
+  "Patreon: ": "باتريون: ",
+  "BTC: ": "بيتكوين: ",
+  "BCH: ": "بيتكوين كاش: ",
+  "View JavaScript license information.": "مشاهدة معلومات حول تراخيص الجافاسكريبت.",
+  "Trending": "الشائع",
+  "Watch video on Youtube": "مشاهدة الفيديو على اليوتيوب",
+  "Genre: ": "النوع: ",
+  "License: ": "التراخيص: ",
+  "Family friendly? ": "محتوى عائلى? ",
+  "Wilson score: ": "درجة ويلسون: ",
+  "Engagement: ": "نسبة المشاركة (عدد المشاهدات\\عدد الإعجابات): ",
+  "Whitelisted regions: ": "الدول المسموح فيها هذا الفيديو: ",
+  "Blacklisted regions: ": "الدول الحظور فيها هذا الفيديو: ",
+  "Shared `x`": "شارك منذ `x`",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "اهلا! يبدو ان الجافاسكريبت معطلة. اضغط هنا لعرض التعليقات, ضع فى إعتبارك انها ستأخذ وقت اطول للعرض.",
+  "View YouTube comments": "عرض تعليقات اليوتيوب",
+  "View more comments on Reddit": "عرض المزيد من التعليقات على\\من موقع Reddit",
+  "View `x` comments": "عرض `x` تعليقات",
+  "View Reddit comments": "عرض تعليقات ريدإت Reddit",
+  "Hide replies": "إخفاء الردود",
+  "Show replies": "عرض الردود",
+  "Incorrect password": "الرقم السرى غير صحيح",
+  "Quota exceeded, try again in a few hours": "تم تجاوز عدد المرات المسموح بها, حاول مرة اخرى بعد عدة ساعات",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "غير قادر على تسجيل الدخول, تأكد من تشغيل المصادقة الثنائية 2FA.",
+  "Invalid TFA code": "كود مصادقة ثنائية 2FA غير صحيح",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "لم يتم تسجيل الدخول. هذا ربما بسبب ان المصادقة الثنائية 2FA معطلة فى حسابك.",
+  "Invalid answer": "إجابة خاطئة",
+  "Invalid CAPTCHA": "الكابتشا CAPTCHA غير صاحلة",
+  "CAPTCHA is a required field": "مكان الكابتشا CAPTCHA مطلوب",
+  "User ID is a required field": "مكان إسم المستخدم مطلوب",
+  "Password is a required field": "مكان الرقم السرى مطلوب",
+  "Invalid username or password": "إسم المستخدم او الرقم السرى غير صحيح",
+  "Please sign in using 'Sign in with Google'": "الرجاء تسجيل الدخول 'تسجيل الدخول بواسطة جوجل'",
+  "Password cannot be empty": "الرقم السرى لايمكن ان يكون فارغ",
+  "Password cannot be longer than 55 characters": "الرقم السرى لا يتعدى 55 حرف",
+  "Please sign in": "الرجاء تسجيل الدخول",
+  "Invidious Private Feed for `x`": "صفحة Invidious للمشتركين الخاصة\\مخفية لـ `x`",
+  "channel:`x`": "قناة:`x`",
+  "Deleted or invalid channel": "قناة ممسوحة او غير صالحة",
+  "This channel does not exist.": "القناة غير موجودة.",
+  "Could not get channel info.": "لم يستطع الحصول على معلومات القناة.",
+  "Could not fetch comments": "لم يتمكن من إحضار التعليقات",
+  "View `x` replies": "عرض `x` ردود",
+  "`x` ago": "`x` منذ",
+  "Load more": "عرض المزيد",
+  "`x` points": "`x` نقاط",
+  "Could not create mix.": "لم يستطع عمل خلط.",
+  "Playlist is empty": "قائمة التشغيل فارغة",
+  "Invalid playlist.": "قائمة التشغيل غير صالحة.",
+  "Playlist does not exist.": "قائمة التشغيل غير موجودة.",
+  "Could not pull trending pages.": "لم يستطع عرض الصفحات الراجئة.",
+  "Hidden field \"challenge\" is a required field": "مكان مخفى \"تحدى\" مكان مطلوب",
+  "Hidden field \"token\" is a required field": "مكان مخفى \"رمز\" مكان مطلوب",
+  "Invalid challenge": "تحدى غير صالح",
+  "Invalid token": "روز غير صالح",
+  "Invalid user": "مستخدم غير صالح",
+  "Token is expired, please try again": "الرمز منتهى الصلاحية , الرجاء المحاولة مرة اخرى",
+  "English": "إنجليزى",
+  "English (auto-generated)": "إنجليزى (تم إنشائة تلقائى)",
+  "Afrikaans": "الأفريكانية",
+  "Albanian": "الألبانية",
+  "Amharic": "الأمهرية",
+  "Arabic": "العربية",
+  "Armenian": "الأرميني",
+  "Azerbaijani": "أذربيجان",
+  "Bangla": "البنغالية",
+  "Basque": "الباسكي",
+  "Belarusian": "البيلاروسية",
+  "Bosnian": "البوسنية",
+  "Bulgarian": "البلغارية",
+  "Burmese": "البورمية",
+  "Catalan": "الكاتالونية",
+  "Cebuano": "السيبيونو",
+  "Chinese (Simplified)": "الصينية (المبسطة)",
+  "Chinese (Traditional)": "الصينية (التقليدية)",
+  "Corsican": "الكورسيكية",
+  "Croatian": "الكرواتية",
+  "Czech": "تشيكي",
+  "Danish": "دانماركي",
+  "Dutch": "هولندي",
+  "Esperanto": "الاسبرانتو",
+  "Estonian": "الإستونية",
+  "Filipino": "الفلبينية",
+  "Finnish": "الفنلندية",
+  "French": "الفرنسية",
+  "Galician": "الجاليكية",
+  "Georgian": "الجورجية",
+  "German": "ألمانية",
+  "Greek": "الإغريقي",
+  "Gujarati": "الغوجاراتية",
+  "Haitian Creole": "الكاثوليكية الهايتية",
+  "Hausa": "الهوسا",
+  "Hawaiian": "هاواي",
+  "Hebrew": "العبرية",
+  "Hindi": "الهندية",
+  "Hmong": "همونغ",
+  "Hungarian": "الهنغارية",
+  "Icelandic": "أيسلندي",
+  "Igbo": "الإيبو",
+  "Indonesian": "الأندونيسية",
+  "Irish": "الأيرلندية",
+  "Italian": "الإيطالي",
+  "Japanese": "اليابانية",
+  "Javanese": "جاوي",
+  "Kannada": "الكانادا",
+  "Kazakh": "الكازاخية",
+  "Khmer": "الخمير",
+  "Korean": "الكورية",
+  "Kurdish": "كردي",
+  "Kyrgyz": "قيرغيزستان",
+  "Lao": "لاو",
+  "Latin": "لاتينية",
+  "Latvian": "اللاتفية",
+  "Lithuanian": "اللتوانية",
+  "Luxembourgish": "اللوكسمبرجية",
+  "Macedonian": "المقدونية",
+  "Malagasy": "مدجشقر\\مدغشقر",
+  "Malay": "الملايو",
+  "Malayalam": "المالايالامية",
+  "Maltese": "المالطية",
+  "Maori": "الماوري",
+  "Marathi": "المهاراتية",
+  "Mongolian": "المنغولية",
+  "Nepali": "النيبالية",
+  "Norwegian": "النرويجية",
+  "Nyanja": "نيانجا",
+  "Pashto": "الباشتو",
+  "Persian": "الفارسية",
+  "Polish": "البولندي",
+  "Portuguese": "البرتغالية",
+  "Punjabi": "البنجابية",
+  "Romanian": "روماني",
+  "Russian": "الروسية",
+  "Samoan": "ساموا",
+  "Scottish Gaelic": "الغيلية الاسكتلندية",
+  "Serbian": "صربي",
+  "Shona": "شونا",
+  "Sindhi": "السندية",
+  "Sinhala": "السنهالية",
+  "Slovak": "السلوفاكية",
+  "Slovenian": "سلوفيني",
+  "Somali": "الصومالية",
+  "Southern Sotho": "جنوب سوثو",
+  "Spanish": "الأسبانية",
+  "Spanish (Latin America)": "الأسبانية (أمريكا اللاتينية)",
+  "Sundanese": "السودانية",
+  "Swahili": "السواحلية",
+  "Swedish": "السويدية",
+  "Tajik": "الطاجيكية",
+  "Tamil": "التاميل",
+  "Telugu": "التيلجو",
+  "Thai": "التايلاندية",
+  "Turkish": "التركية",
+  "Ukrainian": "الأوكراني",
+  "Urdu": "الأردية",
+  "Uzbek": "الأوزبكي",
+  "Vietnamese": "الفيتنامية",
+  "Welsh": "الولزية",
+  "Western Frisian": "الفريزية الغربية",
+  "Xhosa": "زوسا",
+  "Yiddish": "اليديشية",
+  "Yoruba": "اليوروبا",
+  "Zulu": "الزولو",
+  "`x` years": "`x` سنوات",
+  "`x` months": "`x` شهور",
+  "`x` weeks": "`x` اسابيع",
+  "`x` days": "`x` ايام",
+  "`x` hours": "`x` ساعات",
+  "`x` minutes": "`x` دقائق",
+  "`x` seconds": "`x` ثوانى",
+  "Fallback comments: ": "التعليقات المصاحبة",
+  "Popular": "لاكثر شعبية",
+  "Top": "الأفضل",
+  "About": "حول",
+  "Rating: ": "التقييم",
+  "Language: ": "اللغة",
+  "Default": "الكل",
+  "Music": "الاغانى",
+  "Gaming": "الألعاب",
+  "News": "الأخبار",
+  "Movies": "الأفلام",
+  "Download as: ": "تحميل كـ",
+  "Download": "تحميل",
+  "%A %B %-d, %Y": "",
+  "(edited)": "",
+  "Youtube permalink of the comment": "",
+  "`x` marked it with a ❤": "",
+  "Audio mode": "",
+  "Video mode": ""
+}

locales/de.json

@@ -0,0 +1,294 @@
+{
+  "`x` subscribers": "`x` Abonnenten",
+  "`x` videos": "`x` Videos",
+  "LIVE": "LIVE",
+  "Shared `x` ago": "Vor `x` geteilt",
+  "Unsubscribe": "Abbestellen",
+  "Subscribe": "Abonnieren",
+  "Login to subscribe to `x`": "Einloggen um `x` zu abonnieren",
+  "View channel on YouTube": "Kanal auf YouTube anzeigen",
+  "newest": "neueste",
+  "oldest": "älteste",
+  "popular": "beliebt",
+  "Preview page": "Vorschau Seite",
+  "Next page": "Nächste Seite",
+  "Clear watch history?": "Verlauf löschen?",
+  "Yes": "Ja",
+  "No": "Nein",
+  "Import and Export Data": "Import und Export Daten",
+  "Import": "Importieren",
+  "Import Invidious data": "Invidious Daten importieren",
+  "Import YouTube subscriptions": "YouTube Abonnements importieren",
+  "Import FreeTube subscriptions (.db)": "FreeTube Abonnements importieren (.db)",
+  "Import NewPipe subscriptions (.json)": "NewPipe Abonnements importieren (.json)",
+  "Import NewPipe data (.zip)": "NewPipe Daten importieren (.zip)",
+  "Export": "Exportieren",
+  "Export subscriptions as OPML": "Abonnements als OPML exportieren",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Abonnements als OPML exportieren (für NewPipe & FreeTube)",
+  "Export data as JSON": "Daten als JSON exportieren",
+  "Delete account?": "Account löschen?",
+  "History": "Verlauf",
+  "Previous page": "Vorherige Seite",
+  "An alternative front-end to YouTube": "Eine alternative Oberfläche für YouTube",
+  "JavaScript license information": "JavaScript Lizenzinformationen",
+  "source": "Quelle",
+  "Login": "Einloggen",
+  "Login/Register": "Einloggen/Registrieren",
+  "Login to Google": "In Google einloggen",
+  "User ID:": "Benutzer ID:",
+  "Password:": "Passwort:",
+  "Time (h:mm:ss):": "Zeit (h:mm:ss):",
+  "Text CAPTCHA": "Text CAPTCHA",
+  "Image CAPTCHA": "Image CAPTCHA",
+  "Sign In": "Einloggen",
+  "Register": "Registrieren",
+  "Email:": "Email:",
+  "Google verification code:": "Google Bestätigungscode:",
+  "Preferences": "Einstellungen",
+  "Player preferences": "Playereinstellungen",
+  "Always loop: ": "Immer wiederholen: ",
+  "Autoplay: ": "Automatisch abspielen: ",
+  "Autoplay next video: ": "nächstes Video automatisch abspielen: ",
+  "Listen by default: ": "Nur Ton als Standard: ",
+  "Default speed: ": "Standardgeschwindigkeit: ",
+  "Preferred video quality: ": "Bevorzugte Videoqualität: ",
+  "Player volume: ": "Playerlautstärke: ",
+  "Default comments: ": "Standardkommentare: ",
+  "youtube": "youtube",
+  "reddit": "reddit",
+  "Default captions: ": "Standarduntertitel: ",
+  "Fallback captions: ": "Ersatzuntertitel: ",
+  "Show related videos? ": "Ähnliche Videos anzeigen? ",
+  "Visual preferences": "Anzeigeeinstellungen",
+  "Dark mode: ": "Nachtmodus: ",
+  "Thin mode: ": "Schlanker Modus: ",
+  "Subscription preferences": "Abonnementeinstellungen",
+  "Redirect homepage to feed: ": "Startseite zu Feed umleiten: ",
+  "Number of videos shown in feed: ": "Anzahl von Videos die im Feed angezeigt werden: ",
+  "Sort videos by: ": "Videos sortieren nach: ",
+  "published": "veröffentlicht",
+  "published - reverse": "veröffentlicht - invertiert",
+  "alphabetically": "alphabetisch",
+  "alphabetically - reverse": "alphabetisch - invertiert",
+  "channel name": "Kanalname",
+  "channel name - reverse": "Kanalname - invertiert",
+  "Only show latest video from channel: ": "Nur neueste Videos des Kanals anzeigen: ",
+  "Only show latest unwatched video from channel: ": "Nur neueste ungesehene Videos des Kanals anzeigen: ",
+  "Only show unwatched: ": "Nur ungesehene anzeigen: ",
+  "Only show notifications (if there are any): ": "Nur Benachrichtigungen anzeigen (wenn es welche gibt): ",
+  "Data preferences": "Dateneinstellungen",
+  "Clear watch history": "Verlauf löschen",
+  "Import/Export data": "Daten im- exportieren",
+  "Manage subscriptions": "Abonnements verwalten",
+  "Watch history": "Verlauf",
+  "Delete account": "Account löschen",
+  "Administrator preferences": "",
+  "Default homepage: ": "",
+  "Feed menu: ": "",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "",
+  "Login enabled? ": "",
+  "Registration enabled? ": "",
+  "Report statistics? ": "",
+  "Save preferences": "Einstellungen speichern",
+  "Subscription manager": "Abonnementverwaltung",
+  "`x` subscriptions": "`x` Abonnements",
+  "Import/Export": "Importieren/Exportieren",
+  "unsubscribe": "abbestellen",
+  "Subscriptions": "Abonnements",
+  "`x` unseen notifications": "`x` ungesehene Benachrichtigungen",
+  "search": "Suchen",
+  "Sign out": "Abmelden",
+  "Released under the AGPLv3 by Omar Roth.": "Veröffentlicht unter AGPLv3 von Omar Roth.",
+  "Source available here.": "Quellcode verfügbar hier.",
+  "Liberapay: ": "Liberapay: ",
+  "Patreon: ": "Patreon: ",
+  "BTC: ": "BTC: ",
+  "BCH: ": "BCH: ",
+  "View JavaScript license information.": "Javascript Lizenzinformationen anzeigen.",
+  "Trending": "Trending",
+  "Watch video on Youtube": "Video auf YouTube ansehen",
+  "Genre: ": "Genre: ",
+  "License: ": "Lizenz: ",
+  "Family friendly? ": "Familienfreundlich? ",
+  "Wilson score: ": "Wilson-Score: ",
+  "Engagement: ": "Engagement: ",
+  "Whitelisted regions: ": "Erlaubte Regionen: ",
+  "Blacklisted regions: ": "Unerlaubte Regionen: ",
+  "Shared `x`": "Geteilt `x`",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "Hallo! Anscheinend haben Sie JavaScript deaktiviert. Klicken Sie hier um Kommentare anzuzeigen, beachten sie dass es etwas länger dauern kann um sie zu laden.",
+  "View YouTube comments": "YouTube Kommentare anzeigen",
+  "View more comments on Reddit": "Mehr Kommentare auf Reddit anzeigen",
+  "View `x` comments": "`x` Kommentare anzeigen",
+  "View Reddit comments": "Reddit Kommentare anzeigen",
+  "Hide replies": "Antworten verstecken",
+  "Show replies": "Antworten anzeigen",
+  "Incorrect password": "Falsches Passwort",
+  "Quota exceeded, try again in a few hours": "Kontingent überschritten, versuche es in ein paar Stunden erneut",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "Login nicht möglich, stellen Sie sicher dass two-factor Authentifikation (Authentifizierung oder SMS) aktiviert ist.",
+  "Invalid TFA code": "Ungültiger TFA Code",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "Login fehlgeschlagen. Das kann daran liegen dass two-factor Authentifizierung in ihrem Account nicht aktiviert ist.",
+  "Invalid answer": "Ungültige Antwort",
+  "Invalid CAPTCHA": "Ungültiges CAPTCHA",
+  "CAPTCHA is a required field": "CAPTCHA ist eine erforderliche Eingabe",
+  "User ID is a required field": "Benutzer ID ist eine erforderliche Eingabe",
+  "Password is a required field": "Passwort ist eine erforderliche Eingabe",
+  "Invalid username or password": "Ungültiger Benutzername oder Passwort",
+  "Please sign in using 'Sign in with Google'": "Bitte melden sie sich mit 'Mit Google anmelden' an",
+  "Password cannot be empty": "Passwort darf nicht leer sein",
+  "Password cannot be longer than 55 characters": "Passwort darf nicht länger als 55 Zeichen sein",
+  "Please sign in": "Bitte anmelden",
+  "Invidious Private Feed for `x`": "Invidious Persönlicher Feed für `x`",
+  "channel:`x`": "Kanal:`x`",
+  "Deleted or invalid channel": "Gelöschter oder ungültiger Kanal",
+  "This channel does not exist.": "Dieser Kanal existiert nicht.",
+  "Could not get channel info.": "Kanalinformationen konnten nicht geladen werden.",
+  "Could not fetch comments": "Kommentare konnten nicht geladen werden",
+  "View `x` replies": "Zeige `x` Antworten",
+  "`x` ago": "vor `x`",
+  "Load more": "Mehr laden",
+  "`x` points": "`x` Punkte",
+  "Could not create mix.": "Mix konnte nicht erstellt werden.",
+  "Playlist is empty": "Playlist ist leer",
+  "Invalid playlist.": "Ungültige Playlist.",
+  "Playlist does not exist.": "Playlist existiert nicht.",
+  "Could not pull trending pages.": "Trending Seiten konnten nicht geladen werden.",
+  "Hidden field \"challenge\" is a required field": "Verstecktes Feld \"challenge\" ist eine erforderliche Eingabe",
+  "Hidden field \"token\" is a required field": "Verstecktes Feld \"token\" ist eine erforderliche Eingabe",
+  "Invalid challenge": "Ungültiger Test",
+  "Invalid token": "Ungöltige Marke",
+  "Invalid user": "Ungültiger Benutzer",
+  "Token is expired, please try again": "Marke ist abgelaufen, bitte erneut versuchen",
+  "English": "Englisch",
+  "English (auto-generated)": "Englisch (automatisch erzeugt)",
+  "Afrikaans": "Afrikaans",
+  "Albanian": "Albanisch",
+  "Amharic": "Amharisch",
+  "Arabic": "Arabisch",
+  "Armenian": "Armenisch",
+  "Azerbaijani": "Aserbaidschanisch",
+  "Bangla": "Bengalisch",
+  "Basque": "Baskisch",
+  "Belarusian": "Weißrussisch",
+  "Bosnian": "Bosnisch",
+  "Bulgarian": "Bulgarisch",
+  "Burmese": "Burmesisch",
+  "Catalan": "Katalanisch",
+  "Cebuano": "Cebuano",
+  "Chinese (Simplified)": "Chinesisch (vereinfacht)",
+  "Chinese (Traditional)": "Chinesisch (traditionell)",
+  "Corsican": "Korsisch",
+  "Croatian": "Kroatisch",
+  "Czech": "Tschechisch",
+  "Danish": "Dänisch",
+  "Dutch": "Niederländisch",
+  "Esperanto": "Esperanto",
+  "Estonian": "Estnisch",
+  "Filipino": "Philippinisch",
+  "Finnish": "Finnisch",
+  "French": "Französisch",
+  "Galician": "Galizisch",
+  "Georgian": "Georgisch",
+  "German": "Deutsch",
+  "Greek": "Griechisch",
+  "Gujarati": "Gujarati",
+  "Haitian Creole": "Haitianisches Kreolisch",
+  "Hausa": "Hausa",
+  "Hawaiian": "Hawaiianisch",
+  "Hebrew": "Hebräisch",
+  "Hindi": "Hindi",
+  "Hmong": "Hmong",
+  "Hungarian": "Ungarisch",
+  "Icelandic": "Isländisch",
+  "Igbo": "Igbo",
+  "Indonesian": "Indonesisch",
+  "Irish": "Irisch",
+  "Italian": "Italienisch",
+  "Japanese": "Japanisch",
+  "Javanese": "Javanisch",
+  "Kannada": "Kannada",
+  "Kazakh": "Kasachisch",
+  "Khmer": "Khmer",
+  "Korean": "Koreanisch",
+  "Kurdish": "Kurdisch",
+  "Kyrgyz": "Kirgisisch",
+  "Lao": "Laotisch",
+  "Latin": "Lateinisch",
+  "Latvian": "Lettisch",
+  "Lithuanian": "Litauisch",
+  "Luxembourgish": "Luxemburgisch",
+  "Macedonian": "Mazedonisch",
+  "Malagasy": "Madagassisch",
+  "Malay": "Malaiisch",
+  "Malayalam": "Malayalam",
+  "Maltese": "Maltesisch",
+  "Maori": "Maori",
+  "Marathi": "Marathi",
+  "Mongolian": "Mongolisch",
+  "Nepali": "Nepalesisch",
+  "Norwegian": "Norwegisch",
+  "Nyanja": "Nyanja",
+  "Pashto": "Paschtunisch",
+  "Persian": "Persisch",
+  "Polish": "Polnisch",
+  "Portuguese": "Portugiesisch",
+  "Punjabi": "Pandschabi",
+  "Romanian": "Rumänisch",
+  "Russian": "Russisch",
+  "Samoan": "Samoanisch",
+  "Scottish Gaelic": "Schottisches Gälisch",
+  "Serbian": "Serbisch",
+  "Shona": "Schona",
+  "Sindhi": "Sindhi",
+  "Sinhala": "Singhalesisch",
+  "Slovak": "Slowakisch",
+  "Slovenian": "Slowenisch",
+  "Somali": "Somali",
+  "Southern Sotho": "Südliches Sotho",
+  "Spanish": "Spanisch",
+  "Spanish (Latin America)": "Spanisch (Lateinamerika)",
+  "Sundanese": "Sundanesisch",
+  "Swahili": "Suaheli",
+  "Swedish": "Schwedisch",
+  "Tajik": "Tadschikisch",
+  "Tamil": "Tamilisch",
+  "Telugu": "Telugu",
+  "Thai": "Thailändisch",
+  "Turkish": "Türkisch",
+  "Ukrainian": "Ukrainisch",
+  "Urdu": "Urdu",
+  "Uzbek": "Usbekisch",
+  "Vietnamese": "Vietnamesisch",
+  "Welsh": "Walisisch",
+  "Western Frisian": "Westfriesisch",
+  "Xhosa": "Xhosa",
+  "Yiddish": "Jiddisch",
+  "Yoruba": "Joruba",
+  "Zulu": "Zulu",
+  "`x` years": "`x` Jahre",
+  "`x` months": "`x` Monate",
+  "`x` weeks": "`x` Wochen",
+  "`x` days": "`x` Tage",
+  "`x` hours": "`x` Stunden",
+  "`x` minutes": "`x` Minuten",
+  "`x` seconds": "`x` Sekunden",
+  "Fallback comments: ": "Alternative Kommentare: ",
+  "Popular": "Populär",
+  "Top": "Top",
+  "About": "Über",
+  "Rating: ": "Bewertung: ",
+  "Language: ": "Sprache: ",
+  "Default": "",
+  "Music": "",
+  "Gaming": "",
+  "News": "",
+  "Movies": "",
+  "Download": "",
+  "Download as: ": "",
+  "%A %B %-d, %Y": "",
+  "(edited)": "",
+  "Youtube permalink of the comment": "",
+  "`x` marked it with a ❤": "",
+  "Audio mode": "",
+  "Video mode": ""
+}

locales/en-US.json

@@ -0,0 +1,288 @@
+{
+  "`x` subscribers": "`x` subscribers",
+  "`x` videos": "`x` videos",
+  "LIVE": "LIVE",
+  "Shared `x` ago": "Shared `x` ago",
+  "Unsubscribe": "Unsubscribe",
+  "Subscribe": "Subscribe",
+  "Login to subscribe to `x`": "Login to subscribe to `x`",
+  "View channel on YouTube": "View channel on YouTube",
+  "newest": "newest",
+  "oldest": "oldest",
+  "popular": "popular",
+  "Preview page": "Preview page",
+  "Next page": "Next page",
+  "Clear watch history?": "Clear watch history?",
+  "Yes": "Yes",
+  "No": "No",
+  "Import and Export Data": "Import and Export Data",
+  "Import": "Import",
+  "Import Invidious data": "Import Invidious data",
+  "Import YouTube subscriptions": "Import YouTube subscriptions",
+  "Import FreeTube subscriptions (.db)": "Import FreeTube subscriptions (.db)",
+  "Import NewPipe subscriptions (.json)": "Import NewPipe subscriptions (.json)",
+  "Import NewPipe data (.zip)": "Import NewPipe data (.zip)",
+  "Export": "Export",
+  "Export subscriptions as OPML": "Export subscriptions as OPML",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Export subscriptions as OPML (for NewPipe & FreeTube)",
+  "Export data as JSON": "Export data as JSON",
+  "Delete account?": "Delete account?",
+  "History": "History",
+  "Previous page": "Previous page",
+  "An alternative front-end to YouTube": "An alternative front-end to YouTube",
+  "JavaScript license information": "JavaScript license information",
+  "source": "source",
+  "Login": "Login",
+  "Login/Register": "Login/Register",
+  "Login to Google": "Login to Google",
+  "User ID:": "User ID:",
+  "Password:": "Password:",
+  "Time (h:mm:ss):": "Time (h:mm:ss):",
+  "Text CAPTCHA": "Text CAPTCHA",
+  "Image CAPTCHA": "Image CAPTCHA",
+  "Sign In": "Sign In",
+  "Register": "Register",
+  "Email:": "Email:",
+  "Google verification code:": "Google verification code:",
+  "Preferences": "Preferences",
+  "Player preferences": "Player preferences",
+  "Always loop: ": "Always loop: ",
+  "Autoplay: ": "Autoplay: ",
+  "Autoplay next video: ": "Autoplay next video: ",
+  "Listen by default: ": "Listen by default: ",
+  "Default speed: ": "Default speed: ",
+  "Preferred video quality: ": "Preferred video quality: ",
+  "Player volume: ": "Player volume: ",
+  "Default comments: ": "Default comments: ",
+  "Default captions: ": "Default captions: ",
+  "Fallback captions: ": "Fallback captions: ",
+  "Show related videos? ": "Show related videos? ",
+  "Visual preferences": "Visual preferences",
+  "Dark mode: ": "Dark mode: ",
+  "Thin mode: ": "Thin mode: ",
+  "Subscription preferences": "Subscription preferences",
+  "Redirect homepage to feed: ": "Redirect homepage to feed: ",
+  "Number of videos shown in feed: ": "Number of videos shown in feed: ",
+  "Sort videos by: ": "Sort videos by: ",
+  "published": "published",
+  "published - reverse": "published - reverse",
+  "alphabetically": "alphabetically",
+  "alphabetically - reverse": "alphabetically - reverse",
+  "channel name": "channel name",
+  "channel name - reverse": "channel name - reverse",
+  "Only show latest video from channel: ": "Only show latest video from channel: ",
+  "Only show latest unwatched video from channel: ": "Only show latest unwatched video from channel: ",
+  "Only show unwatched: ": "Only show unwatched: ",
+  "Only show notifications (if there are any): ": "Only show notifications (if there are any): ",
+  "Data preferences": "Data preferences",
+  "Clear watch history": "Clear watch history",
+  "Import/Export data": "Import/Export data",
+  "Manage subscriptions": "Manage subscriptions",
+  "Watch history": "Watch history",
+  "Delete account": "Delete account",
+  "Administrator preferences": "Administrator preferences",
+  "Default homepage: ": "Default homepage: ",
+  "Feed menu: ": "Feed menu: ",
+  "Top enabled? ": "Top enabled? ",
+  "CAPTCHA enabled? ": "CAPTCHA enabled? ",
+  "Login enabled? ": "Login enabled? ",
+  "Registration enabled? ": "Registration enabled? ",
+  "Report statistics? ": "Report statistics? ",
+  "Save preferences": "Save preferences",
+  "Subscription manager": "Subscription manager",
+  "`x` subscriptions": "`x` subscriptions",
+  "Import/Export": "Import/Export",
+  "unsubscribe": "unsubscribe",
+  "Subscriptions": "Subscriptions",
+  "`x` unseen notifications": "`x` unseen notifications",
+  "search": "search",
+  "Sign out": "Sign out",
+  "Released under the AGPLv3 by Omar Roth.": "Released under the AGPLv3 by Omar Roth.",
+  "Source available here.": "Source available here.",
+  "View JavaScript license information.": "View JavaScript license information.",
+  "Trending": "Trending",
+  "Watch video on Youtube": "Watch video on Youtube",
+  "Genre: ": "Genre: ",
+  "License: ": "License: ",
+  "Family friendly? ": "Family friendly? ",
+  "Wilson score: ": "Wilson score: ",
+  "Engagement: ": "Engagement: ",
+  "Whitelisted regions: ": "Whitelisted regions: ",
+  "Blacklisted regions: ": "Blacklisted regions: ",
+  "Shared `x`": "Shared `x`",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.",
+  "View YouTube comments": "View YouTube comments",
+  "View more comments on Reddit": "View more comments on Reddit",
+  "View `x` comments": "View `x` comments",
+  "View Reddit comments": "View Reddit comments",
+  "Hide replies": "Hide replies",
+  "Show replies": "Show replies",
+  "Incorrect password": "Incorrect password",
+  "Quota exceeded, try again in a few hours": "Quota exceeded, try again in a few hours",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.",
+  "Invalid TFA code": "Invalid TFA code",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "Login failed. This may be because two-factor authentication is not enabled on your account.",
+  "Invalid answer": "Invalid answer",
+  "Invalid CAPTCHA": "Invalid CAPTCHA",
+  "CAPTCHA is a required field": "CAPTCHA is a required field",
+  "User ID is a required field": "User ID is a required field",
+  "Password is a required field": "Password is a required field",
+  "Invalid username or password": "Invalid username or password",
+  "Please sign in using 'Sign in with Google'": "Please sign in using 'Sign in with Google'",
+  "Password cannot be empty": "Password cannot be empty",
+  "Password cannot be longer than 55 characters": "Password cannot be longer than 55 characters",
+  "Please sign in": "Please sign in",
+  "Invidious Private Feed for `x`": "Invidious Private Feed for `x`",
+  "channel:`x`": "channel:`x`",
+  "Deleted or invalid channel": "Deleted or invalid channel",
+  "This channel does not exist.": "This channel does not exist.",
+  "Could not get channel info.": "Could not get channel info.",
+  "Could not fetch comments": "Could not fetch comments",
+  "View `x` replies": "View `x` replies",
+  "`x` ago": "`x` ago",
+  "Load more": "Load more",
+  "`x` points": "`x` points",
+  "Could not create mix.": "Could not create mix.",
+  "Playlist is empty": "Playlist is empty",
+  "Invalid playlist.": "Invalid playlist.",
+  "Playlist does not exist.": "Playlist does not exist.",
+  "Could not pull trending pages.": "Could not pull trending pages.",
+  "Hidden field \"challenge\" is a required field": "Hidden field \"challenge\" is a required field",
+  "Hidden field \"token\" is a required field": "Hidden field \"token\" is a required field",
+  "Invalid challenge": "Invalid challenge",
+  "Invalid token": "Invalid token",
+  "Invalid user": "Invalid user",
+  "Token is expired, please try again": "Token is expired, please try again",
+  "English": "English",
+  "English (auto-generated)": "English (auto-generated)",
+  "Afrikaans": "Afrikaans",
+  "Albanian": "Albanian",
+  "Amharic": "Amharic",
+  "Arabic": "Arabic",
+  "Armenian": "Armenian",
+  "Azerbaijani": "Azerbaijani",
+  "Bangla": "Bangla",
+  "Basque": "Basque",
+  "Belarusian": "Belarusian",
+  "Bosnian": "Bosnian",
+  "Bulgarian": "Bulgarian",
+  "Burmese": "Burmese",
+  "Catalan": "Catalan",
+  "Cebuano": "Cebuano",
+  "Chinese (Simplified)": "Chinese (Simplified)",
+  "Chinese (Traditional)": "Chinese (Traditional)",
+  "Corsican": "Corsican",
+  "Croatian": "Croatian",
+  "Czech": "Czech",
+  "Danish": "Danish",
+  "Dutch": "Dutch",
+  "Esperanto": "Esperanto",
+  "Estonian": "Estonian",
+  "Filipino": "Filipino",
+  "Finnish": "Finnish",
+  "French": "French",
+  "Galician": "Galician",
+  "Georgian": "Georgian",
+  "German": "German",
+  "Greek": "Greek",
+  "Gujarati": "Gujarati",
+  "Haitian Creole": "Haitian Creole",
+  "Hausa": "Hausa",
+  "Hawaiian": "Hawaiian",
+  "Hebrew": "Hebrew",
+  "Hindi": "Hindi",
+  "Hmong": "Hmong",
+  "Hungarian": "Hungarian",
+  "Icelandic": "Icelandic",
+  "Igbo": "Igbo",
+  "Indonesian": "Indonesian",
+  "Irish": "Irish",
+  "Italian": "Italian",
+  "Japanese": "Japanese",
+  "Javanese": "Javanese",
+  "Kannada": "Kannada",
+  "Kazakh": "Kazakh",
+  "Khmer": "Khmer",
+  "Korean": "Korean",
+  "Kurdish": "Kurdish",
+  "Kyrgyz": "Kyrgyz",
+  "Lao": "Lao",
+  "Latin": "Latin",
+  "Latvian": "Latvian",
+  "Lithuanian": "Lithuanian",
+  "Luxembourgish": "Luxembourgish",
+  "Macedonian": "Macedonian",
+  "Malagasy": "Malagasy",
+  "Malay": "Malay",
+  "Malayalam": "Malayalam",
+  "Maltese": "Maltese",
+  "Maori": "Maori",
+  "Marathi": "Marathi",
+  "Mongolian": "Mongolian",
+  "Nepali": "Nepali",
+  "Norwegian": "Norwegian",
+  "Nyanja": "Nyanja",
+  "Pashto": "Pashto",
+  "Persian": "Persian",
+  "Polish": "Polish",
+  "Portuguese": "Portuguese",
+  "Punjabi": "Punjabi",
+  "Romanian": "Romanian",
+  "Russian": "Russian",
+  "Samoan": "Samoan",
+  "Scottish Gaelic": "Scottish Gaelic",
+  "Serbian": "Serbian",
+  "Shona": "Shona",
+  "Sindhi": "Sindhi",
+  "Sinhala": "Sinhala",
+  "Slovak": "Slovak",
+  "Slovenian": "Slovenian",
+  "Somali": "Somali",
+  "Southern Sotho": "Southern Sotho",
+  "Spanish": "Spanish",
+  "Spanish (Latin America)": "Spanish (Latin America)",
+  "Sundanese": "Sundanese",
+  "Swahili": "Swahili",
+  "Swedish": "Swedish",
+  "Tajik": "Tajik",
+  "Tamil": "Tamil",
+  "Telugu": "Telugu",
+  "Thai": "Thai",
+  "Turkish": "Turkish",
+  "Ukrainian": "Ukrainian",
+  "Urdu": "Urdu",
+  "Uzbek": "Uzbek",
+  "Vietnamese": "Vietnamese",
+  "Welsh": "Welsh",
+  "Western Frisian": "Western Frisian",
+  "Xhosa": "Xhosa",
+  "Yiddish": "Yiddish",
+  "Yoruba": "Yoruba",
+  "Zulu": "Zulu",
+  "`x` years": "`x` years",
+  "`x` months": "`x` months",
+  "`x` weeks": "`x` weeks",
+  "`x` days": "`x` days",
+  "`x` hours": "`x` hours",
+  "`x` minutes": "`x` minutes",
+  "`x` seconds": "`x` seconds",
+  "Fallback comments: ": "Fallback comments: ",
+  "Popular": "Popular",
+  "Top": "Top",
+  "About": "About",
+  "Rating: ": "Rating: ",
+  "Language: ": "Language: ",
+  "Default": "Default",
+  "Music": "Music",
+  "Gaming": "Gaming",
+  "News": "News",
+  "Movies": "Movies",
+  "Download": "Download",
+  "Download as: ": "Download as: ",
+  "%A %B %-d, %Y": "%A %B %-d, %Y",
+  "(edited)": "(edited)",
+  "Youtube permalink of the comment": "Youtube permalink of the comment",
+  "`x` marked it with a ❤": "`x` marked it with a ❤",
+  "Audio mode": "Audio mode",
+  "Video mode": "Video mode"
+}

locales/eu.json

@@ -0,0 +1,288 @@
+{
+  "`x` subscribers": "`x` harpidedun",
+  "`x` videos": "`x` bideo",
+  "LIVE": "ZUZENEAN",
+  "Shared `x` ago": "Duela `x` partekatua",
+  "Unsubscribe": "Harpidetza kendu",
+  "Subscribe": "Harpidetu",
+  "Login to subscribe to `x`": "Saioa hasi `x`(e)ra harpidetzeko",
+  "View channel on YouTube": "Ikusi kanala YouTuben",
+  "newest": "berrienak",
+  "oldest": "zaharrenak",
+  "popular": "ospetsuenak",
+  "Preview page": "Aurrebista orria",
+  "Next page": "Hurrengo orria",
+  "Clear watch history?": "Garbitu ikusitakoen historia?",
+  "Yes": "Bai",
+  "No": "Ez",
+  "Import and Export Data": "Datuak inportatu eta esportatu",
+  "Import": "Inportatu",
+  "Import Invidious data": "Invidiouseko datuak inportatu",
+  "Import YouTube subscriptions": "YouTubeko harpidetzak inportatu",
+  "Import FreeTube subscriptions (.db)": "FreeTubeko harpidetzak inportatu (.db)",
+  "Import NewPipe subscriptions (.json)": "NewPipeko harpidetzak inportatu (.json)",
+  "Import NewPipe data (.zip)": "NewPipeko datuak inportatu (.zip)",
+  "Export": "Esportatu",
+  "Export subscriptions as OPML": "Esportatu harpidetzak OPML bezala",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Harpidetzak OPML bezala esportatu (NewPipe eta FreeTuberako)",
+  "Export data as JSON": "Datuak JSON bezala esportatu",
+  "Delete account?": "Kontua ezabatu?",
+  "History": "Historia",
+  "Previous page": "Aurreko orria",
+  "An alternative front-end to YouTube": "YouTuberako interfaze alternatibo bat",
+  "JavaScript license information": "JavaScript lizentzia informazioa",
+  "source": "iturburua",
+  "Login": "Saioa hasi",
+  "Login/Register": "Saioa hasi/Izena eman",
+  "Login to Google": "Googlekin hasi saioa",
+  "User ID:": "Erabiltzaile IDa:",
+  "Password:": "Pasahitza:",
+  "Time (h:mm:ss):": "Denbora (o:mm:ss):",
+  "Text CAPTCHA": "Testu CAPTCHA",
+  "Image CAPTCHA": "Irudi CAPTCHA",
+  "Sign In": "",
+  "Register": "",
+  "Email:": "",
+  "Google verification code:": "",
+  "Preferences": "",
+  "Player preferences": "",
+  "Always loop: ": "",
+  "Autoplay: ": "",
+  "Autoplay next video: ": "",
+  "Listen by default: ": "",
+  "Default speed: ": "",
+  "Preferred video quality: ": "",
+  "Player volume: ": "",
+  "Default comments: ": "",
+  "Default captions: ": "",
+  "Fallback captions: ": "",
+  "Show related videos? ": "",
+  "Visual preferences": "",
+  "Dark mode: ": "",
+  "Thin mode: ": "",
+  "Subscription preferences": "",
+  "Redirect homepage to feed: ": "",
+  "Number of videos shown in feed: ": "",
+  "Sort videos by: ": "",
+  "published": "",
+  "published - reverse": "",
+  "alphabetically": "",
+  "alphabetically - reverse": "",
+  "channel name": "",
+  "channel name - reverse": "",
+  "Only show latest video from channel: ": "",
+  "Only show latest unwatched video from channel: ": "",
+  "Only show unwatched: ": "",
+  "Only show notifications (if there are any): ": "",
+  "Data preferences": "",
+  "Clear watch history": "",
+  "Import/Export data": "",
+  "Manage subscriptions": "",
+  "Watch history": "",
+  "Delete account": "",
+  "Administrator preferences": "",
+  "Default homepage: ": "",
+  "Feed menu: ": "",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "",
+  "Login enabled? ": "",
+  "Registration enabled? ": "",
+  "Report statistics? ": "",
+  "Save preferences": "",
+  "Subscription manager": "",
+  "`x` subscriptions": "",
+  "Import/Export": "",
+  "unsubscribe": "",
+  "Subscriptions": "",
+  "`x` unseen notifications": "",
+  "search": "",
+  "Sign out": "",
+  "Released under the AGPLv3 by Omar Roth.": "",
+  "Source available here.": "",
+  "View JavaScript license information.": "",
+  "Trending": "",
+  "Watch video on Youtube": "",
+  "Genre: ": "",
+  "License: ": "",
+  "Family friendly? ": "",
+  "Wilson score: ": "",
+  "Engagement: ": "",
+  "Whitelisted regions: ": "",
+  "Blacklisted regions: ": "",
+  "Shared `x`": "",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "",
+  "View YouTube comments": "",
+  "View more comments on Reddit": "",
+  "View `x` comments": "",
+  "View Reddit comments": "",
+  "Hide replies": "",
+  "Show replies": "",
+  "Incorrect password": "",
+  "Quota exceeded, try again in a few hours": "",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "",
+  "Invalid TFA code": "",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "",
+  "Invalid answer": "",
+  "Invalid CAPTCHA": "",
+  "CAPTCHA is a required field": "",
+  "User ID is a required field": "",
+  "Password is a required field": "",
+  "Invalid username or password": "",
+  "Please sign in using 'Sign in with Google'": "",
+  "Password cannot be empty": "",
+  "Password cannot be longer than 55 characters": "",
+  "Please sign in": "",
+  "Invidious Private Feed for `x`": "",
+  "channel:`x`": "",
+  "Deleted or invalid channel": "",
+  "This channel does not exist.": "",
+  "Could not get channel info.": "",
+  "Could not fetch comments": "",
+  "View `x` replies": "",
+  "`x` ago": "",
+  "Load more": "",
+  "`x` points": "",
+  "Could not create mix.": "",
+  "Playlist is empty": "",
+  "Invalid playlist.": "",
+  "Playlist does not exist.": "",
+  "Could not pull trending pages.": "",
+  "Hidden field \"challenge\" is a required field": "",
+  "Hidden field \"token\" is a required field": "",
+  "Invalid challenge": "",
+  "Invalid token": "",
+  "Invalid user": "",
+  "Token is expired, please try again": "",
+  "English": "",
+  "English (auto-generated)": "",
+  "Afrikaans": "",
+  "Albanian": "",
+  "Amharic": "",
+  "Arabic": "",
+  "Armenian": "",
+  "Azerbaijani": "",
+  "Bangla": "",
+  "Basque": "",
+  "Belarusian": "",
+  "Bosnian": "",
+  "Bulgarian": "",
+  "Burmese": "",
+  "Catalan": "",
+  "Cebuano": "",
+  "Chinese (Simplified)": "",
+  "Chinese (Traditional)": "",
+  "Corsican": "",
+  "Croatian": "",
+  "Czech": "",
+  "Danish": "",
+  "Dutch": "",
+  "Esperanto": "",
+  "Estonian": "",
+  "Filipino": "",
+  "Finnish": "",
+  "French": "",
+  "Galician": "",
+  "Georgian": "",
+  "German": "",
+  "Greek": "",
+  "Gujarati": "",
+  "Haitian Creole": "",
+  "Hausa": "",
+  "Hawaiian": "",
+  "Hebrew": "",
+  "Hindi": "",
+  "Hmong": "",
+  "Hungarian": "",
+  "Icelandic": "",
+  "Igbo": "",
+  "Indonesian": "",
+  "Irish": "",
+  "Italian": "",
+  "Japanese": "",
+  "Javanese": "",
+  "Kannada": "",
+  "Kazakh": "",
+  "Khmer": "",
+  "Korean": "",
+  "Kurdish": "",
+  "Kyrgyz": "",
+  "Lao": "",
+  "Latin": "",
+  "Latvian": "",
+  "Lithuanian": "",
+  "Luxembourgish": "",
+  "Macedonian": "",
+  "Malagasy": "",
+  "Malay": "",
+  "Malayalam": "",
+  "Maltese": "",
+  "Maori": "",
+  "Marathi": "",
+  "Mongolian": "",
+  "Nepali": "",
+  "Norwegian": "",
+  "Nyanja": "",
+  "Pashto": "",
+  "Persian": "",
+  "Polish": "",
+  "Portuguese": "",
+  "Punjabi": "",
+  "Romanian": "",
+  "Russian": "",
+  "Samoan": "",
+  "Scottish Gaelic": "",
+  "Serbian": "",
+  "Shona": "",
+  "Sindhi": "",
+  "Sinhala": "",
+  "Slovak": "",
+  "Slovenian": "",
+  "Somali": "",
+  "Southern Sotho": "",
+  "Spanish": "",
+  "Spanish (Latin America)": "",
+  "Sundanese": "",
+  "Swahili": "",
+  "Swedish": "",
+  "Tajik": "",
+  "Tamil": "",
+  "Telugu": "",
+  "Thai": "",
+  "Turkish": "",
+  "Ukrainian": "",
+  "Urdu": "",
+  "Uzbek": "",
+  "Vietnamese": "",
+  "Welsh": "",
+  "Western Frisian": "",
+  "Xhosa": "",
+  "Yiddish": "",
+  "Yoruba": "",
+  "Zulu": "",
+  "`x` years": "",
+  "`x` months": "",
+  "`x` weeks": "",
+  "`x` days": "",
+  "`x` hours": "",
+  "`x` minutes": "",
+  "`x` seconds": "",
+  "Fallback comments: ": "",
+  "Popular": "",
+  "Top": "",
+  "About": "",
+  "Rating: ": "",
+  "Language: ": "",
+  "Default": "",
+  "Music": "",
+  "Gaming": "",
+  "News": "",
+  "Movies": "",
+  "Download": "",
+  "Download as: ": "",
+  "%A %B %-d, %Y": "",
+  "(edited)": "",
+  "Youtube permalink of the comment": "",
+  "`x` marked it with a ❤": "",
+  "Audio mode": "",
+  "Video mode": ""
+}

locales/fr.json

@@ -0,0 +1,287 @@
+{
+  "`x` subscribers": "`x` abonnés",
+  "`x` videos": "`x` vidéos",
+  "LIVE": "EN DIRECT",
+  "Shared `x` ago": "Partagé il y a `x`",
+  "Unsubscribe": "Se désabonner",
+  "Subscribe": "S'abonner",
+  "Login to subscribe to `x`": "Vous devez vous connecter pour vous abonner à `x`",
+  "View channel on YouTube": "Voir la chaîne sur YouTube",
+  "newest": "Date d'ajout (la plus récente)",
+  "oldest": "Date d'ajout (la plus ancienne)",
+  "popular": "Les plus populaires",
+  "Next page": "Page suivante",
+  "Clear watch history?": "Êtes-vous sûr de vouloir supprimer l'historique des vidéos regardées ?",
+  "Yes": "Oui",
+  "No": "Non",
+  "Import and Export Data": "Importer et Exporter les Données",
+  "Import": "Importer",
+  "Import Invidious data": "Importer des données Invidious",
+  "Import YouTube subscriptions": "Importer des abonnements YouTube",
+  "Import FreeTube subscriptions (.db)": "Importer des abonnements FreeTube (.db)",
+  "Import NewPipe subscriptions (.json)": "Importer des abonnements NewPipe (.json)",
+  "Import NewPipe data (.zip)": "Importer des données NewPipe (.zip)",
+  "Export": "Exporter",
+  "Export subscriptions as OPML": "Exporter les abonnements en OPML",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Exporter les abonnements en OPML (pour NewPipe & FreeTube)",
+  "Export data as JSON": "Exporter les données au format JSON",
+  "Delete account?": "Supprimer votre compte ?",
+  "History": "Historique",
+  "Previous page": "Page précédente",
+  "An alternative front-end to YouTube": "Un front-end alternatif à YouTube",
+  "JavaScript license information": "Informations sur les licences JavaScript",
+  "source": "source",
+  "Login": "Connexion",
+  "Login/Register": "Connexion/S'inscrire",
+  "Login to Google": "Se connecter à Google",
+  "User ID:": "ID utilisateur :",
+  "Password:": "Mot de passe :",
+  "Time (h:mm:ss):": "Heure (h:mm:ss) :",
+  "Text CAPTCHA": "CAPTCHA Texte",
+  "Image CAPTCHA": "CAPTCHA Image",
+  "Sign In": "S'identifier",
+  "Register": "S'inscrire",
+  "Email:": "Email :",
+  "Google verification code:": "Code de vérification Google :",
+  "Preferences": "Préférences",
+  "Player preferences": "Préférences du Lecteur",
+  "Always loop: ": "Lire en boucle : ",
+  "Autoplay: ": "Lire Automatiquement : ",
+  "Autoplay next video: ": "Lire automatiquement la vidéo suivante : ",
+  "Listen by default: ": "Audio Uniquement par défaut : ",
+  "Default speed: ": "Vitesse par défaut : ",
+  "Preferred video quality: ": "Qualité vidéo souhaitée : ",
+  "Player volume: ": "Volume du lecteur : ",
+  "Default comments: ": "Source des Commentaires : ",
+  "Default captions: ": "Sous-titres principal : ",
+  "Fallback captions: ": "Sous-titres secondaire : ",
+  "Show related videos? ": "Voir les vidéos liées à ce sujet ? ",
+  "Visual preferences": "Préférences visuelles",
+  "Dark mode: ": "Mode Sombre : ",
+  "Thin mode: ": "Mode Simplifié : ",
+  "Subscription preferences": "Préférences de la page d'abonnements",
+  "Redirect homepage to feed: ": "Rediriger la page d'accueil vers la page d'abonnements : ",
+  "Number of videos shown in feed: ": "Nombre de vidéos montrées dans la page d'abonnements : ",
+  "Sort videos by: ": "Trier les vidéos par : ",
+  "published": "publication",
+  "published - reverse": "publication - inversé",
+  "alphabetically": "alphabétiquement",
+  "alphabetically - reverse": "alphabétiquement - inversé",
+  "channel name": "nom de la chaîne",
+  "channel name - reverse": "nom de la chaîne - inversé",
+  "Only show latest video from channel: ": "Afficher uniquement la dernière vidéo de la chaîne : ",
+  "Only show latest unwatched video from channel: ": "Afficher uniquement la dernière vidéo de la chaîne non regardée : ",
+  "Only show unwatched: ": "Afficher uniquement les vidéos non regardées : ",
+  "Only show notifications (if there are any): ": "Afficher uniquement les notifications (s'il y en a) : ",
+  "Data preferences": "Préférences liées aux données",
+  "Clear watch history": "Supprimer l'historique des vidéos regardées",
+  "Import/Export data": "Importer/exporter les données",
+  "Manage subscriptions": "Gérer les abonnements",
+  "Watch history": "Historique de visionnage",
+  "Delete account": "Supprimer votre compte",
+  "Administrator preferences": "",
+  "Default homepage: ": "",
+  "Feed menu: ": "",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "",
+  "Login enabled? ": "",
+  "Registration enabled? ": "",
+  "Report statistics? ": "",
+  "Save preferences": "Enregistrer les préférences",
+  "Subscription manager": "Gestionnaire d'abonnement",
+  "`x` subscriptions": "`x` abonnements",
+  "Import/Export": "Importer/Exporter",
+  "unsubscribe": "se désabonner",
+  "Subscriptions": "Abonnements",
+  "`x` unseen notifications": "`x` notifications non vues",
+  "search": "Rechercher",
+  "Sign out": "Déconnexion",
+  "Released under the AGPLv3 by Omar Roth.": "Publié sous licence AGPLv3 par Omar Roth.",
+  "Source available here.": "Code Source.",
+  "View JavaScript license information.": "Voir les informations des licences JavaScript.",
+  "Trending": "Tendances",
+  "Watch video on Youtube": "Voir la vidéo sur Youtube",
+  "Genre: ": "Genre : ",
+  "License: ": "Licence : ",
+  "Family friendly? ": "Tout Public ? ",
+  "Wilson score: ": "Score de Wilson : ",
+  "Engagement: ": "Poucentage de spectateur aillant aimé Liker ou Disliker la vidéo : ",
+  "Whitelisted regions: ": "Régions en liste blanche : ",
+  "Blacklisted regions: ": "Régions sur liste noire : ",
+  "Shared `x`": "Partagée `x`",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "Il semblerait que JavaScript sois désactivé. Cliquez ici pour voir les commentaires. Gardez à l'esprit que le chargement peut prendre plus de temps.",
+  "View YouTube comments": "Voir les commentaires YouTube",
+  "View more comments on Reddit": "Voir plus de commentaires sur Reddit",
+  "View `x` comments": "Voir `x` commentaires",
+  "View Reddit comments": "Voir les commentaires Reddit",
+  "Hide replies": "Masquer les réponses",
+  "Show replies": "Afficher les réponses",
+  "Incorrect password": "Mot de passe incorrect",
+  "Quota exceeded, try again in a few hours": "Nombre de tentative de connexion dépassé, réessayez dans quelques heures",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "Si vous ne parvenez pas à vous connecter, assurez-vous que l'authentification à deux facteurs (Authenticator ou SMS) est activée.",
+  "Invalid TFA code": "Code d'authentification à deux facteurs invalide",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "La connexion a échoué. Cela peut être dû au fait que l'authentification à deux facteurs n'est pas activée sur votre compte.",
+  "Invalid answer": "Réponse non valide",
+  "Invalid CAPTCHA": "CAPTCHA invalide",
+  "CAPTCHA is a required field": "Veuillez rentrez un CAPTCHA",
+  "User ID is a required field": "Veuillez rentrez un Identifiant Utilisateur",
+  "Password is a required field": "Veuillez rentrez un Mot de passe",
+  "Invalid username or password": "Nom d'utilisateur ou mot de passe invalide",
+  "Please sign in using 'Sign in with Google'": "Veuillez vous connecter en utilisant \"S'identifier avec Google\"",
+  "Password cannot be empty": "Le mot de passe ne peut pas être vide",
+  "Password cannot be longer than 55 characters": "Le mot de passe ne doit pas comporter plus de 55 caractères",
+  "Please sign in": "Veuillez vous connecter",
+  "Invidious Private Feed for `x`": "Flux RSS privé pour `x`",
+  "channel:`x`": "chaîne:`x`",
+  "Deleted or invalid channel": "Chaîne supprimée ou invalide",
+  "This channel does not exist.": "Cette chaine n'existe pas.",
+  "Could not get channel info.": "Impossible de charger les informations de cette chaîne.",
+  "Could not fetch comments": "Impossible de charger les commentaires",
+  "View `x` replies": "Voir `x` réponses",
+  "`x` ago": "il y a `x`",
+  "Load more": "Charger plus",
+  "`x` points": "`x` points",
+  "Could not create mix.": "Impossible de charger cette liste de lecture.",
+  "Playlist is empty": "La liste de lecture est vide",
+  "Invalid playlist.": "Liste de lecture invalide.",
+  "Playlist does not exist.": "La liste de lecture n'existe pas.",
+  "Could not pull trending pages.": "Impossible de charger les pages de tendances.",
+  "Hidden field \"challenge\" is a required field": "Hidden field \"challenge\" is a required field",
+  "Hidden field \"token\" is a required field": "Hidden field \"token\" is a required field",
+  "Invalid challenge": "Invalid challenge",
+  "Invalid token": "Invalid token",
+  "Invalid user": "Invalid user",
+  "Token is expired, please try again": "Token is expired, please try again",
+  "English": "Anglais",
+  "English (auto-generated)": "Anglais (générés automatiquement)",
+  "Afrikaans": "Afrikaans",
+  "Albanian": "Albanais",
+  "Amharic": "Amharique",
+  "Arabic": "Arabe",
+  "Armenian": "Arménien",
+  "Azerbaijani": "Azerbaïdjanais",
+  "Bangla": "Bangla",
+  "Basque": "Basque",
+  "Belarusian": "Belarusian",
+  "Bosnian": "Bosnian",
+  "Bulgarian": "Bulgarian",
+  "Burmese": "Birman",
+  "Catalan": "Catalan",
+  "Cebuano": "Cebuano",
+  "Chinese (Simplified)": "Chinois (Simplifié)",
+  "Chinese (Traditional)": "Chinois (Traditionnel)",
+  "Corsican": "Corse",
+  "Croatian": "Croate",
+  "Czech": "Tchèque",
+  "Danish": "Danois",
+  "Dutch": "Hollandais",
+  "Esperanto": "Espéranto",
+  "Estonian": "Estonien",
+  "Filipino": "Philippin",
+  "Finnish": "Finlandais",
+  "French": "Français",
+  "Galician": "Galicien",
+  "Georgian": "Géorgien",
+  "German": "Allemand",
+  "Greek": "Grec",
+  "Gujarati": "Gujarati",
+  "Haitian Creole": "Créole Haïtien",
+  "Hausa": "Haoussa",
+  "Hawaiian": "Hawaïen",
+  "Hebrew": "Hébraïque",
+  "Hindi": "Hindi",
+  "Hmong": "Hmong",
+  "Hungarian": "Hongrois",
+  "Icelandic": "Islandais",
+  "Igbo": "Igbo",
+  "Indonesian": "Indonésien",
+  "Irish": "Irlandais",
+  "Italian": "Italien",
+  "Japanese": "Japonais",
+  "Javanese": "Javanais",
+  "Kannada": "Kannada",
+  "Kazakh": "Kazakh",
+  "Khmer": "Khmer",
+  "Korean": "Coréen",
+  "Kurdish": "Kurde",
+  "Kyrgyz": "Kirghize",
+  "Lao": "Lao",
+  "Latin": "Latin",
+  "Latvian": "Letton",
+  "Lithuanian": "Lituanien",
+  "Luxembourgish": "Luxembourgeois",
+  "Macedonian": "Macédonien",
+  "Malagasy": "Malgache",
+  "Malay": "Malais",
+  "Malayalam": "Malayalam",
+  "Maltese": "Maltais",
+  "Maori": "Maori",
+  "Marathi": "Marathi",
+  "Mongolian": "Mongol",
+  "Nepali": "Népalais",
+  "Norwegian": "Norvégien",
+  "Nyanja": "Nyanja",
+  "Pashto": "Pachtou",
+  "Persian": "Persan",
+  "Polish": "Polonais",
+  "Portuguese": "Portugais",
+  "Punjabi": "Punjabi",
+  "Romanian": "Roumain",
+  "Russian": "Russe",
+  "Samoan": "Samoan",
+  "Scottish Gaelic": "Eaélique Ècossais",
+  "Serbian": "Serbe",
+  "Shona": "Shona",
+  "Sindhi": "Sindhi",
+  "Sinhala": "Cinghalais",
+  "Slovak": "Slovaque",
+  "Slovenian": "Slovène",
+  "Somali": "Somalien",
+  "Southern Sotho": "Sotho du Sud",
+  "Spanish": "Espagnol",
+  "Spanish (Latin America)": "Espagnol (Amérique latine)",
+  "Sundanese": "Sundanais",
+  "Swahili": "Swahili",
+  "Swedish": "Suédois",
+  "Tajik": "Tajik",
+  "Tamil": "Tamil",
+  "Telugu": "Telugu",
+  "Thai": "Thaï",
+  "Turkish": "Turc",
+  "Ukrainian": "Ukrainien",
+  "Urdu": "Ourdou",
+  "Uzbek": "Ouzbek",
+  "Vietnamese": "Vietnamien",
+  "Welsh": "Gallois",
+  "Western Frisian": "Frison occidental",
+  "Xhosa": "Xhosa",
+  "Yiddish": "Yiddish",
+  "Yoruba": "Yoruba",
+  "Zulu": "Zoulou",
+  "`x` years": "`x` ans",
+  "`x` months": "`x` mois",
+  "`x` weeks": "`x` semaines",
+  "`x` days": "`x` jours",
+  "`x` hours": "`x` heures",
+  "`x` minutes": "`x` minutes",
+  "`x` seconds": "`x` secondes",
+  "Fallback comments: ": "Commentaires secondaires : ",
+  "Popular": "Populaire",
+  "Top": "Top",
+  "About": "A Propos",
+  "Rating: ": "Évaluation : ",
+  "Language: ": "Langue : ",
+  "Default": "Défaut",
+  "Music": "Musique",
+  "Gaming": "Jeux Vidéo",
+  "News": "Actualités",
+  "Movies": "Films",
+  "Download": "Télécharger",
+  "Download as: ": "Télécharger en : ",
+  "%A %B %-d, %Y": "%A %-d %B %Y",
+  "(edited)": "(modifié)",
+  "Youtube permalink of the comment": "Lien YouTube permanent vers le commentaire",
+  "`x` marked it with a ❤": "`x` l'a marqué d'un ❤",
+  "Audio mode": "Mode Audio",
+  "Video mode": "Mode Vidéo"
+}

locales/it.json

@@ -0,0 +1,287 @@
+{
+  "`x` subscribers": "`x` iscritti",
+  "`x` videos": "`x` video",
+  "LIVE": "IN DIRETTA",
+  "Shared `x` ago": "Condiviso `x` fa",
+  "Unsubscribe": "Disiscriviti",
+  "Subscribe": "Iscriviti",
+  "Login to subscribe to `x`": "Accedi per iscriverti a `x`",
+  "View channel on YouTube": "Vedi canale su YouTube",
+  "newest": "Data di aggiunta (più recente)",
+  "oldest": "Data di aggiunta (più vecchia)",
+  "popular": "Tendenze",
+  "Next page": "Pagina successiva",
+  "Clear watch history?": "Sei sicuro di voler cancellare la cronologia dei video guardati?",
+  "Yes": "Si",
+  "No": "No",
+  "Import and Export Data": "Importazione ed esportazione dati",
+  "Import": "Importa",
+  "Import Invidious data": "Importa dati Invidious",
+  "Import YouTube subscriptions": "Importa le iscrizioni da YouTube",
+  "Import FreeTube subscriptions (.db)": "Importa le iscrizioni da FreeTube (.db)",
+  "Import NewPipe subscriptions (.json)": "Importa le iscrizioni da NewPipe (.json)",
+  "Import NewPipe data (.zip)": "Importa i dati di NewPipe (.zip)",
+  "Export": "Esporta",
+  "Export subscriptions as OPML": "Esporta gli abbonamenti come OPML",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Esporta gli abbonamenti come OPML (per NewPipe e FreeTube)",
+  "Export data as JSON": "Esporta i dati in formato JSON",
+  "Delete account?": "Sei sicuro di voler cancellare l'account?",
+  "History": "Cronologia",
+  "Previous page": "Pagina precedente",
+  "An alternative front-end to YouTube": "Un'interfaccia alternativa per YouTube",
+  "JavaScript license information": "Info licenze JavaScript",
+  "source": "sorgente",
+  "Login": "Entra",
+  "Login/Register": "Entra/Registrati",
+  "Login to Google": "Entra con Google",
+  "User ID:": "ID utente:",
+  "Password:": "Password:",
+  "Time (h:mm:ss):": "Orario (h:mm:ss):",
+  "Text CAPTCHA": "Testo del CAPTCHA",
+  "Image CAPTCHA": "Immagine CAPTCHA",
+  "Sign In": "Entra",
+  "Register": "Registrati",
+  "Email:": "Email:",
+  "Google verification code:": "Codice di verifica Google:",
+  "Preferences": "Preferenze",
+  "Player preferences": "Preferenze del riproduttore",
+  "Always loop: ": "Ripeti sempre: ",
+  "Autoplay: ": "Riproduzione automatica: ",
+  "Autoplay next video: ": "Riproduci automaticamente il prossimo video: ",
+  "Listen by default: ": "Modalità solo audio come predefinita: ",
+  "Default speed: ": "Velocità di riproduzione predefinita: ",
+  "Preferred video quality: ": "Preferenza sulla qualità video: ",
+  "Player volume: ": "Volume di riproduzione: ",
+  "Default comments: ": "Origine dei commenti: ",
+  "Default captions: ": "Sottotitoli predefiniti: ",
+  "Fallback captions: ": "Sottotitoli alternativi: ",
+  "Show related videos? ": "Mostra video correlati? ",
+  "Visual preferences": "Preferenze grafiche",
+  "Dark mode: ": "Tema scuro: ",
+  "Thin mode: ": "Modalità per connessioni lente: ",
+  "Subscription preferences": "Preferenze iscrizioni",
+  "Redirect homepage to feed: ": "Reindirizza la pagina principale a quella delle iscrizioni: ",
+  "Number of videos shown in feed: ": "Numero di video da mostrare nelle iscrizioni: ",
+  "Sort videos by: ": "Ordinare i video per: ",
+  "published": "data di pubblicazione",
+  "published - reverse": "data di pubblicazione - decrescente",
+  "alphabetically": "ordine alfabetico",
+  "alphabetically - reverse": "ordine alfabetico - decrescente",
+  "channel name": "nome del canale",
+  "channel name - reverse": "nome del canale - decrescente",
+  "Only show latest video from channel: ": "Mostra solo il video più recente del canale: ",
+  "Only show latest unwatched video from channel: ": "Mostra solo il video più recente non guardato del canale: ",
+  "Only show unwatched: ": "Mostra solo i video non guardati: ",
+  "Only show notifications (if there are any): ": "Mostra solo le notifiche (se presenti): ",
+  "Data preferences": "Preferenze dati",
+  "Clear watch history": "Cancella la cronologia dei video guardati",
+  "Import/Export data": "Importazione/esportazione dati",
+  "Manage subscriptions": "Gestisci le iscrizioni",
+  "Watch history": "Cronologia dei video",
+  "Delete account": "Elimina l'account",
+  "Administrator preferences": "",
+  "Default homepage: ": "",
+  "Feed menu: ": "",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "",
+  "Login enabled? ": "",
+  "Registration enabled? ": "",
+  "Report statistics? ": "",
+  "Save preferences": "Salva le preferenze",
+  "Subscription manager": "Gestisci le iscrizioni",
+  "`x` subscriptions": "`x` iscrizioni",
+  "Import/Export": "Importa/esporta",
+  "unsubscribe": "disiscriviti",
+  "Subscriptions": "Iscrizioni",
+  "`x` unseen notifications": "`x` notifiche non visualizzate",
+  "search": "Cerca",
+  "Sign out": "Esci",
+  "Released under the AGPLv3 by Omar Roth.": "Pubblicato con licenza AGPLv3 da Omar Roth.",
+  "Source available here.": "Codice sorgente.",
+  "View JavaScript license information.": "Guarda le informazioni di licenza del codice JavaScript.",
+  "Trending": "Tendenze",
+  "Watch video on Youtube": "Guarda il video su YouTube",
+  "Genre: ": "Genere: ",
+  "License: ": "Licenza: ",
+  "Family friendly? ": "Per tutti? ",
+  "Wilson score: ": "Punteggio di Wilson: ",
+  "Engagement: ": "Tasso di coinvolgimento: ",
+  "Whitelisted regions: ": "Regioni nella lista bianca: ",
+  "Blacklisted regions: ": "Regioni nella lista nera: ",
+  "Shared `x`": "Condiviso `x`",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "Ciao! Sembra che tu abbia disattivato JavaScript. Clicca qui per visualizzare i commenti. Considera che potrebbe volerci più tempo.",
+  "View YouTube comments": "Visualizza i commenti da YouTube",
+  "View more comments on Reddit": "Visualizza più commenti su Reddit",
+  "View `x` comments": "Visualizza `x` commenti",
+  "View Reddit comments": "Visualizza i commenti da Reddit",
+  "Hide replies": "Nascondi le risposte",
+  "Show replies": "Mostra le risposte",
+  "Incorrect password": "Password sbagliata",
+  "Quota exceeded, try again in a few hours": "Limite superato, prova di nuovo fra qualche ora",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "Impossibile autenticarsi, controlla che l'autenticazione in due passaggi (Authenticator o SMS) sia attiva.",
+  "Invalid TFA code": "Codice di autenticazione a due fattori non valido",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "Login fallito. L'errore potrebbe essere causato dal fatto che la verifica in due passaggi non è attiva sul tuo account.",
+  "Invalid answer": "Risposta errata",
+  "Invalid CAPTCHA": "CAPTCHA errato",
+  "CAPTCHA is a required field": "Il CAPTCHA è un campo obbligatorio",
+  "User ID is a required field": "L'ID utente è obbligatorio",
+  "Password is a required field": "La password è un campo obbligatorio",
+  "Invalid username or password": "Nome utente o password errati",
+  "Please sign in using 'Sign in with Google'": "Per favore accedi con \"Entra con Google\"",
+  "Password cannot be empty": "La password non può essere vuota",
+  "Password cannot be longer than 55 characters": "La password non può contenere più di 55 caratteri",
+  "Please sign in": "Per favore, entra",
+  "Invidious Private Feed for `x`": "Feed privato Invidious per `x`",
+  "channel:`x`": "canale:`x`",
+  "Deleted or invalid channel": "Canale cancellato o invalido",
+  "This channel does not exist.": "Canale inesistente.",
+  "Could not get channel info.": "Impossibile ottenere le informazioni del canale.",
+  "Could not fetch comments": "Impossibile recuperare i commenti",
+  "View `x` replies": "Visualizza `x` risposte",
+  "`x` ago": "`x` fa",
+  "Load more": "Carica altro",
+  "`x` points": "`x` punti",
+  "Could not create mix.": "Impossibile creare il mix.",
+  "Playlist is empty": "Playlist vuota",
+  "Invalid playlist.": "Playlist invalida.",
+  "Playlist does not exist.": "Playlist inesistente.",
+  "Could not pull trending pages.": "Impossibile recuperare le tendenze.",
+  "Hidden field \"challenge\" is a required field": "Il campo nascosto \"challenge\" è obbligatorio",
+  "Hidden field \"token\" is a required field": "Il campo nascosto \"token\" è obbligatorio",
+  "Invalid challenge": "Campo \"challenge\" invalido",
+  "Invalid token": "Campo \"token\" invalido",
+  "Invalid user": "Utente invalido",
+  "Token is expired, please try again": "Token scaduto, riprova",
+  "English": "Inglese",
+  "English (auto-generated)": "Inglese (generati automaticamente)",
+  "Afrikaans": "Afrikaans",
+  "Albanian": "Albanese",
+  "Amharic": "Amarico",
+  "Arabic": "Arabo",
+  "Armenian": "Armeno",
+  "Azerbaijani": "Azero",
+  "Bangla": "Bengalese",
+  "Basque": "Basco",
+  "Belarusian": "Biellorusso",
+  "Bosnian": "Bosniaco",
+  "Bulgarian": "Bulgaro",
+  "Burmese": "Birmano",
+  "Catalan": "Catalano",
+  "Cebuano": "Sugbuanon",
+  "Chinese (Simplified)": "Cinese semplifiato",
+  "Chinese (Traditional)": "Cinese tradizionale",
+  "Corsican": "Corso",
+  "Croatian": "Croato",
+  "Czech": "Ceco",
+  "Danish": "Danese",
+  "Dutch": "Olandese",
+  "Esperanto": "Esperanto",
+  "Estonian": "Estone",
+  "Filipino": "Filippino",
+  "Finnish": "Finlandese",
+  "French": "Francese",
+  "Galician": "Galiziano",
+  "Georgian": "Georgiano",
+  "German": "Tedesco",
+  "Greek": "Greco",
+  "Gujarati": "Gujarati",
+  "Haitian Creole": "Creolo haitiano",
+  "Hausa": "Lingua hausa",
+  "Hawaiian": "Hawaiano",
+  "Hebrew": "Ebreo",
+  "Hindi": "Hindi",
+  "Hmong": "Hmong",
+  "Hungarian": "Ungarese",
+  "Icelandic": "Islandese",
+  "Igbo": "Igbo",
+  "Indonesian": "Indonesiano",
+  "Irish": "Irlandese",
+  "Italian": "Italiano",
+  "Japanese": "Giapponese",
+  "Javanese": "Giavanese",
+  "Kannada": "Kannada",
+  "Kazakh": "Kazaco",
+  "Khmer": "Khmer",
+  "Korean": "Coreano",
+  "Kurdish": "Curdo",
+  "Kyrgyz": "Kirghize",
+  "Lao": "Lao",
+  "Latin": "Latino",
+  "Latvian": "Lettone",
+  "Lithuanian": "Lituano",
+  "Luxembourgish": "Lussemburghese",
+  "Macedonian": "Macedone",
+  "Malagasy": "Malgascio",
+  "Malay": "Malese",
+  "Malayalam": "Lingua malayalam",
+  "Maltese": "Maltese",
+  "Maori": "Maori",
+  "Marathi": "Marathi",
+  "Mongolian": "Mongolo",
+  "Nepali": "Nepalese",
+  "Norwegian": "Norvegese",
+  "Nyanja": "Nyanja",
+  "Pashto": "Lingua pashtu",
+  "Persian": "Persiano",
+  "Polish": "Polacco",
+  "Portuguese": "Portoghese",
+  "Punjabi": "Punjabi",
+  "Romanian": "Rumeno",
+  "Russian": "Russo",
+  "Samoan": "Samoan",
+  "Scottish Gaelic": "Gaelico scozzese",
+  "Serbian": "Serbo",
+  "Shona": "Shona",
+  "Sindhi": "Sindhi",
+  "Sinhala": "Cingalese",
+  "Slovak": "Slovacco",
+  "Slovenian": "Sloveno",
+  "Somali": "Somalo",
+  "Southern Sotho": "Sotho del Sud",
+  "Spanish": "Spagnolo",
+  "Spanish (Latin America)": "Spagnolo (America latina)",
+  "Sundanese": "Sudanese",
+  "Swahili": "Swahili",
+  "Swedish": "Svedese",
+  "Tajik": "Tajik",
+  "Tamil": "Tamil",
+  "Telugu": "Telugu",
+  "Thai": "Thaï",
+  "Turkish": "Turco",
+  "Ukrainian": "Ucraino",
+  "Urdu": "Urdu",
+  "Uzbek": "Uzbeco",
+  "Vietnamese": "Vietnamese",
+  "Welsh": "Gallese",
+  "Western Frisian": "Frisone occidentale",
+  "Xhosa": "Xhosa",
+  "Yiddish": "Yiddish",
+  "Yoruba": "Yoruba",
+  "Zulu": "Zulu",
+  "`x` years": "`x` anni",
+  "`x` months": "`x` mesi",
+  "`x` weeks": "`x` settimane",
+  "`x` days": "`x` giorni",
+  "`x` hours": "`x` ore",
+  "`x` minutes": "`x` minuti",
+  "`x` seconds": "`x` secondi",
+  "Fallback comments: ": "Commenti alternativi: ",
+  "Popular": "Popolare",
+  "Top": "Top",
+  "About": "A proposito",
+  "Rating: ": "Punteggio: ",
+  "Language: ": "Lingua: ",
+  "Default": "Predefinito",
+  "Music": "Musica",
+  "Gaming": "Videogiochi",
+  "News": "Notizie",
+  "Movies": "Film",
+  "Download": "Scarica",
+  "Download as: ": "Scarica come: ",
+  "%A %B %-d, %Y": "%A %-d %B %Y",
+  "(edited)": "(modificato)",
+  "Youtube permalink of the comment": "Link permanente al commento di YouTube",
+  "`x` marked it with a ❤": "`x` l'ha contrassegnato con un ❤",
+  "Audio mode": "Modalità audio",
+  "Video mode": "Modalità video"
+}

locales/nb_NO.json

@@ -0,0 +1,288 @@
+{
+  "`x` subscribers": "`x` abonnenter",
+  "`x` videos": "`x` videoer",
+  "LIVE": "SANNTIDSVISNING",
+  "Shared `x` ago": "Delt for `x` siden",
+  "Unsubscribe": "Opphev abonnement",
+  "Subscribe": "Abonner",
+  "Login to subscribe to `x`": "Logg inn for å abonnere på `x`",
+  "View channel on YouTube": "Vis kanal på YouTube",
+  "newest": "nyeste",
+  "oldest": "eldste",
+  "popular": "populært",
+  "Preview page": "Forhåndsvis side",
+  "Next page": "Neste side",
+  "Clear watch history?": "Tøm visningshistorikk?",
+  "Yes": "Ja",
+  "No": "Nei",
+  "Import and Export Data": "Importer- og eksporter data",
+  "Import": "Importer",
+  "Import Invidious data": "Importer Invidious-data",
+  "Import YouTube subscriptions": "Importer YouTube-abonnenter",
+  "Import FreeTube subscriptions (.db)": "Importer FreeTube-abonnenter (.db)",
+  "Import NewPipe subscriptions (.json)": "Importer NewPipe-abonnenter (.json)",
+  "Import NewPipe data (.zip)": "Importer NewPipe-data (.zip)",
+  "Export": "Eksporter",
+  "Export subscriptions as OPML": "Eksporter abonnenter som OPML",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Eksporter abonnenter som OPML (for NewPipe og FreeTube)",
+  "Export data as JSON": "Eksporter data som JSON",
+  "Delete account?": "Slett konto?",
+  "History": "Historikk",
+  "Previous page": "Forrige side",
+  "An alternative front-end to YouTube": "En alternativ grenseflate for YouTube",
+  "JavaScript license information": "JavaScript-lisensinformasjon",
+  "source": "kilde",
+  "Login": "Logg inn",
+  "Login/Register": "Logg inn/registrer",
+  "Login to Google": "Logg inn med Google",
+  "User ID:": "Bruker-ID:",
+  "Password:": "Passord:",
+  "Time (h:mm:ss):": "Tid (h:mm:ss):",
+  "Text CAPTCHA": "Tekst-CAPTCHA",
+  "Image CAPTCHA": "Bilde-CAPTCHA",
+  "Sign In": "Innlogging",
+  "Register": "Registrer",
+  "Email:": "E-post:",
+  "Google verification code:": "Google-bekreftelseskode:",
+  "Preferences": "Innstillinger",
+  "Player preferences": "Avspillerinnstillinger",
+  "Always loop: ": "Alltid gjenta: ",
+  "Autoplay: ": "Autoavspilling: ",
+  "Autoplay next video: ": "Autospill neste video: ",
+  "Listen by default: ": "Lytt som forvalg: ",
+  "Default speed: ": "Forvalgt hastighet: ",
+  "Preferred video quality: ": "Foretrukket videokvalitet: ",
+  "Player volume: ": "Avspillerlydstyrke: ",
+  "Default comments: ": "Forvalgte kommentarer: ",
+  "Default captions: ": "Forvalgte undertitler: ",
+  "Fallback captions: ": "Tilbakefallsundertitler: ",
+  "Show related videos? ": "Vis relaterte videoer? ",
+  "Visual preferences": "Visuelle innstillinger",
+  "Dark mode: ": "Mørk drakt: ",
+  "Thin mode: ": "Tynt modus: ",
+  "Subscription preferences": "Abonnementsinnstillinger",
+  "Redirect homepage to feed: ": "Videresend hjemmeside til flyt: ",
+  "Number of videos shown in feed: ": "Antall videoer å vise i flyt: ",
+  "Sort videos by: ": "Sorter videoer etter: ",
+  "published": "publisert",
+  "published - reverse": "publisert - motsatt",
+  "alphabetically": "alfabetisk",
+  "alphabetically - reverse": "alfabetisk - motsatt",
+  "channel name": "kanalnavn",
+  "channel name - reverse": "kanalnavn - motsatt",
+  "Only show latest video from channel: ": "Kun vis siste video fra kanal: ",
+  "Only show latest unwatched video from channel: ": "Kun vis siste usette video fra kanal: ",
+  "Only show unwatched: ": "Kun vis usette: ",
+  "Only show notifications (if there are any): ": "Kun vis merknader (hvis det er noen): ",
+  "Data preferences": "Datainnstillinger",
+  "Clear watch history": "Tøm visningshistorikk",
+  "Import/Export data": "Importer/eksporter data",
+  "Manage subscriptions": "Behandle abonnementer",
+  "Watch history": "Visningshistorikk",
+  "Delete account": "Slett konto",
+  "Administrator preferences": "Administratorinnstillinger",
+  "Default homepage: ": "Forvalgt hjemmeside: ",
+  "Feed menu: ": "Flyt-meny: ",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "CAPTCHA påskrudd? ",
+  "Login enabled? ": "Innlogging påskrudd? ",
+  "Registration enabled? ": "Registrering påskrudd? ",
+  "Report statistics? ": "",
+  "Save preferences": "Lagre innstillinger",
+  "Subscription manager": "Abonnementsbehandler",
+  "`x` subscriptions": "`x` abonnementer",
+  "Import/Export": "Importer/eksporter",
+  "unsubscribe": "opphev abonnement",
+  "Subscriptions": "Abonnement",
+  "`x` unseen notifications": "`x` usette merknader",
+  "search": "søk",
+  "Sign out": "Logg ut",
+  "Released under the AGPLv3 by Omar Roth.": "Utgitt med AGPLv3+lisens av Omar Roth.",
+  "Source available here.": "Kildekode tilgjengelig her.",
+  "View JavaScript license information.": "Vis JavaScript-lisensinfo.",
+  "Trending": "Trendsettende",
+  "Watch video on Youtube": "Vis video på YouTube",
+  "Genre: ": "Sjanger: ",
+  "License: ": "Lisens: ",
+  "Family friendly? ": "Familievennlig? ",
+  "Wilson score: ": "Wilson-poengsum: ",
+  "Engagement: ": "Engasjement: ",
+  "Whitelisted regions: ": "Hvitlistede regioner: ",
+  "Blacklisted regions: ": "Svartelistede regioner: ",
+  "Shared `x`": "Delt `x`",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "Hei. Det ser ut til at du har JavaScript avslått. Klikk her for å vise kommentarer, ha i minnet at innlasting tar lengre tid.",
+  "View YouTube comments": "Vis YouTube-kommentarer",
+  "View more comments on Reddit": "Vis flere kommenterer på Reddit",
+  "View `x` comments": "Vis `x` kommentarer",
+  "View Reddit comments": "Vis Reddit-kommentarer",
+  "Hide replies": "Skjul svar",
+  "Show replies": "Vis svar",
+  "Incorrect password": "Feil passord",
+  "Quota exceeded, try again in a few hours": "Kvote overskredet, prøv igjen om et par timer",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "Kunne ikke logge inn, forsikre deg om at tofaktor-identitetsbekreftelse (Authenticator eller SMS) er skrudd på.",
+  "Invalid TFA code": "Ugyldig tofaktorkode",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "Innlogging mislyktes. Dette kan være fordi tofaktor-identitetsbekreftelse er skrudd av på kontoen din.",
+  "Invalid answer": "Ugyldig svar",
+  "Invalid CAPTCHA": "Ugyldig CAPTCHA",
+  "CAPTCHA is a required field": "CAPTCHA er et påkrevd felt",
+  "User ID is a required field": "Bruker-ID er et påkrevd felt",
+  "Password is a required field": "Passord er et påkrevd felt",
+  "Invalid username or password": "Ugyldig brukernavn eller passord",
+  "Please sign in using 'Sign in with Google'": "Logg inn ved bruk av \"Google-innlogging\"",
+  "Password cannot be empty": "Passordet kan ikke være tomt",
+  "Password cannot be longer than 55 characters": "Passordet kan ikke være lengre enn 55 tegn",
+  "Please sign in": "Logg inn",
+  "Invidious Private Feed for `x`": "Ugyldig privat flyt for `x`",
+  "channel:`x`": "kanal `x`",
+  "Deleted or invalid channel": "Slettet eller ugyldig kanal",
+  "This channel does not exist.": "Denne kanalen finnes ikke.",
+  "Could not get channel info.": "Kunne ikke innhente kanalinfo.",
+  "Could not fetch comments": "Kunne ikke hente kommentarer",
+  "View `x` replies": "Vis `x` svar",
+  "`x` ago": "`x` siden",
+  "Load more": "Last inn flere",
+  "`x` points": "`x` poeng",
+  "Could not create mix.": "Kunne ikke opprette miks.",
+  "Playlist is empty": "Spillelisten er tom",
+  "Invalid playlist.": "Ugyldig spilleliste.",
+  "Playlist does not exist.": "Spillelisten finnes ikke.",
+  "Could not pull trending pages.": "Kunne ikke hente trendsettende sider.",
+  "Hidden field \"challenge\" is a required field": "Skjult felt \"utfordring\" er et påkrevd felt",
+  "Hidden field \"token\" is a required field": "Skjult felt \"symbol\" er et påkrevd felt",
+  "Invalid challenge": "Ugyldig utfordring",
+  "Invalid token": "Ugyldig symbol",
+  "Invalid user": "Ugyldig bruker",
+  "Token is expired, please try again": "Symbol utløpt, prøv igjen",
+  "English": "Engelsk",
+  "English (auto-generated)": "Engelsk (auto-generert)",
+  "Afrikaans": "",
+  "Albanian": "Albansk",
+  "Amharic": "",
+  "Arabic": "Arabisk",
+  "Armenian": "Armensk",
+  "Azerbaijani": "",
+  "Bangla": "",
+  "Basque": "",
+  "Belarusian": "Hviterussisk",
+  "Bosnian": "Bosnisk",
+  "Bulgarian": "Bulgarsk",
+  "Burmese": "Burmesisk",
+  "Catalan": "Katalansk",
+  "Cebuano": "",
+  "Chinese (Simplified)": "",
+  "Chinese (Traditional)": "",
+  "Corsican": "",
+  "Croatian": "",
+  "Czech": "Tsjekkisk",
+  "Danish": "Dansk",
+  "Dutch": "",
+  "Esperanto": "Esperanto",
+  "Estonian": "",
+  "Filipino": "",
+  "Finnish": "Finsk",
+  "French": "Fransk",
+  "Galician": "",
+  "Georgian": "",
+  "German": "",
+  "Greek": "",
+  "Gujarati": "",
+  "Haitian Creole": "",
+  "Hausa": "",
+  "Hawaiian": "",
+  "Hebrew": "",
+  "Hindi": "",
+  "Hmong": "",
+  "Hungarian": "Ungarsk",
+  "Icelandic": "Islandsk",
+  "Igbo": "",
+  "Indonesian": "Indonesisk",
+  "Irish": "Irsk",
+  "Italian": "Italiensk",
+  "Japanese": "Japansk",
+  "Javanese": "",
+  "Kannada": "",
+  "Kazakh": "",
+  "Khmer": "",
+  "Korean": "",
+  "Kurdish": "",
+  "Kyrgyz": "",
+  "Lao": "",
+  "Latin": "",
+  "Latvian": "",
+  "Lithuanian": "",
+  "Luxembourgish": "",
+  "Macedonian": "",
+  "Malagasy": "",
+  "Malay": "",
+  "Malayalam": "",
+  "Maltese": "",
+  "Maori": "",
+  "Marathi": "",
+  "Mongolian": "",
+  "Nepali": "",
+  "Norwegian": "Norsk bokmål",
+  "Nyanja": "",
+  "Pashto": "",
+  "Persian": "",
+  "Polish": "",
+  "Portuguese": "",
+  "Punjabi": "",
+  "Romanian": "",
+  "Russian": "Russisk",
+  "Samoan": "",
+  "Scottish Gaelic": "",
+  "Serbian": "Serbisk",
+  "Shona": "",
+  "Sindhi": "",
+  "Sinhala": "",
+  "Slovak": "Slovakisk",
+  "Slovenian": "Slovensk",
+  "Somali": "Somali",
+  "Southern Sotho": "",
+  "Spanish": "Spansk",
+  "Spanish (Latin America)": "",
+  "Sundanese": "",
+  "Swahili": "",
+  "Swedish": "Svensk",
+  "Tajik": "",
+  "Tamil": "",
+  "Telugu": "",
+  "Thai": "",
+  "Turkish": "Tyrkisk",
+  "Ukrainian": "Ukrainsk",
+  "Urdu": "",
+  "Uzbek": "",
+  "Vietnamese": "Vietnamesisk",
+  "Welsh": "",
+  "Western Frisian": "",
+  "Xhosa": "",
+  "Yiddish": "",
+  "Yoruba": "",
+  "Zulu": "",
+  "`x` years": "`x` år",
+  "`x` months": "`x` måneder",
+  "`x` weeks": "`x` uker",
+  "`x` days": "`x` dager",
+  "`x` hours": "`x` timer",
+  "`x` minutes": "`x` minutter",
+  "`x` seconds": "`x` sekunder",
+  "Fallback comments: ": "Tilbakefallskommentarer: ",
+  "Popular": "Pupulært",
+  "Top": "Topp",
+  "About": "Om",
+  "Rating: ": "Vurdering: ",
+  "Language: ": "Språk: ",
+  "Default": "Forvalg",
+  "Music": "Musikk",
+  "Gaming": "Spill",
+  "News": "Nyheter",
+  "Movies": "Filmer",
+  "Download": "Last ned",
+  "Download as: ": "Last ned som: ",
+  "%A %B %-d, %Y": "",
+  "(edited)": "(redigert)",
+  "Youtube permalink of the comment": "Permanent YouTube-lenke til innholdet",
+  "`x` marked it with a ❤": "`x` levnet et ❤",
+  "Audio mode": "Lydmodus",
+  "Video mode": "Video-modus"
+}

locales/nl.json

@@ -0,0 +1,288 @@
+{
+  "`x` subscribers": "`x` abonnees",
+  "`x` videos": "`x` videos",
+  "LIVE": "LIVE",
+  "Shared `x` ago": "Gedeeld `x` geleden",
+  "Unsubscribe": "Abonnement opzeggen",
+  "Subscribe": "Abonneren",
+  "Login to subscribe to `x`": "Log in om te abonneren op `x`",
+  "View channel on YouTube": "Bekijk kanaal op Youtube",
+  "newest": "nieuwste",
+  "oldest": "oudste",
+  "popular": "populair",
+  "Preview page": "Pagina voorvertonen",
+  "Next page": "Volgende pagina",
+  "Clear watch history?": "Kijk geschiedenis wissen?",
+  "Yes": "Ja",
+  "No": "Nee",
+  "Import and Export Data": "Importeer en Exporteer Gegevens",
+  "Import": "Importeren",
+  "Import Invidious data": "Importeer Invidious gegevens",
+  "Import YouTube subscriptions": "Importeer Youtube abonnees",
+  "Import FreeTube subscriptions (.db)": "Importeer FreeTube abonnees (.db)",
+  "Import NewPipe subscriptions (.json)": "Importeer NewPipe abonnees (.json)",
+  "Import NewPipe data (.zip)": "Importeer NewPipe gegevens (.zip)",
+  "Export": "Exporteren",
+  "Export subscriptions as OPML": "Exporteer abonnees als OPML",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Exporteer abonnees als OPML (voor NewPipe & FreeTube)",
+  "Export data as JSON": "Exporteer gegevens als JSON",
+  "Delete account?": "Verwijder account?",
+  "History": "Geschiedenis",
+  "Previous page": "Vorige pagina",
+  "An alternative front-end to YouTube": "Een alternatieve front-end voor YouTube",
+  "JavaScript license information": "JavaScript licentie informatie",
+  "source": "bron",
+  "Login": "Inloggen",
+  "Login/Register": "Inloggen/Registreren",
+  "Login to Google": "Inloggen op Google",
+  "User ID:": "Gebruiker ID:",
+  "Password:": "Wachtwoord:",
+  "Time (h:mm:ss):": "Tijd (h:mm:ss):",
+  "Text CAPTCHA": "Tekst CAPTCHA",
+  "Image CAPTCHA": "Afbeelding CAPTCHA",
+  "Sign In": "Aanmelden",
+  "Register": "Registreren",
+  "Email:": "Email:",
+  "Google verification code:": "Google verificatie code:",
+  "Preferences": "Voorkeuren",
+  "Player preferences": "Afspeler voorkeuren",
+  "Always loop: ": "Altijd herhalen: ",
+  "Autoplay: ": "Automatisch afspelen: ",
+  "Autoplay next video: ": "Automatisch volgende video afspelen: ",
+  "Listen by default: ": "Standaard luisteren: ",
+  "Default speed: ": "Standaard snelheid: ",
+  "Preferred video quality: ": "Video kwaliteit voorkeur: ",
+  "Player volume: ": "Afspeler volume: ",
+  "Default comments: ": "Standaard reacties: ",
+  "Default captions: ": "Standaard ondertitels: ",
+  "Fallback captions: ": "Alternatieve ondertitels: ",
+  "Show related videos? ": "Laat gerelateerde videos zien? ",
+  "Visual preferences": "Visuele voorkeuren",
+  "Dark mode: ": "Donkere modus: ",
+  "Thin mode: ": "Smalle modus: ",
+  "Subscription preferences": "Abonnement voorkeuren",
+  "Redirect homepage to feed: ": "Startpagina omleiden naar feed: ",
+  "Number of videos shown in feed: ": "Aantal videos te zien in feed: ",
+  "Sort videos by: ": "Sorteer videos op: ",
+  "published": "gepubliceerd",
+  "published - reverse": "gepubliceerd - omgekeerd",
+  "alphabetically": "alfabetische volgorde",
+  "alphabetically - reverse": "alfabetisch - omgekeerd",
+  "channel name": "kanaal naam",
+  "channel name - reverse": "kanaal naam - omgekeerd",
+  "Only show latest video from channel: ": "Laat alleen laatste video van kanaal zien: ",
+  "Only show latest unwatched video from channel: ": "Laat alleen de laatste onbekeken video zien van kanaal: ",
+  "Only show unwatched: ": "Laat alleen onbekeken videos zien: ",
+  "Only show notifications (if there are any): ": "Laat alleen notificaties zien (als die er zijn): ",
+  "Data preferences": "Gegevens voorkeuren",
+  "Clear watch history": "Kijkgeschiedenis wissen",
+  "Import/Export data": "Importeer/Exporteer gegevens",
+  "Manage subscriptions": "Abonnees beheren",
+  "Watch history": "Kijkgeschiedenis",
+  "Delete account": "Account verwijderen",
+  "Administrator preferences": "",
+  "Default homepage: ": "",
+  "Feed menu: ": "",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "",
+  "Login enabled? ": "",
+  "Registration enabled? ": "",
+  "Report statistics? ": "",
+  "Save preferences": "Opslaan voorkeuren",
+  "Subscription manager": "Abonnees beheerder",
+  "`x` subscriptions": "`x` abonnees",
+  "Import/Export": "Importeer/Exporteer",
+  "unsubscribe": "abonnement opzeggen",
+  "Subscriptions": "Abonnees",
+  "`x` unseen notifications": "`x` onbekeken notificaties",
+  "search": "zoeken",
+  "Sign out": "Afmelden",
+  "Released under the AGPLv3 by Omar Roth.": "Uitgegeven onder AGPLv3 door Omar Roth.",
+  "Source available here.": "Bron beschikbaar hier.",
+  "View JavaScript license information.": "Bekijk JavaScript licentie informatie.",
+  "Trending": "Trending",
+  "Watch video on Youtube": "Bekijk video op Youtube",
+  "Genre: ": "Genre: ",
+  "License: ": "Licentie: ",
+  "Family friendly? ": "Gezinsvriendelijk? ",
+  "Wilson score: ": "Wilson score: ",
+  "Engagement: ": "Betrokkenheid: ",
+  "Whitelisted regions: ": "Toegestane regio's: ",
+  "Blacklisted regions: ": "Geblokkeerde regio's: ",
+  "Shared `x`": "`x` gedeeld",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "Hoi! Het lijkt erop dat je JavaScript uit hebt staan. Klik hier om de reacties te bekijken, hou er rekening mee dat het wat langer duurt om te laden.",
+  "View YouTube comments": "Bekijk YouTube reacties",
+  "View more comments on Reddit": "Bekijk meer reacties op Reddit",
+  "View `x` comments": "`x` reacties zien",
+  "View Reddit comments": "Bekijk Reddit reacties",
+  "Hide replies": "Verberg antwoorden",
+  "Show replies": "Laat antwoorden zien",
+  "Incorrect password": "Onjuist wachtwoord",
+  "Quota exceeded, try again in a few hours": "Quota overschreden, probeer het over een paar uur opnieuw",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "Niet in staat om in te loggen, zorg ervoor dat two-factor authentication (Authenticator of SMS) is ingeschakeld.",
+  "Invalid TFA code": "Onjuiste TFA code",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "Aanmelden mislukt. Dit kan zijn omdat two-factor authentication niet is ingeschakeld voor uw account.",
+  "Invalid answer": "Onjuist antwoord",
+  "Invalid CAPTCHA": "Onjuiste CAPTCHA",
+  "CAPTCHA is a required field": "CAPTCHA is een vereist veld",
+  "User ID is a required field": "Gebruiker ID is een vereist veld",
+  "Password is a required field": "Wachtwoord is een vereist veld",
+  "Invalid username or password": "Ongeldige gebruikersnaam of wachtwoord",
+  "Please sign in using 'Sign in with Google'": "Meld u aan met 'Aanmelden met Google'",
+  "Password cannot be empty": "Wachtwoord mag niet leeg zijn",
+  "Password cannot be longer than 55 characters": "Wachtwoord mag niet langer dan 55 tekens zijn",
+  "Please sign in": "Meld u aan",
+  "Invidious Private Feed for `x`": "Invidious Privé Feed voor `x`",
+  "channel:`x`": "kanaal:`x`",
+  "Deleted or invalid channel": "Verwijderd of ongeldig kanaal",
+  "This channel does not exist.": "Dit kanaal bestaat niet.",
+  "Could not get channel info.": "Kan kanaal informatie niet verkrijgen.",
+  "Could not fetch comments": "Kan reacties niet verkrijgen",
+  "View `x` replies": "`x` antwoorden zien",
+  "`x` ago": "`x` geleden",
+  "Load more": "Meer laden",
+  "`x` points": "`x` punten",
+  "Could not create mix.": "Kon mix niet maken.",
+  "Playlist is empty": "Afspeellijst is leeg",
+  "Invalid playlist.": "Ongeldige afspeellijst.",
+  "Playlist does not exist.": "Afspeellijst bestaat niet.",
+  "Could not pull trending pages.": "Kon trending paginas niet verkrijgen.",
+  "Hidden field \"challenge\" is a required field": "Verborgen veld \"uitdaging\" is een vereist veld",
+  "Hidden field \"token\" is a required field": "Verborgen veld \"token\" is een vereist veld",
+  "Invalid challenge": "Ongeldige uitdaging",
+  "Invalid token": "Ongeldige token",
+  "Invalid user": "Ongeldige gebruiker",
+  "Token is expired, please try again": "Token is verlopen, probeer het opnieuw",
+  "English": "",
+  "English (auto-generated)": "",
+  "Afrikaans": "",
+  "Albanian": "",
+  "Amharic": "",
+  "Arabic": "",
+  "Armenian": "",
+  "Azerbaijani": "",
+  "Bangla": "",
+  "Basque": "",
+  "Belarusian": "",
+  "Bosnian": "",
+  "Bulgarian": "",
+  "Burmese": "",
+  "Catalan": "",
+  "Cebuano": "",
+  "Chinese (Simplified)": "",
+  "Chinese (Traditional)": "",
+  "Corsican": "",
+  "Croatian": "",
+  "Czech": "",
+  "Danish": "",
+  "Dutch": "",
+  "Esperanto": "",
+  "Estonian": "",
+  "Filipino": "",
+  "Finnish": "",
+  "French": "",
+  "Galician": "",
+  "Georgian": "",
+  "German": "",
+  "Greek": "",
+  "Gujarati": "",
+  "Haitian Creole": "",
+  "Hausa": "",
+  "Hawaiian": "",
+  "Hebrew": "",
+  "Hindi": "",
+  "Hmong": "",
+  "Hungarian": "",
+  "Icelandic": "",
+  "Igbo": "",
+  "Indonesian": "",
+  "Irish": "",
+  "Italian": "",
+  "Japanese": "",
+  "Javanese": "",
+  "Kannada": "",
+  "Kazakh": "",
+  "Khmer": "",
+  "Korean": "",
+  "Kurdish": "",
+  "Kyrgyz": "",
+  "Lao": "",
+  "Latin": "",
+  "Latvian": "",
+  "Lithuanian": "",
+  "Luxembourgish": "",
+  "Macedonian": "",
+  "Malagasy": "",
+  "Malay": "",
+  "Malayalam": "",
+  "Maltese": "",
+  "Maori": "",
+  "Marathi": "",
+  "Mongolian": "",
+  "Nepali": "",
+  "Norwegian": "",
+  "Nyanja": "",
+  "Pashto": "",
+  "Persian": "",
+  "Polish": "",
+  "Portuguese": "",
+  "Punjabi": "",
+  "Romanian": "",
+  "Russian": "",
+  "Samoan": "",
+  "Scottish Gaelic": "",
+  "Serbian": "",
+  "Shona": "",
+  "Sindhi": "",
+  "Sinhala": "",
+  "Slovak": "",
+  "Slovenian": "",
+  "Somali": "",
+  "Southern Sotho": "",
+  "Spanish": "",
+  "Spanish (Latin America)": "",
+  "Sundanese": "",
+  "Swahili": "",
+  "Swedish": "",
+  "Tajik": "",
+  "Tamil": "",
+  "Telugu": "",
+  "Thai": "",
+  "Turkish": "",
+  "Ukrainian": "",
+  "Urdu": "",
+  "Uzbek": "",
+  "Vietnamese": "",
+  "Welsh": "",
+  "Western Frisian": "",
+  "Xhosa": "",
+  "Yiddish": "",
+  "Yoruba": "",
+  "Zulu": "",
+  "`x` years": "`x` jaar",
+  "`x` months": "`x` maanden",
+  "`x` weeks": "`x` weken",
+  "`x` days": "`x` dagen",
+  "`x` hours": "`x` uur",
+  "`x` minutes": "`x` minuten",
+  "`x` seconds": "`x` seconden",
+  "Fallback comments: ": "",
+  "Popular": "",
+  "Top": "",
+  "About": "",
+  "Rating: ": "",
+  "Language: ": "",
+  "Default": "",
+  "Music": "",
+  "Gaming": "",
+  "News": "",
+  "Movies": "",
+  "Download": "",
+  "Download as: ": "",
+  "%A %B %-d, %Y": "",
+  "(edited)": "",
+  "Youtube permalink of the comment": "",
+  "`x` marked it with a ❤": "",
+  "Audio mode": "",
+  "Video mode": ""
+}

locales/pl.json

@@ -0,0 +1,288 @@
+{
+  "`x` subscribers": "`x` subskrybcji",
+  "`x` videos": "`x` filmów",
+  "LIVE": "NA ŻYWO",
+  "Shared `x` ago": "Udostępniono `x` temu",
+  "Unsubscribe": "Odsubskrybuj",
+  "Subscribe": "Subskrybuj",
+  "Login to subscribe to `x`": "Zaloguj się, aby subskrybować `x`",
+  "View channel on YouTube": "Wyświetl kanał na YouTube",
+  "newest": "najnowsze",
+  "oldest": "najstarsze",
+  "popular": "popularne",
+  "Preview page": "Podgląd strony",
+  "Next page": "Następna strona",
+  "Clear watch history?": "Wyczyścić historię?",
+  "Yes": "Tak",
+  "No": "Nie",
+  "Import and Export Data": "Import i eksport danych",
+  "Import": "Import",
+  "Import Invidious data": "Importuj dane Invidious",
+  "Import YouTube subscriptions": "Importuj subskrybcje z YouTube",
+  "Import FreeTube subscriptions (.db)": "Importuj subskrybcje z FreeTube (.db)",
+  "Import NewPipe subscriptions (.json)": "Importuj subskrybcje z NewPipe (.json)",
+  "Import NewPipe data (.zip)": "Importuj dane NewPipe (.zip)",
+  "Export": "Eksport",
+  "Export subscriptions as OPML": "Eksportuj subskrybcje jako OPML",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Eksportuj subskrybcje jako OPML (dla NewPipe i FreeTube)",
+  "Export data as JSON": "Eksportuj dane jako JSON",
+  "Delete account?": "Usunąć konto?",
+  "History": "Historia",
+  "Previous page": "Poprzednia strona",
+  "An alternative front-end to YouTube": "Alternatywny front-end dla YouTube",
+  "JavaScript license information": "Informacja o licencji JavaScript",
+  "source": "źródło",
+  "Login": "Zaloguj",
+  "Login/Register": "Zaloguj/Zarejestruj",
+  "Login to Google": "Zaloguj do Google",
+  "User ID:": "ID użytkownika:",
+  "Password:": "Hasło:",
+  "Time (h:mm:ss):": "Godzina (h:mm:ss):",
+  "Text CAPTCHA": "Tekst CAPTCHA",
+  "Image CAPTCHA": "Obraz CAPTCHA",
+  "Sign In": "Zaloguj się",
+  "Register": "Zarejestruj się",
+  "Email:": "Email:",
+  "Google verification code:": "Kod weryfikacyjny Google:",
+  "Preferences": "Preferencje",
+  "Player preferences": "Ustawienia odtwarzacza",
+  "Always loop: ": "Zawsze zapętlaj: ",
+  "Autoplay: ": "Autoodtwarzanie: ",
+  "Autoplay next video: ": "Odtwórz następny film: ",
+  "Listen by default: ": "Tryb dźwiękowy: ",
+  "Default speed: ": "Domyślna prędkość: ",
+  "Preferred video quality: ": "Preferowana jakość filmów: ",
+  "Player volume: ": "Głośność odtwarzacza: ",
+  "Default comments: ": "Domyślne komentarze: ",
+  "Default captions: ": "Domyślne napisy: ",
+  "Fallback captions: ": "Rezerwowe napisy: ",
+  "Show related videos? ": "Pokaż powiązane filmy? ",
+  "Visual preferences": "Preferencje Wizualne",
+  "Dark mode: ": "Ciemny motyw: ",
+  "Thin mode: ": "Tryb minimalny: ",
+  "Subscription preferences": "Preferencje subskrybcji",
+  "Redirect homepage to feed: ": "Przekieruj stronę główną do subskrybcji: ",
+  "Number of videos shown in feed: ": "Liczba filmów widoczna na stronie subskrybcji: ",
+  "Sort videos by: ": "Sortuj filmy po: ",
+  "published": "czasie publikacji",
+  "published - reverse": "czasie publikacji od najstarszych",
+  "alphabetically": "alfabetycznie",
+  "alphabetically - reverse": "alfabetycznie od tyłu",
+  "channel name": "nazwie kanału",
+  "channel name - reverse": "nazwie kanału od tyłu",
+  "Only show latest video from channel: ": "Pokazuj tylko najnowszy film z kanału: ",
+  "Only show latest unwatched video from channel: ": "Pokazuj tylko najnowszy nie obejrzany film z kanału: ",
+  "Only show unwatched: ": "Pokazuj tylko nie obejrzane: ",
+  "Only show notifications (if there are any): ": "Pokazuj tylko powiadomienia (jeśli są): ",
+  "Data preferences": "Preferencje danych",
+  "Clear watch history": "Wyczyść historię",
+  "Import/Export data": "Import/Eksport danych",
+  "Manage subscriptions": "Organizuj subskrybcje",
+  "Watch history": "Historia",
+  "Delete account": "Usuń konto",
+  "Administrator preferences": "",
+  "Default homepage: ": "",
+  "Feed menu: ": "",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "",
+  "Login enabled? ": "",
+  "Registration enabled? ": "",
+  "Report statistics? ": "",
+  "Save preferences": "Zapisz preferencje",
+  "Subscription manager": "Manager subskrybcji",
+  "`x` subscriptions": "`x` subskrybcji",
+  "Import/Export": "Import/Eksport",
+  "unsubscribe": "odsubskrybuj",
+  "Subscriptions": "Subskrybcje",
+  "`x` unseen notifications": "`x` niewidzianych powiadomień",
+  "search": "szukaj",
+  "Sign out": "Wyloguj",
+  "Released under the AGPLv3 by Omar Roth.": "Wydano na licencji AGPLv3 przez Omar Roth.",
+  "Source available here.": "Kod źródłowy dostępny tutaj.",
+  "View JavaScript license information.": "Wyświetl informację o licencji JavaScript.",
+  "Trending": "Na czasie",
+  "Watch video on Youtube": "Zobacz film na YouTube",
+  "Genre: ": "Gatunek: ",
+  "License: ": "Licencja: ",
+  "Family friendly? ": "Przyjazny rodzinie? ",
+  "Wilson score: ": "Punktacja Wilsona: ",
+  "Engagement: ": "Zaangażowanie: ",
+  "Whitelisted regions: ": "Dostępny na obszarach: ",
+  "Blacklisted regions: ": "Niedostępny na obszarach: ",
+  "Shared `x`": "Udostępniono `x`",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "Cześć! Wygląda na to, że masz wyłączoną obsługę JavaScriptu. Kliknij tutaj, żeby zobaczyć komentarze. Pamiętaj, że wczytywanie może potrwać dłużej.",
+  "View YouTube comments": "Wyświetl komentarze z YouTube",
+  "View more comments on Reddit": "Wyświetl więcej komentarzy na Reddicie",
+  "View `x` comments": "Wyświetl `x` komentarzy",
+  "View Reddit comments": "Wyświetl komentarze z Redditta",
+  "Hide replies": "Ukryj odpowiedzi",
+  "Show replies": "Pokaż odpowiedzi",
+  "Incorrect password": "Niepoprawne hasło",
+  "Quota exceeded, try again in a few hours": "Przekroczony limit zapytań, spróbuj ponownie za kilka godzin",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "Nie udało się zalogować, upewnij się, że dwuetapowe uwierzytelnianie (Autentykator lub SMS) jest aktywne.",
+  "Invalid TFA code": "Niepoprawny kod TFA",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "Nie udało się zalogować. To może być spowodowane wyłączoną dwustopniową autoryzacją na twoim koncie.",
+  "Invalid answer": "Niepoprawna odpowiedź",
+  "Invalid CAPTCHA": "CAPTCHA wykonane błędnie",
+  "CAPTCHA is a required field": "CAPTCHA jest polem wymaganym",
+  "User ID is a required field": "ID użytkownika jest polem wymaganym",
+  "Password is a required field": "Hasło jest polem wymaganym",
+  "Invalid username or password": "Niepoprawny login lub hasło",
+  "Please sign in using 'Sign in with Google'": "Zaloguj się używając \"Zaloguj się przez Google\"",
+  "Password cannot be empty": "Hasło nie może być puste",
+  "Password cannot be longer than 55 characters": "Hasło nie może być dłuższe niż 55 znaków",
+  "Please sign in": "Proszę się zalogować",
+  "Invidious Private Feed for `x`": "",
+  "channel:`x`": "kanał:`x",
+  "Deleted or invalid channel": "Usunięty lub niepoprawny kanał",
+  "This channel does not exist.": "Ten kanał nie istnieje.",
+  "Could not get channel info.": "Nie udało się uzyskać informacji o kanale.",
+  "Could not fetch comments": "Nie udało się pobrać komentarzy",
+  "View `x` replies": "Wyświetl `x` odpowiedzi",
+  "`x` ago": "`x` temu",
+  "Load more": "Wczytaj więcej",
+  "`x` points": "`x` punktów",
+  "Could not create mix.": "Nie udało się utworzyć miksu.",
+  "Playlist is empty": "Lista odtwarzania jest pusta",
+  "Invalid playlist.": "Niepoprawna lista.",
+  "Playlist does not exist.": "Lista odtwarzania nie istnieje.",
+  "Could not pull trending pages.": "Nie udało się pobrać strony na czasie.",
+  "Hidden field \"challenge\" is a required field": "Ukryte pole \"wyzwanie\" jest polem wymaganym",
+  "Hidden field \"token\" is a required field": "Ukryte pole \"token\" jest polem wymaganym",
+  "Invalid challenge": "Niepoprawne wyzwanie",
+  "Invalid token": "Niepoprawny token",
+  "Invalid user": "Niepoprawny użytkownik",
+  "Token is expired, please try again": "Token wygasł, spróbuj ponownie",
+  "English": "angielski",
+  "English (auto-generated)": "angielski (automatycznie generowane)",
+  "Afrikaans": "",
+  "Albanian": "albański",
+  "Amharic": "",
+  "Arabic": "arabski",
+  "Armenian": "",
+  "Azerbaijani": "",
+  "Bangla": "",
+  "Basque": "",
+  "Belarusian": "białoruski",
+  "Bosnian": "bośniacki",
+  "Bulgarian": "bułgarski",
+  "Burmese": "birmański",
+  "Catalan": "kataloński",
+  "Cebuano": "",
+  "Chinese (Simplified)": "chiński (uproszczony)",
+  "Chinese (Traditional)": "chiński (tradycyjny)",
+  "Corsican": "korsykański",
+  "Croatian": "chorwacki",
+  "Czech": "czeski",
+  "Danish": "duński",
+  "Dutch": "holenderski",
+  "Esperanto": "esperanto",
+  "Estonian": "estoński",
+  "Filipino": "filipiński",
+  "Finnish": "fiński",
+  "French": "francuski",
+  "Galician": "galicyjski",
+  "Georgian": "gruziński",
+  "German": "niemiecki",
+  "Greek": "grecki",
+  "Gujarati": "",
+  "Haitian Creole": "",
+  "Hausa": "",
+  "Hawaiian": "hawajski",
+  "Hebrew": "hebrajski",
+  "Hindi": "hindi",
+  "Hmong": "",
+  "Hungarian": "węgierski",
+  "Icelandic": "islandzki",
+  "Igbo": "",
+  "Indonesian": "indonezyjski",
+  "Irish": "irlandzki",
+  "Italian": "włoski",
+  "Japanese": "japoński",
+  "Javanese": "jawajski",
+  "Kannada": "",
+  "Kazakh": "kazachski",
+  "Khmer": "",
+  "Korean": "koreański",
+  "Kurdish": "kurdyjski",
+  "Kyrgyz": "kirgiski",
+  "Lao": "",
+  "Latin": "łaciński",
+  "Latvian": "łotewski",
+  "Lithuanian": "litewski",
+  "Luxembourgish": "luksemburski",
+  "Macedonian": "macedoński",
+  "Malagasy": "malgaski",
+  "Malay": "malajski",
+  "Malayalam": "",
+  "Maltese": "maltański",
+  "Maori": "",
+  "Marathi": "",
+  "Mongolian": "mongolski",
+  "Nepali": "nepalski",
+  "Norwegian": "norweski",
+  "Nyanja": "",
+  "Pashto": "",
+  "Persian": "perski",
+  "Polish": "polski",
+  "Portuguese": "portugalski",
+  "Punjabi": "",
+  "Romanian": "rumuński",
+  "Russian": "rosyjski",
+  "Samoan": "",
+  "Scottish Gaelic": "",
+  "Serbian": "serbski",
+  "Shona": "",
+  "Sindhi": "",
+  "Sinhala": "",
+  "Slovak": "słowacki",
+  "Slovenian": "słoweński",
+  "Somali": "somalijski",
+  "Southern Sotho": "",
+  "Spanish": "hiszpański",
+  "Spanish (Latin America)": "hiszpański (ameryka łacińska)",
+  "Sundanese": "",
+  "Swahili": "",
+  "Swedish": "szwedzki",
+  "Tajik": "",
+  "Tamil": "",
+  "Telugu": "",
+  "Thai": "tajski",
+  "Turkish": "turecki",
+  "Ukrainian": "ukraiński",
+  "Urdu": "",
+  "Uzbek": "uzbecki",
+  "Vietnamese": "wietnamski",
+  "Welsh": "walijski",
+  "Western Frisian": "",
+  "Xhosa": "",
+  "Yiddish": "",
+  "Yoruba": "",
+  "Zulu": "",
+  "`x` years": "`x` lat",
+  "`x` months": "`x` miesięcy",
+  "`x` weeks": "`x` tygodni",
+  "`x` days": "`x` dni",
+  "`x` hours": "`x` godzin",
+  "`x` minutes": "`x` minut",
+  "`x` seconds": "`x` sekund",
+  "Fallback comments: ": "Zastępcze komentarze: ",
+  "Popular": "Popularne",
+  "Top": "Na czasie",
+  "About": "Informacje",
+  "Rating: ": "Ocena: ",
+  "Language: ": "Język: ",
+  "Default": "",
+  "Music": "Muzyka",
+  "Gaming": "Gry",
+  "News": "Wiadomości",
+  "Movies": "Filmy",
+  "Download": "Pobierz",
+  "Download as: ": "Pobierz jako: ",
+  "%A %B %-d, %Y": "",
+  "(edited)": "(edytowany)",
+  "Youtube permalink of the comment": "Odnośnik bezpośredni do komentarza na YouTube",
+  "`x` marked it with a ❤": "",
+  "Audio mode": "Tryb audio",
+  "Video mode": "Tryb wideo"
+}

locales/ru.json

@@ -0,0 +1,294 @@
+{
+  "`x` subscribers": "`x` подписчиков",
+  "`x` videos": "`x` видео",
+  "LIVE": "ПРЯМОЙ ЭФИР",
+  "Shared `x` ago": "Опубликовано `x` назад",
+  "Unsubscribe": "Отписаться",
+  "Subscribe": "Подписаться",
+  "Login to subscribe to `x`": "Войти, чтобы подписаться на `x`",
+  "View channel on YouTube": "Канал на YouTube",
+  "newest": "новые",
+  "oldest": "старые",
+  "popular": "популярные",
+  "Preview page": "Предварительный просмотр",
+  "Next page": "Следующая страница",
+  "Clear watch history?": "Очистить историю просмотров?",
+  "Yes": "Да",
+  "No": "Нет",
+  "Import and Export Data": "Импорт и экспорт данных",
+  "Import": "Импорт",
+  "Import Invidious data": "Импортировать данные Invidious",
+  "Import YouTube subscriptions": "Импортировать YouTube подписки",
+  "Import FreeTube subscriptions (.db)": "Импортировать FreeTube подписки (.db)",
+  "Import NewPipe subscriptions (.json)": "Импортировать NewPipe подписки (.json)",
+  "Import NewPipe data (.zip)": "Импортировать данные NewPipe (.zip)",
+  "Export": "Экспорт",
+  "Export subscriptions as OPML": "Экспортировать подписки в OPML",
+  "Export subscriptions as OPML (for NewPipe & FreeTube)": "Экспортировать подписки в OPML (для NewPipe и FreeTube)",
+  "Export data as JSON": "Экспортировать данные в JSON",
+  "Delete account?": "Удалить аккаунт?",
+  "History": "История",
+  "Previous page": "Предыдущая страница",
+  "An alternative front-end to YouTube": "Альтернативный фронтенд для YouTube",
+  "JavaScript license information": "Лицензии JavaScript",
+  "source": "источник",
+  "Login": "Войти",
+  "Login/Register": "Войти/Регистрация",
+  "Login to Google": "Войти через Google",
+  "User ID:": "ID пользователя:",
+  "Password:": "Пароль:",
+  "Time (h:mm:ss):": "Время (ч:мм:сс):",
+  "Text CAPTCHA": "Текст капчи",
+  "Image CAPTCHA": "Изображение капчи",
+  "Sign In": "Войти",
+  "Register": "Регистрация",
+  "Email:": "Эл. почта:",
+  "Google verification code:": "Код подтверждения Google:",
+  "Preferences": "Настройки",
+  "Player preferences": "Настройки проигрывателя",
+  "Always loop: ": "Всегда повторять: ",
+  "Autoplay: ": "Автовоспроизведение: ",
+  "Autoplay next video: ": "Автовоспроизведение следующего видео: ",
+  "Listen by default: ": "Режим \"только аудио\" по-умолчанию: ",
+  "Default speed: ": "Скорость по-умолчанию: ",
+  "Preferred video quality: ": "Предпочтительное качество видео: ",
+  "Player volume: ": "Громкость воспроизведения: ",
+  "Default comments: ": "Источник комментариев: ",
+  "youtube": "YouTube",
+  "reddit": "Reddit",
+  "Default captions: ": "Субтитры по-умолчанию: ",
+  "Fallback captions: ": "Резервные субтитры: ",
+  "Show related videos? ": "Показывать похожие видео? ",
+  "Visual preferences": "Визуальные настройки",
+  "Dark mode: ": "Темная тема: ",
+  "Thin mode: ": "Облегченный режим: ",
+  "Subscription preferences": "Настройки подписок",
+  "Redirect homepage to feed: ": "Отображать ленту вместо главной страницы: ",
+  "Number of videos shown in feed: ": "Число видео в ленте: ",
+  "Sort videos by: ": "Сортировать видео по: ",
+  "published": "дате публикации",
+  "published - reverse": "дате - обратный порядок",
+  "alphabetically": "алфавиту",
+  "alphabetically - reverse": "алфавиту - обратный порядок",
+  "channel name": "имени канала",
+  "channel name - reverse": "имени канала - обратный порядок",
+  "Only show latest video from channel: ": "Отображать только последние видео с каждого канала: ",
+  "Only show latest unwatched video from channel: ": "Отображать только непросмотренные видео с каждого канала: ",
+  "Only show unwatched: ": "Отображать только непросмотренные видео: ",
+  "Only show notifications (if there are any): ": "Отображать только оповещения (если есть): ",
+  "Data preferences": "Настройки данных",
+  "Clear watch history": "Очистить историю просмотра",
+  "Import/Export data": "Импорт/Экспорт данных",
+  "Manage subscriptions": "Управление подписками",
+  "Watch history": "История просмотров",
+  "Delete account": "Удалить аккаунт",
+  "Administrator preferences": "",
+  "Default homepage: ": "",
+  "Feed menu: ": "",
+  "Top enabled? ": "",
+  "CAPTCHA enabled? ": "",
+  "Login enabled? ": "",
+  "Registration enabled? ": "",
+  "Report statistics? ": "",
+  "Save preferences": "Сохранить настройки",
+  "Subscription manager": "Менеджер подписок",
+  "`x` subscriptions": "`x` подписок",
+  "Import/Export": "Импорт/Экспорт",
+  "unsubscribe": "отписаться",
+  "Subscriptions": "Подписки",
+  "`x` unseen notifications": "`x` новых оповещений",
+  "search": "поиск",
+  "Sign out": "Выйти",
+  "Released under the AGPLv3 by Omar Roth.": "Распространяется Omar Roth по AGPLv3.",
+  "Source available here.": "Исходный код доступен здесь.",
+  "Liberapay: ": "Liberapay: ",
+  "Patreon: ": "Patreon: ",
+  "BTC: ": "BTC: ",
+  "BCH: ": "BCH: ",
+  "View JavaScript license information.": "Посмотреть лицензии JavaScript кода.",
+  "Trending": "В тренде",
+  "Watch video on Youtube": "Смотреть на YouTube",
+  "Genre: ": "Жанр: ",
+  "License: ": "Лицензия: ",
+  "Family friendly? ": "Семейный просмотр: ",
+  "Wilson score: ": "Рейтинг Вильсона: ",
+  "Engagement: ": "Вовлеченность: ",
+  "Whitelisted regions: ": "Доступно для: ",
+  "Blacklisted regions: ": "Недоступно для: ",
+  "Shared `x`": "Опубликовано `x`",
+  "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.": "Похоже, что у Вас отключен JavaScript. Нажмите сюда, чтобы увидеть комментарии (учтите, что они могут загружаться дольше).",
+  "View YouTube comments": "Смотреть комментарии с YouTube",
+  "View more comments on Reddit": "Больше комментариев на Reddit",
+  "View `x` comments": "Показать `x` комментариев",
+  "View Reddit comments": "Смотреть комментарии с Reddit",
+  "Hide replies": "Скрыть ответы",
+  "Show replies": "Показать ответы",
+  "Incorrect password": "Неправильный пароль",
+  "Quota exceeded, try again in a few hours": "Превышена квота, попробуйте снова через несколько часов",
+  "Unable to login, make sure two-factor authentication (Authenticator or SMS) is enabled.": "Вход не выполнен, проверьте, не включена ли двухфакторная аутентификация.",
+  "Invalid TFA code": "Неправильный TFA код",
+  "Login failed. This may be because two-factor authentication is not enabled on your account.": "Не удалось войти. Это может быть из-за того, что в вашем аккаунте не включена двухфакторная аутентификация.",
+  "Invalid answer": "Неверный ответ",
+  "Invalid CAPTCHA": "Неверная капча",
+  "CAPTCHA is a required field": "Необходимо ввести капчу",
+  "User ID is a required field": "Необходимо ввести идентификатор пользователя",
+  "Password is a required field": "Необходимо ввести пароль",
+  "Invalid username or password": "Недопустимый пароль или имя пользователя",
+  "Please sign in using 'Sign in with Google'": "Пожалуйста войдите через Google",
+  "Password cannot be empty": "Пароль не может быть пустым",
+  "Password cannot be longer than 55 characters": "Пароль не может быть длиннее 55 символов",
+  "Please sign in": "Пожалуйста, войдите",
+  "Invidious Private Feed for `x`": "Приватная лента Invidious для `x`",
+  "channel:`x`": "канал: `x`",
+  "Deleted or invalid channel": "Канал удален или не найден",
+  "This channel does not exist.": "Такой канал не существует.",
+  "Could not get channel info.": "Невозможно получить информацию о канале.",
+  "Could not fetch comments": "Невозможно получить комментарии",
+  "View `x` replies": "Показать `x` ответов",
+  "`x` ago": "`x` назад",
+  "Load more": "Загрузить больше",
+  "`x` points": "`x` очков",
+  "Could not create mix.": "Невозможно создать \"микс\".",
+  "Playlist is empty": "Плейлист пуст",
+  "Invalid playlist.": "Некорректный плейлист.",
+  "Playlist does not exist.": "Плейлист не существует.",
+  "Could not pull trending pages.": "Невозможно получить страницы \"в тренде\".",
+  "Hidden field \"challenge\" is a required field": "Необходимо заполнить скрытое поле \"challenge\"",
+  "Hidden field \"token\" is a required field": "Необходимо заполнить скрытое поле \"токен\"",
+  "Invalid challenge": "Неправильный ответ в \"challenge\"",
+  "Invalid token": "Неправильный токен",
+  "Invalid user": "Недопустимое имя пользователя",
+  "Token is expired, please try again": "Срок действия токена истек, попробуйте позже",
+  "English": "Английский",
+  "English (auto-generated)": "Английский (созданы автоматически)",
+  "Afrikaans": "Африкаанс",
+  "Albanian": "Албанский",
+  "Amharic": "Амхарский",
+  "Arabic": "Арабский",
+  "Armenian": "Армянский",
+  "Azerbaijani": "Азербайджанский",
+  "Bangla": "Бенгальский",
+  "Basque": "Баскский",
+  "Belarusian": "Белорусский",
+  "Bosnian": "Боснийский",
+  "Bulgarian": "Болгарский",
+  "Burmese": "Бирманский",
+  "Catalan": "Каталонский",
+  "Cebuano": "Себуанский",
+  "Chinese (Simplified)": "Китайский (упрощенный)",
+  "Chinese (Traditional)": "Китайский (традиционный)",
+  "Corsican": "Корсиканский",
+  "Croatian": "Хорватский",
+  "Czech": "Чешский",
+  "Danish": "Датский",
+  "Dutch": "Нидерландский",
+  "Esperanto": "Эсперанто",
+  "Estonian": "Эстонский",
+  "Filipino": "Филиппинский",
+  "Finnish": "Финский",
+  "French": "Французский",
+  "Galician": "Галисийский",
+  "Georgian": "Грузинский",
+  "German": "Немецкий",
+  "Greek": "Греческий",
+  "Gujarati": "Гуджаратский",
+  "Haitian Creole": "Гаит. креольский",
+  "Hausa": "Хауса",
+  "Hawaiian": "Гавайский",
+  "Hebrew": "Иврит",
+  "Hindi": "Хинди",
+  "Hmong": "Хмонг (мяо)",
+  "Hungarian": "Венгерский",
+  "Icelandic": "Исландский",
+  "Igbo": "Игбо",
+  "Indonesian": "Индонезийский",
+  "Irish": "Ирландский",
+  "Italian": "Итальянский",
+  "Japanese": "Японский",
+  "Javanese": "Яванский",
+  "Kannada": "Каннада",
+  "Kazakh": "Казахский",
+  "Khmer": "Кхмерский",
+  "Korean": "Корейский",
+  "Kurdish": "Курдский",
+  "Kyrgyz": "Киргизский",
+  "Lao": "Лаосский",
+  "Latin": "Латинский",
+  "Latvian": "Латышский",
+  "Lithuanian": "Литовский",
+  "Luxembourgish": "Люксембургский",
+  "Macedonian": "Македонский",
+  "Malagasy": "Малагасийский",
+  "Malay": "Малайский",
+  "Malayalam": "Малаялам",
+  "Maltese": "Мальтийский",
+  "Maori": "Маори",
+  "Marathi": "Маратхи",
+  "Mongolian": "Монгольская",
+  "Nepali": "Непальский",
+  "Norwegian": "Норвежский",
+  "Nyanja": "Ньянджа",
+  "Pashto": "Пушту",
+  "Persian": "Персидский",
+  "Polish": "Польский",
+  "Portuguese": "Португальский",
+  "Punjabi": "Панджаби",
+  "Romanian": "Румынский",
+  "Russian": "Русский",
+  "Samoan": "Самоанский",
+  "Scottish Gaelic": "Шотландский (гэльский)",
+  "Serbian": "Сербский",
+  "Shona": "Шона",
+  "Sindhi": "Синдхи",
+  "Sinhala": "Сингальский",
+  "Slovak": "Словацкий",
+  "Slovenian": "Словенский",
+  "Somali": "Сомалийский",
+  "Southern Sotho": "Сесото (южный сото)",
+  "Spanish": "Испанский",
+  "Spanish (Latin America)": "Испанский (Латинская Америка)",
+  "Sundanese": "Сунданский",
+  "Swahili": "Суахили",
+  "Swedish": "Шведский",
+  "Tajik": "Таджикский",
+  "Tamil": "Тамильский",
+  "Telugu": "Телугу",
+  "Thai": "Тайский",
+  "Turkish": "Турецкий",
+  "Ukrainian": "Украинский",
+  "Urdu": "Урду",
+  "Uzbek": "Узбекский",
+  "Vietnamese": "Вьетнамский",
+  "Welsh": "Валлийский",
+  "Western Frisian": "Западнофризский",
+  "Xhosa": "Коса",
+  "Yiddish": "Идиш",
+  "Yoruba": "Йоруба",
+  "Zulu": "Зулусский",
+  "`x` years": "`x` лет",
+  "`x` months": "`x` месяцев",
+  "`x` weeks": "`x` недель",
+  "`x` days": "`x` дней",
+  "`x` hours": "`x` часов",
+  "`x` minutes": "`x` минут",
+  "`x` seconds": "`x` секунд",
+  "Fallback comments: ": "Резервные комментарии: ",
+  "Popular": "Популярное",
+  "Top": "Топ",
+  "About": "О сайте",
+  "Rating: ": "Рейтинг: ",
+  "Language: ": "Язык: ",
+  "Default": "По-умолчанию",
+  "Music": "Музыка",
+  "Gaming": "Игры",
+  "News": "Новости",
+  "Movies": "Фильмы",
+  "Download": "Скачать",
+  "Download as: ": "Скачать как: ",
+  "%A %B %-d, %Y": "%-d %B %Y, %A",
+  "(edited)": "(изменено)",
+  "Youtube permalink of the comment": "Прямая ссылка на YouTube",
+  "`x` marked it with a ❤": "❤ от автора канала \"`x`\"",
+  "Audio mode": "Аудио режим",
+  "Video mode": "Видео режим"
+}

setup.sh

@@ -1,9 +0,0 @@
-#!/bin/bash
-
-createdb invidious
-#createuser kemal
-psql -c "CREATE USER kemal WITH PASSWORD 'kemal';"
-psql invidious < config/sql/channels.sql
-psql invidious < config/sql/videos.sql
-psql invidious < config/sql/channel_videos.sql
-psql invidious < config/sql/users.sql

shard.yml

@@ -1,5 +1,5 @@
 name: invidious
-version: 0.10.0
+version: 0.14.1
 
 authors:
   - Omar Roth <omarroth@hotmail.com>
@@ -9,13 +9,13 @@ targets:
     main: src/invidious.cr
 
 dependencies:
-  detect_language:
-    github: detectlanguage/detectlanguage-crystal
   kemal:
     github: kemalcr/kemal
   pg:
     github: will/crystal-pg
+  sqlite3:
+    github: crystal-lang/crystal-sqlite3
 
-crystal: 0.26.1
+crystal: 0.27.2
 
 license: AGPLv3

spec/helpers_spec.cr

@@ -0,0 +1,62 @@
+require "kemal"
+require "pg"
+require "spec"
+require "yaml"
+require "../src/invidious/helpers/*"
+require "../src/invidious/channels"
+require "../src/invidious/playlists"
+require "../src/invidious/search"
+
+describe "Helpers" do
+  describe "#produce_channel_videos_url" do
+    it "correctly produces url for requesting page `x` of a channel's videos" do
+      produce_channel_videos_url(ucid: "UCXuqSBlHAE6Xw-yeJA0Tunw").should eq("/browse_ajax?continuation=4qmFsgI8EhhVQ1h1cVNCbEhBRTZYdy15ZUpBMFR1bncaIEVnWjJhV1JsYjNNd0FqZ0JZQUZxQUxnQkFDQUFlZ0V4&gl=US&hl=en")
+
+      produce_channel_videos_url(ucid: "UCXuqSBlHAE6Xw-yeJA0Tunw", sort_by: "popular").should eq("/browse_ajax?continuation=4qmFsgJCEhhVQ1h1cVNCbEhBRTZYdy15ZUpBMFR1bncaJkVnWjJhV1JsYjNNd0FqZ0JZQUZxQUxnQkFDQUFlZ0V4R0FFJTNE&gl=US&hl=en")
+
+      produce_channel_videos_url(ucid: "UCXuqSBlHAE6Xw-yeJA0Tunw", page: 20).should eq("/browse_ajax?continuation=4qmFsgJEEhhVQ1h1cVNCbEhBRTZYdy15ZUpBMFR1bncaKEVnWjJhV1JsYjNNd0FqZ0JZQUZxQUxnQkFDQUFlZ0l5TUElM0QlM0Q%3D&gl=US&hl=en")
+
+      produce_channel_videos_url(ucid: "UC-9-kyTW8ZkZNDHQJ6FgpwQ", auto_generated: true).should eq("/browse_ajax?continuation=4qmFsgJIEhhVQy05LWt5VFc4WmtaTkRIUUo2Rmdwd1EaLEVnWjJhV1JsYjNNd0FqZ0JZQUZxQUxnQkFDQTJlZ294TlRVeU1ESXlPVFE1&gl=US&hl=en")
+
+      produce_channel_videos_url(ucid: "UC-9-kyTW8ZkZNDHQJ6FgpwQ", page: 20, auto_generated: true, sort_by: "popular").should eq("/browse_ajax?continuation=4qmFsgJOEhhVQy05LWt5VFc4WmtaTkRIUUo2Rmdwd1EaMkVnWjJhV1JsYjNNd0FqZ0JZQUZxQUxnQkFDQTJlZ294TlRBeU1UY3dNVFE1R0FFJTNE&gl=US&hl=en")
+    end
+  end
+
+  describe "#produce_channel_search_url" do
+    it "correctly produces token for searching a specific channel" do
+      produce_channel_search_url("UCXuqSBlHAE6Xw-yeJA0Tunw", "", 100).should eq("/browse_ajax?continuation=4qmFsgI-EhhVQ1h1cVNCbEhBRTZYdy15ZUpBMFR1bncaIEVnWnpaV0Z5WTJnd0FqZ0JZQUZxQUxnQkFIb0RNVEF3WgA%3D&gl=US&hl=en")
+
+      produce_channel_search_url("UCXuqSBlHAE6Xw-yeJA0Tunw", "По ожиशुपतिरपि子而時ஸ்றீனி", 0).should eq("/browse_ajax?continuation=4qmFsgJZEhhVQ1h1cVNCbEhBRTZYdy15ZUpBMFR1bncaJEVnWnpaV0Z5WTJnd0FqZ0JZQUZxQUxnQkFIb0JNQSUzRCUzRFoX0J_QviDQvtC20LjgpLbgpYHgpKrgpKTgpL_gpLDgpKrgpL_lrZDogIzmmYLgrrjgr43grrHgr4Dgrqngrr8%3D&gl=US&hl=en")
+    end
+  end
+
+  describe "#produce_playlist_url" do
+    it "correctly produces url for requesting index `x` of a playlist" do
+      produce_playlist_url("UUCla9fZca4I7KagBtgRGnOw", 0).should eq("/browse_ajax?continuation=4qmFsgIsEhpWTFVVQ2xhOWZaY2E0STdLYWdCdGdSR25PdxoOZWdaUVZEcERRVUUlM0Q%3D&gl=US&hl=en")
+
+      produce_playlist_url("UCCla9fZca4I7KagBtgRGnOw", 0).should eq("/browse_ajax?continuation=4qmFsgIsEhpWTFVVQ2xhOWZaY2E0STdLYWdCdGdSR25PdxoOZWdaUVZEcERRVUUlM0Q%3D&gl=US&hl=en")
+
+      produce_playlist_url("PLt5AfwLFPxWLNVixpe1w3fi6lE2OTq0ET", 0).should eq("/browse_ajax?continuation=4qmFsgI2EiRWTFBMdDVBZndMRlB4V0xOVml4cGUxdzNmaTZsRTJPVHEwRVQaDmVnWlFWRHBEUVVFJTNE&gl=US&hl=en")
+
+      produce_playlist_url("PLt5AfwLFPxWLNVixpe1w3fi6lE2OTq0ET", 10000).should eq("/browse_ajax?continuation=4qmFsgI0EiRWTFBMdDVBZndMRlB4V0xOVml4cGUxdzNmaTZsRTJPVHEwRVQaDGVnZFFWRHBEU2tKUA%3D%3D&gl=US&hl=en")
+
+      produce_playlist_url("PL55713C70BA91BD6E", 0).should eq("/browse_ajax?continuation=4qmFsgImEhRWTFBMNTU3MTNDNzBCQTkxQkQ2RRoOZWdaUVZEcERRVUUlM0Q%3D&gl=US&hl=en")
+
+      produce_playlist_url("PL55713C70BA91BD6E", 10000).should eq("/browse_ajax?continuation=4qmFsgIkEhRWTFBMNTU3MTNDNzBCQTkxQkQ2RRoMZWdkUVZEcERTa0pQ&gl=US&hl=en")
+    end
+  end
+
+  describe "#produce_search_params" do
+    it "correctly produces token for searching with specified filters" do
+      produce_search_params.should eq("CAASAhAB")
+
+      produce_search_params(sort: "upload_date", content_type: "video").should eq("CAISAhAB")
+
+      produce_search_params(content_type: "playlist").should eq("CAASAhAD")
+
+      produce_search_params(sort: "date", content_type: "video", features: ["hd", "cc", "purchased", "hdr"]).should eq("CAISCxABIAEwAUgByAEB")
+
+      produce_search_params(content_type: "channel").should eq("CAASAhAC")
+    end
+  end
+end

src/invidious/channels.cr

@@ -1,55 +1,84 @@
 class InvidiousChannel
   add_mapping({
-    id:      String,
-    author:  String,
-    updated: Time,
+    id:         String,
+    author:     String,
+    updated:    Time,
+    deleted:    Bool,
+    subscribed: Time?,
   })
 end
 
 class ChannelVideo
   add_mapping({
-    id:        String,
-    title:     String,
-    published: Time,
-    updated:   Time,
-    ucid:      String,
-    author:    String,
+    id:             String,
+    title:          String,
+    published:      Time,
+    updated:        Time,
+    ucid:           String,
+    author:         String,
+    length_seconds: {type: Int32, default: 0},
   })
-
-  # TODO: Add length_seconds to channel_video
-  def length_seconds
-    return 0
-  end
 end
 
-def get_channel(id, client, db, refresh = true, pull_all_videos = true)
+def get_batch_channels(channels, db, refresh = false, pull_all_videos = true, max_threads = 10)
+  active_threads = 0
+  active_channel = Channel(String | Nil).new
+
+  final = [] of String
+  channels.map do |ucid|
+    if active_threads >= max_threads
+      if response = active_channel.receive
+        active_threads -= 1
+        final << response
+      end
+    end
+
+    active_threads += 1
+    spawn do
+      begin
+        get_channel(ucid, db, refresh, pull_all_videos)
+        active_channel.send(ucid)
+      rescue ex
+        active_channel.send(nil)
+      end
+    end
+  end
+
+  return final
+end
+
+def get_channel(id, db, refresh = true, pull_all_videos = true)
   if db.query_one?("SELECT EXISTS (SELECT true FROM channels WHERE id = $1)", id, as: Bool)
     channel = db.query_one("SELECT * FROM channels WHERE id = $1", id, as: InvidiousChannel)
 
     if refresh && Time.now - channel.updated > 10.minutes
-      channel = fetch_channel(id, client, db, pull_all_videos)
+      channel = fetch_channel(id, db, pull_all_videos: pull_all_videos)
       channel_array = channel.to_a
       args = arg_array(channel_array)
 
       db.exec("INSERT INTO channels VALUES (#{args}) \
-        ON CONFLICT (id) DO UPDATE SET updated = $3", channel_array)
+        ON CONFLICT (id) DO UPDATE SET author = $2, updated = $3", channel_array)
     end
   else
-    channel = fetch_channel(id, client, db, pull_all_videos)
-    args = arg_array(channel.to_a)
-    db.exec("INSERT INTO channels VALUES (#{args})", channel.to_a)
+    channel = fetch_channel(id, db, pull_all_videos: pull_all_videos)
+    channel_array = channel.to_a
+    args = arg_array(channel_array)
+
+    db.exec("INSERT INTO channels VALUES (#{args})", channel_array)
   end
 
   return channel
 end
 
-def fetch_channel(ucid, client, db, pull_all_videos = true)
+def fetch_channel(ucid, db, pull_all_videos = true, locale = nil)
+  client = make_client(YT_URL)
+
   rss = client.get("/feeds/videos.xml?channel_id=#{ucid}").body
   rss = XML.parse_html(rss)
 
   author = rss.xpath_node(%q(//feed/title))
   if !author
-    raise "Deleted or invalid channel"
+    raise translate(locale, "Deleted or invalid channel")
   end
   author = author.content
 
@@ -61,6 +90,25 @@ def fetch_channel(ucid, client, db, pull_all_videos = true)
   end
 
   if !pull_all_videos
+    url = produce_channel_videos_url(ucid, 1, auto_generated: auto_generated)
+    response = client.get(url)
+    json = JSON.parse(response.body)
+
+    if json["content_html"]? && !json["content_html"].as_s.empty?
+      document = XML.parse_html(json["content_html"].as_s)
+      nodeset = document.xpath_nodes(%q(//li[contains(@class, "feed-item-container")]))
+
+      if auto_generated
+        videos = extract_videos(nodeset)
+      else
+        videos = extract_videos(nodeset, ucid)
+        videos.each { |video| video.ucid = ucid }
+        videos.each { |video| video.author = author }
+      end
+    end
+
+    videos ||= [] of ChannelVideo
+
     rss.xpath_nodes("//feed/entry").each do |entry|
       video_id = entry.xpath_node("videoid").not_nil!.content
       title = entry.xpath_node("title").not_nil!.content
@@ -69,16 +117,20 @@ def fetch_channel(ucid, client, db, pull_all_videos = true)
       author = entry.xpath_node("author/name").not_nil!.content
       ucid = entry.xpath_node("channelid").not_nil!.content
 
-      video = ChannelVideo.new(video_id, title, published, Time.now, ucid, author)
+      length_seconds = videos.select { |video| video.id == video_id }[0]?.try &.length_seconds
+      length_seconds ||= 0
+
+      video = ChannelVideo.new(video_id, title, published, Time.now, ucid, author, length_seconds)
 
       db.exec("UPDATE users SET notifications = notifications || $1 \
         WHERE updated < $2 AND $3 = ANY(subscriptions) AND $1 <> ALL(notifications)", video.id, video.published, ucid)
 
       video_array = video.to_a
       args = arg_array(video_array)
+
       db.exec("INSERT INTO channel_videos VALUES (#{args}) \
-        ON CONFLICT (id) DO UPDATE SET title = $2, published = $3, \
-        updated = $4, ucid = $5, author = $6", video_array)
+      ON CONFLICT (id) DO UPDATE SET title = $2, published = $3, \
+      updated = $4, ucid = $5, author = $6, length_seconds = $7", video_array)
     end
   else
     page = 1
@@ -105,7 +157,7 @@ def fetch_channel(ucid, client, db, pull_all_videos = true)
       end
 
       count = nodeset.size
-      videos = videos.map { |video| ChannelVideo.new(video.id, video.title, video.published, Time.now, video.ucid, video.author) }
+      videos = videos.map { |video| ChannelVideo.new(video.id, video.title, video.published, Time.now, video.ucid, video.author, video.length_seconds) }
 
       videos.each do |video|
         ids << video.id
@@ -117,8 +169,9 @@ def fetch_channel(ucid, client, db, pull_all_videos = true)
 
           video_array = video.to_a
           args = arg_array(video_array)
+
           db.exec("INSERT INTO channel_videos VALUES (#{args}) ON CONFLICT (id) DO UPDATE SET title = $2, \
-          published = $3, updated = $4, ucid = $5, author = $6", video_array)
+          published = $3, updated = $4, ucid = $5, author = $6, length_seconds = $7", video_array)
         end
       end
 
@@ -133,72 +186,304 @@ def fetch_channel(ucid, client, db, pull_all_videos = true)
     db.exec("DELETE FROM channel_videos * WHERE NOT id = ANY ('{#{ids.map { |id| %("#{id}") }.join(",")}}') AND ucid = $1", ucid)
   end
 
-  channel = InvidiousChannel.new(ucid, author, Time.now)
+  channel = InvidiousChannel.new(ucid, author, Time.now, false, nil)
 
   return channel
 end
 
-def produce_channel_videos_url(ucid, page = 1, auto_generated = nil)
+def subscribe_pubsub(ucid, key, config)
+  client = make_client(PUBSUB_URL)
+  time = Time.now.to_unix.to_s
+  nonce = Random::Secure.hex(4)
+  signature = "#{time}:#{nonce}"
+
+  host_url = make_host_url(config, Kemal.config)
+
+  body = {
+    "hub.callback"      => "#{host_url}/feed/webhook/v1:#{time}:#{nonce}:#{OpenSSL::HMAC.hexdigest(:sha1, key, signature)}",
+    "hub.topic"         => "https://www.youtube.com/xml/feeds/videos.xml?channel_id=#{ucid}",
+    "hub.verify"        => "async",
+    "hub.mode"          => "subscribe",
+    "hub.lease_seconds" => "432000",
+    "hub.secret"        => key.to_s,
+  }
+
+  return client.post("/subscribe", form: body)
+end
+
+def fetch_channel_playlists(ucid, author, auto_generated, continuation, sort_by)
+  client = make_client(YT_URL)
+
+  if continuation
+    url = produce_channel_playlists_url(ucid, continuation, sort_by, auto_generated)
+
+    response = client.get(url)
+    json = JSON.parse(response.body)
+
+    if json["load_more_widget_html"].as_s.empty?
+      return [] of SearchItem, nil
+    end
+
+    continuation = XML.parse_html(json["load_more_widget_html"].as_s)
+    continuation = continuation.xpath_node(%q(//button[@data-uix-load-more-href]))
+    if continuation
+      continuation = extract_channel_playlists_cursor(continuation["data-uix-load-more-href"], auto_generated)
+    end
+
+    html = XML.parse_html(json["content_html"].as_s)
+    nodeset = html.xpath_nodes(%q(//li[contains(@class, "feed-item-container")]))
+  else
+    url = "/channel/#{ucid}/playlists?disable_polymer=1&flow=list"
+
+    if auto_generated
+      url += "&view=50"
+    else
+      url += "&view=1"
+    end
+
+    case sort_by
+    when "last", "last_added"
+      #
+    when "oldest", "oldest_created"
+      url += "&sort=da"
+    when "newest", "newest_created"
+      url += "&sort=dd"
+    end
+
+    response = client.get(url)
+    html = XML.parse_html(response.body)
+
+    continuation = html.xpath_node(%q(//button[@data-uix-load-more-href]))
+    if continuation
+      continuation = extract_channel_playlists_cursor(continuation["data-uix-load-more-href"], auto_generated)
+    end
+
+    nodeset = html.xpath_nodes(%q(//ul[@id="browse-items-primary"]/li[contains(@class, "feed-item-container")]))
+  end
+
   if auto_generated
-    seed = Time.epoch(1525757349)
+    items = extract_shelf_items(nodeset, ucid, author)
+  else
+    items = extract_items(nodeset, ucid, author)
+  end
+
+  return items, continuation
+end
+
+def produce_channel_videos_url(ucid, page = 1, auto_generated = nil, sort_by = "newest")
+  if auto_generated
+    seed = Time.unix(1525757349)
 
     until seed >= Time.now
       seed += 1.month
     end
     timestamp = seed - (page - 1).months
 
-    page = "#{timestamp.epoch}"
-    switch = "\x36"
+    page = "#{timestamp.to_unix}"
+    switch = 0x36
   else
     page = "#{page}"
-    switch = "\x00"
+    switch = 0x00
   end
 
-  meta = "\x12\x06videos"
-  meta += "\x30\x02"
-  meta += "\x38\x01"
-  meta += "\x60\x01"
-  meta += "\x6a\x00"
-  meta += "\xb8\x01\x00"
-  meta += "\x20#{switch}"
-  meta += "\x7a"
-  meta += page.size.to_u8.unsafe_chr
-  meta += page
+  meta = IO::Memory.new
+  meta.write(Bytes[0x12, 0x06])
+  meta.print("videos")
 
-  meta = Base64.urlsafe_encode(meta)
+  meta.write(Bytes[0x30, 0x02])
+  meta.write(Bytes[0x38, 0x01])
+  meta.write(Bytes[0x60, 0x01])
+  meta.write(Bytes[0x6a, 0x00])
+  meta.write(Bytes[0xb8, 0x01, 0x00])
+
+  meta.write(Bytes[0x20, switch])
+  meta.write(Bytes[0x7a, page.size])
+  meta.print(page)
+
+  case sort_by
+  when "newest"
+    # Empty tags can be omitted
+    # meta.write(Bytes[0x18,0x00])
+  when "popular"
+    meta.write(Bytes[0x18, 0x01])
+  when "oldest"
+    meta.write(Bytes[0x18, 0x02])
+  end
+
+  meta.rewind
+  meta = Base64.urlsafe_encode(meta.to_slice)
   meta = URI.escape(meta)
 
-  continuation = "\x12"
-  continuation += ucid.size.to_u8.unsafe_chr
-  continuation += ucid
-  continuation += "\x1a"
-  continuation += meta.size.to_u8.unsafe_chr
-  continuation += meta
+  continuation = IO::Memory.new
+  continuation.write(Bytes[0x12, ucid.size])
+  continuation.print(ucid)
 
-  continuation = continuation.size.to_u8.unsafe_chr + continuation
-  continuation = "\xe2\xa9\x85\xb2\x02" + continuation
+  continuation.write(Bytes[0x1a, meta.size])
+  continuation.print(meta)
 
-  continuation = Base64.urlsafe_encode(continuation)
-  continuation = URI.escape(continuation)
+  continuation.rewind
+  continuation = continuation.gets_to_end
 
-  url = "/browse_ajax?continuation=#{continuation}&gl=US&hl=en"
+  wrapper = IO::Memory.new
+  wrapper.write(Bytes[0xe2, 0xa9, 0x85, 0xb2, 0x02, continuation.size])
+  wrapper.print(continuation)
+  wrapper.rewind
+
+  wrapper = Base64.urlsafe_encode(wrapper.to_slice)
+  wrapper = URI.escape(wrapper)
+
+  url = "/browse_ajax?continuation=#{wrapper}&gl=US&hl=en"
 
   return url
 end
 
-def get_about_info(ucid)
-  client = make_client(YT_URL)
-
-  about = client.get("/user/#{ucid}/about?disable_polymer=1&gl=US&hl=en")
-  about = XML.parse_html(about.body)
-
-  if !about.xpath_node(%q(//span[contains(@class,"qualified-channel-title-text")]/a))
-    about = client.get("/channel/#{ucid}/about?disable_polymer=1&gl=US&hl=en")
-    about = XML.parse_html(about.body)
+def produce_channel_playlists_url(ucid, cursor, sort = "newest", auto_generated = false)
+  if !auto_generated
+    cursor = Base64.urlsafe_encode(cursor, false)
   end
 
-  if !about.xpath_node(%q(//span[contains(@class,"qualified-channel-title-text")]/a))
-    raise "User does not exist."
+  meta = IO::Memory.new
+
+  if auto_generated
+    meta.write(Bytes[0x08, 0x0a])
+  end
+
+  meta.write(Bytes[0x12, 0x09])
+  meta.print("playlists")
+
+  if auto_generated
+    meta.write(Bytes[0x20, 0x32])
+  else
+    # TODO: Look at 0x01, 0x00
+    case sort
+    when "oldest", "oldest_created"
+      meta.write(Bytes[0x18, 0x02])
+    when "newest", "newest_created"
+      meta.write(Bytes[0x18, 0x03])
+    when "last", "last_added"
+      meta.write(Bytes[0x18, 0x04])
+    end
+
+    meta.write(Bytes[0x20, 0x01])
+  end
+
+  meta.write(Bytes[0x30, 0x02])
+  meta.write(Bytes[0x38, 0x01])
+  meta.write(Bytes[0x60, 0x01])
+  meta.write(Bytes[0x6a, 0x00])
+
+  meta.write(Bytes[0x7a, cursor.size])
+  meta.print(cursor)
+
+  meta.write(Bytes[0xb8, 0x01, 0x00])
+
+  meta.rewind
+  meta = Base64.urlsafe_encode(meta.to_slice)
+  meta = URI.escape(meta)
+
+  continuation = IO::Memory.new
+  continuation.write(Bytes[0x12, ucid.size])
+  continuation.print(ucid)
+
+  continuation.write(Bytes[0x1a])
+  continuation.write(write_var_int(meta.size))
+  continuation.print(meta)
+
+  continuation.rewind
+  continuation = continuation.gets_to_end
+
+  wrapper = IO::Memory.new
+  wrapper.write(Bytes[0xe2, 0xa9, 0x85, 0xb2, 0x02])
+  wrapper.write(write_var_int(continuation.size))
+  wrapper.print(continuation)
+  wrapper.rewind
+
+  wrapper = Base64.urlsafe_encode(wrapper.to_slice)
+  wrapper = URI.escape(wrapper)
+
+  url = "/browse_ajax?continuation=#{wrapper}&gl=US&hl=en"
+
+  return url
+end
+
+def extract_channel_playlists_cursor(url, auto_generated)
+  wrapper = HTTP::Params.parse(URI.parse(url).query.not_nil!)["continuation"]
+
+  wrapper = URI.unescape(wrapper)
+  wrapper = Base64.decode(wrapper)
+
+  # 0xe2 0xa9 0x85 0xb2 0x02
+  wrapper += 5
+
+  continuation_size = read_var_int(wrapper[0, 4])
+  wrapper += write_var_int(continuation_size).size
+  continuation = wrapper[0, continuation_size]
+
+  # 0x12
+  continuation += 1
+  ucid_size = continuation[0]
+  continuation += 1
+  ucid = continuation[0, ucid_size]
+  continuation += ucid_size
+
+  # 0x1a
+  continuation += 1
+  meta_size = read_var_int(continuation[0, 4])
+  continuation += write_var_int(meta_size).size
+  meta = continuation[0, meta_size]
+  continuation += meta_size
+
+  meta = String.new(meta)
+  meta = URI.unescape(meta)
+  meta = Base64.decode(meta)
+
+  # 0x12 0x09 playlists
+  meta += 11
+
+  until meta[0] == 0x7a
+    tag = read_var_int(meta[0, 4])
+    meta += write_var_int(tag).size
+    value = meta[0]
+    meta += 1
+  end
+
+  # 0x7a
+  meta += 1
+  cursor_size = meta[0]
+  meta += 1
+  cursor = meta[0, cursor_size]
+
+  cursor = String.new(cursor)
+
+  if !auto_generated
+    cursor = URI.unescape(cursor)
+    cursor = Base64.decode_string(cursor)
+  end
+
+  return cursor
+end
+
+def get_about_info(ucid, locale)
+  client = make_client(YT_URL)
+
+  about = client.get("/channel/#{ucid}/about?disable_polymer=1&gl=US&hl=en")
+  if about.status_code == 404
+    about = client.get("/user/#{ucid}/about?disable_polymer=1&gl=US&hl=en")
+  end
+
+  about = XML.parse_html(about.body)
+
+  if about.xpath_node(%q(//div[contains(@class, "channel-empty-message")]))
+    error_message = translate(locale, "This channel does not exist.")
+
+    raise error_message
+  end
+
+  if about.xpath_node(%q(//span[contains(@class,"qualified-channel-title-text")]/a)).try &.content.empty?
+    error_message = about.xpath_node(%q(//div[@class="yt-alert-content"])).try &.content.strip
+    error_message ||= translate(locale, "Could not get channel info.")
+
+    raise error_message
   end
 
   sub_count = about.xpath_node(%q(//span[contains(text(), "subscribers")]))
@@ -208,7 +493,7 @@ def get_about_info(ucid)
   sub_count ||= 0
 
   author = about.xpath_node(%q(//span[contains(@class,"qualified-channel-title-text")]/a)).not_nil!.content
-  ucid = about.xpath_node(%q(//link[@rel="canonical"])).not_nil!["href"].split("/")[-1]
+  ucid = about.xpath_node(%q(//meta[@itemprop="channelId"])).not_nil!["content"]
 
   # Auto-generated channels
   # https://support.google.com/youtube/answer/2579942
@@ -221,14 +506,14 @@ def get_about_info(ucid)
   return {author, ucid, auto_generated, sub_count}
 end
 
-def get_60_videos(ucid, page, auto_generated)
+def get_60_videos(ucid, page, auto_generated, sort_by = "newest")
   count = 0
   videos = [] of SearchVideo
 
   client = make_client(YT_URL)
 
   2.times do |i|
-    url = produce_channel_videos_url(ucid, page * 2 + (i - 1), auto_generated: auto_generated)
+    url = produce_channel_videos_url(ucid, page * 2 + (i - 1), auto_generated: auto_generated, sort_by: sort_by)
     response = client.get(url)
     json = JSON.parse(response.body)
 
@@ -252,3 +537,21 @@ def get_60_videos(ucid, page, auto_generated)
 
   return videos, count
 end
+
+def get_latest_videos(ucid)
+  client = make_client(YT_URL)
+  videos = [] of SearchVideo
+
+  url = produce_channel_videos_url(ucid, 0)
+  response = client.get(url)
+  json = JSON.parse(response.body)
+
+  if json["content_html"]? && !json["content_html"].as_s.empty?
+    document = XML.parse_html(json["content_html"].as_s)
+    nodeset = document.xpath_nodes(%q(//li[contains(@class, "feed-item-container")]))
+
+    videos = extract_videos(nodeset, ucid)
+  end
+
+  return videos
+end

src/invidious/comments.cr

@@ -8,11 +8,11 @@ end
 class RedditComment
   module TimeConverter
     def self.from_json(value : JSON::PullParser) : Time
-      Time.epoch(value.read_float.to_i)
+      Time.unix(value.read_float.to_i)
     end
 
     def self.to_json(value : Time, json : JSON::Builder)
-      json.number(value.epoch)
+      json.number(value.to_unix)
     end
   end
 
@@ -56,7 +56,204 @@ class RedditListing
   })
 end
 
-def get_reddit_comments(id, client, headers)
+def fetch_youtube_comments(id, db, continuation, proxies, format, locale, region)
+  video = get_video(id, db, proxies, region: region)
+
+  session_token = video.info["session_token"]?
+  itct = video.info["itct"]?
+  ctoken = video.info["ctoken"]?
+  continuation ||= ctoken
+
+  if !continuation || !itct || !session_token
+    if format == "json"
+      return {"comments" => [] of String}.to_json
+    else
+      return {"contentHtml" => "", "commentCount" => 0}.to_json
+    end
+  end
+
+  post_req = {
+    "session_token" => session_token.not_nil!,
+  }
+  post_req = HTTP::Params.encode(post_req)
+
+  client = make_client(YT_URL, proxies, video.info["region"]?)
+  headers = HTTP::Headers.new
+
+  headers["content-type"] = "application/x-www-form-urlencoded"
+  headers["cookie"] = video.info["cookie"]
+
+  headers["x-client-data"] = "CIi2yQEIpbbJAQipncoBCNedygEIqKPKAQ=="
+  headers["x-spf-previous"] = "https://www.youtube.com/watch?v=#{id}&gl=US&hl=en&disable_polymer=1&has_verified=1&bpctr=9999999999"
+  headers["x-spf-referer"] = "https://www.youtube.com/watch?v=#{id}&gl=US&hl=en&disable_polymer=1&has_verified=1&bpctr=9999999999"
+
+  headers["x-youtube-client-name"] = "1"
+  headers["x-youtube-client-version"] = "2.20180719"
+
+  response = client.post("/comment_service_ajax?action_get_comments=1&pbj=1&ctoken=#{continuation}&continuation=#{continuation}&itct=#{itct}&hl=en&gl=US", headers, post_req)
+  response = JSON.parse(response.body)
+
+  if !response["response"]["continuationContents"]?
+    raise translate(locale, "Could not fetch comments")
+  end
+
+  response = response["response"]["continuationContents"]
+  if response["commentRepliesContinuation"]?
+    body = response["commentRepliesContinuation"]
+  else
+    body = response["itemSectionContinuation"]
+  end
+
+  contents = body["contents"]?
+  if !contents
+    if format == "json"
+      return {"comments" => [] of String}.to_json
+    else
+      return {"contentHtml" => "", "commentCount" => 0}.to_json
+    end
+  end
+
+  comments = JSON.build do |json|
+    json.object do
+      if body["header"]?
+        comment_count = body["header"]["commentsHeaderRenderer"]["countText"]["simpleText"].as_s.delete("Comments,").to_i
+        json.field "commentCount", comment_count
+      end
+
+      json.field "videoId", id
+
+      json.field "comments" do
+        json.array do
+          contents.as_a.each do |node|
+            json.object do
+              if !response["commentRepliesContinuation"]?
+                node = node["commentThreadRenderer"]
+              end
+
+              if node["replies"]?
+                node_replies = node["replies"]["commentRepliesRenderer"]
+              end
+
+              if !response["commentRepliesContinuation"]?
+                node_comment = node["comment"]["commentRenderer"]
+              else
+                node_comment = node["commentRenderer"]
+              end
+
+              content_html = node_comment["contentText"]["simpleText"]?.try &.as_s.rchop('\ufeff')
+              if content_html
+                content_html = HTML.escape(content_html)
+              end
+
+              content_html ||= content_to_comment_html(node_comment["contentText"]["runs"].as_a)
+              content_html, content = html_to_content(content_html)
+
+              author = node_comment["authorText"]?.try &.["simpleText"]
+              author ||= ""
+
+              json.field "author", author
+              json.field "authorThumbnails" do
+                json.array do
+                  node_comment["authorThumbnail"]["thumbnails"].as_a.each do |thumbnail|
+                    json.object do
+                      json.field "url", thumbnail["url"]
+                      json.field "width", thumbnail["width"]
+                      json.field "height", thumbnail["height"]
+                    end
+                  end
+                end
+              end
+
+              if node_comment["authorEndpoint"]?
+                json.field "authorId", node_comment["authorEndpoint"]["browseEndpoint"]["browseId"]
+                json.field "authorUrl", node_comment["authorEndpoint"]["browseEndpoint"]["canonicalBaseUrl"]
+              else
+                json.field "authorId", ""
+                json.field "authorUrl", ""
+              end
+
+              published_text = node_comment["publishedTimeText"]["runs"][0]["text"].as_s
+              published = decode_date(published_text.rchop(" (edited)"))
+
+              if published_text.includes?(" (edited)")
+                json.field "isEdited", true
+              else
+                json.field "isEdited", false
+              end
+
+              json.field "content", content
+              json.field "contentHtml", content_html
+              json.field "published", published.to_unix
+              json.field "publishedText", translate(locale, "`x` ago", recode_date(published, locale))
+              json.field "likeCount", node_comment["likeCount"]
+              json.field "commentId", node_comment["commentId"]
+              json.field "authorIsChannelOwner", node_comment["authorIsChannelOwner"]
+
+              if node_comment["actionButtons"]["commentActionButtonsRenderer"]["creatorHeart"]?
+                hearth_data = node_comment["actionButtons"]["commentActionButtonsRenderer"]["creatorHeart"]["creatorHeartRenderer"]["creatorThumbnail"]
+                json.field "creatorHeart" do
+                  json.object do
+                    json.field "creatorThumbnail", hearth_data["thumbnails"][-1]["url"]
+                    json.field "creatorName", hearth_data["accessibility"]["accessibilityData"]["label"]
+                  end
+                end
+              end
+
+              if node_replies && !response["commentRepliesContinuation"]?
+                reply_count = node_replies["moreText"]["simpleText"].as_s.delete("View all reply replies,")
+                if reply_count.empty?
+                  reply_count = 1
+                else
+                  reply_count = reply_count.try &.to_i?
+                  reply_count ||= 1
+                end
+
+                continuation = node_replies["continuations"]?.try &.as_a[0]["nextContinuationData"]["continuation"].as_s
+                continuation ||= ""
+
+                json.field "replies" do
+                  json.object do
+                    json.field "replyCount", reply_count
+                    json.field "continuation", continuation
+                  end
+                end
+              end
+            end
+          end
+        end
+      end
+
+      if body["continuations"]?
+        continuation = body["continuations"][0]["nextContinuationData"]["continuation"]
+        json.field "continuation", continuation
+      end
+    end
+  end
+
+  if format == "html"
+    comments = JSON.parse(comments)
+    content_html = template_youtube_comments(comments, locale)
+
+    comments = JSON.build do |json|
+      json.object do
+        json.field "contentHtml", content_html
+
+        if comments["commentCount"]?
+          json.field "commentCount", comments["commentCount"]
+        else
+          json.field "commentCount", 0
+        end
+      end
+    end
+  end
+
+  return comments
+end
+
+def fetch_reddit_comments(id)
+  client = make_client(REDDIT_URL)
+  headers = HTTP::Headers{"User-Agent" => "web:invidious:v#{CURRENT_VERSION} (by /u/omarroth)"}
+
   query = "(url:3D#{id}%20OR%20url:#{id})%20(site:youtube.com%20OR%20site:youtu.be)"
   search_results = client.get("/search.json?q=#{query}", headers)
 
@@ -81,7 +278,7 @@ def get_reddit_comments(id, client, headers)
   return comments, thread
 end
 
-def template_youtube_comments(comments)
+def template_youtube_comments(comments, locale)
   html = ""
 
   root = comments["comments"].as_a
@@ -93,7 +290,7 @@ def template_youtube_comments(comments)
         <div class="pure-u-23-24">
           <p>
             <a href="javascript:void(0)" data-continuation="#{child["replies"]["continuation"]}"
-              onclick="get_youtube_replies(this)">View #{child["replies"]["replyCount"]} replies</a>
+              onclick="get_youtube_replies(this)">#{translate(locale, "View `x` replies", child["replies"]["replyCount"].to_s)}</a>
           </p>
         </div>
       </div>
@@ -110,12 +307,31 @@ def template_youtube_comments(comments)
       <div class="pure-u-20-24 pure-u-md-22-24">
         <p>
           <b>
-            <a href="#{child["authorUrl"]}">#{child["author"]}</a>
+            <a class="#{child["authorIsChannelOwner"] == true ? "channel-owner" : ""}" href="#{child["authorUrl"]}">#{child["author"]}</a>
           </b> 
           <p style="white-space:pre-wrap">#{child["contentHtml"]}</p>
-          #{recode_date(Time.epoch(child["published"].as_i64))} ago
+          <span title="#{Time.unix(child["published"].as_i64).to_s(translate(locale, "%A %B %-d, %Y"))}">#{translate(locale, "`x` ago", recode_date(Time.unix(child["published"].as_i64), locale))} #{child["isEdited"] == true ? translate(locale, "(edited)") : ""}</span>
+          |
+          <a href="https://www.youtube.com/watch?v=#{comments["videoId"]}&lc=#{child["commentId"]}" title="#{translate(locale, "Youtube permalink of the comment")}">[YT]</a>
           | 
           <i class="icon ion-ios-thumbs-up"></i> #{number_with_separator(child["likeCount"])} 
+    END_HTML
+
+    if child["creatorHeart"]?
+      creator_thumbnail = "/ggpht#{URI.parse(child["creatorHeart"]["creatorThumbnail"].as_s).full_path}"
+      html += <<-END_HTML
+          <span class="creator-heart-container" title="#{translate(locale, "`x` marked it with a ❤", child["creatorHeart"]["creatorName"].as_s)}">
+              <div class="creator-heart">
+                  <img class="creator-heart-background-hearted" src="#{creator_thumbnail}"></img>
+                  <div class="creator-heart-small-hearted">
+                      <div class="icon ion-ios-heart creator-heart-small-container"></div>
+                  </div>
+              </div>
+          </span>
+      END_HTML
+    end
+
+    html += <<-END_HTML
         </p>
         #{replies_html}
       </div>
@@ -129,7 +345,7 @@ def template_youtube_comments(comments)
       <div class="pure-u-1">
         <p>
           <a href="javascript:void(0)" data-continuation="#{comments["continuation"]}"
-            onclick="get_youtube_replies(this, true)">Load more</a>
+            onclick="get_youtube_replies(this, true)">#{translate(locale, "Load more")}</a>
         </p>
       </div>
     </div>
@@ -139,7 +355,7 @@ def template_youtube_comments(comments)
   return html
 end
 
-def template_reddit_comments(root)
+def template_reddit_comments(root, locale)
   html = ""
   root.each do |child|
     if child.data.is_a?(RedditComment)
@@ -151,15 +367,15 @@ def template_reddit_comments(root)
       replies_html = ""
       if child.replies.is_a?(RedditThing)
         replies = child.replies.as(RedditThing)
-        replies_html = template_reddit_comments(replies.data.as(RedditListing).children)
+        replies_html = template_reddit_comments(replies.data.as(RedditListing).children, locale)
       end
 
       content = <<-END_HTML
       <p>
         <a href="javascript:void(0)" onclick="toggle_parent(this)">[ - ]</a> 
         <b><a href="https://www.reddit.com/user/#{author}">#{author}</a></b> 
-        #{number_with_separator(score)} points 
-        #{recode_date(child.created_utc)} ago
+        #{translate(locale, "`x` points", number_with_separator(score))}
+        #{translate(locale, "`x` ago", recode_date(child.created_utc, locale))}
       </p>
       <div>
       #{body_html}
@@ -260,8 +476,7 @@ def content_to_comment_html(content)
     end
 
     if run["navigationEndpoint"]?
-      url = run["navigationEndpoint"]["urlEndpoint"]?.try &.["url"].as_s
-      if url
+      if url = run["navigationEndpoint"]["urlEndpoint"]?.try &.["url"].as_s
         url = URI.parse(url)
 
         if !url.host || {"m.youtube.com", "www.youtube.com", "youtu.be"}.includes? url.host
@@ -271,11 +486,20 @@ def content_to_comment_html(content)
             url = url.full_path
           end
         end
-      else
-        url = run["navigationEndpoint"]["commandMetadata"]?.try &.["webCommandMetadata"]["url"].as_s
-      end
 
-      text = %(<a href="#{url}">#{text}</a>)
+        text = %(<a href="#{url}">#{text}</a>)
+      elsif watch_endpoint = run["navigationEndpoint"]["watchEndpoint"]?
+        length_seconds = watch_endpoint["startTimeSeconds"]?
+        video_id = watch_endpoint["videoId"].as_s
+
+        if length_seconds
+          text = %(<a href="javascript:void(0)" onclick="player.currentTime(#{length_seconds})">#{text}</a>)
+        else
+          text = %(<a href="/watch?v=#{video_id}">#{text}</a>)
+        end
+      elsif url = run["navigationEndpoint"]["commandMetadata"]?.try &.["webCommandMetadata"]["url"].as_s
+        text = %(<a href="#{url}">#{text}</a>)
+      end
     end
 
     text

src/invidious/helpers/helpers.cr

@@ -1,21 +1,29 @@
 class Config
   YAML.mapping({
-    crawl_threads:   Int32,
-    channel_threads: Int32,
-    feed_threads:    Int32,
-    video_threads:   Int32,
-    db:              NamedTuple(
-      user: String,
+    video_threads:   Int32,      # Number of threads to use for updating videos in cache (mostly non-functional)
+    crawl_threads:   Int32,      # Number of threads to use for finding new videos from YouTube (used to populate "top" page)
+    channel_threads: Int32,      # Number of threads to use for crawling videos from channels (for updating subscriptions)
+    feed_threads:    Int32,      # Number of threads to use for updating feeds
+    db:              NamedTuple( # Database configuration
+user: String,
       password: String,
       host: String,
       port: Int32,
       dbname: String,
     ),
-    dl_api_key:   String?,
-    https_only:   Bool?,
-    hmac_key:     String?,
-    full_refresh: Bool,
-    geo_bypass:   Bool,
+    full_refresh:         Bool,                         # Used for crawling channels: threads should check all videos uploaded by a channel
+    https_only:           Bool?,                        # Used to tell Invidious it is behind a proxy, so links to resources should be https://
+    hmac_key:             String?,                      # HMAC signing key for CSRF tokens and verifying pubsub subscriptions
+    domain:               String?,                      # Domain to be used for links to resources on the site where an absolute URL is required
+    use_pubsub_feeds:     {type: Bool, default: false}, # Subscribe to channels using PubSubHubbub (requires domain, hmac_key)
+    default_home:         {type: String, default: "Top"},
+    feed_menu:            {type: Array(String), default: ["Popular", "Top", "Trending", "Subscriptions"]},
+    top_enabled:          {type: Bool, default: true},
+    captcha_enabled:      {type: Bool, default: true},
+    login_enabled:        {type: Bool, default: true},
+    registration_enabled: {type: Bool, default: true},
+    statistics_enabled:   {type: Bool, default: false},
+    admins:               {type: Array(String), default: [] of String},
   })
 end
 
@@ -43,6 +51,18 @@ class FilteredCompressHandler < Kemal::Handler
   end
 end
 
+class APIHandler < Kemal::Handler
+  only ["/api/v1/*"]
+
+  def call(env)
+    return call_next env unless only_match? env
+
+    env.response.headers["Access-Control-Allow-Origin"] = "*"
+
+    call_next env
+  end
+end
+
 class DenyFrame < Kemal::Handler
   exclude ["/embed/*"]
 
@@ -54,7 +74,7 @@ class DenyFrame < Kemal::Handler
   end
 end
 
-def rank_videos(db, n, filter, url)
+def rank_videos(db, n)
   top = [] of {Float64, String}
 
   db.query("SELECT id, wilson_score, published FROM videos WHERE views > 5000 ORDER BY published DESC LIMIT 1000") do |rs|
@@ -75,41 +95,7 @@ def rank_videos(db, n, filter, url)
   top.reverse!
   top = top.map { |a, b| b }
 
-  if filter
-    language_list = [] of String
-    top.each do |id|
-      if language_list.size == n
-        break
-      else
-        client = make_client(url)
-        begin
-          video = get_video(id, db)
-        rescue ex
-          next
-        end
-
-        if video.language
-          language = video.language
-        else
-          description = XML.parse(video.description)
-          content = [video.title, description.content].join(" ")
-          content = content[0, 10000]
-
-          results = DetectLanguage.detect(content)
-          language = results[0].language
-
-          db.exec("UPDATE videos SET language = $1 WHERE id = $2", language, id)
-        end
-
-        if language == "en"
-          language_list << id
-        end
-      end
-    end
-    return language_list
-  else
-    return top[0..n - 1]
-  end
+  return top[0..n - 1]
 end
 
 def login_req(login_form, f_req)
@@ -129,55 +115,6 @@ def login_req(login_form, f_req)
   return HTTP::Params.encode(data)
 end
 
-def generate_captcha(key)
-  minute = Random::Secure.rand(12)
-  minute_angle = minute * 30
-  minute = minute * 5
-
-  hour = Random::Secure.rand(12)
-  hour_angle = hour * 30 + minute_angle.to_f / 12
-  if hour == 0
-    hour = 12
-  end
-
-  clock_svg = <<-END_SVG
-  <svg viewBox="0 0 100 100" width="200px">
-  <circle cx="50" cy="50" r="45" fill="#eee" stroke="black" stroke-width="2"></circle>
-  
-  <text x="69"     y="20.091" text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 1</text>
-  <text x="82.909" y="34"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 2</text>
-  <text x="88"     y="53"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 3</text>
-  <text x="82.909" y="72"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 4</text>
-  <text x="69"     y="85.909" text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 5</text>
-  <text x="50"     y="91"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 6</text>
-  <text x="31"     y="85.909" text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 7</text>
-  <text x="17.091" y="72"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 8</text>
-  <text x="12"     y="53"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 9</text>
-  <text x="17.091" y="34"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px">10</text>
-  <text x="31"     y="20.091" text-anchor="middle" fill="black" font-family="Arial" font-size="10px">11</text>
-  <text x="50"     y="15"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px">12</text>
-
-  <circle cx="50" cy="50" r="3" fill="black"></circle>
-  <line id="minute" transform="rotate(#{minute_angle}, 50, 50)" x1="50" y1="50" x2="50" y2="16" fill="black" stroke="black" stroke-width="2"></line>
-  <line id="hour"   transform="rotate(#{hour_angle}, 50, 50)" x1="50" y1="50" x2="50" y2="24" fill="black" stroke="black" stroke-width="2"></line>
-  </svg>
-  END_SVG
-
-  challenge = ""
-  convert = Process.run(%(convert -density 1200 -resize 400x400 -background none svg:- png:-), shell: true,
-    input: IO::Memory.new(clock_svg), output: Process::Redirect::Pipe) do |proc|
-    challenge = proc.output.gets_to_end
-    challenge = Base64.strict_encode(challenge)
-    challenge = "data:image/png;base64,#{challenge}"
-  end
-
-  answer = "#{hour}:#{minute.to_s.rjust(2, '0')}"
-  token = OpenSSL::HMAC.digest(:sha256, key, answer)
-  token = Base64.urlsafe_encode(token)
-
-  return {challenge: challenge, token: token}
-end
-
 def html_to_content(description_html)
   if !description_html
     description = ""
@@ -203,29 +140,11 @@ def extract_videos(nodeset, ucid = nil)
   videos.map { |video| video.as(SearchVideo) }
 end
 
-def extract_items(nodeset, ucid = nil)
+def extract_items(nodeset, ucid = nil, author_name = nil)
   # TODO: Make this a 'common', so it makes more sense to be used here
   items = [] of SearchItem
 
   nodeset.each do |node|
-    anchor = node.xpath_node(%q(.//h3[contains(@class,"yt-lockup-title")]/a))
-    if !anchor
-      next
-    end
-
-    if anchor["href"].starts_with? "https://www.googleadservices.com"
-      next
-    end
-
-    anchor = node.xpath_node(%q(.//div[contains(@class, "yt-lockup-byline")]/a))
-    if !anchor
-      author = ""
-      author_id = ""
-    else
-      author = anchor.content.strip
-      author_id = anchor["href"].split("/")[-1]
-    end
-
     anchor = node.xpath_node(%q(.//h3[contains(@class, "yt-lockup-title")]/a))
     if !anchor
       next
@@ -233,6 +152,22 @@ def extract_items(nodeset, ucid = nil)
     title = anchor.content.strip
     id = anchor["href"]
 
+    if anchor["href"].starts_with? "https://www.googleadservices.com"
+      next
+    end
+
+    anchor = node.xpath_node(%q(.//div[contains(@class, "yt-lockup-byline")]/a))
+    if anchor
+      author = anchor.content.strip
+      author_id = anchor["href"].split("/")[-1]
+    end
+
+    author ||= author_name
+    author_id ||= ucid
+
+    author ||= ""
+    author_id ||= ""
+
     description_html = node.xpath_node(%q(.//div[contains(@class, "yt-lockup-description")]))
     description_html, description = html_to_content(description_html)
 
@@ -298,7 +233,9 @@ def extract_items(nodeset, ucid = nil)
       )
     when .includes? "yt-lockup-channel"
       author = title.strip
-      ucid = id.split("/")[-1]
+
+      ucid = node.xpath_node(%q(.//button[contains(@class, "yt-uix-subscription-button")])).try &.["data-channel-external-id"]?
+      ucid ||= id.split("/")[-1]
 
       author_thumbnail = node.xpath_node(%q(.//div/span/img)).try &.["data-thumb"]?
       author_thumbnail ||= node.xpath_node(%q(.//div/span/img)).try &.["src"]
@@ -311,13 +248,13 @@ def extract_items(nodeset, ucid = nil)
       video_count ||= 0
 
       items << SearchChannel.new(
-        author,
-        ucid,
-        author_thumbnail,
-        subscriber_count,
-        video_count,
-        description,
-        description_html
+        author: author,
+        ucid: ucid,
+        author_thumbnail: author_thumbnail,
+        subscriber_count: subscriber_count,
+        video_count: video_count,
+        description: description,
+        description_html: description_html
       )
     else
       id = id.lchop("/watch?v=")
@@ -329,7 +266,7 @@ def extract_items(nodeset, ucid = nil)
       rescue ex
       end
       begin
-        published ||= Time.epoch(metadata[0].xpath_node(%q(.//span)).not_nil!["data-timestamp"].to_i64)
+        published ||= Time.unix(metadata[0].xpath_node(%q(.//span)).not_nil!["data-timestamp"].to_i64)
       rescue ex
       end
       published ||= Time.now
@@ -364,25 +301,116 @@ def extract_items(nodeset, ucid = nil)
         premium = false
       end
 
-      if node.xpath_node(%q(.//span[contains(text(), "Get YouTube Premium")]))
-        paid = true
-      else
+      if !premium || node.xpath_node(%q(.//span[contains(text(), "Free episode")]))
         paid = false
+      else
+        paid = true
       end
 
       items << SearchVideo.new(
-        title,
-        id,
-        author,
-        author_id,
-        published,
-        view_count,
-        description,
-        description_html,
-        length_seconds,
-        live_now,
-        paid,
-        premium
+        title: title,
+        id: id,
+        author: author,
+        ucid: author_id,
+        published: published,
+        views: view_count,
+        description: description,
+        description_html: description_html,
+        length_seconds: length_seconds,
+        live_now: live_now,
+        paid: paid,
+        premium: premium
+      )
+    end
+  end
+
+  return items
+end
+
+def extract_shelf_items(nodeset, ucid = nil, author_name = nil)
+  items = [] of SearchPlaylist
+
+  nodeset.each do |shelf|
+    shelf_anchor = shelf.xpath_node(%q(.//h2[contains(@class, "branded-page-module-title")]))
+
+    if !shelf_anchor
+      next
+    end
+
+    title = shelf_anchor.xpath_node(%q(.//span[contains(@class, "branded-page-module-title-text")]))
+    if title
+      title = title.content.strip
+    end
+    title ||= ""
+
+    id = shelf_anchor.xpath_node(%q(.//a)).try &.["href"]
+    if !id
+      next
+    end
+
+    is_playlist = false
+    videos = [] of SearchPlaylistVideo
+
+    shelf.xpath_nodes(%q(.//ul[contains(@class, "yt-uix-shelfslider-list")]/li)).each do |child_node|
+      type = child_node.xpath_node(%q(./div))
+      if !type
+        next
+      end
+
+      case type["class"]
+      when .includes? "yt-lockup-video"
+        is_playlist = true
+
+        anchor = child_node.xpath_node(%q(.//h3[contains(@class, "yt-lockup-title")]/a))
+        if anchor
+          video_title = anchor.content.strip
+          video_id = HTTP::Params.parse(URI.parse(anchor["href"]).query.not_nil!)["v"]
+        end
+        video_title ||= ""
+        video_id ||= ""
+
+        anchor = child_node.xpath_node(%q(.//span[@class="video-time"]))
+        if anchor
+          length_seconds = decode_length_seconds(anchor.content)
+        end
+        length_seconds ||= 0
+
+        videos << SearchPlaylistVideo.new(
+          video_title,
+          video_id,
+          length_seconds
+        )
+      when .includes? "yt-lockup-playlist"
+        anchor = child_node.xpath_node(%q(.//h3[contains(@class, "yt-lockup-title")]/a))
+        if anchor
+          playlist_title = anchor.content.strip
+          params = HTTP::Params.parse(URI.parse(anchor["href"]).query.not_nil!)
+          plid = params["list"]
+        end
+        playlist_title ||= ""
+        plid ||= ""
+
+        items << SearchPlaylist.new(
+          playlist_title,
+          plid,
+          author_name,
+          ucid,
+          50,
+          Array(SearchPlaylistVideo).new
+        )
+      end
+    end
+
+    if is_playlist
+      plid = HTTP::Params.parse(URI.parse(id).query.not_nil!)["list"]
+
+      items << SearchPlaylist.new(
+        title,
+        plid,
+        author_name,
+        ucid,
+        videos.size,
+        videos
       )
     end
   end

src/invidious/helpers/i18n.cr

@@ -0,0 +1,19 @@
+def load_locale(name)
+  return JSON.parse(File.read("locales/#{name}.json")).as_h
+end
+
+def translate(locale : Hash(String, JSON::Any) | Nil, translation : String, text : String | Nil = nil)
+  # if locale && !locale[translation]?
+  #   puts "Could not find translation for #{translation.dump}"
+  # end
+
+  if locale && locale[translation]? && !locale[translation].as_s.empty?
+    translation = locale[translation].as_s
+  end
+
+  if text
+    translation = translation.gsub("`x`", text)
+  end
+
+  return translation
+end

src/invidious/helpers/logger.cr

@@ -0,0 +1,35 @@
+require "logger"
+
+class Invidious::LogHandler < Kemal::BaseLogHandler
+  def initialize(@io : IO = STDOUT)
+  end
+
+  def call(context : HTTP::Server::Context)
+    time = Time.now
+    call_next(context)
+    elapsed_text = elapsed_text(Time.now - time)
+
+    @io << time << ' ' << context.response.status_code << ' ' << context.request.method << ' ' << context.request.resource << ' ' << elapsed_text << '\n'
+
+    if @io.is_a? File
+      @io.flush
+    end
+
+    context
+  end
+
+  def write(message : String)
+    @io << message
+
+    if @io.is_a? File
+      @io.flush
+    end
+  end
+
+  private def elapsed_text(elapsed)
+    millis = elapsed.total_milliseconds
+    return "#{millis.round(2)}ms" if millis >= 1
+
+    "#{(millis * 1000).round(2)}µs"
+  end
+end

src/invidious/helpers/utils.cr

@@ -18,16 +18,28 @@ def elapsed_text(elapsed)
   "#{(millis * 1000).round(2)}µs"
 end
 
-def make_client(url)
+def make_client(url, proxies = {} of String => Array({ip: String, port: Int32}), region = nil)
   context = OpenSSL::SSL::Context::Client.new
   context.add_options(
     OpenSSL::SSL::Options::ALL |
     OpenSSL::SSL::Options::NO_SSL_V2 |
     OpenSSL::SSL::Options::NO_SSL_V3
   )
-  client = HTTP::Client.new(url, context)
+  client = HTTPClient.new(url, context)
   client.read_timeout = 10.seconds
   client.connect_timeout = 10.seconds
+
+  if region
+    proxies[region]?.try &.sample(40).each do |proxy|
+      begin
+        proxy = HTTPProxy.new(proxy_host: proxy[:ip], proxy_port: proxy[:port])
+        client.set_proxy(proxy)
+        break
+      rescue ex
+      end
+    end
+  end
+
   return client
 end
 
@@ -124,31 +136,26 @@ def decode_date(string : String)
   return Time.now - delta
 end
 
-def recode_date(time : Time)
+def recode_date(time : Time, locale)
   span = Time.now - time
 
   if span.total_days > 365.0
-    span = {span.total_days / 365, "year"}
+    span = translate(locale, "`x` years", (span.total_days.to_i / 365).to_s)
   elsif span.total_days > 30.0
-    span = {span.total_days / 30, "month"}
+    span = translate(locale, "`x` months", (span.total_days.to_i / 30).to_s)
   elsif span.total_days > 7.0
-    span = {span.total_days / 7, "week"}
+    span = translate(locale, "`x` weeks", (span.total_days.to_i / 7).to_s)
   elsif span.total_hours > 24.0
-    span = {span.total_days, "day"}
+    span = translate(locale, "`x` days", (span.total_days.to_i).to_s)
   elsif span.total_minutes > 60.0
-    span = {span.total_hours, "hour"}
+    span = translate(locale, "`x` hours", (span.total_hours.to_i).to_s)
   elsif span.total_seconds > 60.0
-    span = {span.total_minutes, "minute"}
+    span = translate(locale, "`x` minutes", (span.total_minutes.to_i).to_s)
   else
-    span = {span.total_seconds, "second"}
+    span = translate(locale, "`x` seconds", (span.total_seconds.to_i).to_s)
   end
 
-  span = {span[0].to_i, span[1]}
-  if span[0] > 1
-    span = {span[0], span[1] + "s"}
-  end
-
-  return span.join(" ")
+  return span
 end
 
 def number_with_separator(number)
@@ -186,16 +193,28 @@ def arg_array(array, start = 1)
   return args
 end
 
-def make_host_url(ssl, host)
+def make_host_url(config, kemal_config)
+  ssl = config.https_only || kemal_config.ssl
+
   if ssl
     scheme = "https://"
   else
     scheme = "http://"
   end
 
-  host ||= "invidio.us"
+  if kemal_config.port != 80 && kemal_config.port != 443
+    port = ":#{kemal_config.port}"
+  else
+    port = ""
+  end
 
-  return "#{scheme}#{host}"
+  if !config.domain
+    return ""
+  end
+
+  host = config.domain.not_nil!.lchop(".")
+
+  return "#{scheme}#{host}#{port}"
 end
 
 def get_referer(env, fallback = "/")
@@ -230,21 +249,21 @@ def get_referer(env, fallback = "/")
 end
 
 def read_var_int(bytes)
-  numRead = 0
+  num_read = 0
   result = 0
 
-  read = bytes[numRead]
+  read = bytes[num_read]
 
   if bytes.size == 1
     result = bytes[0].to_i32
   else
     while ((read & 0b10000000) != 0)
-      read = bytes[numRead].to_u64
+      read = bytes[num_read].to_u64
       value = (read & 0b01111111)
-      result |= (value << (7 * numRead))
+      result |= (value << (7 * num_read))
 
-      numRead += 1
-      if numRead > 5
+      num_read += 1
+      if num_read > 5
         raise "VarInt is too big"
       end
     end
@@ -272,7 +291,7 @@ def write_var_int(value : Int)
     end
   end
 
-  return bytes
+  return Slice.new(bytes.to_unsafe, bytes.size)
 end
 
 def sha256(text)

src/invidious/jobs.cr

@@ -1,4 +1,4 @@
-def crawl_videos(db)
+def crawl_videos(db, logger)
   ids = Deque(String).new
   random = Random.new
 
@@ -21,7 +21,7 @@ def crawl_videos(db)
       id = ids[0]
       video = get_video(id, db)
     rescue ex
-      STDOUT << id << " : " << ex.message << "\n"
+      logger.write("#{id} : #{ex.message}\n")
       next
     ensure
       ids.delete(id)
@@ -46,7 +46,7 @@ def crawl_videos(db)
   end
 end
 
-def refresh_channels(db, max_threads = 1, full_refresh = false)
+def refresh_channels(db, logger, max_threads = 1, full_refresh = false)
   max_channel = Channel(Int32).new
 
   spawn do
@@ -68,12 +68,14 @@ def refresh_channels(db, max_threads = 1, full_refresh = false)
           active_threads += 1
           spawn do
             begin
-              client = make_client(YT_URL)
-              channel = fetch_channel(id, client, db, full_refresh)
+              channel = fetch_channel(id, db, full_refresh)
 
-              db.exec("UPDATE channels SET updated = $1 WHERE id = $2", Time.now, id)
+              db.exec("UPDATE channels SET updated = $1, author = $2, deleted = false WHERE id = $3", Time.now, channel.author, id)
             rescue ex
-              STDOUT << id << " : " << ex.message << "\n"
+              if ex.message == "Deleted or invalid channel"
+                db.exec("UPDATE channels SET updated = $1, deleted = true WHERE id = $2", Time.now, id)
+              end
+              logger.write("#{id} : #{ex.message}\n")
             end
 
             active_channel.send(true)
@@ -86,7 +88,7 @@ def refresh_channels(db, max_threads = 1, full_refresh = false)
   max_channel.send(max_threads)
 end
 
-def refresh_videos(db)
+def refresh_videos(db, logger)
   loop do
     db.query("SELECT id FROM videos ORDER BY updated") do |rs|
       rs.each do
@@ -94,7 +96,7 @@ def refresh_videos(db)
           id = rs.read(String)
           video = get_video(id, db)
         rescue ex
-          STDOUT << id << " : " << ex.message << "\n"
+          logger.write("#{id} : #{ex.message}\n")
           next
         end
       end
@@ -104,7 +106,7 @@ def refresh_videos(db)
   end
 end
 
-def refresh_feeds(db, max_threads = 1)
+def refresh_feeds(db, logger, max_threads = 1)
   max_channel = Channel(Int32).new
 
   spawn do
@@ -129,7 +131,16 @@ def refresh_feeds(db, max_threads = 1)
             begin
               db.exec("REFRESH MATERIALIZED VIEW #{view_name}")
             rescue ex
-              STDOUT << "REFRESH " << email << " : " << ex.message << "\n"
+              # Create view if it doesn't exist
+              if ex.message.try &.ends_with? "does not exist"
+                db.exec("CREATE MATERIALIZED VIEW #{view_name} AS \
+                SELECT * FROM channel_videos WHERE \
+                ucid = ANY ((SELECT subscriptions FROM users WHERE email = E'#{email.gsub("'", "\\'")}')::text[]) \
+                ORDER BY published DESC;")
+                logger.write("CREATE #{view_name}")
+              else
+                logger.write("REFRESH #{email} : #{ex.message}\n")
+              end
             end
 
             active_channel.send(true)
@@ -142,19 +153,32 @@ def refresh_feeds(db, max_threads = 1)
   max_channel.send(max_threads)
 end
 
-def pull_top_videos(config, db)
-  if config.dl_api_key
-    DetectLanguage.configure do |dl_config|
-      dl_config.api_key = config.dl_api_key.not_nil!
+def subscribe_to_feeds(db, logger, key, config)
+  if config.use_pubsub_feeds
+    spawn do
+      loop do
+        db.query_all("SELECT id FROM channels WHERE CURRENT_TIMESTAMP - subscribed > '4 days'") do |rs|
+          rs.each do
+            ucid = rs.read(String)
+            response = subscribe_pubsub(ucid, key, config)
+
+            if response.status_code >= 400
+              logger.write("#{ucid} : #{response.body}\n")
+            end
+          end
+        end
+
+        sleep 1.minute
+        Fiber.yield
+      end
     end
-    filter = true
   end
+end
 
-  filter ||= false
-
+def pull_top_videos(config, db)
   loop do
     begin
-      top = rank_videos(db, 40, filter, YT_URL)
+      top = rank_videos(db, 40)
     rescue ex
       next
     end
@@ -180,6 +204,21 @@ def pull_top_videos(config, db)
   end
 end
 
+def pull_popular_videos(db)
+  loop do
+    subscriptions = db.query_all("SELECT channel FROM \
+      (SELECT UNNEST(subscriptions) AS channel FROM users) AS d \
+    GROUP BY channel ORDER BY COUNT(channel) DESC LIMIT 40", as: String)
+
+    videos = db.query_all("SELECT DISTINCT ON (ucid) * FROM \
+      channel_videos WHERE ucid IN (#{arg_array(subscriptions)}) \
+    ORDER BY ucid, published DESC", subscriptions, as: ChannelVideo).sort_by { |video| video.published }.reverse
+
+    yield videos
+    Fiber.yield
+  end
+end
+
 def update_decrypt_function
   loop do
     begin
@@ -189,7 +228,6 @@ def update_decrypt_function
     end
 
     yield decrypt_function
-    Fiber.yield
   end
 end
 

src/invidious/mixes.cr

@@ -18,7 +18,7 @@ class Mix
   })
 end
 
-def fetch_mix(rdid, video_id, cookies = nil)
+def fetch_mix(rdid, video_id, cookies = nil, locale = nil)
   client = make_client(YT_URL)
   headers = HTTP::Headers.new
   headers["User-Agent"] = "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/69.0.3497.100 Safari/537.36"
@@ -26,25 +26,27 @@ def fetch_mix(rdid, video_id, cookies = nil)
   if cookies
     headers = cookies.add_request_headers(headers)
   end
-  response = client.get("/watch?v=#{video_id}&list=#{rdid}&bpctr=#{Time.new.epoch + 2000}&gl=US&hl=en", headers)
+  response = client.get("/watch?v=#{video_id}&list=#{rdid}&gl=US&hl=en&has_verified=1&bpctr=9999999999", headers)
 
   yt_data = response.body.match(/window\["ytInitialData"\] = (?<data>.*);/)
   if yt_data
     yt_data = JSON.parse(yt_data["data"].rchop(";"))
   else
-    raise "Could not create mix."
+    raise translate(locale, "Could not create mix.")
   end
 
   if !yt_data["contents"]["twoColumnWatchNextResults"]["playlist"]?
-    raise "Could not create mix."
+    raise translate(locale, "Could not create mix.")
   end
 
   playlist = yt_data["contents"]["twoColumnWatchNextResults"]["playlist"]["playlist"]
   mix_title = playlist["title"].as_s
 
   contents = playlist["contents"].as_a
-  until contents[0]["playlistPanelVideoRenderer"]["videoId"].as_s == video_id
-    contents.shift
+  if contents.map { |video| video["playlistPanelVideoRenderer"]["videoId"] }.includes? video_id
+    until contents[0]["playlistPanelVideoRenderer"]["videoId"].as_s == video_id
+      contents.shift
+    end
   end
 
   videos = [] of MixVideo
@@ -52,7 +54,10 @@ def fetch_mix(rdid, video_id, cookies = nil)
     item = item["playlistPanelVideoRenderer"]
 
     id = item["videoId"].as_s
-    title = item["title"]["simpleText"].as_s
+    title = item["title"]?.try &.["simpleText"].as_s
+    if !title
+      next
+    end
     author = item["longBylineText"]["runs"][0]["text"].as_s
     ucid = item["longBylineText"]["runs"][0]["navigationEndpoint"]["browseEndpoint"]["browseId"].as_s
     length_seconds = decode_length_seconds(item["lengthText"]["simpleText"].as_s)
@@ -70,7 +75,7 @@ def fetch_mix(rdid, video_id, cookies = nil)
   end
 
   if !cookies
-    next_page = fetch_mix(rdid, videos[-1].id, response.cookies)
+    next_page = fetch_mix(rdid, videos[-1].id, response.cookies, locale)
     videos += next_page.videos
   end
 
@@ -94,7 +99,10 @@ def template_mix(mix)
     html += <<-END_HTML
       <li class="pure-menu-item">
         <a href="/watch?v=#{video["videoId"]}&list=#{mix["mixId"]}">
-          <img style="width:100%;" src="/vi/#{video["videoId"]}/mqdefault.jpg">
+          <div class="thumbnail">
+              <img class="thumbnail" src="/vi/#{video["videoId"]}/mqdefault.jpg">
+              <p class="length">#{recode_length_seconds(video["lengthSeconds"].as_i)}</p>
+          </div>
           <p style="width:100%">#{video["title"]}</p>
           <p>
               <b style="width: 100%">#{video["author"]}</b>

src/invidious/playlists.cr

@@ -26,11 +26,11 @@ class Playlist
   })
 end
 
-def fetch_playlist_videos(plid, page, video_count, continuation = nil)
+def fetch_playlist_videos(plid, page, video_count, continuation = nil, locale = nil)
   client = make_client(YT_URL)
 
   if continuation
-    html = client.get("/watch?v=#{continuation}&list=#{plid}&bpctr=#{Time.new.epoch + 2000}&gl=US&hl=en&disable_polymer=1")
+    html = client.get("/watch?v=#{continuation}&list=#{plid}&gl=US&hl=en&disable_polymer=1&has_verified=1&bpctr=9999999999")
     html = XML.parse_html(html.body)
 
     index = html.xpath_node(%q(//span[@id="playlist-current-index"])).try &.content.to_i?
@@ -48,7 +48,7 @@ def fetch_playlist_videos(plid, page, video_count, continuation = nil)
     response = client.get(url)
     response = JSON.parse(response.body)
     if !response["content_html"]? || response["content_html"].as_s.empty?
-      raise "Playlist is empty"
+      raise translate(locale, "Playlist is empty")
     end
 
     document = XML.parse_html(response["content_html"].as_s)
@@ -65,6 +65,7 @@ def fetch_playlist_videos(plid, page, video_count, continuation = nil)
       nodeset = document.xpath_nodes(%q(.//tr[contains(@class, "pl-video")]))
 
       videos = extract_playlist(plid, nodeset, 0)
+
       if continuation
         until videos[0].id == continuation
           videos.shift
@@ -105,14 +106,14 @@ def extract_playlist(plid, nodeset, index)
     end
 
     videos << PlaylistVideo.new(
-      title,
-      id,
-      author,
-      ucid,
-      length_seconds,
-      Time.now,
-      [plid],
-      index + offset,
+      title: title,
+      id: id,
+      author: author,
+      ucid: ucid,
+      length_seconds: length_seconds,
+      published: Time.now,
+      playlists: [plid],
+      index: index + offset,
     )
   end
 
@@ -125,37 +126,42 @@ def produce_playlist_url(id, index)
   end
   ucid = "VL" + id
 
-  meta = [0x08_u8] + write_var_int(index)
-  meta = Slice.new(meta.to_unsafe, meta.size)
-  meta = Base64.urlsafe_encode(meta, false)
+  meta = IO::Memory.new
+  meta.write(Bytes[0x08])
+  meta.write(write_var_int(index))
+
+  meta.rewind
+  meta = Base64.urlsafe_encode(meta.to_slice, false)
   meta = "PT:#{meta}"
 
-  wrapped = "\x7a"
-  wrapped += meta.bytes.size.unsafe_chr
-  wrapped += meta
+  continuation = IO::Memory.new
+  continuation.write(Bytes[0x7a, meta.size])
+  continuation.print(meta)
 
-  wrapped = Base64.urlsafe_encode(wrapped)
-  meta = URI.escape(wrapped)
+  continuation.rewind
+  meta = Base64.urlsafe_encode(continuation.to_slice)
+  meta = URI.escape(meta)
 
-  continuation = "\x12"
-  continuation += ucid.size.unsafe_chr
-  continuation += ucid
-  continuation += "\x1a"
-  continuation += meta.bytes.size.unsafe_chr
-  continuation += meta
+  continuation = IO::Memory.new
+  continuation.write(Bytes[0x12, ucid.size])
+  continuation.print(ucid)
+  continuation.write(Bytes[0x1a, meta.size])
+  continuation.print(meta)
 
-  continuation = continuation.size.to_u8.unsafe_chr + continuation
-  continuation = "\xe2\xa9\x85\xb2\x02" + continuation
+  wrapper = IO::Memory.new
+  wrapper.write(Bytes[0xe2, 0xa9, 0x85, 0xb2, 0x02, continuation.size])
+  wrapper.print(continuation)
+  wrapper.rewind
 
-  continuation = Base64.urlsafe_encode(continuation)
-  continuation = URI.escape(continuation)
+  wrapper = Base64.urlsafe_encode(wrapper.to_slice)
+  wrapper = URI.escape(wrapper)
 
-  url = "/browse_ajax?continuation=#{continuation}"
+  url = "/browse_ajax?continuation=#{wrapper}&gl=US&hl=en"
 
   return url
 end
 
-def fetch_playlist(plid)
+def fetch_playlist(plid, locale)
   client = make_client(YT_URL)
 
   if plid.starts_with? "UC"
@@ -164,19 +170,15 @@ def fetch_playlist(plid)
 
   response = client.get("/playlist?list=#{plid}&hl=en&disable_polymer=1")
   if response.status_code != 200
-    raise "Invalid playlist."
+    raise translate(locale, "Invalid playlist.")
   end
 
-  body = response.body.gsub(<<-END_BUTTON
-  <button class="yt-uix-button yt-uix-button-size-default yt-uix-button-link yt-uix-expander-head playlist-description-expander yt-uix-inlineedit-ignore-edit" type="button" onclick=";return false;"><span class="yt-uix-button-content">  less <img alt="" src="/yts/img/pixel-vfl3z5WfW.gif">
-  </span></button>
-  END_BUTTON
-  , "")
+  body = response.body.gsub(/<button[^>]+><span[^>]+>\s*less\s*<img[^>]+>\n<\/span><\/button>/, "")
   document = XML.parse_html(body)
 
   title = document.xpath_node(%q(//h1[@class="pl-header-title"]))
   if !title
-    raise "Playlist does not exist."
+    raise translate(locale, "Playlist does not exist.")
   end
   title = title.content.strip(" \n")
 
@@ -188,7 +190,7 @@ def fetch_playlist(plid)
   author = anchor.xpath_node(%q(.//li[1]/a)).not_nil!.content
   author_thumbnail = document.xpath_node(%q(//img[@class="channel-header-profile-image"])).try &.["src"]
   author_thumbnail ||= ""
-  ucid = anchor.xpath_node(%q(.//li[1]/a)).not_nil!["href"].split("/")[2]
+  ucid = anchor.xpath_node(%q(.//li[1]/a)).not_nil!["href"].split("/")[-1]
 
   video_count = anchor.xpath_node(%q(.//li[2])).not_nil!.content.delete("videos, ").to_i
   views = anchor.xpath_node(%q(.//li[3])).not_nil!.content.delete("No views, ")
@@ -202,16 +204,16 @@ def fetch_playlist(plid)
   updated = decode_date(updated)
 
   playlist = Playlist.new(
-    title,
-    plid,
-    author,
-    author_thumbnail,
-    ucid,
-    description,
-    description_html,
-    video_count,
-    views,
-    updated
+    title: title,
+    id: plid,
+    author: author,
+    author_thumbnail: author_thumbnail,
+    ucid: ucid,
+    description: description,
+    description_html: description_html,
+    video_count: video_count,
+    views: views,
+    updated: updated
   )
 
   return playlist
@@ -232,7 +234,10 @@ def template_playlist(playlist)
     html += <<-END_HTML
       <li class="pure-menu-item">
         <a href="/watch?v=#{video["videoId"]}&list=#{playlist["playlistId"]}">
-          <img style="width:100%;" src="/vi/#{video["videoId"]}/mqdefault.jpg">
+          <div class="thumbnail">
+              <img class="thumbnail" src="/vi/#{video["videoId"]}/mqdefault.jpg">
+              <p class="length">#{recode_length_seconds(video["lengthSeconds"].as_i)}</p>
+          </div>
           <p style="width:100%">#{video["title"]}</p>
           <p>
               <b style="width: 100%">#{video["author"]}</b>

src/invidious/search.cr

@@ -51,12 +51,12 @@ alias SearchItem = SearchVideo | SearchChannel | SearchPlaylist
 def channel_search(query, page, channel)
   client = make_client(YT_URL)
 
-  response = client.get("/user/#{channel}")
+  response = client.get("/user/#{channel}?disable_polymer=1&hl=en&gl=US")
   document = XML.parse_html(response.body)
   canonical = document.xpath_node(%q(//link[@rel="canonical"]))
 
   if !canonical
-    response = client.get("/channel/#{channel}")
+    response = client.get("/channel/#{channel}?disable_polymer=1&hl=en&gl=US")
     document = XML.parse_html(response.body)
     canonical = document.xpath_node(%q(//link[@rel="canonical"]))
   end
@@ -85,8 +85,8 @@ def channel_search(query, page, channel)
   return count, items
 end
 
-def search(query, page = 1, search_params = produce_search_params(content_type: "all"))
-  client = make_client(YT_URL)
+def search(query, page = 1, search_params = produce_search_params(content_type: "all"), proxies = nil, region = nil)
+  client = make_client(YT_URL, proxies, region)
   if query.empty?
     return {0, [] of SearchItem}
   end
@@ -188,7 +188,7 @@ def produce_search_params(sort : String = "relevance", date : String = "", conte
             end
   end
 
-  if body.size > 0
+  if !body.empty?
     token = head + "\x12" + body.size.unsafe_chr + body
   else
     token = head
@@ -203,36 +203,45 @@ end
 def produce_channel_search_url(ucid, query, page)
   page = "#{page}"
 
-  meta = "\x12\x06search"
-  meta += "\x30\x02"
-  meta += "\x38\x01"
-  meta += "\x60\x01"
-  meta += "\x6a\x00"
-  meta += "\xb8\x01\x00"
-  meta += "\x7a"
-  meta += page.size.unsafe_chr
-  meta += page
+  meta = IO::Memory.new
+  meta.write(Bytes[0x12, 0x06])
+  meta.print("search")
 
-  meta = Base64.urlsafe_encode(meta)
+  meta.write(Bytes[0x30, 0x02])
+  meta.write(Bytes[0x38, 0x01])
+  meta.write(Bytes[0x60, 0x01])
+  meta.write(Bytes[0x6a, 0x00])
+  meta.write(Bytes[0xb8, 0x01, 0x00])
+
+  meta.write(Bytes[0x7a, page.size])
+  meta.print(page)
+
+  meta.rewind
+  meta = Base64.urlsafe_encode(meta.to_slice)
   meta = URI.escape(meta)
 
-  continuation = "\x12"
-  continuation += ucid.size.unsafe_chr
-  continuation += ucid
-  continuation += "\x1a"
-  continuation += meta.size.unsafe_chr
-  continuation += meta
-  continuation += "\x5a"
-  continuation += query.size.unsafe_chr
-  continuation += query
+  continuation = IO::Memory.new
+  continuation.write(Bytes[0x12, ucid.size])
+  continuation.print(ucid)
 
-  continuation = continuation.size.unsafe_chr + continuation
-  continuation = "\xe2\xa9\x85\xb2\x02" + continuation
+  continuation.write(Bytes[0x1a, meta.size])
+  continuation.print(meta)
 
-  continuation = Base64.urlsafe_encode(continuation)
-  continuation = URI.escape(continuation)
+  continuation.write(Bytes[0x5a, query.size])
+  continuation.print(query)
 
-  url = "/browse_ajax?continuation=#{continuation}"
+  continuation.rewind
+  continuation = continuation.gets_to_end
+
+  wrapper = IO::Memory.new
+  wrapper.write(Bytes[0xe2, 0xa9, 0x85, 0xb2, 0x02, continuation.size])
+  wrapper.print(continuation)
+  wrapper.rewind
+
+  wrapper = Base64.urlsafe_encode(wrapper.to_slice)
+  wrapper = URI.escape(wrapper)
+
+  url = "/browse_ajax?continuation=#{wrapper}&gl=US&hl=en"
 
   return url
 end

src/invidious/signatures.cr

@@ -1,15 +1,15 @@
 def fetch_decrypt_function(id = "CvFH_6DNRCY")
   client = make_client(YT_URL)
-  document = client.get("/watch?v=#{id}").body
-  url = document.match(/src="(?<url>\/yts\/jsbin\/player-.{9}\/en_US\/base.js)"/).not_nil!["url"]
+  document = client.get("/watch?v=#{id}&gl=US&hl=en&disable_polymer=1").body
+  url = document.match(/src="(?<url>\/yts\/jsbin\/player_ias-.{9}\/en_US\/base.js)"/).not_nil!["url"]
   player = client.get(url).body
 
   function_name = player.match(/^(?<name>[^=]+)=function\(a\){a=a\.split\(""\)/m).not_nil!["name"]
-  function_body = player.match(/^#{function_name}=function\(a\){(?<body>[^}]+)}/m).not_nil!["body"]
+  function_body = player.match(/^#{Regex.escape(function_name)}=function\(a\){(?<body>[^}]+)}/m).not_nil!["body"]
   function_body = function_body.split(";")[1..-2]
 
   var_name = function_body[0][0, 2]
-  var_body = player.delete("\n").match(/var #{var_name}={(?<body>(.*?))};/).not_nil!["body"]
+  var_body = player.delete("\n").match(/var #{Regex.escape(var_name)}={(?<body>(.*?))};/).not_nil!["body"]
 
   operations = {} of String => String
   var_body.split("},").each do |operation|
@@ -39,7 +39,12 @@ def fetch_decrypt_function(id = "CvFH_6DNRCY")
   return decrypt_function
 end
 
-def decrypt_signature(a, code)
+def decrypt_signature(fmt, code)
+  if !fmt["s"]?
+    return ""
+  end
+
+  a = fmt["s"]
   a = a.split("")
 
   code.each do |item|
@@ -53,7 +58,8 @@ def decrypt_signature(a, code)
     end
   end
 
-  return a.join("")
+  signature = a.join("")
+  return "&#{fmt["sp"]?}=#{signature}"
 end
 
 def splice(a, b)

src/invidious/trending.cr

@@ -0,0 +1,41 @@
+def fetch_trending(trending_type, proxies, region, locale)
+  client = make_client(YT_URL)
+  headers = HTTP::Headers.new
+  headers["User-Agent"] = "Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.106 Safari/537.36"
+
+  region ||= "US"
+  region = region.upcase
+
+  trending = ""
+  if trending_type && trending_type != "Default"
+    trending_type = trending_type.downcase.capitalize
+
+    response = client.get("/feed/trending?gl=#{region}&hl=en", headers).body
+
+    yt_data = response.match(/window\["ytInitialData"\] = (?<data>.*);/)
+    if yt_data
+      yt_data = JSON.parse(yt_data["data"].rchop(";"))
+    else
+      raise translate(locale, "Could not pull trending pages.")
+    end
+
+    tabs = yt_data["contents"]["twoColumnBrowseResultsRenderer"]["tabs"][0]["tabRenderer"]["content"]["sectionListRenderer"]["subMenu"]["channelListSubMenuRenderer"]["contents"].as_a
+    url = tabs.select { |tab| tab["channelListSubMenuAvatarRenderer"]["title"]["simpleText"] == trending_type }[0]?
+
+    if url
+      url = url["channelListSubMenuAvatarRenderer"]["navigationEndpoint"]["commandMetadata"]["webCommandMetadata"]["url"].as_s
+      url += "&disable_polymer=1&gl=#{region}&hl=en"
+      trending = client.get(url).body
+    else
+      trending = client.get("/feed/trending?gl=#{region}&hl=en&disable_polymer=1").body
+    end
+  else
+    trending = client.get("/feed/trending?gl=#{region}&hl=en&disable_polymer=1").body
+  end
+
+  trending = XML.parse_html(trending)
+  nodeset = trending.xpath_nodes(%q(//ul/li[@class="expanded-shelf-content-item-wrapper"]))
+  trending = extract_videos(nodeset)
+
+  return trending
+end

src/invidious/users.cr

@@ -1,3 +1,5 @@
+require "crypto/bcrypt/password"
+
 class User
   module PreferencesConverter
     def self.from_rs(rs)
@@ -10,7 +12,6 @@ class User
   end
 
   add_mapping({
-    id:            Array(String),
     updated:       Time,
     notifications: Array(String),
     subscriptions: Array(String),
@@ -27,20 +28,25 @@ class User
 end
 
 DEFAULT_USER_PREFERENCES = Preferences.from_json({
-  "video_loop"     => false,
-  "autoplay"       => false,
-  "speed"          => 1.0,
-  "quality"        => "hd720",
-  "volume"         => 100,
-  "comments"       => ["youtube", ""],
-  "captions"       => ["", "", ""],
-  "related_videos" => true,
-  "dark_mode"      => false,
-  "thin_mode"      => false,
-  "max_results"    => 40,
-  "sort"           => "published",
-  "latest_only"    => false,
-  "unseen_only"    => false,
+  "video_loop"         => false,
+  "autoplay"           => false,
+  "continue"           => false,
+  "listen"             => false,
+  "speed"              => 1.0,
+  "quality"            => "hd720",
+  "volume"             => 100,
+  "comments"           => ["youtube", ""],
+  "captions"           => ["", "", ""],
+  "related_videos"     => true,
+  "redirect_feed"      => false,
+  "locale"             => "en-US",
+  "dark_mode"          => false,
+  "thin_mode"          => false,
+  "max_results"        => 40,
+  "sort"               => "published",
+  "latest_only"        => false,
+  "unseen_only"        => false,
+  "notifications_only" => false,
 }.to_json)
 
 class Preferences
@@ -70,30 +76,38 @@ class Preferences
   JSON.mapping({
     video_loop: Bool,
     autoplay:   Bool,
-    speed:      Float32,
-    quality:    String,
-    volume:     Int32,
-    comments:   {
+    continue:   {
+      type:    Bool,
+      default: DEFAULT_USER_PREFERENCES.continue,
+    },
+    listen: {
+      type:    Bool,
+      default: DEFAULT_USER_PREFERENCES.listen,
+    },
+    speed:    Float32,
+    quality:  String,
+    volume:   Int32,
+    comments: {
       type:      Array(String),
-      default:   ["youtube", ""],
+      default:   DEFAULT_USER_PREFERENCES.comments,
       converter: StringToArray,
     },
     captions: {
       type:    Array(String),
-      default: ["", "", ""],
+      default: DEFAULT_USER_PREFERENCES.captions,
     },
     redirect_feed: {
       type:    Bool,
-      default: false,
+      default: DEFAULT_USER_PREFERENCES.redirect_feed,
     },
     related_videos: {
       type:    Bool,
-      default: true,
+      default: DEFAULT_USER_PREFERENCES.related_videos,
     },
     dark_mode: Bool,
     thin_mode: {
       type:    Bool,
-      default: false,
+      default: DEFAULT_USER_PREFERENCES.thin_mode,
     },
     max_results:        Int32,
     sort:               String,
@@ -101,75 +115,83 @@ class Preferences
     unseen_only:        Bool,
     notifications_only: {
       type:    Bool,
-      default: false,
+      default: DEFAULT_USER_PREFERENCES.notifications_only,
+    },
+    locale: {
+      type:    String,
+      default: DEFAULT_USER_PREFERENCES.locale,
     },
   })
 end
 
-def get_user(sid, client, headers, db, refresh = true)
-  if db.query_one?("SELECT EXISTS (SELECT true FROM users WHERE $1 = ANY(id))", sid, as: Bool)
-    user = db.query_one("SELECT * FROM users WHERE $1 = ANY(id)", sid, as: User)
+def get_user(sid, headers, db, refresh = true)
+  if email = db.query_one?("SELECT email FROM session_ids WHERE id = $1", sid, as: String)
+    user = db.query_one("SELECT * FROM users WHERE email = $1", email, as: User)
 
     if refresh && Time.now - user.updated > 1.minute
-      user = fetch_user(sid, client, headers, db)
+      user, sid = fetch_user(sid, headers, db)
       user_array = user.to_a
 
-      user_array[5] = user_array[5].to_json
+      user_array[4] = user_array[4].to_json
       args = arg_array(user_array)
 
       db.exec("INSERT INTO users VALUES (#{args}) \
-      ON CONFLICT (email) DO UPDATE SET id = users.id || $1, updated = $2, subscriptions = $4", user_array)
+      ON CONFLICT (email) DO UPDATE SET updated = $1, subscriptions = $3", user_array)
+
+      db.exec("INSERT INTO session_ids VALUES ($1,$2,$3) \
+      ON CONFLICT (id) DO NOTHING", sid, user.email, Time.now)
 
       begin
         view_name = "subscriptions_#{sha256(user.email)[0..7]}"
-        PG_DB.exec("CREATE MATERIALIZED VIEW #{view_name} AS \
+        db.exec("CREATE MATERIALIZED VIEW #{view_name} AS \
         SELECT * FROM channel_videos WHERE \
-        ucid = ANY ((SELECT subscriptions FROM users WHERE email = '#{user.email}')::text[]) \
+        ucid = ANY ((SELECT subscriptions FROM users WHERE email = E'#{user.email.gsub("'", "\\'")}')::text[]) \
         ORDER BY published DESC;")
       rescue ex
       end
     end
   else
-    user = fetch_user(sid, client, headers, db)
+    user, sid = fetch_user(sid, headers, db)
     user_array = user.to_a
 
-    user_array[5] = user_array[5].to_json
+    user_array[4] = user_array[4].to_json
     args = arg_array(user.to_a)
 
     db.exec("INSERT INTO users VALUES (#{args}) \
-    ON CONFLICT (email) DO UPDATE SET id = users.id || $1, updated = $2, subscriptions = $4", user_array)
+    ON CONFLICT (email) DO UPDATE SET updated = $1, subscriptions = $3", user_array)
+
+    db.exec("INSERT INTO session_ids VALUES ($1,$2,$3) \
+    ON CONFLICT (id) DO NOTHING", sid, user.email, Time.now)
 
     begin
       view_name = "subscriptions_#{sha256(user.email)[0..7]}"
-      PG_DB.exec("CREATE MATERIALIZED VIEW #{view_name} AS \
+      db.exec("CREATE MATERIALIZED VIEW #{view_name} AS \
       SELECT * FROM channel_videos WHERE \
-      ucid = ANY ((SELECT subscriptions FROM users WHERE email = '#{user.email}')::text[]) \
+      ucid = ANY ((SELECT subscriptions FROM users WHERE email = E'#{user.email.gsub("'", "\\'")}')::text[]) \
       ORDER BY published DESC;")
     rescue ex
     end
   end
 
-  return user
+  return user, sid
 end
 
-def fetch_user(sid, client, headers, db)
+def fetch_user(sid, headers, db)
+  client = make_client(YT_URL)
   feed = client.get("/subscription_manager?disable_polymer=1", headers)
   feed = XML.parse_html(feed.body)
 
   channels = [] of String
-  feed.xpath_nodes(%q(//ul[@id="guide-channels"]/li/a)).each do |channel|
-    if !{"Popular on YouTube", "Music", "Sports", "Gaming"}.includes? channel["title"]
-      channel_id = channel["href"].lstrip("/channel/")
-
-      begin
-        channel = get_channel(channel_id, client, db, false, false)
-        channels << channel.id
-      rescue ex
-        next
-      end
+  channels = feed.xpath_nodes(%q(//ul[@id="guide-channels"]/li/a)).compact_map do |channel|
+    if {"Popular on YouTube", "Music", "Sports", "Gaming"}.includes? channel["title"]
+      nil
+    else
+      channel["href"].lstrip("/channel/")
     end
   end
 
+  channels = get_batch_channels(channels, db, false, false)
+
   email = feed.xpath_node(%q(//a[@class="yt-masthead-picker-header yt-masthead-picker-active-account"]))
   if email
     email = email.content.strip
@@ -179,15 +201,129 @@ def fetch_user(sid, client, headers, db)
 
   token = Base64.urlsafe_encode(Random::Secure.random_bytes(32))
 
-  user = User.new([sid], Time.now, [] of String, channels, email, DEFAULT_USER_PREFERENCES, nil, token, [] of String)
-  return user
+  user = User.new(Time.now, [] of String, channels, email, DEFAULT_USER_PREFERENCES, nil, token, [] of String)
+  return user, sid
 end
 
 def create_user(sid, email, password)
   password = Crypto::Bcrypt::Password.create(password, cost: 10)
   token = Base64.urlsafe_encode(Random::Secure.random_bytes(32))
 
-  user = User.new([sid], Time.now, [] of String, [] of String, email, DEFAULT_USER_PREFERENCES, password.to_s, token, [] of String)
+  user = User.new(Time.now, [] of String, [] of String, email, DEFAULT_USER_PREFERENCES, password.to_s, token, [] of String)
 
-  return user
+  return user, sid
+end
+
+def create_response(user_id, operation, key, db, expire = 6.hours)
+  expire = Time.now + expire
+  nonce = Random::Secure.hex(16)
+  db.exec("INSERT INTO nonces VALUES ($1, $2) ON CONFLICT DO NOTHING", nonce, expire)
+
+  challenge = "#{expire.to_unix}-#{nonce}-#{user_id}-#{operation}"
+  token = OpenSSL::HMAC.digest(:sha256, key, challenge)
+
+  challenge = Base64.urlsafe_encode(challenge)
+  token = Base64.urlsafe_encode(token)
+
+  return challenge, token
+end
+
+def validate_response(challenge, token, user_id, operation, key, db, locale)
+  if !challenge
+    raise translate(locale, "Hidden field \"challenge\" is a required field")
+  end
+
+  if !token
+    raise translate(locale, "Hidden field \"token\" is a required field")
+  end
+
+  challenge = Base64.decode_string(challenge)
+  if challenge.split("-").size == 4
+    expire, nonce, challenge_user_id, challenge_operation = challenge.split("-")
+
+    expire = expire.to_i?
+    expire ||= 0
+  else
+    raise translate(locale, "Invalid challenge")
+  end
+
+  challenge = OpenSSL::HMAC.digest(:sha256, key, challenge)
+  challenge = Base64.urlsafe_encode(challenge)
+
+  if db.query_one?("SELECT EXISTS (SELECT true FROM nonces WHERE nonce = $1)", nonce, as: Bool)
+    db.exec("DELETE FROM nonces * WHERE nonce = $1", nonce)
+  else
+    raise translate(locale, "Invalid token")
+  end
+
+  if challenge != token
+    raise translate(locale, "Invalid token")
+  end
+
+  if challenge_operation != operation
+    raise translate(locale, "Invalid token")
+  end
+
+  if challenge_user_id != user_id
+    raise translate(locale, "Invalid user")
+  end
+
+  if expire < Time.now.to_unix
+    raise translate(locale, "Token is expired, please try again")
+  end
+end
+
+def generate_captcha(key, db)
+  second = Random::Secure.rand(12)
+  second_angle = second * 30
+  second = second * 5
+
+  minute = Random::Secure.rand(12)
+  minute_angle = minute * 30
+  minute = minute * 5
+
+  hour = Random::Secure.rand(12)
+  hour_angle = hour * 30 + minute_angle.to_f / 12
+  if hour == 0
+    hour = 12
+  end
+
+  clock_svg = <<-END_SVG
+  <svg viewBox="0 0 100 100" width="200px">
+  <circle cx="50" cy="50" r="45" fill="#eee" stroke="black" stroke-width="2"></circle>
+  
+  <text x="69"     y="20.091" text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 1</text>
+  <text x="82.909" y="34"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 2</text>
+  <text x="88"     y="53"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 3</text>
+  <text x="82.909" y="72"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 4</text>
+  <text x="69"     y="85.909" text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 5</text>
+  <text x="50"     y="91"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 6</text>
+  <text x="31"     y="85.909" text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 7</text>
+  <text x="17.091" y="72"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 8</text>
+  <text x="12"     y="53"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px"> 9</text>
+  <text x="17.091" y="34"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px">10</text>
+  <text x="31"     y="20.091" text-anchor="middle" fill="black" font-family="Arial" font-size="10px">11</text>
+  <text x="50"     y="15"     text-anchor="middle" fill="black" font-family="Arial" font-size="10px">12</text>
+
+  <circle cx="50" cy="50" r="3" fill="black"></circle>
+  <line id="second" transform="rotate(#{second_angle}, 50, 50)" x1="50" y1="50" x2="50" y2="12" fill="black" stroke="black" stroke-width="1"></line>
+  <line id="minute" transform="rotate(#{minute_angle}, 50, 50)" x1="50" y1="50" x2="50" y2="16" fill="black" stroke="black" stroke-width="2"></line>
+  <line id="hour"   transform="rotate(#{hour_angle}, 50, 50)" x1="50" y1="50" x2="50" y2="24" fill="black" stroke="black" stroke-width="2"></line>
+  </svg>
+  END_SVG
+
+  image = ""
+  convert = Process.run(%(convert -density 1200 -resize 400x400 -background none svg:- png:-), shell: true,
+    input: IO::Memory.new(clock_svg), output: Process::Redirect::Pipe) do |proc|
+    image = proc.output.gets_to_end
+    image = Base64.strict_encode(image)
+    image = "data:image/png;base64,#{image}"
+  end
+
+  answer = "#{hour}:#{minute.to_s.rjust(2, '0')}:#{second.to_s.rjust(2, '0')}"
+  answer = OpenSSL::HMAC.hexdigest(:sha256, key, answer)
+
+  challenge, token = create_response(answer, "sign_in", key, db)
+
+  return {image: image, challenge: challenge, token: token}
 end

src/invidious/videos.cr

@@ -137,7 +137,7 @@ BYPASS_REGIONS = {
 }
 
 VIDEO_THUMBNAILS = {
-  {name: "maxres", host: "invidio.us", url: "maxres", height: 720, width: 1280},
+  {name: "maxres", host: "#{CONFIG.domain}", url: "maxres", height: 720, width: 1280},
   {name: "maxresdefault", host: "i.ytimg.com", url: "maxresdefault", height: 720, width: 1280},
   {name: "sddefault", host: "i.ytimg.com", url: "sddefault", height: 480, width: 640},
   {name: "high", host: "i.ytimg.com", url: "hqdefault", height: 360, width: 480},
@@ -262,11 +262,60 @@ class Video
     end
   end
 
+  def keywords
+    keywords = self.player_response["videoDetails"]?.try &.["keywords"]?.try &.as_a
+    keywords ||= [] of String
+
+    return keywords
+  end
+
   def fmt_stream(decrypt_function)
     streams = [] of HTTP::Params
-    self.info["url_encoded_fmt_stream_map"].split(",") do |string|
-      if !string.empty?
-        streams << HTTP::Params.parse(string)
+
+    if fmt_streams = self.player_response["streamingData"]?.try &.["formats"]?
+      fmt_streams.as_a.each do |fmt_stream|
+        if !fmt_stream.as_h?
+          next
+        end
+
+        fmt = {} of String => String
+
+        fmt["lmt"] = fmt_stream["lastModified"]?.try &.as_s || "0"
+        fmt["projection_type"] = "1"
+        fmt["type"] = fmt_stream["mimeType"].as_s
+        fmt["clen"] = fmt_stream["contentLength"]?.try &.as_s || "0"
+        fmt["bitrate"] = fmt_stream["bitrate"]?.try &.as_i.to_s || "0"
+        fmt["itag"] = fmt_stream["itag"].as_i.to_s
+        fmt["url"] = fmt_stream["url"].as_s
+        fmt["quality"] = fmt_stream["quality"].as_s
+
+        if fmt_stream["width"]?
+          fmt["size"] = "#{fmt_stream["width"]}x#{fmt_stream["height"]}"
+          fmt["height"] = fmt_stream["height"].as_i.to_s
+        end
+
+        if fmt_stream["fps"]?
+          fmt["fps"] = fmt_stream["fps"].as_i.to_s
+        end
+
+        if fmt_stream["qualityLabel"]?
+          fmt["quality_label"] = fmt_stream["qualityLabel"].as_s
+        end
+
+        params = HTTP::Params.new
+        fmt.each do |key, value|
+          params[key] = value
+        end
+
+        streams << params
+      end
+
+      streams.sort_by! { |stream| stream["height"].to_i }.reverse!
+    elsif fmt_stream = self.info["url_encoded_fmt_stream_map"]?
+      fmt_stream.split(",").each do |string|
+        if !string.empty?
+          streams << HTTP::Params.parse(string)
+        end
       end
     end
 
@@ -279,10 +328,8 @@ class Video
       end
     end
 
-    if streams[0]? && streams[0]["s"]?
-      streams.each do |fmt|
-        fmt["url"] += "&signature=" + decrypt_signature(fmt["s"], decrypt_function)
-      end
+    streams.each do |fmt|
+      fmt["url"] += decrypt_signature(fmt, decrypt_function)
     end
 
     return streams
@@ -291,80 +338,54 @@ class Video
   def adaptive_fmts(decrypt_function)
     adaptive_fmts = [] of HTTP::Params
 
-    if self.info.has_key?("adaptive_fmts")
-      self.info["adaptive_fmts"].split(",") do |string|
-        adaptive_fmts << HTTP::Params.parse(string)
-      end
-    elsif self.info.has_key?("dashmpd")
-      client = make_client(YT_URL)
-      response = client.get(self.info["dashmpd"])
-      document = XML.parse_html(response.body)
-
-      document.xpath_nodes(%q(//adaptationset)).each do |adaptation_set|
-        mime_type = adaptation_set["mimetype"]
-
-        document.xpath_nodes(%q(.//representation)).each do |representation|
-          codecs = representation["codecs"]
-          itag = representation["id"]
-          bandwidth = representation["bandwidth"]
-          url = representation.xpath_node(%q(.//baseurl)).not_nil!.content
-
-          clen = url.match(/clen\/(?<clen>\d+)/).try &.["clen"]
-          clen ||= "0"
-          lmt = url.match(/lmt\/(?<lmt>\d+)/).try &.["lmt"]
-          lmt ||= "#{((Time.now + 1.hour).epoch_f.to_f64 * 1000000).to_i64}"
-
-          segment_list = representation.xpath_node(%q(.//segmentlist)).not_nil!
-          init = segment_list.xpath_node(%q(.//initialization))
-
-          # TODO: Replace with sane defaults when byteranges are absent
-          if init && !init["sourceurl"].starts_with? "sq"
-            init = init["sourceurl"].lchop("range/")
-
-            index = segment_list.xpath_node(%q(.//segmenturl)).not_nil!["media"]
-            index = index.lchop("range/")
-            index = "#{init.split("-")[1].to_i + 1}-#{index.split("-")[0].to_i}"
-          else
-            init = "0-0"
-            index = "1-1"
-          end
-
-          params = {
-            "type"            => ["#{mime_type}; codecs=\"#{codecs}\""],
-            "url"             => [url],
-            "projection_type" => ["1"],
-            "index"           => [index],
-            "init"            => [init],
-            "xtags"           => [] of String,
-            "lmt"             => [lmt],
-            "clen"            => [clen],
-            "bitrate"         => [bandwidth],
-            "itag"            => [itag],
-          }
-
-          if mime_type == "video/mp4"
-            width = representation["width"]?
-            height = representation["height"]?
-            fps = representation["framerate"]?
-
-            metadata = itag_to_metadata?(itag)
-            if metadata
-              width ||= metadata["width"]?
-              height ||= metadata["height"]?
-              fps ||= metadata["fps"]?
-            end
-
-            if width && height
-              params["size"] = ["#{width}x#{height}"]
-            end
-
-            if width
-              params["quality_label"] = ["#{height}p"]
-            end
-          end
-
-          adaptive_fmts << HTTP::Params.new(params)
+    if fmts = self.player_response["streamingData"]?.try &.["adaptiveFormats"]?
+      fmts.as_a.each do |adaptive_fmt|
+        if !adaptive_fmt.as_h?
+          next
         end
+
+        fmt = {} of String => String
+
+        if init = adaptive_fmt["initRange"]?
+          fmt["init"] = "#{init["start"]}-#{init["end"]}"
+        end
+        fmt["init"] ||= "0-0"
+
+        fmt["lmt"] = adaptive_fmt["lastModified"]?.try &.as_s || "0"
+        fmt["projection_type"] = "1"
+        fmt["type"] = adaptive_fmt["mimeType"].as_s
+        fmt["clen"] = adaptive_fmt["contentLength"]?.try &.as_s || "0"
+        fmt["bitrate"] = adaptive_fmt["bitrate"]?.try &.as_i.to_s || "0"
+        fmt["itag"] = adaptive_fmt["itag"].as_i.to_s
+        fmt["url"] = adaptive_fmt["url"].as_s
+
+        if index = adaptive_fmt["indexRange"]?
+          fmt["index"] = "#{index["start"]}-#{index["end"]}"
+        end
+        fmt["index"] ||= "0-0"
+
+        if adaptive_fmt["width"]?
+          fmt["size"] = "#{adaptive_fmt["width"]}x#{adaptive_fmt["height"]}"
+        end
+
+        if adaptive_fmt["fps"]?
+          fmt["fps"] = adaptive_fmt["fps"].as_i.to_s
+        end
+
+        if adaptive_fmt["qualityLabel"]?
+          fmt["quality_label"] = adaptive_fmt["qualityLabel"].as_s
+        end
+
+        params = HTTP::Params.new
+        fmt.each do |key, value|
+          params[key] = value
+        end
+
+        adaptive_fmts << params
+      end
+    elsif fmts = self.info["adaptive_fmts"]?
+      fmts.split(",") do |string|
+        adaptive_fmts << HTTP::Params.parse(string)
       end
     end
 
@@ -374,23 +395,21 @@ class Video
       end
     end
 
-    if adaptive_fmts[0]? && adaptive_fmts[0]["s"]?
-      adaptive_fmts.each do |fmt|
-        fmt["url"] += "&signature=" + decrypt_signature(fmt["s"], decrypt_function)
-      end
+    adaptive_fmts.each do |fmt|
+      fmt["url"] += decrypt_signature(fmt, decrypt_function)
     end
 
     return adaptive_fmts
   end
 
   def video_streams(adaptive_fmts)
-    video_streams = adaptive_fmts.compact_map { |s| s["type"].starts_with?("video") ? s : nil }
+    video_streams = adaptive_fmts.select { |s| s["type"].starts_with? "video" }
 
     return video_streams
   end
 
   def audio_streams(adaptive_fmts)
-    audio_streams = adaptive_fmts.compact_map { |s| s["type"].starts_with?("audio") ? s : nil }
+    audio_streams = adaptive_fmts.select { |s| s["type"].starts_with? "audio" }
     audio_streams.sort_by! { |s| s["bitrate"].to_i }.reverse!
     audio_streams.each do |stream|
       stream["bitrate"] = (stream["bitrate"].to_f64/1000).to_i.to_s
@@ -479,10 +498,7 @@ class Video
     genre_url:          String,
     license:            String,
     sub_count_text:     String,
-    author_thumbnail:   {
-      type:    String,
-      default: "",
-    },
+    author_thumbnail:   String,
   })
 end
 
@@ -503,14 +519,14 @@ end
 class VideoRedirect < Exception
 end
 
-def get_video(id, db, proxies = {} of String => Array({ip: String, port: Int32}), refresh = true)
-  if db.query_one?("SELECT EXISTS (SELECT true FROM videos WHERE id = $1)", id, as: Bool)
+def get_video(id, db, proxies = {} of String => Array({ip: String, port: Int32}), refresh = true, region = nil)
+  if db.query_one?("SELECT EXISTS (SELECT true FROM videos WHERE id = $1)", id, as: Bool) && !region
     video = db.query_one("SELECT * FROM videos WHERE id = $1", id, as: Video)
 
     # If record was last updated over 10 minutes ago, refresh (expire param in response lasts for 6 hours)
     if refresh && Time.now - video.updated > 10.minutes
       begin
-        video = fetch_video(id, proxies)
+        video = fetch_video(id, proxies, region)
         video_array = video.to_a
 
         args = arg_array(video_array[1..-1], 2)
@@ -525,156 +541,171 @@ def get_video(id, db, proxies = {} of String => Array({ip: String, port: Int32})
       end
     end
   else
-    video = fetch_video(id, proxies)
+    video = fetch_video(id, proxies, region)
     video_array = video.to_a
 
     args = arg_array(video_array)
 
-    db.exec("INSERT INTO videos VALUES (#{args}) ON CONFLICT (id) DO NOTHING", video_array)
+    if !region
+      db.exec("INSERT INTO videos VALUES (#{args}) ON CONFLICT (id) DO NOTHING", video_array)
+    end
   end
 
   return video
 end
 
-def fetch_video(id, proxies)
-  html_channel = Channel(XML::Node | String).new
-  info_channel = Channel(HTTP::Params).new
+def extract_player_config(body, html)
+  params = HTTP::Params.new
 
-  spawn do
-    client = make_client(YT_URL)
-    html = client.get("/watch?v=#{id}&bpctr=#{Time.new.epoch + 2000}&gl=US&hl=en&disable_polymer=1")
+  if md = body.match(/'XSRF_TOKEN': "(?<session_token>[A-Za-z0-9\_\-\=]+)"/)
+    params["session_token"] = md["session_token"]
+  end
 
-    if md = html.headers["location"]?.try &.match(/v=(?<id>[a-zA-Z0-9_-]{11})/)
-      next html_channel.send(md["id"])
+  if md = body.match(/itct=(?<itct>[^"]+)"/)
+    params["itct"] = md["itct"]
+  end
+
+  if md = body.match(/'COMMENTS_TOKEN': "(?<ctoken>[^"]+)"/)
+    params["ctoken"] = md["ctoken"]
+  end
+
+  if md = body.match(/'RELATED_PLAYER_ARGS': (?<rvs>{"rvs":"[^"]+"})/)
+    params["rvs"] = JSON.parse(md["rvs"])["rvs"].as_s
+  end
+
+  html_info = body.match(/ytplayer\.config = (?<info>.*?);ytplayer\.load/).try &.["info"]
+
+  if html_info
+    JSON.parse(html_info)["args"].as_h.each do |key, value|
+      params[key] = value.to_s
     end
-
-    html = XML.parse_html(html.body)
-    html_channel.send(html)
-  end
-
-  spawn do
-    client = make_client(YT_URL)
-    info = client.get("/get_video_info?video_id=#{id}&el=detailpage&ps=default&eurl=&gl=US&hl=en&disable_polymer=1")
-    info = HTTP::Params.parse(info.body)
-
-    if info["reason"]?
-      info = client.get("/get_video_info?video_id=#{id}&ps=default&eurl=&gl=US&hl=en&disable_polymer=1")
-      info = HTTP::Params.parse(info.body)
+  else
+    error_message = html.xpath_node(%q(//h1[@id="unavailable-message"]))
+    if error_message
+      params["reason"] = error_message.content.strip
+    else
+      params["reason"] = "Could not extract video info."
     end
-
-    info_channel.send(info)
   end
 
-  html = html_channel.receive
-  if html.as?(String)
-    raise VideoRedirect.new("#{html.as(String)}")
+  return params
+end
+
+def fetch_video(id, proxies, region)
+  client = make_client(YT_URL, proxies, region)
+  response = client.get("/watch?v=#{id}&gl=US&hl=en&disable_polymer=1&has_verified=1&bpctr=9999999999")
+
+  if md = response.headers["location"]?.try &.match(/v=(?<id>[a-zA-Z0-9_-]{11})/)
+    raise VideoRedirect.new(md["id"])
   end
-  html = html.as(XML::Node)
 
-  info = info_channel.receive
+  html = XML.parse_html(response.body)
+  info = extract_player_config(response.body, html)
+  info["cookie"] = response.cookies.to_h.map { |name, cookie| "#{name}=#{cookie.value}" }.join("; ")
 
+  # Try to use proxies for region-blocked videos
   if info["reason"]? && info["reason"].includes? "your country"
-    bypass_channel = Channel(HTTPProxy | Nil).new
+    bypass_channel = Channel({XML::Node, HTTP::Params} | Nil).new
 
-    proxies.each do |region, list|
+    proxies.each do |proxy_region, list|
       spawn do
-        info = HTTP::Params.new({
-          "reason" => [info["reason"]],
-        })
+        client = make_client(YT_URL, proxies, proxy_region)
+        proxy_response = client.get("/watch?v=#{id}&gl=US&hl=en&disable_polymer=1&has_verified=1&bpctr=9999999999")
 
-        list.each do |proxy|
-          begin
-            client = HTTPClient.new(YT_URL)
-            client.read_timeout = 10.seconds
-            client.connect_timeout = 10.seconds
+        proxy_html = XML.parse_html(proxy_response.body)
+        proxy_info = extract_player_config(proxy_response.body, proxy_html)
 
-            proxy = HTTPProxy.new(proxy_host: proxy[:ip], proxy_port: proxy[:port])
-            client.set_proxy(proxy)
-
-            info = HTTP::Params.parse(client.get("/get_video_info?video_id=#{id}&ps=default&eurl=&gl=US&hl=en&disable_polymer=1").body)
-            if !info["reason"]?
-              bypass_channel.send(proxy)
-              break
-            end
-          rescue ex
-          end
-        end
-
-        # If none of the proxies we tried returned a valid response
-        if info["reason"]?
+        if !proxy_info["reason"]?
+          proxy_info["region"] = proxy_region
+          proxy_info["cookie"] = proxy_response.cookies.to_h.map { |name, cookie| "#{name}=#{cookie.value}" }.join("; ")
+          bypass_channel.send({proxy_html, proxy_info})
+        else
           bypass_channel.send(nil)
         end
       end
     end
 
     proxies.size.times do
-      proxy = bypass_channel.receive
-      if proxy
-        begin
-          client = HTTPClient.new(YT_URL)
-          client.read_timeout = 10.seconds
-          client.connect_timeout = 10.seconds
-          client.set_proxy(proxy)
-
-          html = XML.parse_html(client.get("/watch?v=#{id}&bpctr=#{Time.new.epoch + 2000}&gl=US&hl=en&disable_polymer=1").body)
-          info = HTTP::Params.parse(client.get("/get_video_info?video_id=#{id}&el=detailpage&ps=default&eurl=&gl=US&hl=en&disable_polymer=1").body)
-
-          if info["reason"]?
-            info = HTTP::Params.parse(client.get("/get_video_info?video_id=#{id}&ps=default&eurl=&gl=US&hl=en&disable_polymer=1").body)
-          end
-
-          proxy = {ip: proxy.proxy_host, port: proxy.proxy_port}
-          region = proxies.select { |region, list| list.includes? proxy }
-          if !region.empty?
-            info["region"] = region.keys[0]
-          end
-
-          break
-        rescue ex
-        end
+      response = bypass_channel.receive
+      if response
+        html, info = response
+        break
       end
     end
   end
 
+  # Try to pull streams from embed URL
   if info["reason"]?
-    raise info["reason"]
+    embed_page = client.get("/embed/#{id}").body
+    sts = embed_page.match(/"sts"\s*:\s*(?<sts>\d+)/).try &.["sts"]?
+    sts ||= ""
+    embed_info = HTTP::Params.parse(client.get("/get_video_info?video_id=#{id}&eurl=https://youtube.googleapis.com/v/#{id}&gl=US&hl=en&disable_polymer=1&sts=#{sts}").body)
+
+    if !embed_info["reason"]?
+      embed_info.each do |key, value|
+        info[key] = value.to_s
+      end
+    else
+      raise info["reason"]
+    end
+  end
+
+  if info["errorcode"]?.try &.== "2"
+    raise "Video unavailable."
   end
 
   title = info["title"]
-  views = info["view_count"].to_i64
   author = info["author"]
   ucid = info["ucid"]
 
+  views = html.xpath_node(%q(//meta[@itemprop="interactionCount"]))
+  views = views.try &.["content"].to_i64?
+  views ||= 0_i64
+
   likes = html.xpath_node(%q(//button[@title="I like this"]/span))
-  likes = likes.try &.content.delete(",").try &.to_i
+  likes = likes.try &.content.delete(",").try &.to_i?
   likes ||= 0
 
   dislikes = html.xpath_node(%q(//button[@title="I dislike this"]/span))
-  dislikes = dislikes.try &.content.delete(",").try &.to_i
+  dislikes = dislikes.try &.content.delete(",").try &.to_i?
   dislikes ||= 0
 
+  avg_rating = (likes.to_f/(likes.to_f + dislikes.to_f) * 4 + 1)
+  avg_rating = avg_rating.nan? ? 0.0 : avg_rating
+  info["avg_rating"] = "#{avg_rating}"
+
   description = html.xpath_node(%q(//p[@id="eow-description"]))
   description = description ? description.to_xml : ""
 
   wilson_score = ci_lower_bound(likes, likes + dislikes)
 
-  published = html.xpath_node(%q(//meta[@itemprop="datePublished"])).not_nil!["content"]
+  published = html.xpath_node(%q(//meta[@itemprop="datePublished"])).try &.["content"]
+  published ||= Time.now.to_s("%Y-%m-%d")
   published = Time.parse(published, "%Y-%m-%d", Time::Location.local)
 
   allowed_regions = html.xpath_node(%q(//meta[@itemprop="regionsAllowed"])).try &.["content"].split(",")
   allowed_regions ||= [] of String
+
   is_family_friendly = html.xpath_node(%q(//meta[@itemprop="isFamilyFriendly"])).try &.["content"] == "True"
   is_family_friendly ||= true
 
-  genre = html.xpath_node(%q(//meta[@itemprop="genre"])).not_nil!["content"]
-  genre_url = html.xpath_node(%(//a[text()="#{genre}"])).try &.["href"]
+  genre = html.xpath_node(%q(//meta[@itemprop="genre"])).try &.["content"]
+  genre ||= ""
+
+  genre_url = html.xpath_node(%(//ul[contains(@class, "watch-info-tag-list")]/li/a[text()="#{genre}"])).try &.["href"]
+
+  # Sometimes YouTube tries to link to invalid/missing channels, so we fix that here
   case genre
+  when "Education"
+    genre_url = "/channel/UCdxpofrI-dO6oYfsqHDHphw"
+  when "Gaming"
+    genre_url = "/channel/UCOpNcN46UbXVtpKMrmU4Abg"
   when "Movies"
     genre_url = "/channel/UClgRkhTL3_hImCAmdLfDE4g"
-  when "Education"
-    # Education channel is linked but does not exist
-    # genre_url = "/channel/UC3yA8nDwraeOfnYfBWun83g"
-    genre_url = ""
+  when "Nonprofits & Activism"
+    genre_url = "/channel/UCfFyYRYslvuhwMDnx6KjUvw"
+  when "Trailers"
+    genre_url = "/channel/UClgRkhTL3_hImCAmdLfDE4g"
   end
   genre_url ||= ""
 
@@ -692,7 +723,7 @@ def fetch_video(id, proxies)
     sub_count_text = "0"
   end
 
-  author_thumbnail = html.xpath_node(%(//img[@alt="#{author}"]))
+  author_thumbnail = html.xpath_node(%(//span[@class="yt-thumb-clip"]/img))
   if author_thumbnail
     author_thumbnail = author_thumbnail["data-thumb"]
   else
@@ -711,14 +742,22 @@ end
 
 def process_video_params(query, preferences)
   autoplay = query["autoplay"]?.try &.to_i?
+  continue = query["continue"]?.try &.to_i?
+  related_videos = query["related_videos"]?
+  listen = query["listen"]? && (query["listen"] == "true" || query["listen"] == "1").to_unsafe
   preferred_captions = query["subtitles"]?.try &.split(",").map { |a| a.downcase }
   quality = query["quality"]?
+  region = query["region"]?
   speed = query["speed"]?.try &.to_f?
   video_loop = query["loop"]?.try &.to_i?
   volume = query["volume"]?.try &.to_i?
 
   if preferences
+    # region ||= preferences.region
     autoplay ||= preferences.autoplay.to_unsafe
+    continue ||= preferences.continue.to_unsafe
+    related_videos ||= preferences.related_videos.to_unsafe
+    listen ||= preferences.listen.to_unsafe
     preferred_captions ||= preferences.captions
     quality ||= preferences.quality
     speed ||= preferences.speed
@@ -726,14 +765,20 @@ def process_video_params(query, preferences)
     volume ||= preferences.volume
   end
 
-  autoplay ||= 0
-  preferred_captions ||= [] of String
-  quality ||= "hd720"
-  speed ||= 1
-  video_loop ||= 0
-  volume ||= 100
+  autoplay ||= DEFAULT_USER_PREFERENCES.autoplay.to_unsafe
+  continue ||= DEFAULT_USER_PREFERENCES.continue.to_unsafe
+  related_videos ||= DEFAULT_USER_PREFERENCES.related_videos.to_unsafe
+  listen ||= DEFAULT_USER_PREFERENCES.listen.to_unsafe
+  preferred_captions ||= DEFAULT_USER_PREFERENCES.captions
+  quality ||= DEFAULT_USER_PREFERENCES.quality
+  speed ||= DEFAULT_USER_PREFERENCES.speed
+  video_loop ||= DEFAULT_USER_PREFERENCES.video_loop.to_unsafe
+  volume ||= DEFAULT_USER_PREFERENCES.volume
 
   autoplay = autoplay == 1
+  continue = continue == 1
+  related_videos = related_videos == 1
+  listen = listen == 1
   video_loop = video_loop == 1
 
   if query["t"]?
@@ -753,11 +798,6 @@ def process_video_params(query, preferences)
   end
   video_end ||= -1
 
-  if query["listen"]? && (query["listen"] == "true" || query["listen"] == "1")
-    listen = true
-  end
-  listen ||= false
-
   raw = query["raw"]?.try &.to_i?
   raw ||= 0
   raw = raw == 1
@@ -768,11 +808,14 @@ def process_video_params(query, preferences)
 
   params = {
     autoplay:           autoplay,
+    continue:           continue,
     controls:           controls,
     listen:             listen,
     preferred_captions: preferred_captions,
     quality:            quality,
     raw:                raw,
+    region:             region,
+    related_videos:     related_videos,
     speed:              speed,
     video_end:          video_end,
     video_loop:         video_loop,

src/invidious/views/channel.ecr

@@ -14,96 +14,72 @@
 </div>
 
 <div class="h-box">
-<% if user %>
-    <% if subscriptions.includes? ucid %>
-    <p>
-        <a id="subscribe" onclick="unsubscribe()" class="pure-button pure-button-primary" 
-            href="/subscription_ajax?action_remove_subscriptions=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>">
-            <b>Unsubscribe | <%= number_to_short_text(sub_count) %></b>
-        </a>
-    </p>
-    <% else %>
-    <p>
-        <a id="subscribe" onclick="subscribe()" class="pure-button pure-button-primary" 
-            href="/subscription_ajax?action_create_subscription_to_channel=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>">
-            <b>Subscribe | <%= number_to_short_text(sub_count) %></b>
-        </a>
-    </p>
-    <% end %>
-<% else %>
-    <p>
-        <a id="subscribe" class="pure-button pure-button-primary" 
-            href="/login?referer=<%= env.get("current_page") %>">
-            <b>Login to subscribe to <%= author %></b>
-        </a>
-    </p>
-<% end %>
+<% sub_count_text = number_to_short_text(sub_count) %>
+<%= rendered "components/subscribe_widget" %>
 </div>
 
-<p class="h-box">
-    <a href="https://www.youtube.com/channel/<%= ucid %>">View channel on YouTube</a>
-</p>
+<div class="pure-g h-box">
+    <div class="pure-u-1-3">
+        <a href="https://www.youtube.com/channel/<%= ucid %>"><%= translate(locale, "View channel on YouTube") %></a>
+        <div class="pure-u-1 pure-md-1-3">
+            <b><%= translate(locale, "Videos") %></b>
+        </div>
+        <div class="pure-u-1 pure-md-1-3">
+            <% if !auto_generated %>
+                <a href="/channel/<%= ucid %>/playlists"><%= translate(locale, "Playlists") %></a>
+            <% end %>
+        </div>
+    </div>
+    <div class="pure-u-1-3">
+    </div>
+    <div class="pure-u-1-3">
+        <div class="pure-g" style="text-align:right;">
+        <% sort_options.each do |sort| %>
+            <div class="pure-u-1 pure-md-1-3">
+                <% if sort_by == sort %>
+                <b><%= translate(locale, sort) %></b>
+                <% else %>
+                <a href="/channel/<%= ucid %>?page=<%= page %>&sort_by=<%= sort %>">
+                <%= translate(locale, sort) %>
+                </a>
+                <% end %>
+            </div>
+        <% end %>
+        </div>
+    </div>
+</div>
+
+<div class="h-box">
+    <hr>
+</div>
 
-<% videos.each_slice(4) do |slice| %>
 <div class="pure-g">
+<% items.each_slice(4) do |slice| %>
     <% slice.each do |item| %>
         <%= rendered "components/item" %>
     <% end %>
-</div> 
 <% end %>
+</div> 
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-1-5">
     <% if page >= 2 %>
-        <a href="/channel/<%= ucid %>?page=<%= page - 1 %>">Previous page</a>
+        <a href="/channel/<%= ucid %>?page=<%= page - 1 %><% if sort_by != "newest" %>&sort_by=<%= sort_by %><% end %>">
+            <%= translate(locale, "Previous page") %>
+        </a>
     <% end %>
     </div>
     <div class="pure-u-1 pure-u-md-3-5"></div>
     <div style="text-align:right;" class="pure-u-1 pure-u-md-1-5">
     <% if count == 60 %>
-        <a href="/channel/<%= ucid %>?page=<%= page + 1 %>">Next page</a>
+        <a href="/channel/<%= ucid %>?page=<%= page + 1 %><% if sort_by != "newest" %>&sort_by=<%= sort_by %><% end %>">
+            <%= translate(locale, "Next page") %>
+        </a>
     <% end %>
     </div>
 </div>
 
 <script>
-document.getElementById("subscribe")["href"] = "javascript:void(0);"
-
-function subscribe() {
-    var url = "/subscription_ajax?action_create_subscription_to_channel=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>";
-    var xhr = new XMLHttpRequest();
-    xhr.responseType = "json";
-    xhr.timeout = 20000;
-    xhr.open("GET", url, true);
-    xhr.send();
-
-    xhr.onreadystatechange = function() {
-        if (xhr.readyState == 4) {
-            if (xhr.status == 200) {
-                subscribe_button = document.getElementById("subscribe");
-                subscribe_button.onclick = unsubscribe;
-                subscribe_button.innerHTML = '<b>Unsubscribe | <%= number_to_short_text(sub_count) %></b>'
-            }
-        }
-    }
-}
-
-function unsubscribe() {
-    var url = "/subscription_ajax?action_remove_subscriptions=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>";
-    var xhr = new XMLHttpRequest();
-    xhr.responseType = "json";
-    xhr.timeout = 20000;
-    xhr.open("GET", url, true);
-    xhr.send();
-
-    xhr.onreadystatechange = function() {
-        if (xhr.readyState == 4) {
-            if (xhr.status == 200) {
-                subscribe_button = document.getElementById("subscribe");
-                subscribe_button.onclick = subscribe;
-                subscribe_button.innerHTML = '<b>Subscribe | <%= number_to_short_text(sub_count) %></b>'
-            }
-        }
-    }
-}
-</script>
+<% sub_count_text = number_to_short_text(sub_count) %>
+<%= rendered "components/subscribe_widget_script" %>
+</script>

src/invidious/views/clear_watch_history.ecr

@@ -0,0 +1,25 @@
+<% content_for "header" do %>
+<title><%= translate(locale, "Clear watch history") %> - Invidious</title>
+<% end %>
+
+<div class="h-box">
+    <form class="pure-form pure-form-aligned" action="/clear_watch_history?referer=<%= URI.escape(referer) %>" method="post">
+        <legend><%= translate(locale, "Clear watch history?") %></legend>
+
+        <div class="pure-g">
+            <div class="pure-u-1-2">
+                <button type="submit" name="submit" value="clear_watch_history" class="pure-button pure-button-primary">
+                    <%= translate(locale, "Yes") %>
+                </button>
+            </div>
+            <div class="pure-u-1-2">
+                <a class="pure-button" href="<%= referer %>">
+                    <%= translate(locale, "No") %>
+                </a>
+            </div>
+        </div>
+
+        <input type="hidden" name="token" value="<%= token %>">
+        <input type="hidden" name="challenge" value="<%= challenge %>">
+    </form>
+</div>

src/invidious/views/components/feed_menu.ecr

@@ -0,0 +1,19 @@
+<div class="h-box pure-g">
+    <div class="pure-u-1 pure-u-md-1-4"></div>
+    <div class="pure-u-1 pure-u-md-1-2">
+        <div class="pure-g">
+            <% feed_menu = config.feed_menu.dup %>
+            <% if !env.get?("user") %>
+            <% feed_menu.reject! {|feed| feed == "Subscriptions"} %>
+            <% end %>
+            <% feed_menu.each do |feed| %>
+            <div class="pure-u-1-2 pure-u-md-1-<%= feed_menu.size %>">
+                <a href="/feed/<%= feed.downcase %>" style="text-align:center;" class="pure-menu-heading">
+                    <%= translate(locale, feed) %>
+                </a>
+            </div>
+            <% end %>
+        </div>
+    </div>
+    <div class="pure-u-1 pure-u-md-1-4"></div>
+</div>

src/invidious/views/components/item.ecr

@@ -11,7 +11,8 @@
             <% end %>
             <p><%= item.author %></p>
         </a>
-        <p><%= number_with_separator(item.subscriber_count) %> subscribers</p>
+        <p><%= translate(locale, "`x` subscribers", number_with_separator(item.subscriber_count)) %></p>
+        <p><%= translate(locale, "`x` videos", number_with_separator(item.video_count)) %></p>
         <h5><%= item.description_html %></h5>
     <% when SearchPlaylist %>
         <% if item.id.starts_with? "RD" %>
@@ -24,7 +25,7 @@
             <% else %>
             <div class="thumbnail">
                 <img class="thumbnail" src="/vi/<%= item.videos[0]?.try &.id %>/mqdefault.jpg"/>
-                <p class="length"><%= recode_length_seconds(item.videos[0]?.try &.length_seconds || 0) %></p>
+                <p class="length"><%= number_with_separator(item.video_count) %> videos</p>
             </div>
             <% end %>
             <p><%= item.title %></p>
@@ -32,8 +33,6 @@
         <p>
             <b><a style="width:100%;" href="/channel/<%= item.ucid %>"><%= item.author %></a></b>
         </p>
-        <p><%= number_with_separator(item.video_count) %> videos</p>
-        <p>PLAYLIST</p>
     <% when MixVideo %>
         <a style="width:100%;" href="/watch?v=<%= item.id %>&list=<%= item.mixes[0] %>">
             <% if env.get?("user") && env.get("user").as(User).preferences.thin_mode %>
@@ -54,41 +53,56 @@
             <% else %>
             <div class="thumbnail">
                 <img class="thumbnail" src="/vi/<%= item.id %>/mqdefault.jpg"/>
+                <% if item.responds_to?(:live_now) && item.live_now %>
+                <p class="length"><i class="icon ion-ios-play-circle"></i> <%= translate(locale, "LIVE") %></p>
+                <% else %>
                 <p class="length"><%= recode_length_seconds(item.length_seconds) %></p>
+                <% end %>
             </div>
             <% end %>
             <p><%= item.title %></p>
         </a>
-        <% if item.responds_to?(:live_now) && item.live_now %>
-        <p>LIVE</p>
-        <% end %>
         <p>
             <b><a style="width:100%;" href="/channel/<%= item.ucid %>"><%= item.author %></a></b>
         </p>
         
         <% if Time.now - item.published > 1.minute %>
-        <h5>Shared <%= recode_date(item.published) %> ago</h5>
+        <h5><%= translate(locale, "Shared `x` ago", recode_date(item.published, locale)) %></h5>
         <% end %>
     <% else %>
+        <% if env.get?("user") && env.get("user").as(User).preferences.thin_mode %>
+        <% else %>
         <a style="width:100%;" href="/watch?v=<%= item.id %>">
-            <% if env.get?("user") && env.get("user").as(User).preferences.thin_mode %>
-            <% else %>
             <div class="thumbnail">
                 <img class="thumbnail" src="/vi/<%= item.id %>/mqdefault.jpg"/>
+                <% if env.get? "show_watched" %>
+                <p class="watched">
+                    <a onclick="mark_watched(this)"
+                        data-id="<%= item.id %>"
+                        onmouseenter='this["href"]="javascript:void(0)"'
+                        href="/mark_watched?id=<%= item.id %>">
+                        <i onmouseenter='this.setAttribute("class", "icon ion-ios-eye-off")'
+                           onmouseleave='this.setAttribute("class", "icon ion-ios-eye")'
+                           class="icon ion-ios-eye">
+                        </i>
+                    </a>
+                </p>
+                <% end %>
+                <% if item.responds_to?(:live_now) && item.live_now %>
+                <p class="length"><i class="icon ion-ios-play-circle"></i> <%= translate(locale, "LIVE") %></p>
+                <% else %>
                 <p class="length"><%= recode_length_seconds(item.length_seconds) %></p>
+                <% end %>
             </div>
-            <% end %>
-            <p><%= item.title %></p>
         </a>
-        <% if item.responds_to?(:live_now) && item.live_now %>
-        <p>LIVE</p>
         <% end %>
+        <p><a href="/watch?v=<%= item.id %>"><%= item.title %></a></p>
         <p>
             <b><a style="width:100%;" href="/channel/<%= item.ucid %>"><%= item.author %></a></b>
         </p>
         
         <% if Time.now - item.published > 1.minute %>
-        <h5>Shared <%= recode_date(item.published) %> ago</h5>
+        <h5><%= translate(locale, "Shared `x` ago", recode_date(item.published, locale)) %></h5>
         <% end %>
     <% end %>
     </div>

src/invidious/views/components/player.ecr

@@ -1,5 +1,8 @@
 <video style="width:100%" playsinline poster="<%= thumbnail %>" title="<%= HTML.escape(video.title) %>" 
     id="player" class="video-js"
+    onmouseenter='this["data-title"]=this["title"];this["title"]=""'
+    onmouseleave='this["title"]=this["data-title"];this["data-title"]=""'
+    oncontextmenu='this["title"]=this["data-title"]'
     <% if params[:autoplay] %>autoplay<% end %>
     <% if params[:video_loop] %>loop<% end %>
     <% if params[:controls] %>controls<% end %>>
@@ -8,7 +11,7 @@
     <% else %>
         <% if params[:listen] %>
             <% audio_streams.each_with_index do |fmt, i| %>
-                <source src="<%= fmt["url"] %>" type='<%= fmt["type"] %>' label="<%= fmt["bitrate"] %>k" selected="<%= i == 0 ? true : false %>">
+                <source src="/latest_version?id=<%= video.id %>&itag=<%= fmt["itag"] %>" type='<%= fmt["type"] %>' label="<%= fmt["bitrate"] %>k" selected="<%= i == 0 ? true : false %>">
             <% end %>
         <% else %>
             <% if params[:quality] == "dash" %>
@@ -16,20 +19,20 @@
             <% end %>
             <% fmt_stream.each_with_index do |fmt, i| %>
                 <% if params[:quality] %>
-                <source src="<%= fmt["url"] %>" type='<%= fmt["type"] %>' label="<%= fmt["label"] %>" selected="<%= params[:quality] == fmt["label"].split(" - ")[0] %>">
+                <source src="/latest_version?id=<%= video.id %>&itag=<%= fmt["itag"] %>" type='<%= fmt["type"] %>' label="<%= fmt["label"] %>" selected="<%= params[:quality] == fmt["label"].split(" - ")[0] %>">
                 <% else %>
-                <source src="<%= fmt["url"] %>" type='<%= fmt["type"] %>' label="<%= fmt["label"] %>" selected="<%= i == 0 ? true : false %>">
+                <source src="/latest_version?id=<%= video.id %>&itag=<%= fmt["itag"] %>" type='<%= fmt["type"] %>' label="<%= fmt["label"] %>" selected="<%= i == 0 ? true : false %>">
                 <% end %>
             <% end %>
         <% end %>
 
         <% preferred_captions.each_with_index do |caption, i| %>
-        <track kind="captions" src="/api/v1/captions/<%= video.id %>?label=<%= caption.name.simpleText %>"
+        <track kind="captions" src="/api/v1/captions/<%= video.id %>?label=<%= caption.name.simpleText %>&hl=<%= env.get("locale").as(String) %>"
             label="<%= caption.name.simpleText %>" <% if i == 0 %>default<% end %>>
         <% end %>
 
         <% captions.each do |caption| %>
-        <track kind="captions" src="/api/v1/captions/<%= video.id %>?label=<%= caption.name.simpleText %>"
+        <track kind="captions" src="/api/v1/captions/<%= video.id %>?label=<%= caption.name.simpleText %>&hl=<%= env.get("locale").as(String) %>"
             label="<%= caption.name.simpleText %>">
         <% end %>
     <% end %>
@@ -111,7 +114,28 @@ var player = videojs("player", options, function() {
   });
 });
 
-player.share(shareOptions);
+player.on('error', function(event) {
+  if (player.error().code === 2 || player.error().code === 4) {
+    setInterval(setTimeout(function (event) {
+      console.log("An error occured in the player, reloading...");
+
+      var currentTime = player.currentTime();
+      var playbackRate = player.playbackRate();
+      var paused = player.paused();
+
+      player.load();
+      if (currentTime > 0.5) {
+        currentTime -= 0.5;
+      }
+      player.currentTime(currentTime);
+      player.playbackRate(playbackRate);
+      
+      if (!paused) {
+        player.play();
+      }
+    }, 5000), 5000);
+  }
+});
 
 <% if params[:video_start] > 0 || params[:video_end] > 0 %>
 player.markers({
@@ -137,18 +161,32 @@ player.markers({
 player.currentTime(<%= params[:video_start] %>);
 <% end %>
 
-<% if !params[:listen] %>
-var currentSources = player.currentSources();
-for (var i = 0; i < currentSources.length; i++) {
-  if (player.canPlayType(currentSources[i]["type"].split(";")[0]) === "") {
-    currentSources.splice(i);
-    i--;
-  }
-}
-
-player.src(currentSources);
-<% end %>
-
 player.volume(<%= params[:volume].to_f / 100 %>);
 player.playbackRate(<%= params[:speed] %>);
+
+<% if params[:autoplay] %>
+var bpb = player.getChild('bigPlayButton');
+
+if (bpb) {
+  bpb.hide();
+  
+  player.ready(function() {
+    new Promise(function(resolve, reject) {
+      setTimeout(() => resolve(1), 1);
+    }).then(function(result) {
+      var promise = player.play();
+
+      if (promise !== undefined) {
+          promise.then(_ => {
+          }).catch(error => {
+              bpb.show();
+          });
+      }
+    });
+  });
+}
+<% end %>
+
+// Since videojs-share can sometimes be blocked, we try to load it last
+player.share(shareOptions);
 </script>

src/invidious/views/components/player_sources.ecr

@@ -8,7 +8,7 @@
 <script src="/js/videojs-markers.min.js"></script>
 <script src="/js/videojs-share.min.js"></script>
 <script src="/js/videojs-http-streaming.min.js"></script>
-<% if env.get?("user") && env.get("user").as(User).preferences.quality == "dash" %>
+<% if params[:quality] == "dash" %>
 <script src="/js/dash.mediaplayer.min.js"></script>
 <script src="/js/videojs-dash.min.js"></script>
 <script src="/js/videojs-contrib-quality-levels.min.js"></script>

src/invidious/views/components/subscribe_widget.ecr

@@ -0,0 +1,24 @@
+<% if user %>
+    <% if subscriptions.includes? ucid %>
+    <p>
+        <a id="subscribe" onclick="unsubscribe()" class="pure-button pure-button-primary" 
+            href="/subscription_ajax?action_remove_subscriptions=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>">
+            <b><%= translate(locale, "Unsubscribe") %> | <%= sub_count_text %></b>
+        </a>
+    </p>
+    <% else %>
+    <p>
+        <a id="subscribe" onclick="subscribe()" class="pure-button pure-button-primary" 
+            href="/subscription_ajax?action_create_subscription_to_channel=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>">
+            <b><%= translate(locale, "Subscribe") %> | <%= sub_count_text %></b>
+        </a>
+    </p>
+    <% end %>
+<% else %>
+    <p>
+        <a id="subscribe" class="pure-button pure-button-primary" 
+            href="/login?referer=<%= env.get("current_page") %>">
+            <b><%= translate(locale, "Login to subscribe to `x`", author) %></b>
+        </a>
+    </p>
+<% end %>

src/invidious/views/components/subscribe_widget_script.ecr

@@ -0,0 +1,74 @@
+subscribe_button = document.getElementById("subscribe");
+if (subscribe_button.getAttribute('onclick')) {
+    subscribe_button["href"] = "javascript:void(0)";
+}
+
+function subscribe(timeouts = 0) {
+    subscribe_button = document.getElementById("subscribe");    
+
+    if (timeouts > 10) {
+        console.log("Failed to subscribe.");
+        return;
+    }
+    
+    var url = "/subscription_ajax?action_create_subscription_to_channel=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>";
+    var xhr = new XMLHttpRequest();
+    xhr.responseType = "json";
+    xhr.timeout = 20000;
+    xhr.open("GET", url, true);
+    xhr.send();
+
+    var fallback = subscribe_button.innerHTML;
+    subscribe_button.onclick = unsubscribe;
+    subscribe_button.innerHTML = '<b><%= translate(locale, "Unsubscribe").gsub("'", "\\'") %> | <%= sub_count_text %></b>'
+    
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4) {
+            if (xhr.status != 200) {
+                subscribe_button.onclick = subscribe;
+                subscribe_button.innerHTML = fallback;
+            }
+        }
+    }
+    
+    xhr.ontimeout = function() {
+        console.log("Subscribing timed out.");
+
+        subscribe(timeouts + 1);
+    };
+}
+
+function unsubscribe(timeouts = 0) {
+    subscribe_button = document.getElementById("subscribe");    
+    
+    if (timeouts > 10) {
+        console.log("Failed to subscribe");
+        return;
+    }
+
+    var url = "/subscription_ajax?action_remove_subscriptions=1&c=<%= ucid %>&referer=<%= env.get("current_page") %>";
+    var xhr = new XMLHttpRequest();
+    xhr.responseType = "json";
+    xhr.timeout = 20000;
+    xhr.open("GET", url, true);
+    xhr.send();
+
+    var fallback = subscribe_button.innerHTML;
+    subscribe_button.onclick = subscribe;
+    subscribe_button.innerHTML = '<b><%= translate(locale, "Subscribe").gsub("'", "\\'") %> | <%= sub_count_text %></b>'
+
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4) {
+            if (xhr.status != 200) {
+                subscribe_button.onclick = unsubscribe;
+                subscribe_button.innerHTML = fallback;
+            }
+        }
+    }
+
+    xhr.ontimeout = function() {
+        console.log("Unsubscribing timed out.");
+
+        unsubscribe(timeouts + 1);
+    };
+}

src/invidious/views/data_control.ecr

@@ -1,54 +1,57 @@
 <% content_for "header" do %>
-<title>Import and Export Data - Invidious</title>
+<title><%= translate(locale, "Import and Export Data") %> - Invidious</title>
 <% end %>
 
 <div class="h-box">
     <form class="pure-form pure-form-aligned" enctype="multipart/form-data" action="/data_control?referer=<%= referer %>" method="post">
         <fieldset>
-            <legend>Import</legend>
+            <legend><%= translate(locale, "Import") %></legend>
 
             <div class="pure-control-group">
-                <label for="import_youtube">Import Invidious data</label>
+                <label for="import_youtube"><%= translate(locale, "Import Invidious data") %></label>
                 <input type="file" id="import_invidious" name="import_invidious">
             </div>
 
             <div class="pure-control-group">
-                <label for="import_youtube">Import <a rel="noopener" target="_blank"
-                        href="https://support.google.com/youtube/answer/6224202?hl=en-GB">YouTube subscriptions</a></label>
+                <label for="import_youtube">
+                    <a rel="noopener" target="_blank" href="https://support.google.com/youtube/answer/6224202?hl=en">
+                        <%= translate(locale, "Import YouTube subscriptions") %>
+                    </a>
+                </label>
                 <input type="file" id="import_youtube" name="import_youtube">
             </div>
             
             <div class="pure-control-group">
-                <label for="import_freetube">Import Freetube subscriptions (.db)</label>
+                <label for="import_freetube"><%= translate(locale, "Import FreeTube subscriptions (.db)") %></label>
                 <input type="file" id="import_freetube" name="import_freetube">
             </div>
 
             <div class="pure-control-group">
-                <label for="import_newpipe_subscriptions">Import NewPipe subscriptions (.json)</label>
+                <label for="import_newpipe_subscriptions"><%= translate(locale, "Import NewPipe subscriptions (.json)") %></label>
                 <input type="file" id="import_newpipe_subscriptions" name="import_newpipe_subscriptions">
             </div>
 
             <div class="pure-control-group">
-                <label for="import_newpipe">Import NewPipe data (.zip)</label>
+                <label for="import_newpipe"><%= translate(locale, "Import NewPipe data (.zip)") %></label>
                 <input type="file" id="import_newpipe" name="import_newpipe">
             </div>
         
             <div class="pure-controls">
-                <button type="submit" class="pure-button pure-button-primary">Import</button>
+                <button type="submit" class="pure-button pure-button-primary"><%= translate(locale, "Import") %></button>
             </div>
 
-            <legend>Export</legend>
+            <legend><%= translate(locale, "Export") %></legend>
 
             <div class="pure-control-group">
-                <a href="/subscription_manager?action_takeout=1">Export subscriptions as OPML</a>
+                <a href="/subscription_manager?action_takeout=1"><%= translate(locale, "Export subscriptions as OPML") %></a>
             </div>
 
             <div class="pure-control-group">
-                <a href="/subscription_manager?action_takeout=1&format=newpipe">Export subscriptions as OPML (for NewPipe & FreeTube)</a>
+                <a href="/subscription_manager?action_takeout=1&format=newpipe"><%= translate(locale, "Export subscriptions as OPML (for NewPipe & FreeTube)") %></a>
             </div>
 
             <div class="pure-control-group">
-                <a href="/subscription_manager?action_takeout=1&format=json">Export data as JSON</a>
+                <a href="/subscription_manager?action_takeout=1&format=json"><%= translate(locale, "Export data as JSON") %></a>
             </div>
         </fieldset>
     </form>

src/invidious/views/delete_account.ecr

@@ -0,0 +1,25 @@
+<% content_for "header" do %>
+<title><%= translate(locale, "Delete account") %> - Invidious</title>
+<% end %>
+
+<div class="h-box">
+    <form class="pure-form pure-form-aligned" action="/delete_account?referer=<%= URI.escape(referer) %>" method="post">
+        <legend><%= translate(locale, "Delete account?") %></legend>
+
+        <div class="pure-g">
+            <div class="pure-u-1-2">
+                <button type="submit" name="submit" value="delete_account" class="pure-button pure-button-primary">
+                    <%= translate(locale, "Yes") %>
+                </button>
+            </div>
+            <div class="pure-u-1-2">
+                <a class="pure-button" href="<%= referer %>">
+                    <%= translate(locale, "No") %>
+                </a>
+            </div>
+        </div>
+
+        <input type="hidden" name="token" value="<%= token %>">
+        <input type="hidden" name="challenge" value="<%= challenge %>">
+    </form>
+</div>

src/invidious/views/history.ecr

@@ -0,0 +1,85 @@
+<% content_for "header" do %>
+<title><%= translate(locale, "History") %> - Invidious</title>
+<% end %>
+
+<div class="pure-g h-box">
+    <div class="pure-u-2-3">
+        <h3><%= translate(locale, "`x` videos", %(<span id="count">#{user.watched.size}</span>)) %></h3>
+    </div>
+    <div class="pure-u-1-3" style="text-align:right;">
+        <h3>
+            <a href="/clear_watch_history"><%= translate(locale, "Clear watch history") %></a>
+        </h3>
+    </div>
+</div>
+
+<div class="pure-g">
+<% watched.each_slice(4) do |slice| %>
+        <% slice.each do |item| %>
+        <div class="pure-u-1 pure-u-md-1-4">
+            <div class="h-box">
+                <a style="width:100%;" href="/watch?v=<%= item %>">
+                    <% if env.get?("user") && env.get("user").as(User).preferences.thin_mode %>
+                    <% else %>
+                    <div class="thumbnail">
+                        <img class="thumbnail" src="/vi/<%= item %>/mqdefault.jpg"/>
+                        <p class="watched">
+                            <a onclick="mark_unwatched(this)"
+                                data-id="<%= item %>"
+                                onmouseenter='this["href"]="javascript:void(0)"'
+                                href="/mark_unwatched?id=<%= item %>">
+                                <i class="icon ion-md-trash"></i>
+                            </a>
+                        </p>
+                    </div>
+                    <p></p>
+                    <% end %>
+                </a>
+            </div>
+        </div>
+        <% end %>
+<% end %>
+</div>
+
+<script>
+function mark_unwatched(target) {
+    var tile = target.parentNode.parentNode.parentNode.parentNode;
+    tile.style.display = "none";
+    var count = document.getElementById("count")
+    count.innerText = count.innerText - 1;
+
+    var url = "/mark_unwatched?redirect=false&id=" + target.getAttribute("data-id");
+    var xhr = new XMLHttpRequest();
+    xhr.responseType = "json";
+    xhr.timeout = 20000;
+    xhr.open("GET", url, true);
+    xhr.send();
+
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4) {
+            if (xhr.status != 200) {
+                count.innerText = count.innerText - 1 + 2;
+                tile.style.display = "";
+            }
+        }
+    }
+}
+</script>
+
+<div class="pure-g h-box">
+    <div class="pure-u-1 pure-u-md-1-5">
+    <% if page >= 2 %>
+        <a href="/feed/history?page=<%= page - 1 %>">
+            <%= translate(locale, "Previous page") %>
+        </a>
+    <% end %>
+    </div>
+    <div class="pure-u-1 pure-u-md-3-5"></div>
+    <div style="text-align:right;" class="pure-u-1 pure-u-md-1-5">
+    <% if watched.size >= limit %>
+        <a href="/feed/history?page=<%= page + 1 %>">
+            <%= translate(locale, "Next page") %>
+        </a>
+    <% end %>
+    </div>
+</div>

src/invidious/views/index.ecr

@@ -1,11 +0,0 @@
-<% content_for "header" do %>
-<title>Invidious</title>
-<% end %>
-
-<% top_videos.each_slice(4) do |slice| %>
-    <div class="pure-g">
-        <% slice.each do |item| %>
-            <%= rendered "components/item" %>
-        <% end %>
-    </div>
-<% end %>

src/invidious/views/licenses.ecr

@@ -0,0 +1,153 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+  <meta charset="utf-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+</head>
+
+<body>
+    <h1><%= translate(locale, "JavaScript license information") %></h1>
+    <table id="jslicense-labels1">
+        <tr>
+            <td>
+                <a href="/js/dash.mediaplayer.min.js">dash.mediaplayer.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://directory.fsf.org/wiki/License:BSD_3Clause">Modified-BSD</a>
+            </td>
+
+            <td>
+                <a href="https://unpkg.com/dashjs@2.9.0/dist/dash.mediaplayer.debug.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/silvermine-videojs-quality-selector.min.js">silvermine-videojs-quality-selector.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://www.jclark.com/xml/copying.txt">Expat</a>
+            </td>
+
+            <td>
+                <a href="/js/silvermine-videojs-quality-selector.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/video.min.js">video.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache-2.0-only</a>
+            </td>
+
+            <td>
+                <a href="https://unpkg.com/video.js@6.12.1/dist/video.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/videojs-contrib-quality-levels.min.js">videojs-contrib-quality-levels.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache-2.0-only</a>
+            </td>
+
+            <td>
+                <a href="https://unpkg.com/videojs-contrib-quality-levels@2.0.7/dist/videojs-contrib-quality-levels.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/videojs-dash.min.js">videojs-dash.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache-2.0-only</a>
+            </td>
+
+            <td>
+                <a href="https://unpkg.com/videojs-contrib-dash@2.8.2/dist/videojs-dash.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/videojs-http-streaming.min.js">videojs-http-streaming.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache-2.0-only</a>
+            </td>
+
+            <td>
+                <a href="https://unpkg.com/@videojs/http-streaming@1.2.2/dist/videojs-http-streaming.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/videojs-markers.min.js">videojs-markers.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://www.jclark.com/xml/copying.txt">Expat</a>
+            </td>
+
+            <td>
+                <a href="https://unpkg.com/videojs-markers@1.0.1/dist/videojs-markers.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/videojs-share.min.js">videojs-share.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://www.jclark.com/xml/copying.txt">Expat</a>
+            </td>
+
+            <td>
+                <a href="https://unpkg.com/videojs-share@2.0.1/dist/videojs-share.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/videojs.hotkeys.min.js">videojs.hotkeys.min.js</a>
+            </td>
+
+            <td>
+                <a href="http://www.apache.org/licenses/LICENSE-2.0">Apache-2.0-only</a>
+            </td>
+
+            <td>
+                <a href="/js/videojs.hotkeys.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+
+        <tr>
+            <td>
+                <a href="/js/watch.js">watch.js</a>
+            </td>
+
+            <td>
+                <a href="https://www.gnu.org/licenses/agpl-3.0.html">AGPL-3.0</a>
+            </td>
+
+            <td>
+                <a href="/js/watch.js"><%= translate(locale, "source") %></a>
+            </td>
+        </tr>
+    </table>
+</body>
+</html>

src/invidious/views/login.ecr

@@ -1,5 +1,5 @@
 <% content_for "header" do %>
-<title>Login - Invidious</title>
+<title><%= translate(locale, "Login") %> - Invidious</title>
 <% end %>
 
 <div class="pure-g">
@@ -8,46 +8,76 @@
         <div class="h-box">
             <div class="pure-g">
                 <div class="pure-u-1-2">
-                    <a class="pure-button <% if account_type == "invidious" %>pure-button-disabled<% end %>" href="/login">Login/Register</a>
+                    <a class="pure-button <% if account_type == "invidious" %>pure-button-disabled<% end %>" href="/login">
+                        <%= translate(locale, "Login/Register") %>
+                    </a>
                 </div>
                 <div class="pure-u-1-2">
-                    <a class="pure-button <% if account_type == "google" %>pure-button-disabled<% end %>" href="/login?type=google">Login to Google</a>
+                    <a class="pure-button <% if account_type == "google" %>pure-button-disabled<% end %>" href="/login?type=google">
+                        <%= translate(locale, "Login to Google") %>
+                    </a>
                 </div>
             </div>
             <hr>
             <% if account_type == "invidious" %>
             <form class="pure-form pure-form-stacked" action="/login?referer=<%= URI.escape(referer) %>&type=invidious" method="post">
                 <fieldset>
-                    <label for="email">User ID:</label>
+                    <label for="email"><%= translate(locale, "User ID:") %></label>
                     <input required class="pure-input-1" name="email" type="text" placeholder="User ID">
 
-                    <label for="password">Password:</label>
+                    <label for="password"><%= translate(locale, "Password:") %></label>
                     <input required class="pure-input-1" name="password" type="password" placeholder="Password">
-                
-                    <img style="width:100%" src='<%= captcha.not_nil![:challenge] %>'/>
-                    <input type="hidden" name="token" value="<%= captcha.not_nil![:token] %>">
-                    <label for="challenge_response">Time (h:mm):</label>
-                    <input required type="text" name="challenge_response" type="text>" placeholder="hh:mm">
 
-                    <button type="submit" name="action" value="signin" class="pure-button pure-button-primary">Sign In</button>
-                    <button type="submit" name="action" value="register" class="pure-button pure-button-primary">Register</button>
+                <% if config.captcha_enabled %>
+                    <% if captcha_type == "image" %>
+                        <img style="width:100%" src='<%= captcha.not_nil![:image] %>'/>
+                        <input type="hidden" name="token" value="<%= captcha.not_nil![:token] %>">
+                        <input type="hidden" name="challenge" value="<%= captcha.not_nil![:challenge] %>">
+                        <label for="answer"><%= translate(locale, "Time (h:mm:ss):") %></label>
+                        <input required type="text" name="answer" type="text" placeholder="h:mm:ss">
+
+                        <label>
+                            <a href="/login?referer=<%= URI.escape(referer) %>&type=invidious&captcha=text">
+                                <%= translate(locale, "Text CAPTCHA") %>
+                            </a>
+                        </label>
+                    <% else %>
+                        <% text_captcha.not_nil![:tokens].each_with_index do |token, i| %>
+                            <input type="hidden" name="text_challenge<%= i %>" value="<%= token[0] %>">
+                            <input type="hidden" name="text_token<%= i %>" value="<%= token[1] %>">
+                        <% end %>
+                        <label for="text_answer"><%= text_captcha.not_nil![:question] %></label>
+                        <input required type="text" name="text_answer" type="text" placeholder="Answer">
+
+                        <label>
+                            <a href="/login?referer=<%= URI.escape(referer) %>&type=invidious">
+                                <%= translate(locale, "Image CAPTCHA") %>
+                            </a>
+                        </label>
+                    <% end %>
+                <% end %>
+
+                    <button type="submit" name="action" value="signin" class="pure-button pure-button-primary"><%= translate(locale, "Sign In") %></button>
+                    <% if config.registration_enabled %>
+                    <button type="submit" name="action" value="register" class="pure-button pure-button-primary"><%= translate(locale, "Register") %></button>
+                    <% end %>
                 </fieldset>
             </form>
             <% elsif account_type == "google" %>
             <form class="pure-form pure-form-stacked" action="/login?referer=<%= URI.escape(referer) %>" method="post">
                 <fieldset>
-                    <label for="email">Email:</label>
+                    <label for="email"><%= translate(locale, "Email:") %></label>
                     <input required class="pure-input-1" name="email" type="email" placeholder="Email">
 
-                    <label for="password">Password:</label>
+                    <label for="password"><%= translate(locale, "Password:") %></label>
                     <input required class="pure-input-1" name="password" type="password" placeholder="Password">
-                    
+
                     <% if tfa %>
-                    <label for="tfa">Google verification code:</label>
+                    <label for="tfa"><%= translate(locale, "Google verification code:") %></label>
                     <input required class="pure-input-1" name="tfa" type="text" placeholder="Google verification code">
                     <% end %>
 
-                    <button type="submit" class="pure-button pure-button-primary">Sign in</button>
+                    <button type="submit" class="pure-button pure-button-primary"><%= translate(locale, "Sign In") %></button>
                 </fieldset>
             </form>
             <% end %>

src/invidious/views/mix.ecr

@@ -13,10 +13,10 @@
     </div>
 </div>
 
-<% mix.videos.each_slice(4) do |slice| %>
 <div class="pure-g">
+<% mix.videos.each_slice(4) do |slice| %>
     <% slice.each do |item| %>
         <%= rendered "components/item" %>
     <% end %>
-</div> 
 <% end %>
+</div> 

src/invidious/views/playlist.ecr

@@ -24,24 +24,28 @@
     <p><%= playlist.description_html %></p>
 </div>
 
-<% videos.each_slice(4) do |slice| %>
 <div class="pure-g">
+<% videos.each_slice(4) do |slice| %>
     <% slice.each do |item| %>
         <%= rendered "components/item" %>
     <% end %>
-</div> 
 <% end %>
+</div> 
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-1-5">
     <% if page >= 2 %>
-        <a href="/playlist?list=<%= playlist.id %>&page=<%= page - 1 %>">Previous page</a>
+        <a href="/playlist?list=<%= playlist.id %>&page=<%= page - 1 %>">
+            <%= translate(locale, "Previous page") %>
+        </a>
     <% end %>
     </div>
     <div class="pure-u-1 pure-u-md-3-5"></div>
     <div style="text-align:right;" class="pure-u-1 pure-u-md-1-5">
     <% if videos.size == 100 %>
-        <a href="/playlist?list=<%= playlist.id %>&page=<%= page + 1 %>">Next page</a>
+        <a href="/playlist?list=<%= playlist.id %>&page=<%= page + 1 %>">
+            <%= translate(locale, "Next page") %>
+        </a>
     <% end %>
     </div>
 </div>

src/invidious/views/playlists.ecr

@@ -0,0 +1,80 @@
+<% content_for "header" do %>
+<title><%= author %> - Invidious</title>
+<% end %>
+
+<div class="pure-g h-box">
+    <div class="pure-u-2-3">
+        <h3><%= author %></h3>
+    </div>
+    <div class="pure-u-1-3" style="text-align:right;">
+        <h3>
+            <a href="/feed/channel/<%= ucid %>"><i class="icon ion-logo-rss"></i></a>
+        </h3>
+    </div>
+</div>
+
+<div class="h-box">
+<% sub_count_text = number_to_short_text(sub_count) %>
+<%= rendered "components/subscribe_widget" %>
+</div>
+
+<div class="pure-g h-box">
+    <div class="pure-g pure-u-1-3">
+        <div class="pure-u-1 pure-md-1-3">
+            <a href="https://www.youtube.com/channel/<%= ucid %>"><%= translate(locale, "View channel on YouTube") %></a>
+        </div>
+        <div class="pure-u-1 pure-md-1-3">
+            <a href="/channel/<%= ucid %>"><%= translate(locale, "Videos") %></a>
+        </div>
+        <div class="pure-u-1 pure-md-1-3">
+            <% if !auto_generated %>
+            <b><%= translate(locale, "Playlists") %></b>
+            <% end %>
+        </div>
+    </div>
+    <div class="pure-u-1-3">
+    </div>
+    <div class="pure-u-1-3">
+        <div class="pure-g" style="text-align:right;">
+        <% {"last", "oldest", "newest"}.each do |sort| %>
+            <div class="pure-u-1 pure-md-1-3">
+                <% if sort_by == sort %>
+                <b><%= translate(locale, sort) %></b>
+                <% else %>
+                <a href="/channel/<%= ucid %>/playlists?sort_by=<%= sort %>">
+                <%= translate(locale, sort) %>
+                </a>
+                <% end %>
+            </div>
+        <% end %>
+        </div>
+    </div>
+</div>
+
+<div class="h-box">
+    <hr>
+</div>
+
+<div class="pure-g">
+<% items.each_slice(4) do |slice| %>
+    <% slice.each do |item| %>
+        <%= rendered "components/item" %>
+    <% end %>
+<% end %>
+</div>
+
+<div class="pure-g h-box">
+    <div class="pure-u-1 pure-u-md-4-5"></div>
+    <div style="text-align:right;" class="pure-u-1 pure-u-md-1-5">
+    <% if items.size >= 28 %>
+        <a href="/channel/<%= ucid %>/playlists?continuation=<%= continuation %><% if sort_by != "last" %>&sort_by=<%= sort_by %><% end %>">
+            <%= translate(locale, "Next page") %>
+        </a>
+    <% end %>
+    </div>
+</div>
+
+<script>
+<% sub_count_text = number_to_short_text(sub_count) %>
+<%= rendered "components/subscribe_widget_script" %>
+</script>

src/invidious/views/popular.ecr

@@ -0,0 +1,14 @@
+<% content_for "header" do %>
+<meta name="description" content="<%= translate(locale, "An alternative front-end to YouTube") %>">
+<title><% if config.default_home != "Popular" %><%= translate(locale, "Popular") %> - <% end %>Invidious</title>
+<% end %>
+
+<%= rendered "components/feed_menu" %>
+
+<div class="pure-g">
+<% popular_videos.each_slice(4) do |slice| %>
+        <% slice.each do |item| %>
+            <%= rendered "components/item" %>
+        <% end %>
+<% end %>
+</div>

src/invidious/views/preferences.ecr

@@ -1,5 +1,5 @@
 <% content_for "header" do %>
-<title>Preferences - Invidious</title>
+<title><%= translate(locale, "Preferences") %> - Invidious</title>
 <% end %>
 
 <script>
@@ -11,153 +11,217 @@ function update_value(element) {
 <div class="h-box">
     <form class="pure-form pure-form-aligned" action="/preferences?referer=<%= referer %>" method="post">
         <fieldset>
-            <legend>Player preferences</legend>
+            <legend><%= translate(locale, "Player preferences") %></legend>
 
             <div class="pure-control-group">
-                <label for="video_loop">Always loop: </label>
-                <input name="video_loop" id="video_loop" type="checkbox" <% if user.preferences.video_loop %>checked<% end %>>
+                <label for="video_loop"><%= translate(locale, "Always loop: ") %></label>
+                <input name="video_loop" id="video_loop" type="checkbox" <% if preferences.video_loop %>checked<% end %>>
             </div>
 
             <div class="pure-control-group">
-                <label for="autoplay">Autoplay: </label>
-                <input name="autoplay" id="autoplay" type="checkbox" <% if user.preferences.autoplay %>checked<% end %>>
+                <label for="autoplay"><%= translate(locale, "Autoplay: ") %></label>
+                <input name="autoplay" id="autoplay" type="checkbox" <% if preferences.autoplay %>checked<% end %>>
             </div>
 
             <div class="pure-control-group">
-                <label for="speed">Default speed: </label>
+                <label for="continue"><%= translate(locale, "Autoplay next video: ") %></label>
+                <input name="continue" id="continue" type="checkbox" <% if preferences.continue %>checked<% end %>>
+            </div>
+
+            <div class="pure-control-group">
+                <label for="listen"><%= translate(locale, "Listen by default: ") %></label>
+                <input name="listen" id="listen" type="checkbox" <% if preferences.listen %>checked<% end %>>
+            </div>
+
+            <div class="pure-control-group">
+                <label for="speed"><%= translate(locale, "Default speed: ") %></label>
                 <select name="speed" id="speed">
                 <% {2.0, 1.5, 1.0, 0.5}.each do |option| %>
-                    <option <% if user.preferences.speed == option %> selected <% end %>><%= option %></option>
+                    <option <% if preferences.speed == option %> selected <% end %>><%= option %></option>
                 <% end %>
                 </select>
             </div>
 
             <div class="pure-control-group">
-                <label for="quality">Preferred video quality: </label>
+                <label for="quality"><%= translate(locale, "Preferred video quality: ") %></label>
                 <select name="quality" id="quality">
                 <% {"dash", "hd720", "medium", "small"}.each do |option| %>
-                    <option <% if user.preferences.quality == option %> selected <% end %>><%= option %></option>
+                    <option value="<%= option %>" <% if preferences.quality == option %> selected <% end %>><%= translate(locale, option) %></option>
                 <% end %>
                 </select>
             </div>
 
             <div class="pure-control-group">
-                <label for="volume">Player volume: </label>
-                <input name="volume" id="volume" oninput="update_value(this);" type="range" min="0" max="100" step="5" value="<%= user.preferences.volume %>">
-                <span class="pure-form-message-inline" id="volume-value"><%= user.preferences.volume %></span>
+                <label for="volume"><%= translate(locale, "Player volume: ") %></label>
+                <input name="volume" id="volume" oninput="update_value(this);" type="range" min="0" max="100" step="5" value="<%= preferences.volume %>">
+                <span class="pure-form-message-inline" id="volume-value"><%= preferences.volume %></span>
             </div>
 
             <div class="pure-control-group">
-                <label for="comments_0">Default comments: </label>
-                <select name="comments_0" id="comments_0">
+                <label for="comments[0]"><%= translate(locale, "Default comments: ") %></label>
+                <% preferences.comments.each_with_index do |comments, index| %>
+                <select name="comments[<%= index %>]" id="comments[<%= index %>]">
                 <% {"", "youtube", "reddit"}.each do |option| %>
-                    <option <% if user.preferences.comments[0] == option %> selected <% end %>><%= option %></option>
+                    <option value="<%= option %>" <% if preferences.comments[index] == option %> selected <% end %>><%= translate(locale, option) %></option>
                 <% end %>
                 </select>
+                <% end %>
             </div>
 
             <div class="pure-control-group">
-                <label for="comments_1">Fallback comments: </label>
-                <select name="comments_1" id="comments_1">
-                <% {"", "youtube", "reddit"}.each do |option| %>
-                    <option <% if user.preferences.comments[1] == option %> selected <% end %>><%= option %></option>
-                <% end %>
-                </select>
-            </div>
-
-            <div class="pure-control-group">
-                <label for="captions_0">Default captions: </label>
-                <select class="pure-u-1-5" name="captions_0" id="captions_0">
+                <label for="captions[0]"><%= translate(locale, "Default captions: ") %></label>
+                <% preferences.captions.each_with_index do |caption, index| %>
+                <select class="pure-u-1-6" name="captions[<%= index %>]" id="captions[<%= index %>]">
                 <% CAPTION_LANGUAGES.each do |option| %>
-                    <option <% if user.preferences.captions[0] == option %> selected <% end %>><%= option %></option>
+                    <option value="<%= option %>" <% if preferences.captions[index] == option %> selected <% end %>><%= translate(locale, option) %></option>
+                <% end %>
+                </select>
+                <% end %>
+            </div>
+
+            <div class="pure-control-group">
+                <label for="related_videos"><%= translate(locale, "Show related videos? ") %></label>
+                <input name="related_videos" id="related_videos" type="checkbox" <% if preferences.related_videos %>checked<% end %>>
+            </div>
+
+            <legend><%= translate(locale, "Visual preferences") %></legend>
+
+            <div class="pure-control-group">
+                <label for="locale"><%= translate(locale, "Language: ") %></label>
+                <select name="locale" id="locale">
+                <% LOCALES.each_key do |option| %>
+                    <option value="<%= option %>" <% if preferences.locale == option %> selected <% end %>><%= option %></option>
                 <% end %>
                 </select>
             </div>
 
             <div class="pure-control-group">
-                <label for="captions_fallback">Fallback captions: </label>
-                <select class="pure-u-1-5" name="captions_1" id="captions_1">
-                <% CAPTION_LANGUAGES.each do |option| %>
-                    <option <% if user.preferences.captions[1] == option %> selected <% end %>><%= option %></option>
-                <% end %>
-                </select>
-
-                <select class="pure-u-1-5" name="captions_2" id="captions_2">
-                <% CAPTION_LANGUAGES.each do |option| %>
-                    <option <% if user.preferences.captions[2] == option %> selected <% end %>><%= option %></option>
-                <% end %>
-                </select>
+                <label for="dark_mode"><%= translate(locale, "Dark mode: ") %></label>
+                <input name="dark_mode" id="dark_mode" type="checkbox" <% if preferences.dark_mode %>checked<% end %>>
             </div>
 
             <div class="pure-control-group">
-                <label for="related_videos">Show related videos? </label>
-                <input name="related_videos" id="related_videos" type="checkbox" <% if user.preferences.related_videos %>checked<% end %>>
+                <label for="thin_mode"><%= translate(locale, "Thin mode: ") %></label>
+                <input name="thin_mode" id="thin_mode" type="checkbox" <% if preferences.thin_mode %>checked<% end %>>
             </div>
 
-            <legend>Visual preferences</legend>
+            <% if env.get? "user" %>
+            <legend><%= translate(locale, "Subscription preferences") %></legend>
 
             <div class="pure-control-group">
-                <label for="dark_mode">Dark mode: </label>
-                <input name="dark_mode" id="dark_mode" type="checkbox" <% if user.preferences.dark_mode %>checked<% end %>>
+                <label for="redirect_feed"><%= translate(locale, "Redirect homepage to feed: ") %></label>
+                <input name="redirect_feed" id="redirect_feed" type="checkbox" <% if preferences.redirect_feed %>checked<% end %>>
             </div>
 
             <div class="pure-control-group">
-                <label for="thin_mode">Thin mode: </label>
-                <input name="thin_mode" id="thin_mode" type="checkbox" <% if user.preferences.thin_mode %>checked<% end %>>
-            </div>
-
-            <legend>Subscription preferences</legend>
-
-            <div class="pure-control-group">
-                <label for="redirect_feed">Redirect homepage to feed: </label>
-                <input name="redirect_feed" id="redirect_feed" type="checkbox" <% if user.preferences.redirect_feed %>checked<% end %>>
+                <label for="max_results"><%= translate(locale, "Number of videos shown in feed: ") %></label>
+                <input name="max_results" id="max_results" type="number" value="<%= preferences.max_results %>">
             </div>
 
             <div class="pure-control-group">
-                <label for="max_results">Number of videos shown in feed: </label>
-                <input name="max_results" id="max_results" type="number" value="<%= user.preferences.max_results %>">
-            </div>
-
-            <div class="pure-control-group">
-                <label for="sort">Sort videos by: </label>
+                <label for="sort"><%= translate(locale, "Sort videos by: ") %></label>
                 <select name="sort" id="sort">
-                <% ["published", "alphabetically", "alphabetically - reverse", "channel name", "channel name - reverse"].each do |option| %>
-                    <option <% if user.preferences.sort == option %> selected <% end %>><%= option %></option>
+                <% {"published", "published - reverse", "alphabetically", "alphabetically - reverse", "channel name", "channel name - reverse"}.each do |option| %>
+                    <option value="<%= option %>" <% if preferences.sort == option %> selected <% end %>><%= translate(locale, option) %></option>
                 <% end %>
                 </select>
             </div>
 
             <div class="pure-control-group">
-                <label for="latest_only">Only show latest <% if user.preferences.unseen_only %>unseen<% end %> video from channel: </label>
-                <input name="latest_only" id="latest_only" type="checkbox" <% if user.preferences.latest_only %>checked<% end %>>
+                <% if preferences.unseen_only %>
+                <label for="latest_only"><%= translate(locale, "Only show latest unwatched video from channel: ") %></label>
+                <% else %>
+                <label for="latest_only"><%= translate(locale, "Only show latest video from channel: ") %></label>
+                <% end %>
+                <input name="latest_only" id="latest_only" type="checkbox" <% if preferences.latest_only %>checked<% end %>>
             </div>
 
             <div class="pure-control-group">
-                <label for="unseen_only">Only show unseen: </label>
-                <input name="unseen_only" id="unseen_only" type="checkbox" <% if user.preferences.unseen_only %>checked<% end %>>
+                <label for="unseen_only"><%= translate(locale, "Only show unwatched: ") %></label>
+                <input name="unseen_only" id="unseen_only" type="checkbox" <% if preferences.unseen_only %>checked<% end %>>
             </div>
 
             <div class="pure-control-group">
-                <label for="notifications_only">Only show notifications: </label>
-                <input name="notifications_only" id="notifications_only" type="checkbox" <% if user.preferences.notifications_only %>checked<% end %>>
+                <label for="notifications_only"><%= translate(locale, "Only show notifications (if there are any): ") %></label>
+                <input name="notifications_only" id="notifications_only" type="checkbox" <% if preferences.notifications_only %>checked<% end %>>
             </div>
+            <% end %>
 
-            <legend>Data preferences</legend>
+            <% if env.get?("user") && config.admins.includes? env.get?("user").as(User).email %>
+            <legend><%= translate(locale, "Administrator preferences") %></legend>
 
             <div class="pure-control-group">
-                <a href="/clear_watch_history?referer=<%= referer %>">Clear watch history</a>
-            </div>
-            
-            <div class="pure-control-group">
-                <a href="/data_control?referer=<%= referer %>">Import/Export data</a>
+                <label for="default_home"><%= translate(locale, "Default homepage: ") %></label>
+                <select name="default_home" id="default_home">
+                <% {"Popular", "Top", "Trending", "Subscriptions"}.each do |option| %>
+                    <option value="<%= option %>" <% if config.default_home == option %> selected <% end %>><%= translate(locale, option) %></option>
+                <% end %>
+                </select>
             </div>
 
             <div class="pure-control-group">
-                <a href="/subscription_manager">Manage subscriptions</a>
+                <label for="feed_menu"><%= translate(locale, "Feed menu: ") %></label>
+                <% 4.times do |index| %>
+                <select name="feed_menu[<%= index %>]" id="feed_menu[<%= index %>]">
+                <% {"", "Popular", "Top", "Trending", "Subscriptions"}.each do |option| %>
+                    <option value="<%= option %>" <% if config.feed_menu[index]? == option %> selected <% end %>><%= translate(locale, option) %></option>
+                <% end %>
+                </select>
+                <% end %>
             </div>
 
+            <div class="pure-control-group">
+                <label for="top_enabled"><%= translate(locale, "Top enabled? ") %></label>
+                <input name="top_enabled" id="top_enabled" type="checkbox" <% if config.top_enabled %>checked<% end %>>
+            </div>
+
+            <div class="pure-control-group">
+                <label for="captcha_enabled"><%= translate(locale, "CAPTCHA enabled? ") %></label>
+                <input name="captcha_enabled" id="captcha_enabled" type="checkbox" <% if config.captcha_enabled %>checked<% end %>>
+            </div>
+
+            <div class="pure-control-group">
+                <label for="login_enabled"><%= translate(locale, "Login enabled? ") %></label>
+                <input name="login_enabled" id="login_enabled" type="checkbox" <% if config.login_enabled %>checked<% end %>>
+            </div>
+
+            <div class="pure-control-group">
+                <label for="registration_enabled"><%= translate(locale, "Registration enabled? ") %></label>
+                <input name="registration_enabled" id="registration_enabled" type="checkbox" <% if config.registration_enabled %>checked<% end %>>
+            </div>
+
+            <div class="pure-control-group">
+                <label for="statistics_enabled"><%= translate(locale, "Report statistics? ") %></label>
+                <input name="statistics_enabled" id="statistics_enabled" type="checkbox" <% if config.statistics_enabled %>checked<% end %>>
+            </div>
+            <% end %>
+
+            <% if env.get? "user" %>
+            <legend><%= translate(locale, "Data preferences") %></legend>
+
+            <div class="pure-control-group">
+                <a href="/clear_watch_history?referer=<%= URI.escape(referer) %>"><%= translate(locale, "Clear watch history") %></a>
+            </div>
+
+            <div class="pure-control-group">
+                <a href="/data_control?referer=<%= URI.escape(referer) %>"><%= translate(locale, "Import/Export data") %></a>
+            </div>
+
+            <div class="pure-control-group">
+                <a href="/subscription_manager"><%= translate(locale, "Manage subscriptions") %></a>
+            </div>
+
+            <div class="pure-control-group">
+                <a href="/feed/history"><%= translate(locale, "Watch history") %></a>
+            </div>
+
+            <div class="pure-control-group">
+                <a href="/delete_account?referer=<%= URI.escape(referer) %>"><%= translate(locale, "Delete account") %></a>
+            </div>
+            <% end %>
+
             <div class="pure-controls">
-                <button type="submit" class="pure-button pure-button-primary">Save preferences</button>
+                <button type="submit" class="pure-button pure-button-primary"><%= translate(locale, "Save preferences") %></button>
             </div>
         </fieldset>
     </form>

src/invidious/views/search.ecr

@@ -1,25 +1,29 @@
 <% content_for "header" do %>
-<title><%= search_query.not_nil!.size > 30 ? query.not_nil![0,30].rstrip(".") + "..." : query.not_nil! %> - Invidious</title>
+<title><%= search_query.not_nil!.size > 30 ? HTML.escape(query.not_nil![0,30].rstrip(".") + "...") : HTML.escape(query.not_nil!) %> - Invidious</title>
 <% end %>
 
-<% videos.each_slice(4) do |slice| %>
 <div class="pure-g">
+<% videos.each_slice(4) do |slice| %>
     <% slice.each do |item| %>
         <%= rendered "components/item" %>
     <% end %>
-</div> 
 <% end %>
+</div> 
 
 <div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-1-5">
     <% if page >= 2 %>
-        <a href="/search?q=<%= HTML.escape(query.not_nil!) %>&page=<%= page - 1 %>">Previous page</a>
+        <a href="/search?q=<%= HTML.escape(query.not_nil!) %>&page=<%= page - 1 %>">
+            <%= translate(locale, "Previous page") %>
+        </a>
     <% end %>
     </div>
     <div class="pure-u-1 pure-u-md-3-5"></div>
     <div style="text-align:right;" class="pure-u-1 pure-u-md-1-5">
     <% if count >= 20 %>
-        <a href="/search?q=<%= HTML.escape(query.not_nil!) %>&page=<%= page + 1 %>">Next page</a>
+        <a href="/search?q=<%= HTML.escape(query.not_nil!) %>&page=<%= page + 1 %>">
+            <%= translate(locale, "Next page") %>
+        </a>
     <% end %>
     </div>
 </div>

src/invidious/views/subscription_manager.ecr

@@ -1,14 +1,19 @@
 <% content_for "header" do %>
-<title>Subscription manager - Invidious</title>
+<title><%= translate(locale, "Subscription manager") %> - Invidious</title>
 <% end %>
 
 <div class="pure-g h-box">
-    <div class="pure-u-2-3">
-        <h3><%= subscriptions.size %> subscriptions</h3>
+    <div class="pure-u-1-3">
+        <h3><%= translate(locale, "`x` subscriptions", %(<span id="count">#{subscriptions.size}</span>)) %></h3>
+    </div>
+    <div class="pure-u-1-3" style="text-align:center;">
+        <h3>
+            <a href="/feed/history"><%= translate(locale, "Watch history") %></a>
+        </h3>
     </div>
     <div class="pure-u-1-3" style="text-align:right;">
         <h3>
-            <a href="/data_control?referer=<%= referer %>">Import/Export</a>
+            <a href="/data_control?referer=<%= referer %>"><%= translate(locale, "Import/Export") %></a>
         </h3>
     </div>
 </div>
@@ -24,7 +29,12 @@
         <div class="pure-u-2-5"></div>
         <div class="pure-u-1-5" style="text-align: right;">
             <h3>
-                <a href="/subscription_ajax?action_remove_subscriptions=1&c=<%= channel.id %>">unsubscribe</a>
+                <a onclick="remove_subscription(this)"
+                    data-id="<%= channel.id %>"
+                    onmouseenter='this["href"]="javascript:void(0)"'
+                    href="/subscription_ajax?action_remove_subscriptions=1&c=<%= channel.id %>">
+                    <%= translate(locale, "unsubscribe") %>
+                </a>
             </h3>
         </div>
     </div>
@@ -34,3 +44,28 @@
     <% end %>
 </div>
 <% end %>
+
+<script>
+function remove_subscription(target) {
+    var row = target.parentNode.parentNode.parentNode.parentNode;
+    row.style.display = "none";
+    var count = document.getElementById("count")
+    count.innerText = count.innerText - 1;
+
+    var url = "/subscription_ajax?action_remove_subscriptions=1&redirect=false&c=" + target.getAttribute("data-id");
+    var xhr = new XMLHttpRequest();
+    xhr.responseType = "json";
+    xhr.timeout = 20000;
+    xhr.open("GET", url, true);
+    xhr.send();
+
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4) {
+            if (xhr.status != 200) {
+                count.innerText = count.innerText - 1 + 2;
+                row.style.display = "";
+            }
+        }
+    }
+}
+</script>

src/invidious/views/subscriptions.ecr

@@ -1,11 +1,18 @@
 <% content_for "header" do %>
-<title>Subscriptions - Invidious</title>
+<title><%= translate(locale, "Subscriptions") %> - Invidious</title>
 <% end %>
 
+<%= rendered "components/feed_menu" %>
+
 <div class="pure-g h-box">
-    <div class="pure-u-2-3">
+    <div class="pure-u-1-3">
         <h3>
-            <a href="/subscription_manager">Manage subscriptions</a>
+            <a href="/subscription_manager"><%= translate(locale, "Manage subscriptions") %></a>
+        </h3>
+    </div>
+    <div class="pure-u-1-3" style="text-align:center;">
+        <h3>
+            <a href="/feed/history"><%= translate(locale, "Watch history") %></a>
         </h3>
     </div>
     <div class="pure-u-1-3" style="text-align:right;">
@@ -15,7 +22,7 @@
     </div>
 </div>
 
-<center><%= notifications.size %> unseen notifications</center>
+<center><%= translate(locale, "`x` unseen notifications", "#{notifications.size}") %></center>
 
 <% if !notifications.empty? %>
 <div class="h-box">
@@ -23,36 +30,62 @@
 </div>
 <% end %>
 
+<div class="pure-g">
 <% notifications.each_slice(4) do |slice| %>
-    <div class="pure-g">
         <% slice.each do |item| %>
             <%= rendered "components/item" %>
         <% end %>
-    </div>
 <% end %>
+</div>
 
 <div class="h-box">
     <hr>
 </div>
 
+<div class="pure-g">
 <% videos.each_slice(4) do |slice| %>
-    <div class="pure-g">
         <% slice.each do |item| %>
             <%= rendered "components/item" %>
         <% end %>
-    </div>
 <% end %>
+</div>
 
-<div class="pure-g">
+<script>
+function mark_watched(target) {
+    var tile = target.parentNode.parentNode.parentNode.parentNode;
+    tile.style.display = "none";
+
+    var url = "/mark_watched?redirect=false&id=" + target.getAttribute("data-id");
+    var xhr = new XMLHttpRequest();
+    xhr.responseType = "json";
+    xhr.timeout = 20000;
+    xhr.open("GET", url, true);
+    xhr.send();
+
+    xhr.onreadystatechange = function() {
+        if (xhr.readyState == 4) {
+            if (xhr.status != 200) {
+                tile.style.display = "";
+            }
+        }
+    }
+}
+</script>
+
+<div class="pure-g h-box">
     <div class="pure-u-1 pure-u-md-1-5">
     <% if page >= 2 %>
-        <a href="/feed/subscriptions?max_results=<%= max_results %>&page=<%= page - 1 %>">Previous page</a>
+        <a href="/feed/subscriptions?max_results=<%= max_results %>&page=<%= page - 1 %>">
+            <%= translate(locale, "Previous page") %>
+        </a>
     <% end %>
     </div>
     <div class="pure-u-1 pure-u-md-3-5"></div>
     <div style="text-align:right;" class="pure-u-1 pure-u-md-1-5">
         <% if (videos.size + notifications.size) == max_results %>
-            <a href="/feed/subscriptions?max_results=<%= max_results %>&page=<%= page + 1 %>">Next page</a>
+            <a href="/feed/subscriptions?max_results=<%= max_results %>&page=<%= page + 1 %>">
+                <%= translate(locale, "Next page") %>
+            </a>
         <% end %>
     </div>
 </div>

src/invidious/views/template.ecr

@@ -6,17 +6,27 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="referrer" content="no-referrer">
   <%= yield_content "header" %>
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
+  <link rel="manifest" href="/site.webmanifest">
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#575757">
+  <meta name="msapplication-TileColor" content="#575757">
+  <meta name="theme-color" content="#575757">
+  <link title="Invidious" type="application/opensearchdescription+xml" rel="search" href="/opensearch.xml">
   <link rel="stylesheet" href="/css/pure-min.css">
   <link rel="stylesheet" href="/css/grids-responsive-min.css">
   <link rel="stylesheet" href="/css/ionicons.min.css">
   <link rel="stylesheet" href="/css/default.css">
-  <% if env.get?("user") && env.get("user").as(User).preferences.dark_mode %>
+  <% if env.get?("preferences").try &.as(Preferences).dark_mode %>
   <link rel="stylesheet" href="/css/darktheme.css">
   <% else %>
   <link rel="stylesheet" href="/css/lighttheme.css">
   <% end %>
 </head>
 
+<% locale = LOCALES[env.get("locale").as(String)]? %>
+
 <body>
   <div class="pure-g">
     <div class="pure-u-1 pure-u-md-2-24"></div>
@@ -28,7 +38,7 @@
         <div class="pure-u-1 pure-u-md-12-24 searchbar">
           <form class="pure-form" action="/search" method="get">
             <fieldset>
-              <input type="search" style="width:100%;" name="q" placeholder="search" value="<%= env.params.query["q"]?.try {|x| HTML.escape(x)} || env.get?("search").try {|x| HTML.escape(x.as(String)) }  %>">
+              <input type="search" style="width:100%;" name="q" placeholder="<%= translate(locale, "search") %>" value="<%= env.get?("search").try {|x| HTML.escape(x.as(String)) } || env.params.query["q"]?.try {|x| HTML.escape(x)} %>">
             </fieldset>
           </form>
         </div>
@@ -45,7 +55,7 @@
           </a>
         </div>
         <div class="pure-u-1-4">
-          <a href="/feed/subscriptions" class="pure-menu-heading">
+          <a title="<%= translate(locale, "Subscriptions") %>" href="/feed/subscriptions" class="pure-menu-heading">
             <% notification_count = env.get("user").as(User).notifications.size %>
             <% if notification_count > 0 %>
             <%= notification_count %> <i class="icon ion-ios-notifications"></i>
@@ -55,39 +65,76 @@
           </a>
         </div>
         <div class="pure-u-1-4">
-          <a href="/preferences?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
+          <a title="<%= translate(locale, "Preferences") %>" href="/preferences?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
             <i class="icon ion-ios-cog"></i>
           </a>
         </div>
         <div class="pure-u-1-4">
-          <a href="/signout?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">Sign out</a>
+          <a href="/signout?referer=<%= env.get?("current_page") %>&token=<%= env.get?("token") %>&challenge=<%= env.get?("challenge") %>" class="pure-menu-heading">
+            <%= translate(locale, "Sign out") %>
+          </a>
         </div>
         <% else %>
-          <a href="/login?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">Login</a>
+        <div class="pure-u-1-3">
+          <a href="/toggle_theme?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
+            <% if env.get?("preferences").try &.as(Preferences).dark_mode %>
+            <i class="icon ion-ios-sunny"></i>
+            <% else %>
+            <i class="icon ion-ios-moon"></i>
+            <% end %>
+          </a>
+        </div>
+        <div class="pure-u-1-3">
+          <a title="<%= translate(locale, "Preferences") %>" href="/preferences?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
+            <i class="icon ion-ios-cog"></i>
+          </a>
+        </div>
+        <% if config.login_enabled %>
+        <div class="pure-u-1-3">
+          <a href="/login?referer=<%= env.get?("current_page") %>" class="pure-menu-heading">
+            <%= translate(locale, "Login") %>
+          </a>
+        </div>
+        <% end %>
         <% end %>
         </div>
       </div>
       <%= content %>
       <div class="footer">
-        Released under AGPLv3 by <a href="https://github.com/omarroth">Omar
-          Roth</a>.
-        Source available <a
-          href="https://github.com/omarroth/invidious">here</a>.
-        <p>Liberapay: 
-          <a href="https://liberapay.com/omarroth">
-            https://liberapay.com/omarroth
-          </a>
-        </p>
-        <p>Patreon: 
-          <a href="https://patreon.com/omarroth">
-            https://patreon.com/omarroth
-          </a>
-        </p>
-        <p>BTC: 356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY</p>
-        <p>BCH: qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk</p>
+        <div class="pure-g">
+          <div class="pure-u-1 pure-u-md-1-3">
+            <a href="https://github.com/omarroth/invidious">
+              <%= translate(locale, "Released under the AGPLv3 by Omar Roth.") %>
+            </a>
+          </div>
+          <div class="pure-u-1 pure-u-md-1-3">
+            <i class="icon ion-logo-bitcoin"></i>
+            <%= translate(locale, "BTC: ") %>356DpZyMXu6rYd55Yqzjs29n79kGKWcYrY</div>
+          <div class="pure-u-1 pure-u-md-1-3">
+            <i class="icon ion-logo-bitcoin"></i>
+            <%= translate(locale, "BCH: ") %>qq4ptclkzej5eza6a50et5ggc58hxsq5aylqut2npk</div>
+          <div class="pure-u-1 pure-u-md-1-3">
+            <i class="icon ion-logo-usd"></i>
+            <a href="https://liberapay.com/omarroth"><%= translate(locale, "Liberapay") %></a>
+             / 
+            <a href="https://patreon.com/omarroth"><%= translate(locale, "Patreon") %></a>
+          </div>
+          <div class="pure-u-1 pure-u-md-1-3">
+            <i class="icon ion-logo-javascript"></i>
+            <a rel="jslicense" href="/licenses">
+              <%= translate(locale, "View JavaScript license information.") %>
+            </a>
+          </div>
+          <div class="pure-u-1 pure-u-md-1-3">
+            <i class="icon ion-logo-github"></i>
+            <%= translate(locale, "Current version: ") %> <%= CURRENT_VERSION %>-<%= CURRENT_COMMIT %>
+            <i class="icon ion-logo-github"></i>
+            <%= CURRENT_BRANCH %></div>
+        </div>
       </div>
     </div>
     <div class="pure-u-1 pure-u-md-2-24"></div>
+  </div>
 </body>
 
 </html>

src/invidious/views/top.ecr

@@ -0,0 +1,14 @@
+<% content_for "header" do %>
+<meta name="description" content="<%= translate(locale, "An alternative front-end to YouTube") %>">
+<title><% if config.default_home != "Top" %><%= translate(locale, "Top") %> - <% end %>Invidious</title>
+<% end %>
+
+<%= rendered "components/feed_menu" %>
+
+<div class="pure-g">
+<% top_videos.each_slice(4) do |slice| %>
+        <% slice.each do |item| %>
+            <%= rendered "components/item" %>
+        <% end %>
+<% end %>
+</div>

src/invidious/views/trending.ecr

@@ -0,0 +1,40 @@
+<% content_for "header" do %>
+<meta name="description" content="<%= translate(locale, "An alternative front-end to YouTube") %>">
+<title><% if config.default_home != "Trending" %><%= translate(locale, "Trending") %> - <% end %>Invidious</title>
+<% end %>
+
+<%= rendered "components/feed_menu" %>
+
+<div class="pure-g h-box">
+    <div class="pure-u-2-3">
+        <form class="pure-form pure-form-aligned" action="/feed/trending" method="get">
+        </form>
+    </div>
+    <div class="pure-u-1-3">
+        <div class="pure-g" style="text-align:right;">
+            <% {"Default", "Music", "Gaming", "News", "Movies"}.each do |option| %>
+                <div class="pure-u-1 pure-md-1-3">
+                    <% if trending_type == option %>
+                    <b><%= translate(locale, option) %></b>
+                    <% else %>
+                    <a href="/feed/trending?type=<%= option %>&region=<%= region %>">
+                    <%= translate(locale, option) %>
+                    </a>
+                    <% end %>
+                </div>
+            <% end %>
+        </div>
+    </div>
+</div>
+
+<div class="h-box">
+    <hr>
+</div>
+
+<div class="pure-g">
+<% trending.each_slice(4) do |slice| %>
+        <% slice.each do |item| %>
+            <%= rendered "components/item" %>
+        <% end %>
+<% end %>
+</div>

src/invidious/views/watch.ecr

@@ -1,7 +1,7 @@
 <% content_for "header" do %>
 <meta name="thumbnail" content="<%= thumbnail %>">
 <meta name="description" content="<%= description %>">
-<meta name="keywords" content="<%= video.info["keywords"] %>">
+<meta name="keywords" content="<%= video.keywords.join(",") %>">
 <meta property="og:site_name" content="Invidious">
 <meta property="og:url" content="<%= host_url %>/watch?v=<%= video.id %>">
 <meta property="og:title" content="<%= HTML.escape(video.title) %>">
@@ -18,7 +18,7 @@
 <meta name="twitter:url" content="<%= host_url %>/watch?v=<%= video.id %>">
 <meta name="twitter:title" content="<%= HTML.escape(video.title) %>">
 <meta name="twitter:description" content="<%= description %>">
-<meta name="twitter:image" content="<%= thumbnail %>">
+<meta name="twitter:image" content="/vi/<%= video.id %>/hqdefault.jpg">
 <meta name="twitter:player" content="<%= host_url %>/embed/<%= video.id %>">
 <meta name="twitter:player:width" content="1280">
 <meta name="twitter:player:height" content="720">
@@ -35,11 +35,11 @@
 <h1>
     <%= HTML.escape(video.title) %> 
     <% if params[:listen] %>
-    <a href="/watch?<%= env.params.query %>">
+    <a title="<%=translate(locale, "Video mode")%>" href="/watch?<%= env.params.query %>&listen=0">
         <i class="icon ion-ios-videocam"></i>
     </a>
     <% else %>
-    <a href="/watch?<%= env.params.query %>&listen=1">
+    <a title="<%=translate(locale, "Audio mode")%>" href="/watch?<%= env.params.query %>&listen=1">
         <i class="icon ion-ios-volume-high"></i>
     </a>
     <% end %>
@@ -52,11 +52,39 @@
 <div class="pure-g">
     <div class="pure-u-1 pure-u-md-1-5">
         <div class="h-box">
-            <p><a href="https://www.youtube.com/watch?v=<%= video.id %>">Watch video on YouTube</a></p>
+            <p><a href="https://www.youtube.com/watch?v=<%= video.id %>"><%= translate(locale, "Watch video on Youtube") %></a></p>
+        
+            <form class="pure-form pure-form-stacked" action="/latest_version" method="get" rel="noopener" target="_blank">
+                <div class="pure-control-group">
+                    <label for="download_widget"><%= translate(locale, "Download as: ") %></label>
+                    <select style="width:100%" name="download_widget" id="download_widget">
+                    <% video_streams.each do |option| %>
+                        <option value='{"id":"<%= video.id %>","itag":"<%= option["itag"] %>","title":"<%= URI.escape(video.title) %>-<%= video.id %>.mp4"}'>
+                            <%= option["quality_label"] %> - <%= option["type"].split(";")[0] %> @ <%= option["fps"] %>fps - video only
+                        </option>
+                    <% end %>
+                    <% audio_streams.each do |option| %>
+                        <option value='{"id":"<%= video.id %>","itag":"<%= option["itag"] %>","title":"<%= URI.escape(video.title) %>-<%= video.id %>.mp4"}'>
+                            <%= option["type"].split(";")[0] %> @ <%= option["bitrate"] %>k - audio only
+                        </option>
+                    <% end %>
+                    <% fmt_stream.each do |option| %>
+                        <option value='{"id":"<%= video.id %>","itag":"<%= option["itag"] %>","title":"<%= URI.escape(video.title) %>-<%= video.id %>.mp4"}'>
+                            <%= itag_to_metadata?(option["itag"]).try &.["height"]? || "~240" %>p - <%= option["type"].split(";")[0] %>
+                        </option>
+                    <% end %>
+                    </select>
+                </div>
+
+                <button type="submit" class="pure-button pure-button-primary">
+                    <b><%= translate(locale, "Download") %></b>
+                </button>
+            </form>
+
             <p><i class="icon ion-ios-eye"></i> <%= number_with_separator(video.views) %></p>
             <p><i class="icon ion-ios-thumbs-up"></i> <%= number_with_separator(video.likes) %></p>
             <p><i class="icon ion-ios-thumbs-down"></i> <%= number_with_separator(video.dislikes) %></p>
-            <p id="Genre">Genre: 
+            <p id="Genre"><%= translate(locale, "Genre: ") %>
             <% if video.genre_url.empty? %>
             <%= video.genre %>
             <% else %>
@@ -64,76 +92,77 @@
             <% end %>
             </p>
             <% if !video.license.empty? %>
-            <p id="License">License: <%= video.license %></p>
+            <p id="License"><%= translate(locale, "License: ") %><%= video.license %></p>
             <% end %>
-            <p id="FamilyFriendly">Family Friendly? <%= video.is_family_friendly %></p>
-            <p id="Wilson">Wilson Score: <%= video.wilson_score.round(4) %></p>
-            <p id="Rating">Rating: <%= rating.round(4) %> / 5</p>
-            <p id="Engagement">Engagement: <%= engagement.round(2) %>%</p>
+            <p id="FamilyFriendly"><%= translate(locale, "Family friendly? ") %><%= video.is_family_friendly %></p>
+            <p id="Wilson"><%= translate(locale, "Wilson score: ") %><%= video.wilson_score.round(4) %></p>
+            <p id="Rating"><%= translate(locale, "Rating: ") %><%= rating.round(4) %> / 5</p>
+            <p id="Engagement"><%= translate(locale, "Engagement: ") %><%= engagement.round(2) %>%</p>
             <% if video.allowed_regions.size != REGIONS.size %>
                 <p id="AllowedRegions">
                 <% if video.allowed_regions.size < REGIONS.size / 2 %>
-                Whitelisted regions: <%= video.allowed_regions.join(", ") %>
+                <%= translate(locale, "Whitelisted regions: ") %><%= video.allowed_regions.join(", ") %>
                 <% else %>
-                Blacklisted regions: <%= (REGIONS.to_a - video.allowed_regions).join(", ") %>
+                <%= translate(locale, "Blacklisted regions: ") %><%= (REGIONS.to_a - video.allowed_regions).join(", ") %>
                 <% end %>
                 </p>
             <% end %>
         </div>
     </div>
 
-    <div class="pure-u-1 pure-u-md-3-5">
+    <div class="pure-u-1 <% if params[:related_videos] || plid %>pure-u-md-3-5<% else %>pure-u-md-4-5<% end %>">
         <div class="h-box">
             <p>
                 <a href="/channel/<%= video.ucid %>">
                     <h3><%= video.author %></h3>
                 </a>
             </p>
-        <% if user %>
-            <% if subscriptions.includes? video.ucid %>
+            <% ucid = video.ucid %>
+            <% author = video.author %>
+            <% sub_count_text = video.sub_count_text %>
+            <%= rendered "components/subscribe_widget" %>
             <p>
-                <a id="subscribe" onclick="unsubscribe()" class="pure-button pure-button-primary" 
-                    href="/subscription_ajax?action_remove_subscriptions=1&c=<%= video.ucid %>&referer=<%= env.get("current_page") %>">
-                    <b>Unsubscribe | <%= video.sub_count_text %></b>
-                </a>
-            </p>
-            <% else %>
-            <p>
-                <a id="subscribe" onclick="subscribe()" class="pure-button pure-button-primary" 
-                    href="/subscription_ajax?action_create_subscription_to_channel=1&c=<%= video.ucid %>&referer=<%= env.get("current_page") %>">
-                    <b>Subscribe | <%= video.sub_count_text %></b>
-                </a>
-            </p>
-            <% end %>
-        <% else %>
-            <p>
-                <a id="subscribe" class="pure-button pure-button-primary" 
-                    href="/login?referer=<%= env.get("current_page") %>">
-                    <b>Login to subscribe to <%= video.author %></b>
-                </a>
-            </p>
-        <% end %>
-            <p>
-                <b>Shared <%= video.published.to_s("%B %-d, %Y") %></b>
+                <b><%= translate(locale, "Shared `x`", video.published.to_s("%B %-d, %Y")) %></b>
             </p>
             <div>
                 <%= video.description %>
             </div>
             <hr>
             <div id="comments">
+                <% if nojs %>
+                    <%= comment_html %>
+                <% else %>
+                <noscript>
+                    <a href="/watch?<%= env.params.query %>&nojs=1">
+                        <%= translate(locale, "Hi! Looks like you have JavaScript disabled. Click here to view comments, keep in mind it may take a bit longer to load.") %>
+                    </a>
+                </noscript>
+                <% end %>
             </div>
         </div>
     </div>
+    <% if params[:related_videos] || plid %>
     <div class="pure-u-1 pure-u-md-1-5">
         <% if plid %>
         <div id="playlist" class="h-box">
         </div>
         <% end %>
 
-        <% if !preferences || preferences && preferences.related_videos %>
+        <% if params[:related_videos] %>
         <div class="h-box">
+        
+        <% if !rvs.empty? %>
+        <div id="continue" <% if plid %>style="display:none"<% end %>>
+            <div class="pure-control-group">
+                <label for="continue"><%= translate(locale, "Autoplay next video: ") %></label>
+                <input name="continue" onclick="continue_autoplay(this)" id="continue" type="checkbox" <% if params[:continue] %>checked<% end %>>
+            </div>
+            <hr>
+        </div>
+        <% end %>
+
         <% rvs.each do |rv| %>
-            <% if rv.has_key?("id") %>
+            <% if rv["id"]? %>
             <a href="/watch?v=<%= rv["id"] %>">
                 <% if preferences && preferences.thin_mode %>
                 <% else %>
@@ -152,9 +181,50 @@
         </div>
         <% end %>
     </div>
+    <% end %>
 </div>
 
 <script>
+<% if !rvs.empty? && !plid && params[:continue] %>
+player.on('ended', function() {
+    location.assign("/watch?v=" 
+        + "<%= rvs.select { |rv| rv["id"]? }[0]?.try &.["id"] %>"
+        + "&continue=1"
+        <% if params[:listen] %>
+        + "&listen=1"
+        <% end %>
+        <% if params[:autoplay] %>
+        + "&autoplay=1"
+        <% end %>
+        <% if params[:speed] %>
+        + "&speed=<%= params[:speed] %>"
+        <% end %>
+    );
+});
+<% end %>
+
+function continue_autoplay(target) {
+    if (target.checked) {
+        player.on('ended', function() {
+            location.assign("/watch?v=" 
+                + "<%= rvs.select { |rv| rv["id"]? }[0]?.try &.["id"] %>"
+                + "&continue=1"
+                <% if params[:listen] %>
+                + "&listen=1"
+                <% end %>
+                <% if params[:autoplay] %>
+                + "&autoplay=1"
+                <% end %>
+                <% if params[:speed] %>
+                + "&speed=<%= params[:speed] %>"
+                <% end %>
+            );
+        });
+    } else {
+        player.off('ended');
+    }
+}
+
 function number_with_separator(val) {
   while (/(\d+)(\d{3})/.test(val.toString())) {
     val = val.toString().replace(/(\d+)(\d{3})/, "$1" + "," + "$2");
@@ -162,52 +232,22 @@ function number_with_separator(val) {
   return val;
 }
 
-subscribe_button = document.getElementById("subscribe");
-if (subscribe_button.getAttribute('onclick')) {
-    subscribe_button["href"] = "javascript:void(0);";
-}
+<% ucid = video.ucid %>
+<% author = video.author %>
+<% sub_count_text = video.sub_count_text %>
+<%= rendered "components/subscribe_widget_script" %>
 
-function subscribe() {
-    var url = "/subscription_ajax?action_create_subscription_to_channel=1&c=<%= video.ucid %>&referer=<%= env.get("current_page") %>";
-    var xhr = new XMLHttpRequest();
-    xhr.responseType = "json";
-    xhr.timeout = 20000;
-    xhr.open("GET", url, true);
-    xhr.send();
-
-    xhr.onreadystatechange = function() {
-        if (xhr.readyState == 4) {
-            if (xhr.status == 200) {
-                subscribe_button = document.getElementById("subscribe");
-                subscribe_button.onclick = unsubscribe;
-                subscribe_button.innerHTML = '<b>Unsubscribe | <%= video.sub_count_text %></b>'
-            }
-        }
-    }
-}
-
-function unsubscribe() {
-    var url = "/subscription_ajax?action_remove_subscriptions=1&c=<%= video.ucid %>&referer=<%= env.get("current_page") %>";
-    var xhr = new XMLHttpRequest();
-    xhr.responseType = "json";
-    xhr.timeout = 20000;
-    xhr.open("GET", url, true);
-    xhr.send();
-
-    xhr.onreadystatechange = function() {
-        if (xhr.readyState == 4) {
-            if (xhr.status == 200) {
-                subscribe_button = document.getElementById("subscribe");
-                subscribe_button.onclick = subscribe;
-                subscribe_button.innerHTML = '<b>Subscribe | <%= video.sub_count_text %></b>'
-            }
-        }
-    }
-}
 
 <% if plid %>
-function get_playlist() {
+function get_playlist(timeouts = 0) {
     playlist = document.getElementById("playlist");
+
+    if (timeouts > 10) {
+        console.log("Failed to pull playlist");
+        playlist.innerHTML = "";
+        return;
+    }
+
     playlist.innerHTML = ' \
       <h3><center class="loading"><i class="icon ion-ios-refresh"></i></center></h3> \
       <hr>'
@@ -215,9 +255,9 @@ function get_playlist() {
     var plid = "<%= plid %>"
 
     if (plid.startsWith("RD")) {
-        var plid_url = "/api/v1/mixes/<%= plid %>?continuation=<%= video.id %>&format=html";
+        var plid_url = "/api/v1/mixes/<%= plid %>?continuation=<%= video.id %>&format=html&hl=<%= env.get("locale").as(String) %>";
     } else {
-        var plid_url = "/api/v1/playlists/<%= plid %>?continuation=<%= video.id %>&format=html";
+        var plid_url = "/api/v1/playlists/<%= plid %>?continuation=<%= video.id %>&format=html&hl=<%= env.get("locale").as(String) %>";
     }
 
     var xhr = new XMLHttpRequest();
@@ -233,7 +273,7 @@ function get_playlist() {
                 
                 if (xhr.response.nextVideo) {
                     player.on('ended', function() {
-                        window.location.replace("/watch?v=" 
+                        location.assign("/watch?v=" 
                             + xhr.response.nextVideo
                             + "&list=<%= plid %>"
                             <% if params[:listen] %>
@@ -250,6 +290,7 @@ function get_playlist() {
                 }
             } else {
                 playlist.innerHTML = "";
+                document.getElementById('continue').style.display = "";
             }
         }
     };
@@ -260,20 +301,27 @@ function get_playlist() {
         comments = document.getElementById("playlist");
         comments.innerHTML =
             '<h3><center class="loading"><i class="icon ion-ios-refresh"></i></center></h3><hr>';
-        get_playlist();
+        get_playlist(timeouts + 1);
     };
 }
 
 get_playlist();
 <% end %>
 
-function get_reddit_comments() {
+function get_reddit_comments(timeouts = 0) {
   comments = document.getElementById("comments");
+
+  if (timeouts > 10) {
+    console.log("Failed to pull comments");
+    comments.innerHTML = "";
+    return;
+  }
+
   var fallback = comments.innerHTML;
   comments.innerHTML =
     '<h3><center class="loading"><i class="icon ion-ios-refresh"></i></center></h3>';
 
-  var url = "/api/v1/comments/<%= video.id %>?source=reddit&format=html";
+  var url = "/api/v1/comments/<%= video.id %>?source=reddit&format=html&hl=<%= env.get("locale").as(String) %>";
   var xhr = new XMLHttpRequest();
   xhr.responseType = "json";
   xhr.timeout = 20000;
@@ -292,12 +340,12 @@ function get_reddit_comments() {
                 <p> \
                     <b> \
                         <a href="javascript:void(0)" onclick="swap_comments(\'youtube\')"> \
-                            View YouTube comments \
+                            <%= translate(locale, "View YouTube comments") %> \
                         </a> \
                     </b> \
                 </p> \
                 <b> \
-                    <a rel="noopener" target="_blank" href="https://reddit.com{permalink}">View more comments on Reddit</a> \
+                    <a rel="noopener" target="_blank" href="https://reddit.com{permalink}"><%= translate(locale, "View more comments on Reddit") %></a> \
                 </b> \
             </div> \
             <div>{contentHtml}</div> \
@@ -319,17 +367,24 @@ function get_reddit_comments() {
   xhr.ontimeout = function() {
     console.log("Pulling comments timed out.");
 
-    get_reddit_comments();
+    get_reddit_comments(timeouts + 1);
   };
 }
 
-function get_youtube_comments() {
+function get_youtube_comments(timeouts = 0) {
   comments = document.getElementById("comments");
+
+  if (timeouts > 10) {
+    console.log("Failed to pull comments");
+    comments.innerHTML = "";
+    return;
+  }
+
   var fallback = comments.innerHTML;
   comments.innerHTML =
     '<h3><center class="loading"><i class="icon ion-ios-refresh"></i></center></h3>';
 
-  var url = "/api/v1/comments/<%= video.id %>?format=html";
+  var url = "/api/v1/comments/<%= video.id %>?format=html&hl=<%= env.get("locale").as(String) %>";
   var xhr = new XMLHttpRequest();
   xhr.responseType = "json";
   xhr.timeout = 20000;
@@ -344,11 +399,11 @@ function get_youtube_comments() {
                 <div> \
                     <h3> \
                         <a href="javascript:void(0)" onclick="toggle_comments(this)">[ - ]</a> \
-                        View {commentCount} comments \
+                        <%= translate(locale, "View `x` comments", "{commentCount}") %>  \
                     </h3> \
                     <b> \
                         <a href="javascript:void(0)" onclick="swap_comments(\'reddit\')"> \
-                            View Reddit comments \
+                            <%= translate(locale, "View Reddit comments") %> \
                         </a> \
                     </b> \
                 </div> \
@@ -375,7 +430,7 @@ function get_youtube_comments() {
 
     comments.innerHTML =
       '<h3><center class="loading"><i class="icon ion-ios-refresh"></i></center></h3>';
-    get_youtube_comments();
+    get_youtube_comments(timeouts + 1);
   };
 }
 
@@ -387,7 +442,7 @@ function get_youtube_replies(target, load_more) {
   body.innerHTML =
       '<h3><center class="loading"><i class="icon ion-ios-refresh"></i></center></h3>';
 
-  var url = '/api/v1/comments/<%= video.id %>?format=html&continuation=' +
+  var url = '/api/v1/comments/<%= video.id %>?format=html&hl=<%= env.get("locale").as(String) %>&continuation=' +
       continuation;
   var xhr = new XMLHttpRequest();
   xhr.responseType = 'json';
@@ -405,7 +460,7 @@ function get_youtube_replies(target, load_more) {
         } else {
             body.innerHTML = ' \
                 <p><a href="javascript:void(0)" \
-                    onclick="hide_youtube_replies(this)">Hide replies \
+                    onclick="hide_youtube_replies(this, \'<%= translate(locale, "Hide replies") %>\', \'<%= translate(locale, "Show replies") %>\')"><%= translate(locale, "Hide replies") %> \
                 </a></p> \
                 <div>{contentHtml}</div>'.supplant({
                 contentHtml: xhr.response.contentHtml,
@@ -442,5 +497,4 @@ function get_youtube_replies(target, load_more) {
 <% else %>
 get_youtube_comments();
 <% end %>
-
-</script>
+</script>