add option to hide yt posts

Author: Snektron

Readme.md

@@ -6,7 +6,7 @@
 [![Extension's Chrome Web Store users](https://img.shields.io/chrome-web-store/users/ankepacjgoajhjpenegknbefpmfffdic?label=Chrome%20Users&logo=google%20chrome)](https://chrome.google.com/webstore/detail/hide-shorts-for-youtube/ankepacjgoajhjpenegknbefpmfffdic)
 [![Licence](https://img.shields.io/github/license/Vulpelo/hide-youtube-shorts)](https://github.com/Vulpelo/hide-youtube-shorts/blob/master/LICENCE.md)
 
-Firefox add-on that hides YouTube-shorts videos from home page, subscriptions and search results. 
+Firefox add-on that hides YouTube-shorts videos from home page, subscriptions and search results.
 Also allows you to hide "Shorts" tab.
 
 ## Features
@@ -20,6 +20,7 @@ Also allows you to hide "Shorts" tab.
 - Hiding live videos (experimental, off by default)
 - Hiding 'Upcoming' videos (experimental, off by default)
 - Redirect shorts to original video player (experimental, off by default)
+- Hiding posts (experimental, off by default)
 
 ## Installation
 
@@ -33,7 +34,7 @@ Prepare files for chrome and firefox versions by running `npm run prepare` comma
 
 You can also run `npm run zip` command to prepare and create zip archives for both chrome and firefox versions. Both will be placed in `./build` directory
 
-### Firefox 
+### Firefox
 
 Add the Add-on temporarily:
 1. In Firefox browser go to the debugging page by typing in url <b>[about:debugging#/runtime/this-firefox](about:debugging#/runtime/this-firefox)</b>
@@ -54,7 +55,7 @@ Add the Add-on manually:
 
 # FAQ
 - Going "Back" in navigation again redirects tab to the original video player
-    - Chrome and Firefox on Android don't support [loadReplace option](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/update), meaning that clicking "Back" button will direct to the original video URL (not the page from which video was clicked on). This will then again redirect the page. You can click and hold the back button to display list of previous pages and select desired page from here. 
+    - Chrome and Firefox on Android don't support [loadReplace option](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/tabs/update), meaning that clicking "Back" button will direct to the original video URL (not the page from which video was clicked on). This will then again redirect the page. You can click and hold the back button to display list of previous pages and select desired page from here.
 - After addon installation shorts are still visible on youtube's page
     - It is also required to refresh the youtube's page in order for the scripts to load.
 - After a while youtube starts slowing down

_locales/en/messages.json

@@ -1,7 +1,7 @@
 {
     "extensionName": {"message": "Hide shorts for Youtube™"},
     "extensionDescription": {"message": "Hides shorts from YouTube™ from home page, subscriptions and search results."},
-    
+
     "cfg_hide_videos": {"message": "Hide Shorts videos"},
     "cfg_hide_tab": {"message": "Hide Shorts tab"},
     "cfg_hide_notifications": {"message": "Hide Shorts notifications"},
@@ -10,7 +10,7 @@
     "setting_experimental_text": {"message": "Experimental"},
     "settings_hiding_on_text": {"message": "Hiding on"},
     "settings_performance_text": {"message": "Performance"},
-    
+
     "cfg_hide_videos_home": {"message": "Home page"},
     "cfg_hide_videos_subscription": {"message": "Subscriptions page"},
     "cfg_hide_videos_search": {"message": "Search page"},
@@ -27,5 +27,6 @@
 
     "cfg_hide_live_videos": {"message": "Hide Live videos"},
     "cfg_hide_upcoming_videos": {"message": "Hide 'Upcoming' videos"},
-    "cfg_shorts_in_original_video_player": {"message": "Redirect to original video player"}
+    "cfg_shorts_in_original_video_player": {"message": "Redirect to original video player"},
+    "cfg_hide_posts": {"message": "Hide posts"}
 }

src/main.js

@@ -17,6 +17,8 @@ let hidingShortsTimeoutTimeMs = 500;
 let hidingShortVideosActive = false;
 let hidingShortVideosTimeSeconds = 20;
 
+let hideYTPosts = false
+
 const isMobile = location.hostname == "m.youtube.com";
 
 const hidingShortsOnPathNames = {
@@ -42,12 +44,14 @@ const REST_SHORTS_CONTAINERS_TAG = isMobile ? [
 	["ytm-grid-video-renderer"],
 	// videos on Search page and Video page
 	["ytm-video-with-context-renderer"],
+	// posts
+	["ytm-backstage-post-thread-renderer"],
 ].join(",") : [
 	// shelf containing multiple shorts on Search page
 	["ytd-reel-shelf-renderer"],
-	// extendable shelf with shorts on Search page 
+	// extendable shelf with shorts on Search page
 	["grid-shelf-view-model"],
-	// shelf containing multiple shorts on Home page 
+	// shelf containing multiple shorts on Home page
 	["ytd-rich-shelf-renderer"],
 	// container of videos on home/subscription page (so far only for shorts)
 	["ytd-rich-grid-group"],
@@ -64,10 +68,11 @@ const REST_SHORTS_CONTAINERS_TAG = isMobile ? [
 /* ON MOBILE */
 // videos in ytm-rich-section-renderer on Home page
 const mHidingVideoRenderer = new HidingShortsWithContainer("ytm-shorts-lockup-view-model", "ytm-rich-section-renderer");
+const MOBILE_POSTS_RENDERER = "ytm-backstage-post-thread-renderer";
 
 /* ON DESKTOP */
 const dRearrangeVideosInGrid = new RearrangeVideosInGrid();
-// hiding videos on Search page, videos in list mode on subscription page 
+// hiding videos on Search page, videos in list mode on subscription page
 const dHidingVideoRenderer = new HidingShortsWithContainer("ytd-video-renderer", "ytd-shelf-renderer");
 // hiding videos on subscription page in list mode
 const dHideVideoRendererSubscriptionPage = new HidingShortsWithContainer("ytd-video-renderer", "ytd-item-section-renderer");
@@ -178,6 +183,11 @@ function loadVariables(value) {
 	if (value.hidingUpcomingVideosActive === true)
 		hidingVideoTypes.push(UPCOMING)
 
+	if (value.hidingPostsActive == undefined)
+		chrome.storage.local.set({ hidingPostsActive: hideYTPosts });
+	else
+		hideYTPosts = value.hidingPostsActive;
+
 	if (value.hideYTShortsVideos == undefined)
 		chrome.storage.local.set({ hideYTShortsVideos: hideYTShortsVideos });
 	else
@@ -247,6 +257,7 @@ function setup() {
 		loadVariables(value);
 
 		combinedSelectorsToQuery = REST_SHORTS_CONTAINERS_TAG;
+
 		if (isMobile) {
 			combinedSelectorsToQuery += "," + mHidingVideoRenderer.elementTagName
 			hideShortsCallbackInner =
@@ -438,8 +449,11 @@ function hideNonShorts(element) {
 		hideVideoIfBelowLength(element, hidingShortVideosTimeSeconds)
 	}
 	// Hide videos of type
-	if (hidingVideoTypes.length > 0)
+    if (hidingVideoTypes.length > 0)
 		hideVideoIfOfType(hidingVideoTypes, element)
+
+	if (element.tagName.toLowerCase() == MOBILE_POSTS_RENDERER)
+		hideElement(hideYTPosts, element);
 }
 
 function hideVideoIfOfType(types, element) {

src/menu/popup.html

@@ -18,7 +18,7 @@ <h2>Hide Youtube-Shorts</h2>
             <legend id="settings_text">
                 Options
             </legend>
-    
+
             <label class="setting">
                 <input type="checkbox" id="hideYTShortsVideosInput">
                 <span id="hide_videos_text" class="switchLabel" title="">
@@ -147,6 +147,13 @@ <h2>Hide Youtube-Shorts</h2>
                                 Redirect original video player
                             </span>
                         </label>
+                        <br>
+                        <label class="setting">
+                            <input type="checkbox" id="hidingPostsCheckbox">
+                            <span id="hide_posts_text" class="switchLabel">
+	                            Hide posts
+                            </span>
+                        </label>
                     </fieldset>
                 </div>
             </div>
@@ -165,4 +172,4 @@ <h2>Hide Youtube-Shorts</h2>
         <script src="permissions.js"></script>
         <script src="popup.js"></script>
     </body>
-</html>
+</html>

src/menu/popup.js

@@ -54,7 +54,7 @@ window.onload = function () {
             chrome.storage.local.set({ hideYTShortsVideosOnChannelPage: e.target.checked });
         })
 
-        // close button for shelf on subscription page 
+        // close button for shelf on subscription page
         const subscriptionShelfCloseButtonInputCheckbox = document.getElementById("subscriptionShelfCloseButtonInputCheckbox");
         if (value.subscriptionShelfCloseButton != undefined)
             subscriptionShelfCloseButtonInputCheckbox.checked = value.subscriptionShelfCloseButton;
@@ -126,6 +126,15 @@ window.onload = function () {
         hidingUpcomingVideosInputCheckbox.addEventListener("input", function (e) {
             chrome.storage.local.set({ hidingUpcomingVideosActive: e.target.checked });
         })
+
+        // hiding posts
+        const hidingPostsCheckbox = document.getElementById("hidingPostsCheckbox");
+        if (value.hidingPostsActive != undefined)
+            hidingPostsCheckbox.checked = value.hidingPostsActive;
+        hidingPostsCheckbox.addEventListener("input", function (e) {
+            chrome.storage.local.set({ hidingPostsActive: e.target.checked });
+        })
+
     });
 
     // Set language
@@ -153,6 +162,7 @@ window.onload = function () {
     document.getElementById("hide_live_videos_text").textContent = chrome.i18n.getMessage("cfg_hide_live_videos");
     document.getElementById("hide_upcoming_videos_text").textContent = chrome.i18n.getMessage("cfg_hide_upcoming_videos");
     document.getElementById("shorts_in_original_video_player_text").textContent = chrome.i18n.getMessage("cfg_shorts_in_original_video_player");
+    document.getElementById("hide_posts_text").textContent = chrome.i18n.getMessage("cfg_hide_posts");
 
     // version
     let manifestData = chrome.runtime.getManifest();