{"_id":"@anuragsingh12/create-chrome-extension","_rev":"3-f82e867e620bd1c8eaf09f515768b784","name":"@anuragsingh12/create-chrome-extension","dist-tags":{"latest":"1.0.2"},"versions":{"1.0.0":{"name":"@anuragsingh12/create-chrome-extension","version":"1.0.0","keywords":["chrome-extension","boilerplate","generator","cli","react","vue","typescript","npx"],"author":{"name":"Anurag Singh anuragsingh121124@gmail.com"},"license":"MIT","_id":"@anuragsingh12/create-chrome-extension@1.0.0","maintainers":[{"name":"anuragsingh12","email":"anuragsingh121124@gmail.com"}],"homepage":"https://github.com/anurag121124/create-chrome-extension#readme","bugs":{"url":"https://github.com/anurag121124/create-chrome-extension/issues"},"bin":{"create-chrome-extension":"bin/cli.js"},"dist":{"shasum":"eda7a8cc927182060ab5ca427ab2a935773bc0e9","tarball":"https://registry.npmjs.org/@anuragsingh12/create-chrome-extension/-/create-chrome-extension-1.0.0.tgz","fileCount":25,"integrity":"sha512-JLuMs1ahAPklRrcB42QQb7VvhhG5wbDEakGdrBj9VJpxPCXrlbp61UMl7xDJzuge0SMvYCk+rM8NmKjJh76AXg==","signatures":[{"sig":"MEYCIQCnwtsiBFZVbThB/UrZ+BacXfu2+KGD3C++GzGQ/Alc4AIhALgygNDZHxDkHuWIoY0+40EIx77Fnuo7a4WPiHjaMVNA","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":35187},"main":"index.js","engines":{"node":">=14.0.0"},"scripts":{"dev":"node bin/cli.js","test":"jest","build":"echo 'No build step required'","prepublishOnly":"echo 'Skipping tests for now'"},"_npmUser":{"name":"anuragsingh12","email":"anuragsingh121124@gmail.com"},"repository":{"url":"git+https://github.com/anurag121124/create-chrome-extension.git","type":"git"},"_npmVersion":"10.9.0","description":"NPX CLI tool for generating Chrome extension boilerplate with React/Vue support","directories":{},"_nodeVersion":"22.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","fs-extra":"^11.1.1","inquirer":"^8.2.5","mustache":"^4.2.0","commander":"^9.4.1","validate-npm-package-name":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","eslint":"^8.40.0","@types/jest":"^29.5.1"},"_npmOperationalInternal":{"tmp":"tmp/create-chrome-extension_1.0.0_1758741231616_0.7751406232818308","host":"s3://npm-registry-packages-npm-production"}},"1.0.1":{"name":"@anuragsingh12/create-chrome-extension","version":"1.0.1","keywords":["chrome-extension","boilerplate","generator","cli","react","vue","typescript","npx"],"author":{"name":"Anurag Singh anuragsingh121124@gmail.com"},"license":"MIT","_id":"@anuragsingh12/create-chrome-extension@1.0.1","maintainers":[{"name":"anuragsingh12","email":"anuragsingh121124@gmail.com"}],"homepage":"https://github.com/anurag121124/create-chrome-extension#readme","bugs":{"url":"https://github.com/anurag121124/create-chrome-extension/issues"},"bin":{"create-chrome-extension":"bin/cli.js"},"dist":{"shasum":"b2b13e82fd50f726fa2aba2d5cd6f2ce97fa30e5","tarball":"https://registry.npmjs.org/@anuragsingh12/create-chrome-extension/-/create-chrome-extension-1.0.1.tgz","fileCount":74,"integrity":"sha512-zBXwLzV+d3Q3uu4Y3/Ss9CpDhfV+qKp8AQdoKeTdQxVeGscuSbXBrO4K2x+TfZDFxiT5x6KVClfbyaot/J4d9Q==","signatures":[{"sig":"MEUCIEMzV26tIdAVwfRDysxWtHpaoCEEv6eBME0GGCZInCd7AiEA35tOUaz8cL1DQ65bKT+lRwghM7f2YU50OKmZom7yfHU=","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":172844},"main":"index.js","engines":{"node":">=14.0.0"},"gitHead":"57eef52a76ee1c8ddaea3475602157f6dbd9ac7b","scripts":{"dev":"node bin/cli.js","test":"jest","build":"echo 'No build step required'","prepublishOnly":"echo 'Skipping tests for now'"},"_npmUser":{"name":"anuragsingh12","email":"anuragsingh121124@gmail.com"},"repository":{"url":"git+https://github.com/anurag121124/create-chrome-extension.git","type":"git"},"_npmVersion":"10.9.0","description":"NPX CLI tool for generating Chrome extension boilerplate with React/Vue support","directories":{},"_nodeVersion":"22.11.0","dependencies":{"ora":"^5.4.1","chalk":"^4.1.2","fs-extra":"^11.1.1","inquirer":"^8.2.5","mustache":"^4.2.0","commander":"^9.4.1","validate-npm-package-name":"^5.0.0"},"_hasShrinkwrap":false,"devDependencies":{"jest":"^29.5.0","eslint":"^8.40.0","@types/jest":"^29.5.1"},"_npmOperationalInternal":{"tmp":"tmp/create-chrome-extension_1.0.1_1758744036173_0.2681052166242037","host":"s3://npm-registry-packages-npm-production"}},"1.0.2":{"name":"@anuragsingh12/create-chrome-extension","version":"1.0.2","description":"NPX CLI tool for generating Chrome extension boilerplate with React/Vue support","main":"index.js","bin":{"create-chrome-extension":"bin/cli.js"},"scripts":{"test":"jest","dev":"node bin/cli.js","build":"echo 'No build step required'","prepublishOnly":"echo 'Skipping tests for now'"},"keywords":["chrome-extension","boilerplate","generator","cli","react","vue","typescript","npx"],"author":{"name":"Anurag Singh anuragsingh121124@gmail.com"},"license":"MIT","dependencies":{"chalk":"^4.1.2","commander":"^9.4.1","figlet":"^1.6.0","inquirer":"^8.2.5","fs-extra":"^11.1.1","mustache":"^4.2.0","ora":"^5.4.1","validate-npm-package-name":"^5.0.0"},"devDependencies":{"jest":"^29.5.0","@types/jest":"^29.5.1","eslint":"^8.40.0"},"engines":{"node":">=14.0.0"},"repository":{"type":"git","url":"git+https://github.com/anurag121124/create-chrome-extension.git"},"bugs":{"url":"https://github.com/anurag121124/create-chrome-extension/issues"},"homepage":"https://github.com/anurag121124/create-chrome-extension#readme","_id":"@anuragsingh12/create-chrome-extension@1.0.2","gitHead":"1dff035147bd7fabdcdf17effa8fd33af95c2949","_nodeVersion":"22.11.0","_npmVersion":"10.9.0","dist":{"integrity":"sha512-SdcS7QEXjEb2O3EUNBr4oVXdzBwAJnj21B3iPPpyLpHseI+D34aMNJDKJD9Nu8pwf4CDkadYOFJ+qtXMtHkg9A==","shasum":"fc579da36563b9ddfbd4906cb5e9f79604cf8790","tarball":"https://registry.npmjs.org/@anuragsingh12/create-chrome-extension/-/create-chrome-extension-1.0.2.tgz","fileCount":74,"unpackedSize":172868,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIB3q/Uz0GRGRaQizfQtatFrmAOBzstvJqOqWMOo6DYqTAiEA/Mtg3C7uTx0PeaZ4QhSEmD2Q/0ky2jK5s5TamIiNyzw="}]},"_npmUser":{"name":"anuragsingh12","email":"anuragsingh121124@gmail.com"},"directories":{},"maintainers":[{"name":"anuragsingh12","email":"anuragsingh121124@gmail.com"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/create-chrome-extension_1.0.2_1758744227952_0.46053203992878866"},"_hasShrinkwrap":false}},"time":{"created":"2025-09-24T19:13:51.537Z","modified":"2025-09-24T20:03:48.324Z","1.0.0":"2025-09-24T19:13:51.806Z","1.0.1":"2025-09-24T20:00:36.372Z","1.0.2":"2025-09-24T20:03:48.150Z"},"bugs":{"url":"https://github.com/anurag121124/create-chrome-extension/issues"},"author":{"name":"Anurag Singh anuragsingh121124@gmail.com"},"license":"MIT","homepage":"https://github.com/anurag121124/create-chrome-extension#readme","keywords":["chrome-extension","boilerplate","generator","cli","react","vue","typescript","npx"],"repository":{"type":"git","url":"git+https://github.com/anurag121124/create-chrome-extension.git"},"description":"NPX CLI tool for generating Chrome extension boilerplate with React/Vue support","maintainers":[{"name":"anuragsingh12","email":"anuragsingh121124@gmail.com"}],"readme":"# Create Chrome Extension\n\n🚀 A powerful NPX CLI tool for generating Chrome extension boilerplate code with modern frameworks and build tools.\n\n## Features\n\n- **Multiple Frameworks**: Support for React and Vue.js\n- **Language Options**: JavaScript and TypeScript variants\n- **Extension Types**: Popup, Content Script, Background Script, or Full Extension\n- **Modern Tooling**: Vite-based build system with hot reload\n- **Manifest V3**: Latest Chrome Extension API support\n- **Interactive CLI**: User-friendly prompts for configuration\n- **Best Practices**: Organized project structure and code patterns\n\n## Quick Start\n\nCreate a new Chrome extension in seconds:\n\n```bash\nnpx create-chrome-extension my-extension\n```\n\nOr with specific options:\n\n```bash\nnpx create-chrome-extension my-extension --framework react --language typescript --template popup\n```\n\n## Usage\n\n### Interactive Mode\n\nSimply run the command and follow the prompts:\n\n```bash\nnpx create-chrome-extension\n```\n\nThe CLI will ask you to configure:\n- Extension name and description\n- Framework (React/Vue.js)\n- Language (JavaScript/TypeScript)\n- Extension type (popup/content/background/full)\n- Required permissions\n- Author information\n\n### Command Line Options\n\n```bash\nnpx create-chrome-extension [project-name] [options]\n\nOptions:\n  -f, --framework <framework>   Frontend framework (react, vue)\n  -l, --language <language>     Programming language (javascript, typescript)\n  -t, --template <template>     Extension template (popup, content, background, full)\n  --skip-install               Skip npm install\n  -h, --help                   Display help for command\n```\n\n## Extension Types\n\n### Popup Extension\n- Browser action with popup interface\n- Perfect for quick actions and settings\n- Includes modern UI with storage integration\n\n### Content Script Extension\n- Runs on web pages\n- Modify page content and behavior\n- Includes floating UI example\n\n### Background Extension\n- Service worker for background tasks\n- Handle events and manage extension state\n- Context menu integration\n\n### Full Extension\n- Combines all extension types\n- Complete Chrome extension solution\n- Maximum functionality\n\n## Generated Project Structure\n\n```\nmy-extension/\n├── public/\n│   ├── manifest.json       # Extension manifest\n│   └── icons/             # Extension icons\n├── src/\n│   ├── popup/             # Popup UI components\n│   │   ├── App.jsx        # Main popup component\n│   │   ├── popup.jsx      # Popup entry point\n│   │   └── popup.css      # Popup styles\n│   ├── content/           # Content scripts\n│   │   └── content.js     # Content script logic\n│   ├── background/        # Background scripts\n│   │   └── background.js  # Service worker\n│   └── shared/            # Shared utilities\n├── dist/                  # Built extension (generated)\n├── vite.config.js         # Build configuration\n├── package.json           # Dependencies and scripts\n└── README.md              # Project documentation\n```\n\n## Development Workflow\n\nAfter creating your extension:\n\n1. **Install dependencies** (if not done automatically):\n   ```bash\n   npm install\n   ```\n\n2. **Start development server**:\n   ```bash\n   npm run dev\n   ```\n\n3. **Load extension in Chrome**:\n   - Open `chrome://extensions`\n   - Enable \"Developer mode\"\n   - Click \"Load unpacked\"\n   - Select the `dist` folder\n\n4. **Build for production**:\n   ```bash\n   npm run build\n   ```\n\n5. **Test with web-ext**:\n   ```bash\n   npm run web-ext\n   ```\n\n## Framework Support\n\n### React\n- **JavaScript**: Complete React setup with modern hooks\n- **TypeScript**: Fully typed React components with Chrome APIs\n- **Features**: Hot reload, modern build pipeline, optimized for extensions\n\n### Vue.js\n- **JavaScript**: Vue 3 composition API setup\n- **TypeScript**: Type-safe Vue components with Chrome API types\n- **Features**: Single file components, reactive state management\n\n## Chrome Extension APIs\n\nGenerated extensions include examples for:\n- **Storage API**: Persistent data storage\n- **Tabs API**: Tab management and information\n- **Scripting API**: Dynamic script injection\n- **Runtime API**: Extension messaging\n- **Action API**: Browser action management\n- **Context Menus**: Right-click menu integration\n\n## Build System\n\n### Vite Configuration\n- **Hot Reload**: Instant updates during development\n- **Code Splitting**: Optimized bundle sizes\n- **Modern JavaScript**: Latest ES features support\n- **TypeScript**: Full type checking and compilation\n\n### Extension Packaging\n- **Manifest V3**: Latest Chrome extension format\n- **Permissions**: Minimal required permissions\n- **Icons**: Provided icon templates\n- **CSP Compliance**: Content Security Policy ready\n\n## Testing\n\nRun the test suite:\n\n```bash\nnpm test\n```\n\nGenerate coverage report:\n\n```bash\nnpm run test:coverage\n```\n\n## Contributing\n\nWe welcome contributions! Please see [CONTRIBUTING.md](CONTRIBUTING.md) for details.\n\n### Development Setup\n\n1. Clone the repository\n2. Install dependencies: `npm install`\n3. Run tests: `npm test`\n4. Test CLI locally: `npm run dev`\n\n## License\n\nMIT License - see [LICENSE](LICENSE) file for details.\n\n## Support\n\n- 📖 [Chrome Extension Documentation](https://developer.chrome.com/docs/extensions/)\n- 🐛 [Report Issues](https://github.com/username/create-chrome-extension/issues)\n- 💡 [Feature Requests](https://github.com/username/create-chrome-extension/issues)\n\n## Roadmap\n\n- [ ] Additional framework support (Svelte, Angular)\n- [ ] Web extension support (Firefox, Edge)\n- [ ] Advanced templates (options page, devtools)\n- [ ] Extension store publishing helpers\n- [ ] GitHub Actions workflows\n- [ ] Extension testing utilities\n\n---\n\n**Happy extension building!** 🎉","readmeFilename":"README.md"}