feat(browser): migrate from webextension-toolbox to WXT framework

.github/workflows/ci.yml

@@ -106,6 +106,9 @@ jobs:
       - name: Install browser extension dependencies
         working-directory: browser
         run: npm ci
+      - name: Prepare WXT
+        working-directory: browser
+        run: npm run prepare
       - name: Lint browser extension
         working-directory: browser
         run: npm run lint
@@ -200,6 +203,9 @@ jobs:
       - name: Install browser extension dependencies
         working-directory: browser
         run: npm ci
+      - name: Prepare WXT
+        working-directory: browser
+        run: npm run prepare
       - name: Test browser extension
         working-directory: browser
         run: npm run test

browser/.gitignore

@@ -7,6 +7,8 @@ yarn-error.log*
 # Build output
 dist/
 packages/
+.output/
+.wxt/
 
 # Environment variables
 .env

browser/entrypoints/background.ts

@@ -0,0 +1,56 @@
+export default defineBackground(() => {
+  const injectContentToTab = async (tab: chrome.tabs.Tab): Promise<void> => {
+    // Skip if URL is undefined
+    if (!tab.url) {
+      return;
+    }
+
+    // Skip if tab is discarded
+    if (tab.discarded) {
+      return;
+    }
+
+    // Skip if tab ID is undefined
+    if (tab.id === undefined) {
+      return;
+    }
+
+    // Skip if not a GitHub URL
+    if (!tab.url.startsWith('https://github.com/')) {
+      return;
+    }
+
+    try {
+      const manifest = chrome.runtime.getManifest();
+
+      // Inject CSS
+      if (manifest.content_scripts?.[0]?.css) {
+        await chrome.scripting.insertCSS({
+          target: { tabId: tab.id },
+          files: manifest.content_scripts[0].css,
+        });
+      }
+
+      // Inject JavaScript
+      if (manifest.content_scripts?.[0]?.js) {
+        await chrome.scripting.executeScript({
+          target: { tabId: tab.id },
+          files: manifest.content_scripts[0].js,
+        });
+      }
+    } catch (error) {
+      console.error('Error injecting content script:', error);
+    }
+  };
+
+  // Update extension content for tabs
+  chrome.tabs.query({}, async (tabs: chrome.tabs.Tab[]) => {
+    for (const tab of tabs) {
+      try {
+        await injectContentToTab(tab);
+      } catch (e) {
+        console.error(e);
+      }
+    }
+  });
+});

browser/app/scripts/content.ts → browser/entrypoints/content.ts

@@ -1,3 +1,5 @@
+import './styles.css';
+
 interface RepositoryInfo {
   owner: string;
   repo: string;
@@ -146,9 +148,16 @@ function initRepomixIntegration(): void {
   }
 }
 
-// Initialize when DOM is ready
-if (document.readyState === 'loading') {
-  document.addEventListener('DOMContentLoaded', () => initRepomixIntegration());
-} else {
-  initRepomixIntegration();
-}
+export default defineContentScript({
+  matches: ['https://github.com/*'],
+  runAt: 'document_start',
+  allFrames: true,
+  main() {
+    // Initialize when DOM is ready
+    if (document.readyState === 'loading') {
+      document.addEventListener('DOMContentLoaded', () => initRepomixIntegration());
+    } else {
+      initRepomixIntegration();
+    }
+  },
+});