20 |
21 |
22 | Blocked features
23 |
24 |
25 |
26 |
27 | Blocked sites
28 |
29 |
30 |
31 |
32 |
38 | Clear Space
16 |Clear Space - Site block Manager
16 | 17 | 18 |Blocked websites
32 | 33 |Suggested
38 | 39 |Feed blocked by ClearSpace
101 |Stay focused on your goals!
102 | `; 103 | primaryContent.innerHTML = ''; 104 | primaryContent.appendChild(focusMessage); 105 | } 106 | 107 | // Remove banners and promotional content 108 | const banners = document.querySelectorAll(".ytd-statement-banner-renderer"); 109 | banners.forEach((banner) => { 110 | banner.remove(); 111 | }); 112 | 113 | const dismissibleFeaturedBanner = document.querySelectorAll( 114 | ".ytd-brand-video-shelf-renderer", 115 | ); 116 | dismissibleFeaturedBanner.forEach((banner) => { 117 | banner.remove(); 118 | }); 119 | } 120 | 121 | // If shorts is enabled to be blocked 122 | if (settings.ytShorts) { 123 | const shortsShelfs = document.querySelectorAll("ytd-rich-shelf-renderer"); 124 | console.log(shortsShelfs); 125 | 126 | if (shortsShelfs) { 127 | shortsShelfs.forEach((shelf) => { 128 | console.log(shelf); 129 | shelf.remove(); 130 | }); 131 | console.log("removed shorts shelfs successfully"); 132 | } 133 | 134 | const shortsNavItem = document.querySelector("#endpoint[title='Shorts']"); 135 | if (shortsNavItem && shortsNavItem.getAttribute("aria-label") === "Shorts") { 136 | shortsNavItem.remove(); 137 | console.log("removed shorts nav item successfully"); 138 | } 139 | 140 | const miniShorts = document.querySelector( 141 | '.ytd-mini-guide-entry-renderer[title="Shorts"]', 142 | ); 143 | if (miniShorts) { 144 | miniShorts.remove(); 145 | } 146 | } 147 | 148 | // If subscriptions option is enabled to be blocked 149 | if (settings.ytSubscriptions) { 150 | const subscriptionsNav = document.querySelector("#endpoint[title='Subscriptions']"); 151 | if (subscriptionsNav) { 152 | subscriptionsNav.remove(); 153 | console.log("removed subscriptions nav item"); 154 | } 155 | } 156 | 157 | // Set up a mutation observer to handle dynamically loaded elements 158 | const observer = new MutationObserver((mutations) => { 159 | mutations.forEach(() => { 160 | // Block shorts navigation item if it appears 161 | if (settings.ytShorts) { 162 | const navItems = document.querySelectorAll( 163 | "#items>ytd-guide-entry-renderer", 164 | ); 165 | if (navItems[1] && navItems[1].getAttribute("aria-label") === "Shorts") { 166 | navItems[1].remove(); 167 | } 168 | } 169 | 170 | // Block explore items and promotional links (Not required) 171 | const exploreItems = document.querySelectorAll( 172 | "ytd-guide-entry-renderer", 173 | ); 174 | // remove items from index 21 to last 175 | // Below 21 items are related to Navigation and channel subscriptions 176 | // from index 21 to last are explore items and Promotional links 177 | for (let i = 21; i < exploreItems.length; i++) { 178 | exploreItems[i].remove(); 179 | } 180 | }); 181 | }); 182 | 183 | observer.observe(document.body, { childList: true, subtree: true }); 184 | }); 185 | } 186 | 187 | function blockShortsPage() { 188 | // Check if shorts blocking is enabled 189 | chrome.storage.sync.get(['ytShorts'], (settings) => { 190 | if (settings.ytShorts) { 191 | // Adding time interval to eliminate execution of scripting 192 | // before DOM is completely loaded. 193 | const observer = new MutationObserver((mutations) => { 194 | mutations.forEach(() => { 195 | const shorts = document.querySelector( 196 | "#page-manager > ytd-shorts > div.navigation-container.style-scope.ytd-shorts", 197 | ); 198 | if (shorts) { 199 | shorts.remove(); 200 | document.location.href = "/404"; 201 | observer.disconnect(); 202 | } 203 | }); 204 | }); 205 | 206 | observer.observe(document.body, { childList: true, subtree: true }); 207 | } 208 | }); 209 | } 210 | 211 | function blockReelsPage() { 212 | // Check if reels/shorts blocking is enabled 213 | chrome.storage.sync.get(['igReels'], (settings) => { 214 | if (settings.igReels) { 215 | document.location.href = "src/html/redirect.html"; 216 | } 217 | }); 218 | } 219 | 220 | function handleTwitterPage() { 221 | chrome.storage.sync.get(['twFeed', 'twTrends', 'twNotifications', 'twMessages', 'twLists'], (settings) => { 222 | // Create and insert CSS based on settings 223 | let css = ''; 224 | 225 | if (settings.twFeed) { 226 | css += ` 227 | div[data-testid="primaryColumn"] > div > div {display: none !important;} 228 | div[aria-label="Timeline: Your Home Timeline"] {display: none !important;} 229 | `; 230 | } 231 | 232 | if (settings.twTrends) { 233 | css += ` 234 | div[data-testid="sidebarColumn"] div[aria-label="Trending"] {display: none !important;} 235 | div[data-testid="sidebarColumn"] section[aria-label="What's happening"] {display: none !important;} 236 | `; 237 | } 238 | 239 | if (settings.twNotifications) { 240 | css += ` 241 | a[data-testid="AppTabBar_Notifications_Link"] {display: none !important;} 242 | div[aria-label="Timeline: Notifications"] {display: none !important;} 243 | `; 244 | } 245 | 246 | if (settings.twMessages) { 247 | css += ` 248 | a[data-testid="AppTabBar_DirectMessage_Link"] {display: none !important;} 249 | div[aria-label="Timeline: Messages"] {display: none !important;} 250 | `; 251 | } 252 | 253 | if (settings.twLists) { 254 | css += ` 255 | a[href="/i/lists"] {display: none !important;} 256 | `; 257 | } 258 | 259 | if (css) { 260 | const style = document.createElement('style'); 261 | style.id = 'clear-space-twitter-styles'; 262 | style.innerHTML = css; 263 | document.head.appendChild(style); 264 | } 265 | }); 266 | } 267 | 268 | function handleFacebookPage() { 269 | chrome.storage.sync.get(['fbFeed', 'fbGroups', 'fbMarketplace', 'fbEvents', 'fbStories', 'fbNotifications'], (settings) => { 270 | // Create and insert CSS based on settings 271 | let css = ''; 272 | 273 | if (settings.fbFeed) { 274 | css += ` 275 | div[role="main"] {display: none !important;} 276 | div[data-pagelet="FeedUnit"] {display: none !important;} 277 | `; 278 | } 279 | 280 | if (settings.fbGroups) { 281 | css += ` 282 | a[href^="/groups/"] {display: none !important;} 283 | `; 284 | } 285 | 286 | if (settings.fbMarketplace) { 287 | css += ` 288 | a[href^="/marketplace"] {display: none !important;} 289 | `; 290 | } 291 | 292 | if (settings.fbEvents) { 293 | css += ` 294 | a[href^="/events"] {display: none !important;} 295 | `; 296 | } 297 | 298 | if (settings.fbStories) { 299 | css += ` 300 | div[data-pagelet="Stories"] {display: none !important;} 301 | `; 302 | } 303 | 304 | if (settings.fbNotifications) { 305 | css += ` 306 | a[href^="/notifications"] {display: none !important;} 307 | div[aria-label="Notifications"] {display: none !important;} 308 | `; 309 | } 310 | 311 | if (css) { 312 | const style = document.createElement('style'); 313 | style.id = 'clear-space-facebook-styles'; 314 | style.innerHTML = css; 315 | document.head.appendChild(style); 316 | } 317 | }); 318 | } 319 | 320 | function handleLinkedInPage() { 321 | chrome.storage.sync.get(['liStories', 'liFeed', 'liMessaging', 'liNotifications'], (settings) => { 322 | // Create and insert CSS based on settings 323 | let css = ''; 324 | 325 | if (settings.liStories) { 326 | css += ` 327 | div.stories-container {display: none !important;} 328 | `; 329 | } 330 | 331 | if (settings.liFeed) { 332 | css += ` 333 | div.feed-shared-update-v2 {display: none !important;} 334 | div.scaffold-finite-scroll__content {display: none !important;} 335 | `; 336 | } 337 | 338 | if (settings.liMessaging) { 339 | css += ` 340 | a[href^="/messaging"] {display: none !important;} 341 | li.msg-overlay-list-bubble {display: none !important;} 342 | `; 343 | } 344 | 345 | if (settings.liNotifications) { 346 | css += ` 347 | a[href^="/notifications"] {display: none !important;} 348 | `; 349 | } 350 | 351 | if (css) { 352 | const style = document.createElement('style'); 353 | style.id = 'clear-space-linkedin-styles'; 354 | style.innerHTML = css; 355 | document.head.appendChild(style); 356 | } 357 | }); 358 | } 359 | 360 | function handleInstagramPage() { 361 | chrome.storage.sync.get(['igStories', 'igReels', 'igFeed', 'igExtras'], (settings) => { 362 | // Create and insert CSS based on settings 363 | let css = ''; 364 | 365 | if (settings.igStories) { 366 | css += ` 367 | div[role="menu"] section {display: none !important;} 368 | `; 369 | } 370 | 371 | if (settings.igReels) { 372 | css += ` 373 | a[href="/reels/"] {display: none !important;} 374 | `; 375 | } 376 | 377 | if (settings.igFeed) { 378 | css += ` 379 | article[role="presentation"] {display: none !important;} 380 | `; 381 | } 382 | 383 | if (settings.igExtras) { 384 | css += ` 385 | a[href="/direct/inbox/"] {display: none !important;} 386 | a[href^="/accounts/activity"] {display: none !important;} 387 | div[aria-label="Notifications"] {display: none !important;} 388 | `; 389 | } 390 | 391 | if (css) { 392 | const style = document.createElement('style'); 393 | style.id = 'clear-space-instagram-styles'; 394 | style.innerHTML = css; 395 | document.head.appendChild(style); 396 | } 397 | }); 398 | } 399 | -------------------------------------------------------------------------------- /src/html/blocked-features.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 |
14 |
15 |
18 |
19 |
20 |
21 |
71 |
72 |
123 |
124 |
183 |
184 |
227 |
228 |
271 |
272 |
273 |
279 |
280 |
281 |
282 |
283 |
284 |
--------------------------------------------------------------------------------
Block Distractions
16 |Select features to block on your favorite social media sites to create a more focused environment.
17 |
22 | 
23 |
29 |
70 | YouTube
24 | 28 |
73 | 
74 | Twitter
75 | 79 |
80 |
122 |
125 | 
126 | Facebook
127 | 131 |
132 |
182 |
185 | 
186 | LinkedIn
187 | 191 |
192 |
226 |
229 | 
230 | Instagram
231 | 235 |
236 |
270 |
230 |