observe own tabs

Author: tophf

src/background/broadcast.js

@@ -57,9 +57,9 @@ async function doBroadcast() {
     }
     tabs.length = tabsLen;
   } else if (activeTab) {
-    for (const t of tabCache.values()) {
-      if (t[kStyleIds] && !t[kUrl][0].startsWith(ownRoot)) {
-        tabsLen = tabs[t.id === activeTab.id ? 'unshift' : 'push'](t.id);
+    for (const {id, [kUrl]: url, [kStyleIds]: styleIds} of tabCache.values()) {
+      if (styleIds && url && url[0] && !url[0].startsWith(ownRoot)) {
+        tabsLen = tabs[id === activeTab.id ? 'unshift' : 'push'](id);
       }
     }
   }

src/background/navigation-manager.js

@@ -1,7 +1,7 @@
 import '@/js/browser';
 import {kAboutBlank, kUrl} from '@/js/consts';
 import {CHROME, FIREFOX} from '@/js/ua';
-import {chromeProtectsNTP} from '@/js/urls';
+import {chromeProtectsNTP, ownRoot} from '@/js/urls';
 import {deepEqual} from '@/js/util';
 import {ignoreChromeError, MF} from '@/js/util-webext';
 import {pingTab, sendTab} from './broadcast';
@@ -11,7 +11,10 @@ import tabCache from './tab-manager';
 export const webNavigation = chrome.webNavigation;
 /** @type {{ url: chrome.events.UrlFilter[] }} */
 const WEBNAV_FILTER_STYLABLE = {
-  url: [{schemes: ['http', 'https', 'file', 'ftp', 'ftps']}],
+  url: [
+    {schemes: ['http', 'https', 'file', 'ftp', 'ftps']},
+    {urlPrefix: ownRoot},
+  ],
 };
 export const kCommitted = 'committed';
 let prevData = {};

src/background/style-manager/index.js

@@ -280,11 +280,15 @@ export function getSectionsByUrl(url, id, isInitialApply) {
     buildCache(cache, url, res);
   }
   res = cache.sections;
+  res = id
+    ? ((res = res[id])) ? [res] : []
+    : Object.values(res);
+  if (isInitialApply === true && res.length) {
+    (td[kUrl] ??= {})[frameId] ??= url;
+  }
   return {
     cfg,
-    sections: id
-      ? ((res = res[id])) ? [res] : []
-      : Object.values(res),
+    sections: res,
   };
 }