Deployment Checklist Overlay

WHAT IT DOES

Provides a structured checklist for managing application deployments and infrastructure changes. The script displays a comprehensive checklist with built-in deployment steps including Pre-Deployment Backup, Maintenance Mode Enabled, Database Schema Updated, Environment Variables Set, Application Code Deployed, Cache Cleared, Services Restarted, Health Check Passed, Monitoring Alerts Configured, Rollback Plan Ready, and Post-Deployment Verification. Each step can be marked complete, and the system tracks when each step was completed with timestamps. You can add notes to any step, add custom steps, and track overall progress with a percentage indicator and visual progress bar. A unique versioning feature allows you to bump the checklist version with each deployment, maintaining an audit trail of changes.

WHERE IT RUNS

Works on all websites (match pattern *://*/*), making it perfect for DevOps dashboards, CI/CD pipelines, cloud console portals, infrastructure management platforms, or any web-based deployment workflow. Each deployment gets its own independent checklist, allowing you to manage multiple deployments simultaneously. The checklist state is saved per deployment identifier, ensuring continuity across sessions and page reloads.

HOW TO USE

Install the script and the deployment checklist appears in the panel. Enter a deployment identifier (e.g., prod-deploy-2024-01, staging-update-12) to associate the checklist with a specific deployment. Work through the deployment steps in order, checking items off as you complete them. Add notes to any step to capture important details like backup locations, database migration hashes, or rollback instructions. Click "Add Step" to add custom steps for your specific deployment process. The progress bar updates in real-time showing completion percentage. View timestamps to see when each step was completed, helping with deployment audit trails. Use the "Bump Version" button to increment the checklist version number, creating a new version of the checklist while preserving existing progress. Use the actions buttons to reset the checklist, complete all steps, or clear completed steps. The script saves your progress automatically as you work.

REAL MECHANISM: DEPLOYMENT-KEYED PERSISTENCE WITH VERSIONING AND TIMESTAMP LOGGING

This script uses a deployment-based storage architecture where each deployment gets its own isolated checklist state. The getDeploymentId() function retrieves the current deployment identifier from GM_setValue or generates a new one. Data is stored using GM_setValue with a key format of "deployment_checklist_" plus the deployment ID, ensuring data isolation between deployments. The data structure includes a steps array where each step has an id, text, completed boolean, completedAt timestamp, and notes string, along with a version number that increments with each deployment. When a checkbox is toggled, the completedAt property is set to Date.now() if checked or null if unchecked, providing precise audit logging for deployment timelines. The renderChecklist() function calculates progress using filter() and length, then renders each step as a flex row with a checkbox, text container, optional timestamp display, and delete button. Timestamps are formatted using toLocaleString() for human-readable display. Notes fields are rendered as input elements that persist notes on blur events. The versioning feature allows users to increment the version number via the "Bump Version" button, which updates the data.version field and re-renders the display without resetting the checklist. The celebration engine triggers when all steps are completed and celebrationEnabled is true, creating 20 animated emoji elements (including 🚀 for launch) with randomized positions, font sizes (16-36px), and animation durations (2-5 seconds) using CSS keyframes, with automatic cleanup after 4 seconds. All operations are reactive, with automatic persistence and UI updates through saveDeploymentData() and re-render.

THE PANEL

Drag the panel anywhere on screen by clicking and holding the header. It snaps to screen edges when released. Collapse it to a small bubble by clicking the minimize button, and expand it back by clicking the bubble. Resize the panel from any corner. Press Escape to close the configuration panel. Your position and size preferences are saved automatically per site.

PLEASE NOTE

This script requires the free BotGentz browser extension which provides the BGPanel framework and storage APIs. All data (steps, notes, timestamps, version numbers, and deployment identifiers) is stored locally in your browser using GM_setValue and never sent anywhere. No analytics, no tracking, no external calls. The script only reads the current deployment identifier to isolate checklists and never accesses user data, passwords, or sensitive information. Checklists are saved per deployment identifier, so ensure you enter a unique identifier for each deployment you manage.