GithubHelp home page GithubHelp logo

igorbia / leap Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 140 KB

Chromium extension helping with organizing browser tabs and groups on more than one window.

License: MIT License

JavaScript 77.43% HTML 22.57%
chrome-extension chromium-extension easy-to-use productivity

leap's Introduction

leap

Leap is a chromium extension helping with organizing browser tabs and groups on more than one window.
Currently the extension is avaible on Microsoft Edge and Google Chrome.

Installation

Download the repository to a folder and load the folder to you browser's extensions.

  1. browser://extensions
  2. Load unpacked.
  3. Turn it on.

Usage

Extension pop-up

After clicking on an extension icon pop-up opens. A user can choose a group to which the tab is to be moved.
The tab is current active tab and it is moved to the chosen group, to basically "other" window.
At this point the extension supports two opened windows because the tab is moved to first not-current window but over-two-windows-support is to be developed.

New tabs automatically in active group.

When new tab is opened, it is moved to previous tab's group so if you are in "Basic" group and you open new tab, it is moved to "Basic" group. In combination with Collapsing groups feature it works amazingly well and everything is on its place.

Collapsing groups

On active tab change, the extension gets the tab's groupId and collapses every other group so you can clearly see the most important tabs - current used group's tabs.

Contributing

You can contribute to code, the prefered way is to contact me first and talk about your idea. We'll disscuss it and hopefully colaborate successfully.

License

The project is licensed under MIT LICENSE.

leap's People

Contributors

igorbia avatar

Watchers

 avatar

leap's Issues

TypeError; id is undefined

When moving a tab from one window to another (of course with specified group), an error occurs:

Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'id')
    at background.js:40:61

Despite the error, action is executed properly - it's not a high priority issue but should be fixed.

Config page and file needed

Users should be able to configure groups they want to have.

There should be a page where user sets a list of desired, constant and configurable groups (the same for every browser's window).

TODO:

  1. context-menu (right-click on extension icon)
  2. config page (link in context-menu)
  3. configuration saved to file
  4. adapting old code to new feature (e.g. as many buttons as groups, accurate function calls)

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.