☰

Feedless Facebook

Remove the news feed from Facebook to prevent distraction

  1. // ==UserScript==
  2. // @name       Feedless Facebook
  3. // @author     Adam Novak, miXwui
  4. // @version    1.5
  5. // @description Remove the news feed from Facebook to prevent distraction
  6. // @include    /https?:\/\/www.facebook.com\/*/
  7. // @noframes
  8. // @run-at     document-end
  9. // @grant      none
  10. // @namespace https://greasyfork.org/users/22981
  11. // ==/UserScript==
  12.  
  13. // (C) 2020 Adam Novak, miXwui
  14. // MIT license
  15. // Inspired by the Chrome extension "Feedless Facebook":
  16. // https://github.com/owocki/feedlessfacebook
  17.  
  18. let hackPage = function() {
  19.   let facebook = document.getElementById('facebook');
  20.   if (facebook !== null) {
  21.     // This is a real main Facebook page
  22.  
  23.     const main = facebook.querySelector('[role="main"]');
  24.  
  25.     // Find the newsfeed
  26.     const newsfeed = facebook.querySelector('[role="feed"]');
  27.     
  28.     const hider = document.getElementById('hideFeed')
  29.  
  30.     if (main && newsfeed && !hider) {
  31.       // This is a real main page we haven't done yet
  32.  
  33.       // Create a way to show and re-hide the news feed
  34.       let button = document.createElement('button');
  35.       button.id = 'hideFeed'
  36.       newsfeed.parentNode.insertBefore(button, newsfeed)
  37.       // Define a way to show and hide the news feed
  38.       var feedShown = true
  39.       let toggleFeed = function() {
  40.         if (feedShown) {
  41.           // Hide
  42.           newsfeed.style.display='none';
  43.           button.innerText = '[+] Show Newsfeed';
  44.           feedShown = false;
  45.         } else {
  46.           // Show
  47.           newsfeed.style.display='block';
  48.           button.innerText = '[-] Hide Newsfeed';
  49.           feedShown = true;
  50.         }
  51.       }
  52.       // Toggle the feed when the button is clicked
  53.       button.addEventListener('click', toggleFeed);
  54.       // Actually hide the feed
  55.       toggleFeed();
  56.     }
  57.   }
  58. }
  59.  
  60. hackPage();
  61.  
  62. // Not sure the button disappears without a setTimeout
  63. // A rerender or something is clearing out the added button element
  64. // or something but I'm too lazy to spend the time to figure it out eh
  65. setTimeout(hackPage, 1000);
  66.  
  67.  
  68.