Version History

This release focuses heavily on standardizing the extension brand to FlatGrabber, fixing core display bugs, and deploying complete, rich documentation hubs for developers and designers.

✨ Brand Standardization

• Renamed extension to FlatGrabber in manifest.json name declarations.
• Replaced raw text labels inside popup.html to 🎨 FlatGrabber.
• Updated content script content.js to render FlatGrabber in the injected active panel title block.
• Refactored background console warnings and error logging to prefix with FlatGrabber:.

🐛 Bug Fixes & Rendering Enhancements

• Unicode Character Fix: Hardcoded <meta charset="UTF-8"> inside popup.html and HTML template builders. This fully resolves character encoding mismatch bugs where emojis (like the paint palette or checkmarks) rendered as garbled characters (🎨 or âœ...) on certain browsers.
• Native Popup Navigation: Added popup.js connecting directly to Chrome's native chrome.tabs.create API. Clicking "Open Flaticon Website" in the dropdown now opens the tab cleanly without focus loss or redirection errors.

📚 Documentation Hub & Graphics Deployment

• Created custom visual SVG flowcharts (installation_flow.svg and unlocking_hack_flow.svg) detailing step timelines.
• Created an in-depth [INSTALL.md](INSTALL.md) file compiling cloning steps, Chrome developer mode guidelines, console success checks, and update procedures.
• Created an in-depth [GUIDE.md](GUIDE.md) file detailing the premium unlock hack logic, dynamic colors process, ZIP exporter, and Figma grid parameters.
• Migrated inline landing page styles to a unified, highly optimized [landing.css](landing.css) stylesheet.

Initial stable release of FlatGrabber implementing the core canvas interception engine, the custom Figma clipboard bridge, and active libraries management utilities.

🔌 Core Interceptor Engine

• Implemented the DOM capture-phase listener matrix ({ capture: true }) to block Flaticon's native routing scripts and allow one-click vector node parsing.
• Developed recursive canvas traversal algorithms to extract clean, unwatermarked path data directly from Flaticon's active Icon Editor frame.

📋 Figma HTML Clipboard Bridge

• Developed the custom MIME-type formatter serializing vector codes in text/html structures. Copied vectors now paste in Figma directly as editable coordinate shapes instead of raw code.
• Developed the Figma Grid Compiler to package saved vectors into formatted, structured 2D coordinate matrices for instant design board instantiation.

🎨 Asset Modification & Library Panels

• Developed active DOMParser recoloring processors to change vector color parameters dynamically inside content scripts without math distortion.
• Built dark-mode glassmorphic side-panel components, checkers transparency frames, and offline ZIP compression packaging via JSZip.