Enable/disable

Author: fregante

source/app.svelte

@@ -44,11 +44,10 @@
 
 
 	function fillInTheBlanks(extension) {
-				extension.shown = true;
-				extension.indexedName = extension.name.toLowerCase();
-				return extension;
-			}
-
+		extension.shown = true;
+		extension.indexedName = extension.name.toLowerCase();
+		return extension;
+	}
 
 	function hideInfoMessage() {
 		localStorage.setItem('undo-info-message', 1);
@@ -80,12 +79,8 @@
 
 		undoStack.do(toggle => {
 			for (const extension of affectedExtensions) {
-				extension.enabled = enable ? toggle : !toggle;
-				chrome.management.setEnabled(extension.id, extension.enabled);
+				chrome.management.setEnabled(extension.id, enable ? toggle : !toggle);
 			}
-
-			// eslint-disable-next-line no-self-assign -- Signals to Svelte that the content was updated
-			extensions = extensions;
 		});
 	}
 
@@ -104,14 +99,26 @@
 
 		// Update list on global events
 		chrome.management.onUninstalled.addListener(deleted => {
+			console.log({extensions});
 			extensions = extensions.filter(({id}) => id !== deleted);
 		});
 		chrome.management.onInstalled.addListener(installed => {
+			console.log({extensions});
 			if (installed.type === 'extension') {
 				// Place new extension at the top
 				extensions = [fillInTheBlanks(installed), ...extensions];
 			}
 		});
+		chrome.management.onEnabled.addListener(updated => {
+			const extension = extensions.find(({id}) => id === updated.id);
+			extension.enabled = true;
+			extensions = extensions;
+		});
+		chrome.management.onDisabled.addListener(updated => {
+			const extension = extensions.find(({id}) => id === updated.id);
+			extension.enabled = false;
+			extensions = extensions;
+		});
 	});
 
 	// Toggle extra buttons on right click on the name

source/extension.svelte

@@ -32,8 +32,7 @@
 		const wasEnabled = enabled;
 
 		undoStack.do(toggle => {
-			enabled = toggle !== wasEnabled;
-			chrome.management.setEnabled(id, enabled);
+			chrome.management.setEnabled(id, toggle !== wasEnabled);
 		});
 	}