feat(util): add next frame helper

wowserhq · Dec 25, 2023 · 5101f62 · 5101f62
1 parent eaf40f2
commit 5101f62
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 0 deletions.
diff --git a/src/lib/index.ts b/src/lib/index.ts
@@ -0,0 +1,3 @@
+import { nextFrame } from './util';
+
+export { nextFrame };
diff --git a/src/lib/util.ts b/src/lib/util.ts
@@ -0,0 +1,11 @@
+/**
+ * Returns a promise that settles after the next frame renders. Useful for spacing synchronous
+ * work on the main thread.
+ */
+const nextFrame = () => {
+  return new Promise<void>((resolve) => {
+    requestAnimationFrame(() => resolve());
+  });
+};
+
+export { nextFrame };
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1,3 @@
		import { nextFrame } from './util';

		export { nextFrame };