pnpm add mellowtel

{
  "manifest": {
    "permissions": [
      "storage",
      "declarativeNetRequest"
    ],
    "host_permissions": ["<all_urls>"]
  }
}

PLASMO_PUBLIC_MELLOWTEL=your_mellowtel_api_key_here

import Mellowtel from "mellowtel"

let mellowtel;

(async () => {
  mellowtel = new Mellowtel(process.env.PLASMO_PUBLIC_MELLOWTEL)
  await mellowtel.initBackground()
})()

// इंस्टॉलेशन और अपडेट्स को हैंडल करें
chrome.runtime.onInstalled.addListener(async function (details) {
  console.log("एक्सटेंशन इंस्टॉल या अपडेट किया गया", details)
  await mellowtel.generateAndOpenOptInLink()
})

import Mellowtel from "mellowtel"
import type { PlasmoCSConfig } from "plasmo"

let mellowtel;

// कंटेंट स्क्रिप्ट व्यवहार को कॉन्फ़िगर करें
export const config: PlasmoCSConfig = {
  matches: ["<all_urls>"],
  all_frames: true,
  run_at: "document_start"
}

const start = async () => {
  mellowtel = new Mellowtel(process.env.PLASMO_PUBLIC_MELLOWTEL)
  const resp = await mellowtel.initContentScript()
}

start()

import Mellowtel from "mellowtel"

const Popup: React.FC = () => {
  const handleMellowtelSettings = async () => {
    const mellowtel = new Mellowtel(process.env.PLASMO_PUBLIC_MELLOWTEL)
    const link = await mellowtel.generateSettingsLink()
    chrome.tabs.create({ url: link })
  }

  return (
    <div>
      <button onClick={handleMellowtelSettings}>
        Mellowtel सेटिंग्स बदलें
      </button>
    </div>
  )
}

export default Popup

# डेवलपमेंट सर्वर शुरू करें
pnpm dev

# प्रोडक्शन के लिए बिल्ड करें
pnpm build

# एक्सटेंशन को पैकेज करें
pnpm package