Tabby

Tabby is a simple Firefox extension that allows you to easily switch between different set of tabs and helps you with managing clean working environment.

You can get tabby as firefox addon.

Are you a Mozilla reviewer?

What can it do for me?

It comes in form of simple item in your Firefox's toolbar

Once you have set of tabs you find yourself coming back to often. You just need to name the group and hit the Save button.

Create as many groups as you want:

And you're done. Switching between different groups is just matter of clicking on it's name.

Don't forget that opening group closes all tabs in the current window, so don't get surprised.

Is Tabby useful to me?

It depends. If you don't use Firefox, you will probably be ok without Tabby. But if you do, there is a chance it might be helpful to you.

Give me an example.

Imagine you have three different use-cases when working with your browser.

1. Working environment - Whatever job you do, it might consist of your email client, if you're a developer you will probably have a VCS repository opened, issue tracker and lots of work-related tools.
2. Education - Despite all of your knowledge, you might want to educate yourself even more. This set of tabs might content scientific papers, educational videos, some tool for making notes, etc.
3. Personal - Sometime you will want to spare some time online doing not that much. For these occasions you might want to read news, watch online videos or play some games.

You don't like to have all those tabs mixed together, but it's really clumsy to switch between these tabs without closing them all and then opening again after you're done with your work.

This is where Tabby comes in play. Save opened window as a new group of tabs, name it and never have to worry about forgetting some tab again.

If you are that kind of person who starts his browser and immediately opens certain tabs as usual, tabby might be something you are looking for.

Developing

Tabby is built using VueJS and bundled by webpack.

Docker

Following instructions (most of them) assume, you have node and npm installed. If you use docker, you don't need to install any of those.

Replace npm ... commands with ./cmd.sh npm .... So for example instead of npm install using docker (without node and npm installed) you can run ./cmd.sh npm install. This will use node:carbon-stretch docker image and will run all npm commands inside the container.

This is tested only on Ubuntu (19.04). It should also work on most linux distributions that support docker.

Getting started

1. Clone this repository

    $ git clone [email protected]:DanCharousek/tabby.git
   

2. Install node packages

    $ npm i
    $ ./cmd.sh npm i  # when using docker
   

3. Compile

    $ npm run dev
    $ ./cmd.sh npm run dev  # when using docker
   

   Or use watch, so you don't have to re-compile after every change

    $ npm run watch
    $ ./cmd.sh npm run watch  # when using docker
   

4. Do some magic here...

5. Make sure eslint passes. Otherwise your merge request won't be accepted.

    $ npm run eslint
    $ ./cmd.sh npm run eslint  # when using docker
   

6. Compile for production use

    $ npm run production
    $ ./cmd.sh npm run production  # when using docker
   

7. Compress add-on into archive tabby.zip.

    $ ./cmd.sh release
   

Mozilla reviewers

Instead of getting this repository via git, you should have tabby-source.zip archive that's been created using ./cmd.sh source command.

The same steps apply when compiling the code obtained from this archive as from git repository. Please follow the instructions 2. and 3. from getting started.

For generating code submitted to AMO run npm run production (or ./cmd.sh npm run production if using docker) and then ./cmd.sh release.

This bundles, minifies the source code and creates the final tabby.zip archive.