.

2026-05-02 20:07:02 +02:00
parent ce8672e283
commit 34dc9aec52
9428 changed files with 1733330 additions and 0 deletions
@@ -0,0 +1,29 @@
+// This wrapper function is used to safely select the best available function
+// to schedule removal of the no-FOUC styles workaround. requestAnimationFrame
+// is the ideal choice, but when used in iframes, there are no guarantees that
+// the callback will actually be called, which could stall the promise returned
+// from displayContent.
+//
+// See: https://www.vector-logic.com/blog/posts/on-request-animation-frame-and-embedded-iframes
+const safeCallbackQueue = (callback)=>{
+    if (window.requestAnimationFrame && window.self === window.top) {
+        window.requestAnimationFrame(callback);
+    } else {
+        window.setTimeout(callback);
+    }
+};
+// This function is used to remove Next.js' no-FOUC styles workaround for using
+// `style-loader` in development. It must be called before hydration, or else
+// rendering won't have the correct computed values in effects.
+export function displayContent() {
+    return new Promise((resolve)=>{
+        safeCallbackQueue(function() {
+            for(var x = document.querySelectorAll('[data-next-hide-fouc]'), i = x.length; i--;){
+                x[i].parentNode.removeChild(x[i]);
+            }
+            resolve();
+        });
+    });
+}
+
+//# sourceMappingURL=fouc.js.map