# create-mellowtel-extension

Create a new Mellowtel browser extension with one command.

## Quick Start

```bash
npx create-mellowtel-extension my-extension
cd my-extension
npm install
npm run build
```

## Features

- Sets up a complete browser extension project structure
- Configures webpack for development and production builds
- Includes Mellowtel integration for analytics and user behavior tracking
- Provides a modern popup UI
- Hot reloading during development

## Project Structure

The generated project will have the following structure:

```
my-extension/
├── src/
│   ├── background.js
│   ├── content.js
│   └── popup.js
├── public/
│   ├── html/
│   │   └── popup.html
│   ├── icons/
│   │   └── icon32.png
│   └── manifest.json
├── dist/
├── webpack.config.js
├── package.json
└── README.md
```

## Configuration

1. Get your Mellowtel configuration key from the [Mellowtel Dashboard](https://mellowtel.com)
2. Replace `<your_config_key>` in the source files with your actual configuration key

## Development

After creating your extension:

1. Build the extension:
```bash
npm run build
```

2. For development with hot reloading:
```bash
npm run watch
```

3. Load the extension in Chrome:
- Open Chrome and go to `chrome://extensions`
- Enable "Developer mode"
- Click "Load unpacked"
- Select the `dist` directory

## License

ISC
