update : add remove recommendation bar in the video page

Author: royaly-dev

content.js

@@ -10,8 +10,24 @@ const observeAndRemoveElements = () => {
     for (let mutation of mutationsList) {
       for (let node of mutation.addedNodes) {
         if (node instanceof HTMLElement) {
-          if (node.matches("#shorts-container, ytd-rich-grid-renderer")) {
-            node.remove()
+          // Utilisez directement l'ID pour obtenir l'élément
+          const secondaryElement = document.getElementById("secondary");
+          const primaryElement = document.querySelector("ytd-rich-grid-renderer");
+          const shortElement = document.getElementById("shorts-container");
+          if (secondaryElement) {
+            secondaryElement.remove();
+            const video = document.querySelector('video')
+            const videoc = document.querySelector('ytd-watch-flexy')
+            if (video) {
+              video.style.borderRadius = '10px'
+              videoc.style.overflowY = 'hidden'
+            }
+          }
+          if (primaryElement) {
+            primaryElement.remove();
+          }
+          if (shortElement) {
+            shortElement.remove();
           }
         }
       }
@@ -21,22 +37,24 @@ const observeAndRemoveElements = () => {
   observer.observe(document.body, { childList: true, subtree: true });
 };
 
-window.addEventListener("load", () => {
+
+
+
+window.addEventListener("DOMContentLoaded", () => {
   chrome.storage.sync.get(['removeYtdBrowse', 'msg'], (result) => {
     if (result.removeYtdBrowse === true) {
-      removeElement("#shorts-container");
-      removeElement("ytd-rich-grid-renderer");
-      const y = document.querySelector('ytd-two-column-browse-results-renderer')
-      const t = document.createElement('h1')
+      observeAndRemoveElements()
+      const t = document.createElement('h1');
       t.style.textAlign = "center";
       t.style.width = "100%";
       t.style.color = "#fff";
       t.style.fontSize = '40px';
-      t.innerHTML = `${result.msg}`
-      y.append(t)
-      observeAndRemoveElements();
+      t.innerHTML = `${result.msg}`;
+      const y = document.querySelector('ytd-two-column-browse-results-renderer');
+      console.log(y)
+      y.append(t);
     } else if (result.removeYtdBrowse === false) {
-        
+
     }
-});
+  });
 });

manifest.json

@@ -1,7 +1,7 @@
 {
   "manifest_version": 3,
   "name": "disable youtube",
-  "version": "0.0.2",
+  "version": "0.0.3",
   "description": "an extention to delete youtube home page and youtube short",
   "permissions": [
     "activeTab",

readme.MD

@@ -15,12 +15,7 @@
 
 ### ⚙️ Installation
 
-- step 1 : `Go to https://github.com/royalygames/youtube-home-remove/releases and download the last version of the extention`
-- step 2 : `Go to extention in your chrome browser`
-- step 3 : `Active developer mode`
-- step 4 : `Now click on Load unpacked`
-- step 5 : `Selcte the folder of the extentionand`
-- step 6 : `now on youtube you don't see any more home and short !`
+- install: `go to extention in your chrome browser, active developer mode, now click on Load unpacked, selcte the folder of the extention, and now on youtube you don't see any more home and short !`
 
 ---
 
@@ -41,6 +36,11 @@
 
 ### 📜 ChangeLog
 
+```diff
+v0.0.3 ⋮ 08/11/2023
+! remove the recommendation bar in the video page
+```
+
 ```diff
 v0.0.2 ⋮ 08/11/2023
 ! add a checkbox to enable and disable the extention whith the extention popup
@@ -55,4 +55,4 @@ v0.0.1 ⋮ 30/10/2023
 
 ---
 
-<p>ReadMe By https://github.com/imvast</p>
+<p>ReadMe By https://github.com/imvast</p>