Update list on install

package.json

@@ -30,6 +30,7 @@
 			"no-bitwise": "off",
 			"no-inner-declarations": "off",
 			"no-new": "off",
+			"no-self-assign": "off",
 			"unicorn/prefer-top-level-await": "off"
 		},
 		"overrides": [

source/app.svelte

@@ -38,10 +38,16 @@
 			);
 		}
 
-		// eslint-disable-next-line no-self-assign -- Signals to Svelte that the content was updated
 		extensions = extensions;
 	}
 
+
+	function fillInTheBlanks(extension) {
+		extension.shown = true;
+		extension.indexedName = extension.name.toLowerCase();
+		return extension;
+	}
+
 	function hideInfoMessage() {
 		localStorage.setItem('undo-info-message', 1);
 		showInfoMessage = false;
@@ -72,12 +78,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;
 		});
 	}
 
@@ -92,16 +94,28 @@
 
 				return a.enabled < b.enabled ? 1 : -1; // Sort by state
 			})
-			.map(extension => {
-				extension.shown = true;
-				extension.indexedName = extension.name.toLowerCase();
-				return extension;
-			});
+			.map(extension => fillInTheBlanks(extension));
 
-		// Update list on uninstall
+		// Update list on global events
 		chrome.management.onUninstalled.addListener(deleted => {
 			extensions = extensions.filter(({id}) => id !== deleted);
 		});
+		chrome.management.onInstalled.addListener(installed => {
+			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);
 		});
 	}