🔥 Deploy Status Extension

A VS Code extension that shows Firebase deployment status, dev server ports, and Firebase emulator controls in the status bar.

Features

🔥 Deploy Status

• Shows fire icon with deployment status
• Tracks commits since last deployment using git tags
• Color-coded: green (deployed), yellow (1-3 behind), red (4+ behind)
• Click to deploy or check detailed status
• Auto-updates every 30 seconds and on file save

🚀 Dev Server Status

• Shows active dev server ports (5173, 5174, 3000, etc.)
• ⚫ Dev - No dev servers running
• 🟢 Dev :5173 - Dev server on port 5173
• 🟡 Dev (2) - Multiple servers (warning!)
• Click to start server or kill all running servers

🔥 Firebase Emulator Status

• ⚪ Emu - Firebase CLI not installed
• ⚫ Emu - Emulators stopped
• 🔥 Emu - Emulators running (shows active ports in tooltip)
• Click to start/stop emulators or open Emulator UI

Status Bar Layout

🔥 Deployed | 🟢 Dev :5173 | 🔥 Emu

Requirements

• Git repository with a 🔥deployed tag for deploy tracking
• Node.js for dev server detection
• Firebase CLI for emulator features (optional)

Platform Support

• ✅ macOS
• ✅ Linux
• ✅ Windows

Installation

From VSIX (Local)

cd deploy-status-extension
npm install -g @vscode/vsce
vsce package
code --install-extension deploy-status-1.2.0.vsix

For Development

1. Open this folder in VS Code
2. Press F5 to run in Extension Development Host

Commands

• 🔄 Refresh All Status - Manually refresh all status indicators
• 🔥 Deploy to Firebase - Open deploy menu
• 🚀 Dev Server Menu - Manage dev servers
• 🔥 Firebase Emulator Menu - Manage emulators

How Deploy Tracking Works

The extension looks for a git tag named 🔥deployed to determine deployment status. Use deploy-with-tracking.mjs to automatically update this tag on successful deployments.

License

MIT