Implémenter Mellowtel Elements dans les Extensions de Navigateur

npm install mellowtel-elements

<!-- Dans popup.html ou la page des options -->
<div id="opt-in-container"></div>
<div id="opt-out-container"></div>
<div id="settings-container"></div>

import { MellowtelElements } from 'mellowtel-elements';

// Crée une instance avec l'ID de l'extension et la clé de configuration
const mellowtel = new MellowtelElements(
  'your-extension-id-here',    // ID de l'extension
  'your-config-key-here'       // Clé de configuration
);

// Crée un élément d'opt-in
await mellowtel.createElement('opt-in-container', { type: 'opt-in' });

// Crée un élément d'opt-out
await mellowtel.createElement('opt-out-container', { type: 'opt-out' });

// Crée un élément de paramètres
await mellowtel.createElement('settings-container', { type: 'settings' });