Giter VIP home page Giter VIP logo

clear-space's Introduction

Clear space

Clear space icon

What is Clear Space ?

Clear Space is a chrome extension which helps you to remove distractions from short form video content and focus on the productive things that matter.


Features

  • Blocks YouTube Shorts: blocks the Shorts tab on YouTube and prevent users from getting distracted by short videos.

    Shorts-tab-removed-image

  • Blocks Comments: blocks the comments section on YouTube and prevents you from getting distracted by comments.

  • Blocks Recommendations: This feature blocks the recommendations section on YouTube and prevent users from getting distracted by recommended videos.

    youtube-watch-page

    watch-page-with-clear-space


Installation

Clear space is currently submitted for review on chrome web store and will be available to users soon.

To install Clear Space in your browser, follow the steps mentioned below :

  1. Download zip folder of the repository and extract the file contents.

    Clear-space-zip

  2. Go to chrome://extensions page and turn on developer mode.

  3. Click on load unpacked and select the clear space folder.

    Load Unpacked

  4. Once the extension is installed, you will see the Clear Space icon in the top right corner of your browser.

  5. Tap on the icon and allow the extension to access Youtube.

    extension-loaded-image


What's next for clear-space

  • Making the extension accessible for firefox and support for other major browsers.
  • Increasing functionality for other major social media platforms.

Contributing

All contributions are welcome. Please read our CONTRIBUTING.md for additional help and resources for getting started.

LICENSE

Clear Space is licensed under the MIT License. See the LICENSE file for more information.

clear-space's People

Contributors

llr3v0ll avatar pbelokon avatar santhoshmani1 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

clear-space's Issues

Subscriptions tab is removed from DOM, incorrectly assuming it as shorts tab.

Issue :

The extension's shorts tab removal feature is removing the subscriptions tab from the DOM each time when the page is reloaded.

Current Behaviour

Incorrect-Element-removed.png

Expected Behaviour

Expected-navigation-behaviour.png

Solution

  • In the scripts/main.js file, Add conditional checking to confirm that element will be shorts Tab from the Youtube DOM.
  • Specifying Aria-label / title to the navItems[1] will solve the bug.

Add support for Firefox browser to Clear Space

Clear Space is currently only available for the Chrome browser. adding support for the Firefox browser can benefit more users with Clear Space.

Here are some specific tasks that need to be completed to add Firefox support:

  • Update the Clear Space manifest file to include Firefox as a supported browser.
  • Implement the necessary changes to the Clear Space code to work with Firefox.

Expand Clear-space functionality to block instagram reels

New Feature request

  • Clear Space is currently limited to optimise youtube.com only.
  • Add support for clear space to block reels from Instagram.

Steps to be taken

  • Add Instagram.com to host permissions and matches in manifest.json.
  • Modify scripts/background.js to send message to main.js when tab is switched to instagram reels domain
  • catch the message in scripts/main.js and block/redirect from reels by prompting the user.

dedicated static website on redirection from Youtube shorts

Description:

Currently, the Clear Space extension uses a third-party website (example.com) to redirect users away from YouTube Shorts.

The dedicated static website would be very simple. It would simply display a message to the user explaining that they have been redirected away from YouTube Shorts, and provide them with a link to continue to their original destination.

Tasks

  • Create a simple static website with a message explaining that the user has been redirected away from YouTube Shorts, and a link to continue to their original destination.

  • Update the Clear Space extension to redirect users to the dedicated static website instead of example.com.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.