{"id":41592680,"url":"https://github.com/makaroni4/focused_youtube","last_synced_at":"2026-01-24T09:35:11.665Z","repository":{"id":41886047,"uuid":"139070621","full_name":"makaroni4/focused_youtube","owner":"makaroni4","description":"Browser extension to be more focused on Youtube. 15000+ users. Supports Chrome, Firefox, Brave and Edge.","archived":false,"fork":false,"pushed_at":"2025-12-21T11:06:34.000Z","size":5747,"stargazers_count":98,"open_issues_count":5,"forks_count":27,"subscribers_count":2,"default_branch":"main","last_synced_at":"2026-01-20T01:38:39.050Z","etag":null,"topics":["brave","chrome-extension","edge","firefox","focus","productivity","youtube"],"latest_commit_sha":null,"homepage":"https://makaroni4.com/focused-youtube","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/makaroni4.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":"CONTRIBUTING.md","funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null,"zenodo":null,"notice":null,"maintainers":null,"copyright":null,"agents":null,"dco":null,"cla":null}},"created_at":"2018-06-28T21:37:16.000Z","updated_at":"2026-01-17T23:00:37.000Z","dependencies_parsed_at":"2023-02-16T01:01:12.025Z","dependency_job_id":"d8f2cd62-4359-460c-9c22-d73b61234e96","html_url":"https://github.com/makaroni4/focused_youtube","commit_stats":null,"previous_names":[],"tags_count":7,"template":false,"template_full_name":null,"purl":"pkg:github/makaroni4/focused_youtube","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/makaroni4%2Ffocused_youtube","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/makaroni4%2Ffocused_youtube/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/makaroni4%2Ffocused_youtube/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/makaroni4%2Ffocused_youtube/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/makaroni4","download_url":"https://codeload.github.com/makaroni4/focused_youtube/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/makaroni4%2Ffocused_youtube/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":286080680,"owners_count":28723366,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2026-01-24T08:27:05.734Z","status":"ssl_error","status_checked_at":"2026-01-24T08:27:01.197Z","response_time":89,"last_error":"SSL_connect returned=1 errno=0 peeraddr=140.82.121.6:443 state=error: unexpected eof while reading","robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":false,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["brave","chrome-extension","edge","firefox","focus","productivity","youtube"],"created_at":"2026-01-24T09:35:11.597Z","updated_at":"2026-01-24T09:35:11.659Z","avatar_url":"https://github.com/makaroni4.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Focused YouTube \u003ca href=\"https://chrome.google.com/webstore/detail/focused-YouTube/nfghbmabdoakhobmimnjkamfdnpfammn\"\u003e\u003cimg width=\"124\" alt=\"Add to Chrome\" src=\"https://user-images.githubusercontent.com/768070/113516074-a1513500-9578-11eb-9eb9-06326003cf66.png\"\u003e\u003c/a\u003e\n\n:mag: **Focused YouTube** (FY) is a browser extension that helps you stay focused by blocking recommendations and other elements on YouTube.\n\n:computer: **Focused YouTube** is available for\n\n* [Chrome](https://chromewebstore.google.com/detail/focused-youtube/nfghbmabdoakhobmimnjkamfdnpfammn)\n* [Brave](https://chromewebstore.google.com/detail/focused-youtube/nfghbmabdoakhobmimnjkamfdnpfammn)\n* [Firefox](https://addons.mozilla.org/en-US/firefox/addon/focused-for-youtube)\n* [Edge](https://microsoftedge.microsoft.com/addons/detail/fkipbhecgloafeodihbhahjnhmainlil)\n\n:cookie: FY **does not track any user data**. It's a simple Vanilla JS application made with only one purpose – to help you avoid YouTube's rabbit hole.\n\n## Table of Contents\n\n- [Focused YouTube ](#focused-youtube-)\n  - [Table of Contents](#table-of-contents)\n  - [Features](#features)\n    - [🏠 Distraction-free YouTube homepage](#-distraction-free-youtube-homepage)\n    - [🔍 Clean search page](#-clean-search-page)\n    - [📺 Noise-free video page](#-noise-free-video-page)\n    - [🌚 Dark mode (depends of your system settings)](#-dark-mode-depends-of-your-system-settings)\n    - [💬 Options to show/hide comments/description](#-options-to-showhide-commentsdescription)\n    - [🔗 Hover over YouTube logo to see the navigation menu](#-hover-over-youtube-logo-to-see-the-navigation-menu)\n    - [📱 Works in mobile browser as well](#-works-in-mobile-browser-as-well)\n  - [Development](#development)\n    - [How to load the extension locally](#how-to-load-the-extension-locally)\n      - [Chrome](#chrome)\n      - [Firefox](#firefox)\n      - [Edge](#edge)\n    - [Debugging storage API](#debugging-storage-api)\n      - [For Chromium browsers (Chrome, Edge, Brave)](#for-chromium-browsers-chrome-edge-brave)\n      - [For Firefox](#for-firefox)\n  - [Testing](#testing)\n  - [Releasing](#releasing)\n  - [Contributing](#contributing)\n  - [Credits](#credits)\n\n## Features\n\n### 🏠 Distraction-free YouTube homepage\n\n\u003cimg width=\"800\" alt=\"home_page\" src=\"https://raw.githubusercontent.com/makaroni4/focused_youtube/main/readme/home_page.png\"\u003e\n\n### 🔍 Clean search page\n\n\u003cimg width=\"800\" alt=\"search_page\" src=\"https://raw.githubusercontent.com/makaroni4/focused_youtube/main/readme/search_page.png\"\u003e\n\n### 📺 Noise-free video page\n\n\u003cimg width=\"800\" alt=\"video_page\" src=\"https://raw.githubusercontent.com/makaroni4/focused_youtube/main/readme/video_page.png\"\u003e\n\n### 🌚 Dark mode (depends of your system settings)\n\n\u003cimg width=\"800\" alt=\"search_page\" src=\"https://raw.githubusercontent.com/makaroni4/focused_youtube/main/readme/home_page_dark.png\"\u003e\n\nBig shout out to [@jakubkloc](https://github.com/jakubkloc) for introducing Dark Mode! :raised_hands:\n\nMake sure to enable Dark Mode in your browser before testing it:\n\nhttps://support.google.com/chrome/answer/9275525?hl=en\u0026co=GENIE.Platform%3DDesktop\n\n### 💬 Options to show/hide comments/description\n\n\u003cimg width=\"800\" alt=\"search_page\" src=\"https://raw.githubusercontent.com/makaroni4/focused_youtube/main/readme/popup.png\"\u003e\n\nBig thank you to [@KParthSingh](https://github.com/KParthSingh) and [@Ohnoimded](https://github.com/Ohnoimded) for adding an option to temporarily disable the extension! :raised_hands:\n\n### 🔗 Hover over YouTube logo to see the navigation menu\n\n\u003cimg width=\"800\" alt=\"search_page\" src=\"https://raw.githubusercontent.com/makaroni4/focused_youtube/main/readme/hover_menu.png\"\u003e\n\n### 📱 Works in mobile browser as well\n\n\u003cimg width=\"800\" alt=\"mobile_version\" src=\"https://raw.githubusercontent.com/makaroni4/focused_youtube/main/readme/mobile_version.png\"\u003e\n\nBig shout out to [@fauzanabrar](https://github.com/fauzanabrar) for making Focused Youtube work in mobile browsers! :raised_hands:\n\n## Development\n\nClone FY's repo to your computer.\n\nYou need to have [`nvm`](https://github.com/nvm-sh/nvm?tab=readme-ov-file#installing-and-updating) installed in order to have [a correct Node version for this project](https://github.com/makaroni4/focused_youtube/blob/main/.nvmrc).\n\nInstall dependencies and run a command to re-build the extension (update files in the `dist_chrome` or `dist_firefox` folder) on any file change:\n\n```bash\n# 1. Install the correct node version.\nnvm install\n\n# 2. Install dependencies.\nnpm install\n\n# 3. Monitor file changes to re-build the extension during development.\nnpm run dev --mode=chrome|firefox|edge\n```\n\n### How to load the extension locally\n\nThe `npm run dev` command will generate a build folder: `dist_chrome`, `dist_firefox` or `dist_edge`. Browser differ slightly in how they load local extensions.\n\n#### Chrome\n\nFor Chrome, load the `dist_chrome` folder as a local extension at [chrome://extensions/](chrome://extensions/) via \"Load unpacked\":\n\n\u003cimg width=\"611\" alt=\"update_extension\" src=\"https://user-images.githubusercontent.com/768070/134963200-aaf3241a-522a-4079-a416-a1b58811a97c.png\"\u003e\n\n:warning: Note, that you'll need to update the extension (by clicking on the update icon) :point_up: every time you want to test the latest version.\n\n#### Firefox\n\nIn Firefox, head over to [about:debugging#/runtime/this-firefox](about:debugging#/runtime/this-firefox) and click on the \"Load Temporary Add-on...\" button on top of the page. :warning: For Firefox, you'll need to select the `focused-youtube-firefox.zip` file instead of the `dist_firefox` folder.\n\n#### Edge\n\nWith Edge, open the [edge://extensions/](edge://extensions/) page and click on the \"Load unpacked\" button on top of the page. :warning: Select the `dist_edge` folder instead.\n\n### Debugging storage API\n\nFocused Youtube extension uses Storage API (see [Storage API for Chrome](https://developer.chrome.com/docs/extensions/reference/api/storage) or [Storage API for Firefox](https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/API/storage)) for keeping track of user settings and some additional data (installation timestamp, etc).\n\n#### For Chromium browsers (Chrome, Edge, Brave)\n\nTo check out current storage data, right click on the extension icon and select \"Inspect pop-up\". In the dev console run:\n\n```js\nchrome.storage.local.get(console.log)\n```\n\nTo clear storage run the following code in the dev console:\n\n```js\nchrome.storage.local.clear(() =\u003e {\n  console.log(\"Cleared!\")\n})\n```\n\n#### For Firefox\n\nHead over to the [about:debugging#/runtime/this-firefox](about:debugging#/runtime/this-firefox) page and click on the \"Inspect\" button next to the \"Focused for YouTube\" extension.\n\n```js\nbrowser.storage.local.get(console.log)\n```\n\nTo clear storage run the following code in the dev console:\n\n```js\nbrowser.storage.local.clear(() =\u003e {\n  console.log(\"Cleared!\")\n})\n```\n\n## Testing\n\nWhen adding a new PR or releasing a new version, make sure the extension works (menu is shown, all distracting sections are hidden + dark mode) on the following pages:\n\n1. [Home page](https://www.youtube.com/).\n2. [Video page](https://www.youtube.com/watch?v=dQw4w9WgXcQ).\n3. [Search results page](https://www.youtube.com/results?search_query=never+gonna+give+you+up).\n4. [Channel page](https://www.youtube.com/@veritasium).\n5. [History page](https://www.youtube.com/feed/history).\n6. [Playlist page](https://www.youtube.com/playlist?list=LL).\n7. [Playlists page](https://www.youtube.com/feed/playlists).\n8. [Subscriptions page](https://www.youtube.com/feed/subscriptions).\n\n## Releasing\n\n1. Bump version in `package.json`.\n\n2. Build extension for all browser platforms:\n\n```\nnpm run build:all\n```\n\n3. Upload zip files to all stores:\n\n```\nbin/publish\n```\n\n## Contributing\n\nYou're more than welcome to contribute. In fact, I'm really looking forward to it! :rocket:\n\nJust make sure to check out the [contribution guidelines](https://github.com/makaroni4/focused_youtube/blob/main/CONTRIBUTING.md). :pray:\n\n## Credits\n\nThe [info icon](https://github.com/makaroni4/focused_youtube/blob/main/src/assets/info_icon.svg) was created by [@Remartwork](https://dribbble.com/remartwork?ref=svgrepo.com) and was taken [from SVG Repo](https://www.svgrepo.com/svg/356331/info-circle).\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmakaroni4%2Ffocused_youtube","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fmakaroni4%2Ffocused_youtube","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fmakaroni4%2Ffocused_youtube/lists"}