Code Monkey home page Code Monkey logo

sort-those-tabs's Introduction

Sort those Tabs

Organizing your Chrome tabs in a large, multi-window browsing session can be a pain. Sort those Tabs makes this process quick and easy.

  • Access all your Chrome windows and tabs from the same page
  • Easily close, transfer, and re-order your Chrome tabs and windows
  • Automatically sort tabs by title or domain name
  • Automatically remove duplicate tabs
  • Apply or reset your changes with the click of a button

Installation

Release Version

Release versions can be downloaded from the Chrome Web Store.

Development Releases

  • git clone this repo or download as ZIP
  • cd into the local repo and execute the following:
$ sudo npm install    # install dependencies
$ ng build            # build
  • Finally, load the newly created dist directory as an unpacked extension in Google Chrome

Built With

Authors

License

This project is licensed under the MIT License; see the LICENSE file for details.

Acknowledgements

sort-those-tabs's People

Contributors

f-jiang avatar

Stargazers

avatar avatar avatar avatar avatar avatar

Watchers

avatar avatar

sort-those-tabs's Issues

To do

Important

  • Hover state for close tab button
  • Set extension favicon
  • In WindowComponent, use animation state variables
  • Prepare for release
    • Update manifest.json, esp. version number
    • Create promotional art and screenshots
      • Logo
      • Screenshots
    • README and store page
  • Code maintenance
    • Remove old comments
    • Remove unused imports
    • Make variable names consistent (e.g., underscore for private members)
    • Function name convention: windows removed, not closed
    • Explicitly state which members are private and which are public
    • No padding for curly braces
    • Reorder member functions
    • Refactor WindowsService.update()
  • Sort tabs by domain name or tab title
  • Remove duplicate tabs
  • When a tab is clicked in the sorting session, bring that Chrome tab into focus
  • At top level, check in other windows for duplicate tabs
  • Select multiple tabs or windows at once
  • Optimize layout
    • Smaller tabs and windows when browser window is small

Nice to have

  • Update Font Awesome to version 5
  • Obtain hi-res favicons for sorting session tabs OR show screenshots of the web page
  • Better error handling (e.g. exceptions)
  • Animations for tab deduplication
  • Periodically reload tab icons
  • Merge windows
  • Layout: lists within grid squares
  • Only show reset and apply button when changes present; change menu bar colour when changes present

Bugs

  • All tab title tooltips disappear after any tab's position within sortable is changed
  • Popup windows (which cannot have more than one tab) show up in the extension. If one tries to interact with this window, the extension crashes and enters an unusable state.

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.