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

chore(deps): use external @edge-runtime/cookies #42736

Merged
merged 31 commits into from Feb 17, 2023

Conversation

balazsorban44
Copy link
Member

@balazsorban44 balazsorban44 commented Nov 10, 2022

import and pre-compile @edge-runtime/cookies
instead of maintaining its source separately from its original source location

Follow-up of #41526, #43073,

fixes #42374, fixes #43030, fixes #38302

Pulls in vercel/edge-runtime#255

Bug

  • Related issues linked using fixes #number
  • Integration tests added
  • Errors have a helpful link attached, see contributing.md

Feature

  • Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR.
  • Related issues linked using fixes #number
  • Integration tests added
  • Documentation added
  • Telemetry added. In case of a feature if it's used or not.
  • Errors have a helpful link attached, see contributing.md

Documentation / Examples

  • Make sure the linting passes by running pnpm build && pnpm lint
  • The "examples guidelines" are followed from our contributing doc

@ijjk
Copy link
Member

ijjk commented Nov 10, 2022

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall decrease ✓
vercel/next.js canary vercel/next.js chore/edge-runtime-cookies Change
buildDuration 39.2s 39.3s ⚠️ +87ms
buildDurationCached 11s 10.9s -83ms
nodeModulesSize 108 MB 108 MB -48.4 kB
nextStartRea..uration (ms) 285ms 278ms -7ms
Client Bundles (main, webpack)
vercel/next.js canary vercel/next.js chore/edge-runtime-cookies Change
246.HASH.js gzip 181 B 181 B
843-HASH.js gzip 65.9 kB 65.9 kB -2 B
main-app-HASH.js gzip 204 B 206 B ⚠️ +2 B
main-HASH.js gzip 79 kB 79 kB -1 B
webpack-HASH.js gzip 1.7 kB 1.7 kB ⚠️ +1 B
Overall change 147 kB 147 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary vercel/next.js chore/edge-runtime-cookies Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages Overall decrease ✓
vercel/next.js canary vercel/next.js chore/edge-runtime-cookies Change
_app-HASH.js gzip 192 B 192 B
_error-HASH.js gzip 179 B 178 B -1 B
amp-HASH.js gzip 482 B 483 B ⚠️ +1 B
css-HASH.js gzip 803 B 803 B
dynamic-HASH.js gzip 2.27 kB 2.27 kB -2 B
edge-ssr-HASH.js gzip 259 B 258 B -1 B
head-HASH.js gzip 830 B 828 B -2 B
hooks-HASH.js gzip 850 B 848 B -2 B
image-HASH.js gzip 4.33 kB 4.32 kB -2 B
index-HASH.js gzip 253 B 253 B
link-HASH.js gzip 2.73 kB 2.73 kB -4 B
routerDirect..HASH.js gzip 781 B 781 B
script-HASH.js gzip 859 B 856 B -3 B
withRouter-HASH.js gzip 781 B 781 B
85e02e95b279..7e3.css gzip 107 B 107 B
Overall change 15.7 kB 15.7 kB -16 B
Client Build Manifests Overall decrease ✓
vercel/next.js canary vercel/next.js chore/edge-runtime-cookies Change
_buildManifest.js gzip 485 B 483 B -2 B
Overall change 485 B 483 B -2 B
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary vercel/next.js chore/edge-runtime-cookies Change
index.html gzip 490 B 490 B
link.html gzip 505 B 506 B ⚠️ +1 B
withRouter.html gzip 484 B 486 B ⚠️ +2 B
Overall change 1.48 kB 1.48 kB ⚠️ +3 B
Edge SSR bundle Size Overall increase ⚠️
vercel/next.js canary vercel/next.js chore/edge-runtime-cookies Change
edge-ssr.js gzip 114 kB 114 kB ⚠️ +466 B
page.js gzip 82 kB 82.5 kB ⚠️ +478 B
Overall change 196 kB 196 kB ⚠️ +944 B
Middleware size Overall decrease ✓
vercel/next.js canary vercel/next.js chore/edge-runtime-cookies Change
middleware-b..fest.js gzip 590 B 587 B -3 B
middleware-r..fest.js gzip 145 B 144 B -1 B
middleware.js gzip 27.3 kB 25.8 kB -1.51 kB
edge-runtime..pack.js gzip 1.83 kB 1.83 kB
Overall change 29.9 kB 28.4 kB -1.51 kB

Diffs

Diff for page.js

Diff too large to display

Diff for middleware-b..-manifest.js
@@ -7,81 +7,81 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-778ee737b42dbd09.js",
-    "static/chunks/843-ab249b56e53f37d3.js",
-    "static/chunks/main-app-f635c1dac250d3b8.js"
+    "static/chunks/webpack-078d588fd47873c4.js",
+    "static/chunks/983-96206b9322fb624e.js",
+    "static/chunks/main-app-8ee45ac224dcafc1.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/index-72f4ed6964652f6a.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/index-a1c4d9d8497dbefb.js"
     ],
     "/_app": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/_app-02fdba2e11c62c3b.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/_app-b68f71a961b48916.js"
     ],
     "/_error": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/_error-c6d6c7c386122218.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/_error-a22ef5f48ba8184b.js"
     ],
     "/amp": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/amp-b62e7c28809c13e0.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/amp-eaaa44ffdc03cc2c.js"
     ],
     "/css": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-36a39dbaff01b205.js"
+      "static/chunks/pages/css-f537b6a4daa0415d.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/dynamic-dbb2ff3d32b913f9.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/dynamic-e47195a0fa3d3ead.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/edge-ssr-a57e88de1ff426bd.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/edge-ssr-18640e2c6cb99ab4.js"
     ],
     "/head": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/head-b5894c626904a778.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/head-f756eefe15b9eed2.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/hooks-874b5779f127e436.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/hooks-74323ca92508884f.js"
     ],
     "/image": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/image-4a7835c4e7d52fda.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/image-00185e15271bf249.js"
     ],
     "/link": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/link-f0e271d62794b8d3.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/link-5c2ead90a4609e08.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/routerDirect-0be908911bf83c00.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/routerDirect-cdbb1d3e934b20a6.js"
     ],
     "/script": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/script-fa22c9b29b4b53ec.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/script-58920c0195960d69.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-778ee737b42dbd09.js",
-      "static/chunks/main-659d6a4e7511df0f.js",
-      "static/chunks/pages/withRouter-9bdea6c06adf2771.js"
+      "static/chunks/webpack-078d588fd47873c4.js",
+      "static/chunks/main-e1204742fcd6face.js",
+      "static/chunks/pages/withRouter-7121e5a8488cd783.js"
     ]
   },
   ampFirstPages: []
Diff for middleware-r..-manifest.js
@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 1246,
-    files: ["static/chunks/246.a0afad3905ddc3ff.js"]
+    id: 7363,
+    files: ["static/chunks/363.ab0825baf290f32b.js"]
   }
 };
Diff for middleware.js

Diff too large to display

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-72f4ed6964652f6a.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-c6d6c7c386122218.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-b62e7c28809c13e0.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-a1c4d9d8497dbefb.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-a22ef5f48ba8184b.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-eaaa44ffdc03cc2c.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-36a39dbaff01b205.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-f537b6a4daa0415d.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-dbb2ff3d32b913f9.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-e47195a0fa3d3ead.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-a57e88de1ff426bd.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-18640e2c6cb99ab4.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-b5894c626904a778.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-874b5779f127e436.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-4a7835c4e7d52fda.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-f0e271d62794b8d3.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-f756eefe15b9eed2.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-74323ca92508884f.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-00185e15271bf249.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-5c2ead90a4609e08.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-0be908911bf83c00.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-cdbb1d3e934b20a6.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-fa22c9b29b4b53ec.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-58920c0195960d69.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-9bdea6c06adf2771.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-7121e5a8488cd783.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 3115: /***/ function(
+    /***/ 1113: /***/ 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__(5791);
+          return __webpack_require__(9203);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [179], function() {
-      return __webpack_exec__(3115), __webpack_exec__(8995);
+      return __webpack_exec__(1113), __webpack_exec__(2830);
     });
     /******/ 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],
   {
-    /***/ 5374: /***/ function(
+    /***/ 3363: /***/ 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__(9437);
+          return __webpack_require__(169);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(5374);
+      return __webpack_exec__(3363);
     });
     /******/ 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],
   {
-    /***/ 8510: /***/ function(
+    /***/ 8753: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(6146);
+      module.exports = __webpack_require__(893);
 
       /***/
     },
 
-    /***/ 7010: /***/ function(
+    /***/ 5348: /***/ 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__(2725);
+          return __webpack_require__(1542);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 6146: /***/ function(module, exports, __webpack_require__) {
+    /***/ 893: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -37,9 +37,9 @@
       exports.useAmp = useAmp;
       var _interop_require_default = __webpack_require__(1322) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
-      var _ampContext = __webpack_require__(7298);
-      var _ampMode = __webpack_require__(3798);
+      var _react = _interop_require_default(__webpack_require__(465));
+      var _ampContext = __webpack_require__(2218);
+      var _ampMode = __webpack_require__(3734);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 2725: /***/ function(
+    /***/ 1542: /***/ 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__(
-        8510
+        8753
       );
       /* 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__(7010);
+      return __webpack_exec__(5348);
     });
     /******/ 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],
   {
-    /***/ 860: /***/ function(
+    /***/ 6437: /***/ 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__(2998);
+          return __webpack_require__(5892);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 2998: /***/ function(
+    /***/ 5892: /***/ 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__(
-        3268
+        9701
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5906
+        8225
       );
       /* 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 @@
       /***/
     },
 
-    /***/ 5906: /***/ function(module) {
+    /***/ 8225: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };
 
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ 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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -106,7 +106,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -114,7 +114,7 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
@@ -127,7 +127,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(860);
+      return __webpack_exec__(6437);
     });
     /******/ 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],
   {
-    /***/ 3995: /***/ function(
+    /***/ 7753: /***/ 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__(9780);
+          return __webpack_require__(685);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4648: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9809: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -29,8 +29,8 @@
       var _extends = __webpack_require__(5321) /* ["default"] */.Z;
       var _interop_require_default = __webpack_require__(1322) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
-      var _loadable = _interop_require_default(__webpack_require__(7007));
+      var _react = _interop_require_default(__webpack_require__(465));
+      var _loadable = _interop_require_default(__webpack_require__(7936));
       function dynamic(dynamicOptions, options) {
         let loadableFn = _loadable.default;
         let loadableOptions = {
@@ -127,7 +127,7 @@
       /***/
     },
 
-    /***/ 1446: /***/ function(
+    /***/ 9851: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -140,7 +140,7 @@
       exports.LoadableContext = void 0;
       var _interop_require_default = __webpack_require__(1322) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
+      var _react = _interop_require_default(__webpack_require__(465));
       const LoadableContext = _react.default.createContext(null);
       exports.LoadableContext = LoadableContext;
       if (false) {
@@ -149,7 +149,7 @@
       /***/
     },
 
-    /***/ 7007: /***/ function(
+    /***/ 7936: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -163,8 +163,8 @@
       var _extends = __webpack_require__(5321) /* ["default"] */.Z;
       var _interop_require_default = __webpack_require__(1322) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
-      var _loadableContext = __webpack_require__(1446);
+      var _react = _interop_require_default(__webpack_require__(465));
+      var _loadableContext = __webpack_require__(9851);
       function resolve(obj) {
         return obj && obj.default ? obj.default : obj;
       }
@@ -404,7 +404,7 @@
       /***/
     },
 
-    /***/ 9780: /***/ function(
+    /***/ 685: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -418,10 +418,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6113
+        2677
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -430,11 +430,11 @@
       const DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         () =>
           __webpack_require__
-            .e(/* import() */ 246)
-            .then(__webpack_require__.bind(__webpack_require__, 1246)),
+            .e(/* import() */ 363)
+            .then(__webpack_require__.bind(__webpack_require__, 7363)),
         {
           loadableGenerated: {
-            webpack: () => [/*require.resolve*/ 1246]
+            webpack: () => [/*require.resolve*/ 7363]
           }
         }
       );
@@ -461,7 +461,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -476,7 +476,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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -511,7 +511,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -519,19 +519,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 6113: /***/ function(
+    /***/ 2677: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4648);
+      module.exports = __webpack_require__(9809);
 
       /***/
     }
@@ -542,7 +542,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(3995);
+      return __webpack_exec__(7753);
     });
     /******/ 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],
   {
-    /***/ 6219: /***/ function(
+    /***/ 6027: /***/ 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__(5260);
+          return __webpack_require__(699);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5260: /***/ function(
+    /***/ 699: /***/ 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__(6219);
+      return __webpack_exec__(6027);
     });
     /******/ 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],
   {
-    /***/ 2899: /***/ function(
+    /***/ 6955: /***/ 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__(6603);
+          return __webpack_require__(8620);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6603: /***/ function(
+    /***/ 8620: /***/ 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__(
-        3268
+        9701
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8412
+        9046
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -69,7 +69,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ 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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -119,7 +119,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -127,19 +127,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 8412: /***/ function(
+    /***/ 9046: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(9461);
+      module.exports = __webpack_require__(2483);
 
       /***/
     }
@@ -150,7 +150,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(2899);
+      return __webpack_exec__(6955);
     });
     /******/ 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],
   {
-    /***/ 2304: /***/ function(
+    /***/ 7819: /***/ 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__(8586);
+          return __webpack_require__(708);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 8586: /***/ function(
+    /***/ 708: /***/ 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__(
-        3268
+        9701
       );
       /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        2947
+        465
       );
 
       /* harmony default export */ __webpack_exports__["default"] = () => {
@@ -77,7 +77,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ 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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -127,7 +127,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -135,7 +135,7 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
@@ -148,7 +148,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(2304);
+      return __webpack_exec__(7819);
     });
     /******/ 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],
   {
-    /***/ 5885: /***/ function(
+    /***/ 801: /***/ 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__(3478);
+          return __webpack_require__(1345);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9533: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4455: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -34,13 +34,13 @@
       var _object_without_properties_loose = __webpack_require__(
         6239
       ) /* ["default"] */.Z;
-      var _react = _interop_require_wildcard(__webpack_require__(2947));
-      var _head = _interop_require_default(__webpack_require__(9461));
-      var _imageBlurSvg = __webpack_require__(3038);
-      var _imageConfig = __webpack_require__(3635);
-      var _imageConfigContext = __webpack_require__(1645);
-      var _warnOnce = __webpack_require__(6607);
-      var _imageLoader = _interop_require_default(__webpack_require__(8224));
+      var _react = _interop_require_wildcard(__webpack_require__(465));
+      var _head = _interop_require_default(__webpack_require__(2483));
+      var _imageBlurSvg = __webpack_require__(1858);
+      var _imageConfig = __webpack_require__(2057);
+      var _imageConfigContext = __webpack_require__(7534);
+      var _warnOnce = __webpack_require__(6547);
+      var _imageLoader = _interop_require_default(__webpack_require__(8326));
       const configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
         imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
@@ -696,7 +696,7 @@
       /***/
     },
 
-    /***/ 3038: /***/ function(__unused_webpack_module, exports) {
+    /***/ 1858: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -749,7 +749,7 @@
       /***/
     },
 
-    /***/ 8224: /***/ function(__unused_webpack_module, exports) {
+    /***/ 8326: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -775,7 +775,7 @@
       /***/
     },
 
-    /***/ 3478: /***/ function(
+    /***/ 1345: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -794,10 +794,10 @@
         }
       });
 
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react/jsx-runtime.js
-      var jsx_runtime = __webpack_require__(3268);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/image.js
-      var next_image = __webpack_require__(3960);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/dist/compiled/react/jsx-runtime.js
+      var jsx_runtime = __webpack_require__(9701);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_biqbaboplfbrettd7655fr4n2y/node_modules/next/image.js
+      var next_image = __webpack_require__(8249);
       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",
@@ -827,7 +827,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -842,7 +842,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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -877,7 +877,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -885,19 +885,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 3960: /***/ function(
+    /***/ 8249: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(9533);
+      module.exports = __webpack_require__(4455);
 
       /***/
     }
@@ -908,7 +908,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(5885);
+      return __webpack_exec__(801);
     });
     /******/ 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],
   {
-    /***/ 3558: /***/ function(
+    /***/ 6481: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(9407);
+          return __webpack_require__(839);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9407: /***/ function(
+    /***/ 839: /***/ 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__(3558);
+      return __webpack_exec__(6481);
     });
     /******/ 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],
   {
-    /***/ 8662: /***/ function(
+    /***/ 7014: /***/ 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__(5302);
+          return __webpack_require__(4493);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 206: /***/ function(module, exports) {
+    /***/ 2999: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 5539: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5791: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -60,16 +60,16 @@
       var _object_without_properties_loose = __webpack_require__(
         6239
       ) /* ["default"] */.Z;
-      var _react = _interop_require_default(__webpack_require__(2947));
-      var _resolveHref = __webpack_require__(7656);
-      var _isLocalUrl = __webpack_require__(257);
-      var _formatUrl = __webpack_require__(6890);
-      var _addLocale = __webpack_require__(3744);
-      var _routerContext = __webpack_require__(6645);
-      var _appRouterContext = __webpack_require__(710);
-      var _useIntersection = __webpack_require__(1513);
-      var _getDomainLocale = __webpack_require__(206);
-      var _addBasePath = __webpack_require__(3892);
+      var _react = _interop_require_default(__webpack_require__(465));
+      var _resolveHref = __webpack_require__(3119);
+      var _isLocalUrl = __webpack_require__(9415);
+      var _formatUrl = __webpack_require__(789);
+      var _addLocale = __webpack_require__(1878);
+      var _routerContext = __webpack_require__(6122);
+      var _appRouterContext = __webpack_require__(3264);
+      var _useIntersection = __webpack_require__(576);
+      var _getDomainLocale = __webpack_require__(2999);
+      var _addBasePath = __webpack_require__(5250);
       const prefetched = new Set();
       function prefetch(router, href, as, options, isAppRouter) {
         if (false) {
@@ -472,15 +472,15 @@
       /***/
     },
 
-    /***/ 1513: /***/ function(module, exports, __webpack_require__) {
+    /***/ 576: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.useIntersection = useIntersection;
-      var _react = __webpack_require__(2947);
-      var _requestIdleCallback = __webpack_require__(3222);
+      var _react = __webpack_require__(465);
+      var _requestIdleCallback = __webpack_require__(1064);
       const hasIntersectionObserver =
         typeof IntersectionObserver === "function";
       const observers = new Map();
@@ -593,7 +593,7 @@
       /***/
     },
 
-    /***/ 5302: /***/ function(
+    /***/ 4493: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -607,10 +607,10 @@
         /* harmony export */
       });
       /* harmony import */ var react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3268
+        9701
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        4595
+        9495
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -641,7 +641,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -656,7 +656,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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -691,7 +691,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -699,19 +699,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 4595: /***/ function(
+    /***/ 9495: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(5539);
+      module.exports = __webpack_require__(5791);
 
       /***/
     }
@@ -722,7 +722,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(8662);
+      return __webpack_exec__(7014);
     });
     /******/ 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],
   {
-    /***/ 2188: /***/ function(
+    /***/ 7288: /***/ 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__(9717);
+          return __webpack_require__(5847);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9717: /***/ function(
+    /***/ 5847: /***/ 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__(
-        3268
+        9701
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5866
+        5664
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,7 +56,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ 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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -106,7 +106,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -114,19 +114,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 5866: /***/ function(
+    /***/ 5664: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8995);
+      module.exports = __webpack_require__(2830);
 
       /***/
     }
@@ -137,7 +137,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(2188);
+      return __webpack_exec__(7288);
     });
     /******/ 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],
   {
-    /***/ 1136: /***/ function(
+    /***/ 6695: /***/ 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__(7121);
+          return __webpack_require__(6137);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7121: /***/ function(
+    /***/ 6137: /***/ 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__(
-        3268
+        9701
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9096
+        6071
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -68,7 +68,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ 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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -118,7 +118,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -126,19 +126,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 9096: /***/ function(
+    /***/ 6071: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(7350);
+      module.exports = __webpack_require__(1516);
 
       /***/
     }
@@ -149,7 +149,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(1136);
+      return __webpack_exec__(6695);
     });
     /******/ 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],
   {
-    /***/ 3551: /***/ function(
+    /***/ 8118: /***/ 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__(1934);
+          return __webpack_require__(2817);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1934: /***/ function(
+    /***/ 2817: /***/ 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__(
-        3268
+        9701
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5866
+        5664
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 6205: /***/ function(
+    /***/ 1963: /***/ 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__(2947),
+      var f = __webpack_require__(465),
         k = Symbol.for("react.element"),
         l = Symbol.for("react.fragment"),
         m = Object.prototype.hasOwnProperty,
@@ -104,7 +104,7 @@
       /***/
     },
 
-    /***/ 3268: /***/ function(
+    /***/ 9701: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
@@ -112,19 +112,19 @@
       "use strict";
 
       if (true) {
-        module.exports = __webpack_require__(6205);
+        module.exports = __webpack_require__(1963);
       } else {
       }
 
       /***/
     },
 
-    /***/ 5866: /***/ function(
+    /***/ 5664: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8995);
+      module.exports = __webpack_require__(2830);
 
       /***/
     }
@@ -135,7 +135,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 179], function() {
-      return __webpack_exec__(3551);
+      return __webpack_exec__(8118);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 246.HASH.js
@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [246],
+  [363],
   {
-    /***/ 1246: /***/ function(
+    /***/ 7363: /***/ 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__(
-        3268
+        9701
       );
 
       const Hello = () => {
Diff for 843-HASH.js
@@ -1,5 +1,5 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [843],
+  [983],
   {
     /***/ 3277: /***/ function(__unused_webpack_module, exports) {
       "use strict";
@@ -228,7 +228,7 @@
       /***/
     },
 
-    /***/ 7600: /***/ function() {
+    /***/ 1808: /***/ function() {
       "trimStart" in String.prototype ||
         (String.prototype.trimStart = String.prototype.trimLeft),
         "trimEnd" in String.prototype ||
@@ -278,15 +278,15 @@
       /***/
     },
 
-    /***/ 2808: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1045: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.addBasePath = addBasePath;
-      var _addPathPrefix = __webpack_require__(2783);
-      var _normalizeTrailingSlash = __webpack_require__(5935);
+      var _addPathPrefix = __webpack_require__(916);
+      var _normalizeTrailingSlash = __webpack_require__(1604);
       const basePath = false || "";
       function addBasePath(path, required) {
         if (false) {
@@ -310,7 +310,7 @@
       /***/
     },
 
-    /***/ 8287: /***/ function(module, exports) {
+    /***/ 5522: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -385,7 +385,7 @@
       /***/
     },
 
-    /***/ 8993: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2110: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -396,14 +396,14 @@
         .Z;
       var _interop_require_wildcard = __webpack_require__(950) /* ["default"] */
         .Z;
-      __webpack_require__(7600);
-      var _client = _interop_require_default(__webpack_require__(3318));
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
-      var _client1 = __webpack_require__(3286);
-      var _headManagerContext = __webpack_require__(8398);
-      var _appRouterContext = __webpack_require__(663);
+      __webpack_require__(1808);
+      var _client = _interop_require_default(__webpack_require__(7292));
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
+      var _client1 = __webpack_require__(3477);
+      var _headManagerContext = __webpack_require__(8340);
+      var _appRouterContext = __webpack_require__(4665);
       var _onRecoverableError = _interop_require_default(
-        __webpack_require__(322)
+        __webpack_require__(6949)
       );
       // eslint-disable-next-line no-undef
       const getChunkScriptFilename = __webpack_require__.u;
@@ -586,15 +586,15 @@
       /***/
     },
 
-    /***/ 8431: /***/ function(module, exports, __webpack_require__) {
+    /***/ 541: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
-      var _appBootstrap = __webpack_require__(8287);
+      var _appBootstrap = __webpack_require__(5522);
       (0, _appBootstrap).appBootstrap(() => {
         // Include app-router and layout-router in the main chunk
-        __webpack_require__(8613);
-        __webpack_require__(566);
-        const { hydrate } = __webpack_require__(8993);
+        __webpack_require__(7072);
+        __webpack_require__(1847);
+        const { hydrate } = __webpack_require__(2110);
         hydrate();
       });
       if (
@@ -612,7 +612,7 @@
       /***/
     },
 
-    /***/ 6686: /***/ function(module, exports) {
+    /***/ 2500: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -657,7 +657,7 @@
       /***/
     },
 
-    /***/ 8613: /***/ function(module, exports, __webpack_require__) {
+    /***/ 7072: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -671,18 +671,18 @@
       var _object_without_properties_loose = __webpack_require__(
         3470
       ) /* ["default"] */.Z;
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
-      var _appRouterContext = __webpack_require__(663);
-      var _routerReducer = __webpack_require__(2102);
-      var _routerReducerTypes = __webpack_require__(8889);
-      var _createHrefFromUrl = __webpack_require__(8045);
-      var _hooksClientContext = __webpack_require__(2738);
-      var _useReducerWithDevtools = __webpack_require__(9490);
-      var _errorBoundary = __webpack_require__(4264);
-      var _createInitialRouterState = __webpack_require__(4898);
-      var _fetchServerResponse = __webpack_require__(1330);
-      var _isBot = __webpack_require__(2198);
-      var _addBasePath = __webpack_require__(2808);
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
+      var _appRouterContext = __webpack_require__(4665);
+      var _routerReducer = __webpack_require__(5118);
+      var _routerReducerTypes = __webpack_require__(767);
+      var _createHrefFromUrl = __webpack_require__(851);
+      var _hooksClientContext = __webpack_require__(9032);
+      var _useReducerWithDevtools = __webpack_require__(3904);
+      var _errorBoundary = __webpack_require__(3914);
+      var _createInitialRouterState = __webpack_require__(7504);
+      var _fetchServerResponse = __webpack_require__(7653);
+      var _isBot = __webpack_require__(9819);
+      var _addBasePath = __webpack_require__(1045);
       function AppRouter(props) {
         const { globalErrorComponent } = props,
           rest = _object_without_properties_loose(props, [
@@ -1046,7 +1046,7 @@
       /***/
     },
 
-    /***/ 9923: /***/ function(module, exports, __webpack_require__) {
+    /***/ 8593: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1055,7 +1055,7 @@
       exports.clientHookInServerComponentError = clientHookInServerComponentError;
       var _interop_require_default = __webpack_require__(4450) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(6736));
+      var _react = _interop_require_default(__webpack_require__(8510));
       function clientHookInServerComponentError(hookName) {
         if (false) {
         }
@@ -1075,7 +1075,7 @@
       /***/
     },
 
-    /***/ 4264: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3914: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1085,7 +1085,7 @@
       exports.ErrorBoundary = ErrorBoundary;
       var _interop_require_default = __webpack_require__(4450) /* ["default"] */
         .Z;
-      var _react = _interop_require_default(__webpack_require__(6736));
+      var _react = _interop_require_default(__webpack_require__(8510));
       function GlobalError(param) {
         let { error } = param;
         return /*#__PURE__*/ _react.default.createElement(
@@ -1216,7 +1216,7 @@
       /***/
     },
 
-    /***/ 7494: /***/ function(module, exports) {
+    /***/ 384: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1254,7 +1254,7 @@
       /***/
     },
 
-    /***/ 566: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1847: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1267,17 +1267,17 @@
         .Z;
       var _interop_require_wildcard = __webpack_require__(950) /* ["default"] */
         .Z;
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
-      var _reactDom = _interop_require_default(__webpack_require__(4351));
-      var _appRouterContext = __webpack_require__(663);
-      var _fetchServerResponse = __webpack_require__(1330);
-      var _infinitePromise = __webpack_require__(7494);
-      var _errorBoundary = __webpack_require__(4264);
-      var _matchSegments = __webpack_require__(6181);
-      var _navigation = __webpack_require__(8810);
-      var _handleSmoothScroll = __webpack_require__(7521);
-      var _redirect = __webpack_require__(5275);
-      var _findHeadInCache = __webpack_require__(7534);
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
+      var _reactDom = _interop_require_default(__webpack_require__(4460));
+      var _appRouterContext = __webpack_require__(4665);
+      var _fetchServerResponse = __webpack_require__(7653);
+      var _infinitePromise = __webpack_require__(384);
+      var _errorBoundary = __webpack_require__(3914);
+      var _matchSegments = __webpack_require__(2759);
+      var _navigation = __webpack_require__(4715);
+      var _handleSmoothScroll = __webpack_require__(7318);
+      var _redirect = __webpack_require__(1095);
+      var _findHeadInCache = __webpack_require__(9429);
       function OuterLayoutRouter(param) {
         let {
           parallelRouterKey,
@@ -1789,7 +1789,7 @@
       /***/
     },
 
-    /***/ 6181: /***/ function(module, exports) {
+    /***/ 2759: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1829,7 +1829,7 @@
       /***/
     },
 
-    /***/ 8810: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4715: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1864,13 +1864,13 @@
           return _notFound.notFound;
         }
       });
-      var _react = __webpack_require__(6736);
-      var _appRouterContext = __webpack_require__(663);
-      var _hooksClientContext = __webpack_require__(2738);
-      var _clientHookInServerComponentError = __webpack_require__(9923);
-      var _serverInsertedHtml = __webpack_require__(1388);
-      var _redirect = __webpack_require__(5275);
-      var _notFound = __webpack_require__(7303);
+      var _react = __webpack_require__(8510);
+      var _appRouterContext = __webpack_require__(4665);
+      var _hooksClientContext = __webpack_require__(9032);
+      var _clientHookInServerComponentError = __webpack_require__(8593);
+      var _serverInsertedHtml = __webpack_require__(6897);
+      var _redirect = __webpack_require__(1095);
+      var _notFound = __webpack_require__(1815);
       const INTERNAL_URLSEARCHPARAMS_INSTANCE = Symbol(
         "internal for urlsearchparams readonly"
       );
@@ -2021,7 +2021,7 @@
       /***/
     },
 
-    /***/ 7303: /***/ function(module, exports) {
+    /***/ 1815: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2054,7 +2054,7 @@
       /***/
     },
 
-    /***/ 5275: /***/ function(module, exports) {
+    /***/ 1095: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2098,7 +2098,7 @@
       /***/
     },
 
-    /***/ 6848: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1982: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2107,8 +2107,8 @@
       exports["default"] = RenderFromTemplateContext;
       var _interop_require_wildcard = __webpack_require__(950) /* ["default"] */
         .Z;
-      var _react = _interop_require_wildcard(__webpack_require__(6736));
-      var _appRouterContext = __webpack_require__(663);
+      var _react = _interop_require_wildcard(__webpack_require__(8510));
+      var _appRouterContext = __webpack_require__(4665);
       function RenderFromTemplateContext() {
         const children = (0, _react).useContext(
           _appRouterContext.TemplateContext
@@ -2134,7 +2134,7 @@
       /***/
     },
 
-    /***/ 7737: /***/ function(module, exports, __webpack_require__) {
+    /***/ 2418: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2142,7 +2142,7 @@
       });
       exports.applyRouterStatePatchToTree = applyRouterStatePatchToTree;
       var _extends = __webpack_require__(1222) /* ["default"] */.Z;
-   
Post job cleanup.
[command]/usr/bin/git version
git version 2.39.1
Temporarily overriding HOME='/home/runner/work/_temp/2d619883-16bb-49c4-988e-91cce492bd7f' before making global git config changes
Adding repository directory to the temporary git global config as a safe directory
[command]/usr/bin/git config --global --add safe.directory /home/runner/work/next.js/next.js
[command]/usr/bin/git config --local --name-only --get-regexp core\.sshCommand
[command]/usr/bin/git submodule foreach --recursive sh -c "git config --local --name-only --get-regexp 'core\.sshCommand' && git config --local --unset-all 'core.sshCommand' || :"
[command]/usr/bin/git config --local --name-only --get-regexp http\.https\:\/\/github\.com\/\.extraheader
http.https://github.com/.extraheader
[command]/usr/bin/git config --local --unset-all http.https://github.com/.extraheader
[command]/usr/bin/git submodule foreach --recursive sh -c "git config --local --name-only --get-regexp 'http\.https\:\/\/github\.com\/\.extraheader' && git config --local --unset-all 'http.https://github.com/.extraheader' || :"
Cleaning up orphan processes
Commit: 932564f9b21ce9e6d38b192780ddc44d5a7aa274

@balazsorban44 balazsorban44 marked this pull request as ready for review November 10, 2022 11:30
@ijjk
Copy link
Member

ijjk commented Nov 11, 2022

Failing test suites

Commit: 4c91693

pnpm testheadless test/integration/middleware-dev-errors/test/index.test.js

  • Middleware development errors > when middleware contains an unhandled rejection > logs the error correctly
  • Middleware development errors > when running invalid dynamic code with eval > logs the error correctly
  • Middleware development errors > when there is an unhandled rejection while loading a dependency > logs the error correctly
  • Middleware development errors > when there is an unhandled rejection while loading the module > logs the error correctly
Expand output

● Middleware development errors › when middleware contains an unhandled rejection › logs the error correctly

expect(received).toMatch(expected)

Expected pattern: /error - middleware.js \(\d+:\d+\) @ throwError\nerror - unhandledRejection: async boom!/m
Received string:  "
ready - started server on 0.0.0.0:40775, url: http://localhost:40775
info  - Using locally built binary of @next/swc
event - compiled client and server successfully in 843 ms (154 modules)
wait  - compiling / (client and server)...
event - compiled client and server successfully in 151 ms (166 modules)
wait  - compiling /middleware (client and server)...
event - compiled successfully in 101 ms (62 modules)
error - unhandledRejection: Error: async boom!

  at throwError (webpack-internal:///(middleware)../../middleware.js:9:11)
  at Object.__WEBPACK_DEFAULT_EXPORT__ [as handler] (webpack-internal:///(middleware)../../middleware.js:12:5)
  at adapter (webpack-internal:///(middleware)../../packages/next/dist/esm/server/web/adapter.js:112:33)
  at __WEBPACK_DEFAULT_EXPORT__ (webpack-internal:///(middleware)../../packages/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors&matchers=!:19:91)
  at ../packages/next/dist/server/web/sandbox/sandbox.js:73:30
  at async DevServer.runMiddleware (../packages/next/dist/server/next-server.js:1137:24)
  at async DevServer.runMiddleware (../packages/next/dist/server/dev/next-dev-server.js:699:28)
  at async Object.fn (../packages/next/dist/server/next-server.js:1216:38)
  at async Router.execute (../packages/next/dist/server/router.js:229:32)
  "
  at Object.<anonymous> (integration/middleware-dev-errors/test/index.test.js:94:22)

● Middleware development errors › when running invalid dynamic code with eval › logs the error correctly

expect(received).not.toContain(expected) // indexOf

Expected substring: not "webpack-internal:///(middleware)/./middleware.js"
Received string:        "error - unhandledRejection: Error: async boom!

  at throwError (webpack-internal:///(middleware)../../middleware.js:9:11)
  at Object.__WEBPACK_DEFAULT_EXPORT__ [as handler] (webpack-internal:///(middleware)../../middleware.js:12:5)
  at adapter (webpack-internal:///(middleware)../../packages/next/dist/esm/server/web/adapter.js:112:33)
  at __WEBPACK_DEFAULT_EXPORT__ (webpack-internal:///(middleware)../../packages/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors&matchers=!:19:91)
  at ../packages/next/dist/server/web/sandbox/sandbox.js:73:30
  at async DevServer.runMiddleware (../packages/next/dist/server/next-server.js:1137:24)
  at async DevServer.runMiddleware (../packages/next/dist/server/dev/next-dev-server.js:699:28)
  at async Object.fn (../packages/next/dist/server/next-server.js:1216:38)
  at async Router.execute (../packages/next/dist/server/router.js:229:32)
  at async DevServer.run (../packages/next/dist/server/base-server.js:414:29)
  ready - started server on 0.0.0.0:37209, url: http://localhost:37209
  info  - Using locally built binary of @next/swc
  event - compiled client and server successfully in 882 ms (154 modules)
  wait  - compiling / (client and server)...
  event - compiled client and server successfully in 148 ms (166 modules)
  wait  - compiling /middleware (client and server)...
  event - compiled successfully in 153 ms (62 modules)
  wait  - compiling /_error (client and server)...
  warn  - middleware.js (4:8) @ eval
  warn  - Dynamic Code Evaluation (e. g. 'eval', 'new Function') not allowed in Edge Runtime
  Learn More: https://nextjs.org/docs/messages/edge-dynamic-code-evaluation
    2 |       import { NextResponse } from 'next/server'
    3 |       export default function () {
  > 4 |         eval('test')
      |        ^
    5 |         return NextResponse.next()
    6 |       }
  error - middleware.js (4:8) @ eval
  error - test is not defined
    2 |       import { NextResponse } from 'next/server'
    3 |       export default function () {
  > 4 |         eval('test')
      |        ^
    5 |         return NextResponse.next()
    6 |       }
  event - compiled client and server successfully in 217 ms (167 modules)
  "
  at Object.<anonymous> (integration/middleware-dev-errors/test/index.test.js:131:26)

● Middleware development errors › when there is an unhandled rejection while loading the module › logs the error correctly

expect(received).toMatch(expected)

Expected pattern: /error - middleware.js \(\d+:\d+\) @ eval\nerror - unhandledRejection: you shall see me/m
Received string:  "
ready - started server on 0.0.0.0:46623, url: http://localhost:46623
info  - Using locally built binary of @next/swc
event - compiled client and server successfully in 890 ms (154 modules)
wait  - compiling / (client and server)...
event - compiled client and server successfully in 170 ms (166 modules)
wait  - compiling /middleware (client and server)...
event - compiled successfully in 172 ms (62 modules)
error - unhandledRejection: Error: you shall see me

  at eval (webpack-internal:///(middleware)../../middleware.js:9:11)
  at eval (webpack-internal:///(middleware)../../middleware.js:10:3)
  at Module.(middleware)/./middleware.js (integration/middleware-dev-errors/.next/server/middleware.js:337:1)
  at __webpack_require__ (integration/middleware-dev-errors/.next/server/edge-runtime-webpack.js:37:33)
  at fn (integration/middleware-dev-errors/.next/server/edge-runtime-webpack.js:269:21)
  at eval (webpack-internal:///(middleware)../../packages/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors&matchers=!:11:19)
  at Module.(middleware)/../../../packages/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors&matchers=! (integration/middleware-dev-errors/.next/server/middleware.js:18:1)
  at __webpack_require__ (integration/middleware-dev-errors/.next/server/edge-runtime-webpack.js:37:33)
  at __webpack_exec__ (integration/middleware-dev-errors/.next/server/middleware.js:550:48)
  at integration/middleware-dev-errors/.next/server/middleware.js:551:37
  "
  at Object.<anonymous> (integration/middleware-dev-errors/test/index.test.js:196:22)

● Middleware development errors › when there is an unhandled rejection while loading a dependency › logs the error correctly

expect(received).toMatch(expected)

Expected pattern: /error - lib\/unhandled.js \(\d+:\d+\) @ Timeout.eval \[as _onTimeout\]\nerror - uncaughtException: This file asynchronously fails while loading/m
Received string:  "error - unhandledRejection: Error: you shall see me

  at eval (webpack-internal:///(middleware)../../middleware.js:9:11)
  at eval (webpack-internal:///(middleware)../../middleware.js:10:3)
  at Module.(middleware)/./middleware.js (integration/middleware-dev-errors/.next/server/middleware.js:337:1)
  at __webpack_require__ (integration/middleware-dev-errors/.next/server/edge-runtime-webpack.js:37:33)
  at fn (integration/middleware-dev-errors/.next/server/edge-runtime-webpack.js:269:21)
  at eval (webpack-internal:///(middleware)../../packages/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors&matchers=!:11:19)
  at Module.(middleware)/../../../packages/next/dist/build/webpack/loaders/next-middleware-loader.js?absolutePagePath=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors%2Fmiddleware.js&page=%2Fmiddleware&rootDir=%2Fwork%2Ftest%2Fintegration%2Fmiddleware-dev-errors&matchers=! (integration/middleware-dev-errors/.next/server/middleware.js:18:1)
  at __webpack_require__ (integration/middleware-dev-errors/.next/server/edge-runtime-webpack.js:37:33)
  at __webpack_exec__ (integration/middleware-dev-errors/.next/server/middleware.js:550:48)
  at integration/middleware-dev-errors/.next/server/middleware.js:551:37·
  ready - started server on 0.0.0.0:44377, url: http://localhost:44377
  info  - Using locally built binary of @next/swc
  event - compiled client and server successfully in 990 ms (154 modules)
  wait  - compiling / (client and server)...
  event - compiled client and server successfully in 167 ms (166 modules)
  wait  - compiling /middleware (client and server)...
  event - compiled successfully in 147 ms (63 modules)
  error - uncaughtException: Error: This file asynchronously fails while loading
  at Timeout.eval [as _onTimeout] (webpack-internal:///(middleware)../../lib/unhandled.js:2:11)
  "
  at Object.<anonymous> (integration/middleware-dev-errors/test/index.test.js:228:22)

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

@@ -1,39 +0,0 @@
/* eslint-env jest */
import { parseCookieString } from 'next/dist/server/web/spec-extension/cookies/serialize'
Copy link
Member Author

Choose a reason for hiding this comment

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

@balazsorban44 balazsorban44 marked this pull request as ready for review February 8, 2023 22:42
feedthejim
feedthejim previously approved these changes Feb 10, 2023
@balazsorban44 balazsorban44 enabled auto-merge (squash) February 15, 2023 15:45
@socket-security
Copy link

Socket Security Pull Request Report

👍 No new dependency issues detected in pull request

Pull request report summary
Issue Status
Install scripts ✅ 0 issues
Native code ✅ 0 issues
Bin script confusion ✅ 0 issues
Bin script shell injection ✅ 0 issues
Unresolved require ✅ 0 issues
Invalid package.json ✅ 0 issues
HTTP dependency ✅ 0 issues
Git dependency ✅ 0 issues
Potential typo squat ✅ 0 issues
Known Malware ✅ 0 issues
Telemetry ✅ 0 issues
Protestware/Troll package ✅ 0 issues
Bot Commands

To ignore an alert, reply with a comment starting with @SocketSecurity ignore followed by a space separated list of package-name@version specifiers. e.g. @SocketSecurity ignore foo@1.0.0 bar@2.4.2

Powered by socket.dev

@balazsorban44 balazsorban44 merged commit be5a9f5 into canary Feb 17, 2023
@balazsorban44 balazsorban44 deleted the chore/edge-runtime-cookies branch February 17, 2023 14:10
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Mar 20, 2023
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
created-by: Next.js team PRs by the Next.js team examples Issue/PR related to examples type: next
Projects
None yet
4 participants