Add extension sources with translations
This commit is contained in:
parent
99e4f14b06
commit
9081823151
GPG key ID:
9B296C5CEAEAAAC1
27 changed files with 1924 additions and 0 deletions
158
extension/_locales/en/messages.json
Normal file
158
extension/_locales/en/messages.json
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
{
|
||||
"extensionName": {
|
||||
"message": "YouTube Customizer"
|
||||
},
|
||||
"extensionDescription": {
|
||||
"message": "Changes layout of YouTube and adds QoL features."
|
||||
},
|
||||
"mainSection": {
|
||||
"message": "Main"
|
||||
},
|
||||
"homeOption": {
|
||||
"message": "Home"
|
||||
},
|
||||
"shortsOption": {
|
||||
"message": "Shorts"
|
||||
},
|
||||
"subscriptionsOption": {
|
||||
"message": "Subscriptions"
|
||||
},
|
||||
"libraryOption": {
|
||||
"message": "Library (You)"
|
||||
},
|
||||
"channelOption": {
|
||||
"message": "Your channel"
|
||||
},
|
||||
"historyOption": {
|
||||
"message": "History"
|
||||
},
|
||||
"videosOption": {
|
||||
"message": "Your videos"
|
||||
},
|
||||
"watchLaterOption": {
|
||||
"message": "Watch Later"
|
||||
},
|
||||
"downloadsOption": {
|
||||
"message": "Downloads"
|
||||
},
|
||||
"likedOption": {
|
||||
"message": "Liked videos"
|
||||
},
|
||||
"playlistsOption": {
|
||||
"message": "Playlists"
|
||||
},
|
||||
"channelsOption": {
|
||||
"message": "Browse channels"
|
||||
},
|
||||
"exploreSection": {
|
||||
"message": "Explore"
|
||||
},
|
||||
"trendingOption": {
|
||||
"message": "Trending"
|
||||
},
|
||||
"musicOption": {
|
||||
"message": "Music"
|
||||
},
|
||||
"filmsOption": {
|
||||
"message": "Films"
|
||||
},
|
||||
"liveOption": {
|
||||
"message": "Live"
|
||||
},
|
||||
"gamingOption": {
|
||||
"message": "Gaming"
|
||||
},
|
||||
"newsOption": {
|
||||
"message": "News"
|
||||
},
|
||||
"sportsOption": {
|
||||
"message": "Sports"
|
||||
},
|
||||
"learningOption": {
|
||||
"message": "Learning"
|
||||
},
|
||||
"fashionOption": {
|
||||
"message": "Fashion & Beauty"
|
||||
},
|
||||
"ytMoreSection": {
|
||||
"message": "More from YouTube"
|
||||
},
|
||||
"ytPremiumOption": {
|
||||
"message": "YouTube Premium"
|
||||
},
|
||||
"ytStudioOption": {
|
||||
"message": "YouTube Studio"
|
||||
},
|
||||
"ytMusicOption": {
|
||||
"message": "YouTube Music"
|
||||
},
|
||||
"ytKidsOption": {
|
||||
"message": "YouTube Kids"
|
||||
},
|
||||
"miscSection": {
|
||||
"message": "Miscellaneous"
|
||||
},
|
||||
"settingsOption": {
|
||||
"message": "Settings"
|
||||
},
|
||||
"reportOption": {
|
||||
"message": "Report history"
|
||||
},
|
||||
"helpOption": {
|
||||
"message": "Help"
|
||||
},
|
||||
"feedbackOption": {
|
||||
"message": "Send feedback"
|
||||
},
|
||||
"topbarSection": {
|
||||
"message": "Topbar"
|
||||
},
|
||||
"topbarLogoOption": {
|
||||
"message": "Logo"
|
||||
},
|
||||
"topbarSearchOption": {
|
||||
"message": "Search box"
|
||||
},
|
||||
"topbarVoiceSearchOption": {
|
||||
"message": "Voice search"
|
||||
},
|
||||
"topbarCreateButtonOption": {
|
||||
"message": "Create button"
|
||||
},
|
||||
"topbarNotificationsButtonOption": {
|
||||
"message": "Notifications button"
|
||||
},
|
||||
"topbarAccountButtonOption": {
|
||||
"message": "Account button"
|
||||
},
|
||||
"topbarSignInButtonOption": {
|
||||
"message": "Sign-in button"
|
||||
},
|
||||
"otherSection": {
|
||||
"message": "Other"
|
||||
},
|
||||
"disableSignInPromoOption": {
|
||||
"message": "Disable sign-in promo"
|
||||
},
|
||||
"disableSubscriptionsOption": {
|
||||
"message": "Disable sidebar subscriptions"
|
||||
},
|
||||
"disableFooterOption": {
|
||||
"message": "Disable sidebar footer"
|
||||
},
|
||||
"startGuideClosedOption": {
|
||||
"message": "Start sidebar closed"
|
||||
},
|
||||
"redirectHomeOption": {
|
||||
"message": "Redirect Home to Subscriptions"
|
||||
},
|
||||
"ff2mpvEnabledOption": {
|
||||
"message": "Launch ff2mpv on video click"
|
||||
},
|
||||
"enableAllButton": {
|
||||
"message": "Enable all"
|
||||
},
|
||||
"disableAllButton": {
|
||||
"message": "Disable all"
|
||||
}
|
||||
}
|
||||
158
extension/_locales/es/messages.json
Normal file
158
extension/_locales/es/messages.json
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
{
|
||||
"extensionName": {
|
||||
"message": "Personalizador de YouTube - YouTube Customizer"
|
||||
},
|
||||
"extensionDescription": {
|
||||
"message": "Modifica el Layout de YouTube e implementa características de calidad de vida."
|
||||
},
|
||||
"mainSection": {
|
||||
"message": "Principal"
|
||||
},
|
||||
"homeOption": {
|
||||
"message": "Inicio"
|
||||
},
|
||||
"shortsOption": {
|
||||
"message": "Shorts"
|
||||
},
|
||||
"subscriptionsOption": {
|
||||
"message": "Suscripciones"
|
||||
},
|
||||
"libraryOption": {
|
||||
"message": "Mi biblioteca (Tú)"
|
||||
},
|
||||
"channelOption": {
|
||||
"message": "Tu canal"
|
||||
},
|
||||
"historyOption": {
|
||||
"message": "Historial"
|
||||
},
|
||||
"videosOption": {
|
||||
"message": "Mis vídeos"
|
||||
},
|
||||
"watchLaterOption": {
|
||||
"message": "Ver más tarde"
|
||||
},
|
||||
"downloadsOption": {
|
||||
"message": "Descargas"
|
||||
},
|
||||
"likedOption": {
|
||||
"message": "Vídeos que me gustan"
|
||||
},
|
||||
"playlistsOption": {
|
||||
"message": "Listas de reproducción"
|
||||
},
|
||||
"channelsOption": {
|
||||
"message": "Explorar canales"
|
||||
},
|
||||
"exploreSection": {
|
||||
"message": "Explorar"
|
||||
},
|
||||
"trendingOption": {
|
||||
"message": "Tendencias"
|
||||
},
|
||||
"musicOption": {
|
||||
"message": "Música"
|
||||
},
|
||||
"filmsOption": {
|
||||
"message": "Películas"
|
||||
},
|
||||
"liveOption": {
|
||||
"message": "En directo"
|
||||
},
|
||||
"gamingOption": {
|
||||
"message": "Videojuegos"
|
||||
},
|
||||
"newsOption": {
|
||||
"message": "Noticias"
|
||||
},
|
||||
"sportsOption": {
|
||||
"message": "Deportes"
|
||||
},
|
||||
"learningOption": {
|
||||
"message": "Aprendizaje"
|
||||
},
|
||||
"fashionOption": {
|
||||
"message": "Moda y belleza"
|
||||
},
|
||||
"ytMoreSection": {
|
||||
"message": "Más de YouTube"
|
||||
},
|
||||
"ytPremiumOption": {
|
||||
"message": "YouTube Premium"
|
||||
},
|
||||
"ytStudioOption": {
|
||||
"message": "YouTube Studio"
|
||||
},
|
||||
"ytMusicOption": {
|
||||
"message": "YouTube Music"
|
||||
},
|
||||
"ytKidsOption": {
|
||||
"message": "YouTube Kids"
|
||||
},
|
||||
"miscSection": {
|
||||
"message": "Misceláneo"
|
||||
},
|
||||
"settingsOption": {
|
||||
"message": "Configuración"
|
||||
},
|
||||
"reportOption": {
|
||||
"message": "Historial de denuncias"
|
||||
},
|
||||
"helpOption": {
|
||||
"message": "Ayuda"
|
||||
},
|
||||
"feedbackOption": {
|
||||
"message": "Enviar sugerencias"
|
||||
},
|
||||
"topbarSection": {
|
||||
"message": "Barra Superior"
|
||||
},
|
||||
"topbarLogoOption": {
|
||||
"message": "Logotipo"
|
||||
},
|
||||
"topbarSearchOption": {
|
||||
"message": "Buscador"
|
||||
},
|
||||
"topbarVoiceSearchOption": {
|
||||
"message": "Búsqueda por voz"
|
||||
},
|
||||
"topbarCreateButtonOption": {
|
||||
"message": "Crear Botón"
|
||||
},
|
||||
"topbarNotificationsButtonOption": {
|
||||
"message": "Botón de Notificaciones"
|
||||
},
|
||||
"topbarAccountButtonOption": {
|
||||
"message": "Botón de Perfíl"
|
||||
},
|
||||
"topbarSignInButtonOption": {
|
||||
"message": "Botón de Inicio de Sesión"
|
||||
},
|
||||
"otherSection": {
|
||||
"message": "Otro"
|
||||
},
|
||||
"disableSignInPromoOption": {
|
||||
"message": "Deshabilitar promo de inicio de sesión"
|
||||
},
|
||||
"disableSubscriptionsOption": {
|
||||
"message": "Deshabilitar panel lateral de suscripciones"
|
||||
},
|
||||
"disableFooterOption": {
|
||||
"message": "Deshabilitar pie de página del panel lateral"
|
||||
},
|
||||
"startGuideClosedOption": {
|
||||
"message": "Panel lateral de Comienzo Cerrado"
|
||||
},
|
||||
"redirectHomeOption": {
|
||||
"message": "Redireccionar menú a suscripciones"
|
||||
},
|
||||
"ff2mpvEnabledOption": {
|
||||
"message": "Reproducir vídeos usando ff2mpv"
|
||||
},
|
||||
"enableAllButton": {
|
||||
"message": "Habilitar todo"
|
||||
},
|
||||
"disableAllButton": {
|
||||
"message": "Deshabilitar todo"
|
||||
}
|
||||
}
|
||||
158
extension/_locales/fr/messages.json
Normal file
158
extension/_locales/fr/messages.json
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
{
|
||||
"extensionName": {
|
||||
"message": "Personnalisateur YouTube - YouTube Customizer"
|
||||
},
|
||||
"extensionDescription": {
|
||||
"message": "Change l'apparence de YouTube et ajoute des fonctionnalités de qualité de vie."
|
||||
},
|
||||
"mainSection": {
|
||||
"message": "Principal"
|
||||
},
|
||||
"homeOption": {
|
||||
"message": "Accueil"
|
||||
},
|
||||
"shortsOption": {
|
||||
"message": "Shorts"
|
||||
},
|
||||
"subscriptionsOption": {
|
||||
"message": "Abonnements"
|
||||
},
|
||||
"libraryOption": {
|
||||
"message": "Bibliothèque (Vous)"
|
||||
},
|
||||
"channelOption": {
|
||||
"message": "Votre chaîne"
|
||||
},
|
||||
"historyOption": {
|
||||
"message": "Historique"
|
||||
},
|
||||
"videosOption": {
|
||||
"message": "Vos vidéos"
|
||||
},
|
||||
"watchLaterOption": {
|
||||
"message": "À regarder plus tard"
|
||||
},
|
||||
"downloadsOption": {
|
||||
"message": "Téléchargements"
|
||||
},
|
||||
"likedOption": {
|
||||
"message": "Vidéos \"J'aime\""
|
||||
},
|
||||
"playlistsOption": {
|
||||
"message": "Playlists"
|
||||
},
|
||||
"channelsOption": {
|
||||
"message": "Chaînes"
|
||||
},
|
||||
"exploreSection": {
|
||||
"message": "Explorer"
|
||||
},
|
||||
"trendingOption": {
|
||||
"message": "Tendancies"
|
||||
},
|
||||
"musicOption": {
|
||||
"message": "Musique"
|
||||
},
|
||||
"filmsOption": {
|
||||
"message": "Films"
|
||||
},
|
||||
"liveOption": {
|
||||
"message": "Direct"
|
||||
},
|
||||
"gamingOption": {
|
||||
"message": "Jeux vidéo"
|
||||
},
|
||||
"newsOption": {
|
||||
"message": "Actualités"
|
||||
},
|
||||
"sportsOption": {
|
||||
"message": "Sports"
|
||||
},
|
||||
"learningOption": {
|
||||
"message": "Savoirs & Cultures"
|
||||
},
|
||||
"fashionOption": {
|
||||
"message": "Mode et beauté"
|
||||
},
|
||||
"ytMoreSection": {
|
||||
"message": "Autres contenus YouTube"
|
||||
},
|
||||
"ytPremiumOption": {
|
||||
"message": "YouTube Premium"
|
||||
},
|
||||
"ytStudioOption": {
|
||||
"message": "YouTube Studio"
|
||||
},
|
||||
"ytMusicOption": {
|
||||
"message": "YouTube Music"
|
||||
},
|
||||
"ytKidsOption": {
|
||||
"message": "YouTube Kids"
|
||||
},
|
||||
"miscSection": {
|
||||
"message": "Divers"
|
||||
},
|
||||
"settingsOption": {
|
||||
"message": "Paramètres"
|
||||
},
|
||||
"reportOption": {
|
||||
"message": "Historique des signalements"
|
||||
},
|
||||
"helpOption": {
|
||||
"message": "Aide"
|
||||
},
|
||||
"feedbackOption": {
|
||||
"message": "Envoyer des commentaires"
|
||||
},
|
||||
"otherSection": {
|
||||
"message": "Autres"
|
||||
},
|
||||
"topbarSection": {
|
||||
"message": "En-tête de navigation"
|
||||
},
|
||||
"topbarLogoOption": {
|
||||
"message": "Logo"
|
||||
},
|
||||
"topbarSearchOption": {
|
||||
"message": "Boîte de recherche"
|
||||
},
|
||||
"topbarVoiceSearchOption": {
|
||||
"message": "Recherche vocale"
|
||||
},
|
||||
"topbarCreateButtonOption": {
|
||||
"message": "Bouton Créer"
|
||||
},
|
||||
"topbarNotificationsButtonOption": {
|
||||
"message": "Bouton Notifications"
|
||||
},
|
||||
"topbarAccountButtonOption": {
|
||||
"message": "Bouton Compte"
|
||||
},
|
||||
"topbarSignInButtonOption": {
|
||||
"message": "Bouton Connexion"
|
||||
},
|
||||
"disableSignInPromoOption": {
|
||||
"message": "Désactiver l'invite de connexion"
|
||||
},
|
||||
"disableSubscriptionsOption": {
|
||||
"message": "Désactiver les abonnements dans la barre de navigation"
|
||||
},
|
||||
"disableFooterOption": {
|
||||
"message": "Désactiver le pied de page de la barre de navigation"
|
||||
},
|
||||
"startGuideClosedOption": {
|
||||
"message": "Démarrer avec la bare de navigation fermée"
|
||||
},
|
||||
"redirectHomeOption": {
|
||||
"message": "Rediriger Accueil vers Abonnements"
|
||||
},
|
||||
"ff2mpvEnabledOption": {
|
||||
"message": "Ouvrir les vidéos avec ff2mpv"
|
||||
},
|
||||
"enableAllButton": {
|
||||
"message": "Tout activer"
|
||||
},
|
||||
"disableAllButton": {
|
||||
"message": "Tout désactiver"
|
||||
}
|
||||
}
|
||||
158
extension/_locales/hu/messages.json
Normal file
158
extension/_locales/hu/messages.json
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
{
|
||||
"extensionName": {
|
||||
"message": "YouTube Customizer - YouTube személyreszabó"
|
||||
},
|
||||
"extensionDescription": {
|
||||
"message": "Eltávolítja a fölösleges gombokat a YouTube oldalsávjáról"
|
||||
},
|
||||
"mainSection": {
|
||||
"message": "Fő"
|
||||
},
|
||||
"homeOption": {
|
||||
"message": "Kezdőlap"
|
||||
},
|
||||
"shortsOption": {
|
||||
"message": "Shorts"
|
||||
},
|
||||
"subscriptionsOption": {
|
||||
"message": "Feliratkozások"
|
||||
},
|
||||
"libraryOption": {
|
||||
"message": "Könyvtár (Te)"
|
||||
},
|
||||
"channelOption": {
|
||||
"message": "Saját csatorna"
|
||||
},
|
||||
"historyOption": {
|
||||
"message": "Előzmények"
|
||||
},
|
||||
"videosOption": {
|
||||
"message": "Videóid"
|
||||
},
|
||||
"watchLaterOption": {
|
||||
"message": "Megnézendő videók"
|
||||
},
|
||||
"downloadsOption": {
|
||||
"message": "Letöltések"
|
||||
},
|
||||
"likedOption": {
|
||||
"message": "Kedvelt videók"
|
||||
},
|
||||
"playlistsOption": {
|
||||
"message": "Lejátszási listák"
|
||||
},
|
||||
"channelsOption": {
|
||||
"message": "Böngészés"
|
||||
},
|
||||
"exploreSection": {
|
||||
"message": "Felfedezés"
|
||||
},
|
||||
"trendingOption": {
|
||||
"message": "Felkapott"
|
||||
},
|
||||
"musicOption": {
|
||||
"message": "Zene"
|
||||
},
|
||||
"filmsOption": {
|
||||
"message": "Filmek"
|
||||
},
|
||||
"liveOption": {
|
||||
"message": "Élő"
|
||||
},
|
||||
"gamingOption": {
|
||||
"message": "Játék"
|
||||
},
|
||||
"newsOption": {
|
||||
"message": "Hírek"
|
||||
},
|
||||
"sportsOption": {
|
||||
"message": "Sports"
|
||||
},
|
||||
"learningOption": {
|
||||
"message": "Tanulás"
|
||||
},
|
||||
"fashionOption": {
|
||||
"message": "Divat és szépségápolás"
|
||||
},
|
||||
"ytMoreSection": {
|
||||
"message": "Továbbiak a YouTube-ról"
|
||||
},
|
||||
"ytPremiumOption": {
|
||||
"message": "YouTube Premium"
|
||||
},
|
||||
"ytStudioOption": {
|
||||
"message": "YouTube Studio"
|
||||
},
|
||||
"ytMusicOption": {
|
||||
"message": "YouTube Music"
|
||||
},
|
||||
"ytKidsOption": {
|
||||
"message": "YouTube Kids"
|
||||
},
|
||||
"miscSection": {
|
||||
"message": "Vegyes"
|
||||
},
|
||||
"settingsOption": {
|
||||
"message": "Beállítások"
|
||||
},
|
||||
"reportOption": {
|
||||
"message": "Bejelentési előzmények"
|
||||
},
|
||||
"helpOption": {
|
||||
"message": "Súgó"
|
||||
},
|
||||
"feedbackOption": {
|
||||
"message": "Visszajelzés küldése"
|
||||
},
|
||||
"topbarSection": {
|
||||
"message": "Fejléc"
|
||||
},
|
||||
"topbarLogoOption": {
|
||||
"message": "Logó"
|
||||
},
|
||||
"topbarSearchOption": {
|
||||
"message": "Keresőmező"
|
||||
},
|
||||
"topbarVoiceSearchOption": {
|
||||
"message": "Keresés hanggal"
|
||||
},
|
||||
"topbarCreateButtonOption": {
|
||||
"message": "Létrehozás gomb"
|
||||
},
|
||||
"topbarNotificationsButtonOption": {
|
||||
"message": "Értesítések gomb"
|
||||
},
|
||||
"topbarAccountButtonOption": {
|
||||
"message": "Fiók gomb"
|
||||
},
|
||||
"topbarSignInButtonOption": {
|
||||
"message": "Bejelentkezés gomb"
|
||||
},
|
||||
"otherSection": {
|
||||
"message": "Egyéb"
|
||||
},
|
||||
"disableSignInPromoOption": {
|
||||
"message": "Bejelentkeztető promó eltávolítása"
|
||||
},
|
||||
"disableSubscriptionsOption": {
|
||||
"message": "Feliratkozások eltávolítása az oldalsávról"
|
||||
},
|
||||
"disableFooterOption": {
|
||||
"message": "Lábjegyzet eltávolítása az oldalsávról"
|
||||
},
|
||||
"startGuideClosedOption": {
|
||||
"message": "Indítás zárt oldalsávval"
|
||||
},
|
||||
"redirectHomeOption": {
|
||||
"message": "A kezdőlap átirányítása a feliratkozásokhoz"
|
||||
},
|
||||
"ff2mpvEnabledOption": {
|
||||
"message": "Videók megnyitása ff2mpv-vel"
|
||||
},
|
||||
"enableAllButton": {
|
||||
"message": "Minden engedélyezése"
|
||||
},
|
||||
"disableAllButton": {
|
||||
"message": "Minden tiltása"
|
||||
}
|
||||
}
|
||||
158
extension/_locales/ru/messages.json
Normal file
158
extension/_locales/ru/messages.json
Normal file
|
|
@ -0,0 +1,158 @@
|
|||
{
|
||||
"extensionName": {
|
||||
"message": "YouTube Customizer - Редактор YouTube"
|
||||
},
|
||||
"extensionDescription": {
|
||||
"message": "Изменяет дизайн YouTube и добавляет полезные функции."
|
||||
},
|
||||
"mainSection": {
|
||||
"message": "Главное"
|
||||
},
|
||||
"homeOption": {
|
||||
"message": "Главная"
|
||||
},
|
||||
"shortsOption": {
|
||||
"message": "Shorts"
|
||||
},
|
||||
"subscriptionsOption": {
|
||||
"message": "Подписки"
|
||||
},
|
||||
"libraryOption": {
|
||||
"message": "Библиотека (Вы)"
|
||||
},
|
||||
"channelOption": {
|
||||
"message": "Мой канал"
|
||||
},
|
||||
"historyOption": {
|
||||
"message": "История"
|
||||
},
|
||||
"videosOption": {
|
||||
"message": "Ваш канал"
|
||||
},
|
||||
"watchLaterOption": {
|
||||
"message": "Смотреть позже"
|
||||
},
|
||||
"downloadsOption": {
|
||||
"message": "Скачанные"
|
||||
},
|
||||
"likedOption": {
|
||||
"message": "Понравившиеся"
|
||||
},
|
||||
"playlistsOption": {
|
||||
"message": "Плейлисты"
|
||||
},
|
||||
"channelsOption": {
|
||||
"message": "Каталог каналов"
|
||||
},
|
||||
"exploreSection": {
|
||||
"message": "Навигатор"
|
||||
},
|
||||
"trendingOption": {
|
||||
"message": "В тренде"
|
||||
},
|
||||
"musicOption": {
|
||||
"message": "Музыка"
|
||||
},
|
||||
"filmsOption": {
|
||||
"message": "Фильмы"
|
||||
},
|
||||
"liveOption": {
|
||||
"message": "Трансляции"
|
||||
},
|
||||
"gamingOption": {
|
||||
"message": "Видеоигры"
|
||||
},
|
||||
"newsOption": {
|
||||
"message": "Новости"
|
||||
},
|
||||
"sportsOption": {
|
||||
"message": "Спорт"
|
||||
},
|
||||
"learningOption": {
|
||||
"message": "Обучение"
|
||||
},
|
||||
"fashionOption": {
|
||||
"message": "Мода и красота"
|
||||
},
|
||||
"ytMoreSection": {
|
||||
"message": "Другие возможности"
|
||||
},
|
||||
"ytPremiumOption": {
|
||||
"message": "YouTube Premium"
|
||||
},
|
||||
"ytStudioOption": {
|
||||
"message": "Творческая студия YouTube"
|
||||
},
|
||||
"ytMusicOption": {
|
||||
"message": "YouTube Music"
|
||||
},
|
||||
"ytKidsOption": {
|
||||
"message": "YouTube Детям"
|
||||
},
|
||||
"miscSection": {
|
||||
"message": "Дополнительное"
|
||||
},
|
||||
"settingsOption": {
|
||||
"message": "Настройки"
|
||||
},
|
||||
"reportOption": {
|
||||
"message": "Жалобы"
|
||||
},
|
||||
"helpOption": {
|
||||
"message": "Справка"
|
||||
},
|
||||
"feedbackOption": {
|
||||
"message": "Отправить отзыв"
|
||||
},
|
||||
"topbarSection": {
|
||||
"message": "Верхняя панель"
|
||||
},
|
||||
"topbarLogoOption": {
|
||||
"message": "Логотип"
|
||||
},
|
||||
"topbarSearchOption": {
|
||||
"message": "Строка поиска"
|
||||
},
|
||||
"topbarVoiceSearchOption": {
|
||||
"message": "Голосовой поиск"
|
||||
},
|
||||
"topbarCreateButtonOption": {
|
||||
"message": "Кнопка \"Cоздать\""
|
||||
},
|
||||
"topbarNotificationsButtonOption": {
|
||||
"message": "Кнопка уведомлений"
|
||||
},
|
||||
"topbarAccountButtonOption": {
|
||||
"message": "Кнопка аккаунта"
|
||||
},
|
||||
"topbarSignInButtonOption": {
|
||||
"message": "Кнопка входа"
|
||||
},
|
||||
"otherSection": {
|
||||
"message": "Другое"
|
||||
},
|
||||
"disableSignInPromoOption": {
|
||||
"message": "Убрать промо-панель входа"
|
||||
},
|
||||
"disableSubscriptionsOption": {
|
||||
"message": "Убрать боковую панель подписок"
|
||||
},
|
||||
"disableFooterOption": {
|
||||
"message": "Убрать футер боковой панели"
|
||||
},
|
||||
"startGuideClosedOption": {
|
||||
"message": "Закрыть боковую панель"
|
||||
},
|
||||
"redirectHomeOption": {
|
||||
"message": "Открывать подписки вместо главной страницы"
|
||||
},
|
||||
"ff2mpvEnabledOption": {
|
||||
"message": "Открытывать видео в ff2mpv"
|
||||
},
|
||||
"enableAllButton": {
|
||||
"message": "Включить всё"
|
||||
},
|
||||
"disableAllButton": {
|
||||
"message": "Выключить всё"
|
||||
}
|
||||
}
|
||||
3
extension/icon.svg
Normal file
3
extension/icon.svg
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
<?xml version="1.0" encoding="UTF-8"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
<svg width="7mm" height="7mm" version="1.1" viewBox="0 0 7 7" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><circle transform="scale(-1,1)" cx="-3.5" cy="3.5" r="3.5" fill="#0d1117"/><path d="m2.3917 1.4432 3.994e-4 4.1135 3.4461-2.0573z" fill="none" stroke="#3f1d9e" stroke-linejoin="round" stroke-width=".7"/><path d="m5.8681 4.8672a2.7344 2.7344 0 0 1-3.0758 1.274 2.7344 2.7344 0 0 1-2.0267-2.6412 2.7344 2.7344 0 0 1 2.0267-2.6412 2.7344 2.7344 0 0 1 3.0758 1.274" fill="none" stroke="#3f1d9e" stroke-linecap="round" stroke-width=".7"/></svg>
|
||||
|
After Width: | Height: | Size: 655 B |
53
extension/manifest.json
Normal file
53
extension/manifest.json
Normal file
|
|
@ -0,0 +1,53 @@
|
|||
{
|
||||
"manifest_version": 2,
|
||||
"name": "__MSG_extensionName__",
|
||||
"description": "__MSG_extensionDescription__",
|
||||
"default_locale": "en",
|
||||
"version": "1.0.0",
|
||||
"developer": {
|
||||
"name": "Ryze",
|
||||
"url": "https://github.com/ryze312"
|
||||
},
|
||||
|
||||
"icons": {
|
||||
"16": "icon.svg",
|
||||
"32": "icon.svg",
|
||||
"64": "icon.svg",
|
||||
"128": "icon.svg",
|
||||
"256": "icon.svg",
|
||||
"512": "icon.svg",
|
||||
"1024": "icon.svg"
|
||||
},
|
||||
|
||||
"options_ui": {
|
||||
"page": "settings/settings.html",
|
||||
"open_in_tab": true
|
||||
},
|
||||
|
||||
"browser_specific_settings": {
|
||||
"gecko": {
|
||||
"id": "{841bfda8-83e6-11ee-82a9-4bf1ae962c91}"
|
||||
}
|
||||
},
|
||||
|
||||
"background": {
|
||||
"scripts": ["scripts/background/config.js"],
|
||||
"type": "module",
|
||||
"persistent": false
|
||||
},
|
||||
|
||||
"content_scripts": [
|
||||
{
|
||||
"matches": ["*://*.youtube.com/*"],
|
||||
"js": ["scripts/content/ytCustomizer.js"],
|
||||
"run_at": "document_end",
|
||||
"all_frames": false
|
||||
}
|
||||
],
|
||||
|
||||
"permissions": [
|
||||
"storage",
|
||||
"nativeMessaging"
|
||||
]
|
||||
}
|
||||
|
||||
68
extension/settings/settings.html
Normal file
68
extension/settings/settings.html
Normal file
|
|
@ -0,0 +1,68 @@
|
|||
<!DOCTYPE html>
|
||||
<html lang="en">
|
||||
<head>
|
||||
<meta charset="UTF-8">
|
||||
<title>YouTube Customizer</title>
|
||||
<link rel="icon" type="image/x-icon" href="../icon.svg">
|
||||
<link rel="stylesheet" type="text/css" href="style.css">
|
||||
<script src="settings.js" defer></script>
|
||||
</head>
|
||||
<body>
|
||||
<div id="options">
|
||||
<config-section msg="mainSection">
|
||||
<config-option msg="homeOption" key="WHAT_TO_WATCH"></config-option>
|
||||
<config-option msg="shortsOption" key="TAB_SHORTS"></config-option>
|
||||
<config-option msg="subscriptionsOption" key="SUBSCRIPTIONS"></config-option>
|
||||
<config-option msg="libraryOption" key="VIDEO_LIBRARY_WHITE"></config-option>
|
||||
<config-option msg="channelOption" key="ACCOUNT_BOX"></config-option>
|
||||
<config-option msg="historyOption" key="WATCH_HISTORY"></config-option>
|
||||
<config-option msg="videosOption" key="MY_VIDEOS"></config-option>
|
||||
<config-option msg="watchLaterOption" key="WATCH_LATER"></config-option>
|
||||
<config-option msg="downloadsOption" key="OFFLINE_DOWNLOAD"></config-option>
|
||||
<config-option msg="likedOption" key="LIKES_PLAYLIST"></config-option>
|
||||
<config-option msg="playlistsOption" key="PLAYLISTS"></config-option>
|
||||
<config-option msg="channelsOption" key="ADD_CIRCLE"></config-option>
|
||||
</config-section>
|
||||
<config-section msg="exploreSection">
|
||||
<config-option msg="trendingOption" key="TRENDING"></config-option>
|
||||
<config-option msg="musicOption" key="MUSIC"></config-option>
|
||||
<config-option msg="filmsOption" key="CLAPPERBOARD"></config-option>
|
||||
<config-option msg="liveOption" key="LIVE"></config-option>
|
||||
<config-option msg="gamingOption" key="GAMING_LOGO"></config-option>
|
||||
<config-option msg="newsOption" key="NEWS"></config-option>
|
||||
<config-option msg="sportsOption" key="TROPHY"></config-option>
|
||||
<config-option msg="learningOption" key="COURSE"></config-option>
|
||||
<config-option msg="fashionOption" key="FASHION_LOGO"></config-option>
|
||||
</config-section>
|
||||
<config-section msg="ytMoreSection">
|
||||
<config-option msg="ytPremiumOption" key="YOUTUBE_RED_LOGO"></config-option>
|
||||
<config-option msg="ytStudioOption" key="CREATOR_STUDIO_RED_LOGO"></config-option>
|
||||
<config-option msg="ytMusicOption" key="YOUTUBE_MUSIC"></config-option>
|
||||
<config-option msg="ytKidsOption" key="YOUTUBE_KIDS_ROUND"></config-option>
|
||||
</config-section>
|
||||
<config-section msg="miscSection">
|
||||
<config-option msg="settingsOption" key="SETTINGS"></config-option>
|
||||
<config-option msg="reportOption" key="FLAG"></config-option>
|
||||
<config-option msg="helpOption" key="HELP"></config-option>
|
||||
<config-option msg="feedbackOption" key="FEEDBACK"></config-option>
|
||||
</config-section>
|
||||
<config-section msg="topbarSection">
|
||||
<config-option msg="topbarLogoOption" key="topbarLogo"></config-option>
|
||||
<config-option msg="topbarSearchOption" key="topbarSearch"></config-option>
|
||||
<config-option msg="topbarVoiceSearchOption" key="topbarVoiceSearchButton"></config-option>
|
||||
<config-option msg="topbarCreateButtonOption" key="topbarCreateButton"></config-option>
|
||||
<config-option msg="topbarNotificationsButtonOption" key="topbarNotificationsButton"></config-option>
|
||||
<config-option msg="topbarAccountButtonOption" key="topbarAccountButton"></config-option>
|
||||
<config-option msg="topbarSignInButtonOption" key="topbarSignInButton"></config-option>
|
||||
</config-section>
|
||||
<config-section msg="otherSection">
|
||||
<config-option msg="disableSignInPromoOption" key="disableSigninPromo"></config-option>
|
||||
<config-option msg="disableSubscriptionsOption" key="disableSubscriptions"></config-option>
|
||||
<config-option msg="disableFooterOption" key="disableFooter"></config-option>
|
||||
<config-option msg="startGuideClosedOption" key="startGuideClosed"></config-option>
|
||||
<config-option msg="redirectHomeOption" key="redirectHome"></config-option>
|
||||
<config-option msg="ff2mpvEnabledOption" key="ff2mpvEnabled"></config-option>
|
||||
</config-section>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
97
extension/settings/style.css
Normal file
97
extension/settings/style.css
Normal file
|
|
@ -0,0 +1,97 @@
|
|||
:root {
|
||||
--background-color: #160F1D;
|
||||
--config-section-background-color: #6241BD;
|
||||
--config-button-disabled: #27194E;
|
||||
--config-button-enabled: #3F1D9E;
|
||||
--shadow: 4px 4px 10px #2C0633;
|
||||
--glow: 10px 10px 10px #2C0633;
|
||||
}
|
||||
|
||||
html, body {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
body {
|
||||
background-color: var(--background-color);
|
||||
color: #EEEEEE;
|
||||
|
||||
font-size: 1.2vw;
|
||||
font-family: "Open Sans", "Roboto", "Arial", "sans-serif";
|
||||
}
|
||||
|
||||
#options {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, 20em);
|
||||
gap: 2vh;
|
||||
justify-content: center;
|
||||
|
||||
width: 80vw;
|
||||
margin: auto;
|
||||
padding: 30px;
|
||||
|
||||
border-radius: 2vh;
|
||||
}
|
||||
|
||||
config-section {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
text-align: center;
|
||||
|
||||
padding: 20px;
|
||||
border-radius: 3vh;
|
||||
|
||||
background: var(--config-section-background-color);
|
||||
box-shadow: var(--glow);
|
||||
}
|
||||
|
||||
config-option {
|
||||
margin: 2px;
|
||||
padding: 10px;
|
||||
border-radius: 1vh;
|
||||
|
||||
background-color: var(--config-button-disabled);
|
||||
cursor: pointer;
|
||||
transition: ease-out 0.2s;
|
||||
}
|
||||
|
||||
config-option:hover {
|
||||
transform: translate(-4px, -4px);
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
.config-option-enabled {
|
||||
background-color: var(--config-button-enabled);
|
||||
}
|
||||
|
||||
.config-heading {
|
||||
margin: 0;
|
||||
margin-bottom: 10px;
|
||||
}
|
||||
|
||||
.config-buttons {
|
||||
display: flex;
|
||||
margin-top: auto;
|
||||
padding-top: 10px;
|
||||
}
|
||||
|
||||
.config-buttons button {
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
padding: 10px;
|
||||
|
||||
border: none;
|
||||
border-radius: 1vh;
|
||||
|
||||
background-color: var(--config-button-enabled);
|
||||
color: inherit;
|
||||
font-size: inherit;
|
||||
|
||||
cursor: inherit;
|
||||
transition: ease-out 0.1s;
|
||||
}
|
||||
|
||||
.config-buttons button:hover {
|
||||
transform: translate(-4px, -4px);
|
||||
box-shadow: var(--shadow);
|
||||
}
|
||||
|
||||
111
src/scripts/background/config.ts
Normal file
111
src/scripts/background/config.ts
Normal file
|
|
@ -0,0 +1,111 @@
|
|||
declare global {
|
||||
interface Window {
|
||||
ytCustomizerConfig: Config
|
||||
}
|
||||
}
|
||||
|
||||
export type Config = {
|
||||
[key: string]: boolean,
|
||||
WHAT_TO_WATCH: boolean,
|
||||
TAB_SHORTS: boolean,
|
||||
SUBSCRIPTIONS: boolean,
|
||||
VIDEO_LIBRARY_WHITE: boolean,
|
||||
ACCOUNT_BOX: boolean,
|
||||
WATCH_HISTORY: boolean,
|
||||
MY_VIDEOS: boolean,
|
||||
WATCH_LATER: boolean,
|
||||
OFFLINE_DOWNLOAD: boolean,
|
||||
LIKES_PLAYLIST: boolean,
|
||||
PLAYLISTS: boolean,
|
||||
ADD_CIRCLE: boolean,
|
||||
TRENDING: boolean,
|
||||
MUSIC: boolean,
|
||||
CLAPPERBOARD: boolean,
|
||||
LIVE: boolean,
|
||||
GAMING_LOGO: boolean,
|
||||
NEWS: boolean,
|
||||
TROPHY: boolean,
|
||||
COURSE: boolean,
|
||||
FASHION_LOGO: boolean,
|
||||
YOUTUBE_RED_LOGO: boolean,
|
||||
CREATOR_STUDIO_RED_LOGO: boolean,
|
||||
YOUTUBE_MUSIC: boolean,
|
||||
YOUTUBE_KIDS_ROUND: boolean,
|
||||
SETTINGS: boolean,
|
||||
FLAG: boolean,
|
||||
HELP: boolean,
|
||||
FEEDBACK: boolean,
|
||||
topbarLogo: boolean,
|
||||
topbarSearch: boolean,
|
||||
topbarVoiceSearchButton: boolean,
|
||||
topbarCreateButton: boolean,
|
||||
topbarNotificationsButton: boolean,
|
||||
topbarAccountButton: boolean,
|
||||
topbarSignInButton: boolean,
|
||||
disableSigninPromo: boolean,
|
||||
disableSubscriptions: boolean,
|
||||
disableFooter: boolean,
|
||||
startGuideClosed: boolean,
|
||||
redirectHome: boolean
|
||||
ff2mpvEnabled: boolean
|
||||
}
|
||||
|
||||
const defaultConfig: Config = {
|
||||
WHAT_TO_WATCH: true,
|
||||
TAB_SHORTS: true,
|
||||
SUBSCRIPTIONS: true,
|
||||
VIDEO_LIBRARY_WHITE: true,
|
||||
ACCOUNT_BOX: true,
|
||||
WATCH_HISTORY: true,
|
||||
MY_VIDEOS: true,
|
||||
WATCH_LATER: true,
|
||||
OFFLINE_DOWNLOAD: true,
|
||||
LIKES_PLAYLIST: true,
|
||||
PLAYLISTS: true,
|
||||
ADD_CIRCLE: true,
|
||||
TRENDING: true,
|
||||
MUSIC: true,
|
||||
CLAPPERBOARD: true,
|
||||
LIVE: true,
|
||||
GAMING_LOGO: true,
|
||||
NEWS: true,
|
||||
TROPHY: true,
|
||||
COURSE: true,
|
||||
FASHION_LOGO: true,
|
||||
YOUTUBE_RED_LOGO: true,
|
||||
CREATOR_STUDIO_RED_LOGO: true,
|
||||
YOUTUBE_MUSIC: true,
|
||||
YOUTUBE_KIDS_ROUND: true,
|
||||
SETTINGS: true,
|
||||
FLAG: true,
|
||||
HELP: true,
|
||||
FEEDBACK: true,
|
||||
topbarLogo: true,
|
||||
topbarSearch: true,
|
||||
topbarVoiceSearchButton: true,
|
||||
topbarCreateButton: true,
|
||||
topbarNotificationsButton: true,
|
||||
topbarAccountButton: true,
|
||||
topbarSignInButton: true,
|
||||
disableSigninPromo: false,
|
||||
disableSubscriptions: false,
|
||||
disableFooter: false,
|
||||
startGuideClosed: false,
|
||||
redirectHome: false,
|
||||
ff2mpvEnabled: false
|
||||
}
|
||||
|
||||
export let config: Config;
|
||||
|
||||
browser.runtime.onInstalled.addListener((event) => {
|
||||
if (event.reason === "install") {
|
||||
browser.storage.sync.set(defaultConfig);
|
||||
}
|
||||
});
|
||||
|
||||
browser.runtime.onMessage.addListener((videoId) => {
|
||||
browser.runtime.sendNativeMessage("ff2mpv", {url: `https://youtu.be/${videoId}`});
|
||||
});
|
||||
|
||||
browser.storage.sync.get()
|
||||
.then((installedConfig) => config = installedConfig as Config);
|
||||
26
src/scripts/content/ytCustomizer.ts
Normal file
26
src/scripts/content/ytCustomizer.ts
Normal file
|
|
@ -0,0 +1,26 @@
|
|||
function ff2mpv(videoId: string) {
|
||||
browser.runtime.sendMessage(videoId);
|
||||
}
|
||||
|
||||
// Firefox doesn't support ExecutionWorld.MAIN yet
|
||||
// So just inject manually
|
||||
// See: https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/scripting/ExecutionWorld
|
||||
async function injectScript() {
|
||||
const config = await browser.storage.sync.get();
|
||||
|
||||
// SAFETY: Cannot import Config from config.ts, because content scripts aren't modules
|
||||
// SAFETY: WrappedJObject and exportFunction aren't defined in @types module, so use ts-ignore
|
||||
// @ts-ignore
|
||||
window.wrappedJSObject.ytCustomizerConfig = cloneInto(config, window);
|
||||
// @ts-ignore
|
||||
exportFunction(ff2mpv, window, {defineAs: "ff2mpv"})
|
||||
|
||||
const script = document.createElement("script");
|
||||
script.type = "module";
|
||||
script.src = browser.runtime.getURL("scripts/page/ytCustomizer.js");
|
||||
|
||||
document.head.appendChild(script);
|
||||
}
|
||||
|
||||
injectScript();
|
||||
|
||||
6
src/scripts/page/detour.ts
Normal file
6
src/scripts/page/detour.ts
Normal file
|
|
@ -0,0 +1,6 @@
|
|||
export function detourFunc(func: Function, origFunc: Function): Function {
|
||||
return function (this: any, ...args: any[]) {
|
||||
args.push(origFunc);
|
||||
return func.apply(this, args);
|
||||
}
|
||||
}
|
||||
30
src/scripts/page/ff2mpv.ts
Normal file
30
src/scripts/page/ff2mpv.ts
Normal file
|
|
@ -0,0 +1,30 @@
|
|||
import { detourFunc } from "./detour.js";
|
||||
import * as popup from "./popup.js";
|
||||
|
||||
function openMpvPopup(app: YTApp) {
|
||||
const confirmButton: YTPopupButton = popup.createButton("Close", YTButtonStyle.BlueText, YTButtonSize.Default);
|
||||
const confirmDialog: YTConfirmDialog = popup.createConfirmDialog("YouTube Layout Customizer", "Video has opened in mpv", confirmButton);
|
||||
const confirmPopup = popup.createConfirmPopup(confirmDialog);
|
||||
|
||||
popup.openPopup(app, YTPopupType.Dialog, confirmPopup);
|
||||
}
|
||||
|
||||
function detourNavigate(this: YTApp, event: any, eventData: YTNavigateEventData, origFunc: Function): any {
|
||||
const videoId = eventData.endpoint.watchEndpoint?.videoId;
|
||||
|
||||
if (videoId) {
|
||||
window.ff2mpv(videoId);
|
||||
openMpvPopup(this);
|
||||
|
||||
return;
|
||||
}
|
||||
|
||||
return origFunc.call(this, event, eventData);
|
||||
}
|
||||
|
||||
|
||||
export default function setupDetour(app: YTApp) {
|
||||
if (window.ytCustomizerConfig.ff2mpvEnabled) {
|
||||
app.onYtNavigate = detourFunc(detourNavigate, app.onYtNavigate);
|
||||
}
|
||||
}
|
||||
36
src/scripts/page/guide.ts
Normal file
36
src/scripts/page/guide.ts
Normal file
|
|
@ -0,0 +1,36 @@
|
|||
import { detourFunc } from "./detour.js";
|
||||
import * as guideData from "./guide/guideData.js";
|
||||
|
||||
// Detour guide fetch to modify guide data
|
||||
async function detourGuideFetch(this: YTGuideService, origFunc: Function): Promise<YTGuideData> {
|
||||
let guide = await origFunc.call(this);
|
||||
guide = guideData.getNewGuide(guide);
|
||||
|
||||
return guide;
|
||||
}
|
||||
|
||||
// Detour guide after it's init once to disable footer
|
||||
// Guide renderer gets created only after calling setGuideDataAfterInit
|
||||
function detourAfterInit(this: YTGuideService, data: any, origFunc: Function): any {
|
||||
let ret = origFunc.call(this, data);
|
||||
|
||||
if (window.ytCustomizerConfig.disableFooter) {
|
||||
const guideRenderer = document.getElementById("guide-renderer") as YTGuideRenderer;
|
||||
guideRenderer.showFooter = false;
|
||||
}
|
||||
|
||||
if (window.ytCustomizerConfig.startGuideClosed) {
|
||||
// NOTE: closeGuide doesn't update guideUserStateOpened, do it manually
|
||||
this.closeGuide();
|
||||
this.guideUserStateOpened = false;
|
||||
}
|
||||
|
||||
// Restore original function, we don't need do this more than once
|
||||
this.setGuideDataAfterInit = origFunc;
|
||||
return ret;
|
||||
}
|
||||
|
||||
export default function setupDetour(guideService: YTGuideService) {
|
||||
guideService.fetchGuideData = detourFunc(detourGuideFetch, guideService.fetchGuideData);
|
||||
guideService.setGuideDataAfterInit = detourFunc(detourAfterInit, guideService.setGuideDataAfterInit);
|
||||
}
|
||||
108
src/scripts/page/guide/guideData.ts
Normal file
108
src/scripts/page/guide/guideData.ts
Normal file
|
|
@ -0,0 +1,108 @@
|
|||
import * as utils from "../utils.js";
|
||||
|
||||
function shouldRemoveRenderer(renderer: YTGuideDataItem): boolean {
|
||||
// Removing guide entries based on their icon
|
||||
const inner = utils.getInner(renderer) as YTGuideDataRenderer;
|
||||
const iconType = inner.icon.iconType;
|
||||
return !window.ytCustomizerConfig[iconType];
|
||||
}
|
||||
|
||||
function getNewCollapsableSection(section: YTGuideDataItem): any {
|
||||
const inner = utils.getInner(section);
|
||||
inner.sectionItems = getNewRenderers(inner.sectionItems);
|
||||
|
||||
if (shouldRemoveRenderer(inner.headerEntry)) {
|
||||
// Don't leave the header empty
|
||||
// Replace with the first collapsed item
|
||||
inner.headerEntry = inner.sectionItems.shift();
|
||||
}
|
||||
|
||||
if (inner.sectionItems.length > 0) {
|
||||
return section;
|
||||
}
|
||||
|
||||
// If only the header left, unpack and just use it
|
||||
return inner.headerEntry ? inner.headerEntry : null;
|
||||
}
|
||||
|
||||
function getNewCollapsableRenderer(renderer: YTGuideDataItem): any {
|
||||
const inner = utils.getInner(renderer) as YTGuideDataCollapsibleRenderer;
|
||||
inner.expandableItems = getNewRenderers(inner.expandableItems);
|
||||
|
||||
return inner.expandableItems.length > 0 ? renderer : null;
|
||||
}
|
||||
|
||||
function getNewDownloadsRenderer(renderer: YTGuideDataItem): any {
|
||||
const inner = utils.getInner(renderer) as YTGuideDataDownloads;
|
||||
return shouldRemoveRenderer(inner.entryRenderer) ? null : renderer;
|
||||
}
|
||||
|
||||
function getNewRenderer(renderer: YTGuideDataItem): any {
|
||||
switch (utils.getInnerName(renderer)) {
|
||||
case "guideCollapsibleSectionEntryRenderer": {
|
||||
return getNewCollapsableSection(renderer);
|
||||
}
|
||||
case "guideCollapsibleEntryRenderer": {
|
||||
return getNewCollapsableRenderer(renderer);
|
||||
}
|
||||
case "guideDownloadsEntryRenderer": {
|
||||
return getNewDownloadsRenderer(renderer);
|
||||
}
|
||||
default: {
|
||||
return shouldRemoveRenderer(renderer) ? null : renderer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getNewRenderers(renderers: YTGuideDataItem[]): any {
|
||||
const newRenderers = [];
|
||||
|
||||
for (const renderer of renderers) {
|
||||
const newRenderer = getNewRenderer(renderer);
|
||||
if (newRenderer) {
|
||||
newRenderers.push(newRenderer);
|
||||
}
|
||||
}
|
||||
|
||||
return newRenderers;
|
||||
}
|
||||
|
||||
function modifySection(section: YTGuideDataItem): any {
|
||||
const inner = utils.getInner(section) as YTGuideSection;
|
||||
inner.items = getNewRenderers(inner.items);
|
||||
|
||||
return inner.items.length > 0 ? section : null;
|
||||
}
|
||||
|
||||
|
||||
function getNewSection(section: YTGuideDataItem): any {
|
||||
switch (utils.getInnerName(section)) {
|
||||
case "guideSigninPromoRenderer": {
|
||||
return window.ytCustomizerConfig.disableSigninPromo ? null : section;
|
||||
}
|
||||
case "guideSubscriptionsSectionRenderer": {
|
||||
return window.ytCustomizerConfig.disableSubscriptions ? null : section;
|
||||
}
|
||||
default: {
|
||||
return modifySection(section);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
function getNewSections(sections: YTGuideDataItem[]): any {
|
||||
const newSections = [];
|
||||
|
||||
for (const section of sections) {
|
||||
const newSection = getNewSection(section);
|
||||
if (newSection) {
|
||||
newSections.push(newSection);
|
||||
}
|
||||
}
|
||||
|
||||
return newSections;
|
||||
}
|
||||
|
||||
export function getNewGuide(guide: YTGuideData): YTGuideData {
|
||||
guide.items = getNewSections(guide.items);
|
||||
return guide;
|
||||
}
|
||||
55
src/scripts/page/page.ts
Normal file
55
src/scripts/page/page.ts
Normal file
|
|
@ -0,0 +1,55 @@
|
|||
import { detourFunc } from "./detour.js";
|
||||
import * as pageData from "./page/pageData.js";
|
||||
|
||||
function getBrowseId(endpoint: YTNavigationEndpoint): string | null {
|
||||
const browseEndpoint = endpoint.browseEndpoint;
|
||||
if (browseEndpoint) {
|
||||
return browseEndpoint.browseId;
|
||||
}
|
||||
|
||||
return null;
|
||||
}
|
||||
|
||||
// Detour setter and getter of pagePool
|
||||
// To reuse the same ytd-browse element for home and subscriptions tab
|
||||
function detourPageSet(this: Map<string, HTMLElement>, name: string, page: YTPage, origFunc: Function): any {
|
||||
if (name === "home") {
|
||||
name = "subscriptions"
|
||||
page.pageSubtype = "subscriptions";
|
||||
}
|
||||
|
||||
return origFunc.call(this, name, page);
|
||||
}
|
||||
|
||||
function detourPageGet(this: Map<string, HTMLElement>, name: string, origFunc: Function): any {
|
||||
if (name === "home") {
|
||||
name = "subscriptions"
|
||||
}
|
||||
|
||||
return origFunc.call(this, name);
|
||||
}
|
||||
|
||||
// Detour page fetch to modify page data
|
||||
async function detourPageFetch(this: YTApp, event: any, eventData: YTPageFetchEventData, origFunc: Function): Promise<any> {
|
||||
const page = eventData.pageData.response;
|
||||
const browseId = getBrowseId(eventData.pageData.endpoint);
|
||||
|
||||
eventData.pageData.response = await pageData.getNewPageData(this, page, browseId);
|
||||
return origFunc.call(this, event, eventData);
|
||||
}
|
||||
|
||||
|
||||
export default function setupDetour(app: YTApp, pageManager: YTPageManager) {
|
||||
app.onYtPageDataFetched = detourFunc(detourPageFetch, app.onYtPageDataFetched);
|
||||
|
||||
if (window.ytCustomizerConfig.redirectHome) {
|
||||
const pageMap = pageManager.pagePool.pageNameToElement;
|
||||
|
||||
// SAFETY: Replacing setter and getter of Map
|
||||
// SAFETY: TypeScript tries to set them as Map keys instead
|
||||
// @ts-ignore
|
||||
pageMap.set = detourFunc(detourPageSet, pageMap.set);
|
||||
// @ts-ignore
|
||||
pageMap.get = detourFunc(detourPageGet, pageMap.get);
|
||||
}
|
||||
}
|
||||
174
src/scripts/page/page/pageData.ts
Normal file
174
src/scripts/page/page/pageData.ts
Normal file
|
|
@ -0,0 +1,174 @@
|
|||
import * as store from "./store.js";
|
||||
import { getInner } from "../utils.js";
|
||||
|
||||
async function hashStr(str: string): Promise<string> {
|
||||
const bytes = new TextEncoder().encode(str);
|
||||
const hash = await crypto.subtle.digest("SHA-1", bytes);
|
||||
const hashBuffer = new DataView(hash);
|
||||
|
||||
let hashStr = "";
|
||||
for (let offset = 0; offset < hashBuffer.byteLength; offset += 4) {
|
||||
const num = hashBuffer.getUint32(offset, false); // NOTE: Big Endian here is intentional, otherwise hex is reversed
|
||||
hashStr += num.toString(16).padStart(8, '0');
|
||||
}
|
||||
|
||||
return hashStr;
|
||||
}
|
||||
|
||||
function getSAPISID(): string {
|
||||
const cookie = document.cookie;
|
||||
const start = cookie.indexOf("SAPISID=") + 8;
|
||||
const end = cookie.indexOf(';', start);
|
||||
|
||||
return cookie.substring(start, end);
|
||||
}
|
||||
|
||||
// Auth token format is
|
||||
// SAPISIDHASH {unix_seconds}_{hash}
|
||||
// Where {hash} is SHA1 hash computed from the following string
|
||||
// {unix_seconds} {SAPISID} {origin_url}
|
||||
// See: https://stackoverflow.com/questions/16907352/reverse-engineering-javascript-behind-google-button#32065323
|
||||
async function getAuthToken(): Promise<string> {
|
||||
const unixSeconds = Math.trunc(Date.now() / 1000);
|
||||
const SAPISID = getSAPISID();
|
||||
const hash = await hashStr(`${unixSeconds} ${SAPISID} https://www.youtube.com`);
|
||||
const token = `SAPISIDHASH ${unixSeconds}_${hash}`;
|
||||
|
||||
return token;
|
||||
}
|
||||
|
||||
// YouTube uses signals to indicate the action to execute on button press
|
||||
// Unfortunately not all signals are clearly defined,
|
||||
// Thus we have to resort to determening and defining them ourselves
|
||||
function getSignal(button: YTButtonRenderer): string {
|
||||
if (button.menuRequest) {
|
||||
return button.menuRequest.signalServiceEndpoint.signal;
|
||||
}
|
||||
|
||||
if (button.navigationEndpoint?.signInEndpoint) {
|
||||
return "SIGNIN";
|
||||
}
|
||||
|
||||
return "CREATE"
|
||||
}
|
||||
|
||||
async function updateCache(app: YTApp, pageData: YTPageData, browseId: string | null) {
|
||||
if (browseId !== "FEwhat_to_watch" && browseId !== "FEsubscriptions") {
|
||||
return;
|
||||
}
|
||||
|
||||
// If we're on the home page, change page data to subscriptions page data
|
||||
// Then duplicate it to subscriptions key, so we won't have to fetch it again.
|
||||
// Otherwise, we're on subscriptions page, just copy it to home key.
|
||||
|
||||
let responseStore = app.ephemeralResponseStore;
|
||||
if (browseId === "FEwhat_to_watch") {
|
||||
await store.changePageData("service:browse/browseId:FEwhat_to_watch", pageData, responseStore);
|
||||
await store.duplicate("service:browse/browseId:FEwhat_to_watch", "service:browse/browseId:FEsubscriptions", responseStore);
|
||||
} else {
|
||||
await store.duplicate("service:browse/browseId:FEsubscriptions", "service:browse/browseId:FEwhat_to_watch", responseStore);
|
||||
}
|
||||
}
|
||||
|
||||
async function getSubscriptionsPageData(): Promise<YTPageData> {
|
||||
const ytConfig = window.yt.config_;
|
||||
|
||||
const context = ytConfig["INNERTUBE_CONTEXT"];
|
||||
const apiKey = ytConfig["INNERTUBE_API_KEY"];
|
||||
const loggedIn = ytConfig["LOGGED_IN"];
|
||||
const url = `https://www.youtube.com/youtubei/v1/browse?key=${apiKey}&prettyPrint=false`
|
||||
|
||||
const response = await fetch(url, {
|
||||
method: "POST",
|
||||
mode: "cors",
|
||||
headers: {
|
||||
Authorization: loggedIn ? await getAuthToken() : "",
|
||||
"Content-Type": "application/json"
|
||||
},
|
||||
body: JSON.stringify({
|
||||
browseId: "FEsubscriptions",
|
||||
context: context
|
||||
})
|
||||
});
|
||||
|
||||
const pageData = await response.json();
|
||||
return pageData;
|
||||
}
|
||||
|
||||
function getNewButtons(buttons: any[]): any[] {
|
||||
const config = window.ytCustomizerConfig;
|
||||
const newButtons = [];
|
||||
|
||||
for (const button of buttons) {
|
||||
const innerButton = getInner(button) as YTButtonRenderer;
|
||||
const signal = getSignal(innerButton);
|
||||
|
||||
let push = true;
|
||||
switch(signal) {
|
||||
case "CREATE": {
|
||||
push = config.topbarCreateButton;
|
||||
break;
|
||||
}
|
||||
case "GET_NOTIFICATIONS_MENU": {
|
||||
push = config.topbarNotificationsButton;
|
||||
break;
|
||||
}
|
||||
case "GET_ACCOUNT_MENU": {
|
||||
push = config.topbarAccountButton;
|
||||
break;
|
||||
}
|
||||
case "SIGNIN": {
|
||||
push = config.topbarSignInButton;
|
||||
break;
|
||||
}
|
||||
}
|
||||
|
||||
if (push) {
|
||||
newButtons.push(button);
|
||||
}
|
||||
}
|
||||
|
||||
return newButtons;
|
||||
}
|
||||
|
||||
function modifyPageData(pageData: YTPageData): YTPageData {
|
||||
const config = window.ytCustomizerConfig;
|
||||
const topbar = pageData.topbar.desktopTopbarRenderer;
|
||||
|
||||
if (!config.topbarLogo) {
|
||||
delete topbar.logo;
|
||||
}
|
||||
|
||||
if (!config.topbarSearch) {
|
||||
delete topbar.searchbox;
|
||||
}
|
||||
|
||||
if (!config.topbarVoiceSearchButton) {
|
||||
delete topbar.voiceSearchButton;
|
||||
}
|
||||
|
||||
topbar.topbarButtons = getNewButtons(topbar.topbarButtons);
|
||||
pageData.customized = true;
|
||||
|
||||
return pageData;
|
||||
}
|
||||
|
||||
export async function getNewPageData(app: YTApp, pageData: YTPageData, browseId: string | null): Promise<YTPageData> {
|
||||
if (pageData.customized) {
|
||||
// Page was cached, no need to modify
|
||||
return pageData;
|
||||
}
|
||||
|
||||
if (window.ytCustomizerConfig.redirectHome && browseId === "FEwhat_to_watch") {
|
||||
pageData = await getSubscriptionsPageData();
|
||||
}
|
||||
|
||||
pageData = modifyPageData(pageData);
|
||||
|
||||
if (window.ytCustomizerConfig.redirectHome) {
|
||||
// Update cache since pageData reference possibly has changed
|
||||
updateCache(app, pageData, browseId);
|
||||
}
|
||||
|
||||
return pageData;
|
||||
}
|
||||
15
src/scripts/page/page/store.ts
Normal file
15
src/scripts/page/page/store.ts
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
export async function changePageData(key: string, pageData: YTPageData, responseStore: YTResponseStore) {
|
||||
const response = await responseStore.get(key);
|
||||
const copy = {...response.data};
|
||||
|
||||
copy.innertubeResponse = pageData;
|
||||
responseStore.putInternal(key, copy);
|
||||
}
|
||||
|
||||
export async function duplicate(copyFromKey: string, copyToKey: string, responseStore: YTResponseStore) {
|
||||
const response = await responseStore.get(copyFromKey);
|
||||
const copy = {...response.data};
|
||||
|
||||
copy.key = copyToKey
|
||||
responseStore.putInternal(copyToKey, copy);
|
||||
}
|
||||
51
src/scripts/page/popup.ts
Normal file
51
src/scripts/page/popup.ts
Normal file
|
|
@ -0,0 +1,51 @@
|
|||
export function createConfirmDialog(title: string, dialogMessage: string, confirmButton?: YTPopupButton , cancelButton?: YTPopupButton): YTConfirmDialog {
|
||||
const confirmDialog: YTConfirmDialog = {
|
||||
title: createMessage(title),
|
||||
dialogMessages: [ createMessage(dialogMessage) ],
|
||||
};
|
||||
|
||||
if (confirmButton) {
|
||||
confirmDialog.confirmButton = confirmButton;
|
||||
}
|
||||
|
||||
if (cancelButton) {
|
||||
confirmDialog.cancelButton = cancelButton;
|
||||
}
|
||||
|
||||
return confirmDialog;
|
||||
}
|
||||
|
||||
export function createConfirmPopup(confirmDialog: YTConfirmDialog): YTPopup {
|
||||
return {
|
||||
confirmDialogRenderer: confirmDialog
|
||||
}
|
||||
}
|
||||
|
||||
export function createMessage(message: string): YTMessage {
|
||||
return {
|
||||
runs: [{
|
||||
text: message
|
||||
}]
|
||||
}
|
||||
}
|
||||
|
||||
export function createButton(text: string, style: YTButtonStyle, size: YTButtonSize): YTPopupButton {
|
||||
return {
|
||||
buttonRenderer: {
|
||||
text: createMessage(text),
|
||||
style: style,
|
||||
size: size
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
export function openPopup(app: YTApp, popupType: YTPopupType, popup: YTPopup) {
|
||||
const openPopupAction = {
|
||||
openPopupAction: {
|
||||
popupType: popupType,
|
||||
popup: popup
|
||||
}
|
||||
}
|
||||
|
||||
app.openPopup(openPopupAction);
|
||||
}
|
||||
7
src/scripts/page/utils.ts
Normal file
7
src/scripts/page/utils.ts
Normal file
|
|
@ -0,0 +1,7 @@
|
|||
export function getInner(obj: Object): any {
|
||||
return Object.values(obj)[0];
|
||||
}
|
||||
|
||||
export function getInnerName(obj: Object): string | undefined {
|
||||
return Object.keys(obj)[0];
|
||||
}
|
||||
15
src/scripts/page/ytCustomizer.ts
Normal file
15
src/scripts/page/ytCustomizer.ts
Normal file
|
|
@ -0,0 +1,15 @@
|
|||
import setupPageDetour from "./page.js";
|
||||
import setupGuideDetour from "./guide.js";
|
||||
import setupFF2MpvDetour from "./ff2mpv.js";
|
||||
|
||||
// TODO: Do the general review and clean up before release
|
||||
|
||||
{
|
||||
const app = document.getElementsByTagName("ytd-app")[0] as YTApp;
|
||||
const pageManager = document.getElementById("page-manager") as YTPageManager;
|
||||
const guideService = document.getElementById("guide-service") as YTGuideService;
|
||||
|
||||
setupPageDetour(app, pageManager);
|
||||
setupGuideDetour(guideService);
|
||||
setupFF2MpvDetour(app);
|
||||
}
|
||||
12
src/scripts/page/ytTypes.d.ts
vendored
Normal file
12
src/scripts/page/ytTypes.d.ts
vendored
Normal file
|
|
@ -0,0 +1,12 @@
|
|||
// These types directly correspond to the objects defined by YouTube itself
|
||||
// Unfortunately a lot of them are defined badly
|
||||
// We use plain "any" or "Function" when we don't have enough type information
|
||||
// Or a way to distinguish it from the other types, in an array for example
|
||||
|
||||
interface Window {
|
||||
yt: {
|
||||
config_: {
|
||||
[key: string]: any
|
||||
}
|
||||
}
|
||||
}
|
||||
18
src/scripts/page/ytTypes/ytApp.d.ts
vendored
Normal file
18
src/scripts/page/ytTypes/ytApp.d.ts
vendored
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
interface YTApp extends HTMLElement {
|
||||
ephemeralResponseStore: YTResponseStore
|
||||
onYtPageDataFetched: Function
|
||||
onYtNavigate: Function
|
||||
openPopup: (action: YTAction) => void
|
||||
}
|
||||
|
||||
interface YTResponseStore {
|
||||
get: (key: string) => Promise<{
|
||||
data: YTResponse
|
||||
}>,
|
||||
putInternal: (key: string, response: YTResponse) => void
|
||||
}
|
||||
|
||||
interface YTResponse {
|
||||
key: string
|
||||
innertubeResponse: YTPageData
|
||||
}
|
||||
44
src/scripts/page/ytTypes/ytGuide.d.ts
vendored
Normal file
44
src/scripts/page/ytTypes/ytGuide.d.ts
vendored
Normal file
|
|
@ -0,0 +1,44 @@
|
|||
interface YTGuideService extends HTMLElement {
|
||||
guideUserStateOpened: boolean,
|
||||
setGuideDataAfterInit: Function,
|
||||
fetchGuideData: Function,
|
||||
closeGuide: () => void
|
||||
}
|
||||
|
||||
interface YTGuideRenderer extends HTMLElement {
|
||||
showFooter: boolean
|
||||
}
|
||||
|
||||
interface YTGuideData {
|
||||
items: YTGuideDataItem[]
|
||||
}
|
||||
|
||||
interface YTGuideSection {
|
||||
items: YTGuideDataItem[]
|
||||
}
|
||||
|
||||
// This is wrapper for the guide item itself
|
||||
// with only one key as the name of the type, holding the item object.
|
||||
// We use utils.getInner and utils.getInnerName to find out what item it holds
|
||||
interface YTGuideDataItem {
|
||||
[key: string]: any
|
||||
}
|
||||
|
||||
interface YTGuideDataRenderer {
|
||||
icon: {
|
||||
iconType: string
|
||||
}
|
||||
}
|
||||
|
||||
interface YTGuideDataDownloads {
|
||||
entryRenderer: YTGuideDataItem
|
||||
}
|
||||
|
||||
interface YTGuideDataCollapsibleSection {
|
||||
headerEntry: YTGuideDataItem
|
||||
sectionItems: YTGuideDataItem[]
|
||||
}
|
||||
|
||||
interface YTGuideDataCollapsibleRenderer {
|
||||
expandableItems: YTGuideDataItem[]
|
||||
}
|
||||
62
src/scripts/page/ytTypes/ytPage.d.ts
vendored
Normal file
62
src/scripts/page/ytTypes/ytPage.d.ts
vendored
Normal file
|
|
@ -0,0 +1,62 @@
|
|||
interface YTPageManager extends HTMLElement {
|
||||
pagePool: {
|
||||
pageNameToElement: Map<string, YTPage>
|
||||
}
|
||||
}
|
||||
|
||||
interface YTPage {
|
||||
pageSubtype: string
|
||||
}
|
||||
|
||||
interface YTPageData {
|
||||
contents: any[]
|
||||
header: any[],
|
||||
topbar: {
|
||||
desktopTopbarRenderer: YTTopbar,
|
||||
}
|
||||
customized?: boolean
|
||||
}
|
||||
|
||||
interface YTTopbar {
|
||||
logo: any
|
||||
searchbox: any,
|
||||
voiceSearchButton: any
|
||||
topbarButtons: any[],
|
||||
}
|
||||
|
||||
interface YTButtonRenderer {
|
||||
menuRequest?: YTMenuRequest,
|
||||
menuRenderer?: any
|
||||
navigationEndpoint?: YTNavigationEndpoint
|
||||
}
|
||||
|
||||
interface YTMenuRequest {
|
||||
signalServiceEndpoint: {
|
||||
signal: string
|
||||
}
|
||||
}
|
||||
|
||||
interface YTNavigationEndpoint {
|
||||
browseEndpoint?: YTBrowseEndpoint
|
||||
signInEndpoint?: any
|
||||
watchEndpoint?: YTWatchEndpoint
|
||||
}
|
||||
|
||||
interface YTBrowseEndpoint {
|
||||
browseId: string
|
||||
}
|
||||
|
||||
interface YTWatchEndpoint {
|
||||
videoId: string
|
||||
}
|
||||
|
||||
interface YTPageFetchEventData {
|
||||
pageData: {
|
||||
response: YTPageData
|
||||
endpoint: YTNavigationEndpoint
|
||||
}
|
||||
}
|
||||
|
||||
interface YTNavigateEventData {
|
||||
endpoint: YTNavigationEndpoint
|
||||
}
|
||||
47
src/scripts/page/ytTypes/ytPopup.d.ts
vendored
Normal file
47
src/scripts/page/ytTypes/ytPopup.d.ts
vendored
Normal file
|
|
@ -0,0 +1,47 @@
|
|||
interface YTAction {
|
||||
openPopupAction?: YTOpenPopupAction
|
||||
}
|
||||
|
||||
interface YTOpenPopupAction {
|
||||
popupType: YTPopupType,
|
||||
popup: YTPopup
|
||||
}
|
||||
|
||||
interface YTPopup {
|
||||
confirmDialogRenderer?: YTConfirmDialog
|
||||
}
|
||||
|
||||
interface YTConfirmDialog {
|
||||
title: YTMessage
|
||||
dialogMessages: YTMessage[]
|
||||
confirmButton?: YTPopupButton
|
||||
cancelButton?: YTPopupButton
|
||||
}
|
||||
|
||||
interface YTPopupButton {
|
||||
buttonRenderer: {
|
||||
style: YTButtonStyle,
|
||||
size: YTButtonSize,
|
||||
text: YTMessage
|
||||
}
|
||||
}
|
||||
|
||||
interface YTMessage {
|
||||
runs: YTText[]
|
||||
}
|
||||
|
||||
interface YTText {
|
||||
text: String
|
||||
}
|
||||
|
||||
declare const enum YTPopupType {
|
||||
Dialog = "DIALOG"
|
||||
}
|
||||
|
||||
declare const enum YTButtonStyle {
|
||||
BlueText = "STYLE_BLUE_TEXT"
|
||||
}
|
||||
|
||||
declare const enum YTButtonSize {
|
||||
Default = "SIZE_DEFAULT"
|
||||
}
|
||||
96
src/settings/settings.ts
Normal file
96
src/settings/settings.ts
Normal file
|
|
@ -0,0 +1,96 @@
|
|||
class ConfigOption extends HTMLElement {
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
const localizedText = browser.i18n.getMessage(this.i18nMessage);
|
||||
const text = document.createTextNode(localizedText);
|
||||
this.append(text);
|
||||
|
||||
this.addEventListener("change", () => setConfigOption(this.key, this.enabled));
|
||||
this.addEventListener("click", () => this.enabled = !this.enabled);
|
||||
}
|
||||
|
||||
get i18nMessage(): string {
|
||||
return this.getAttribute("msg") as string;
|
||||
}
|
||||
|
||||
get key(): string {
|
||||
return this.getAttribute("key") as string;
|
||||
}
|
||||
|
||||
set enabled(value: boolean) {
|
||||
if (value) {
|
||||
this.setAttribute("enabled", "");
|
||||
this.className = "config-option-enabled";
|
||||
} else {
|
||||
this.removeAttribute("enabled");
|
||||
this.className = "";
|
||||
}
|
||||
|
||||
this.dispatchEvent(new Event("change"));
|
||||
}
|
||||
|
||||
get enabled(): boolean {
|
||||
return this.hasAttribute("enabled");
|
||||
}
|
||||
}
|
||||
|
||||
class ConfigSection extends HTMLElement {
|
||||
constructor() {
|
||||
super();
|
||||
|
||||
const heading = document.createElement("h4");
|
||||
const localizedHeading = browser.i18n.getMessage(this.i18nMessage);
|
||||
const text = document.createTextNode(localizedHeading);
|
||||
heading.className = "config-heading";
|
||||
heading.appendChild(text);
|
||||
|
||||
const enableButton = document.createElement("button");
|
||||
const localizedEnable = browser.i18n.getMessage("enableAllButton");
|
||||
const enableText = document.createTextNode(localizedEnable);
|
||||
enableButton.addEventListener("click", () => this.enabled = true);
|
||||
enableButton.appendChild(enableText);
|
||||
|
||||
const disableButton = document.createElement("button");
|
||||
const localizedDisable = browser.i18n.getMessage("disableAllButton");
|
||||
const disableText = document.createTextNode(localizedDisable);
|
||||
disableButton.addEventListener("click", () => this.enabled = false);
|
||||
disableButton.appendChild(disableText);
|
||||
|
||||
const buttons = document.createElement("div");
|
||||
buttons.className = "config-buttons";
|
||||
buttons.append(enableButton, disableButton);
|
||||
|
||||
this.prepend(heading);
|
||||
this.append(buttons);
|
||||
}
|
||||
|
||||
set enabled(value: boolean) {
|
||||
const options = this.getElementsByTagName("config-option") as HTMLCollectionOf<ConfigOption>;
|
||||
for (const option of options) {
|
||||
option.enabled = value;
|
||||
}
|
||||
}
|
||||
|
||||
get i18nMessage(): string {
|
||||
return this.getAttribute("msg") as string;
|
||||
}
|
||||
}
|
||||
|
||||
async function setConfigOption(key: string, value: any) {
|
||||
browser.storage.sync.set({[key]: value})
|
||||
}
|
||||
|
||||
async function populateOptions() {
|
||||
const config = await browser.storage.sync.get();
|
||||
const options = document.getElementsByTagName("config-option") as HTMLCollectionOf<ConfigOption>;
|
||||
|
||||
for (const option of options) {
|
||||
option.enabled = config[option.key];
|
||||
}
|
||||
}
|
||||
|
||||
window.customElements.define("config-option", ConfigOption);
|
||||
window.customElements.define("config-section", ConfigSection);
|
||||
populateOptions();
|
||||
|
||||
Loading…
Reference in a new issue