chrome-extension-tools
Build cross-browser extensions with native HMR and zero-config setup
Learn how the CRXJS Vite plugin seamlessly integrates with Vite's build system using standard hooks. Optimize your Chrome extension development without altering Vite's core.
Understanding the manifest.ts File in CRXJS: Purpose, Structure, and Type SafetyExplore the CRXJS manifest.ts file for strongly-typed Manifest V3 schemas. Get compile-time validation and IDE autocomplete for your Chrome extension manifests.
How the CRXJS Plugin Dynamically Generates and Handles Resource URLs for Chrome ExtensionsDiscover how the CRXJS plugin dynamically generates and handles resource URLs for your Chrome extension. Learn about automatic conversion of dependencies and runtime URL injection.
Content Script HMR System Architecture in CRXJS: A Technical Deep DiveExplore the CRXJS content script HMR system architecture. Learn how it achieves hot module replacement for Chrome extensions using a three-layer pipeline and Vite integration.
How CRXJS Handles Multi-Browser Support: Building Chrome and Firefox Extensions with One ConfigLearn how CRXJS simplifies building Chrome and Firefox extensions. Discover its multi-browser support features for manifest background scripts and more.
How Content Script HMR Loaders Enable Hot Module Replacement in Chrome ExtensionsLearn how crxjs content script HMR loaders enable hot module replacement in Chrome extensions. Instantly update modules without full reloads.
How CRXJS Vite Plugin Performs Manifest Version Validation During BuildLearn how the CRXJS vite plugin validates manifest version 3 during build. Ensures compliance and prevents errors early in development for Chrome extensions.
CRXJS Vite Plugin vs Rollup Plugin: Key Architectural and Functional DifferencesExplore CRXJS Vite plugin vs Rollup plugin differences. vite-plugin offers HMR & virtual modules for development, while rollup-plugin is build-time focused for manifest generation.
Build-Time Process for Registering Content Scripts in Chrome Extension ManifestsUnderstand the build-time process for registering content scripts in Chrome extensions. Learn how crxjs manifest plugin transforms source paths to hashed filenames for efficient bundling.
How the crx() Function Composes and Manages Sub-Plugins in CRXJSDiscover how the crx() function in CRXJS orchestrates and manages sub-plugins for efficient Chrome extension builds. Learn its role in composing specialized Vite plugins for build concerns.
What Role Does RxJS Play in the CRXJS File Writer System?Discover RxJS's crucial role in the CRXJS file writer system. See how RxJS provides the reactive event backbone for synchronizing Vite, Rollup, and Chrome extension runtime via observable streams.
How CRXJS Handles HTML Inline Scripts in Vite for Chrome ExtensionsLearn how CRXJS handles inline scripts in Vite for Chrome extensions. Discover the internal workings of plugin-htmlInlineScripts for Manifest V3 CSP compliance.
Have a question about this repo?
These articles cover the highlights, but your codebase questions are specific. Give your agent direct access to the source. Share this with your agent to get started:
curl -s "https://instagit.com/install.md" Maintain an open-source project? Get it listed too →