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 (create-mellowtel-extension) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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

Get your Mellowtel configuration key from the Mellowtel Dashboard
Replace <your_config_key> in the source files with your actual configuration key

Development

After creating your extension:

Build the extension:

npm run build

For development with hot reloading:

npm run watch

Load the extension in Chrome:

Open Chrome and go to chrome://extensions
Enable "Developer mode"
Click "Load unpacked"
Select the dist directory

License

ISC