feat: add firefox extension

extensions/mal-firefox/background.js

@@ -0,0 +1,103 @@
+const MENU_ROOT_ID = 'mal-root';
+const MENU_WATCHLIST_ID = 'mal-watchlist';
+const MENU_STATUS_PREFIX = 'mal-status:';
+const STATUSES = [
+  { value: 'watching', label: 'Watching' },
+  { value: 'completed', label: 'Completed' },
+  { value: 'on_hold', label: 'On Hold' },
+  { value: 'dropped', label: 'Dropped' },
+  { value: 'plan_to_watch', label: 'Plan to Watch' },
+];
+
+async function getSettings() {
+  const { authToken, apiBaseUrl } = await browser.storage.local.get(['authToken', 'apiBaseUrl']);
+  return {
+    authToken: authToken || '',
+    apiBaseUrl: apiBaseUrl || 'https://mal.mkelvers.tech',
+  };
+}
+
+async function apiFetch(path, init = {}) {
+  const { authToken, apiBaseUrl } = await getSettings();
+  const url = apiBaseUrl.replace(/\/+$/, '') + path;
+  const headers = new Headers(init.headers || {});
+  if (authToken) headers.set('Authorization', `Bearer ${authToken}`);
+  const res = await fetch(url, { ...init, headers });
+  if (!res.ok) {
+    const msg = await res.text().catch(() => '');
+    throw new Error(msg || `HTTP ${res.status}`);
+  }
+  return res;
+}
+
+async function ensureContextMenu() {
+  const { authToken } = await getSettings();
+  await browser.contextMenus.removeAll();
+  if (!authToken) return;
+
+  browser.contextMenus.create({
+    id: MENU_ROOT_ID,
+    title: 'MyAnimeList',
+    contexts: ['selection'],
+  });
+
+  browser.contextMenus.create({
+    id: MENU_WATCHLIST_ID,
+    parentId: MENU_ROOT_ID,
+    title: 'Add to Watchlist',
+    contexts: ['selection'],
+  });
+
+  for (const s of STATUSES) {
+    browser.contextMenus.create({
+      id: MENU_STATUS_PREFIX + s.value,
+      parentId: MENU_WATCHLIST_ID,
+      title: s.label,
+      contexts: ['selection'],
+    });
+  }
+}
+
+browser.runtime.onInstalled.addListener(() => {
+  ensureContextMenu();
+});
+
+browser.runtime.onStartup.addListener(() => {
+  ensureContextMenu();
+});
+
+browser.storage.onChanged.addListener((changes, area) => {
+  if (area !== 'local') return;
+  if (changes.authToken) ensureContextMenu();
+});
+
+browser.contextMenus.onClicked.addListener(async info => {
+  if (typeof info.menuItemId !== 'string') return;
+  if (!info.menuItemId.startsWith(MENU_STATUS_PREFIX)) return;
+
+  const status = info.menuItemId.slice(MENU_STATUS_PREFIX.length);
+  const text = (info.selectionText || '').trim().replace(/\s+/g, ' ').slice(0, 120);
+  if (!text) return;
+
+  try {
+    const searchRes = await apiFetch(`/api/search-quick?q=${encodeURIComponent(text)}`);
+    const items = await searchRes.json();
+    const top = items && items[0];
+    if (!top || !top.id) {
+      await browser.notifications?.create?.({
+        type: 'basic',
+        title: 'MyAnimeList',
+        message: `No matches for: ${text}`,
+      });
+      return;
+    }
+
+    await apiFetch('/api/watchlist', {
+      method: 'POST',
+      headers: { 'Content-Type': 'application/json' },
+      body: JSON.stringify({ animeId: top.id, status }),
+    });
+  } catch {
+    // Silent failure by default; can be extended with notifications later.
+  }
+});