v0.0.2

src/bg.js

@@ -58,7 +58,7 @@ var getTabParent = (tabs, id, currentTopLevelTabPos) => {
 		if (tabs[i].id === id) {
 			return {
 				parentIndex: currentTopLevelTabPos,
-				faviconUrl: tabs[i].faviconUrl
+				faviconUrl: tabs[i].favIconUrl
 			};
 		} else {
 			if (tabs[i].children && tabs[i].children.length > 0) {
@@ -79,15 +79,26 @@ var updateAllColorsOnAllTabs = async () => {
 			window:  w.id
 		});
 
-		for (let i = 0; i < tstTabs.length; i++) {
+		var changeTabs = (tabs) => {
-			if (tstTabs[i].status === 'complete') {
+
-				let t = getTabParent(tstTabs, tstTabs[i].id);
+			for (let i = 0; i < tabs.length; i++) {
-				browser.tabs.executeScript(tstTabs[i].id, {
+
-					code: '(' + changeIcon.toString() + ')' +
+				if (tabs[i].status === 'complete') {
-						'("' + generateRandomColor(t.parentIndex) + '", "' + t.faviconUrl + '")'
+					let t = getTabParent(tstTabs, tabs[i].id);
-				});
+					browser.tabs.executeScript(tabs[i].id, {
+						code: '(' + changeIcon.toString() + ')' +
+							'("' + generateRandomColor(t.parentIndex) + '", "' + t.faviconUrl + '")'
+					});
+				}
+
+				if (tabs[i].children && tabs[i].children.length > 0) {
+					changeTabs(tabs[i].children);
+				}
 			}
-		}
+		};
+
+		changeTabs(tstTabs);
+
 	});
 
 }
@@ -104,21 +115,13 @@ browser.runtime.onMessageExternal.addListener((aMessage, aSender) => {
 	}
 });
 
-//when a tab is created
+//when something happens with a tab
-browser.tabs.onUpdated.addListener(async (tabId, changeInfo, tab) => {
+let tabEvents = ['onUpdated', 'onAttached', 'onDetached', 'onMoved', 'onRemoved']
-	var tstTabs = await browser.runtime.sendMessage(kTST_ID, {
+tabEvents.forEach((ev) => {
-		type: 'get-tree',
+	browser.tabs[ev].addListener(async (tabId, changeInfo, tab) => {
-		window:  tab.windowId
+		updateAllColorsOnAllTabs();
 	});
-
-	if (tab.status === 'complete') {
-		var t = getTabParent(tstTabs, tab.id);
-
-		browser.tabs.executeScript(tab.id, {
-			code: '(' + changeIcon.toString() + ')' +
-				'("' + generateRandomColor(t.parentIndex) + '", "' + t.faviconUrl + '")'
-		});
-	}
 });
 
+
 registerToTST(); // aggressive registration on initial installation

src/manifest.json

@@ -2,7 +2,7 @@
   "description": "Color tabs based on their parent.",
   "manifest_version": 2,
   "name": "Color Tab Group",
-  "version": "0.0.1",
+  "version": "0.0.2",
   "homepage_url": "https://git.e.tern.al/s2/tab-groupcolor",
   "icons": {
     "48": "img/icon-48.png"