firefox specific guide

Author: Saksham-Sirohi

README.md

@@ -52,12 +52,19 @@
     -   Enable "Developer Mode" (toggle in the top-right).
     -   Click "Load unpacked" and select the `dist/chrome` folder inside the cloned repository.
 
-    **For Firefox (Gecko):**
-    -   Navigate to `about:debugging` in Firefox.
-    -   Click on "This Firefox" in the left sidebar.
-    -   Click "Load Temporary Add-on...".
-    -   Select the `manifest.json` file inside the `dist/firefox` folder.
-    -   *Note: The extension will remain active only for the current browser session. If you need persistence, consider using Firefox Developer Edition.*
+   **For Firefox (Gecko):**
+
+   - after you have built the extension run the following:
+     ```
+     cd dist/firefox
+     zip -r extension.zip *
+     mv extension.zip extension.xpi
+     ```
+   - Navigate to `about:config` in Firefox and set xpinstall.signatures.required = false.
+   - go to extensions & themes from right hand side hamburger menu
+   - Click on settings under manage your extenisions
+   - Click "Load Temporary Add-on...".
+   - Select the `extension.xpi` file inside the `dist/firefox` folder.
 
 ## Usage
 

src/scripts/background.js

@@ -36,6 +36,12 @@ browser.storage.onChanged.addListener((changes, area) => {
 
 browser.action.onClicked.addListener((tab) => {
 	try {
+		// Firefox uses sidebarAction API; sidePanel is Chrome-only
+		if (typeof browser.sidebarAction?.toggle === 'function') {
+			browser.sidebarAction.toggle();
+			return;
+		}
+
 		if (!browser.sidePanel?.open) {
 			console.warn('Side panel API not available.');
 			return;