Disable clipper button on unclippable pages (#568)

* Disable on unclippable pages

* Updated the code to make it generic for any browser

* Added lint fixes

Author: ipdutta

src/scripts/extensions/webExtensionBase/webExtension.ts

@@ -46,6 +46,7 @@ export class WebExtension extends ExtensionBase<WebExtensionWorker, W3CTab, numb
 			this.registerContextMenuItems();
 		});
 		this.registerInstallListener();
+		this.registerTabCreateOrUpdateListener();
 		this.registerTabRemoveListener();
 	}
 
@@ -242,6 +243,25 @@ export class WebExtension extends ExtensionBase<WebExtensionWorker, W3CTab, numb
 		});
 	}
 
+	private registerTabCreateOrUpdateListener() {
+		const matchesAnyUnclippablePage = (url) => {
+			const unclippablePages = ["chrome://*", "edge://*"];
+			return unclippablePages.some(unclippablePage => url.match(unclippablePage));
+		};
+
+		WebExtension.browser.tabs.onCreated.addListener((tab: W3CTab) => {
+		if (matchesAnyUnclippablePage(tab.url)) {
+			WebExtension.browser.action.disable(tab.id);
+		}
+		});
+
+		WebExtension.browser.tabs.onUpdated.addListener((tabId: number, changeInfo: any, tab: W3CTab) => {
+			if (matchesAnyUnclippablePage(tab.url)) {
+				WebExtension.browser.action.disable(tabId);
+			}
+		});
+	}
+
 	private onInstalledSupported(): boolean {
 		return !!WebExtension.browser.runtime.onInstalled;
 	}