Merge pull request #30 from jacobtender/jrt-sidepanel

I'm seeing Marian on the side

Author: jacobtender

src/background.js

@@ -1,16 +1,11 @@
 import { isAllowedUrl } from "./shared/allowed-patterns";
 
 function updateIcon(tabId, isAllowed) {
-  // console.log(`Updating icon for tab ${tabId}: ${isAllowed ? 'allowed' : 'not allowed'}`);
   chrome.action.setIcon({
     tabId,
     path: isAllowed
-      ? {
-        128: "icons/icon.png"
-      }
-      : {
-        128: "icons/icon-disabled.png",
-      }
+      ? { 128: "icons/icon.png" }
+      : { 128: "icons/icon-disabled.png" }
   });
 }
 
@@ -25,3 +20,62 @@ chrome.tabs.onActivated.addListener(({ tabId }) => {
     updateIcon(tabId, isAllowedUrl(tab.url));
   });
 });
+
+function openSidebar(tab) {
+  if (typeof chrome.sidePanel !== "undefined" && chrome.sidePanel.open) {
+    // Chrome Side Panel API
+    chrome.sidePanel.open({ windowId: tab.windowId });
+  } else if (chrome.sidebarAction && chrome.sidebarAction.open) {
+    // Firefox Sidebar API
+    chrome.sidebarAction.open();
+  } else {
+    console.warn("No native sidebar API available.");
+  }
+}
+
+function sendWhenReady(msg, retries = 10, delay = 150) {
+  function attempt(remaining) {
+    chrome.runtime.sendMessage({ type: "ping" }, (response) => {
+      if (response === "pong") {
+        chrome.runtime.sendMessage(msg);
+      } else if (remaining > 0) {
+        setTimeout(() => attempt(remaining - 1), delay);
+      }
+    });
+  }
+  attempt(retries);
+}
+
+function showUnsupportedNotification(tab) {
+  try {
+    chrome.notifications.create(
+      // use a unique id so repeated clicks update the same notification
+      "marian-unsupported",
+      {
+        type: "basic",
+        iconUrl: "icons/icon-shush.png",
+        title: "Shhhh...",
+        message: "You cannot do that here!"
+      },
+      (id) => {
+        setTimeout(() => chrome.notifications.clear(id || "marian-unsupported"), 3000);
+      }
+    );
+  } catch (e) {
+    console.warn("Notification failed:", e);
+  }
+}
+
+chrome.action.onClicked.addListener((tab) => {
+  if (!tab?.url) return;
+
+  if (!isAllowedUrl(tab.url)) {
+    showUnsupportedNotification(tab);
+    return;
+  }
+
+  openSidebar(tab);
+  setTimeout(() => {
+    sendWhenReady({ type: "REFRESH_SIDEBAR", url: tab.url });
+  }, 300); // give the sidebar a moment to load
+});

src/extractors/amazon.js

@@ -40,8 +40,8 @@ async function getAmazonDetails() {
     bookDetails['Reading Format'] = 'Physical Book';
   }
 
-  // logMarian("bookDetails", audibleDetails);
-  // logMarian("bookDetails", audibleDetails);
+  // logMarian("bookDetails", bookDetails);
+  // logMarian("audibleDetails", audibleDetails);
 
   return {
     ...bookDetails,

src/extractors/goodreads.js

@@ -12,9 +12,15 @@ async function getGoodreadsDetails() {
     bookDetails["imgScore"] = imgEl?.src ? await getImageScore(imgEl.src) : 0;
     bookDetails["Title"] = document.querySelector('[data-testid="bookTitle"]')?.innerText.trim();
 
-    const button = document.querySelector('.ContributorLinksList button[aria-label="Show all contributors"]');
-    if (button) {
-        button.click();
+    const contributorsButton = document.querySelector('.ContributorLinksList button[aria-label="Show all contributors"]');
+    if (contributorsButton) {
+        contributorsButton.click();
+        await delay(1500); // wait for contributors to load
+    }
+
+    const detailsButton = document.querySelector('.BookDetails button[aria-label="Book details and editions"]');
+    if (detailsButton) {
+        detailsButton.click();
         await delay(1500); // wait for contributors to load
     }