Fix `next/image` svg blur placeholder with `fill` #41573

styfle · 2022-10-19T18:29:53Z

This PR fixes two bugs:

Fixes Next/future/image blur placeholder renders with visual artifacts #40419
Fixes Next/future/image blur placeholder have undefined to view box SVG width & height #41393

The first is when the aspect ratio of the width and height does not match the aspect ratio of the blurDataURL provided. This can result in artifacts around the edges. The solution is to add preserveAspectRatio="none".

The second is when there is no width or height provided (which is normal when using fill) so the viewBox was undefined. This can also cause artifacts around the edges. The solution is to change the blur technique from gaussian to css filter, similar to next/legacy/image.

Note: css blur might be slower in firefox which is why we'll only use it for this corner case.

ijjk · 2022-10-19T18:51:28Z

Failing test suites

Commit: 5dc2419

pnpm testheadless test/integration/image-optimizer/test/squoosh.test.ts

with squoosh > dev support w/o next.config.js > should emit blur svg when width is 8 in dev but not prod
with squoosh > dev support w/o next.config.js > should emit blur svg when width is less than 8 in dev but not prod
with squoosh > dev support with next.config.js > should emit blur svg when width is 8 in dev but not prod
with squoosh > dev support with next.config.js > should emit blur svg when width is less than 8 in dev but not prod

Expand output

● with squoosh › dev support w/o next.config.js › should emit blur svg when width is 8 in dev but not prod

expect(received).toMatch(expected)

Expected substring: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64"
Received string:    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image preserveAspectRatio='none' filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64,UklGRlIAAABXRUJQVlA4IEYAAACwAQCdASoIAAgAAkA4JaQAAp2cwt8EAP79KbQ0BVm4QoDXIX5ZsWTSXe0tfSlEXLq/vbXjIBhHoY3GzDxxLttmNBFLPQAA'/></svg>"

  466 |       expect(res.status).toBe(200)
  467 |       expect(res.headers.get('Content-Type')).toBe('image/svg+xml')
> 468 |       expect(await res.text()).toMatch(
      |                                ^
  469 |         `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64`
  470 |       )
  471 |     } else {

  at Object.<anonymous> (integration/image-optimizer/test/util.ts:468:32)

● with squoosh › dev support w/o next.config.js › should emit blur svg when width is less than 8 in dev but not prod

expect(received).toMatch(expected)

Expected substring: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64"
Received string:    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image preserveAspectRatio='none' filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64,UklGRjQAAABXRUJQVlA4ICgAAACQAQCdASoDAAMAAkA4JaQAAudZtgAA/vscq+drfo03+O5Tw/A4AAAA'/></svg>"

  482 |       expect(res.status).toBe(200)
  483 |       expect(res.headers.get('Content-Type')).toBe('image/svg+xml')
> 484 |       expect(await res.text()).toMatch(
      |                                ^
  485 |         `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64`
  486 |       )
  487 |     } else {

  at Object.<anonymous> (integration/image-optimizer/test/util.ts:484:32)

● with squoosh › dev support with next.config.js › should emit blur svg when width is 8 in dev but not prod

expect(received).toMatch(expected)

Expected substring: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64"
Received string:    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image preserveAspectRatio='none' filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64,UklGRlIAAABXRUJQVlA4IEYAAACwAQCdASoIAAgAAkA4JaQAAp2cwt8EAP79KbQ0BVm4QoDXIX5ZsWTSXe0tfSlEXLq/vbXjIBhHoY3GzDxxLttmNBFLPQAA'/></svg>"

  466 |       expect(res.status).toBe(200)
  467 |       expect(res.headers.get('Content-Type')).toBe('image/svg+xml')
> 468 |       expect(await res.text()).toMatch(
      |                                ^
  469 |         `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 8'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64`
  470 |       )
  471 |     } else {

  at Object.<anonymous> (integration/image-optimizer/test/util.ts:468:32)

● with squoosh › dev support with next.config.js › should emit blur svg when width is less than 8 in dev but not prod

expect(received).toMatch(expected)

Expected substring: "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64"
Received string:    "<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image preserveAspectRatio='none' filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64,UklGRjQAAABXRUJQVlA4ICgAAACQAQCdASoDAAMAAkA4JaQAAudZtgAA/vscq+drfo03+O5Tw/A4AAAA'/></svg>"

  482 |       expect(res.status).toBe(200)
  483 |       expect(res.headers.get('Content-Type')).toBe('image/svg+xml')
> 484 |       expect(await res.text()).toMatch(
      |                                ^
  485 |         `<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 3 3'><filter id='b' color-interpolation-filters='sRGB'><feGaussianBlur stdDeviation='1'/></filter><image filter='url(#b)' x='0' y='0' height='100%' width='100%' href='data:image/webp;base64`
  486 |       )
  487 |     } else {

  at Object.<anonymous> (integration/image-optimizer/test/util.ts:484:32)

Read more about building and testing Next.js in contributing.md.

ijjk · 2022-10-19T19:47:24Z

Stats from current PR

Default Build (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	vercel/next.js fix-svg-blur-placeholder-with-fill	Change
buildDuration	53.5s	52.3s	-1.3s
buildDurationCached	12.8s	12.8s	⚠️ +64ms
nodeModulesSize	104 MB	104 MB	⚠️ +1.34 kB
nextStartRea..uration (ms)	387ms	387ms	✓

Client Bundles (main, webpack) Overall increase ⚠️

	vercel/next.js canary	vercel/next.js fix-svg-blur-placeholder-with-fill	Change
328.HASH.js gzip	179 B	185 B	⚠️ +6 B
869-HASH.js gzip	11.6 kB	11.6 kB	⚠️ +2 B
app-internal..HASH.js gzip	182 B	182 B	✓
main-app-HASH.js gzip	98.7 kB	98.7 kB	⚠️ +14 B
main-HASH.js gzip	76.8 kB	76.8 kB	-1 B
webpack-HASH.js gzip	1.83 kB	1.83 kB	⚠️ +3 B
Overall change	189 kB	189 kB	⚠️ +24 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary	vercel/next.js fix-svg-blur-placeholder-with-fill	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall increase ⚠️

	vercel/next.js canary	vercel/next.js fix-svg-blur-placeholder-with-fill	Change
_app-HASH.js gzip	191 B	192 B	⚠️ +1 B
_error-HASH.js gzip	179 B	176 B	-3 B
amp-HASH.js gzip	482 B	484 B	⚠️ +2 B
css-HASH.js gzip	800 B	802 B	⚠️ +2 B
dynamic-HASH.js gzip	2.3 kB	2.3 kB	-1 B
edge-ssr-HASH.js gzip	256 B	259 B	⚠️ +3 B
head-HASH.js gzip	828 B	826 B	-2 B
hooks-HASH.js gzip	849 B	849 B	✓
image-HASH.js gzip	3.93 kB	3.98 kB	⚠️ +50 B
index-HASH.js gzip	252 B	254 B	⚠️ +2 B
link-HASH.js gzip	2.73 kB	2.73 kB	⚠️ +3 B
routerDirect..HASH.js gzip	782 B	778 B	-4 B
script-HASH.js gzip	859 B	856 B	-3 B
withRouter-HASH.js gzip	781 B	780 B	-1 B
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	15.3 kB	15.4 kB	⚠️ +49 B

Client Build Manifests Overall increase ⚠️

	vercel/next.js canary	vercel/next.js fix-svg-blur-placeholder-with-fill	Change
_buildManifest.js gzip	481 B	483 B	⚠️ +2 B
Overall change	481 B	483 B	⚠️ +2 B

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary	vercel/next.js fix-svg-blur-placeholder-with-fill	Change
index.html gzip	488 B	489 B	⚠️ +1 B
link.html gzip	502 B	505 B	⚠️ +3 B
withRouter.html gzip	483 B	484 B	⚠️ +1 B
Overall change	1.47 kB	1.48 kB	⚠️ +5 B

Edge SSR bundle Size Overall increase ⚠️

	vercel/next.js canary	vercel/next.js fix-svg-blur-placeholder-with-fill	Change
edge-ssr.js gzip	61.3 kB	61.3 kB	⚠️ +22 B
page.js gzip	95.4 kB	95.5 kB	⚠️ +8 B
Overall change	157 kB	157 kB	⚠️ +30 B

Middleware size Overall increase ⚠️

	vercel/next.js canary	vercel/next.js fix-svg-blur-placeholder-with-fill	Change
middleware-b..fest.js gzip	566 B	570 B	⚠️ +4 B
middleware-r..fest.js gzip	143 B	145 B	⚠️ +2 B
middleware.js gzip	25.2 kB	25.2 kB	-1 B
edge-runtime..pack.js gzip	2.21 kB	2.21 kB	✓
Overall change	28.1 kB	28.1 kB	⚠️ +5 B

Diffs

Diff for page.js

Diff too large to display

Diff for middleware-b..-manifest.js

@@ -7,80 +7,80 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-2c01ae5214728c30.js",
-    "static/chunks/main-app-ba57def88b9cc88d.js"
+    "static/chunks/webpack-39fb1dfc7c08de44.js",
+    "static/chunks/main-app-475e6b81a1b3e1e1.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/index-7ccd1b1930c4d505.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/index-d039610ac387a1a2.js"
     ],
     "/_app": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/_app-b1aa9bc9bb533b76.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/_app-3c08c46a4f81c30f.js"
     ],
     "/_error": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/_error-77faf523f7dc719f.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/_error-b39849bd87f6201c.js"
     ],
     "/amp": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/amp-f6d913b1595b4bda.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/amp-9395ec0994a9d6eb.js"
     ],
     "/css": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-352d0237482bebda.js"
+      "static/chunks/pages/css-3a075db0736f05e7.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/dynamic-b739be0a49287306.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/dynamic-90075b4c21021b3e.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/edge-ssr-51ea5deb6c2a65b3.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/edge-ssr-3261abe9cc912fa4.js"
     ],
     "/head": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/head-61934f59d0339a54.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/head-9b6b3b9d22946395.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/hooks-9e047c8dbc4ce238.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/hooks-b64051b6ffd303d7.js"
     ],
     "/image": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/image-8aa6f30699f78ad1.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/image-0b8da099f740d47e.js"
     ],
     "/link": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/link-5fa8d1451f7b64eb.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/link-fbc73d8c60483d1f.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/routerDirect-46e61e002d5fd6ae.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/routerDirect-1e5f0e87b060242d.js"
     ],
     "/script": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/script-79a818b59c0dd2a9.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/script-0cd1c9f84d9592a8.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-2c01ae5214728c30.js",
-      "static/chunks/main-7d4f98f8e596f93a.js",
-      "static/chunks/pages/withRouter-1bdb810c596673f9.js"
+      "static/chunks/webpack-39fb1dfc7c08de44.js",
+      "static/chunks/main-b5aa9ec268610c20.js",
+      "static/chunks/pages/withRouter-2a904d5d78caadaf.js"
     ]
   },
   ampFirstPages: []

Diff for middleware-r..-manifest.js

@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 328,
-    files: ["static/chunks/328.93264405bfc4d5a0.js"]
+    id: 3258,
+    files: ["static/chunks/258.52c48025b4679c71.js"]
   }
 };

Diff for middleware.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [826],
   {
-    /***/ 8086: /***/ (
+    /***/ 7462: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -14,7 +14,7 @@
       __webpack_require__.d(__webpack_exports__, {
         default: () =>
           /* binding */ next_middleware_loaderabsolutePagePath_private_next_root_dir_2Fmiddleware_js_page_2Fmiddleware_rootDir_2Ftmp_2Fnext_stats_2Fstats_app_matchers_
-      }); // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/error.js
+      }); // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/error.js
 
       class PageSignatureError extends Error {
         constructor({ page }) {
@@ -41,7 +41,7 @@
   Read more: https://nextjs.org/docs/messages/middleware-parse-user-agent
   `);
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/utils.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/utils.js
 
       //# sourceMappingURL=error.js.map
       function fromNodeHeaders(object) {
@@ -155,7 +155,7 @@
             }
           );
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/spec-extension/fetch-event.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/spec-extension/fetch-event.js
 
       //# sourceMappingURL=utils.js.map
       const responseSymbol = Symbol("response");
@@ -201,7 +201,7 @@
             page: this.sourcePage
           });
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/i18n/detect-domain-locale.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/i18n/detect-domain-locale.js
 
       //# sourceMappingURL=fetch-event.js.map
       function detectDomainLocale(domainItems, hostname, detectedLocale) {
@@ -230,7 +230,7 @@
           }
         }
         return domainItem;
-      } //# sourceMappingURL=detect-domain-locale.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/remove-trailing-slash.js
+      } //# sourceMappingURL=detect-domain-locale.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/remove-trailing-slash.js
 
       /**
        * Removes the trailing slash for a given route or page path. Preserves the
@@ -240,7 +240,7 @@
        *   - `/` -> `/`
        */ function removeTrailingSlash(route) {
         return route.replace(/\/$/, "") || "/";
-      } //# sourceMappingURL=remove-trailing-slash.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/parse-path.js
+      } //# sourceMappingURL=remove-trailing-slash.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/parse-path.js
 
       /**
        * Given a path this function will find the pathname, query and hash and return
@@ -268,7 +268,7 @@
           query: "",
           hash: ""
         };
-      } //# sourceMappingURL=parse-path.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/add-path-prefix.js
+      } //# sourceMappingURL=parse-path.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/add-path-prefix.js
 
       /**
        * Adds the provided prefix to the given path. It first ensures that the path
@@ -279,7 +279,7 @@
         }
         const { pathname, query, hash } = parsePath(path);
         return `${prefix}${pathname}${query}${hash}`;
-      } //# sourceMappingURL=add-path-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/add-path-suffix.js
+      } //# sourceMappingURL=add-path-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/add-path-suffix.js
 
       /**
        * Similarly to `addPathPrefix`, this function adds a suffix at the end on the
@@ -291,7 +291,7 @@
         }
         const { pathname, query, hash } = parsePath(path);
         return `${pathname}${suffix}${query}${hash}`;
-      } //# sourceMappingURL=add-path-suffix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/path-has-prefix.js
+      } //# sourceMappingURL=add-path-suffix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/path-has-prefix.js
 
       /**
        * Checks if a given path starts with a given prefix. It ensures it matches
@@ -305,7 +305,7 @@
         }
         const { pathname } = parsePath(path);
         return pathname === prefix || pathname.startsWith(prefix + "/");
-      } //# sourceMappingURL=path-has-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/add-locale.js
+      } //# sourceMappingURL=path-has-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/add-locale.js
 
       /**
        * For a given path and a locale, if the locale is given, it will prefix the
@@ -322,7 +322,7 @@
           return addPathPrefix(path, `/${locale}`);
         }
         return path;
-      } //# sourceMappingURL=add-locale.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/format-next-pathname-info.js
+      } //# sourceMappingURL=add-locale.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/format-next-pathname-info.js
 
       function formatNextPathnameInfo(info) {
         let pathname = addLocale(
@@ -346,7 +346,7 @@
             ? addPathSuffix(pathname, "/")
             : pathname
           : removeTrailingSlash(pathname);
-      } //# sourceMappingURL=format-next-pathname-info.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/get-hostname.js
+      } //# sourceMappingURL=format-next-pathname-info.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/get-hostname.js
 
       /**
        * Takes an object with a hostname property (like a parsed URL) and some
@@ -361,7 +361,7 @@
           parsed.hostname) == null
           ? void 0
           : ref.split(":")[0].toLowerCase();
-      } //# sourceMappingURL=get-hostname.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/i18n/normalize-locale-path.js
+      } //# sourceMappingURL=get-hostname.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/i18n/normalize-locale-path.js
 
       /**
        * For a pathname that may include a locale from a list of locales, it
@@ -391,7 +391,7 @@
           pathname,
           detectedLocale
         };
-      } //# sourceMappingURL=normalize-locale-path.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/remove-path-prefix.js
+      } //# sourceMappingURL=normalize-locale-path.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/remove-path-prefix.js
 
       /**
        * Given a path and a prefix it will remove the prefix when it exists in the
@@ -407,7 +407,7 @@
             : `/${withoutPrefix}`;
         }
         return path;
-      } //# sourceMappingURL=remove-path-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/get-next-pathname-info.js
+      } //# sourceMappingURL=remove-path-prefix.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/get-next-pathname-info.js
 
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
@@ -444,7 +444,7 @@
             info.pathname;
         }
         return info;
-      } //# sourceMappingURL=get-next-pathname-info.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/next-url.js
+      } //# sourceMappingURL=get-next-pathname-info.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/next-url.js
 
       const REGEX_LOCALHOST_HOSTNAME = /(?!^https?:\/\/)(127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|::1|localhost)/;
       function parseURL(url, base) {
@@ -656,9 +656,9 @@
       }
 
       //# sourceMappingURL=next-url.js.map
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/compiled/cookie/index.js
-      var cookie = __webpack_require__(1948);
-      var cookie_default = /*#__PURE__*/ __webpack_require__.n(cookie); // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/spec-extension/cookies.js
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/compiled/cookie/index.js
+      var cookie = __webpack_require__(965);
+      var cookie_default = /*#__PURE__*/ __webpack_require__.n(cookie); // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/spec-extension/cookies.js
       const normalizeCookieOptions = options => {
         options = Object.assign({}, options);
         if (options.maxAge) {
@@ -777,7 +777,7 @@
             this.response.headers.set("set-cookie", expiredCookies);
           return super.clear();
         };
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/spec-extension/request.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/spec-extension/request.js
 
       //# sourceMappingURL=cookies.js.map
       const INTERNALS = Symbol("internal request");
@@ -851,7 +851,7 @@
         get url() {
           return this[INTERNALS].url.toString();
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/spec-extension/response.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/spec-extension/response.js
 
       //# sourceMappingURL=request.js.map
       const response_INTERNALS = Symbol("internal response");
@@ -929,7 +929,7 @@
             headers
           });
         }
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/relativize-url.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/relativize-url.js
 
       //# sourceMappingURL=response.js.map
       /**
@@ -943,7 +943,7 @@
         return `${relative.protocol}//${relative.host}` === origin
           ? relative.toString().replace(origin, "")
           : relative.toString();
-      } //# sourceMappingURL=relativize-url.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/internal-utils.js
+      } //# sourceMappingURL=relativize-url.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/internal-utils.js
 
       const INTERNAL_QUERY_NAMES = [
         "__nextFallback",
@@ -972,7 +972,7 @@
           }
         }
         return searchParams;
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/app-paths.js
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/shared/lib/router/utils/app-paths.js
 
       //# sourceMappingURL=internal-utils.js.map
       // remove (name) from pathname as it's not considered for routing
@@ -996,7 +996,7 @@
       }
       function normalizeRscPath(pathname, enabled) {
         return enabled ? pathname.replace(/\.rsc($|\?)/, "") : pathname;
-      } //# sourceMappingURL=app-paths.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/adapter.js
+      } //# sourceMappingURL=app-paths.js.map // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/esm/server/web/adapter.js
 
       class NextRequestHint extends NextRequest {
         constructor(params) {
@@ -1218,12 +1218,12 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
           enumerable: false,
           configurable: false
         });
-      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=private-next-root-dir%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Ftmp%2Fnext-stats%2Fstats-app&matchers=!
+      } // CONCATENATED MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=private-next-root-dir%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Ftmp%2Fnext-stats%2Fstats-app&matchers=!
 
       //# sourceMappingURL=adapter.js.map
       enhanceGlobals();
 
-      var mod = __webpack_require__(8452);
+      var mod = __webpack_require__(5941);
       var handler = mod.middleware || mod.default;
 
       if (typeof handler !== "function") {
@@ -1247,7 +1247,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8452: /***/ (
+    /***/ 5941: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1259,7 +1259,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         /* harmony export */
       });
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        8646
+        253
       );
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_server__WEBPACK_IMPORTED_MODULE_0__
@@ -1272,7 +1272,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 6520: /***/ (__unused_webpack_module, exports) => {
+    /***/ 6961: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1292,7 +1292,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 891: /***/ (__unused_webpack_module, exports) => {
+    /***/ 1137: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1330,7 +1330,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 6568: /***/ (__unused_webpack_module, exports) => {
+    /***/ 3750: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1362,7 +1362,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 4601: /***/ (
+    /***/ 500: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1373,8 +1373,8 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.addLocale = addLocale;
-      var _addPathPrefix = __webpack_require__(6325);
-      var _pathHasPrefix = __webpack_require__(2180);
+      var _addPathPrefix = __webpack_require__(209);
+      var _pathHasPrefix = __webpack_require__(5249);
       function addLocale(path, locale, defaultLocale, ignorePrefix) {
         if (
           locale &&
@@ -1394,7 +1394,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 6325: /***/ (
+    /***/ 209: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1405,7 +1405,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(3444);
+      var _parsePath = __webpack_require__(7990);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -1417,7 +1417,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 7864: /***/ (
+    /***/ 3218: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1428,7 +1428,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.addPathSuffix = addPathSuffix;
-      var _parsePath = __webpack_require__(3444);
+      var _parsePath = __webpack_require__(7990);
       function addPathSuffix(path, suffix) {
         if (!path.startsWith("/") || !suffix) {
           return path;
@@ -1440,7 +1440,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3270: /***/ (
+    /***/ 3621: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1451,10 +1451,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.formatNextPathnameInfo = formatNextPathnameInfo;
-      var _removeTrailingSlash = __webpack_require__(4335);
-      var _addPathPrefix = __webpack_require__(6325);
-      var _addPathSuffix = __webpack_require__(7864);
-      var _addLocale = __webpack_require__(4601);
+      var _removeTrailingSlash = __webpack_require__(1127);
+      var _addPathPrefix = __webpack_require__(209);
+      var _addPathSuffix = __webpack_require__(3218);
+      var _addLocale = __webpack_require__(500);
       function formatNextPathnameInfo(info) {
         let pathname = (0, _addLocale).addLocale(
           info.pathname,
@@ -1485,20 +1485,16 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9635: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
+    /***/ 26: /***/ (__unused_webpack_module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.getNextPathnameInfo = getNextPathnameInfo;
-      var _normalizeLocalePath = __webpack_require__(6568);
-      var _removePathPrefix = __webpack_require__(1068);
-      var _pathHasPrefix = __webpack_require__(2180);
+      var _normalizeLocalePath = __webpack_require__(3750);
+      var _removePathPrefix = __webpack_require__(5084);
+      var _pathHasPrefix = __webpack_require__(5249);
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
         const { basePath, i18n, trailingSlash } =
@@ -1548,7 +1544,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3444: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7990: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1582,7 +1578,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 2180: /***/ (
+    /***/ 5249: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1593,7 +1589,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.pathHasPrefix = pathHasPrefix;
-      var _parsePath = __webpack_require__(3444);
+      var _parsePath = __webpack_require__(7990);
       function pathHasPrefix(path, prefix) {
         if (typeof path !== "string") {
           return false;
@@ -1605,7 +1601,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1068: /***/ (
+    /***/ 5084: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1616,7 +1612,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.removePathPrefix = removePathPrefix;
-      var _pathHasPrefix = __webpack_require__(2180);
+      var _pathHasPrefix = __webpack_require__(5249);
       function removePathPrefix(path, prefix) {
         if ((0, _pathHasPrefix).pathHasPrefix(path, prefix)) {
           const withoutPrefix = path.slice(prefix.length);
@@ -1630,7 +1626,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 4335: /***/ (__unused_webpack_module, exports) => {
+    /***/ 1127: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1644,7 +1640,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1948: /***/ module => {
+    /***/ 965: /***/ module => {
       var __dirname = "/";
       (() => {
         "use strict";
@@ -1772,7 +1768,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3980: /***/ (module, exports, __webpack_require__) => {
+    /***/ 4803: /***/ (module, exports, __webpack_require__) => {
       var __dirname = "/";
       var __WEBPACK_AMD_DEFINE_RESULT__;
       (() => {
@@ -2614,7 +2610,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3975: /***/ (__unused_webpack_module, exports) => {
+    /***/ 6140: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2655,7 +2651,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 130: /***/ (
+    /***/ 7329: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2665,10 +2661,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _detectDomainLocale = __webpack_require__(891);
-      var _formatNextPathnameInfo = __webpack_require__(3270);
-      var _getHostname = __webpack_require__(6520);
-      var _getNextPathnameInfo = __webpack_require__(9635);
+      var _detectDomainLocale = __webpack_require__(1137);
+      var _formatNextPathnameInfo = __webpack_require__(3621);
+      var _getHostname = __webpack_require__(6961);
+      var _getNextPathnameInfo = __webpack_require__(26);
       const REGEX_LOCALHOST_HOSTNAME = /(?!^https?:\/\/)(127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|::1|localhost)/;
       function parseURL(url, base) {
         return new URL(
@@ -2888,7 +2884,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3265: /***/ (
+    /***/ 1552: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2898,7 +2894,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _cookie = _interopRequireDefault(__webpack_require__(1948));
+      var _cookie = _interopRequireDefault(__webpack_require__(965));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -3033,7 +3029,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3371: /***/ (
+    /***/ 6751: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3045,10 +3041,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       };
       __webpack_unused_export__ = void 0;
-      var _nextUrl = __webpack_require__(130);
-      var _utils = __webpack_require__(1657);
-      var _error = __webpack_require__(3975);
-      var _cookies = __webpack_require__(3265);
+      var _nextUrl = __webpack_require__(7329);
+      var _utils = __webpack_require__(4867);
+      var _error = __webpack_require__(6140);
+      var _cookies = __webpack_require__(1552);
       const INTERNALS = Symbol("internal request");
       __webpack_unused_export__ = INTERNALS;
       class NextRequest extends Request {
@@ -3129,7 +3125,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9062: /***/ (
+    /***/ 1244: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3140,9 +3136,9 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       __webpack_unused_export__ = {
         value: true
       };
-      var _nextUrl = __webpack_require__(130);
-      var _utils = __webpack_require__(1657);
-      var _cookies = __webpack_require__(3265);
+      var _nextUrl = __webpack_require__(7329);
+      var _utils = __webpack_require__(4867);
+      var _cookies = __webpack_require__(1552);
       const INTERNALS = Symbol("internal response");
       const REDIRECTS = new Set([301, 302, 303, 307, 308]);
       class NextResponse extends Response {
@@ -3229,7 +3225,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1264: /***/ (
+    /***/ 4112: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3243,7 +3239,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       __webpack_unused_export__ = isBot;
       exports.Nf = userAgentFromString;
       exports.WE = userAgent;
-      var _uaParserJs = _interopRequireDefault(__webpack_require__(3980));
+      var _uaParserJs = _interopRequireDefault(__webpack_require__(4803));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -3271,7 +3267,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1657: /***/ (__unused_webpack_module, exports) => {
+    /***/ 4867: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -3386,14 +3382,14 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8646: /***/ (module, exports, __webpack_require__) => {
+    /***/ 253: /***/ (module, exports, __webpack_require__) => {
       const serverExports = {
-        NextRequest: __webpack_require__(3371) /* .NextRequest */.Im,
-        NextResponse: __webpack_require__(9062) /* .NextResponse */.x,
+        NextRequest: __webpack_require__(6751) /* .NextRequest */.Im,
+        NextResponse: __webpack_require__(1244) /* .NextResponse */.x,
         userAgentFromString: __webpack_require__(
-          1264
+          4112
         ) /* .userAgentFromString */.Nf,
-        userAgent: __webpack_require__(1264) /* .userAgent */.WE
+        userAgent: __webpack_require__(4112) /* .userAgent */.WE
       };
 
       if (typeof URLPattern !== "undefined") {
@@ -3419,7 +3415,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = moduleId =>
       __webpack_require__((__webpack_require__.s = moduleId));
-    /******/ var __webpack_exports__ = __webpack_exec__(8086);
+    /******/ var __webpack_exports__ = __webpack_exec__(7462);
     /******/ (_ENTRIES =
       typeof _ENTRIES === "undefined"
         ? {}

Diff for edge-ssr.js

Diff too large to display

Diff for _buildManifest.js

@@ -1,28 +1,28 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-7ccd1b1930c4d505.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-77faf523f7dc719f.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-f6d913b1595b4bda.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-d039610ac387a1a2.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-b39849bd87f6201c.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-9395ec0994a9d6eb.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-352d0237482bebda.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-3a075db0736f05e7.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-b739be0a49287306.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-90075b4c21021b3e.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-51ea5deb6c2a65b3.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-3261abe9cc912fa4.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-61934f59d0339a54.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-9e047c8dbc4ce238.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-8aa6f30699f78ad1.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-5fa8d1451f7b64eb.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-9b6b3b9d22946395.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-b64051b6ffd303d7.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-0b8da099f740d47e.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-fbc73d8c60483d1f.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-46e61e002d5fd6ae.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-1e5f0e87b060242d.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-79a818b59c0dd2a9.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-0cd1c9f84d9592a8.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-1bdb810c596673f9.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-2a904d5d78caadaf.js"
   ],
   sortedPages: [
     "\u002F",

Diff for _app-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 8351: /***/ function(
+    /***/ 7006: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function() {
-          return __webpack_require__(9836);
+          return __webpack_require__(2728);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [179], function() {
-      return __webpack_exec__(8351), __webpack_exec__(975);
+      return __webpack_exec__(7006), __webpack_exec__(7523);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for _error-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [820],
   {
-    /***/ 9548: /***/ function(
+    /***/ 3020: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function() {
-          return __webpack_require__(9586);
+          return __webpack_require__(28);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(9548);
+      return __webpack_exec__(3020);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for amp-HASH.js

@@ -1,17 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [216],
   {
-    /***/ 3485: /***/ function(
+    /***/ 7481: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4061);
+      module.exports = __webpack_require__(6286);
 
       /***/
     },
 
-    /***/ 6530: /***/ function(
+    /***/ 2880: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -19,7 +19,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(1790);
+          return __webpack_require__(2331);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 4061: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6286: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -37,9 +37,9 @@
       exports.useAmp = useAmp;
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(9453));
-      var _ampContext = __webpack_require__(4075);
-      var _ampMode = __webpack_require__(3298);
+      var _react = _interop_require_default(__webpack_require__(1058));
+      var _ampContext = __webpack_require__(3494);
+      var _ampMode = __webpack_require__(1422);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 1790: /***/ function(
+    /***/ 2331: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -78,7 +78,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3485
+        7481
       );
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_amp__WEBPACK_IMPORTED_MODULE_0__
@@ -102,7 +102,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(6530);
+      return __webpack_exec__(2880);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for css-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [706],
   {
-    /***/ 631: /***/ function(
+    /***/ 1737: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(51);
+          return __webpack_require__(7649);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 51: /***/ function(
+    /***/ 7649: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -26,10 +26,10 @@
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3636
+        2551
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -49,14 +49,14 @@
       /***/
     },
 
-    /***/ 3636: /***/ function(module) {
+    /***/ 2551: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };
 
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -71,7 +71,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -106,7 +106,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -114,7 +114,7 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
@@ -127,7 +127,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(631);
+      return __webpack_exec__(1737);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for dynamic-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [739],
   {
-    /***/ 8963: /***/ function(
+    /***/ 9051: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function() {
-          return __webpack_require__(9318);
+          return __webpack_require__(1698);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 2024: /***/ function(module, exports, __webpack_require__) {
+    /***/ 14: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -29,8 +29,8 @@
       var _extends = __webpack_require__(5506) /* ["default"] */.Z;
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(9453));
-      var _loadable = _interop_require_default(__webpack_require__(2990));
+      var _react = _interop_require_default(__webpack_require__(1058));
+      var _loadable = _interop_require_default(__webpack_require__(1038));
       function dynamic(dynamicOptions, options) {
         let loadableFn = _loadable.default;
         let loadableOptions = (options == null
@@ -128,7 +128,7 @@
       /***/
     },
 
-    /***/ 135: /***/ function(
+    /***/ 5401: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -141,7 +141,7 @@
       exports.LoadableContext = void 0;
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(9453));
+      var _react = _interop_require_default(__webpack_require__(1058));
       const LoadableContext = _react.default.createContext(null);
       exports.LoadableContext = LoadableContext;
       if (false) {
@@ -150,7 +150,7 @@
       /***/
     },
 
-    /***/ 2990: /***/ function(
+    /***/ 1038: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -164,9 +164,9 @@
       var _extends = __webpack_require__(5506) /* ["default"] */.Z;
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(9453));
-      var _loadableContext = __webpack_require__(135);
-      const { useSyncExternalStore } = true ? __webpack_require__(9453) : 0;
+      var _react = _interop_require_default(__webpack_require__(1058));
+      var _loadableContext = __webpack_require__(5401);
+      const { useSyncExternalStore } = true ? __webpack_require__(1058) : 0;
       const ALL_INITIALIZERS = [];
       const READY_INITIALIZERS = [];
       let initialized = false;
@@ -416,7 +416,7 @@
       /***/
     },
 
-    /***/ 9318: /***/ function(
+    /***/ 1698: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -430,10 +430,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6706
+        9477
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -442,11 +442,11 @@
       const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         () =>
           __webpack_require__
-            .e(/* import() */ 328)
-            .then(__webpack_require__.bind(__webpack_require__, 328)),
+            .e(/* import() */ 258)
+            .then(__webpack_require__.bind(__webpack_require__, 3258)),
         {
           loadableGenerated: {
-            webpack: () => [/*require.resolve*/ 328]
+            webpack: () => [/*require.resolve*/ 3258]
           }
         }
       );
@@ -473,7 +473,7 @@
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -488,7 +488,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -523,7 +523,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -531,19 +531,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
       /***/
     },
 
-    /***/ 6706: /***/ function(
+    /***/ 9477: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2024);
+      module.exports = __webpack_require__(14);
 
       /***/
     }
@@ -554,7 +554,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(8963);
+      return __webpack_exec__(9051);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for edge-ssr-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [800],
   {
-    /***/ 529: /***/ function(
+    /***/ 3839: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/edge-ssr",
         function() {
-          return __webpack_require__(258);
+          return __webpack_require__(6726);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 258: /***/ function(
+    /***/ 6726: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -50,7 +50,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(529);
+      return __webpack_exec__(3839);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for head-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [645],
   {
-    /***/ 8780: /***/ function(
+    /***/ 2116: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function() {
-          return __webpack_require__(5835);
+          return __webpack_require__(8231);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5835: /***/ function(
+    /***/ 8231: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -32,10 +32,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8722
+        8631
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -69,7 +69,7 @@
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -84,7 +84,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -119,7 +119,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -127,19 +127,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
       /***/
     },
 
-    /***/ 8722: /***/ function(
+    /***/ 8631: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(1519);
+      module.exports = __webpack_require__(3488);
 
       /***/
     }
@@ -150,7 +150,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(8780);
+      return __webpack_exec__(2116);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for hooks-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 4076: /***/ function(
+    /***/ 1042: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(9740);
+          return __webpack_require__(7568);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9740: /***/ function(
+    /***/ 7568: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -26,10 +26,10 @@
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
       /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9453
+        1058
       );
 
       /* harmony default export */ __webpack_exports__["default"] = () => {
@@ -77,7 +77,7 @@
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -92,7 +92,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -127,7 +127,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -135,7 +135,7 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
@@ -148,7 +148,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(4076);
+      return __webpack_exec__(1042);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for image-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [358],
   {
-    /***/ 7735: /***/ function(
+    /***/ 7865: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function() {
-          return __webpack_require__(3281);
+          return __webpack_require__(8710);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9258: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4558: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -34,12 +34,12 @@
       var _object_without_properties_loose = __webpack_require__(
         5997
       ) /* ["default"] */.Z;
-      var _react = _interop_require_wildcard(__webpack_require__(9453));
-      var _head = _interop_require_default(__webpack_require__(1519));
-      var _imageBlurSvg = __webpack_require__(1356);
-      var _imageConfig = __webpack_require__(2953);
-      var _imageConfigContext = __webpack_require__(8169);
-      var _utils = __webpack_require__(4917);
+      var _react = _interop_require_wildcard(__webpack_require__(1058));
+      var _head = _interop_require_default(__webpack_require__(3488));
+      var _imageBlurSvg = __webpack_require__(746);
+      var _imageConfig = __webpack_require__(1374);
+      var _imageConfigContext = __webpack_require__(3811);
+      var _utils = __webpack_require__(9814);
       function Image(_param) {
         var {
             src,
@@ -637,7 +637,7 @@
       /***/
     },
 
-    /***/ 1356: /***/ function(__unused_webpack_module, exports) {
+    /***/ 746: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -652,24 +652,30 @@
         const feComponentTransfer = blurDataURL.startsWith("data:image/jpeg")
           ? "%3CfeComponentTransfer%3E%3CfeFuncA type='discrete' tableValues='1 1'/%3E%3C/feComponentTransfer%3E%"
           : "";
-        return "%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 "
-          .concat(svgWidth, " ")
-          .concat(
-            svgHeight,
-            "'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='"
-          )
-          .concat(std, "'/%3E")
-          .concat(
-            feComponentTransfer,
-            "%3C/filter%3E%3Cimage filter='url(%23b)' x='0' y='0' height='100%25' width='100%25' href='"
-          )
-          .concat(blurDataURL, "'/%3E%3C/svg%3E");
+        if (svgWidth && svgHeight) {
+          return "%3Csvg xmlns='http%3A//www.w3.org/2000/svg' viewBox='0 0 "
+            .concat(svgWidth, " ")
+            .concat(
+              svgHeight,
+              "'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='"
+            )
+            .concat(std, "'/%3E")
+            .concat(
+              feComponentTransfer,
+              "%3C/filter%3E%3Cimage preserveAspectRatio='none' filter='url(%23b)' x='0' y='0' height='100%25' width='100%25' href='"
+            )
+            .concat(blurDataURL, "'/%3E%3C/svg%3E");
+        }
+        return "%3Csvg xmlns='http%3A//www.w3.org/2000/svg'%3E%3Cimage style='filter:blur(20px)' x='0' y='0' height='100%25' width='100%25' href='".concat(
+          blurDataURL,
+          "'/%3E%3C/svg%3E"
+        );
       } //# sourceMappingURL=image-blur-svg.js.map
 
       /***/
     },
 
-    /***/ 3281: /***/ function(
+    /***/ 8710: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -688,10 +694,10 @@
         }
       });
 
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/compiled/react/jsx-runtime.js
-      var jsx_runtime = __webpack_require__(690);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/image.js
-      var next_image = __webpack_require__(1769);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/dist/compiled/react/jsx-runtime.js
+      var jsx_runtime = __webpack_require__(1761);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/image.js
+      var next_image = __webpack_require__(3608);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -721,7 +727,7 @@
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -736,7 +742,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -771,7 +777,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -779,19 +785,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
       /***/
     },
 
-    /***/ 1769: /***/ function(
+    /***/ 3608: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(9258);
+      module.exports = __webpack_require__(4558);
 
       /***/
     }
@@ -802,7 +808,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(7735);
+      return __webpack_exec__(7865);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for index-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [405],
   {
-    /***/ 2047: /***/ function(
+    /***/ 1239: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(1795);
+          return __webpack_require__(1871);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1795: /***/ function(
+    /***/ 1871: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -44,7 +44,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(2047);
+      return __webpack_exec__(1239);
     });
     /******/ 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([
   [644],
   {
-    /***/ 9279: /***/ function(
+    /***/ 485: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function() {
-          return __webpack_require__(9180);
+          return __webpack_require__(809);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 561: /***/ function(module, exports) {
+    /***/ 6647: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 8551: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1917: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -60,14 +60,14 @@
       var _object_without_properties_loose = __webpack_require__(
         5997
       ) /* ["default"] */.Z;
-      var _react = _interop_require_default(__webpack_require__(9453));
-      var _router = __webpack_require__(24);
-      var _addLocale = __webpack_require__(5244);
-      var _routerContext = __webpack_require__(1636);
-      var _appRouterContext = __webpack_require__(7083);
-      var _useIntersection = __webpack_require__(3855);
-      var _getDomainLocale = __webpack_require__(561);
-      var _addBasePath = __webpack_require__(6021);
+      var _react = _interop_require_default(__webpack_require__(1058));
+      var _router = __webpack_require__(8939);
+      var _addLocale = __webpack_require__(1349);
+      var _routerContext = __webpack_require__(4992);
+      var _appRouterContext = __webpack_require__(9005);
+      var _useIntersection = __webpack_require__(6441);
+      var _getDomainLocale = __webpack_require__(6647);
+      var _addBasePath = __webpack_require__(2193);
       ("use client");
       const prefetched = {};
       function prefetch(router, href, as, options) {
@@ -391,15 +391,15 @@
       /***/
     },
 
-    /***/ 3855: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6441: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.useIntersection = useIntersection;
-      var _react = __webpack_require__(9453);
-      var _requestIdleCallback = __webpack_require__(8693);
+      var _react = __webpack_require__(1058);
+      var _requestIdleCallback = __webpack_require__(7185);
       const hasIntersectionObserver =
         typeof IntersectionObserver === "function";
       const observers = new Map();
@@ -507,7 +507,7 @@
       /***/
     },
 
-    /***/ 7083: /***/ function(
+    /***/ 9005: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -520,7 +520,7 @@
       exports.TemplateContext = exports.GlobalLayoutRouterContext = exports.LayoutRouterContext = exports.AppRouterContext = void 0;
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(9453));
+      var _react = _interop_require_default(__webpack_require__(1058));
       const AppRouterContext = _react.default.createContext(null);
       exports.AppRouterContext = AppRouterContext;
       const LayoutRouterContext = _react.default.createContext(null);
@@ -535,7 +535,7 @@
       /***/
     },
 
-    /***/ 9180: /***/ function(
+    /***/ 809: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -549,10 +549,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        7892
+        1777
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -583,7 +583,7 @@
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -598,7 +598,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -633,7 +633,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -641,19 +641,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
       /***/
     },
 
-    /***/ 7892: /***/ function(
+    /***/ 1777: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8551);
+      module.exports = __webpack_require__(1917);
 
       /***/
     }
@@ -664,7 +664,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(9279);
+      return __webpack_exec__(485);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for routerDirect-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [58],
   {
-    /***/ 5847: /***/ function(
+    /***/ 4500: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function() {
-          return __webpack_require__(8430);
+          return __webpack_require__(6432);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8430: /***/ function(
+    /***/ 6432: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -32,10 +32,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3318
+        775
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,7 +56,7 @@
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -71,7 +71,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -106,7 +106,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -114,19 +114,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 775: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(975);
+      module.exports = __webpack_require__(7523);
 
       /***/
     }
@@ -137,7 +137,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(5847);
+      return __webpack_exec__(4500);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for script-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [797],
   {
-    /***/ 7992: /***/ function(
+    /***/ 7140: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/script",
         function() {
-          return __webpack_require__(5580);
+          return __webpack_require__(7839);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5580: /***/ function(
+    /***/ 7839: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -32,10 +32,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3785
+        4861
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -68,7 +68,7 @@
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -83,7 +83,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -118,7 +118,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -126,19 +126,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
       /***/
     },
 
-    /***/ 3785: /***/ function(
+    /***/ 4861: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = false ? 0 : __webpack_require__(1854);
+      module.exports = false ? 0 : __webpack_require__(2827);
 
       /***/
     }
@@ -149,7 +149,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(7992);
+      return __webpack_exec__(7140);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for withRouter-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [807],
   {
-    /***/ 5996: /***/ function(
+    /***/ 3377: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function() {
-          return __webpack_require__(2466);
+          return __webpack_require__(4554);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 2466: /***/ function(
+    /***/ 4554: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -32,10 +32,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3318
+        775
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 3561: /***/ function(
+    /***/ 6052: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -69,7 +69,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var f = __webpack_require__(9453),
+      var f = __webpack_require__(1058),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -104,7 +104,7 @@
       /***/
     },
 
-    /***/ 690: /***/ function(
+    /***/ 1761: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -112,19 +112,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(3561);
+        module.exports = __webpack_require__(6052);
       } else {
       }
 
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 775: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(975);
+      module.exports = __webpack_require__(7523);
 
       /***/
     }
@@ -135,7 +135,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(5996);
+      return __webpack_exec__(3377);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for 328.HASH.js

@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [328],
+  [258],
   {
-    /***/ 328: /***/ function(
+    /***/ 3258: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -15,7 +15,7 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        690
+        1761
       );
 
       const Hello = () => {

Diff for 869-HASH.js

@@ -1,5 +1,5 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [869],
+  [321],
   {
     /***/ 7156: /***/ function(__unused_webpack_module, exports) {
       "use strict";
@@ -177,7 +177,7 @@
       /***/
     },
 
-    /***/ 8669: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2581: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -189,13 +189,13 @@
       var _interop_require_wildcard = __webpack_require__(
         8889
       ) /* ["default"] */.Z;
-      var _react = _interop_require_wildcard(__webpack_require__(9453));
-      var _client = __webpack_require__(5734);
-      var _appRouterContext = __webpack_require__(7083);
-      var _reducer = __webpack_require__(3117);
-      var _hooksClientContext = __webpack_require__(1440);
-      var _useReducerWithDevtools = __webpack_require__(8243);
-      var _errorBoundary = __webpack_require__(6845);
+      var _react = _interop_require_wildcard(__webpack_require__(1058));
+      var _client = __webpack_require__(4810);
+      var _appRouterContext = __webpack_require__(9005);
+      var _reducer = __webpack_require__(4029);
+      var _hooksClientContext = __webpack_require__(3588);
+      var _useReducerWithDevtools = __webpack_require__(5099);
+      var _errorBoundary = __webpack_require__(9726);
       function AppRouter(props) {
         return /*#__PURE__*/ _react.default.createElement(
           _errorBoundary.ErrorBoundary,
@@ -562,7 +562,7 @@
       /***/
     },
 
-    /***/ 6845: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9726: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -572,7 +572,7 @@
       exports.GlobalErrorComponent = GlobalErrorComponent;
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(9453));
+      var _react = _interop_require_default(__webpack_require__(1058));
       /**
        * Handles errors through `getDerivedStateFromError`.
        * Renders the provided error component and provides a way to `reset` the error boundary state.
@@ -693,14 +693,14 @@
       /***/
     },
 
-    /***/ 1440: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3588: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.LayoutSegmentsContext = exports.ParamsContext = exports.PathnameContext = exports.SearchParamsContext = void 0;
-      var _react = __webpack_require__(9453);
+      var _react = __webpack_require__(1058);
       const SearchParamsContext = (0, _react).createContext(null);
       exports.SearchParamsContext = SearchParamsContext;
       const PathnameContext = (0, _react).createContext(null);
@@ -726,7 +726,7 @@
       /***/
     },
 
-    /***/ 1093: /***/ function(module, exports) {
+    /***/ 4948: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -764,7 +764,7 @@
       /***/
     },
 
-    /***/ 1450: /***/ function(module, exports, __webpack_require__) {
+    /***/ 7148: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -776,12 +776,12 @@
       var _interop_require_wildcard = __webpack_require__(
         8889
       ) /* ["default"] */.Z;
-      var _react = _interop_require_wildcard(__webpack_require__(9453));
-      var _appRouterContext = __webpack_require__(7083);
-      var _appRouter = __webpack_require__(8669);
-      var _infinitePromise = __webpack_require__(1093);
-      var _errorBoundary = __webpack_require__(6845);
-      var _matchSegments = __webpack_require__(7006);
+      var _react = _interop_require_wildcard(__webpack_require__(1058));
+      var _appRouterContext = __webpack_require__(9005);
+      var _appRouter = __webpack_require__(2581);
+      var _infinitePromise = __webpack_require__(4948);
+      var _errorBoundary = __webpack_require__(9726);
+      var _matchSegments = __webpack_require__(8862);
       function OuterLayoutRouter(param) {
         let {
           parallelRouterKey,
@@ -1211,7 +1211,7 @@
       /***/
     },
 
-    /***/ 7006: /***/ function(module, exports) {
+    /***/ 8862: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1251,7 +1251,7 @@
       /***/
     },
 
-    /***/ 3117: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4029: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1259,8 +1259,8 @@
       });
       exports.reducer = exports.ACTION_PREFETCH = exports.ACTION_SERVER_PATCH = exports.ACTION_RESTORE = exports.ACTION_NAVIGATE = exports.ACTION_REFRESH = void 0;
       var _extends = __webpack_require__(5506) /* ["default"] */.Z;
-      var _matchSegments = __webpack_require__(7006);
-      var _appRouter = __webpack_require__(8669); // TODO-APP: change `any` to type inference.
+      var _matchSegments = __webpack_require__(8862);
+      var _appRouter = __webpack_require__(2581); // TODO-APP: change `any` to type inference.
       /**
        * Create data fetching record for Promise.
        */ function createRecordFromThenable(thenable) {
@@ -2200,7 +2200,7 @@
       /***/
     },
 
-    /***/ 2240: /***/ function(module, exports, __webpack_require__) {
+    /***/ 8046: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2210,8 +2210,8 @@
       var _interop_require_wildcard = __webpack_require__(
         8889
       ) /* ["default"] */.Z;
-      var _react = _interop_require_wildcard(__webpack_require__(9453));
-      var _appRouterContext = __webpack_require__(7083);
+      var _react = _interop_require_wildcard(__webpack_require__(1058));
+      var _appRouterContext = __webpack_require__(9005);
       function RenderFromTemplateContext() {
         const children = (0, _react).useContext(
           _appRouterContext.TemplateContext
@@ -2238,14 +2238,14 @@
       /***/
     },
 
-    /***/ 8243: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5099: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.useReducerWithReduxDevtools = void 0;
-      var _react = __webpack_require__(9453);
+      var _react = __webpack_require__(1058);
       function normalizeRouterState(val) {
         if (val instanceof Map) {
           const obj = {};
@@ -2372,7 +2372,7 @@
       /***/
     },
 
-    /***/ 7083: /***/ function(
+    /***/ 9005: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2385,7 +2385,7 @@
       exports.TemplateContext = exports.GlobalLayoutRouterContext = exports.LayoutRouterContext = exports.AppRouterContext = void 0;
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(9453));
+      var _react = _interop_require_default(__webpack_require__(1058));
       const AppRouterContext = _react.default.createContext(null);
       exports.AppRouterContext = AppRouterContext;
       const LayoutRouterContext = _react.default.createContext(null);
@@ -2400,7 +2400,7 @@
       /***/
     },
 
-    /***/ 5734: /***/ function(
+    /***/ 4810: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -2894,7 +2894,7 @@
           },
 
           /***/ 522: /***/ module => {
-            module.exports = __webpack_require__(9453);
+            module.exports = __webpack_require__(1058);
 
             /***/
           }
@@ -2961,7 +2961,7 @@
       /***/
     },
 
-    /***/ 5444: /***/ function(__unused_webpack_module, exports) {
+    /***/ 6528: /***/ function(__unused_webpack_module, exports) {
       "use strict";
       /**
        * @license React
@@ -3426,7 +3426,7 @@
       /***/
     },
 
-    /***/ 9453: /***/ function(
+    /***/ 1058: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -3434,7 +3434,7 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(5444);
+        module.exports = __webpack_require__(6528);
       } else {
       }

Diff for app-internals-HASH.js

@@ -1,19 +1,19 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [532],
   {
-    /***/ 2050: /***/ function(
+    /***/ 5226: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 8669, 23)
+        __webpack_require__.t.bind(__webpack_require__, 2581, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 1450, 23)
+        __webpack_require__.t.bind(__webpack_require__, 7148, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 2240, 23)
+        __webpack_require__.t.bind(__webpack_require__, 8046, 23)
       );
 
       /***/
@@ -24,8 +24,8 @@
     /******/ var __webpack_exec__ = function(moduleId) {
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
-    /******/ __webpack_require__.O(0, [869], function() {
-      return __webpack_exec__(2050);
+    /******/ __webpack_require__.O(0, [321], function() {
+      return __webpack_exec__(5226);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for page-d08fabc15699015d.js

@@ -1,6 +1,6 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([[760],{
 
-/***/ 5093:
+/***/ 3081:
 /***/ (function() {
 
 
@@ -10,7 +10,7 @@
 },
 /******/ function(__webpack_require__) { // webpackRuntimeModules
 /******/ var __webpack_exec__ = function(moduleId) { return __webpack_require__(__webpack_require__.s = moduleId); }
-/******/ var __webpack_exports__ = (__webpack_exec__(5093));
+/******/ var __webpack_exports__ = (__webpack_exec__(3081));
 /******/ _N_E = __webpack_exports__;
 /******/ }
 ]);
\ No newline at end of file

Diff for main-HASH.js

Diff too large to display

Diff for main-app-HASH.js

Diff too large to display

Diff for webpack-HASH.js

@@ -215,7 +215,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "93264405bfc4d5a0" + ".js"
+        "static/chunks/" + chunkId + "." + "52c48025b4679c71" + ".js"
       );
       /******/
     };
@@ -236,7 +236,7 @@
 
   /******/ /******/ !(function() {
     /******/ __webpack_require__.h = function() {
-      return "bae8df19125c9919";
+      return "9305e227f7e070d2";
     };
     /******/
   })(); /* webpack/runtime/global */

Diff for index.html

@@ -11,19 +11,19 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-2c01ae5214728c30.js"
+      src="/_next/static/chunks/webpack-39fb1dfc7c08de44.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-7d4f98f8e596f93a.js"
+      src="/_next/static/chunks/main-b5aa9ec268610c20.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-b1aa9bc9bb533b76.js"
+      src="/_next/static/chunks/pages/_app-3c08c46a4f81c30f.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-7ccd1b1930c4d505.js"
+      src="/_next/static/chunks/pages/index-d039610ac387a1a2.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for link.html

@@ -11,19 +11,19 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-2c01ae5214728c30.js"
+      src="/_next/static/chunks/webpack-39fb1dfc7c08de44.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-7d4f98f8e596f93a.js"
+      src="/_next/static/chunks/main-b5aa9ec268610c20.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-b1aa9bc9bb533b76.js"
+      src="/_next/static/chunks/pages/_app-3c08c46a4f81c30f.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-5fa8d1451f7b64eb.js"
+      src="/_next/static/chunks/pages/link-fbc73d8c60483d1f.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Diff for withRouter.html

@@ -11,19 +11,19 @@
       src="/_next/static/chunks/polyfills-c67a75d1b6f99dc8.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-2c01ae5214728c30.js"
+      src="/_next/static/chunks/webpack-39fb1dfc7c08de44.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-7d4f98f8e596f93a.js"
+      src="/_next/static/chunks/main-b5aa9ec268610c20.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-b1aa9bc9bb533b76.js"
+      src="/_next/static/chunks/pages/_app-3c08c46a4f81c30f.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-1bdb810c596673f9.js"
+      src="/_next/static/chunks/pages/withRouter-2a904d5d78caadaf.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Commit: fd66053

jridgewell

Belated LGTM.

This PR fixes two bugs: - Fixes vercel#40419 - Fixes vercel#41393 The first is when the aspect ratio of the `width` and `height` does not match the aspect ratio of the `blurDataURL` provided. This can result in artifacts around the edges. The solution is to add `preserveAspectRatio="none"`. The second is when there is no `width` or `height` provided (which is normal when using `fill`) so the viewBox was undefined. This can also cause artifacts around the edges. The solution is to change the blur technique from gaussian to css filter, similar to `next/legacy/image`. Note: css blur might be [slower in firefox](https://bugzilla.mozilla.org/show_bug.cgi?id=925025) which is why we'll only use it for this corner case.

styfle added 2 commits October 19, 2022 13:31

Fix next/image svg blur placeholder with fill

109e297

Update tests

be3f244

ijjk added created-by: Next.js team PRs by the Next.js team type: next labels Oct 19, 2022

styfle changed the title ~~Fix next/image svg blur placeholder with fill~~ Fix next/image svg blur placeholder with fill Oct 19, 2022

styfle added 2 commits October 19, 2022 15:04

Update tests

c77434e

Merge branch 'canary' into fix-svg-blur-placeholder-with-fill

5dc2419

styfle marked this pull request as ready for review October 19, 2022 19:05

styfle requested review from timneutkens, ijjk and shuding as code owners October 19, 2022 19:05

styfle requested a review from balazsorban44 October 19, 2022 19:05

styfle mentioned this pull request Oct 19, 2022

Next/future/image blur placeholder have undefined to view box SVG width & height #41393

Closed

1 task

Fix image-optimizer tests

fd66053

ijjk approved these changes Oct 19, 2022

View reviewed changes

ijjk merged commit fe762d3 into canary Oct 19, 2022

ijjk deleted the fix-svg-blur-placeholder-with-fill branch October 19, 2022 20:21

jridgewell reviewed Oct 20, 2022

View reviewed changes

Kerumen mentioned this pull request Nov 10, 2022

Image blur placeholder not taking full width with fill image #42765

Closed

1 task

github-actions bot locked as resolved and limited conversation to collaborators Nov 19, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Fix `next/image` svg blur placeholder with `fill` #41573

Fix `next/image` svg blur placeholder with `fill` #41573

styfle commented Oct 19, 2022 •

edited

ijjk commented Oct 19, 2022 •

edited

ijjk commented Oct 19, 2022

Diffs

jridgewell left a comment

Fix next/image svg blur placeholder with fill #41573

Fix next/image svg blur placeholder with fill #41573

Conversation

styfle commented Oct 19, 2022 • edited

ijjk commented Oct 19, 2022 • edited

Failing test suites

ijjk commented Oct 19, 2022

Stats from current PR

Diffs

jridgewell left a comment

Choose a reason for hiding this comment

Fix `next/image` svg blur placeholder with `fill` #41573

Fix `next/image` svg blur placeholder with `fill` #41573

styfle commented Oct 19, 2022 •

edited

ijjk commented Oct 19, 2022 •

edited