Add timeout-based task splitter

fregante · fregante · commit f6f9f8b1c5de · 2020-01-27T16:48:41.000+07:00
So the loop won't hold the thread hostage for longer than 100ms at a time.
diff --git a/source/features/show-whitespace.tsx b/source/features/show-whitespace.tsx
@@ -49,9 +49,14 @@ function showWhiteSpacesOn(line: Element): void {
 }
 
 async function run(): Promise<void> {
+	let timeKeeper = Date.now();
 	for (const line of select.all('.blob-code-inner')) {
 		line.classList.add('rgh-showing-whitespace');
 		showWhiteSpacesOn(line);
+		if (timeKeeper + 100 < Date.now()) {
+			await new Promise(resolve => setTimeout(resolve, 50));
+			timeKeeper = Date.now();
+		}
 	}
 }
 

Original file line number	Diff line number	Diff line change
`@@ -49,9 +49,14 @@ function showWhiteSpacesOn(line: Element): void {`
`49`	`49`	`}`
`50`	`50`
`51`	`51`	`async function run(): Promise<void> {`
	`52`	`+ let timeKeeper = Date.now();`
`52`	`53`	`for (const line of select.all('.blob-code-inner')) {`
`53`	`54`	`line.classList.add('rgh-showing-whitespace');`
`54`	`55`	`showWhiteSpacesOn(line);`
	`56`	`+ if (timeKeeper + 100 < Date.now()) {`
	`57`	`+ await new Promise(resolve => setTimeout(resolve, 50));`
	`58`	`+ timeKeeper = Date.now();`
	`59`	`+ }`
`55`	`60`	`}`
`56`	`61`	`}`
`57`	`62`