API Status Bubbles

Monitor your HTTP endpoints and TCP services with colorful status bubbles right in your VS Code status bar! Perfect for tracking local development servers, APIs, databases, and remote services.

Features

• 🟢 Real-time monitoring of HTTP/HTTPS endpoints and TCP ports
• 🔴 Visual status indicators with colored orbs in the status bar
• 🟡 Configurable check intervals for each service
• 🔧 Easy setup with smart URL detection
• 📍 Local and remote service monitoring
• 💾 Multiple service types: APIs, databases, Redis, and more

Quick Start

1. Install the extension
2. Open VS Code Settings (Cmd+, or Ctrl+,)
3. Search for "API Status Bubbles"
4. Configure your routes

Configuration Examples

{
  "apiStatusBubbles.routes": {
    "Local Server": {
      "url": "localhost:3000",
      "type": "http",
      "interval": 5000
    },
    "Production API": {
      "url": "https://api.myapp.com/health",
      "type": "http",
      "interval": 30000
    },
    "My local DB": {
      "url": "localhost:5432",
      "type": "tcp",
      "interval": 15000
    }
  }
}

Configuration Options

Status Indicators

• 🟢 Green: Service is online and responding
• 🔴 Red: Service is offline or unreachable
• 🟡 Yellow: Currently checking the service

URL Formats

HTTP Monitoring

• localhost:3000 → Auto-prefixed to http://localhost:3000
• https://api.example.com/health → Used as-is
• api.myapp.com → Auto-prefixed to http://api.myapp.com

TCP Monitoring

• localhost:5432 → Direct TCP connection check
• redis.example.com:6379 → Remote TCP connection check

Commands

• Configure API Routes: Opens settings to configure your monitoring routes

Requirements

• VS Code 1.104.0 or higher

Release Notes

1.0.0

• Initial release
• HTTP/HTTPS endpoint monitoring
• TCP port monitoring
• Configurable check intervals
• Auto-prefixing for HTTP URLs
• Status bar integration

Enjoy monitoring your services! 🚀-bubbles README