Status Bar Command Tasks Extension

This VS Code extension adds a customizable status bar item with a dropdown menu of useful project commands. You can run common tasks, audits, reports, and even add your own custom shell commands directly from the status bar or via keyboard shortcuts.

Features

• Status bar menu for quick access to project commands
• Run shell commands in a terminal with one click
• Add your own commands dynamically (no code changes required)
• Assign keyboard shortcuts to any command via VS Code's keybindings

Installation

From VSIX File

1. In VS Code, open the Command Palette (Cmd+Shift+P or Ctrl+Shift+P).
2. Run Extensions: Install from VSIX... and select your .vsix file.

Available Commands

Menu Commands:

• 🔄 Rebase Current Branch: Rebase your current branch onto main
• 📦 Check Package Updates: Check for outdated npm packages
• 🔒 Security Audit: Run npm audit for vulnerabilities
• 🐘 Large File Check: List large JS/TS files (>100KB)
• ☂️ Run Code Coverage: Run tests with coverage and open the coverage report
• 🎭 Run Playwright tests against git config: Build and run Playwright tests with git action config
• 📅 Quick Monthly Report: Show a quick monthly project report
• $(rocket) Dev + Playwright Codegen: Run dev server and Playwright codegen
• $(gear) Open Settings: Configure extension settings
• $(refresh) Refresh Commands: Reload the command list
• Any custom commands you add (see below)

How to Add a New Command

You can add new commands to the status bar menu without editing any code:

1. Open the Command Palette (Cmd+Shift+P or Ctrl+Shift+P).
2. Run Add Status Bar Command.
3. Enter the command label (display name). Use https://microsoft.github.io/vscode-codicons/dist/codicon.html for icons.
4. Enter an optional description.
5. Enter the shell command to run (e.g., npm run test:coverage && open ./coverage/index.html).

Your new command will appear in the status bar menu and can be run like any other command.

Keyboard Shortcuts

The default keyboard shortcuts are:

Show Command Menu: (Opens the status bar command menu when the editor is focused.)

Windows/Linux: Ctrl+Shift+s

Mac: Cmd+Shift+s

Add Status Bar Command: (Opens the prompt to add a new custom command when the editor is focused.)

Windows/Linux: Ctrl+Shift+a

Mac: Cmd+Shift+a

You can change these shortcuts in your workspace or user settings using VS Code’s Keyboard Shortcuts UI.

Assigning Shortcuts

You can assign keyboard shortcuts to any command (including your custom ones) using VS Code's Keyboard Shortcuts UI (Preferences: Open Keyboard Shortcuts).

1. Open the Command Palette (Cmd+Shift+P or Ctrl+Shift+P).
2. Run Preferences: Open Keyboard Shortcuts.
3. Search for your command (e.g., statusBarCommands.showMenu).
4. Click the pencil icon next to the command and set your desired shortcut.

Changing or Removing Shortcuts

• To change a shortcut, repeat the steps above and assign a new key combination.
• To remove a shortcut, click the trash icon next to the command in the Keyboard Shortcuts UI.
• You can also edit your keybindings.json directly for advanced customization.

Contributions

Love this extension? Star us and buy me a coffee

Want to make this extension even more awesome? Send us your wish.

Hate how it is working? Raise an issue.