Drop webextension-polyfill (lighter 🎉)

fregante · fregante · commit 55eafe058945 · 2021-08-05T15:19:58.000+07:00
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -50,9 +50,6 @@
 	"stylelint": {
 		"extends": "stylelint-config-xo"
 	},
-	"dependencies": {
-		"webextension-polyfill": "^0.8.0"
-	},
 	"devDependencies": {
 		"husky": "^4.3.8",
 		"@rollup/plugin-node-resolve": "^13.0.4",
diff --git a/rollup.config.js b/rollup.config.js
@@ -27,11 +27,7 @@ const config = {
 			{
 				files: 'source/**/!(*.js|*.svelte)',
 				dest: 'distribution',
-			},
-			{
-				files: 'node_modules/webextension-polyfill/dist/browser-polyfill.min.js',
-				dest: 'distribution',
-			},
+			}
 		], {
 			watch: process.env.ROLLUP_WATCH,
 		}),
diff --git a/source/App.svelte b/source/App.svelte
@@ -4,7 +4,7 @@
 	import openInTab from './lib/open-in-tab.js';
 	import UndoStack from './lib/undo-stack.js';
 
-	const getI18N = browser.i18n.getMessage;
+	const getI18N = chrome.i18n.getMessage;
 	const undoStack = new UndoStack(window);
 
 	const myid = getI18N('@@extension_id');
@@ -42,15 +42,15 @@
 		undoStack.do(toggle => {
 			for (const extension of affectedExtensions) {
 				extension.enabled = enable ? toggle : !toggle;
-				browser.management.setEnabled(extension.id, extension.enabled);
+				chrome.management.setEnabled(extension.id, extension.enabled);
 			}
 
 			extensions = extensions; // Signals to Svelte that the content was updated
 		});
 	}
 
 	onMount(async () => {
-		extensions = (await browser.management.getAll())
+		extensions = (await chrome.management.getAll())
 			.filter(({type, id}) => type === 'extension' && id !== myid)
 			.sort((a, b) => {
 				if (a.enabled === b.enabled) {
@@ -66,7 +66,7 @@
 			});
 
 		// Update list on uninstall
-		browser.management.onUninstalled.addListener(deleted => {
+		chrome.management.onUninstalled.addListener(deleted => {
 			extensions = extensions.filter(({id}) => id !== deleted);
 		});
 	});
diff --git a/source/Extension.svelte b/source/Extension.svelte
@@ -11,20 +11,20 @@
 	export let showExtras;
 	export let undoStack;
 
-	const getI18N = browser.i18n.getMessage;
+	const getI18N = chrome.i18n.getMessage;
 	const url = installType === 'normal' ? `https://chrome.google.com/webstore/detail/${id}` : homepageUrl;
 
 	function toggleExtension() {
 		const wasEnabled = enabled;
 
 		undoStack.do(toggle => {
 			enabled = toggle !== wasEnabled;
-			browser.management.setEnabled(id, enabled);
+			chrome.management.setEnabled(id, enabled);
 		});
 	}
 
 	function onUninstallClick() {
-		browser.management.uninstall(id);
+		chrome.management.uninstall(id);
 	}
 
 	function getIcon(icons, size = 16) {
diff --git a/source/index.html b/source/index.html
@@ -1,5 +1,4 @@
 <!doctype html>
 <title>Extension Manager</title>
 <link href="style.css" rel="stylesheet">
-<script defer src="browser-polyfill.min.js"></script>
 <script defer src="main.js"></script>
diff --git a/source/lib/open-in-tab.js b/source/lib/open-in-tab.js
@@ -1,5 +1,5 @@
 /** Required for chrome:// links */
 export default function openInTab(event) {
-	browser.tabs.create({url: event.currentTarget.href});
+	chrome.tabs.create({url: event.currentTarget.href});
 	event.preventDefault();
 }

Original file line number	Diff line number	Diff line change
`@@ -1,5 +1,5 @@`
`1`	`1`	`/** Required for chrome:// links */`
`2`	`2`	`export default function openInTab(event) {`
`3`		`- browser.tabs.create({url: event.currentTarget.href});`
	`3`	`+ chrome.tabs.create({url: event.currentTarget.href});`
`4`	`4`	`event.preventDefault();`
`5`	`5`	`}`