npm - next - Versions diffs - 15.4.0-canary.127 → 15.4.0-canary.129 - Mend

next 15.4.0-canary.127 → 15.4.0-canary.129

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (67) hide show

package/dist/shared/lib/router/utils/{handle-smooth-scroll.d.ts → disable-smooth-scroll.d.ts} RENAMED Viewed

@@ -2,7 +2,7 @@
  * Run function with `scroll-behavior: auto` applied to `<html/>`.
  * This css change will be reverted after the function finishes.
  */
-export declare function handleSmoothScroll(fn: () => void, options?: {
+export declare function disableSmoothScrollDuringRouteTransition(fn: () => void, options?: {
     dontForceLayout?: boolean;
     onlyHashChange?: boolean;
 }): void;

package/dist/shared/lib/router/utils/disable-smooth-scroll.js ADDED Viewed

@@ -0,0 +1,51 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "disableSmoothScrollDuringRouteTransition", {
+    enumerable: true,
+    get: function() {
+        return disableSmoothScrollDuringRouteTransition;
+    }
+});
+const _warnonce = require("../../utils/warn-once");
+function disableSmoothScrollDuringRouteTransition(fn, options) {
+    if (options === void 0) options = {};
+    // if only the hash is changed, we don't need to disable smooth scrolling
+    // we only care to prevent smooth scrolling when navigating to a new page to avoid jarring UX
+    if (options.onlyHashChange) {
+        fn();
+        return;
+    }
+    const htmlElement = document.documentElement;
+    const hasDataAttribute = htmlElement.dataset.scrollBehavior === 'smooth';
+    // Since this is a breaking change, this is temporarily flagged
+    // and will be false by default.
+    // In the next major (v16), this will be automatically enabled
+    if (process.env.__NEXT_OPTIMIZE_ROUTER_SCROLL) {
+        if (!hasDataAttribute) {
+            // No smooth scrolling configured, run directly without style manipulation
+            fn();
+            return;
+        }
+    } else {
+        // Old behavior: always manipulate styles, but warn about upcoming change
+        // Warn if smooth scrolling is detected but no data attribute is present
+        if (process.env.NODE_ENV === 'development' && !hasDataAttribute && getComputedStyle(htmlElement).scrollBehavior === 'smooth') {
+            (0, _warnonce.warnOnce)('Detected `scroll-behavior: smooth` on the `<html>` element. In a future version, ' + 'Next.js will no longer automatically disable smooth scrolling during route transitions. ' + 'To prepare for this change, add `data-scroll-behavior="smooth"` to your <html> element. ' + 'Learn more: https://nextjs.org/docs/messages/missing-data-scroll-behavior');
+        }
+    }
+    // Proceed with temporarily disabling smooth scrolling
+    const existing = htmlElement.style.scrollBehavior;
+    htmlElement.style.scrollBehavior = 'auto';
+    if (!options.dontForceLayout) {
+        // In Chrome-based browsers we need to force reflow before calling `scrollTo`.
+        // Otherwise it will not pickup the change in scrollBehavior
+        // More info here: https://github.com/vercel/next.js/issues/40719#issuecomment-1336248042
+        htmlElement.getClientRects();
+    }
+    fn();
+    htmlElement.style.scrollBehavior = existing;
+}
+//# sourceMappingURL=disable-smooth-scroll.js.map

package/dist/shared/lib/router/utils/disable-smooth-scroll.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"sources":["../../../../../src/shared/lib/router/utils/disable-smooth-scroll.ts"],"sourcesContent":["import { warnOnce } from '../../utils/warn-once'\n\n/**\n * Run function with `scroll-behavior: auto` applied to `<html/>`.\n * This css change will be reverted after the function finishes.\n */\nexport function disableSmoothScrollDuringRouteTransition(\n fn: () => void,\n options: { dontForceLayout?: boolean; onlyHashChange?: boolean } = {}\n) {\n // if only the hash is changed, we don't need to disable smooth scrolling\n // we only care to prevent smooth scrolling when navigating to a new page to avoid jarring UX\n if (options.onlyHashChange) {\n fn()\n return\n }\n\n const htmlElement = document.documentElement\n const hasDataAttribute = htmlElement.dataset.scrollBehavior === 'smooth'\n\n // Since this is a breaking change, this is temporarily flagged\n // and will be false by default.\n // In the next major (v16), this will be automatically enabled\n if (process.env.__NEXT_OPTIMIZE_ROUTER_SCROLL) {\n if (!hasDataAttribute) {\n // No smooth scrolling configured, run directly without style manipulation\n fn()\n return\n }\n } else {\n // Old behavior: always manipulate styles, but warn about upcoming change\n\n // Warn if smooth scrolling is detected but no data attribute is present\n if (\n process.env.NODE_ENV === 'development' &&\n !hasDataAttribute &&\n getComputedStyle(htmlElement).scrollBehavior === 'smooth'\n ) {\n warnOnce(\n 'Detected `scroll-behavior: smooth` on the `<html>` element. In a future version, ' +\n 'Next.js will no longer automatically disable smooth scrolling during route transitions. ' +\n 'To prepare for this change, add `data-scroll-behavior=\"smooth\"` to your <html> element. ' +\n 'Learn more: https://nextjs.org/docs/messages/missing-data-scroll-behavior'\n )\n }\n }\n\n // Proceed with temporarily disabling smooth scrolling\n const existing = htmlElement.style.scrollBehavior\n htmlElement.style.scrollBehavior = 'auto'\n if (!options.dontForceLayout) {\n // In Chrome-based browsers we need to force reflow before calling `scrollTo`.\n // Otherwise it will not pickup the change in scrollBehavior\n // More info here: https://github.com/vercel/next.js/issues/40719#issuecomment-1336248042\n htmlElement.getClientRects()\n }\n fn()\n htmlElement.style.scrollBehavior = existing\n}\n"],"names":["disableSmoothScrollDuringRouteTransition","fn","options","onlyHashChange","htmlElement","document","documentElement","hasDataAttribute","dataset","scrollBehavior","process","env","__NEXT_OPTIMIZE_ROUTER_SCROLL","NODE_ENV","getComputedStyle","warnOnce","existing","style","dontForceLayout","getClientRects"],"mappings":";;;;+BAMgBA;;;eAAAA;;;0BANS;AAMlB,SAASA,yCACdC,EAAc,EACdC,OAAqE;IAArEA,IAAAA,oBAAAA,UAAmE,CAAC;IAEpE,yEAAyE;IACzE,6FAA6F;IAC7F,IAAIA,QAAQC,cAAc,EAAE;QAC1BF;QACA;IACF;IAEA,MAAMG,cAAcC,SAASC,eAAe;IAC5C,MAAMC,mBAAmBH,YAAYI,OAAO,CAACC,cAAc,KAAK;IAEhE,+DAA+D;IAC/D,gCAAgC;IAChC,8DAA8D;IAC9D,IAAIC,QAAQC,GAAG,CAACC,6BAA6B,EAAE;QAC7C,IAAI,CAACL,kBAAkB;YACrB,0EAA0E;YAC1EN;YACA;QACF;IACF,OAAO;QACL,yEAAyE;QAEzE,wEAAwE;QACxE,IACES,QAAQC,GAAG,CAACE,QAAQ,KAAK,iBACzB,CAACN,oBACDO,iBAAiBV,aAAaK,cAAc,KAAK,UACjD;YACAM,IAAAA,kBAAQ,EACN,sFACE,6FACA,6FACA;QAEN;IACF;IAEA,sDAAsD;IACtD,MAAMC,WAAWZ,YAAYa,KAAK,CAACR,cAAc;IACjDL,YAAYa,KAAK,CAACR,cAAc,GAAG;IACnC,IAAI,CAACP,QAAQgB,eAAe,EAAE;QAC5B,8EAA8E;QAC9E,4DAA4D;QAC5D,yFAAyF;QACzFd,YAAYe,cAAc;IAC5B;IACAlB;IACAG,YAAYa,KAAK,CAACR,cAAc,GAAGO;AACrC","ignoreList":[0]}

package/dist/telemetry/anonymous-meta.js CHANGED Viewed

@@ -81,7 +81,7 @@ function getAnonymousMeta() {
         isWsl: _iswsl.default,
         isCI: _ciinfo.isCI,
         ciName: _ciinfo.isCI && _ciinfo.name || null,
-        nextVersion: "15.4.0-canary.127"
+        nextVersion: "15.4.0-canary.129"
     };
     return traits;
 }

package/dist/telemetry/events/session-stopped.js CHANGED Viewed

@@ -11,11 +11,11 @@ Object.defineProperty(exports, "eventCliSessionStopped", {
 const EVENT_VERSION = 'NEXT_CLI_SESSION_STOPPED';
 function eventCliSessionStopped(event) {
     // This should be an invariant, if it fails our build tooling is broken.
-    if (typeof "15.4.0-canary.127" !== 'string') {
+    if (typeof "15.4.0-canary.129" !== 'string') {
         return [];
     }
     const payload = {
-        nextVersion: "15.4.0-canary.127",
+        nextVersion: "15.4.0-canary.129",
         nodeVersion: process.version,
         cliCommand: event.cliCommand,
         durationMilliseconds: event.durationMilliseconds,

package/dist/telemetry/events/version.js CHANGED Viewed

@@ -36,12 +36,12 @@ function hasBabelConfig(dir) {
 function eventCliSession(dir, nextConfig, event) {
     var _nextConfig_experimental_staleTimes, _nextConfig_experimental_staleTimes1, _nextConfig_experimental_reactCompiler, _nextConfig_experimental_reactCompiler1;
     // This should be an invariant, if it fails our build tooling is broken.
-    if (typeof "15.4.0-canary.127" !== 'string') {
+    if (typeof "15.4.0-canary.129" !== 'string') {
         return [];
     }
     const { images, i18n } = nextConfig || {};
     const payload = {
-        nextVersion: "15.4.0-canary.127",
+        nextVersion: "15.4.0-canary.129",
         nodeVersion: process.version,
         cliCommand: event.cliCommand,
         isSrcDir: event.isSrcDir,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "next",
-  "version": "15.4.0-canary.127",
+  "version": "15.4.0-canary.129",
   "description": "The React Framework",
   "main": "./dist/server/next.js",
   "license": "MIT",
@@ -100,7 +100,7 @@
     ]
   },
   "dependencies": {
-    "@next/env": "15.4.0-canary.127",
+    "@next/env": "15.4.0-canary.129",
     "@swc/helpers": "0.5.15",
     "caniuse-lite": "^1.0.30001579",
     "postcss": "8.4.31",
@@ -130,14 +130,14 @@
   },
   "optionalDependencies": {
     "sharp": "^0.34.1",
-    "@next/swc-darwin-arm64": "15.4.0-canary.127",
-    "@next/swc-darwin-x64": "15.4.0-canary.127",
-    "@next/swc-linux-arm64-gnu": "15.4.0-canary.127",
-    "@next/swc-linux-arm64-musl": "15.4.0-canary.127",
-    "@next/swc-linux-x64-gnu": "15.4.0-canary.127",
-    "@next/swc-linux-x64-musl": "15.4.0-canary.127",
-    "@next/swc-win32-arm64-msvc": "15.4.0-canary.127",
-    "@next/swc-win32-x64-msvc": "15.4.0-canary.127"
+    "@next/swc-darwin-arm64": "15.4.0-canary.129",
+    "@next/swc-darwin-x64": "15.4.0-canary.129",
+    "@next/swc-linux-arm64-gnu": "15.4.0-canary.129",
+    "@next/swc-linux-arm64-musl": "15.4.0-canary.129",
+    "@next/swc-linux-x64-gnu": "15.4.0-canary.129",
+    "@next/swc-linux-x64-musl": "15.4.0-canary.129",
+    "@next/swc-win32-arm64-msvc": "15.4.0-canary.129",
+    "@next/swc-win32-x64-msvc": "15.4.0-canary.129"
   },
   "devDependencies": {
     "@ampproject/toolbox-optimizer": "2.8.3",
@@ -171,11 +171,11 @@
     "@jest/types": "29.5.0",
     "@mswjs/interceptors": "0.23.0",
     "@napi-rs/triples": "1.2.0",
-    "@next/font": "15.4.0-canary.127",
-    "@next/polyfill-module": "15.4.0-canary.127",
-    "@next/polyfill-nomodule": "15.4.0-canary.127",
-    "@next/react-refresh-utils": "15.4.0-canary.127",
-    "@next/swc": "15.4.0-canary.127",
+    "@next/font": "15.4.0-canary.129",
+    "@next/polyfill-module": "15.4.0-canary.129",
+    "@next/polyfill-nomodule": "15.4.0-canary.129",
+    "@next/react-refresh-utils": "15.4.0-canary.129",
+    "@next/swc": "15.4.0-canary.129",
     "@opentelemetry/api": "1.6.0",
     "@playwright/test": "1.51.1",
     "@rspack/core": "1.4.5",

package/dist/esm/shared/lib/router/utils/handle-smooth-scroll.js DELETED Viewed

@@ -1,25 +0,0 @@
-/**
- * Run function with `scroll-behavior: auto` applied to `<html/>`.
- * This css change will be reverted after the function finishes.
- */ export function handleSmoothScroll(fn, options) {
-    if (options === void 0) options = {};
-    // if only the hash is changed, we don't need to disable smooth scrolling
-    // we only care to prevent smooth scrolling when navigating to a new page to avoid jarring UX
-    if (options.onlyHashChange) {
-        fn();
-        return;
-    }
-    const htmlElement = document.documentElement;
-    const existing = htmlElement.style.scrollBehavior;
-    htmlElement.style.scrollBehavior = 'auto';
-    if (!options.dontForceLayout) {
-        // In Chrome-based browsers we need to force reflow before calling `scrollTo`.
-        // Otherwise it will not pickup the change in scrollBehavior
-        // More info here: https://github.com/vercel/next.js/issues/40719#issuecomment-1336248042
-        htmlElement.getClientRects();
-    }
-    fn();
-    htmlElement.style.scrollBehavior = existing;
-}
-//# sourceMappingURL=handle-smooth-scroll.js.map

package/dist/esm/shared/lib/router/utils/handle-smooth-scroll.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../../../src/shared/lib/router/utils/handle-smooth-scroll.ts"],"sourcesContent":["/**\n * Run function with `scroll-behavior: auto` applied to `<html/>`.\n * This css change will be reverted after the function finishes.\n */\nexport function handleSmoothScroll(\n fn: () => void,\n options: { dontForceLayout?: boolean; onlyHashChange?: boolean } = {}\n) {\n // if only the hash is changed, we don't need to disable smooth scrolling\n // we only care to prevent smooth scrolling when navigating to a new page to avoid jarring UX\n if (options.onlyHashChange) {\n fn()\n return\n }\n const htmlElement = document.documentElement\n const existing = htmlElement.style.scrollBehavior\n htmlElement.style.scrollBehavior = 'auto'\n if (!options.dontForceLayout) {\n // In Chrome-based browsers we need to force reflow before calling `scrollTo`.\n // Otherwise it will not pickup the change in scrollBehavior\n // More info here: https://github.com/vercel/next.js/issues/40719#issuecomment-1336248042\n htmlElement.getClientRects()\n }\n fn()\n htmlElement.style.scrollBehavior = existing\n}\n"],"names":["handleSmoothScroll","fn","options","onlyHashChange","htmlElement","document","documentElement","existing","style","scrollBehavior","dontForceLayout","getClientRects"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,mBACdC,EAAc,EACdC,OAAqE;IAArEA,IAAAA,oBAAAA,UAAmE,CAAC;IAEpE,yEAAyE;IACzE,6FAA6F;IAC7F,IAAIA,QAAQC,cAAc,EAAE;QAC1BF;QACA;IACF;IACA,MAAMG,cAAcC,SAASC,eAAe;IAC5C,MAAMC,WAAWH,YAAYI,KAAK,CAACC,cAAc;IACjDL,YAAYI,KAAK,CAACC,cAAc,GAAG;IACnC,IAAI,CAACP,QAAQQ,eAAe,EAAE;QAC5B,8EAA8E;QAC9E,4DAA4D;QAC5D,yFAAyF;QACzFN,YAAYO,cAAc;IAC5B;IACAV;IACAG,YAAYI,KAAK,CAACC,cAAc,GAAGF;AACrC","ignoreList":[0]}

package/dist/shared/lib/router/utils/handle-smooth-scroll.js DELETED Viewed

@@ -1,35 +0,0 @@
-/**
- * Run function with `scroll-behavior: auto` applied to `<html/>`.
- * This css change will be reverted after the function finishes.
- */ "use strict";
-Object.defineProperty(exports, "__esModule", {
-    value: true
-});
-Object.defineProperty(exports, "handleSmoothScroll", {
-    enumerable: true,
-    get: function() {
-        return handleSmoothScroll;
-    }
-});
-function handleSmoothScroll(fn, options) {
-    if (options === void 0) options = {};
-    // if only the hash is changed, we don't need to disable smooth scrolling
-    // we only care to prevent smooth scrolling when navigating to a new page to avoid jarring UX
-    if (options.onlyHashChange) {
-        fn();
-        return;
-    }
-    const htmlElement = document.documentElement;
-    const existing = htmlElement.style.scrollBehavior;
-    htmlElement.style.scrollBehavior = 'auto';
-    if (!options.dontForceLayout) {
-        // In Chrome-based browsers we need to force reflow before calling `scrollTo`.
-        // Otherwise it will not pickup the change in scrollBehavior
-        // More info here: https://github.com/vercel/next.js/issues/40719#issuecomment-1336248042
-        htmlElement.getClientRects();
-    }
-    fn();
-    htmlElement.style.scrollBehavior = existing;
-}
-//# sourceMappingURL=handle-smooth-scroll.js.map

package/dist/shared/lib/router/utils/handle-smooth-scroll.js.map DELETED Viewed

@@ -1 +0,0 @@

- {"version":3,"sources":["../../../../../src/shared/lib/router/utils/handle-smooth-scroll.ts"],"sourcesContent":["/**\n * Run function with `scroll-behavior: auto` applied to `<html/>`.\n * This css change will be reverted after the function finishes.\n */\nexport function handleSmoothScroll(\n fn: () => void,\n options: { dontForceLayout?: boolean; onlyHashChange?: boolean } = {}\n) {\n // if only the hash is changed, we don't need to disable smooth scrolling\n // we only care to prevent smooth scrolling when navigating to a new page to avoid jarring UX\n if (options.onlyHashChange) {\n fn()\n return\n }\n const htmlElement = document.documentElement\n const existing = htmlElement.style.scrollBehavior\n htmlElement.style.scrollBehavior = 'auto'\n if (!options.dontForceLayout) {\n // In Chrome-based browsers we need to force reflow before calling `scrollTo`.\n // Otherwise it will not pickup the change in scrollBehavior\n // More info here: https://github.com/vercel/next.js/issues/40719#issuecomment-1336248042\n htmlElement.getClientRects()\n }\n fn()\n htmlElement.style.scrollBehavior = existing\n}\n"],"names":["handleSmoothScroll","fn","options","onlyHashChange","htmlElement","document","documentElement","existing","style","scrollBehavior","dontForceLayout","getClientRects"],"mappings":"AAAA;;;CAGC;;;;+BACeA;;;eAAAA;;;AAAT,SAASA,mBACdC,EAAc,EACdC,OAAqE;IAArEA,IAAAA,oBAAAA,UAAmE,CAAC;IAEpE,yEAAyE;IACzE,6FAA6F;IAC7F,IAAIA,QAAQC,cAAc,EAAE;QAC1BF;QACA;IACF;IACA,MAAMG,cAAcC,SAASC,eAAe;IAC5C,MAAMC,WAAWH,YAAYI,KAAK,CAACC,cAAc;IACjDL,YAAYI,KAAK,CAACC,cAAc,GAAG;IACnC,IAAI,CAACP,QAAQQ,eAAe,EAAE;QAC5B,8EAA8E;QAC9E,4DAA4D;QAC5D,yFAAyF;QACzFN,YAAYO,cAAc;IAC5B;IACAV;IACAG,YAAYI,KAAK,CAACC,cAAc,GAAGF;AACrC","ignoreList":[0]}