feat: Update lightningcss to v1.0.0-alpha.61

[kdy1]

What?

Update lightningcss to the latest.

• https://github.com/parcel-bundler/lightningcss/releases/tag/v1.28.2

Why?

It's released.

How?

Closes PACK-3525

[ijjk]

Stats from current PR

Default Build (Increase detected ⚠️)

General

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
buildDuration	19.2s	27.8s	⚠️ +8.5s
buildDurationCached	16.7s	14.4s	N/A
nodeModulesSize	405 MB	403 MB	N/A
nextStartRea..uration (ms)	455ms	472ms	N/A

Client Bundles (main, webpack)

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
1293-HASH.js gzip	5.28 kB	5.27 kB	N/A
2891-HASH.js gzip	48.9 kB	45.9 kB	N/A
5968.HASH.js gzip	169 B	169 B	✓
619d7fc3-HASH.js gzip	52.8 kB	52.6 kB	N/A
framework-HASH.js gzip	57.4 kB	57.4 kB	N/A
main-app-HASH.js gzip	234 B	231 B	N/A
main-HASH.js gzip	33.1 kB	33.2 kB	N/A
webpack-HASH.js gzip	1.71 kB	1.71 kB	N/A
Overall change	169 B	169 B	✓

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
polyfills-HASH.js gzip	39.4 kB	39.4 kB	✓
Overall change	39.4 kB	39.4 kB	✓

Client Pages Overall increase ⚠️

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
_app-HASH.js gzip	193 B	193 B	✓
_error-HASH.js gzip	192 B	191 B	N/A
amp-HASH.js gzip	512 B	511 B	N/A
css-HASH.js gzip	343 B	342 B	N/A
dynamic-HASH.js gzip	1.84 kB	1.84 kB	N/A
edge-ssr-HASH.js gzip	265 B	265 B	✓
head-HASH.js gzip	364 B	358 B	N/A
hooks-HASH.js gzip	393 B	393 B	✓
image-HASH.js gzip	4.42 kB	4.41 kB	N/A
index-HASH.js gzip	268 B	267 B	N/A
link-HASH.js gzip	2.34 kB	2.78 kB	⚠️ +439 B
routerDirect..HASH.js gzip	328 B	327 B	N/A
script-HASH.js gzip	397 B	397 B	✓
withRouter-HASH.js gzip	325 B	324 B	N/A
1afbb74e6ecf..834.css gzip	106 B	106 B	✓
Overall change	3.7 kB	4.13 kB	⚠️ +439 B

Client Build Manifests

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
_buildManifest.js gzip	750 B	749 B	N/A
Overall change	0 B	0 B	✓

Rendered Page Sizes

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
index.html gzip	524 B	524 B	✓
link.html gzip	539 B	536 B	N/A
withRouter.html gzip	519 B	519 B	✓
Overall change	1.04 kB	1.04 kB	✓

Edge SSR bundle Size

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
edge-ssr.js gzip	128 kB	128 kB	N/A
page.js gzip	200 kB	198 kB	N/A
Overall change	0 B	0 B	✓

Middleware size

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
middleware-b..fest.js gzip	670 B	668 B	N/A
middleware-r..fest.js gzip	156 B	156 B	✓
middleware.js gzip	31 kB	31 kB	N/A
edge-runtime..pack.js gzip	844 B	844 B	✓
Overall change	1 kB	1 kB	✓

Next Runtimes

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
732-experime...dev.js gzip	322 B	322 B	✓
732.runtime.dev.js gzip	314 B	314 B	✓
app-page-exp...dev.js gzip	323 kB	320 kB	N/A
app-page-exp..prod.js gzip	125 kB	123 kB	N/A
app-page-tur..prod.js gzip	138 kB	136 kB	N/A
app-page-tur..prod.js gzip	133 kB	131 kB	N/A
app-page.run...dev.js gzip	314 kB	310 kB	N/A
app-page.run..prod.js gzip	121 kB	119 kB	N/A
app-route-ex...dev.js gzip	36.1 kB	36 kB	N/A
app-route-ex..prod.js gzip	24.4 kB	24.4 kB	N/A
app-route-tu..prod.js gzip	24.4 kB	24.4 kB	N/A
app-route-tu..prod.js gzip	24.3 kB	24.2 kB	N/A
app-route.ru...dev.js gzip	37.7 kB	37.6 kB	N/A
app-route.ru..prod.js gzip	24.2 kB	24.2 kB	N/A
pages-api-tu..prod.js gzip	9.57 kB	9.59 kB	N/A
pages-api.ru...dev.js gzip	11.4 kB	11.4 kB	N/A
pages-api.ru..prod.js gzip	9.56 kB	9.58 kB	N/A
pages-turbo...prod.js gzip	21 kB	20.9 kB	N/A
pages.runtim...dev.js gzip	26.6 kB	26.5 kB	N/A
pages.runtim..prod.js gzip	21 kB	20.9 kB	N/A
server.runti..prod.js gzip	916 kB	916 kB	N/A
Overall change	636 B	636 B	✓

build cache

	vercel/next.js canary	vercel/next.js kdy1/lcss	Change
0.pack gzip	2.03 MB	2.01 MB	N/A
index.pack gzip	148 kB	145 kB	N/A
Overall change	0 B	0 B	✓

Diff details

Diff for page.js

Diff too large to display

Diff for middleware.js

Diff too large to display

Diff for edge-ssr.js

Diff too large to display

Diff for image-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2983],
   {
-    /***/ 8365: /***/ (
+    /***/ 2857: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function () {
-          return __webpack_require__(1822);
+          return __webpack_require__(5604);
         },
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9225: /***/ (module, exports, __webpack_require__) => {
+    /***/ 3541: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -40,17 +40,17 @@
         __webpack_require__(2661)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1844)
+        __webpack_require__(2768)
       );
-      const _getimgprops = __webpack_require__(1581);
-      const _imageconfig = __webpack_require__(8016);
-      const _imageconfigcontextsharedruntime = __webpack_require__(1738);
-      const _warnonce = __webpack_require__(6648);
-      const _routercontextsharedruntime = __webpack_require__(5795);
+      const _getimgprops = __webpack_require__(4881);
+      const _imageconfig = __webpack_require__(7244);
+      const _imageconfigcontextsharedruntime = __webpack_require__(2454);
+      const _warnonce = __webpack_require__(3132);
+      const _routercontextsharedruntime = __webpack_require__(287);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(6113)
+        __webpack_require__(3421)
       );
-      const _usemergedref = __webpack_require__(6414);
+      const _usemergedref = __webpack_require__(9666);
       // This is replaced by webpack define plugin
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
@@ -371,7 +371,7 @@
       /***/
     },
 
-    /***/ 6414: /***/ (module, exports, __webpack_require__) => {
+    /***/ 9666: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -432,7 +432,7 @@
       /***/
     },
 
-    /***/ 1581: /***/ (
+    /***/ 4881: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -448,9 +448,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(6648);
-      const _imageblursvg = __webpack_require__(5668);
-      const _imageconfig = __webpack_require__(8016);
+      const _warnonce = __webpack_require__(3132);
+      const _imageblursvg = __webpack_require__(5848);
+      const _imageconfig = __webpack_require__(7244);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -726,8 +726,8 @@
         }
         if (
           isDefaultLoader &&
-          !config.dangerouslyAllowSVG &&
-          src.split("?", 1)[0].endsWith(".svg")
+          src.endsWith(".svg") &&
+          !config.dangerouslyAllowSVG
         ) {
           // Special case to make svg serve as-is to avoid proxying
           // through the built-in Image Optimization API.
@@ -824,7 +824,7 @@
       /***/
     },
 
-    /***/ 5668: /***/ (__unused_webpack_module, exports) => {
+    /***/ 5848: /***/ (__unused_webpack_module, exports) => {
       "use strict";
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
@@ -879,7 +879,7 @@
       /***/
     },
 
-    /***/ 8281: /***/ (
+    /***/ 9037: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -906,10 +906,10 @@
         },
       });
       const _interop_require_default = __webpack_require__(1739);
-      const _getimgprops = __webpack_require__(1581);
-      const _imagecomponent = __webpack_require__(9225);
+      const _getimgprops = __webpack_require__(4881);
+      const _imagecomponent = __webpack_require__(3541);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(6113)
+        __webpack_require__(3421)
       );
       function getImageProps(imgProps) {
         const { props } = (0, _getimgprops.getImgProps)(imgProps, {
@@ -941,7 +941,7 @@
       /***/
     },
 
-    /***/ 6113: /***/ (__unused_webpack_module, exports) => {
+    /***/ 3421: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -976,7 +976,7 @@
       /***/
     },
 
-    /***/ 1822: /***/ (
+    /***/ 5604: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -993,8 +993,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/[email protected]/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(2562);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+main-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-7ac8e612-20241113_re_3sfwjfmge4lkz4wgirg2ycw75e/node_modules/next/image.js
-      var next_image = __webpack_require__(2296);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/next@file+..+diff-repo+packages+next+next-packed.tgz_react-dom@19.0.0-rc-7ac8e612-20241113_re_mjv5ppbvnbuqt2qzndemklet24/node_modules/next/image.js
+      var next_image = __webpack_require__(8380);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // ./pages/nextjs.png
       /* harmony default export */ const nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -1024,12 +1024,12 @@
       /***/
     },
 
-    /***/ 2296: /***/ (
+    /***/ 8380: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(8281);
+      module.exports = __webpack_require__(9037);
 
       /***/
     },
@@ -1039,7 +1039,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(8365)
+      __webpack_exec__(2857)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for link-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4672],
   {
-    /***/ 6544: /***/ (
+    /***/ 207: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function () {
-          return __webpack_require__(1398);
+          return __webpack_require__(2130);
         },
       ]);
       if (false) {
@@ -18,7 +18,85 @@
       /***/
     },
 
-    /***/ 9730: /***/ (module, exports, __webpack_require__) => {
+    /***/ 4878: /***/ (module, exports) => {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true,
+      });
+      0 && 0;
+      function _export(target, all) {
+        for (var name in all)
+          Object.defineProperty(target, name, {
+            enumerable: true,
+            get: all[name],
+          });
+      }
+      _export(exports, {
+        ACTION_HMR_REFRESH: function () {
+          return ACTION_HMR_REFRESH;
+        },
+        ACTION_NAVIGATE: function () {
+          return ACTION_NAVIGATE;
+        },
+        ACTION_PREFETCH: function () {
+          return ACTION_PREFETCH;
+        },
+        ACTION_REFRESH: function () {
+          return ACTION_REFRESH;
+        },
+        ACTION_RESTORE: function () {
+          return ACTION_RESTORE;
+        },
+        ACTION_SERVER_ACTION: function () {
+          return ACTION_SERVER_ACTION;
+        },
+        ACTION_SERVER_PATCH: function () {
+          return ACTION_SERVER_PATCH;
+        },
+        PrefetchCacheEntryStatus: function () {
+          return PrefetchCacheEntryStatus;
+        },
+        PrefetchKind: function () {
+          return PrefetchKind;
+        },
+      });
+      const ACTION_REFRESH = "refresh";
+      const ACTION_NAVIGATE = "navigate";
+      const ACTION_RESTORE = "restore";
+      const ACTION_SERVER_PATCH = "server-patch";
+      const ACTION_PREFETCH = "prefetch";
+      const ACTION_HMR_REFRESH = "hmr-refresh";
+      const ACTION_SERVER_ACTION = "server-action";
+      var PrefetchKind;
+      (function (PrefetchKind) {
+        PrefetchKind["AUTO"] = "auto";
+        PrefetchKind["FULL"] = "full";
+        PrefetchKind["TEMPORARY"] = "temporary";
+      })(PrefetchKind || (PrefetchKind = {}));
+      var PrefetchCacheEntryStatus;
+      (function (PrefetchCacheEntryStatus) {
+        PrefetchCacheEntryStatus["fresh"] = "fresh";
+        PrefetchCacheEntryStatus["reusable"] = "reusable";
+        PrefetchCacheEntryStatus["expired"] = "expired";
+        PrefetchCacheEntryStatus["stale"] = "stale";
+      })(PrefetchCacheEntryStatus || (PrefetchCacheEntryStatus = {}));
+      if (
+        (typeof exports.default === "function" ||
+          (typeof exports.default === "object" && exports.default !== null)) &&
+        typeof exports.default.__esModule === "undefined"
+      ) {
+        Object.defineProperty(exports.default, "__esModule", {
+          value: true,
+        });
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=router-reducer-types.js.map
+
+      /***/
+    },
+
+    /***/ 1070: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -30,7 +108,7 @@
           return getDomainLocale;
         },
       });
-      const _normalizetrailingslash = __webpack_require__(194);
+      const _normalizetrailingslash = __webpack_require__(9678);
       const basePath =
         /* unused pure expression or super */ null && (false || "");
       function getDomainLocale(path, locale, locales, domainLocales) {
@@ -54,7 +132,7 @@
       /***/
     },
 
-    /***/ 384: /***/ (module, exports, __webpack_require__) => {
+    /***/ 7788: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -71,26 +149,32 @@
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(5354)
       );
-      const _resolvehref = __webpack_require__(130);
-      const _islocalurl = __webpack_require__(1722);
-      const _formaturl = __webpack_require__(6419);
-      const _utils = __webpack_require__(9941);
-      const _addlocale = __webpack_require__(2708);
-      const _routercontextsharedruntime = __webpack_require__(5795);
-      const _useintersection = __webpack_require__(4251);
-      const _getdomainlocale = __webpack_require__(9730);
-      const _addbasepath = __webpack_require__(2295);
-      const _usemergedref = __webpack_require__(6414);
+      const _resolvehref = __webpack_require__(2990);
+      const _islocalurl = __webpack_require__(1982);
+      const _formaturl = __webpack_require__(151);
+      const _utils = __webpack_require__(3521);
+      const _addlocale = __webpack_require__(3720);
+      const _routercontextsharedruntime = __webpack_require__(287);
+      const _approutercontextsharedruntime = __webpack_require__(5185);
+      const _useintersection = __webpack_require__(7031);
+      const _getdomainlocale = __webpack_require__(1070);
+      const _addbasepath = __webpack_require__(9595);
+      const _routerreducertypes = __webpack_require__(4878);
+      const _usemergedref = __webpack_require__(9666);
       const prefetched = new Set();
-      function prefetch(router, href, as, options) {
+      function prefetch(router, href, as, options, appOptions, isAppRouter) {
         if (false) {
         }
-        if (!(0, _islocalurl.isLocalURL)(href)) {
+        // app-router supports external urls out of the box so it shouldn't short-circuit here as support for e.g. `replace` is added in the app-router.
+        if (!isAppRouter && !(0, _islocalurl.isLocalURL)(href)) {
           return;
         }
         // We should only dedupe requests when experimental.optimisticClientCache is
-        // disabled.
-        if (!options.bypassPrefetchedCheck) {
+        // disabled & when we're not using the app router. App router handles
+        // reusing an existing prefetch entry (if it exists) for the same URL.
+        // If we dedupe in here, we will cause a race where different prefetch kinds
+        // to the same URL (ie auto vs true) will cause one to be ignored.
+        if (!options.bypassPrefetchedCheck && !isAppRouter) {
           const locale =
             typeof options.locale !== "undefined"
               ? options.locale
@@ -105,11 +189,20 @@
           // Mark this URL as prefetched.
           prefetched.add(prefetchedKey);
         }
+        const doPrefetch = async () => {
+          if (isAppRouter) {
+            // note that `appRouter.prefetch()` is currently sync,
+            // so we have to wrap this call in an async function to be able to catch() errors below.
+            return router.prefetch(href, appOptions);
+          } else {
+            return router.prefetch(href, as, options);
+          }
+        };
         // Prefetch the JSON page if asked (only in the client)
         // We need to handle a prefetch error here since we may be
         // loading with priority which can reject but we don't
         // want to force navigation since this is only a prefetch
-        router.prefetch(href, as, options).catch((err) => {
+        doPrefetch().catch((err) => {
           if (false) {
           }
         });
@@ -134,14 +227,16 @@
         replace,
         shallow,
         scroll,
-        locale
+        locale,
+        isAppRouter
       ) {
         const { nodeName } = e.currentTarget;
         // anchors inside an svg have a lowercase nodeName
         const isAnchorNodeName = nodeName.toUpperCase() === "A";
         if (
           isAnchorNodeName &&
-          (isModifiedEvent(e) || !(0, _islocalurl.isLocalURL)(href))
+          (isModifiedEvent(e) || // app-router supports external urls out of the box so it shouldn't short-circuit here as support for e.g. `replace` is added in the app-router.
+            (!isAppRouter && !(0, _islocalurl.isLocalURL)(href)))
         ) {
           // ignore click for browser’s default behavior
           return;
@@ -162,7 +257,11 @@
             });
           }
         };
-        navigate();
+        if (isAppRouter) {
+          _react.default.startTransition(navigate);
+        } else {
+          navigate();
+        }
       }
       function formatStringOrUrl(urlObjOrString) {
         if (typeof urlObjOrString === "string") {
@@ -205,14 +304,31 @@
               children: children,
             });
           }
-          const router = _react.default.useContext(
+          const pagesRouter = _react.default.useContext(
             _routercontextsharedruntime.RouterContext
           );
+          const appRouter = _react.default.useContext(
+            _approutercontextsharedruntime.AppRouterContext
+          );
+          const router = pagesRouter != null ? pagesRouter : appRouter;
+          // We're in the app directory if there is no pages router.
+          const isAppRouter = !pagesRouter;
           const prefetchEnabled = prefetchProp !== false;
+          /**
+           * The possible states for prefetch are:
+           * - null: this is the default "auto" mode, where we will prefetch partially if the link is in the viewport
+           * - true: we will prefetch if the link is visible and prefetch the full page, not just partially
+           * - false: we will not prefetch if in the viewport at all
+           */ const appPrefetchKind =
+            prefetchProp === null
+              ? _routerreducertypes.PrefetchKind.AUTO
+              : _routerreducertypes.PrefetchKind.FULL;
+          if (false) {
+          }
           if (false) {
           }
           const { href, as } = _react.default.useMemo(() => {
-            if (!router) {
+            if (!pagesRouter) {
               const resolvedHref = formatStringOrUrl(hrefProp);
               return {
                 href: resolvedHref,
@@ -220,17 +336,17 @@
               };
             }
             const [resolvedHref, resolvedAs] = (0, _resolvehref.resolveHref)(
-              router,
+              pagesRouter,
               hrefProp,
               true
             );
             return {
               href: resolvedHref,
               as: asProp
-                ? (0, _resolvehref.resolveHref)(router, asProp)
+                ? (0, _resolvehref.resolveHref)(pagesRouter, asProp)
                 : resolvedAs || resolvedHref,
             };
-          }, [router, hrefProp, asProp]);
+          }, [pagesRouter, hrefProp, asProp]);
           const previousHref = _react.default.useRef(href);
           const previousAs = _react.default.useRef(as);
           // This will return the first child, if multiple are provided it will throw an error
@@ -280,17 +396,28 @@
               return;
             }
             // Prefetch the URL.
-            prefetch(router, href, as, {
-              locale,
-            });
+            prefetch(
+              router,
+              href,
+              as,
+              {
+                locale,
+              },
+              {
+                kind: appPrefetchKind,
+              },
+              isAppRouter
+            );
           }, [
             as,
             href,
             isVisible,
             locale,
             prefetchEnabled,
-            router == null ? void 0 : router.locale,
+            pagesRouter == null ? void 0 : pagesRouter.locale,
             router,
+            isAppRouter,
+            appPrefetchKind,
           ]);
           const childProps = {
             ref: setRef,
@@ -321,7 +448,8 @@
                 replace,
                 shallow,
                 scroll,
-                locale
+                locale,
+                isAppRouter
               );
             },
             onMouseEnter(e) {
@@ -338,12 +466,27 @@
               if (!router) {
                 return;
               }
-              prefetch(router, href, as, {
-                locale,
-                priority: true,
-                // @see {https://github.com/vercel/next.js/discussions/40268?sort=top#discussioncomment-3572642}
-                bypassPrefetchedCheck: true,
-              });
+              if (
+                (!prefetchEnabled || "production" === "development") &&
+                isAppRouter
+              ) {
+                return;
+              }
+              prefetch(
+                router,
+                href,
+                as,
+                {
+                  locale,
+                  priority: true,
+                  // @see {https://github.com/vercel/next.js/discussions/40268?sort=top#discussioncomment-3572642}
+                  bypassPrefetchedCheck: true,
+                },
+                {
+                  kind: appPrefetchKind,
+                },
+                isAppRouter
+              );
             },
             onTouchStart: false
               ? 0
@@ -364,12 +507,24 @@
                   if (!router) {
                     return;
                   }
-                  prefetch(router, href, as, {
-                    locale,
-                    priority: true,
-                    // @see {https://github.com/vercel/next.js/discussions/40268?sort=top#discussioncomment-3572642}
-                    bypassPrefetchedCheck: true,
-                  });
+                  if (!prefetchEnabled && isAppRouter) {
+                    return;
+                  }
+                  prefetch(
+                    router,
+                    href,
+                    as,
+                    {
+                      locale,
+                      priority: true,
+                      // @see {https://github.com/vercel/next.js/discussions/40268?sort=top#discussioncomment-3572642}
+                      bypassPrefetchedCheck: true,
+                    },
+                    {
+                      kind: appPrefetchKind,
+                    },
+                    isAppRouter
+                  );
                 },
           };
           // If child is an <a> tag and doesn't have a href attribute, or if the 'passHref' property is
@@ -385,18 +540,18 @@
             const curLocale =
               typeof locale !== "undefined"
                 ? locale
-                : router == null
+                : pagesRouter == null
                 ? void 0
-                : router.locale;
+                : pagesRouter.locale;
             // we only render domain locales if we are currently on a domain locale
             // so that locale links are still visitable in development/preview envs
             const localeDomain =
-              (router == null ? void 0 : router.isLocaleDomain) &&
+              (pagesRouter == null ? void 0 : pagesRouter.isLocaleDomain) &&
               (0, _getdomainlocale.getDomainLocale)(
                 as,
                 curLocale,
-                router == null ? void 0 : router.locales,
-                router == null ? void 0 : router.domainLocales
+                pagesRouter == null ? void 0 : pagesRouter.locales,
+                pagesRouter == null ? void 0 : pagesRouter.domainLocales
               );
             childProps.href =
               localeDomain ||
@@ -404,7 +559,7 @@
                 (0, _addlocale.addLocale)(
                   as,
                   curLocale,
-                  router == null ? void 0 : router.defaultLocale
+                  pagesRouter == null ? void 0 : pagesRouter.defaultLocale
                 )
               );
           }
@@ -433,7 +588,7 @@
       /***/
     },
 
-    /***/ 4251: /***/ (module, exports, __webpack_require__) => {
+    /***/ 7031: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -446,7 +601,7 @@
         },
       });
       const _react = __webpack_require__(5354);
-      const _requestidlecallback = __webpack_require__(8096);
+      const _requestidlecallback = __webpack_require__(6588);
       const hasIntersectionObserver =
         typeof IntersectionObserver === "function";
       const observers = new Map();
@@ -559,7 +714,7 @@
       /***/
     },
 
-    /***/ 6414: /***/ (module, exports, __webpack_require__) => {
+    /***/ 9666: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -620,7 +775,7 @@
       /***/
     },
 
-    /***/ 1398: /***/ (
+    /***/ 2130: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -635,7 +790,7 @@
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(2562);
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(7457);
+        __webpack_require__(1413);
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -666,12 +821,12 @@
       /***/
     },
 
-    /***/ 7457: /***/ (
+    /***/ 1413: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
-      module.exports = __webpack_require__(384);
+      module.exports = __webpack_require__(7788);
 
       /***/
     },
@@ -681,7 +836,7 @@
     /******/ var __webpack_exec__ = (moduleId) =>
       __webpack_require__((__webpack_require__.s = moduleId));
     /******/ __webpack_require__.O(0, [636, 6593, 8792], () =>
-      __webpack_exec__(6544)
+      __webpack_exec__(207)
     );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for 1293-HASH.js

@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [1293],
+  [2117],
   {
-    /***/ 1293: /***/ (module, exports, __webpack_require__) => {
+    /***/ 2117: /***/ (module, exports, __webpack_require__) => {
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
         value: true,
@@ -13,27 +13,27 @@
           return Image;
         },
       });
-      const _interop_require_default = __webpack_require__(8174);
-      const _interop_require_wildcard = __webpack_require__(1479);
-      const _jsxruntime = __webpack_require__(5274);
+      const _interop_require_default = __webpack_require__(5066);
+      const _interop_require_wildcard = __webpack_require__(1643);
+      const _jsxruntime = __webpack_require__(4678);
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
-        __webpack_require__(1378)
+        __webpack_require__(9430)
       );
       const _reactdom = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(7727)
+        __webpack_require__(3763)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(7430)
+        __webpack_require__(1630)
       );
-      const _getimgprops = __webpack_require__(2157);
-      const _imageconfig = __webpack_require__(4202);
-      const _imageconfigcontextsharedruntime = __webpack_require__(3638);
-      const _warnonce = __webpack_require__(6300);
-      const _routercontextsharedruntime = __webpack_require__(1271);
+      const _getimgprops = __webpack_require__(3189);
+      const _imageconfig = __webpack_require__(7954);
+      const _imageconfigcontextsharedruntime = __webpack_require__(9486);
+      const _warnonce = __webpack_require__(1412);
+      const _routercontextsharedruntime = __webpack_require__(5439);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(3575)
+        __webpack_require__(8287)
       );
-      const _usemergedref = __webpack_require__(2460);
+      const _usemergedref = __webpack_require__(4196);
       // This is replaced by webpack define plugin
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
@@ -355,7 +355,7 @@
       /***/
     },
 
-    /***/ 2460: /***/ (module, exports, __webpack_require__) => {
+    /***/ 4196: /***/ (module, exports, __webpack_require__) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -365,7 +365,7 @@
           return useMergedRef;
         },
       });
-      const _react = __webpack_require__(1378);
+      const _react = __webpack_require__(9430);
       function useMergedRef(refA, refB) {
         const cleanupA = (0, _react.useRef)(() => {});
         const cleanupB = (0, _react.useRef)(() => {});
@@ -414,7 +414,7 @@
       /***/
     },
 
-    /***/ 3002: /***/ (
+    /***/ 4690: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -428,9 +428,9 @@
           return AmpStateContext;
         },
       });
-      const _interop_require_default = __webpack_require__(8174);
+      const _interop_require_default = __webpack_require__(5066);
       const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1378)
+        __webpack_require__(9430)
       );
       const AmpStateContext = _react.default.createContext({});
       if (false) {
@@ -439,7 +439,7 @@
       /***/
     },
 
-    /***/ 5278: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8710: /***/ (__unused_webpack_module, exports) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -461,7 +461,7 @@
       /***/
     },
 
-    /***/ 2157: /***/ (
+    /***/ 3189: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -475,9 +475,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(6300);
-      const _imageblursvg = __webpack_require__(7078);
-      const _imageconfig = __webpack_require__(4202);
+      const _warnonce = __webpack_require__(1412);
+      const _imageblursvg = __webpack_require__(3422);
+      const _imageconfig = __webpack_require__(7954);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -753,8 +753,8 @@
         }
         if (
           isDefaultLoader &&
-          !config.dangerouslyAllowSVG &&
-          src.split("?", 1)[0].endsWith(".svg")
+          src.endsWith(".svg") &&
+          !config.dangerouslyAllowSVG
         ) {
           // Special case to make svg serve as-is to avoid proxying
           // through the built-in Image Optimization API.
@@ -851,8 +851,8 @@
       /***/
     },
 
-    /***/ 7430: /***/ (module, exports, __webpack_require__) => {
-      /* provided dependency */ var process = __webpack_require__(7855);
+    /***/ 1630: /***/ (module, exports, __webpack_require__) => {
+      /* provided dependency */ var process = __webpack_require__(7303);
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
         value: true,
@@ -873,19 +873,19 @@
           return defaultHead;
         },
       });
-      const _interop_require_default = __webpack_require__(8174);
-      const _interop_require_wildcard = __webpack_require__(1479);
-      const _jsxruntime = __webpack_require__(5274);
+      const _interop_require_default = __webpack_require__(5066);
+      const _interop_require_wildcard = __webpack_require__(1643);
+      const _jsxruntime = __webpack_require__(4678);
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
-        __webpack_require__(1378)
+        __webpack_require__(9430)
       );
       const _sideeffect = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(2411)
+        __webpack_require__(579)
       );
-      const _ampcontextsharedruntime = __webpack_require__(3002);
-      const _headmanagercontextsharedruntime = __webpack_require__(2800);
-      const _ampmode = __webpack_require__(5278);
-      const _warnonce = __webpack_require__(6300);
+      const _ampcontextsharedruntime = __webpack_require__(4690);
+      const _headmanagercontextsharedruntime = __webpack_require__(7704);
+      const _ampmode = __webpack_require__(8710);
+      const _warnonce = __webpack_require__(1412);
       function defaultHead(inAmpMode) {
         if (inAmpMode === void 0) inAmpMode = false;
         const head = [
@@ -1069,7 +1069,7 @@
       /***/
     },
 
-    /***/ 7078: /***/ (__unused_webpack_module, exports) => {
+    /***/ 3422: /***/ (__unused_webpack_module, exports) => {
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
        */
@@ -1123,7 +1123,7 @@
       /***/
     },
 
-    /***/ 3638: /***/ (
+    /***/ 9486: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1137,11 +1137,11 @@
           return ImageConfigContext;
         },
       });
-      const _interop_require_default = __webpack_require__(8174);
+      const _interop_require_default = __webpack_require__(5066);
       const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1378)
+        __webpack_require__(9430)
       );
-      const _imageconfig = __webpack_require__(4202);
+      const _imageconfig = __webpack_require__(7954);
       const ImageConfigContext = _react.default.createContext(
         _imageconfig.imageConfigDefault
       );
@@ -1151,7 +1151,7 @@
       /***/
     },
 
-    /***/ 4202: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7954: /***/ (__unused_webpack_module, exports) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -1199,7 +1199,7 @@
       /***/
     },
 
-    /***/ 3575: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8287: /***/ (__unused_webpack_module, exports) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -1232,7 +1232,7 @@
       /***/
     },
 
-    /***/ 1271: /***/ (
+    /***/ 5439: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1246,9 +1246,9 @@
           return RouterContext;
         },
       });
-      const _interop_require_default = __webpack_require__(8174);
+      const _interop_require_default = __webpack_require__(5066);
       const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1378)
+        __webpack_require__(9430)
       );
       const RouterContext = _react.default.createContext(null);
       if (false) {
@@ -1257,7 +1257,7 @@
       /***/
     },
 
-    /***/ 2411: /***/ (
+    /***/ 579: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1271,7 +1271,7 @@
           return SideEffect;
         },
       });
-      const _react = __webpack_require__(1378);
+      const _react = __webpack_require__(9430);
       const isServer = typeof window === "undefined";
       const useClientOnlyLayoutEffect = isServer
         ? () => {}

Diff for 2891-HASH.js

Diff too large to display

Diff for 619d7fc3-HASH.js

Diff too large to display

Diff for main-HASH.js

Diff too large to display

Diff for app-page-exp..ntime.dev.js

failed to diff

Diff for app-page-exp..time.prod.js

Diff too large to display

Diff for app-page-tur..time.prod.js

Diff too large to display

Diff for app-page-tur..time.prod.js

Diff too large to display

Diff for app-page.runtime.dev.js

failed to diff

Diff for app-page.runtime.prod.js

Diff too large to display

Diff for app-route-ex..ntime.dev.js

Diff too large to display

Diff for app-route-ex..time.prod.js

Diff too large to display

Diff for app-route-tu..time.prod.js

Diff too large to display

Diff for app-route-tu..time.prod.js

Diff too large to display

Diff for app-route.runtime.dev.js

Diff too large to display

Diff for app-route.ru..time.prod.js

Diff too large to display

Diff for pages-api-tu..time.prod.js

Diff too large to display

Diff for pages-api.runtime.dev.js

Diff too large to display

Diff for pages-api.ru..time.prod.js

Diff too large to display

Diff for pages-turbo...time.prod.js

Diff too large to display

Diff for pages.runtime.dev.js

Diff too large to display

Diff for pages.runtime.prod.js

Diff too large to display

Diff for server.runtime.prod.js

failed to diff

Commit: 9d0ee46