Add option to hide youtube logo

webosbrew · Aug 10, 2022 · b7e7b4f · b7e7b4f
1 parent af2098e
commit b7e7b4f
Show file tree

Hide file tree

Showing 5 changed files with 20 additions and 3 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -6,6 +6,12 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ## [Unreleased]
 
+## [0.3.2] - 2022/08/11
+
+### Added
+
+- Option to hide YouTube logo (avoid OLED burning)
+
 ## [0.3.1] - 2022/01/27
 
 ### Fixed

diff --git a/assets/appinfo.json b/assets/appinfo.json
@@ -1,6 +1,6 @@
 {
   "id": "youtube.leanback.v4",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "vendor": "My Company",
   "type": "web",
   "main": "index.html",

diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "youtube-webos",
-  "version": "0.3.1",
+  "version": "0.3.2",
   "description": "Youtube App without ADs",
   "main": "index.js",
   "scripts": {

diff --git a/src/config.js b/src/config.js
@@ -7,7 +7,8 @@ const defaultConfig = {
   enableSponsorBlockOutro: true,
   enableSponsorBlockInteraction: true,
   enableSponsorBlockSelfPromo: true,
-  enableSponsorBlockMusicOfftopic: true
+  enableSponsorBlockMusicOfftopic: true,
+  hideLogo: false
 };
 
 let localConfig;

diff --git a/src/ui.js b/src/ui.js
@@ -58,6 +58,7 @@ uiContainer.innerHTML = `
 <label for="__sponsorblock_music_offtopic"><input type="checkbox" id="__sponsorblock_music_offtopic" /> Skip Music and Off-topic Segments</label>
 </blockquote>
 <div><small>Sponsor segments skipping - https://sponsor.ajay.app</small></div>
+<label for="__hide_logo"><input type="checkbox" id="__hide_logo" /> Hide YouTube logo (recommended on OLEDs)</label>
 `;
 
 document.querySelector('body').appendChild(uiContainer);
@@ -128,6 +129,11 @@ uiContainer
     configWrite('enableSponsorBlockMusicOfftopic', evt.target.checked);
   });
 
+uiContainer.querySelector('#__hide_logo').checked = configRead('hideLogo');
+uiContainer.querySelector('#__hide_logo').addEventListener('change', (evt) => {
+  configWrite('hideLogo', evt.target.checked);
+});
+
 const eventHandler = (evt) => {
   console.info(
     'Key event:',
@@ -193,3 +199,7 @@ export function showNotification(text, time = 3000) {
 setTimeout(() => {
   showNotification('Press [GREEN] to open YTAF configuration screen');
 }, 2000);
+
+window.addEventListener("DOMNodeInserted", (evt) => {
+  document.querySelector("ytlr-logo-entity").style.visibility = configRead('hideLogo') ? 'hidden' : 'visible';
+}, false);