Merge pull request #18 from ut-code/feature/updatesidepanel

対象ページのみで有効化とAlt+Sでショートカット

Author: shirokuma222

public/manifest.json

@@ -20,5 +20,12 @@
       "js": ["content.js"],
       "run_at": "document_idle"
     }
-  ]
+  ],
+  "commands": {
+  "_execute_action": {
+    "suggested_key": { "default": "Alt+S" },
+    "description": "Open side panel"
+  }
+} 
 }
+

src/background.ts

@@ -2,7 +2,43 @@ chrome.runtime.onInstalled.addListener(() => {
   console.log("拡張機能がインストールされました！");
 });
 
-// ツールバーアイコンをクリックしたときにサイドパネルを開く
-chrome.action.onClicked.addListener(async (tab) => {
-  await chrome.sidePanel.open({ windowId: tab.windowId, tabId: tab.id });
+
+const targetURL = 'https://browser-hack.utcode.net/'
+function isTargetPage(url?: string): boolean {
+  if (!url) return false
+  return url.startsWith(targetURL)
+}
+
+async function updatePanelAvailability(tabId: number) {
+  try {
+    const tab = await chrome.tabs.get(tabId);
+    if (isTargetPage(tab.url)) {
+      await chrome.sidePanel.setOptions({
+        tabId,
+        path: 'src/sidepanel/index.html',
+        enabled: true
+      });
+    } else {
+      await chrome.sidePanel.setOptions({
+        tabId,
+        enabled: false
+      });
+    }
+  } catch (e) {
+    console.log('Failed to update side panel for tab:', tabId, e);
+  }
+}
+
+chrome.tabs.onUpdated.addListener((tabId, changeInfo, tab) => {
+  if (changeInfo.status === 'complete' && tab.url) {
+    updatePanelAvailability(tabId);
+  }
 });
+
+chrome.tabs.onActivated.addListener(async ({ tabId }) => {
+  updatePanelAvailability(tabId);
+});
+
+chrome.sidePanel
+  .setPanelBehavior({ openPanelOnActionClick: true })
+  .catch((error) => console.error(error));