https://github.com/pranavkale07/tabout-extension

A browser extension that adds "tab out" functionality to LeetCode's code editor
https://github.com/pranavkale07/tabout-extension

chrome-extension firefox-addon leetcode mozilla-firefox-addon productivity

Last synced: 6 days ago
JSON representation

A browser extension that adds "tab out" functionality to LeetCode's code editor

• Host: GitHub
• URL: https://github.com/pranavkale07/tabout-extension
• Owner: pranavkale07
• License: mit
• Created: 2025-09-03T06:55:57.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2026-05-16T16:44:03.000Z (29 days ago)
• Last Synced: 2026-05-16T18:36:57.722Z (29 days ago)
• Topics: chrome-extension, firefox-addon, leetcode, mozilla-firefox-addon, productivity
• Language: JavaScript
• Homepage: https://chromewebstore.google.com/detail/tabout-for-leetcode/eecmlpblnpechggegghledjledbkebfp
• Size: 678 KB
• Stars: 5
• Watchers: 1
• Forks: 5
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md
  • Contributing: CONTRIBUTING.md
  • License: LICENSE

Awesome Lists containing this project

README

          


![TabOut](src/assets/logos/tabout-icon-128_crp.png)

[![Chrome Web Store](https://img.shields.io/badge/Chrome%20Web%20Store-v0.2.1-green)](https://chromewebstore.google.com/detail/tabout-for-leetcode/eecmlpblnpechggegghledjledbkebfp)

[![Firefox Add-ons](https://img.shields.io/badge/Firefox%20Add--ons-v0.2.0-orange)](https://addons.mozilla.org/en-US/firefox/addon/tabout-extension/)

[![Manifest V3](https://img.shields.io/badge/Manifest-V3-blue)](https://developer.chrome.com/docs/extensions/mv3/)

[![License](https://img.shields.io/badge/License-MIT-yellow.svg)](https://opensource.org/licenses/MIT)

**TabOut** adds intelligent tab-out to various online coding editors. Forget arrow keys — just hit Tab and fly past ) ] } ' " > , ;



## Features

- **Smart tab‑out** for `()`, `[]`, `{}`, `' '`, `" "`, `<>`, commas and semicolons

- **Multiple cursor** support

- **Works across various online coding platforms** (LeetCode, TakeUForward, GeeksForGeeks)

- **Lightweight**: no UI clutter, minimal overhead

- **Privacy-focused**: no data collection, local processing only

## Installation

### Chrome Web Store (Recommended)

[![Install from Chrome Web Store](https://img.shields.io/badge/Install-Chrome%20Web%20Store-4285F4?logo=googlechrome&logoColor=white)](https://chromewebstore.google.com/detail/tabout-for-leetcode/eecmlpblnpechggegghledjledbkebfp)

### Firefox Add-ons (Recommended)

[![Install from Firefox Add-ons](https://img.shields.io/badge/Install-Firefox%20Add--ons-FF7139?logo=firefoxbrowser&logoColor=white)](https://addons.mozilla.org/en-US/firefox/addon/tabout-extension/)

### Manual Installation

#### Firefox

1. Clone this repository

2. Run `npm install && npm run build:firefox`

3. Open `about:debugging` -> "This Firefox"

4. Click "Load Temporary Add-on" -> select `dist/firefox/manifest.json`

#### Chrome/Chromium

1. Clone this repository

2. Run `npm install && npm run build`

3. Open `chrome://extensions` → enable Developer mode

4. Click "Load unpacked" → select the `dist/chrome/` folder

### Controls

- **Popup**: Click the extension icon to quickly enable/disable

- **Options**: Right-click extension → Options for advanced settings

## Privacy & Permissions

### Data Collection

- **No personal data** or code content is collected or transmitted

- **Local processing only** - all tab-out logic runs in your browser

- **Minimal storage** - only user preferences saved locally via browser storage

### Required Permissions

- **Host**: Run only on supported coding platforms to access the editor context

- **Scripting**: Inject a small page script to access editor APIs (Monaco, Ace)

- **Storage**: Save minimal preferences (enable/disable, debug) in browser storage

- **ActiveTab**: Read the active tab's hostname in the popup to display site status (privacy-focused alternative to broad tabs permission)

## Contributing

We welcome contributions! To report bugs, fix issues, or add features, visit the [Issues](https://github.com/pranavkale07/tabout-extension/issues) page. Please review our [Contribution Guide](CONTRIBUTING.md) for setup and contribution instructions.

## Future Enhancements

- **More Platforms**: Support for other coding platforms (HackerRank, CodeChef, etc.)

- **Custom Delimiters**: User-defined tab-out patterns

- **Keyboard Shortcuts**: Customizable key bindings

## Acknowledgments

Special thanks to:

- [TabOut (VS Code Extension)](https://marketplace.visualstudio.com/items?itemName=albert.TabOut) - The VS Code extension that inspired this project

- [Monaco Editor](https://microsoft.github.io/monaco-editor/) - The powerful code editor that powers LeetCode, various online IDEs and VS Code

- [Ace Editor](https://ace.c9.io/) - The code editor that powers GeeksForGeeks and many other platforms

- The open-source community for inspiration and feedback

## License

MIT License - see [LICENSE](LICENSE) file for details.