Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Improve top level await coverage #64508

Merged
merged 8 commits into from Apr 17, 2024

Conversation

timneutkens
Copy link
Member

@timneutkens timneutkens commented Apr 15, 2024

What?

  • Changes webpack output target to es6 (required for async function output)
  • Adds tests for top level await in server components and client components (App Router)
  • Converted the async-modules tests to test/e2e
  • Has one skipped test that @gnoff is going to look into. This shouldn't block merging this PR 👍

Adds additional tests for top level await.

Since Next.js 13.4.5 webpack has top level await support enabled by default.

Similarly Turbopack supports top level await by default as well.

TLDR: You can remove topLevelAwait: true from the webpack configuration.

In writing these tests I found that client components are missing some kind of handling for top level await (async modules) so I've raised that to @gnoff who is going to have a look.

Closes NEXT-3126
Fixes #43382

Copy link
Member Author

This stack of pull requests is managed by Graphite. Learn more about stacking.

Join @timneutkens and the rest of your teammates on Graphite Graphite

@ijjk
Copy link
Member

ijjk commented Apr 15, 2024

Tests Passed

@ijjk
Copy link
Member

ijjk commented Apr 15, 2024

Stats from current PR

Default Build
General Overall increase ⚠️
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
buildDuration 15.9s 16s ⚠️ +173ms
buildDurationCached 8.8s 7.4s N/A
nodeModulesSize 199 MB 199 MB ⚠️ +1.33 kB
nextStartRea..uration (ms) 430ms 431ms N/A
Client Bundles (main, webpack)
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
2453-HASH.js gzip 31.6 kB 31.5 kB N/A
3304.HASH.js gzip 181 B N/A N/A
3f784ff6-HASH.js gzip 53.7 kB 53.7 kB N/A
8299-HASH.js gzip 5.1 kB 5.1 kB N/A
framework-HASH.js gzip 45.2 kB 45.2 kB N/A
main-app-HASH.js gzip 242 B 227 B N/A
main-HASH.js gzip 29.6 kB 29.6 kB N/A
webpack-HASH.js gzip 1.68 kB 1.65 kB N/A
1682.HASH.js gzip N/A 169 B N/A
Overall change 0 B 0 B
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
_app-HASH.js gzip 196 B 194 B N/A
_error-HASH.js gzip 184 B 191 B N/A
amp-HASH.js gzip 505 B 511 B N/A
css-HASH.js gzip 324 B 343 B N/A
dynamic-HASH.js gzip 2.5 kB 2.51 kB N/A
edge-ssr-HASH.js gzip 258 B 265 B N/A
head-HASH.js gzip 352 B 364 B N/A
hooks-HASH.js gzip 370 B 391 B N/A
image-HASH.js gzip 4.27 kB 4.28 kB N/A
index-HASH.js gzip 259 B 268 B N/A
link-HASH.js gzip 2.67 kB 2.69 kB N/A
routerDirect..HASH.js gzip 314 B 326 B N/A
script-HASH.js gzip 386 B 397 B N/A
withRouter-HASH.js gzip 309 B 323 B N/A
1afbb74e6ecf..834.css gzip 106 B 106 B
Overall change 106 B 106 B
Client Build Manifests
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
_buildManifest.js gzip 483 B 485 B N/A
Overall change 0 B 0 B
Rendered Page Sizes
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
index.html gzip 529 B 526 B N/A
link.html gzip 541 B 540 B N/A
withRouter.html gzip 523 B 521 B N/A
Overall change 0 B 0 B
Edge SSR bundle Size
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
edge-ssr.js gzip 94.4 kB 94.4 kB N/A
page.js gzip 3.05 kB 3.05 kB
Overall change 3.05 kB 3.05 kB
Middleware size
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
middleware-b..fest.js gzip 623 B 628 B N/A
middleware-r..fest.js gzip 155 B 156 B N/A
middleware.js gzip 25.5 kB 25.5 kB N/A
edge-runtime..pack.js gzip 839 B 839 B
Overall change 839 B 839 B
Next Runtimes
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
app-page-exp...dev.js gzip 171 kB 171 kB
app-page-exp..prod.js gzip 97.5 kB 97.5 kB
app-page-tur..prod.js gzip 99.2 kB 99.2 kB
app-page-tur..prod.js gzip 93.5 kB 93.5 kB
app-page.run...dev.js gzip 145 kB 145 kB
app-page.run..prod.js gzip 92 kB 92 kB
app-route-ex...dev.js gzip 21.5 kB 21.5 kB
app-route-ex..prod.js gzip 15.2 kB 15.2 kB
app-route-tu..prod.js gzip 15.2 kB 15.2 kB
app-route-tu..prod.js gzip 14.9 kB 14.9 kB
app-route.ru...dev.js gzip 21.1 kB 21.1 kB
app-route.ru..prod.js gzip 14.9 kB 14.9 kB
pages-api-tu..prod.js gzip 9.55 kB 9.55 kB
pages-api.ru...dev.js gzip 9.82 kB 9.82 kB
pages-api.ru..prod.js gzip 9.55 kB 9.55 kB
pages-turbo...prod.js gzip 21.4 kB 21.4 kB
pages.runtim...dev.js gzip 22.1 kB 22.1 kB
pages.runtim..prod.js gzip 21.4 kB 21.4 kB
server.runti..prod.js gzip 51.5 kB 51.5 kB
Overall change 945 kB 945 kB
build cache
vercel/next.js canary vercel/next.js 04-15-Add_additional_tests_for_top_level_await Change
0.pack gzip 1.59 MB 1.59 MB N/A
index.pack gzip 107 kB 107 kB N/A
Overall change 0 B 0 B
Diff details
Diff for middleware.js

Diff too large to display

Diff for _app-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2888],
   {
-    /***/ 7108: /***/ function (
+    /***/ 1424: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_app",
         function () {
-          return __webpack_require__(4674);
+          return __webpack_require__(6356);
         },
       ]);
       if (false) {
@@ -18,14 +18,15 @@
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [9774, 179], function () {
-      return __webpack_exec__(7108), __webpack_exec__(3127);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(
+      0,
+      [9774, 179],
+      () => (__webpack_exec__(1424), __webpack_exec__(1894))
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for _error-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4820],
   {
-    /***/ 2665: /***/ function (
+    /***/ 630: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/_error",
         function () {
-          return __webpack_require__(3118);
+          return __webpack_require__(2895);
         },
       ]);
       if (false) {
@@ -18,14 +18,13 @@
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(2665);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(630)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for amp-HASH.js
@@ -1,25 +1,25 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [216],
   {
-    /***/ 1571: /***/ function (
+    /***/ 1158: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
-      module.exports = __webpack_require__(4681);
+    ) => {
+      module.exports = __webpack_require__(8325);
 
       /***/
     },
 
-    /***/ 4273: /***/ function (
+    /***/ 8255: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function () {
-          return __webpack_require__(107);
+          return __webpack_require__(4336);
         },
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 4681: /***/ function (module, exports, __webpack_require__) {
+    /***/ 8325: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -44,8 +44,8 @@
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(959)
       );
-      const _ampcontextsharedruntime = __webpack_require__(7235);
-      const _ampmode = __webpack_require__(1514);
+      const _ampcontextsharedruntime = __webpack_require__(3545);
+      const _ampmode = __webpack_require__(649);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampmode.isInAmpMode)(
@@ -67,24 +67,20 @@
       /***/
     },
 
-    /***/ 107: /***/ function (
+    /***/ 4336: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ config: function () {
-          return /* binding */ config;
-        },
-        /* harmony export */ default: function () {
-          return /* binding */ Amp;
-        },
+        /* harmony export */ config: () => /* binding */ config,
+        /* harmony export */ default: () => /* binding */ Amp,
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ =
-        __webpack_require__(1571);
+        __webpack_require__(1158);
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_amp__WEBPACK_IMPORTED_MODULE_0__
@@ -102,14 +98,13 @@
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(4273);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(8255)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for css-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4706],
   {
-    /***/ 2094: /***/ function (
+    /***/ 7144: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function () {
-          return __webpack_require__(4525);
+          return __webpack_require__(5588);
         },
       ]);
       if (false) {
@@ -18,17 +18,21 @@
       /***/
     },
 
-    /***/ 4525: /***/ function (
+    /***/ 5588: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(1527);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(443);
+        __webpack_require__(6264);
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -43,26 +47,25 @@
             children: "Hello world \uD83D\uDC4B",
           }
         );
-      /* harmony default export */ __webpack_exports__["default"] = Page;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
 
       /***/
     },
 
-    /***/ 443: /***/ function (module) {
+    /***/ 6264: /***/ (module) => {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__aUdUq" };
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(2094);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(7144)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for dynamic-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2739],
   {
-    /***/ 8484: /***/ function (
+    /***/ 9816: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function () {
-          return __webpack_require__(4281);
+          return __webpack_require__(8761);
         },
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 3228: /***/ function (module, exports, __webpack_require__) {
+    /***/ 5896: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -51,7 +51,7 @@
         __webpack_require__(959)
       );
       const _loadablesharedruntime = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1091)
+        __webpack_require__(8030)
       );
       const isServerSide = "object" === "undefined";
       // Normalize loader to return the module as form { default: Component } for `React.lazy`.
@@ -152,11 +152,11 @@
       /***/
     },
 
-    /***/ 2281: /***/ function (
+    /***/ 3638: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -179,11 +179,11 @@
       /***/
     },
 
-    /***/ 1091: /***/ function (
+    /***/ 8030: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       // TODO: Remove use of `any` type.
       /**
@@ -221,7 +221,7 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(959)
       );
-      const _loadablecontextsharedruntime = __webpack_require__(2281);
+      const _loadablecontextsharedruntime = __webpack_require__(3638);
       function resolve(obj) {
         return obj && obj.default ? obj.default : obj;
       }
@@ -456,23 +456,22 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       /***/
     },
 
-    /***/ 4281: /***/ function (
+    /***/ 8761: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: function () {
-          return /* binding */ __N_SSP;
-        },
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(1527);
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(5620);
+        __webpack_require__(4438);
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -481,11 +480,11 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
       const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         () =>
           __webpack_require__
-            .e(/* import() */ 3304)
-            .then(__webpack_require__.bind(__webpack_require__, 3304)),
+            .e(/* import() */ 1682)
+            .then(__webpack_require__.bind(__webpack_require__, 1682)),
         {
           loadableGenerated: {
-            webpack: () => [/*require.resolve*/ 3304],
+            webpack: () => [/*require.resolve*/ 1682],
           },
         }
       );
@@ -507,29 +506,28 @@ WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
           }
         );
       var __N_SSP = true;
-      /* harmony default export */ __webpack_exports__["default"] = Page;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
 
       /***/
     },
 
-    /***/ 5620: /***/ function (
+    /***/ 4438: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
-      module.exports = __webpack_require__(3228);
+    ) => {
+      module.exports = __webpack_require__(5896);
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(8484);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(9816)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for edge-ssr-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [8800],
   {
-    /***/ 9835: /***/ function (
+    /***/ 7423: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/edge-ssr",
         function () {
-          return __webpack_require__(8091);
+          return __webpack_require__(4308);
         },
       ]);
       if (false) {
@@ -18,20 +18,16 @@
       /***/
     },
 
-    /***/ 8091: /***/ function (
+    /***/ 4308: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ default: function () {
-          return /* binding */ page;
-        },
-        /* harmony export */ runtime: function () {
-          return /* binding */ runtime;
-        },
+        /* harmony export */ default: () => /* binding */ page,
+        /* harmony export */ runtime: () => /* binding */ runtime,
         /* harmony export */
       });
       function page() {
@@ -42,14 +38,13 @@
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(9835);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(7423)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for head-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [8645],
   {
-    /***/ 3365: /***/ function (
+    /***/ 4278: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function () {
-          return __webpack_require__(8416);
+          return __webpack_require__(5065);
         },
       ]);
       if (false) {
@@ -18,23 +18,22 @@
       /***/
     },
 
-    /***/ 8416: /***/ function (
+    /***/ 5065: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: function () {
-          return /* binding */ __N_SSP;
-        },
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(1527);
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(2022);
+        __webpack_require__(4469);
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -63,29 +62,28 @@
           }
         );
       var __N_SSP = true;
-      /* harmony default export */ __webpack_exports__["default"] = Page;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
 
       /***/
     },
 
-    /***/ 2022: /***/ function (
+    /***/ 4469: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
-      module.exports = __webpack_require__(6074);
+    ) => {
+      module.exports = __webpack_require__(2457);
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(3365);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(4278)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for hooks-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 5315: /***/ function (
+    /***/ 5046: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function () {
-          return __webpack_require__(68);
+          return __webpack_require__(3695);
         },
       ]);
       if (false) {
@@ -18,19 +18,23 @@
       /***/
     },
 
-    /***/ 68: /***/ function (
+    /***/ 3695: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
+      /* harmony export */ __webpack_require__.d(__webpack_exports__, {
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
+        /* harmony export */
+      });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(1527);
       /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ =
         __webpack_require__(959);
 
-      /* harmony default export */ __webpack_exports__["default"] = () => {
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = () => {
         const [clicks1, setClicks1] =
           react__WEBPACK_IMPORTED_MODULE_1__.useState(0);
         const [clicks2, setClicks2] = (0,
@@ -73,14 +77,13 @@
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(5315);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(5046)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for image-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [8358],
   {
-    /***/ 1552: /***/ function (
+    /***/ 4070: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function () {
-          return __webpack_require__(5237);
+          return __webpack_require__(396);
         },
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 2016: /***/ function (module, exports, __webpack_require__) {
+    /***/ 8490: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -40,15 +40,15 @@
         __webpack_require__(422)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(6074)
+        __webpack_require__(2457)
       );
-      const _getimgprops = __webpack_require__(9571);
-      const _imageconfig = __webpack_require__(6567);
-      const _imageconfigcontextsharedruntime = __webpack_require__(419);
-      const _warnonce = __webpack_require__(4486);
-      const _routercontextsharedruntime = __webpack_require__(162);
+      const _getimgprops = __webpack_require__(7932);
+      const _imageconfig = __webpack_require__(5706);
+      const _imageconfigcontextsharedruntime = __webpack_require__(9483);
+      const _warnonce = __webpack_require__(9035);
+      const _routercontextsharedruntime = __webpack_require__(4829);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(6996)
+        __webpack_require__(7240)
       );
       // This is replaced by webpack define plugin
       const configEnv = {
@@ -379,11 +379,11 @@
       /***/
     },
 
-    /***/ 9571: /***/ function (
+    /***/ 7932: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -395,9 +395,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(4486);
-      const _imageblursvg = __webpack_require__(133);
-      const _imageconfig = __webpack_require__(6567);
+      const _warnonce = __webpack_require__(9035);
+      const _imageblursvg = __webpack_require__(2642);
+      const _imageconfig = __webpack_require__(5706);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -772,7 +772,7 @@
       /***/
     },
 
-    /***/ 133: /***/ function (__unused_webpack_module, exports) {
+    /***/ 2642: /***/ (__unused_webpack_module, exports) => {
       "use strict";
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
@@ -827,11 +827,11 @@
       /***/
     },
 
-    /***/ 4085: /***/ function (
+    /***/ 503: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -854,10 +854,10 @@
         },
       });
       const _interop_require_default = __webpack_require__(2430);
-      const _getimgprops = __webpack_require__(9571);
-      const _imagecomponent = __webpack_require__(2016);
+      const _getimgprops = __webpack_require__(7932);
+      const _imagecomponent = __webpack_require__(8490);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(6996)
+        __webpack_require__(7240)
       );
       function getImageProps(imgProps) {
         const { props } = (0, _getimgprops.getImgProps)(imgProps, {
@@ -889,7 +889,7 @@
       /***/
     },
 
-    /***/ 6996: /***/ function (__unused_webpack_module, exports) {
+    /***/ 7240: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -924,31 +924,27 @@
       /***/
     },
 
-    /***/ 5237: /***/ function (
+    /***/ 396: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       // ESM COMPAT FLAG
       __webpack_require__.r(__webpack_exports__);
 
       // EXPORTS
       __webpack_require__.d(__webpack_exports__, {
-        __N_SSP: function () {
-          return /* binding */ __N_SSP;
-        },
-        default: function () {
-          return /* binding */ pages_image;
-        },
+        __N_SSP: () => /* binding */ __N_SSP,
+        default: () => /* binding */ pages_image,
       });
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@18.2.0/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(1527);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_react-dom@18.2.0_react@18.2.0/node_modules/next/image.js
-      var next_image = __webpack_require__(1577);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_react-dom@18.2.0_react@18.2.0/node_modules/next/image.js
+      var next_image = __webpack_require__(73);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
-      /* harmony default export */ var nextjs = {
+      /* harmony default export */ const nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
         height: 1347,
         width: 1626,
@@ -971,29 +967,24 @@
         });
       }
       var __N_SSP = true;
-      /* harmony default export */ var pages_image = ImagePage;
+      /* harmony default export */ const pages_image = ImagePage;
 
       /***/
     },
 
-    /***/ 1577: /***/ function (
-      module,
-      __unused_webpack_exports,
-      __webpack_require__
-    ) {
-      module.exports = __webpack_require__(4085);
+    /***/ 73: /***/ (module, __unused_webpack_exports, __webpack_require__) => {
+      module.exports = __webpack_require__(503);
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(1552);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(4070)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for index-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [5405],
   {
-    /***/ 7410: /***/ function (
+    /***/ 4990: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function () {
-          return __webpack_require__(3063);
+          return __webpack_require__(4653);
         },
       ]);
       if (false) {
@@ -18,34 +18,32 @@
       /***/
     },
 
-    /***/ 3063: /***/ function (
+    /***/ 4653: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: function () {
-          return /* binding */ __N_SSP;
-        },
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
         /* harmony export */
       });
       const Page = () => "Hello world \uD83D\uDC4B";
       var __N_SSP = true;
-      /* harmony default export */ __webpack_exports__["default"] = Page;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(7410);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(4990)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for link-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [4644],
   {
-    /***/ 1794: /***/ function (
+    /***/ 8959: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function () {
-          return __webpack_require__(2378);
+          return __webpack_require__(311);
         },
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5435: /***/ function (module, exports) {
+    /***/ 2145: /***/ (module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -110,7 +110,7 @@
       /***/
     },
 
-    /***/ 742: /***/ function (module, exports, __webpack_require__) {
+    /***/ 6923: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -122,7 +122,7 @@
           return getDomainLocale;
         },
       });
-      const _normalizetrailingslash = __webpack_require__(9515);
+      const _normalizetrailingslash = __webpack_require__(4251);
       const basePath =
         /* unused pure expression or super */ null && (false || "");
       function getDomainLocale(path, locale, locales, domainLocales) {
@@ -146,7 +146,7 @@
       /***/
     },
 
-    /***/ 7569: /***/ function (module, exports, __webpack_require__) {
+    /***/ 987: /***/ (module, exports, __webpack_require__) => {
       "use strict";
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
@@ -163,17 +163,17 @@
       const _react = /*#__PURE__*/ _interop_require_default._(
         __webpack_require__(959)
       );
-      const _resolvehref = __webpack_require__(3433);
-      const _islocalurl = __webpack_require__(5594);
-      const _formaturl = __webpack_require__(1357);
-      const _utils = __webpack_require__(1784);
-      const _addlocale = __webpack_require__(866);
-      const _routercontextsharedruntime = __webpack_require__(162);
-      const _approutercontextsharedruntime = __webpack_require__(853);
-      const _useintersection = __webpack_require__(1462);
-      const _getdomainlocale = __webpack_require__(742);
-      const _addbasepath = __webpack_require__(9110);
-      const _routerreducertypes = __webpack_require__(5435);
+      const _resolvehref = __webpack_require__(1419);
+      const _islocalurl = __webpack_require__(2623);
+      const _formaturl = __webpack_require__(7016);
+      const _utils = __webpack_require__(5943);
+      const _addlocale = __webpack_require__(2318);
+      const _routercontextsharedruntime = __webpack_require__(4829);
+      const _approutercontextsharedruntime = __webpack_require__(8676);
+      const _useintersection = __webpack_require__(8341);
+      const _getdomainlocale = __webpack_require__(6923);
+      const _addbasepath = __webpack_require__(639);
+      const _routerreducertypes = __webpack_require__(2145);
       const prefetched = new Set();
       function prefetch(router, href, as, options, appOptions, isAppRouter) {
         if (false) {
@@ -594,7 +594,7 @@
       /***/
     },
 
-    /***/ 1462: /***/ function (module, exports, __webpack_require__) {
+    /***/ 8341: /***/ (module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -607,7 +607,7 @@
         },
       });
       const _react = __webpack_require__(959);
-      const _requestidlecallback = __webpack_require__(3921);
+      const _requestidlecallback = __webpack_require__(1611);
       const hasIntersectionObserver =
         typeof IntersectionObserver === "function";
       const observers = new Map();
@@ -720,23 +720,22 @@
       /***/
     },
 
-    /***/ 2378: /***/ function (
+    /***/ 311: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: function () {
-          return /* binding */ __N_SSP;
-        },
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(1527);
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(3639);
+        __webpack_require__(2075);
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -762,29 +761,28 @@
         });
       }
       var __N_SSP = true;
-      /* harmony default export */ __webpack_exports__["default"] = aLink;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = aLink;
 
       /***/
     },
 
-    /***/ 3639: /***/ function (
+    /***/ 2075: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
-      module.exports = __webpack_require__(7569);
+    ) => {
+      module.exports = __webpack_require__(987);
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(1794);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(8959)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for routerDirect-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [2058],
   {
-    /***/ 5319: /***/ function (
+    /***/ 190: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function () {
-          return __webpack_require__(2125);
+          return __webpack_require__(2490);
         },
       ]);
       if (false) {
@@ -18,23 +18,22 @@
       /***/
     },
 
-    /***/ 2125: /***/ function (
+    /***/ 2490: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: function () {
-          return /* binding */ __N_SSP;
-        },
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(1527);
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(975);
+        __webpack_require__(803);
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -48,30 +47,29 @@
         });
       }
       var __N_SSP = true;
-      /* harmony default export */ __webpack_exports__["default"] =
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ =
         routerDirect;
 
       /***/
     },
 
-    /***/ 975: /***/ function (
+    /***/ 803: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
-      module.exports = __webpack_require__(3127);
+    ) => {
+      module.exports = __webpack_require__(1894);
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(5319);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(190)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for script-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [1797],
   {
-    /***/ 8857: /***/ function (
+    /***/ 769: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/script",
         function () {
-          return __webpack_require__(1639);
+          return __webpack_require__(6213);
         },
       ]);
       if (false) {
@@ -18,23 +18,22 @@
       /***/
     },
 
-    /***/ 1639: /***/ function (
+    /***/ 6213: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: function () {
-          return /* binding */ __N_SSP;
-        },
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(1527);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(5169);
+        __webpack_require__(3633);
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -62,29 +61,28 @@
           }
         );
       var __N_SSP = true;
-      /* harmony default export */ __webpack_exports__["default"] = Page;
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = Page;
 
       /***/
     },
 
-    /***/ 5169: /***/ function (
+    /***/ 3633: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
-      module.exports = __webpack_require__(9184);
+    ) => {
+      module.exports = __webpack_require__(5598);
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(8857);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(769)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for withRouter-HASH.js
@@ -1,15 +1,15 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9807],
   {
-    /***/ 626: /***/ function (
+    /***/ 2577: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function () {
-          return __webpack_require__(6124);
+          return __webpack_require__(5375);
         },
       ]);
       if (false) {
@@ -18,23 +18,22 @@
       /***/
     },
 
-    /***/ 6124: /***/ function (
+    /***/ 5375: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       "use strict";
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ __N_SSP: function () {
-          return /* binding */ __N_SSP;
-        },
+        /* harmony export */ __N_SSP: () => /* binding */ __N_SSP,
+        /* harmony export */ default: () => __WEBPACK_DEFAULT_EXPORT__,
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
         __webpack_require__(1527);
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ =
-        __webpack_require__(975);
+        __webpack_require__(803);
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default =
         /*#__PURE__*/ __webpack_require__.n(
           next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -47,30 +46,29 @@
         });
       }
       var __N_SSP = true;
-      /* harmony default export */ __webpack_exports__["default"] = (0,
+      /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (0,
       next_router__WEBPACK_IMPORTED_MODULE_1__.withRouter)(useWithRouter);
 
       /***/
     },
 
-    /***/ 975: /***/ function (
+    /***/ 803: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
-      module.exports = __webpack_require__(3127);
+    ) => {
+      module.exports = __webpack_require__(1894);
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [2888, 9774, 179], function () {
-      return __webpack_exec__(626);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(0, [2888, 9774, 179], () =>
+      __webpack_exec__(2577)
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for 2453-HASH.js

Diff too large to display

Diff for 3304.HASH.js
@@ -1,17 +1,15 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [3304],
+  [1682],
   {
-    /***/ 3304: /***/ function (
+    /***/ 1682: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
-    ) {
+    ) => {
       __webpack_require__.r(__webpack_exports__);
       /* harmony export */ __webpack_require__.d(__webpack_exports__, {
-        /* harmony export */ Hello: function () {
-          return /* binding */ Hello;
-        },
+        /* harmony export */ Hello: () => /* binding */ Hello,
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ =
Diff for 3f784ff6-HASH.js
@@ -1,12 +1,12 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [1904],
+  [5658],
   {
-    /***/ 4489: /***/ function (
+    /***/ 9234: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       /*
  React
  react-dom.production.min.js
@@ -17,8 +17,8 @@
  LICENSE file in the root directory of this source tree.
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
-      var aa = __webpack_require__(8288),
-        ba = __webpack_require__(9768),
+      var aa = __webpack_require__(4978),
+        ba = __webpack_require__(1026),
         ca = {
           usingClientEntryPoint: !1,
           Events: null,
Diff for 8299-HASH.js
@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [8299],
+  [2764],
   {
-    /***/ 8299: /***/ function (module, exports, __webpack_require__) {
+    /***/ 2764: /***/ (module, exports, __webpack_require__) => {
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
         value: true,
@@ -13,25 +13,25 @@
           return Image;
         },
       });
-      const _interop_require_default = __webpack_require__(4777);
-      const _interop_require_wildcard = __webpack_require__(353);
-      const _jsxruntime = __webpack_require__(6435);
+      const _interop_require_default = __webpack_require__(9380);
+      const _interop_require_wildcard = __webpack_require__(2077);
+      const _jsxruntime = __webpack_require__(2260);
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
-        __webpack_require__(8288)
+        __webpack_require__(4978)
       );
       const _reactdom = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(4364)
+        __webpack_require__(7)
       );
       const _head = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(9369)
+        __webpack_require__(5175)
       );
-      const _getimgprops = __webpack_require__(2564);
-      const _imageconfig = __webpack_require__(578);
-      const _imageconfigcontextsharedruntime = __webpack_require__(8589);
-      const _warnonce = __webpack_require__(2528);
-      const _routercontextsharedruntime = __webpack_require__(2339);
+      const _getimgprops = __webpack_require__(7253);
+      const _imageconfig = __webpack_require__(6491);
+      const _imageconfigcontextsharedruntime = __webpack_require__(9382);
+      const _warnonce = __webpack_require__(3848);
+      const _routercontextsharedruntime = __webpack_require__(7897);
       const _imageloader = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1300)
+        __webpack_require__(3366)
       );
       // This is replaced by webpack define plugin
       const configEnv = {
@@ -363,11 +363,11 @@
       /***/
     },
 
-    /***/ 5416: /***/ function (
+    /***/ 7121: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -377,9 +377,9 @@
           return AmpStateContext;
         },
       });
-      const _interop_require_default = __webpack_require__(4777);
+      const _interop_require_default = __webpack_require__(9380);
       const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(8288)
+        __webpack_require__(4978)
       );
       const AmpStateContext = _react.default.createContext({});
       if (false) {
@@ -388,7 +388,7 @@
       /***/
     },
 
-    /***/ 9392: /***/ function (__unused_webpack_module, exports) {
+    /***/ 7960: /***/ (__unused_webpack_module, exports) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -410,11 +410,11 @@
       /***/
     },
 
-    /***/ 2564: /***/ function (
+    /***/ 7253: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -424,9 +424,9 @@
           return getImgProps;
         },
       });
-      const _warnonce = __webpack_require__(2528);
-      const _imageblursvg = __webpack_require__(7910);
-      const _imageconfig = __webpack_require__(578);
+      const _warnonce = __webpack_require__(3848);
+      const _imageblursvg = __webpack_require__(558);
+      const _imageconfig = __webpack_require__(6491);
       const VALID_LOADING_VALUES =
         /* unused pure expression or super */ null && [
           "lazy",
@@ -801,7 +801,7 @@
       /***/
     },
 
-    /***/ 9369: /***/ function (module, exports, __webpack_require__) {
+    /***/ 5175: /***/ (module, exports, __webpack_require__) => {
       /* __next_internal_client_entry_do_not_use__  cjs */
       Object.defineProperty(exports, "__esModule", {
         value: true,
@@ -822,19 +822,19 @@
           return defaultHead;
         },
       });
-      const _interop_require_default = __webpack_require__(4777);
-      const _interop_require_wildcard = __webpack_require__(353);
-      const _jsxruntime = __webpack_require__(6435);
+      const _interop_require_default = __webpack_require__(9380);
+      const _interop_require_wildcard = __webpack_require__(2077);
+      const _jsxruntime = __webpack_require__(2260);
       const _react = /*#__PURE__*/ _interop_require_wildcard._(
-        __webpack_require__(8288)
+        __webpack_require__(4978)
       );
       const _sideeffect = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(1620)
+        __webpack_require__(5894)
       );
-      const _ampcontextsharedruntime = __webpack_require__(5416);
-      const _headmanagercontextsharedruntime = __webpack_require__(7662);
-      const _ampmode = __webpack_require__(9392);
-      const _warnonce = __webpack_require__(2528);
+      const _ampcontextsharedruntime = __webpack_require__(7121);
+      const _headmanagercontextsharedruntime = __webpack_require__(5237);
+      const _ampmode = __webpack_require__(7960);
+      const _warnonce = __webpack_require__(3848);
       function defaultHead(inAmpMode) {
         if (inAmpMode === void 0) inAmpMode = false;
         const head = [
@@ -1010,7 +1010,7 @@
       /***/
     },
 
-    /***/ 7910: /***/ function (__unused_webpack_module, exports) {
+    /***/ 558: /***/ (__unused_webpack_module, exports) => {
       /**
        * A shared function, used on both client and server, to generate a SVG blur placeholder.
        */
@@ -1064,11 +1064,11 @@
       /***/
     },
 
-    /***/ 8589: /***/ function (
+    /***/ 9382: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -1078,11 +1078,11 @@
           return ImageConfigContext;
         },
       });
-      const _interop_require_default = __webpack_require__(4777);
+      const _interop_require_default = __webpack_require__(9380);
       const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(8288)
+        __webpack_require__(4978)
       );
-      const _imageconfig = __webpack_require__(578);
+      const _imageconfig = __webpack_require__(6491);
       const ImageConfigContext = _react.default.createContext(
         _imageconfig.imageConfigDefault
       );
@@ -1092,7 +1092,7 @@
       /***/
     },
 
-    /***/ 578: /***/ function (__unused_webpack_module, exports) {
+    /***/ 6491: /***/ (__unused_webpack_module, exports) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -1139,7 +1139,7 @@
       /***/
     },
 
-    /***/ 1300: /***/ function (__unused_webpack_module, exports) {
+    /***/ 3366: /***/ (__unused_webpack_module, exports) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -1172,11 +1172,11 @@
       /***/
     },
 
-    /***/ 2339: /***/ function (
+    /***/ 7897: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -1186,9 +1186,9 @@
           return RouterContext;
         },
       });
-      const _interop_require_default = __webpack_require__(4777);
+      const _interop_require_default = __webpack_require__(9380);
       const _react = /*#__PURE__*/ _interop_require_default._(
-        __webpack_require__(8288)
+        __webpack_require__(4978)
       );
       const RouterContext = _react.default.createContext(null);
       if (false) {
@@ -1197,11 +1197,11 @@
       /***/
     },
 
-    /***/ 1620: /***/ function (
+    /***/ 5894: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       Object.defineProperty(exports, "__esModule", {
         value: true,
       });
@@ -1211,7 +1211,7 @@
           return SideEffect;
         },
       });
-      const _react = __webpack_require__(8288);
+      const _react = __webpack_require__(4978);
       const isServer = typeof window === "undefined";
       const useClientOnlyLayoutEffect = isServer
         ? () => {}
Diff for framework-HASH.js
@@ -2,11 +2,11 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [9774],
   {
-    /***/ 3746: /***/ function (
+    /***/ 3746: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       /**
        * @license React
        * react-dom.production.min.js
@@ -8692,11 +8692,11 @@
       /***/
     },
 
-    /***/ 4478: /***/ function (
+    /***/ 4478: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       var m = __webpack_require__(422);
       if (true) {
         exports.createRoot = m.createRoot;
@@ -8708,11 +8708,11 @@
       /***/
     },
 
-    /***/ 422: /***/ function (
+    /***/ 422: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       function checkDCE() {
         /* global __REACT_DEVTOOLS_GLOBAL_HOOK__ */
         if (
@@ -8744,11 +8744,11 @@
       /***/
     },
 
-    /***/ 3354: /***/ function (
+    /***/ 3354: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
-    ) {
+    ) => {
       /**
        * @license React
        * react-jsx-runtime.production.min.js
@@ -8793,7 +8793,7 @@
       /***/
     },
 
-    /***/ 5257: /***/ function (__unused_webpack_module, exports) {
+    /***/ 5257: /***/ (__unused_webpack_module, exports) => {
       /**
        * @license React
        * react.production.min.js
@@ -9188,11 +9188,11 @@
       /***/
     },
 
-    /***/ 959: /***/ function (
+    /***/ 959: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       if (true) {
         module.exports = __webpack_require__(5257);
       } else {
@@ -9201,11 +9201,11 @@
       /***/
     },
 
-    /***/ 1527: /***/ function (
+    /***/ 1527: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       if (true) {
         module.exports = __webpack_require__(3354);
       } else {
@@ -9214,7 +9214,7 @@
       /***/
     },
 
-    /***/ 5568: /***/ function (__unused_webpack_module, exports) {
+    /***/ 5568: /***/ (__unused_webpack_module, exports) => {
       /**
        * @license React
        * scheduler.production.min.js
@@ -9510,11 +9510,11 @@
       /***/
     },
 
-    /***/ 2962: /***/ function (
+    /***/ 2962: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       if (true) {
         module.exports = __webpack_require__(5568);
       } else {
Diff for main-HASH.js

Diff too large to display

Diff for main-app-HASH.js
@@ -1,53 +1,54 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [1744],
   {
-    /***/ 5978: /***/ function (
+    /***/ 6456: /***/ (
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
-    ) {
+    ) => {
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 3880, 23)
+        __webpack_require__.t.bind(__webpack_require__, 9832, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 9489, 23)
+        __webpack_require__.t.bind(__webpack_require__, 7756, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 8247, 23)
+        __webpack_require__.t.bind(__webpack_require__, 7409, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 7769, 23)
+        __webpack_require__.t.bind(__webpack_require__, 3711, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 287, 23)
+        __webpack_require__.t.bind(__webpack_require__, 8725, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 5070, 23)
+        __webpack_require__.t.bind(__webpack_require__, 615, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 5768, 23)
+        __webpack_require__.t.bind(__webpack_require__, 3035, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 3738, 23)
+        __webpack_require__.t.bind(__webpack_require__, 8456, 23)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.bind(__webpack_require__, 8568)
+        __webpack_require__.bind(__webpack_require__, 2499)
       );
       Promise.resolve(/* import() eager */).then(
-        __webpack_require__.t.bind(__webpack_require__, 2360, 23)
+        __webpack_require__.t.bind(__webpack_require__, 162, 23)
       );
 
       /***/
     },
   },
-  /******/ function (__webpack_require__) {
+  /******/ (__webpack_require__) => {
     // webpackRuntimeModules
-    /******/ var __webpack_exec__ = function (moduleId) {
-      return __webpack_require__((__webpack_require__.s = moduleId));
-    };
-    /******/ __webpack_require__.O(0, [1904, 2453], function () {
-      return __webpack_exec__(733), __webpack_exec__(5978);
-    });
+    /******/ var __webpack_exec__ = (moduleId) =>
+      __webpack_require__((__webpack_require__.s = moduleId));
+    /******/ __webpack_require__.O(
+      0,
+      [5658, 6901],
+      () => (__webpack_exec__(1428), __webpack_exec__(6456))
+    );
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
     /******/
Diff for webpack-HASH.js
@@ -1,4 +1,4 @@
-/******/ (function () {
+/******/ (() => {
   // webpackBootstrap
   /******/ "use strict";
   /******/ var __webpack_modules__ = {};
@@ -47,9 +47,9 @@
   /******/
   /************************************************************************/
   /******/ /* webpack/runtime/chunk loaded */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ var deferred = [];
-    /******/ __webpack_require__.O = function (result, chunkIds, fn, priority) {
+    /******/ __webpack_require__.O = (result, chunkIds, fn, priority) => {
       /******/ if (chunkIds) {
         /******/ priority = priority || 0;
         /******/ for (
@@ -64,16 +64,14 @@
       }
       /******/ var notFulfilled = Infinity;
       /******/ for (var i = 0; i < deferred.length; i++) {
-        /******/ var chunkIds = deferred[i][0];
-        /******/ var fn = deferred[i][1];
-        /******/ var priority = deferred[i][2];
+        /******/ var [chunkIds, fn, priority] = deferred[i];
         /******/ var fulfilled = true;
         /******/ for (var j = 0; j < chunkIds.length; j++) {
           /******/ if (
             (priority & (1 === 0) || notFulfilled >= priority) &&
-            Object.keys(__webpack_require__.O).every(function (key) {
-              return __webpack_require__.O[key](chunkIds[j]);
-            })
+            Object.keys(__webpack_require__.O).every((key) =>
+              __webpack_require__.O[key](chunkIds[j])
+            )
           ) {
             /******/ chunkIds.splice(j--, 1);
             /******/
@@ -99,17 +97,13 @@
   })();
   /******/
   /******/ /* webpack/runtime/compat get default export */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ // getDefaultExport function for compatibility with non-harmony modules
-    /******/ __webpack_require__.n = function (module) {
+    /******/ __webpack_require__.n = (module) => {
       /******/ var getter =
         module && module.__esModule
-          ? /******/ function () {
-              return module["default"];
-            }
-          : /******/ function () {
-              return module;
-            };
+          ? /******/ () => module["default"]
+          : /******/ () => module;
       /******/ __webpack_require__.d(getter, { a: getter });
       /******/ return getter;
       /******/
@@ -118,14 +112,10 @@
   })();
   /******/
   /******/ /* webpack/runtime/create fake namespace object */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ var getProto = Object.getPrototypeOf
-      ? function (obj) {
-          return Object.getPrototypeOf(obj);
-        }
-      : function (obj) {
-          return obj.__proto__;
-        };
+      ? (obj) => Object.getPrototypeOf(obj)
+      : (obj) => obj.__proto__;
     /******/ var leafPrototypes;
     /******/ // create a fake namespace object
     /******/ // mode & 1: value is a module id, require it
@@ -156,16 +146,12 @@
         typeof current == "object" && !~leafPrototypes.indexOf(current);
         current = getProto(current)
       ) {
-        /******/ Object.getOwnPropertyNames(current).forEach(function (key) {
-          def[key] = function () {
-            return value[key];
-          };
-        });
+        /******/ Object.getOwnPropertyNames(current).forEach(
+          (key) => (def[key] = () => value[key])
+        );
         /******/
       }
-      /******/ def["default"] = function () {
-        return value;
-      };
+      /******/ def["default"] = () => value;
       /******/ __webpack_require__.d(ns, def);
       /******/ return ns;
       /******/
@@ -174,9 +160,9 @@
   })();
   /******/
   /******/ /* webpack/runtime/define property getters */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ // define getter functions for harmony exports
-    /******/ __webpack_require__.d = function (exports, definition) {
+    /******/ __webpack_require__.d = (exports, definition) => {
       /******/ for (var key in definition) {
         /******/ if (
           __webpack_require__.o(definition, key) &&
@@ -196,13 +182,13 @@
   })();
   /******/
   /******/ /* webpack/runtime/ensure chunk */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ __webpack_require__.f = {};
     /******/ // This file contains only the entry chunk.
     /******/ // The chunk loading function for additional chunks
-    /******/ __webpack_require__.e = function (chunkId) {
+    /******/ __webpack_require__.e = (chunkId) => {
       /******/ return Promise.all(
-        Object.keys(__webpack_require__.f).reduce(function (promises, key) {
+        Object.keys(__webpack_require__.f).reduce((promises, key) => {
           /******/ __webpack_require__.f[key](chunkId, promises);
           /******/ return promises;
           /******/
@@ -214,12 +200,12 @@
   })();
   /******/
   /******/ /* webpack/runtime/get javascript chunk filename */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ // This function allow to reference async chunks
-    /******/ __webpack_require__.u = function (chunkId) {
+    /******/ __webpack_require__.u = (chunkId) => {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "4547d625a3435816" + ".js"
+        "static/chunks/" + chunkId + "." + "0fa149308a1284b8" + ".js"
       );
       /******/
     };
@@ -227,9 +213,9 @@
   })();
   /******/
   /******/ /* webpack/runtime/get mini-css chunk filename */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ // This function allow to reference async chunks
-    /******/ __webpack_require__.miniCssF = function (chunkId) {
+    /******/ __webpack_require__.miniCssF = (chunkId) => {
       /******/ // return url for filenames based on template
       /******/ return undefined;
       /******/
@@ -238,19 +224,18 @@
   })();
   /******/
   /******/ /* webpack/runtime/hasOwnProperty shorthand */
-  /******/ !(function () {
-    /******/ __webpack_require__.o = function (obj, prop) {
-      return Object.prototype.hasOwnProperty.call(obj, prop);
-    };
+  /******/ (() => {
+    /******/ __webpack_require__.o = (obj, prop) =>
+      Object.prototype.hasOwnProperty.call(obj, prop);
     /******/
   })();
   /******/
   /******/ /* webpack/runtime/load script */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ var inProgress = {};
     /******/ var dataWebpackPrefix = "_N_E:";
     /******/ // loadScript function to load a script via script tag
-    /******/ __webpack_require__.l = function (url, done, key, chunkId) {
+    /******/ __webpack_require__.l = (url, done, key, chunkId) => {
       /******/ if (inProgress[url]) {
         inProgress[url].push(done);
         return;
@@ -287,17 +272,14 @@
         /******/
       }
       /******/ inProgress[url] = [done];
-      /******/ var onScriptComplete = function (prev, event) {
+      /******/ var onScriptComplete = (prev, event) => {
         /******/ // avoid mem leaks in IE.
         /******/ script.onerror = script.onload = null;
         /******/ clearTimeout(timeout);
         /******/ var doneFns = inProgress[url];
         /******/ delete inProgress[url];
         /******/ script.parentNode && script.parentNode.removeChild(script);
-        /******/ doneFns &&
-          doneFns.forEach(function (fn) {
-            return fn(event);
-          });
+        /******/ doneFns && doneFns.forEach((fn) => fn(event));
         /******/ if (prev) return prev(event);
         /******/
       };
@@ -317,9 +299,9 @@
   })();
   /******/
   /******/ /* webpack/runtime/make namespace object */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ // define __esModule on exports
-    /******/ __webpack_require__.r = function (exports) {
+    /******/ __webpack_require__.r = (exports) => {
       /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
         /******/ Object.defineProperty(exports, Symbol.toStringTag, {
           value: "Module",
@@ -333,15 +315,13 @@
   })();
   /******/
   /******/ /* webpack/runtime/trusted types policy */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ var policy;
-    /******/ __webpack_require__.tt = function () {
+    /******/ __webpack_require__.tt = () => {
       /******/ // Create Trusted Type policy if Trusted Types are available and the policy doesn't exist yet.
       /******/ if (policy === undefined) {
         /******/ policy = {
-          /******/ createScriptURL: function (url) {
-            return url;
-          },
+          /******/ createScriptURL: (url) => url,
           /******/
         };
         /******/ if (
@@ -360,21 +340,20 @@
   })();
   /******/
   /******/ /* webpack/runtime/trusted types script url */
-  /******/ !(function () {
-    /******/ __webpack_require__.tu = function (url) {
-      return __webpack_require__.tt().createScriptURL(url);
-    };
+  /******/ (() => {
+    /******/ __webpack_require__.tu = (url) =>
+      __webpack_require__.tt().createScriptURL(url);
     /******/
   })();
   /******/
   /******/ /* webpack/runtime/publicPath */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ __webpack_require__.p = "/_next/";
     /******/
   })();
   /******/
   /******/ /* webpack/runtime/jsonp chunk loading */
-  /******/ !(function () {
+  /******/ (() => {
     /******/ // no baseURI
     /******/
     /******/ // object to store loaded and loading chunks
@@ -385,7 +364,7 @@
       /******/
     };
     /******/
-    /******/ __webpack_require__.f.j = function (chunkId, promises) {
+    /******/ __webpack_require__.f.j = (chunkId, promises) => {
       /******/ // JSONP chunk loading for javascript
       /******/ var installedChunkData = __webpack_require__.o(
         installedChunks,
@@ -403,9 +382,11 @@
         } else {
           /******/ if (2272 != chunkId) {
             /******/ // setup Promise in chunk cache
-            /******/ var promise = new Promise(function (resolve, reject) {
-              installedChunkData = installedChunks[chunkId] = [resolve, reject];
-            });
+            /******/ var promise = new Promise(
+              (resolve, reject) =>
+                (installedChunkData = installedChunks[chunkId] =
+                  [resolve, reject])
+            );
             /******/ promises.push((installedChunkData[2] = promise));
             /******/
             /******/ // start chunk loading
@@ -413,7 +394,7 @@
               __webpack_require__.p + __webpack_require__.u(chunkId);
             /******/ // create error before stack unwound to get useful stacktrace later
             /******/ var error = new Error();
-            /******/ var loadingEnded = function (event) {
+            /******/ var loadingEnded = (event) => {
               /******/ if (__webpack_require__.o(installedChunks, chunkId)) {
                 /******/ installedChunkData = installedChunks[chunkId];
                 /******/ if (installedChunkData !== 0)
@@ -464,28 +445,18 @@
     /******/
     /******/ // no HMR manifest
     /******/
-    /******/ __webpack_require__.O.j = function (chunkId) {
-      return installedChunks[chunkId] === 0;
-    };
+    /******/ __webpack_require__.O.j = (chunkId) =>
+      installedChunks[chunkId] === 0;
     /******/
     /******/ // install a JSONP callback for chunk loading
-    /******/ var webpackJsonpCallback = function (
-      parentChunkLoadingFunction,
-      data
-    ) {
-      /******/ var chunkIds = data[0];
-      /******/ var moreModules = data[1];
-      /******/ var runtime = data[2];
+    /******/ var webpackJsonpCallback = (parentChunkLoadingFunction, data) => {
+      /******/ var [chunkIds, moreModules, runtime] = data;
       /******/ // add "moreModules" to the modules object,
       /******/ // then flag all "chunkIds" as loaded and fire callback
       /******/ var moduleId,
         chunkId,
         i = 0;
-      /******/ if (
-        chunkIds.some(function (id) {
-          return installedChunks[id] !== 0;
-        })
-      ) {
+      /******/ if (chunkIds.some((id) => installedChunks[id] !== 0)) {
         /******/ for (moduleId in moreModules) {
           /******/ if (__webpack_require__.o(moreModules, moduleId)) {
             /******/ __webpack_require__.m[moduleId] = moreModules[moduleId];
Commit: b07e72e

Copy link
Contributor

github-actions bot commented Apr 16, 2024

All broken links are now fixed, thank you!

@timneutkens timneutkens force-pushed the 04-15-Add_additional_tests_for_top_level_await branch from 1b2cc19 to cb6c283 Compare April 17, 2024 07:58
@timneutkens timneutkens changed the title Add additional tests for top level await Improve top level await coverage Apr 17, 2024
@timneutkens timneutkens marked this pull request as ready for review April 17, 2024 12:16
@@ -0,0 +1 @@
module.exports = {}
Copy link
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Could we drop this file?

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We could but most tests have one so it shouldn't matter much 👍

@timneutkens timneutkens merged commit 1fd93ee into canary Apr 17, 2024
82 checks passed
@timneutkens timneutkens deleted the 04-15-Add_additional_tests_for_top_level_await branch April 17, 2024 15:44
unstubbable added a commit to unstubbable/next.js that referenced this pull request Apr 20, 2024
Continuation of vercel#64508

This avoids needing to update a freshly created tsconfig.json when first
running the `dev` command.
unstubbable added a commit to unstubbable/next.js that referenced this pull request Apr 20, 2024
Continuation of vercel#64508

This avoids needing to update a freshly created tsconfig.json when first
running the `dev` command.
unstubbable added a commit to unstubbable/next.js that referenced this pull request Apr 21, 2024
Continuation of vercel#64508

This avoids needing to update a freshly created tsconfig.json when first
running the `dev` command.
unstubbable added a commit to unstubbable/next.js that referenced this pull request Apr 22, 2024
Continuation of vercel#64508

This avoids needing to update a freshly created tsconfig.json when first
running the `dev` command.
unstubbable added a commit to unstubbable/next.js that referenced this pull request Apr 26, 2024
Continuation of vercel#64508

This avoids needing to update a freshly created tsconfig.json when first
running the `dev` command.
unstubbable added a commit to unstubbable/next.js that referenced this pull request Apr 26, 2024
Continuation of vercel#64508

This avoids needing to update a freshly created tsconfig.json when first
running the `dev` command.
unstubbable added a commit to unstubbable/next.js that referenced this pull request Apr 26, 2024
Continuation of vercel#64508

This avoids needing to update a freshly created tsconfig.json when first
running the `dev` command.
unstubbable added a commit to unstubbable/next.js that referenced this pull request Apr 26, 2024
Continuation of vercel#64508

This avoids needing to update a freshly created tsconfig.json when first
running the `dev` command.
@github-actions github-actions bot added the locked label May 2, 2024
@github-actions github-actions bot locked as resolved and limited conversation to collaborators May 2, 2024
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Projects
None yet
Development

Successfully merging this pull request may close these issues.

top-level-await error using app directory
2 participants