background.js

/**
 * Service worker for install-time icon effects.
 *
 * On first install (NOT on updates, NOT on browser restart):
 *   1. Pulse the toolbar icon by alternating between normal and a brighter
 *      variant a few times.
 *   2. Set a "NEW" badge with a mint background and dark green text — the
 *      colour pairing approximates an outlined pill since chrome.action
 *      exposes no real stroke property. popup.js clears the badge the
 *      first time the popup opens.
 */

const FRAMES = [
  {
    16: 'icons/icon-16.png',
    32: 'icons/icon-32.png',
    48: 'icons/icon-48.png',
  },
  {
    16: 'icons/icon-16-bright.png',
    32: 'icons/icon-32-bright.png',
    48: 'icons/icon-48-bright.png',
  },
];

const PULSE_FRAMES = 6;
const PULSE_INTERVAL_MS = 280;

// Light mint fill + dark forest-green text. chrome.action exposes no
// stroke property; pairing a near-white background with a deep
// brand-coloured glyph is the closest we can get to "outlined pill".
const BADGE_TEXT = 'NEW';
const BADGE_BG = '#DBF1EC';
const BADGE_FG = '#0D7A5C';

const sleep = (ms) => new Promise((r) => setTimeout(r, ms));

async function pulseIcon() {
  for (let i = 0; i < PULSE_FRAMES; i++) {
    try { await chrome.action.setIcon({ path: FRAMES[i % 2] }); } catch {}
    await sleep(PULSE_INTERVAL_MS);
  }
  try { await chrome.action.setIcon({ path: FRAMES[0] }); } catch {}
}

async function showInstallBadge() {
  try {
    await chrome.action.setBadgeBackgroundColor({ color: BADGE_BG });
    if (chrome.action.setBadgeTextColor) {
      await chrome.action.setBadgeTextColor({ color: BADGE_FG });
    }
    await chrome.action.setBadgeText({ text: BADGE_TEXT });
  } catch {}
}

chrome.runtime.onInstalled.addListener(async (details) => {
  if (details.reason !== 'install') return;
  await pulseIcon();
  await showInstallBadge();
});