DigitalOcean Droplet Cost Badge

WHAT IT DOES This userscript adds real-time cost visibility to your DigitalOcean droplet list. It reads droplet data from the page—including name, size/plan, hourly cost, and uptime—then calculates estimated monthly costs and cost-to-date for each droplet. A color-coded badge appears on each droplet row showing the estimated monthly cost and cost-to-date: green for low-cost ($100/mo). A summary panel shows total monthly cost across all droplets, average cost per droplet, and total cost-to-date. A cost distribution breakdown shows how many droplets fall into each cost category with percentages. This is invaluable for cloud administrators, DevOps engineers, and finance teams who need to monitor cloud spending, identify cost anomalies, and optimize infrastructure costs. WHERE IT RUNS The script runs on all DigitalOcean web application pages at *.digitalocean.com/*, with automatic detection of droplet list pages, the main dashboard, and any page displaying droplet information. It works across all DigitalOcean interfaces by using multiple selector strategies to find droplet rows, names, sizes, statuses, and uptime information. The script detects dynamic content loading and re-applies cost badges when the droplet list updates. It runs across the entire DigitalOcean domain, ensuring coverage whether you're viewing your main droplet dashboard, a specific project's droplets, or the billing overview. HOW TO USE Install the script via the BotGentz extension and navigate to your DigitalOcean droplet list. Cost badges will appear automatically on every droplet row. Each badge shows the estimated monthly cost and cost-to-date, with a color-coded background indicating the cost category. The summary panel appears above your droplet list showing total monthly cost, average cost per droplet, and total cost-to-date across all droplets. A cost distribution breakdown shows counts and percentages by cost category. Use the panel controls to customize your experience: toggle cost badges on or off, show or hide the summary panel, enable or disable cost-to-date display, or show or hide monthly cost estimates. The "Refresh" button manually reapplies all cost badges if the page updates, and the "Copy summary" button exports the cost summary to your clipboard for reporting. THE MECHANISM - DATA EXTRACTION, COST CALCULATION, AND VISUAL SUMMARIZATION This script identifies droplet data by scanning each droplet row using a cascading selector strategy. It extracts droplet names from name elements, size/plan information from size elements, and uptime from age or created date elements. Hourly costs are determined by looking up the droplet size in a pricing map that covers all DigitalOcean droplet plans (Basic, General Purpose, CPU-Optimized, Memory-Optimized, and Premium). When the size cannot be matched, the script attempts to extract the cost from visible price elements on the page. Monthly cost is calculated as hourly cost × 24 hours × 30 days. Cost-to-date is calculated as hourly cost × uptime hours (with uptime parsed from relative time strings). The badge is created as a DOM element with inline styles and inserted into the droplet name cell. The summary panel aggregates costs across all droplets and calculates distribution percentages. THE PANEL The control panel appears as a floating, draggable element that you can position anywhere on the DigitalOcean page. Drag by the header to reposition it, and the position is saved per site using GM_setValue so it stays where you left it across sessions. Release the panel near any edge and it snaps into place, keeping your workspace organized. Click the panel header to collapse it into a small bubble showing only the money emoji (💰), minimizing distraction while keeping controls accessible. Drag from the bubble to restore the full panel. The panel automatically resizes to fit its content and includes all setting toggles, action buttons, and a cost legend. Press the Escape key to quickly collapse the panel to its minimized state. The panel remains visible across page navigation within DigitalOcean, with cost badges updating automatically as you move between views. PLEASE NOTE This script requires the free BotGentz extension to function. It is designed for DigitalOcean users who need to monitor cloud infrastructure costs. The script reads only visible droplet data from the DOM—it does not access DigitalOcean's API, your account credentials, or any sensitive information. All settings (badge visibility, summary toggle, cost-to-date toggle, monthly estimate toggle, and panel position) are stored locally using GM_setValue and never leave your browser. The script does not modify your DigitalOcean data—it only reads and visualizes visible information. Cost estimates are based on standard DigitalOcean pricing and uptime calculations; actual billing may vary based on discounts, credits, or regional pricing. If DigitalOcean updates its website structure or pricing, the script may need to be updated to match new selectors or rates. The cost-to-date calculation requires uptime information; if uptime is not available, cost-to-date will not be displayed.