cloudflare-next-intl 0.9.24 → 0.9.25

package/dist/src/server/components/helper_script.d.ts

@@ -1 +1,2 @@
+export declare const defaultReloadHtml = "<div style=\"position:fixed;inset:0;background:#ffffff;display:flex;align-items:center;justify-content:center;z-index:9999999;\"><div style=\"width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#17181b;border-radius:50%;animation:cfni-spin 0.8s linear infinite;\"></div><style>@keyframes cfni-spin{to{transform:rotate(360deg)}}</style></div>";
 export default function HelperScript(): Component | null;

package/dist/src/server/components/helper_script.js

@@ -4,10 +4,12 @@ import config from "../../config/intl_config.js";
 import ClientHelperScript from "../../client/components/client_helper_script.js";
 import { defaultStaleDeployPatterns } from "../../error_handling/is_stale_deploy_error.js";
 const isDev = process.env.NODE_ENV === 'development';
+export const defaultReloadHtml = '<div style="position:fixed;inset:0;background:#ffffff;display:flex;align-items:center;justify-content:center;z-index:9999999;"><div style="width:36px;height:36px;border:3px solid #e5e7eb;border-top-color:#17181b;border-radius:50%;animation:cfni-spin 0.8s linear infinite;"></div><style>@keyframes cfni-spin{to{transform:rotate(360deg)}}</style></div>';
 const appCheck = config.firebaseAuth?.appCheck;
 const shouldLoadExplicitRecaptchaScript = !!appCheck?.recaptchaV3SiteKey && appCheck.useExplicitRecaptchaScript !== false;
 const secureCookieAttribute = isDev ? '+ " Secure;"' : '';
 export default function HelperScript() {
+    const reloadHtml = config.errorHandling?.staleDeployReloadHtml ?? defaultReloadHtml;
     return _jsxs(_Fragment, { children: [shouldLoadExplicitRecaptchaScript &&
                 _jsx("script", { src: "https://www.google.com/recaptcha/api.js?render=explicit", async: true, defer: true }), !isDev &&
                 _jsx("script", { id: "stale-deploy-early-catch", dangerouslySetInnerHTML: {
@@ -38,10 +40,13 @@ export default function HelperScript() {
                         }
                         attemptedThisLoad = true;
                         sessionStorage.setItem(key, buildId);
-                        console.warn('[StaleDeploy early-catch] Reloading for buildId:', buildId);
                         try {
                             if (document.documentElement) {
-                                document.documentElement.style.opacity = '0';
+                                document.documentElement.style.backgroundColor = '#ffffff';
+                            }
+                            if (document.body) {
+                                document.body.style.backgroundColor = '#ffffff';
+                                document.body.innerHTML = ${JSON.stringify(reloadHtml)};
                             }
                         } catch (e) {}
                         try {

package/dist/src/server/components/link.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx as _jsx } from "react/jsx-runtime";
 import LinkComponent from 'next/link.js';
-import { forwardRef, useEffect, useState, useTransition, } from 'react';
+import { forwardRef, useCallback, useEffect, useState, useTransition, } from 'react';
 import config from '../../config/intl_config.js';
 import { getLocaleCache } from '../../general/cache_variables.js';
 import { usePathname, useRouter } from 'next/navigation.js';
@@ -28,7 +28,7 @@ function CustomLinkFunction({ href, prefetch, prefetchType = 'custom', onClick,
     useEffect(() => {
         setIsNavigating(false);
     }, [pathname]);
-    const triggerPrefetch = () => {
+    const triggerPrefetch = useCallback(() => {
         if (!isCustom || !urlString || urlString.startsWith('#') || prefetchedRoutes.has(urlString)) {
             return;
         }
@@ -38,13 +38,13 @@ function CustomLinkFunction({ href, prefetch, prefetchType = 'custom', onClick,
         }
         catch {
         }
-    };
+    }, [isCustom, urlString, pathnames, router]);
     useEffect(() => {
         if (!isCustom)
             return;
-        const timer = setTimeout(triggerPrefetch, 600);
+        const timer = setTimeout(triggerPrefetch, 500);
         return () => clearTimeout(timer);
-    }, [urlString, isCustom]);
+    }, [urlString, isCustom, triggerPrefetch]);
     const handleHoverPrefetch = () => {
         if (isCustom) {
             triggerPrefetch();

package/dist/src/types/types.d.ts

@@ -64,6 +64,7 @@ export interface ErrorHandlingRoutingConfig {
     suppressClientConsoleError?: boolean;
     ignoreConsoleErrors?: readonly string[];
     staleDeployPatterns?: readonly string[];
+    staleDeployReloadHtml?: string;
     ignoreConsoleError?: (message: string) => boolean;
     overrideWindowErrors?: boolean;
     dedup?: boolean;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "cloudflare-next-intl",
-  "version": "0.9.24",
+  "version": "0.9.25",
   "description": "Optimized Next Intl Package Special for App Router and Cloudflare",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",