JSPM

  • ESM via JSPM
  • ES Module Entrypoint
  • Export Map
  • Keywords
  • License
  • Repository URL
  • TypeScript Types
  • README
  • Created
  • Published
  • Downloads 26
  • Score
    100M100P100Q99227F
  • License MIT

Production-ready Chrome extension template with Manifest V3, TypeScript, React 19, Vite 7, comprehensive testing, and zero-config setup

Package Exports

    This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@kenkaiiii/queen-chrome-ext) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

    Readme

    Queen Chrome Extension Template

    Version License Downloads

    Production-ready Chrome extension template with zero configuration

    Quick Start โ€ข Features โ€ข Documentation

    ๐ŸŽฏ What You Get

    A complete Chrome extension starter with:

    • โœ… Manifest V3 - Latest Chrome standard (required 2025)
    • โœ… React 19 - Modern UI with latest hooks
    • โœ… TypeScript 5.9 - Full type safety
    • โœ… Vite 7 - Lightning-fast builds & HMR
    • โœ… Vitest 3 - Comprehensive testing suite
    • โœ… ESLint 9 - Code quality (flat config)
    • โœ… Prettier - Consistent formatting
    • โœ… GitHub Actions - CI/CD ready
    • โœ… Zero Warnings - Clean production builds
    • โœ… Zero Vulnerabilities - Security first

    ๐Ÿš€ Quick Start

    ```bash

    Create new extension

    npx @kenkaiiii/queen-chrome-ext my-extension

    Navigate and install

    cd my-extension npm install

    Start development

    npm run dev

    Build for production

    npm run build ```

    Load in Chrome

    1. Open `chrome://extensions`
    2. Enable "Developer mode" (top right)
    3. Click "Load unpacked"
    4. Select the `dist/` folder

    ๐Ÿ“ฆ Features

    Complete Development Setup

    ``` โœจ Manifest V3 compliant ๐Ÿ”ท TypeScript configured โšก Vite with HMR โš›๏ธ React 19 with hooks ๐Ÿงช Vitest + Testing Library ๐ŸŽจ ESLint + Prettier ๐Ÿ”’ Content Security Policy ๐Ÿ“Š Bundle analyzer ready ๐Ÿ”„ Hot reload support ๐Ÿ“ฆ Chrome Web Store ready ```

    Scripts Included

    Command Description
    `npm run dev` Start development server
    `npm run build` Build for production
    `npm run test` Run test suite
    `npm run test:ui` Visual test runner
    `npm run lint` Check code quality
    `npm run format` Format code
    `npm run validate` Validate manifest
    `npm run zip` Create Web Store ZIP

    ๐Ÿ“ License

    MIT ยฉ Kenkaiiii


    Built with โค๏ธ for Chrome Extension developers