TypeLess - Auto Form Filler

Auto-fill forms with pre-saved profiles

TypeLess — Auto Form Filler is a productivity extension that saves web form data as reusable profiles and fills them back with one click. Designed for developers, testers, shoppers, and anyone who fills forms repeatedly, TypeLess combines intelligent automation with a strict privacy-first design: everything stays on your device. ## 🚀 Core Features **One-Click Form Filling** Select a profile from the floating toolbar and every field fills instantly — text inputs, dropdowns, checkboxes, radio buttons, textareas, and even FineUI / ComboBox dropdowns. No more repetitive typing. **Unlimited Profile Management** Create as many profiles as you need for any scenario — work, personal, shopping, testing. Rename inline with a single ✏️ click from the popup. Drag chips in the toolbar to reorder on the fly. The Profile Manager in the Options page gives you a searchable, centralized view of all profiles with inline editing, per-field controls, and bulk delete. **Smart Fill** The Smart Fill engine detects field types automatically (name, email, phone, address, date, ID number, credit card, and more — with full Vietnamese field name support) and generates realistic mock data on demand. Set up your personal info in Settings → Personal Info for more accurate Smart Fill results. **Focus After Fill** Mark any field as the cursor target for after a profile is applied. Two modes: - ✅ Field saved + 🎯 Focus → value filled and cursor placed there - ❌ Field not saved + 🎯 Focus → value not saved, but cursor still jumps there after fill Useful for fields you always type manually (OTP, CAPTCHA, search query). A blue border means the field is also saved; orange means focus-only. ## 🎨 Toolbar The compact floating toolbar (64 px tall) appears at the bottom of every page: - Profile chips scroll horizontally — click to fill, × to delete - Drag chips left/right to reorder without opening Settings - Save (💾), Smart Fill (⚡), language switcher, minimize, and hide buttons always visible - Title and all labels update instantly when you switch language — no page reload needed ## 🌍 Multi-Language Support - 🇺🇸 English · 🇻🇳 Vietnamese · 🇨🇳 Simplified Chinese · 🇹🇼 Traditional Chinese · 🇯🇵 Japanese · 🇰🇷 Korean The entire UI — toolbar, modal, popup, Options page, notifications, and warning banners — translates live the moment you switch language. ## 🛠️ Advanced Toolkit **Profile Manager (Options → Profiles)** - Search all profiles in real time - Edit any field: label, value, CSS selector, type, focus flag - Add new fields manually with a CSS selector - Drag to reorder (syncs to toolbar) - Delete individual profiles (× button) or Delete All with confirmation **Form Utilities** - **Save HTML** — export the current page's rendered DOM for debugging - **Unlock Right-Click** — remove readonly/disabled on locked inputs; re-enable context menus on sites that block them - **Screenshot** — full-page (scroll & stitch) or visible-area capture; toolbar hides automatically so it never appears in the image **Mobile Emulation** - Switch User-Agent to Android, iOS, macOS, Windows, or Linux presets, or enter a custom string - Simulates touch events and platform detection for accurate mobile form testing **Data Management** - Export to JSON (v1.2 format with metadata: version, export date, profile count) - Import from backup — result shows **added / updated / skipped** counts separately in a clean multi-line dialog - Copy a profile to clipboard; paste it in another tab or on another device **FineUI / ComboBox Support** Detects inputs paired with a hidden `$Value` field (FineUI DDL, ExtJS, custom combo-wrap). Saves both the visible display text and the internal code value; restores both correctly on fill. ## 🏢 Enterprise Deployment Pre-configure profiles for org-wide rollout via `default.json`: 1. Add your profiles to `default.json` (same format as an exported backup) 2. Package and distribute the extension folder 3. Profiles auto-import on every user's first install No internet connection required. Designed for developer-mode / unpacked deployment. ## ⌨️ Keyboard Shortcuts - `Ctrl+Shift+H` / `Cmd+Shift+H` — Toggle toolbar visibility - Additional shortcuts configurable from `chrome://extensions/shortcuts` ## 🔒 Privacy & Security **100% Local Storage** — All profiles and settings are stored exclusively on your device using the browser's built-in `chrome.storage` API. No cloud servers, no telemetry, no tracking of any kind. Your data never leaves your browser. **Security measures:** - 🔒 **AES-256-GCM encryption**: every saved profile is encrypted before writing to `chrome.storage.local`. Key derivation uses PBKDF2-SHA256 at 310,000 iterations (OWASP 2024) with a unique random salt per record. Plaintext field values are never stored. - 🛡️ **Trusted Types API**: a `typeless#html` TrustedTypePolicy is the single chokepoint for all `innerHTML` assignments. User-controlled data (profile names, URLs, field values) is rendered via `DOMBuilder` using `textContent`/`.value` — zero innerHTML for user data. - ⚠️ **Sensitive field warning**: when saving a profile on a page with password/PIN/OTP fields, a warning banner appears in the Save dialog. A single checkbox excludes all sensitive fields from being saved. - No `eval()`, no `new Function()`, no remote code execution - No external `fetch()` calls — only `chrome.runtime.getURL()` for extension-internal resources - `chrome.runtime.onMessage` validates `sender.id === chrome.runtime.id` in every listener - `postMessage` iframe relay validates `event.source` against a known frame hierarchy - JSON import capped at 5 MB with structural validation before any storage write - Notification messages always use `textContent` — never raw `innerHTML` - Content Security Policy: `script-src 'self'; object-src 'none'; base-uri 'none'` **Minimal permissions** — every permission is required for a specific stated feature and nothing else. See the Privacy Policy page inside the extension for the full per-permission breakdown. ## 💡 Use Cases **Developers & Testers** — Fill test forms with realistic data in one click; export HTML snapshots; simulate mobile browsers; use multiple profiles for different test scenarios. **QA Teams** — Generate random but realistic test data on demand; screenshot evidence for bug reports; consistent profiles deployable across the whole team via `default.json`. **Shoppers & Professionals** — Instant checkout with saved address profiles; job applications; registrations across multiple platforms. ## 🚀 Getting Started 1. Install TypeLess and pin it to your browser toolbar 2. Open any web form, fill it in, then click Save (💾) on the TypeLess toolbar 3. Choose the fields to save, name the profile → Save Profile 4. Next time: one click on the profile chip fills the entire form Compatible with Chrome 109+ and Microsoft Edge 109+. Works fully offline. **Current version: 1.0.5**