create-mellowtel-extension

Create a new Mellowtel browser extension with one command.

Quick Start

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
2. Replace <your_config_key> in the source files with your actual configuration key

Development

After creating your extension:

1. Build the extension:

npm run build

2. For development with hot reloading:

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