Add support for Manifest v3

Author: fregante

index.ts

@@ -1,5 +1,6 @@
 import registerContentScriptPonyfill from 'content-scripts-register-polyfill/ponyfill.js';
 import {getAdditionalPermissions} from 'webext-additional-permissions';
+import {injectContentScript} from 'webext-content-scripts';
 
 const registeredScripts = new Map<
 string,
@@ -18,24 +19,6 @@ function convertPath(file: string): browser.extensionTypes.ExtensionFileOrCode {
 	return {file: url.pathname};
 }
 
-function injectIntoTab(tabId: number, scripts: ContentScripts) {
-	for (const script of scripts) {
-		for (const file of script.css || []) {
-			void chrome.tabs.insertCSS(tabId, {
-				file,
-				allFrames: script.all_frames,
-			});
-		}
-
-		for (const file of script.js || []) {
-			void chrome.tabs.executeScript(tabId, {
-				file,
-				allFrames: script.all_frames,
-			});
-		}
-	}
-}
-
 function injectOnExistingTabs(origins: string[], scripts: ContentScripts) {
 	if (origins.length === 0) {
 		return;
@@ -46,7 +29,7 @@ function injectOnExistingTabs(origins: string[], scripts: ContentScripts) {
 	}, tabs => {
 		for (const tab of tabs) {
 			if (tab.id) {
-				injectIntoTab(tab.id, scripts);
+				void injectContentScript(tab.id, scripts);
 			}
 		}
 	});

package.json

@@ -42,12 +42,13 @@
 		}
 	},
 	"dependencies": {
-		"content-scripts-register-polyfill": "^3.1.0",
-		"webext-additional-permissions": "^2.1.1"
+		"content-scripts-register-polyfill": "^3.2.0",
+		"webext-additional-permissions": "^2.1.1",
+		"webext-content-scripts": "^0.12.0"
 	},
 	"devDependencies": {
 		"@sindresorhus/tsconfig": "^2.0.0",
-		"@types/chrome": "0.0.161",
+		"@types/chrome": "^0.0.171",
 		"@types/firefox-webext-browser": "^94.0.0",
 		"typescript": "^4.4.4",
 		"xo": "^0.45.0"