cloudflare-next-intl 0.9.23 → 0.9.25

package/dist/src/cookie_consent/client/components/cookie_consent_analytics.js

@@ -46,7 +46,8 @@ export function googleConsentModeBootstrapScript(config) {
   document.head.appendChild(a);
 })();`
         : '';
-    return `window.dataLayer = window.dataLayer || [];
+    return `try {
+window.dataLayer = window.dataLayer || [];
 function gtag(){dataLayer.push(arguments);}
 gtag('consent', 'default', {
   'ad_storage': 'denied',
@@ -58,5 +59,6 @@ gtag('consent', 'default', {
 gtag('js', new Date());
 ${configCalls}
 ${gtagLoader}
-${adSenseLoader}`;
+${adSenseLoader}
+} catch (e) { try { console.error('Cookie Consent Analytics Script Error:', e); } catch (e2) {} }`;
 }

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,14 +4,17 @@ 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: {
                         __html: `(function() {
+                try {
                 var patterns = ${JSON.stringify(defaultStaleDeployPatterns)};
                 var key = 'stale-deploy-recovery-reloaded';
                 var attemptedThisLoad = false;
@@ -37,7 +40,15 @@ 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.backgroundColor = '#ffffff';
+                            }
+                            if (document.body) {
+                                document.body.style.backgroundColor = '#ffffff';
+                                document.body.innerHTML = ${JSON.stringify(reloadHtml)};
+                            }
+                        } catch (e) {}
                         try {
                             var u = new URL(window.location.href);
                             u.searchParams.set('_stale_reload', String(Date.now()));
@@ -53,28 +64,41 @@ export default function HelperScript() {
                 window.addEventListener('unhandledrejection', function(e) {
                     recover(e.reason && (e.reason.message || e.reason), 'unhandledrejection');
                 });
+                } catch (e) { try { console.error('Stale Deploy Early Catch Script Error:', e); } catch (e2) {} }
       })();`
                     } }), !isDev &&
                 _jsx("script", { id: "build-id-script", children: `(async function() {
                 try {
                     const resp = await fetch('/BUILD_ID', { method: 'HEAD', cache: 'no-store' });
                     if (resp.ok) {
-                        const BUILD_ID = resp.headers.get('ETag')?.replace(/W\\/|"/g, '');
+                        let BUILD_ID;
+                        try {
+                            BUILD_ID = resp.headers.get('ETag')?.replace(/W\\/|"/g, '');
+                        } catch (e) { BUILD_ID = undefined; }
                         if(!BUILD_ID) return;
-                        console.log('Build ID:', BUILD_ID);
+                        try { console.log('Build ID:', BUILD_ID); } catch (e) {}
 
-                        const prevBuild = localStorage.getItem('buildId');
+                        let prevBuild;
+                        try {
+                            prevBuild = localStorage.getItem('buildId');
+                        } catch (e) { prevBuild = null; }
 
                         if (prevBuild !== BUILD_ID) {
-                            localStorage.setItem('buildId', BUILD_ID);
-                            localStorage.setItem('buildIdSetAt', String(Date.now()));
+                            try {
+                                localStorage.setItem('buildId', BUILD_ID);
+                                localStorage.setItem('buildIdSetAt', String(Date.now()));
+                            } catch (e) {}
                             if(prevBuild){
-                                window.location.reload(true);
+                                try {
+                                    window.location.reload(true);
+                                } catch (e) {
+                                    try { window.location.reload(); } catch (e2) {}
+                                }
                             }
                         }
                     }
                 } catch (e) {
-                    console.error('Check Build ID Script Error:', e);
+                    try { console.error('Check Build ID Script Error:', e); } catch (e2) {}
                 }
       })();` }), _jsx("script", { id: "intl-app-state-checker", children: `(function() {
                 try {
@@ -87,16 +111,22 @@ export default function HelperScript() {
                         // Use a regex to find the cookie directly, avoiding splits and loops.
                         // The non-capturing group (?:^|; ) matches the start of the string or a '; '
                         // to ensure we're not matching a substring of another cookie's name.
-                        const match = document.cookie.match(new RegExp(\`(?:^|; )\${name}=([^;]*)\`));
-                        return match ? decodeURIComponent(match[1]) : null;
+                        try {
+                            const match = document.cookie.match(new RegExp(\`(?:^|; )\${name}=([^;]*)\`));
+                            return match ? decodeURIComponent(match[1]) : null;
+                        } catch (e) {
+                            return null;
+                        }
                     };
 
                     function setTheme(isDark){
-                        const classList=document.documentElement.classList;
-                        // This check is efficient as it only touches the DOM when a change is needed.
-                        if (classList.contains('dark') !== isDark) {
-                            classList.toggle('dark', isDark);
-                        }
+                        try {
+                            const classList=document.documentElement.classList;
+                            // This check is efficient as it only touches the DOM when a change is needed.
+                            if (classList.contains('dark') !== isDark) {
+                                classList.toggle('dark', isDark);
+                            }
+                        } catch (e) {}
                     }
                     
                     function syncTheme(){
@@ -124,37 +154,45 @@ export default function HelperScript() {
                     if (locale && locale !== '${config.defaultLocale}' && !pathname.startsWith(\`/\${locale}\`)) {
                         const newPath = \`/\${locale}\${pathname === '/' ? '' : pathname}\${search}\${hash}\`;
                         // Redirecting will stop further script execution on this page.
-                        window.location.href = newPath;
+                        try {
+                            window.location.href = newPath;
+                        } catch (e) {}
                     } else {
                         const isDark = getCookie('${isDarkCookieKey}');
                         if(isDark===null){
-                            const prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+                            let prefersDark = false;
+                            try {
+                                prefersDark = window.matchMedia('(prefers-color-scheme: dark)').matches;
+                            } catch (e) {}
                             setTheme(prefersDark);
-                            document.cookie = '${isDarkCookieKey}=' +
-                                                prefersDark +
-                                                '; path=/; max-age=31536000; SameSite=Lax;'
-                                                ${secureCookieAttribute};
+                            try {
+                                document.cookie = '${isDarkCookieKey}=' +
+                                                    prefersDark +
+                                                    '; path=/; max-age=31536000; SameSite=Lax;'
+                                                    ${secureCookieAttribute};
+                            } catch (e) {}
                         }else{
                             setTheme(isDark==='true');
                         }
                         // 3. Set up listeners for client-side navigation (only if not redirecting).
-                        
-                        // Store original history methods.
-                        const pushState = history.pushState;
-                        const replaceState = history.replaceState;
-                        const back = history.back;
+                        try {
+                            // Store original history methods.
+                            const pushState = history.pushState;
+                            const replaceState = history.replaceState;
+                            const back = history.back;
 
-                        history.back = function (...args) {
-                            back.apply(history, args);
-                        };
-                        history.pushState = function (...args) {
-                            pushState.apply(history, args);
-                            syncTheme(); // Re-sync theme after navigation.
-                        };
-                        history.replaceState = function (...args) {
-                            replaceState.apply(history, args);
-                            syncTheme(); // Re-sync theme after state replacement.
-                        };
+                            history.back = function (...args) {
+                                try { back.apply(history, args); } catch (e) {}
+                            };
+                            history.pushState = function (...args) {
+                                try { pushState.apply(history, args); } catch (e) {}
+                                try { syncTheme(); } catch (e) {} // Re-sync theme after navigation.
+                            };
+                            history.replaceState = function (...args) {
+                                try { replaceState.apply(history, args); } catch (e) {}
+                                try { syncTheme(); } catch (e) {} // Re-sync theme after state replacement.
+                            };
+                        } catch (e) {}
                     }
                 } catch (e) {
                     console.error('App State check Script Error:', e);

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.23",
+  "version": "0.9.25",
   "description": "Optimized Next Intl Package Special for App Router and Cloudflare",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",