Universal Form Autosave Indicator

WHAT IT DOES

Universal Form Autosave Indicator protects your form data by automatically saving it as you type, with clear visual status indicators so you always know if your work is safe. The script detects form inputs on any website and displays a visible badge showing the current save status: green for saved, yellow for saving, red for unsaved, and blue for restored from backup. When you type in a form field, the script detects the change and triggers an autosave to local storage using GM_setValue. A progress bar shows your form completion percentage, helping you track how much of the form you've filled out. The script provides a restore button to recover the last saved version of your form data. It warns you if you try to leave the page with unsaved changes, preventing accidental data loss. You can configure the autosave interval and how many backup versions to keep.

WHERE IT RUNS

This script runs on every website (matching all URLs), detecting forms and form inputs across the entire web. It works on registration forms, contact forms, applications, checkout pages, content management systems, and any other page with form inputs. The script automatically adapts to each page and supports dynamic forms added after page load.

HOW TO USE

After installing through the BotGentz extension, simply navigate to any page with a form. The script automatically detects the form and begins monitoring your inputs. Use the configuration panel to customize your experience: toggle the autosave indicator on or off, set the autosave interval in seconds, configure the maximum number of backups to keep, choose the backup scope (page-specific, site-wide, or global), enable or disable restore on load, and turn unsaved change warnings on or off. The panel displays real-time statistics including backup count and latest backup age. Use the "Save Now" button to manually trigger a save, "Restore Last Backup" to recover saved data, or "Clear Backups" to remove all stored backups.

DOM-BASED FORM DETECTION WITH EVENT-DRIVEN AUTOSAVE ENGINE

This script implements a comprehensive form monitoring system using DOM detection and event-driven architecture. The detection engine scans for form elements using multiple strategies, including CSS selectors for form tags and dynamic mutation observation for forms added after page load. For each detected form, the script attaches input and change event listeners to every input, select, and textarea element, skipping password, hidden, and file fields for security. The autosave engine uses a debounced change detection system that triggers a save operation after a configurable interval. The storage engine supports three backup scopes (page, site, global) with configurable backup limits, using GM_setValue for persistent local storage. The restore engine can recover the latest backup on page load or on demand. The before-unload warning system intercepts page navigation attempts and checks for unsaved changes.

THE PANEL

The configuration panel is fully draggable and remembers its position per-site using GM_setValue. It snaps to screen edges when dragged near them, collapses to a compact bubble when minimized, and supports Escape key for quick collapse. All settings—including indicator visibility, autosave interval, backup limits, scope, restore behavior, and warning preferences—are persisted across sessions.

PLEASE NOTE

This script requires the free BotGentz extension to run. The script runs on all websites and stores form data locally in your browser using GM_setValue. Form data is stored only on your device and is never transmitted to any external server. The script does not access password, hidden, or file input fields. The script cannot restore data across different browsers or devices. Always use the script as a convenience tool, not as a replacement for proper form submission. This tool is designed to help prevent data loss and is provided for educational purposes only.