use scheduler.yield()

Author: tophf

src/background/broadcast.js

@@ -1,7 +1,7 @@
 import '@/js/browser';
 import {rxIgnorableError} from '@/js/msg-api';
 import {ownRoot} from '@/js/urls';
-import {sleep} from '@/js/util';
+import {sleep0} from '@/js/util';
 import {getWindowClients} from './util';
 
 let toBroadcast;
@@ -30,7 +30,7 @@ async function doBroadcast() {
          so we're yielding for a possible navigation/messaging event. */
       if (++cnt > 50) {
         cnt = 0;
-        await sleep();
+        await sleep0();
       }
     }
   }

src/background/content-scripts.js

@@ -1,7 +1,7 @@
 import '@/js/browser';
 import {kUrl} from '@/js/consts';
 import * as URLS from '@/js/urls';
-import {sleep, stringAsRegExpStr} from '@/js/util';
+import {sleep0, stringAsRegExpStr} from '@/js/util';
 import {ignoreChromeError, MF} from '@/js/util-webext';
 import {sendTab} from './broadcast';
 import {webNavigation} from './navigation-manager';
@@ -40,7 +40,7 @@ export default async function reinjectContentScripts(targetTab) {
   }
   let busyTabsTimer;
 
-  if (!targetTab) await sleep();
+  if (!targetTab) await sleep0();
 
   for (const tab of targetTab ? [targetTab] : await browser.tabs.query({})) {
     const url = tab.pendingUrl || tab.url;

src/edit/moz-section-widget.js

@@ -3,7 +3,7 @@ import {$create} from '@/js/dom';
 import {messageBox} from '@/js/dom-util';
 import {htmlToTemplate, templateCache} from '@/js/localization';
 import {onMessage} from '@/js/msg';
-import {sleep, t} from '@/js/util';
+import {sleep0, t} from '@/js/util';
 import {CodeMirror} from '@/cm';
 import editor from './editor';
 import MozSectionFinder from './moz-section-finder';
@@ -83,7 +83,7 @@ export default function MozSectionWidget(cm, finder = MozSectionFinder(cm)) {
       async '.add-applies-to'(elItem, func) {
         const pos = func.item.find(1);
         cm.replaceRange(`, ${func.str.type}("")`, pos, pos);
-        await sleep();
+        await sleep0();
         elItem.nextElementSibling.$('input').focus();
       },
     };

src/edit/sections-editor.js

@@ -6,7 +6,7 @@ import {htmlToTemplateCache, templateCache} from '@/js/localization';
 import {API} from '@/js/msg-api';
 import * as prefs from '@/js/prefs';
 import {styleSectionsEqual, styleToCss} from '@/js/sections-util';
-import {clipString, RX_META, sleep, t} from '@/js/util';
+import {clipString, RX_META, sleep0, t} from '@/js/util';
 import editor from './editor';
 import * as linterMan from './linter';
 import EditorSection from './sections-editor-section';
@@ -524,7 +524,7 @@ export default function SectionsEditor() {
       } else if (now - tPrev > 100) {
         tPrev = 0;
         forceRefresh = false;
-        await sleep();
+        await sleep0();
       }
       if (si) forceRefresh = y < si.scrollY2 && (y += si.cms[i].parentHeight) > si.scrollY;
       insertSectionAfter(src[i], null, forceRefresh, si && si.cms[i]);

src/js/util.js

@@ -14,6 +14,8 @@ export const hasOwn = /*@__PURE__*/Object.call.bind({}.hasOwnProperty);
 export const isCssDarkScheme = () => matchMedia('(prefers-color-scheme:dark)').matches;
 export const isObject = val => typeof val === 'object' && val;
 export const sleep = ms => new Promise(ms > 0 ? cb => setTimeout(cb, ms) : setTimeout);
+/** uses scheduler.yield() to prioritize continuation of the initiator over another task */
+export const sleep0 = () => global.scheduler?.yield?.() || new Promise(setTimeout);
 export const stringAsRegExpStr = s => s.replace(/[{}()[\]\\.+*?^$|]/g, '\\$&');
 export const stringAsRegExp = (s, flags) => new RegExp(stringAsRegExpStr(s), flags);
 export const RX_META = /\/\*!?\s*==userstyle==[\s\S]*?==\/userstyle==\s*\*\//i;

src/popup/index.js

@@ -9,7 +9,7 @@ import * as prefs from '@/js/prefs';
 import {isDark, onDarkChanged} from '@/js/themer';
 import {CHROME, FIREFOX, MOBILE, OPERA} from '@/js/ua';
 import {ownRoot} from '@/js/urls';
-import {capitalize, clamp, clipString, sleep, stringAsRegExpStr, t} from '@/js/util';
+import {capitalize, clamp, clipString, sleep0, stringAsRegExpStr, t} from '@/js/util';
 import {CHROME_POPUP_BORDER_BUG, getActiveTab, MF} from '@/js/util-webext';
 import * as Events from './events';
 import './hotkeys';
@@ -168,7 +168,7 @@ async function initPopup(frames, ping0, tab, urlSupported) {
     }
     // FF and some Chrome forks (e.g. CentBrowser) implement tab-on-demand
     // so we'll wait a bit to handle popup being invoked right after switching
-    await sleep();
+    await sleep0();
     tab = await getActiveTab();
   }