create-mellowtel-extension/templates/vanilla/src/popup.js

Create a new Mellowtel browser extension with one command

import Mellowtel from "mellowtel";

let mellowtel;

document.addEventListener('DOMContentLoaded', async () => {
    // Initialize Mellowtel with configuration key from environment variables
    mellowtel = new Mellowtel(process.env.MELLOWTEL_CONFIG_KEY);
    
    // Add event listener for settings button
    document.getElementById('settingsButton').addEventListener('click', openSettings);
});

async function openSettings() {
    try {
        // Generate and manage the settings link
        const settingsLink = await mellowtel.generateSettingsLink();
        // Open the settings link in a new tab
        chrome.tabs.create({ url: settingsLink });
    } catch (error) {
        console.error("Error generating settings link:", error);
    }
}