@sitecore-jss/sitecore-jss-nextjs 22.7.0-canary.10 → 22.7.0-canary.12

package/dist/cjs/middleware/middleware.js

@@ -24,11 +24,20 @@ class MiddlewareBase {
      * @returns {boolean} is prefetch
      */
     isPrefetch(req) {
-        return (
-        // eslint-disable-next-line prettier/prettier
-        req.headers.get('purpose') === 'prefetch' || // Pages Router
-            req.headers.get('Next-Router-Prefetch') === '1' // App Router
-        );
+        const isMobile = req.headers.get('sec-ch-ua-mobile') === '?1';
+        const userAgent = req.headers.get('user-agent') || '';
+        const isKnownPlatform = /iPhone|Mac|Linux|Windows|Android/i.test(userAgent);
+        const isKnownDevice = isMobile || isKnownPlatform;
+        const purpose = req.headers.get('purpose');
+        const nextRouterPrefetch = req.headers.get('Next-Router-Prefetch');
+        const middlewarePrefetch = req.headers.get('x-middleware-prefetch');
+        // Some real navigations on different devices may incorrectly include 'prefetch' headers.
+        // To avoid skipping personalization in such cases, we treat 'x-middleware-prefetch' as a more reliable signal of true prefetch behavior.
+        if (isKnownDevice && middlewarePrefetch === '1') {
+            return false;
+        }
+        // Otherwise, standard prefetch detection
+        return purpose === 'prefetch' || nextRouterPrefetch === '1' || middlewarePrefetch === '1';
     }
     excludeRoute(pathname) {
         var _a, _b;

package/dist/cjs/middleware/personalize-middleware.js

@@ -69,6 +69,7 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
                 // Disable preflight caching to force revalidation on client-side navigation (personalization WILL be influenced).
                 // Note the reason we don't move this any earlier in the middleware is that we would then be sacrificing performance for non-personalized pages.
                 response.headers.set('x-middleware-cache', 'no-cache');
+                response.headers.set('Cache-Control', 'no-store, must-revalidate');
                 return response;
             }
             yield this.initPersonalizeServer({

package/dist/esm/middleware/middleware.js

@@ -21,11 +21,20 @@ export class MiddlewareBase {
      * @returns {boolean} is prefetch
      */
     isPrefetch(req) {
-        return (
-        // eslint-disable-next-line prettier/prettier
-        req.headers.get('purpose') === 'prefetch' || // Pages Router
-            req.headers.get('Next-Router-Prefetch') === '1' // App Router
-        );
+        const isMobile = req.headers.get('sec-ch-ua-mobile') === '?1';
+        const userAgent = req.headers.get('user-agent') || '';
+        const isKnownPlatform = /iPhone|Mac|Linux|Windows|Android/i.test(userAgent);
+        const isKnownDevice = isMobile || isKnownPlatform;
+        const purpose = req.headers.get('purpose');
+        const nextRouterPrefetch = req.headers.get('Next-Router-Prefetch');
+        const middlewarePrefetch = req.headers.get('x-middleware-prefetch');
+        // Some real navigations on different devices may incorrectly include 'prefetch' headers.
+        // To avoid skipping personalization in such cases, we treat 'x-middleware-prefetch' as a more reliable signal of true prefetch behavior.
+        if (isKnownDevice && middlewarePrefetch === '1') {
+            return false;
+        }
+        // Otherwise, standard prefetch detection
+        return purpose === 'prefetch' || nextRouterPrefetch === '1' || middlewarePrefetch === '1';
     }
     excludeRoute(pathname) {
         var _a, _b;

package/dist/esm/middleware/personalize-middleware.js

@@ -66,6 +66,7 @@ export class PersonalizeMiddleware extends MiddlewareBase {
                 // Disable preflight caching to force revalidation on client-side navigation (personalization WILL be influenced).
                 // Note the reason we don't move this any earlier in the middleware is that we would then be sacrificing performance for non-personalized pages.
                 response.headers.set('x-middleware-cache', 'no-cache');
+                response.headers.set('Cache-Control', 'no-store, must-revalidate');
                 return response;
             }
             yield this.initPersonalizeServer({

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-nextjs",
-  "version": "22.7.0-canary.10",
+  "version": "22.7.0-canary.12",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -72,16 +72,16 @@
     "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "22.7.0-canary.10",
-    "@sitecore-jss/sitecore-jss-dev-tools": "22.7.0-canary.10",
-    "@sitecore-jss/sitecore-jss-react": "22.7.0-canary.10",
+    "@sitecore-jss/sitecore-jss": "22.7.0-canary.12",
+    "@sitecore-jss/sitecore-jss-dev-tools": "22.7.0-canary.12",
+    "@sitecore-jss/sitecore-jss-react": "22.7.0-canary.12",
     "@vercel/kv": "^0.2.1",
     "regex-parser": "^2.2.11",
     "sync-disk-cache": "^2.1.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "98bc01faa6487f50b8f39498af7eac98ecc86445",
+  "gitHead": "9d5d341cad45a2d275d543d742b2b897a3bbbc50",
   "files": [
     "dist",
     "types",