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

Re-introduce Edge API Endpoints #37481

Merged
merged 7 commits into from
Jun 13, 2022
Merged

Conversation

Schniz
Copy link
Contributor

@Schniz Schniz commented Jun 6, 2022

This reverts commit 210fa39, and
re-introduces Edge API endpoints as a possible runtime selection in API
endpoints.

This is done by exporting a config object:

export const config = { runtime: 'experimental-edge' }

@ijjk ijjk added the type: next label Jun 6, 2022
@ijjk
Copy link
Member

ijjk commented Jun 6, 2022

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
buildDuration 24.7s 25.3s ⚠️ +539ms
buildDurationCached 8.8s 8.6s -190ms
nodeModulesSize 1.85 GB 1.85 GB ⚠️ +23.9 kB
Page Load Tests Overall increase ✓
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
/ failed reqs 0 0
/ total time (seconds) 6.038 5.933 -0.11
/ avg req/sec 414.04 421.39 +7.35
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 2.691 2.685 -0.01
/error-in-render avg req/sec 929.1 931.03 +1.93
Client Bundles (main, webpack) Overall decrease ✓
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
437.HASH.js gzip 179 B 179 B
framework-HASH.js gzip 42 kB 42 kB
main-HASH.js gzip 30 kB 30 kB -5 B
webpack-HASH.js gzip 1.53 kB 1.54 kB ⚠️ +4 B
Overall change 73.8 kB 73.8 kB -1 B
Legacy Client Bundles (polyfills)
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages Overall decrease ✓
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
_app-HASH.js gzip 827 B 825 B -2 B
_error-HASH.js gzip 194 B 194 B
amp-HASH.js gzip 495 B 496 B ⚠️ +1 B
css-HASH.js gzip 328 B 327 B -1 B
dynamic-HASH.js gzip 2.39 kB 2.39 kB -2 B
head-HASH.js gzip 359 B 355 B -4 B
hooks-HASH.js gzip 419 B 418 B -1 B
image-HASH.js gzip 5.25 kB 5.25 kB -1 B
index-HASH.js gzip 263 B 264 B ⚠️ +1 B
link-HASH.js gzip 2.4 kB 2.4 kB ⚠️ +2 B
routerDirect..HASH.js gzip 322 B 321 B -1 B
script-HASH.js gzip 392 B 390 B -2 B
withRouter-HASH.js gzip 320 B 318 B -2 B
85e02e95b279..7e3.css gzip 107 B 107 B
Overall change 14.1 kB 14.1 kB -12 B
Client Build Manifests
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
_buildManifest.js gzip 459 B 459 B
Overall change 459 B 459 B
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
index.html gzip 531 B 531 B
link.html gzip 544 B 545 B ⚠️ +1 B
withRouter.html gzip 525 B 525 B
Overall change 1.6 kB 1.6 kB ⚠️ +1 B
Middleware size Overall increase ⚠️
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
middleware-m..st.json gzip 199 B 207 B ⚠️ +8 B
middleware.js gzip 16.9 kB 16.9 kB -4 B
edge-runtime..pack.js gzip 1.79 kB 1.79 kB
Overall change 18.9 kB 18.9 kB ⚠️ +4 B

Diffs

Diff for middleware-manifest.json
@@ -11,5 +11,6 @@
       "wasm": []
     }
   },
+  "functions": {},
   "version": 1
 }
Diff for middleware.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [826],
   {
-    /***/ 776: /***/ (
+    /***/ 457: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -14,7 +14,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        222
+        35
       );
 
       // The condition is true when the "process" module is provided
@@ -24,7 +24,7 @@
         __webpack_require__.g.process = process;
       }
 
-      var mod = __webpack_require__(724);
+      var mod = __webpack_require__(623);
       var handler = mod.middleware || mod.default;
 
       if (typeof handler !== "function") {
@@ -50,7 +50,7 @@
       /***/
     },
 
-    /***/ 724: /***/ (
+    /***/ 623: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -62,7 +62,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        335
+        897
       );
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_server__WEBPACK_IMPORTED_MODULE_0__
@@ -75,7 +75,7 @@
       /***/
     },
 
-    /***/ 734: /***/ (__unused_webpack_module, exports) => {
+    /***/ 242: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -97,7 +97,7 @@
       /***/
     },
 
-    /***/ 893: /***/ (__unused_webpack_module, exports) => {
+    /***/ 936: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -135,7 +135,7 @@
       /***/
     },
 
-    /***/ 142: /***/ (__unused_webpack_module, exports) => {
+    /***/ 846: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -167,7 +167,7 @@
       /***/
     },
 
-    /***/ 777: /***/ (
+    /***/ 893: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -178,8 +178,8 @@
         value: true
       });
       exports.addLocale = addLocale;
-      var _addPathPrefix = __webpack_require__(774);
-      var _pathHasPrefix = __webpack_require__(841);
+      var _addPathPrefix = __webpack_require__(466);
+      var _pathHasPrefix = __webpack_require__(590);
       function addLocale(path, locale, defaultLocale) {
         if (
           locale &&
@@ -198,7 +198,7 @@
       /***/
     },
 
-    /***/ 774: /***/ (
+    /***/ 466: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -209,7 +209,7 @@
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(70);
+      var _parsePath = __webpack_require__(422);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -221,7 +221,7 @@
       /***/
     },
 
-    /***/ 114: /***/ (
+    /***/ 458: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -232,7 +232,7 @@
         value: true
       });
       exports.addPathSuffix = addPathSuffix;
-      var _parsePath = __webpack_require__(70);
+      var _parsePath = __webpack_require__(422);
       function addPathSuffix(path, suffix) {
         if (!path.startsWith("/") || !suffix) {
           return path;
@@ -244,16 +244,20 @@
       /***/
     },
 
-    /***/ 36: /***/ (__unused_webpack_module, exports, __webpack_require__) => {
+    /***/ 613: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.formatNextPathnameInfo = formatNextPathnameInfo;
-      var _addPathPrefix = __webpack_require__(774);
-      var _addPathSuffix = __webpack_require__(114);
-      var _addLocale = __webpack_require__(777);
+      var _addPathPrefix = __webpack_require__(466);
+      var _addPathSuffix = __webpack_require__(458);
+      var _addLocale = __webpack_require__(893);
       function formatNextPathnameInfo(info) {
         let pathname = (0, _addLocale).addLocale(
           info.pathname,
@@ -278,7 +282,7 @@
       /***/
     },
 
-    /***/ 763: /***/ (
+    /***/ 769: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -289,9 +293,9 @@
         value: true
       });
       exports.getNextPathnameInfo = getNextPathnameInfo;
-      var _normalizeLocalePath = __webpack_require__(142);
-      var _removePathPrefix = __webpack_require__(565);
-      var _pathHasPrefix = __webpack_require__(841);
+      var _normalizeLocalePath = __webpack_require__(846);
+      var _removePathPrefix = __webpack_require__(344);
+      var _pathHasPrefix = __webpack_require__(590);
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
         const { basePath, i18n, trailingSlash } =
@@ -347,7 +351,7 @@
       /***/
     },
 
-    /***/ 70: /***/ (__unused_webpack_module, exports) => {
+    /***/ 422: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -383,7 +387,7 @@
       /***/
     },
 
-    /***/ 841: /***/ (
+    /***/ 590: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -394,7 +398,7 @@
         value: true
       });
       exports.pathHasPrefix = pathHasPrefix;
-      var _parsePath = __webpack_require__(70);
+      var _parsePath = __webpack_require__(422);
       function pathHasPrefix(path, prefix) {
         if (typeof path !== "string") {
           return false;
@@ -406,7 +410,7 @@
       /***/
     },
 
-    /***/ 564: /***/ (__unused_webpack_module, exports) => {
+    /***/ 52: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -425,7 +429,7 @@
       /***/
     },
 
-    /***/ 565: /***/ (
+    /***/ 344: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -436,7 +440,7 @@
         value: true
       });
       exports.removePathPrefix = removePathPrefix;
-      var _pathHasPrefix = __webpack_require__(841);
+      var _pathHasPrefix = __webpack_require__(590);
       function removePathPrefix(path, prefix) {
         if ((0, _pathHasPrefix).pathHasPrefix(path, prefix)) {
           const withoutPrefix = path.slice(prefix.length);
@@ -450,7 +454,7 @@
       /***/
     },
 
-    /***/ 748: /***/ module => {
+    /***/ 54: /***/ module => {
       var __dirname = "/";
       (() => {
         "use strict";
@@ -578,7 +582,7 @@
       /***/
     },
 
-    /***/ 491: /***/ (module, exports, __webpack_require__) => {
+    /***/ 826: /***/ (module, exports, __webpack_require__) => {
       var __dirname = "/";
       var __WEBPACK_AMD_DEFINE_RESULT__;
       (() => {
@@ -1420,11 +1424,7 @@
       /***/
     },
 
-    /***/ 222: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
+    /***/ 35: /***/ (__unused_webpack_module, exports, __webpack_require__) => {
       "use strict";
       var __webpack_unused_export__;
 
@@ -1433,13 +1433,13 @@
       };
       exports.VL = adapter;
       exports.OT = blockUnallowedResponse;
-      var _error = __webpack_require__(626);
-      var _utils = __webpack_require__(20);
-      var _fetchEvent = __webpack_require__(575);
-      var _request = __webpack_require__(989);
-      var _response = __webpack_require__(690);
-      var _relativizeUrl = __webpack_require__(564);
-      var _nextUrl = __webpack_require__(685);
+      var _error = __webpack_require__(182);
+      var _utils = __webpack_require__(93);
+      var _fetchEvent = __webpack_require__(339);
+      var _request = __webpack_require__(67);
+      var _response = __webpack_require__(367);
+      var _relativizeUrl = __webpack_require__(52);
+      var _nextUrl = __webpack_require__(322);
       async function adapter(params) {
         const requestUrl = new _nextUrl.NextURL(params.request.url, {
           headers: params.request.headers,
@@ -1608,7 +1608,7 @@
       /***/
     },
 
-    /***/ 626: /***/ (__unused_webpack_module, exports) => {
+    /***/ 182: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1649,7 +1649,7 @@
       /***/
     },
 
-    /***/ 685: /***/ (
+    /***/ 322: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1659,10 +1659,10 @@
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _detectDomainLocale = __webpack_require__(893);
-      var _formatNextPathnameInfo = __webpack_require__(36);
-      var _getHostname = __webpack_require__(734);
-      var _getNextPathnameInfo = __webpack_require__(763);
+      var _detectDomainLocale = __webpack_require__(936);
+      var _formatNextPathnameInfo = __webpack_require__(613);
+      var _getHostname = __webpack_require__(242);
+      var _getNextPathnameInfo = __webpack_require__(769);
       const Internal = Symbol("NextURLInternal");
       class NextURL {
         constructor(input, baseOrOpts, opts) {
@@ -1893,7 +1893,7 @@
       /***/
     },
 
-    /***/ 508: /***/ (
+    /***/ 256: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1909,8 +1909,8 @@
           return _types.CookieSerializeOptions;
         }
       });
-      var _cookie = _interopRequireDefault(__webpack_require__(748));
-      var _types = __webpack_require__(229);
+      var _cookie = _interopRequireDefault(__webpack_require__(54));
+      var _types = __webpack_require__(880);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2044,7 +2044,7 @@
       /***/
     },
 
-    /***/ 575: /***/ (
+    /***/ 339: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2055,7 +2055,7 @@
         value: true
       });
       exports.waitUntilSymbol = void 0;
-      var _error = __webpack_require__(626);
+      var _error = __webpack_require__(182);
       var _key, _key1;
       const responseSymbol = Symbol("response");
       const passThroughSymbol = Symbol("passThrough");
@@ -2112,21 +2112,17 @@
       /***/
     },
 
-    /***/ 989: /***/ (
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) => {
+    /***/ 67: /***/ (__unused_webpack_module, exports, __webpack_require__) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.INTERNALS = void 0;
-      var _nextUrl = __webpack_require__(685);
-      var _utils = __webpack_require__(20);
-      var _error = __webpack_require__(626);
-      var _cookies = __webpack_require__(508);
+      var _nextUrl = __webpack_require__(322);
+      var _utils = __webpack_require__(93);
+      var _error = __webpack_require__(182);
+      var _cookies = __webpack_require__(256);
       const INTERNALS = Symbol("internal request");
       exports.INTERNALS = INTERNALS;
       class NextRequest extends Request {
@@ -2173,7 +2169,7 @@
       /***/
     },
 
-    /***/ 690: /***/ (
+    /***/ 367: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2183,9 +2179,9 @@
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _nextUrl = __webpack_require__(685);
-      var _utils = __webpack_require__(20);
-      var _cookies = __webpack_require__(508);
+      var _nextUrl = __webpack_require__(322);
+      var _utils = __webpack_require__(93);
+      var _cookies = __webpack_require__(256);
       const INTERNALS = Symbol("internal response");
       const REDIRECTS = new Set([301, 302, 303, 307, 308]);
       class NextResponse extends Response {
@@ -2249,7 +2245,7 @@
       /***/
     },
 
-    /***/ 240: /***/ (
+    /***/ 932: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2263,7 +2259,7 @@
       __webpack_unused_export__ = isBot;
       exports.Nf = userAgentFromString;
       exports.WE = userAgent;
-      var _uaParserJs = _interopRequireDefault(__webpack_require__(491));
+      var _uaParserJs = _interopRequireDefault(__webpack_require__(826));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2291,7 +2287,7 @@
       /***/
     },
 
-    /***/ 229: /***/ (__unused_webpack_module, exports) => {
+    /***/ 880: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2303,7 +2299,7 @@
       /***/
     },
 
-    /***/ 20: /***/ (__unused_webpack_module, exports) => {
+    /***/ 93: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2418,17 +2414,17 @@
       /***/
     },
 
-    /***/ 335: /***/ (
+    /***/ 897: /***/ (
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) => {
       module.exports = {
-        NextRequest: __webpack_require__(989).NextRequest,
-        NextResponse: __webpack_require__(690).NextResponse,
-        userAgentFromString: __webpack_require__(240) /* .userAgentFromString */
+        NextRequest: __webpack_require__(67).NextRequest,
+        NextResponse: __webpack_require__(367).NextResponse,
+        userAgentFromString: __webpack_require__(932) /* .userAgentFromString */
           .Nf,
-        userAgent: __webpack_require__(240) /* .userAgent */.WE
+        userAgent: __webpack_require__(932) /* .userAgent */.WE
       };
 
       /***/
@@ -2438,7 +2434,7 @@
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = moduleId =>
       __webpack_require__((__webpack_require__.s = moduleId));
-    /******/ var __webpack_exports__ = __webpack_exec__(776);
+    /******/ var __webpack_exports__ = __webpack_exec__(457);
     /******/ (_ENTRIES =
       typeof _ENTRIES === "undefined"
         ? {}
Diff for _buildManifest.js
@@ -1,25 +1,25 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-5d085461d4b7e1ee.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-48e41d26ff0101f8.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-6515d1b91fe9c7da.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-71b39a0d29d24c94.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-f7a25bc135f661fc.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-7e272727af269b98.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-6d59dba2fd31bfed.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-a95e3bc2c5ca8245.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-149bb8e9114142f1.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-ab1374092ddca24b.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-6ece0649d14938b8.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-ca038552a2ac93a8.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-b96024db25a24aa3.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-6511e00fa79cd72c.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-e2b7857f2aa86120.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-5675b3cac226c365.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-b4267f8b195f0551.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-f71f04094f7bac04.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-9669d5861da5e10b.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-c2408dd9a1984376.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-c439c95569fb9033.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-f309dfc4eea310f4.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-8b03818d0ed540a0.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-fb06f1f34bce84ca.js"
   ],
   sortedPages: [
     "\u002F",
Diff for _app-HASH.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [888],
   {
-    /***/ 3479: /***/ function(
+    /***/ 122: /***/ 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__(3653);
+          return __webpack_require__(539);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 3653: /***/ function(
+    /***/ 539: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -31,7 +31,7 @@
       var _interop_require_default = __webpack_require__(4648) /* ["default"] */
         .Z;
       var _create_super = __webpack_require__(9504) /* ["default"] */.Z;
-      var _runtimeJs = _interop_require_default(__webpack_require__(739));
+      var _runtimeJs = _interop_require_default(__webpack_require__(3994));
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -49,7 +49,7 @@
       });
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(9496));
-      var _utils = __webpack_require__(8030);
+      var _utils = __webpack_require__(9089);
       function asyncGeneratorStep(
         gen,
         resolve,
@@ -178,7 +178,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 179], function() {
-      return __webpack_exec__(3479), __webpack_exec__(7465);
+      return __webpack_exec__(122), __webpack_exec__(1905);
     });
     /******/ 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],
   {
-    /***/ 2929: /***/ function(
+    /***/ 3560: /***/ 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__(5590);
+          return __webpack_require__(9733);
         }
       ]);
       if (false) {
@@ -24,7 +24,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(2929);
+      return __webpack_exec__(3560);
     });
     /******/ 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],
   {
-    /***/ 94: /***/ function(
+    /***/ 7941: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4634);
+      module.exports = __webpack_require__(79);
 
       /***/
     },
 
-    /***/ 9028: /***/ function(
+    /***/ 8958: /***/ 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__(4628);
+          return __webpack_require__(6534);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 4634: /***/ function(module, exports, __webpack_require__) {
+    /***/ 79: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -36,8 +36,8 @@
       });
       exports.useAmp = useAmp;
       var _react = _interopRequireDefault(__webpack_require__(9496));
-      var _ampContext = __webpack_require__(2054);
-      var _ampMode = __webpack_require__(1122);
+      var _ampContext = __webpack_require__(3131);
+      var _ampMode = __webpack_require__(868);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -66,7 +66,7 @@
       /***/
     },
 
-    /***/ 4628: /***/ function(
+    /***/ 6534: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -83,7 +83,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        94
+        7941
       );
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_amp__WEBPACK_IMPORTED_MODULE_0__
@@ -107,7 +107,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(9028);
+      return __webpack_exec__(8958);
     });
     /******/ 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],
   {
-    /***/ 8281: /***/ function(
+    /***/ 9557: /***/ 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__(1949);
+          return __webpack_require__(4173);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1949: /***/ function(
+    /***/ 4173: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         4637
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        1099
+        2467
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         _css_module_css__WEBPACK_IMPORTED_MODULE_1__
@@ -48,7 +48,7 @@
       /***/
     },
 
-    /***/ 1099: /***/ function(module) {
+    /***/ 2467: /***/ function(module) {
       // extracted by mini-css-extract-plugin
       module.exports = { helloWorld: "css_helloWorld__qqNwY" };
 
@@ -61,7 +61,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8281);
+      return __webpack_exec__(9557);
     });
     /******/ 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],
   {
-    /***/ 2744: /***/ function(
+    /***/ 5695: /***/ 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__(1697);
+          return __webpack_require__(7800);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1926: /***/ function(module, exports, __webpack_require__) {
+    /***/ 7164: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _instanceof = __webpack_require__(3354) /* ["default"] */.Z;
@@ -29,7 +29,7 @@
       exports["default"] = dynamic;
       exports.noSSR = noSSR;
       var _react = _interopRequireDefault(__webpack_require__(9496));
-      var _loadable = _interopRequireDefault(__webpack_require__(4596));
+      var _loadable = _interopRequireDefault(__webpack_require__(4398));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = {
@@ -132,7 +132,7 @@
       /***/
     },
 
-    /***/ 7063: /***/ function(
+    /***/ 7484: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -159,7 +159,7 @@
       /***/
     },
 
-    /***/ 4596: /***/ function(
+    /***/ 4398: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -174,7 +174,7 @@
       });
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(9496));
-      var _loadableContext = __webpack_require__(7063);
+      var _loadableContext = __webpack_require__(7484);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -497,7 +497,7 @@
       /***/
     },
 
-    /***/ 1697: /***/ function(
+    /***/ 7800: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -514,7 +514,7 @@
         4637
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        1605
+        2123
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -523,13 +523,13 @@
       var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         function() {
           return __webpack_require__
-            .e(/* import() */ 437)
-            .then(__webpack_require__.bind(__webpack_require__, 7437));
+            .e(/* import() */ 181)
+            .then(__webpack_require__.bind(__webpack_require__, 1181));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 7437];
+              return [/*require.resolve*/ 1181];
             }
           }
         }
@@ -559,12 +559,12 @@
       /***/
     },
 
-    /***/ 1605: /***/ function(
+    /***/ 2123: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(1926);
+      module.exports = __webpack_require__(7164);
 
       /***/
     },
@@ -666,7 +666,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(2744);
+      return __webpack_exec__(5695);
     });
     /******/ 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],
   {
-    /***/ 4337: /***/ function(
+    /***/ 7148: /***/ 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__(848);
+          return __webpack_require__(6179);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 848: /***/ function(
+    /***/ 6179: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         4637
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8915
+        4616
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -71,12 +71,12 @@
       /***/
     },
 
-    /***/ 8915: /***/ function(
+    /***/ 4616: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4828);
+      module.exports = __webpack_require__(5222);
 
       /***/
     }
@@ -87,7 +87,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4337);
+      return __webpack_exec__(7148);
     });
     /******/ 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],
   {
-    /***/ 4853: /***/ function(
+    /***/ 3515: /***/ 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__(7084);
+          return __webpack_require__(856);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7084: /***/ function(
+    /***/ 856: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -101,7 +101,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4853);
+      return __webpack_exec__(3515);
     });
     /******/ 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],
   {
-    /***/ 7570: /***/ function(
+    /***/ 1487: /***/ 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__(3918);
+          return __webpack_require__(2330);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 2185: /***/ function(module, exports, __webpack_require__) {
+    /***/ 5239: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _define_property = __webpack_require__(8806)["default"];
@@ -29,12 +29,12 @@
       });
       exports["default"] = Image;
       var _react = _interopRequireWildcard(__webpack_require__(9496));
-      var _head = _interopRequireDefault(__webpack_require__(4828));
-      var _imageConfig = __webpack_require__(2204);
-      var _useIntersection = __webpack_require__(6363);
-      var _imageConfigContext = __webpack_require__(1958);
-      var _utils = __webpack_require__(8030);
-      var _normalizeTrailingSlash = __webpack_require__(1872);
+      var _head = _interopRequireDefault(__webpack_require__(5222));
+      var _imageConfig = __webpack_require__(5466);
+      var _useIntersection = __webpack_require__(1311);
+      var _imageConfigContext = __webpack_require__(1801);
+      var _utils = __webpack_require__(9089);
+      var _normalizeTrailingSlash = __webpack_require__(2800);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -1030,7 +1030,7 @@
       /***/
     },
 
-    /***/ 6363: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1311: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _sliced_to_array = __webpack_require__(9574) /* ["default"] */.Z;
@@ -1039,7 +1039,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(9496);
-      var _requestIdleCallback = __webpack_require__(7808);
+      var _requestIdleCallback = __webpack_require__(7307);
       var hasIntersectionObserver = typeof IntersectionObserver !== "undefined";
       function useIntersection(param) {
         var rootRef = param.rootRef,
@@ -1185,7 +1185,7 @@
       /***/
     },
 
-    /***/ 3918: /***/ function(
+    /***/ 2330: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1206,8 +1206,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@17.0.2/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(4637);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_sfoxds7t5ydpegc3knd667wn6m/node_modules/next/image.js
-      var next_image = __webpack_require__(8114);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_sfoxds7t5ydpegc3knd667wn6m/node_modules/next/image.js
+      var next_image = __webpack_require__(4033);
       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",
@@ -1235,12 +1235,12 @@
       /***/
     },
 
-    /***/ 8114: /***/ function(
+    /***/ 4033: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2185);
+      module.exports = __webpack_require__(5239);
 
       /***/
     }
@@ -1251,7 +1251,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(7570);
+      return __webpack_exec__(1487);
     });
     /******/ 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],
   {
-    /***/ 4786: /***/ function(
+    /***/ 6967: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(7245);
+          return __webpack_require__(9257);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7245: /***/ function(
+    /***/ 9257: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -46,7 +46,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(4786);
+      return __webpack_exec__(6967);
     });
     /******/ 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],
   {
-    /***/ 2783: /***/ function(
+    /***/ 9367: /***/ 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__(3122);
+          return __webpack_require__(7178);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7870: /***/ function(module, exports) {
+    /***/ 7280: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 7160: /***/ function(module, exports, __webpack_require__) {
+    /***/ 3952: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _sliced_to_array = __webpack_require__(9574) /* ["default"] */.Z;
@@ -64,13 +64,13 @@
       });
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(9496));
-      var _router = __webpack_require__(1368);
-      var _addLocale = __webpack_require__(3090);
-      var _routerContext = __webpack_require__(9831);
-      var _appRouterContext = __webpack_require__(482);
-      var _useIntersection = __webpack_require__(6363);
-      var _getDomainLocale = __webpack_require__(7870);
-      var _addBasePath = __webpack_require__(596);
+      var _router = __webpack_require__(5920);
+      var _addLocale = __webpack_require__(4841);
+      var _routerContext = __webpack_require__(8940);
+      var _appRouterContext = __webpack_require__(2587);
+      var _useIntersection = __webpack_require__(1311);
+      var _getDomainLocale = __webpack_require__(7280);
+      var _addBasePath = __webpack_require__(9154);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -419,7 +419,7 @@
       /***/
     },
 
-    /***/ 6363: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1311: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       var _sliced_to_array = __webpack_require__(9574) /* ["default"] */.Z;
@@ -428,7 +428,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(9496);
-      var _requestIdleCallback = __webpack_require__(7808);
+      var _requestIdleCallback = __webpack_require__(7307);
       var hasIntersectionObserver = typeof IntersectionObserver !== "undefined";
       function useIntersection(param) {
         var rootRef = param.rootRef,
@@ -574,7 +574,7 @@
       /***/
     },
 
-    /***/ 482: /***/ function(
+    /***/ 2587: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -601,7 +601,7 @@
       /***/
     },
 
-    /***/ 3122: /***/ function(
+    /***/ 7178: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -618,7 +618,7 @@
         4637
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8168
+        8728
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -649,12 +649,12 @@
       /***/
     },
 
-    /***/ 8168: /***/ function(
+    /***/ 8728: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(7160);
+      module.exports = __webpack_require__(3952);
 
       /***/
     }
@@ -665,7 +665,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(2783);
+      return __webpack_exec__(9367);
     });
     /******/ 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],
   {
-    /***/ 5863: /***/ function(
+    /***/ 4538: /***/ 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__(2550);
+          return __webpack_require__(8080);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 2550: /***/ function(
+    /***/ 8080: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         4637
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9393
+        7084
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -57,12 +57,12 @@
       /***/
     },
 
-    /***/ 9393: /***/ function(
+    /***/ 7084: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(7465);
+      module.exports = __webpack_require__(1905);
 
       /***/
     }
@@ -73,7 +73,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5863);
+      return __webpack_exec__(4538);
     });
     /******/ 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],
   {
-    /***/ 581: /***/ function(
+    /***/ 2644: /***/ 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__(6436);
+          return __webpack_require__(9689);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 6436: /***/ function(
+    /***/ 9689: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         4637
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        2311
+        7635
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -70,12 +70,12 @@
       /***/
     },
 
-    /***/ 2311: /***/ function(
+    /***/ 7635: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(5031);
+      module.exports = __webpack_require__(736);
 
       /***/
     }
@@ -86,7 +86,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(581);
+      return __webpack_exec__(2644);
     });
     /******/ 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],
   {
-    /***/ 4573: /***/ function(
+    /***/ 5577: /***/ 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__(5526);
+          return __webpack_require__(237);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5526: /***/ function(
+    /***/ 237: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         4637
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        9393
+        7084
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,12 +54,12 @@
       /***/
     },
 
-    /***/ 9393: /***/ function(
+    /***/ 7084: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(7465);
+      module.exports = __webpack_require__(1905);
 
       /***/
     }
@@ -70,7 +70,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4573);
+      return __webpack_exec__(5577);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;
Diff for 437.HASH.js
@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [437],
+  [181],
   {
-    /***/ 7437: /***/ function(
+    /***/ 1181: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
Diff for framework-HASH.js
@@ -19,7 +19,7 @@
  Modernizr 3.0.0pre (Custom Build) | MIT
 */
       var aa = __webpack_require__(9496),
-        m = __webpack_require__(9260),
+        m = __webpack_require__(2048),
         r = __webpack_require__(8051);
       function y(a) {
         for (
@@ -7895,7 +7895,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      __webpack_require__(9260);
+      __webpack_require__(2048);
       var f = __webpack_require__(9496),
         g = 60103;
       exports.Fragment = 60107;
@@ -7948,7 +7948,7 @@
        * This source code is licensed under the MIT license found in the
        * LICENSE file in the root directory of this source tree.
        */
-      var l = __webpack_require__(9260),
+      var l = __webpack_require__(2048),
         n = 60103,
         p = 60106;
       exports.Fragment = 60107;
Diff for main-HASH.js

Diff too large to display

Diff for webpack-HASH.js
@@ -159,7 +159,7 @@
     /******/ __webpack_require__.u = function(chunkId) {
       /******/ // return url for filenames based on template
       /******/ return (
-        "static/chunks/" + chunkId + "." + "b72a55e4a5d30197" + ".js"
+        "static/chunks/" + chunkId + "." + "040ce93ea5ad99f5" + ".js"
       );
       /******/
     };
Diff for index.html
@@ -11,23 +11,23 @@
       src="/_next/static/chunks/polyfills-0d1b80a048d4787e.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-529d8c2c69cdf0dc.js"
+      src="/_next/static/chunks/webpack-61aca3a754613535.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/framework-8755e6e713f733ae.js"
+      src="/_next/static/chunks/framework-044d557c64574856.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-7182bfe8945e4256.js"
+      src="/_next/static/chunks/main-e0034454f6dd0f20.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-d6801db76c87d8c0.js"
+      src="/_next/static/chunks/pages/_app-a1d7e88cadd6d2cc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/index-5d085461d4b7e1ee.js"
+      src="/_next/static/chunks/pages/index-71b39a0d29d24c94.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for link.html
@@ -11,23 +11,23 @@
       src="/_next/static/chunks/polyfills-0d1b80a048d4787e.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-529d8c2c69cdf0dc.js"
+      src="/_next/static/chunks/webpack-61aca3a754613535.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/framework-8755e6e713f733ae.js"
+      src="/_next/static/chunks/framework-044d557c64574856.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-7182bfe8945e4256.js"
+      src="/_next/static/chunks/main-e0034454f6dd0f20.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-d6801db76c87d8c0.js"
+      src="/_next/static/chunks/pages/_app-a1d7e88cadd6d2cc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/link-6511e00fa79cd72c.js"
+      src="/_next/static/chunks/pages/link-f71f04094f7bac04.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>
Diff for withRouter.html
@@ -11,23 +11,23 @@
       src="/_next/static/chunks/polyfills-0d1b80a048d4787e.js"
     ></script>
     <script
-      src="/_next/static/chunks/webpack-529d8c2c69cdf0dc.js"
+      src="/_next/static/chunks/webpack-61aca3a754613535.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/framework-8755e6e713f733ae.js"
+      src="/_next/static/chunks/framework-044d557c64574856.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-7182bfe8945e4256.js"
+      src="/_next/static/chunks/main-e0034454f6dd0f20.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-d6801db76c87d8c0.js"
+      src="/_next/static/chunks/pages/_app-a1d7e88cadd6d2cc.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/withRouter-8b03818d0ed540a0.js"
+      src="/_next/static/chunks/pages/withRouter-fb06f1f34bce84ca.js"
       defer=""
     ></script>
     <script src="/_next/static/BUILD_ID/_buildManifest.js" defer=""></script>

Default Build with SWC (Increase detected ⚠️)
General Overall increase ⚠️
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
buildDuration 26.4s 27.3s ⚠️ +890ms
buildDurationCached 8.5s 8.5s -6ms
nodeModulesSize 1.85 GB 1.85 GB ⚠️ +23.9 kB
Page Load Tests Overall increase ✓
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
/ failed reqs 0 0
/ total time (seconds) 5.733 5.655 -0.08
/ avg req/sec 436.06 442.1 +6.04
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 2.683 2.625 -0.06
/error-in-render avg req/sec 931.79 952.34 +20.55
Client Bundles (main, webpack)
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
437.HASH.js gzip 178 B 178 B
framework-HASH.js gzip 42.7 kB 42.7 kB
main-HASH.js gzip 30.5 kB 30.4 kB -1 B
webpack-HASH.js gzip 1.54 kB 1.54 kB ⚠️ +1 B
Overall change 74.8 kB 74.8 kB
Legacy Client Bundles (polyfills)
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages Overall increase ⚠️
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
_app-HASH.js gzip 837 B 835 B -2 B
_error-HASH.js gzip 180 B 181 B ⚠️ +1 B
amp-HASH.js gzip 501 B 504 B ⚠️ +3 B
css-HASH.js gzip 326 B 325 B -1 B
dynamic-HASH.js gzip 2.59 kB 2.59 kB ⚠️ +1 B
head-HASH.js gzip 358 B 357 B -1 B
hooks-HASH.js gzip 414 B 414 B
image-HASH.js gzip 5.34 kB 5.34 kB ⚠️ +3 B
index-HASH.js gzip 262 B 262 B
link-HASH.js gzip 2.48 kB 2.49 kB ⚠️ +4 B
routerDirect..HASH.js gzip 323 B 321 B -2 B
script-HASH.js gzip 393 B 392 B -1 B
withRouter-HASH.js gzip 319 B 317 B -2 B
85e02e95b279..7e3.css gzip 107 B 107 B
Overall change 14.4 kB 14.4 kB ⚠️ +3 B
Client Build Manifests
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
_buildManifest.js gzip 458 B 458 B
Overall change 458 B 458 B
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
index.html gzip 530 B 532 B ⚠️ +2 B
link.html gzip 544 B 547 B ⚠️ +3 B
withRouter.html gzip 525 B 525 B
Overall change 1.6 kB 1.6 kB ⚠️ +5 B
Middleware size Overall increase ⚠️
vercel/next.js canary Schniz/next.js edge-api-endpoints Change
middleware-m..st.json gzip 199 B 207 B ⚠️ +8 B
middleware.js gzip 16.9 kB 16.9 kB -4 B
edge-runtime..pack.js gzip 1.79 kB 1.79 kB
Overall change 18.9 kB 18.9 kB ⚠️ +4 B

Diffs

Diff for middleware-manifest.json
@@ -11,5 +11,6 @@
       "wasm": []
     }
   },
+  "functions": {},
   "version": 1
 }
Diff for middleware.js
@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [826],
   {
-    /***/ 776: /***/ (
+    /***/ 457: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -14,7 +14,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        222
+        35
       );
 
       // The condition is true when the "process" module is provided
@@ -24,7 +24,7 @@
         __webpack_require__.g.process = process;
       }
 
-      var mod = __webpack_require__(724);
+      var mod = __webpack_require__(623);
       var handler = mod.middleware || mod.default;
 
       if (typeof handler !== "function") {
@@ -50,7 +50,7 @@
       /***/
     },
 
-    /***/ 724: /***/ (
+    /***/ 623: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -62,7 +62,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        335
+        897
       );
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_server__WEBPACK_IMPORTED_MODULE_0__
@@ -75,7 +75,7 @@
       /***/
     },
 
-    /***/ 734: /***/ (__unused_webpack_module, exports) => {
+    /***/ 242: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -97,7 +97,7 @@
       /***/
     },
 
-    /***/ 893: /***/ (__unused_webpack_module, exports) => {
+    /***/ 936: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -135,7 +135,7 @@
       /***/
     },
 
-    /***/ 142: /***/ (__unused_webpack_module, exports) => {
+    /***/ 846: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -167,7 +167,7 @@
       /***/
     },
 
-    /***/ 777: /***/ (
+    /***/ 893: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -178,8 +178,8 @@
         value: true
       });
       exports.addLocale = addLocale;
-      var _addPathPrefix = __webpack_require__(774);
-      var _pathHasPrefix = __webpack_require__(841);
+      var _addPathPrefix = __webpack_require__(466);
+      var _pathHasPrefix = __webpack_require__(590);
       function addLocale(path, locale, defaultLocale) {
         if (
           locale &&
@@ -198,7 +198,7 @@
       /***/
     },
 
-    /***/ 774: /***/ (
+    /***/ 466: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -209,7 +209,7 @@
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(70);
+      var _parsePath = __webpack_require__(422);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -221,7 +221,7 @@
       /***/
     },
 
-    /***/ 114: /***/ (
+    /***/ 458: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -232,7 +232,7 @@
         value: true
       });
       exports.addPathSuffix = addPathSuffix;
-      var _parsePath = __webpack_require__(70);
+      var _parsePath = __webpack_require__(422);
       function addPathSuffix(path, suffix) {
         if (!path.startsWith("/") || !suffix) {
           return path;
@@ -244,16 +244,20 @@
       /***/
     },
 
-    /***/ 36: /***/ (__unused_webpack_module, exports, __webpack_require__) => {
+    /***/ 613: /***/ (
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
       exports.formatNextPathnameInfo = formatNextPathnameInfo;
-      var _addPathPrefix = __webpack_require__(774);
-      var _addPathSuffix = __webpack_require__(114);
-      var _addLocale = __webpack_require__(777);
+      var _addPathPrefix = __webpack_require__(466);
+      var _addPathSuffix = __webpack_require__(458);
+      var _addLocale = __webpack_require__(893);
       function formatNextPathnameInfo(info) {
         let pathname = (0, _addLocale).addLocale(
           info.pathname,
@@ -278,7 +282,7 @@
       /***/
     },
 
-    /***/ 763: /***/ (
+    /***/ 769: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -289,9 +293,9 @@
         value: true
       });
       exports.getNextPathnameInfo = getNextPathnameInfo;
-      var _normalizeLocalePath = __webpack_require__(142);
-      var _removePathPrefix = __webpack_require__(565);
-      var _pathHasPrefix = __webpack_require__(841);
+      var _normalizeLocalePath = __webpack_require__(846);
+      var _removePathPrefix = __webpack_require__(344);
+      var _pathHasPrefix = __webpack_require__(590);
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
         const { basePath, i18n, trailingSlash } =
@@ -347,7 +351,7 @@
       /***/
     },
 
-    /***/ 70: /***/ (__unused_webpack_module, exports) => {
+    /***/ 422: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -383,7 +387,7 @@
       /***/
     },
 
-    /***/ 841: /***/ (
+    /***/ 590: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -394,7 +398,7 @@
         value: true
       });
       exports.pathHasPrefix = pathHasPrefix;
-      var _parsePath = __webpack_require__(70);
+      var _parsePath = __webpack_require__(422);
       function pathHasPrefix(path, prefix) {
         if (typeof path !== "string") {
           return false;
@@ -406,7 +410,7 @@
       /***/
     },
 
-    /***/ 564: /***/ (__unused_webpack_module, exports) => {
+    /***/ 52: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -425,7 +429,7 @@
       /***/
     },
 
-    /***/ 565: /***/ (
+    /***/ 344: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -436,7 +440,7 @@
         value: true
       });
       exports.removePathPrefix = removePathPrefix;
-      var _pathHasPrefix = __webpack_require__(841);
+      var _pathHasPrefix = __webpack_require__(590);
       function removePathPrefix(path, prefix) {
         if ((0, _pathHasPrefix).pathHasPrefix(path, prefix)) {
           const withoutPrefix = path.slice(prefix.length);
@@ -450,7 +454,7 @@
       /***/
     },
 
-    /***/ 748: /***/ module => {
+    /***/ 54: /***/ module => {
       var __dirname = "/";
       (() => {
         "use
Post job cleanup.
[command]/usr/bin/git version
git version 2.36.1
Temporarily overriding HOME='/home/runner/work/_temp/0c1d1cd5-5391-427b-b237-2793da019126' 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 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 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: c1e7de1fe65958552d4b6d6a8412c2eb177e6a3a

@cramforce
Copy link
Contributor

Is this ready? Yes, let's change to experimental-edge

This reverts commit 210fa39, and
re-introduces Edge API endpoints as a possible runtime selection in API
endpoints.

This is done by exporting a `config` object:

```ts
export config = { runtime: 'edge' }
```

Note: `'edge'` will probably change into `'experimental-edge'` to show
that this is experimental and the API might change in the future.
@ijjk
Copy link
Member

ijjk commented Jun 12, 2022

Failing test suites

Commit: d46ad49

pnpm testheadless test/unit/parse-page-runtime.test.ts

  • parse page runtime config > should parse edge runtime correctly
Expand output

● parse page runtime config › should parse edge runtime correctly

expect(received).toBe(expected) // Object.is equality

Expected: "edge"
Received: undefined

  32 |       nextConfig: createNextConfig(),
  33 |     })
> 34 |     expect(runtime).toBe('edge')
     |                     ^
  35 |   })
  36 |
  37 |   it('should return undefined if no runtime is specified', async () => {

  at Object.<anonymous> (unit/parse-page-runtime.test.ts:34:21)

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

pnpm testheadless test/integration/react-streaming-and-server-components/test/switchable-runtime.test.js

  • Switchable runtime (dev) > should build /api/hello as an api route with edge runtime
  • Switchable runtime (prod) > should build /edge as a dynamic page with the edge runtime
  • Switchable runtime (prod) > should build /edge-rsc as a dynamic page with the edge runtime
  • Switchable runtime (prod) > should build /api/hello as an api route with edge runtime
  • Switchable runtime (prod) > should display correct tree view with page types in terminal
Expand output

● Switchable runtime (prod) › should build /edge as a dynamic page with the edge runtime

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

Expected substring: "Runtime: Edge"
Received string:    "<!DOCTYPE html><html><head><meta charSet=\"utf-8\"/><meta name=\"viewport\" content=\"width=device-width\"/><meta name=\"next-head-count\" content=\"2\"/><noscript data-n-css=\"\"></noscript><script defer=\"\" nomodule=\"\" src=\"/_next/static/chunks/polyfills-0d1b80a048d4787e.js\"></script><script src=\"/_next/static/chunks/webpack-69bfa6990bb9e155.js\" defer=\"\"></script><script src=\"/_next/static/chunks/framework-e00508462bfc4f59.js\" defer=\"\"></script><script src=\"/_next/static/chunks/main-1422dc684b947791.js\" defer=\"\"></script><script src=\"/_next/static/chunks/pages/_app-f2b1252189300905.js\" defer=\"\"></script><script src=\"/_next/static/chunks/pages/edge-865fc568a7d4a9ee.js\" defer=\"\"></script><script src=\"/_next/static/3eZ_a8EjODsBFaAaZiGoB/_buildManifest.js\" defer=\"\"></script><script src=\"/_next/static/3eZ_a8EjODsBFaAaZiGoB/_ssgManifest.js\" defer=\"\"></script><script src=\"/_next/static/3eZ_a8EjODsBFaAaZiGoB/_middlewareManifest.js\" defer=\"\"></script></head><body><div id=\"__next\"><div class=\"app-client-root\" data-title=\"\"><div>This is a SSR page.<!-- --><br/><span id=\"__runtime\">Runtime: Node.js v16.15.1</span><br/><span id=\"__time\">Time: 1655031110435</span></div></div></div><script id=\"__NEXT_DATA__\" type=\"application/json\">{\"props\":{\"pageProps\":{}},\"page\":\"/edge\",\"query\":{},\"buildId\":\"3eZ_a8EjODsBFaAaZiGoB\",\"nextExport\":true,\"autoExport\":true,\"isFallback\":false,\"scriptLoader\":[]}</script></body></html>"

  52 |   const html1 = await renderViaHTTP(appPort, url)
  53 |   const renderedAt1 = +html1.match(/Time: (\d+)/)[1]
> 54 |   expect(html1).toContain(`Runtime: ${isEdge ? 'Edge' : 'Node.js'}`)
     |                 ^
  55 |
  56 |   const html2 = await renderViaHTTP(appPort, url)
  57 |   const renderedAt2 = +html2.match(/Time: (\d+)/)[1]

  at testRoute (integration/react-streaming-and-server-components/test/switchable-runtime.test.js:54:17)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/switchable-runtime.test.js:165:5)

● Switchable runtime (prod) › should build /edge-rsc as a dynamic page with the edge runtime

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

Expected substring: "Runtime: Edge"
Received string:    "<!DOCTYPE html><html><head><meta charSet=\"utf-8\"/><meta name=\"viewport\" content=\"width=device-width\"/><meta name=\"next-head-count\" content=\"2\"/><noscript data-n-css=\"\"></noscript><script defer=\"\" nomodule=\"\" src=\"/_next/static/chunks/polyfills-0d1b80a048d4787e.js\"></script><script src=\"/_next/static/chunks/webpack-69bfa6990bb9e155.js\" defer=\"\"></script><script src=\"/_next/static/chunks/framework-e00508462bfc4f59.js\" defer=\"\"></script><script src=\"/_next/static/chunks/main-1422dc684b947791.js\" defer=\"\"></script><script src=\"/_next/static/chunks/pages/_app-f2b1252189300905.js\" defer=\"\"></script><script src=\"/_next/static/chunks/pages/edge-rsc-aa209079c1f183c1.js\" defer=\"\"></script><script src=\"/_next/static/3eZ_a8EjODsBFaAaZiGoB/_buildManifest.js\" defer=\"\"></script><script src=\"/_next/static/3eZ_a8EjODsBFaAaZiGoB/_ssgManifest.js\" defer=\"\"></script><script src=\"/_next/static/3eZ_a8EjODsBFaAaZiGoB/_middlewareManifest.js\" defer=\"\"></script></head><body><div id=\"__next\"><div class=\"app-client-root\" data-title=\"\"><div>This is a SSR RSC page.<!-- --><br/><span id=\"__runtime\">Runtime: Node.js v16.15.1</span><br/><span id=\"__time\">Time: 1655031110467</span></div></div></div><script>(self.__next_s=self.__next_s||[]).push([0,\"/edge-rsc,:R6:\"])</script><script>(self.__next_s=self.__next_s||[]).push([1,\"/edge-rsc,:R6:\",\"J0:[\\\"$\\\",\\\"div\\\",null,{\\\"children\\\":[\\\"This is a SSR RSC page.\\\",[\\\"$\\\",\\\"br\\\",null,{}],[\\\"$\\\",\\\"span\\\",null,{\\\"id\\\":\\\"__runtime\\\",\\\"children\\\":\\\"Runtime: Node.js v16.15.1\\\"}],[\\\"$\\\",\\\"br\\\",null,{}],[\\\"$\\\",\\\"span\\\",null,{\\\"id\\\":\\\"__time\\\",\\\"children\\\":\\\"Time: 1655031110467\\\"}]]}]\\n\"])</script><script id=\"__NEXT_DATA__\" type=\"application/json\">{\"props\":{\"pageProps\":{}},\"page\":\"/edge-rsc\",\"query\":{},\"buildId\":\"3eZ_a8EjODsBFaAaZiGoB\",\"nextExport\":true,\"isFallback\":false,\"rsc\":true,\"scriptLoader\":[]}</script></body></html>"

  52 |   const html1 = await renderViaHTTP(appPort, url)
  53 |   const renderedAt1 = +html1.match(/Time: (\d+)/)[1]
> 54 |   expect(html1).toContain(`Runtime: ${isEdge ? 'Edge' : 'Node.js'}`)
     |                 ^
  55 |
  56 |   const html2 = await renderViaHTTP(appPort, url)
  57 |   const renderedAt2 = +html2.match(/Time: (\d+)/)[1]

  at testRoute (integration/react-streaming-and-server-components/test/switchable-runtime.test.js:54:17)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/switchable-runtime.test.js:172:5)

● Switchable runtime (prod) › should build /api/hello as an api route with edge runtime

thrown: "Exceeded timeout of 90000 ms for a test.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."

  176 |   })
  177 |
> 178 |   it('should build /api/hello as an api route with edge runtime', async () => {
      |   ^
  179 |     const response = await fetchViaHTTP(context.appPort, '/api/hello')
  180 |     const text = await response.text()
  181 |     expect(text).toMatch(/Hello from .+\/api\/hello/)

  at integration/react-streaming-and-server-components/test/switchable-runtime.test.js:178:3
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/switchable-runtime.test.js:69:1)

● Switchable runtime (prod) › should display correct tree view with page types in terminal

expect(received).toEqual(expected) // deep equality

- Expected  - 3
+ Received  + 3

@@ -1,12 +1,12 @@
  Array [
    "┌   /_app",
    "├ ○ /404",
-   "├ ℇ /api/hello",
+   "├ λ /api/hello",
    "├ λ /api/node",
-   "├ ℇ /edge",
-   "├ ℇ /edge-rsc",
+   "├ ○ /edge",
+   "├ ● /edge-rsc",
    "├ ○ /node",
    "├ ● /node-rsc",
    "├ ● /node-rsc-isr",
    "├ ● /node-rsc-ssg",
    "├ λ /node-rsc-ssr",

  230 |     })
  231 |
> 232 |     expect(mappedOutputLines).toEqual(expectedOutputLines)
      |                               ^
  233 |   })
  234 |
  235 |   it('should prefetch data for static pages', async () => {

  at Object.<anonymous> (integration/react-streaming-and-server-components/test/switchable-runtime.test.js:232:31)

● Switchable runtime (dev) › should build /api/hello as an api route with edge runtime

thrown: "Exceeded timeout of 90000 ms for a test.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."

  373 |   })
  374 |
> 375 |   it('should build /api/hello as an api route with edge runtime', async () => {
      |   ^
  376 |     const response = await fetchViaHTTP(context.appPort, '/api/hello')
  377 |     const text = await response.text()
  378 |     expect(text).toMatch(/Hello from .+\/api\/hello/)

  at integration/react-streaming-and-server-components/test/switchable-runtime.test.js:375:3
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/switchable-runtime.test.js:312:1)

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

pnpm testheadless test/integration/react-streaming-and-server-components/test/index.test.js

  • CSS prod > should include global styles under runtime: 'edge'
  • CSS prod > should include global styles with serverComponents: true
  • CSS prod > should include css modules with serverComponents: true
  • Edge runtime - errors > should warn user that native node APIs are not supported
  • Edge runtime dev > should support streaming for fizz response
  • Edge runtime dev > should support partial hydration with inlined server data
  • Edge runtime dev > should not stream to crawlers or google pagerender bot
  • Edge runtime prod > should render 500 error correctly
  • Edge runtime prod > should render fallback if error raised from suspense during streaming
  • Edge runtime prod > should support streaming for fizz response
  • Edge runtime prod > should support streaming for flight response
  • Edge runtime prod > should support partial hydration with inlined server data
  • Edge runtime prod > should not stream to crawlers or google pagerender bot
  • Edge runtime prod > should support api routes
  • Edge runtime prod > should render server components correctly
  • Edge runtime prod > should reuse the inline flight response without sending extra requests
  • Edge runtime prod > should support multi-level server component imports
  • Edge runtime prod > should resolve different kinds of components correctly
  • Edge runtime prod > should support next/link in server components
  • Edge runtime prod > should render dynamic routes correctly
  • Edge runtime prod > should be able to navigate between rsc pages
  • Edge runtime prod > should handle streaming server components correctly
  • Edge runtime prod > should escape streaming data correctly
  • Edge runtime prod > should suspense next/image in server components
  • Edge runtime prod > should refresh correctly with next/link
  • Edge runtime prod > should not pick browser field from package.json for external libraries
  • Edge runtime prod > should handle various kinds of exports correctly
  • Edge runtime prod > should support native modules in server component
  • Edge runtime prod > should support the re-export syntax in server component
  • Edge runtime prod > should SSR styled-jsx correctly
  • Edge runtime prod > should handle 404 requests and missing routes correctly
  • Edge runtime prod > should generate middleware SSR manifests for edge runtime
  • Edge runtime prod > should have clientInfo in middleware manifest
  • Node.js runtime dev > should support streaming for fizz response
  • Node.js runtime dev > should support partial hydration with inlined server data
  • Node.js runtime dev > should not stream to crawlers or google pagerender bot
  • Node.js runtime prod > should render 500 error correctly
  • Node.js runtime prod > should render fallback if error raised from suspense during streaming
  • Node.js runtime prod > should support streaming for fizz response
  • Node.js runtime prod > should support streaming for flight response
  • Node.js runtime prod > should support partial hydration with inlined server data
  • Node.js runtime prod > should not stream to crawlers or google pagerender bot
  • Node.js runtime prod > should support api routes
  • Node.js runtime prod > should render server components correctly
  • Node.js runtime prod > should reuse the inline flight response without sending extra requests
  • Node.js runtime prod > should support multi-level server component imports
  • Node.js runtime prod > should resolve different kinds of components correctly
  • Node.js runtime prod > should support next/link in server components
  • Node.js runtime prod > should render dynamic routes correctly
  • Node.js runtime prod > should be able to navigate between rsc pages
  • Node.js runtime prod > should handle streaming server components correctly
  • Node.js runtime prod > should escape streaming data correctly
  • Node.js runtime prod > should refresh correctly with next/link
  • Node.js runtime prod > should not pick browser field from package.json for external libraries
  • Node.js runtime prod > should handle various kinds of exports correctly
  • Node.js runtime prod > should support native modules in server component
  • Node.js runtime prod > should support the re-export syntax in server component
  • Node.js runtime prod > should SSR styled-jsx correctly
  • Node.js runtime prod > should handle 404 requests and missing routes correctly
  • Node.js runtime prod > should generate middleware SSR manifests for Node.js
Expand output

● Edge runtime - errors › should warn user that native node APIs are not supported

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

Expected substring: "You're using a Node.js module (dns) which is not supported in the Edge Runtime.
Learn more: https://nextjs.org/docs/api-reference/edge-runtime"
Received string:    "warn  - You have enabled experimental feature(s).
warn  - Experimental features are not covered by semver, and may cause unexpected or broken application behavior. Use them at your own risk.·
warn  - The Next.js plugin was not detected in your ESLint configuration. See https://nextjs.org/docs/basic-features/eslint#migrating-existing-config
warn  - You have experimental React Server Components enabled. Continue at your own risk.
"

  48 |       stderr: true,
  49 |     })
> 50 |     expect(stderr).toContain(fsImportedErrorMessage)
     |                    ^
  51 |   })
  52 | })
  53 |

  at Object.<anonymous> (integration/react-streaming-and-server-components/test/index.test.js:50:20)

● Node.js runtime dev › should support streaming for fizz response

expect(received).toBe(expected) // Object.is equality

Expected: false
Received: true

  30 |             gotFallback = result.includes('next_streaming_fallback')
  31 |             if (gotFallback) {
> 32 |               expect(gotData).toBe(false)
     |                               ^
  33 |             }
  34 |           }
  35 |         })

  at onData (integration/react-streaming-and-server-components/test/streaming.js:32:31)
  at Gunzip.<anonymous> (integration/react-streaming-and-server-components/test/streaming.js:12:7)

● Node.js runtime dev › should support streaming for fizz response

thrown: "Exceeded timeout of 90000 ms for a test.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."

  19 |
  20 | export default function (context, { env, runtime }) {
> 21 |   it('should support streaming for fizz response', async () => {
     |   ^
  22 |     await fetchViaHTTP(context.appPort, '/streaming', null, {}).then(
  23 |       async (response) => {
  24 |         let gotFallback = false

  at Object._default [as default] (integration/react-streaming-and-server-components/test/streaming.js:21:3)
  at Object.runTests (integration/react-streaming-and-server-components/test/index.test.js:137:14)
  at lib/next-test-utils.js:792:13
  at runSuite (lib/next-test-utils.js:754:3)
  at Object.runDevSuite (lib/next-test-utils.js:803:10)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/index.test.js:182:64)

● Node.js runtime dev › should support partial hydration with inlined server data

expect(received).toBe(expected) // Object.is equality

Expected: false
Received: true

  68 |             gotFallback = result.includes('next_streaming_fallback')
  69 |             if (gotFallback) {
> 70 |               expect(gotData).toBe(false)
     |                               ^
  71 |               expect(gotInlinedData).toBe(false)
  72 |             }
  73 |           }

  at onData (integration/react-streaming-and-server-components/test/streaming.js:70:31)
  at Gunzip.<anonymous> (integration/react-streaming-and-server-components/test/streaming.js:12:7)

● Node.js runtime dev › should support partial hydration with inlined server data

thrown: "Exceeded timeout of 90000 ms for a test.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."

  55 |   })
  56 |
> 57 |   it('should support partial hydration with inlined server data', async () => {
     |   ^
  58 |     await fetchViaHTTP(context.appPort, '/partial-hydration', null, {}).then(
  59 |       async (response) => {
  60 |         let gotFallback = false

  at Object._default [as default] (integration/react-streaming-and-server-components/test/streaming.js:57:3)
  at Object.runTests (integration/react-streaming-and-server-components/test/index.test.js:137:14)
  at lib/next-test-utils.js:792:13
  at runSuite (lib/next-test-utils.js:754:3)
  at Object.runDevSuite (lib/next-test-utils.js:803:10)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/index.test.js:182:64)

● Node.js runtime dev › should not stream to crawlers or google pagerender bot

expect(received).toBe(expected) // Object.is equality

Expected: "next_streaming_data"
Received: "next_streaming_fallback"

  126 |     const body = await getNodeBySelector(html, '#__next')
  127 |     // Resolve data instead of fallback
> 128 |     expect(body.text()).toBe('next_streaming_data')
      |                         ^
  129 |
  130 |     if (runtime === 'nodejs') {
  131 |       expect(res1.headers.get('etag')).toBeDefined()

  at Object.<anonymous> (integration/react-streaming-and-server-components/test/streaming.js:128:25)

● Node.js runtime prod › should render 500 error correctly

FetchError: request to http://localhost:32895/err/render failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should render fallback if error raised from suspense during streaming

FetchError: request to http://localhost:32895/err/suspense failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should support streaming for fizz response

FetchError: request to http://localhost:32895/streaming failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should support streaming for flight response

FetchError: request to http://localhost:32895/?__flight__=1 failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should support partial hydration with inlined server data

FetchError: request to http://localhost:32895/partial-hydration failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should not stream to crawlers or google pagerender bot

FetchError: request to http://localhost:32895/streaming? failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should support api routes

FetchError: request to http://localhost:32895/api/ping failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should render server components correctly

FetchError: request to http://localhost:32895/ failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should reuse the inline flight response without sending extra requests

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:32895/
=========================== logs ===========================
navigating to "http://localhost:32895/", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:62:5)

● Node.js runtime prod › should support multi-level server component imports

FetchError: request to http://localhost:32895/multi failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should resolve different kinds of components correctly

FetchError: request to http://localhost:32895/shared failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should support next/link in server components

FetchError: request to http://localhost:32895/next-api/link failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should render dynamic routes correctly

FetchError: request to http://localhost:32895/routes/dynamic1 failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should be able to navigate between rsc pages

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:32895/
=========================== logs ===========================
navigating to "http://localhost:32895/", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:161:21)

● Node.js runtime prod › should handle streaming server components correctly

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:32895/streaming-rsc
=========================== logs ===========================
navigating to "http://localhost:32895/streaming-rsc", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:187:21)

● Node.js runtime prod › should escape streaming data correctly

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:32895/escaping-rsc
=========================== logs ===========================
navigating to "http://localhost:32895/escaping-rsc", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:195:21)

● Node.js runtime prod › should refresh correctly with next/link

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:32895/
=========================== logs ===========================
navigating to "http://localhost:32895/", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:217:21)

● Node.js runtime prod › should not pick browser field from package.json for external libraries

FetchError: request to http://localhost:32895/external-imports failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should handle various kinds of exports correctly

FetchError: request to http://localhost:32895/various-exports failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should support native modules in server component

FetchError: request to http://localhost:32895/native-module failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should support the re-export syntax in server component

FetchError: request to http://localhost:32895/re-export failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should SSR styled-jsx correctly

FetchError: request to http://localhost:32895/styled-jsx failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should handle 404 requests and missing routes correctly

FetchError: request to http://localhost:32895/404 failed, reason: connect ECONNREFUSED 127.0.0.1:32895

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Node.js runtime prod › should generate middleware SSR manifests for Node.js

expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false

  159 |         requiredServerFiles.forEach((file) => {
  160 |           const requiredFilePath = join(appDir, file)
> 161 |           expect(fs.existsSync(requiredFilePath)).toBe(true)
      |                                                   ^
  162 |         })
  163 |       })
  164 |     }

  at forEach (integration/react-streaming-and-server-components/test/index.test.js:161:51)
      at Array.forEach (<anonymous>)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/index.test.js:159:29)

● Edge runtime dev › should support streaming for fizz response

expect(received).toBe(expected) // Object.is equality

Expected: false
Received: true

  30 |             gotFallback = result.includes('next_streaming_fallback')
  31 |             if (gotFallback) {
> 32 |               expect(gotData).toBe(false)
     |                               ^
  33 |             }
  34 |           }
  35 |         })

  at onData (integration/react-streaming-and-server-components/test/streaming.js:32:31)
  at Gunzip.<anonymous> (integration/react-streaming-and-server-components/test/streaming.js:12:7)

● Edge runtime dev › should support streaming for fizz response

thrown: "Exceeded timeout of 90000 ms for a test.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."

  19 |
  20 | export default function (context, { env, runtime }) {
> 21 |   it('should support streaming for fizz response', async () => {
     |   ^
  22 |     await fetchViaHTTP(context.appPort, '/streaming', null, {}).then(
  23 |       async (response) => {
  24 |         let gotFallback = false

  at Object._default [as default] (integration/react-streaming-and-server-components/test/streaming.js:21:3)
  at Object.runTests (integration/react-streaming-and-server-components/test/index.test.js:59:14)
  at lib/next-test-utils.js:792:13
  at runSuite (lib/next-test-utils.js:754:3)
  at Object.runDevSuite (lib/next-test-utils.js:803:10)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/index.test.js:184:59)

● Edge runtime dev › should support partial hydration with inlined server data

expect(received).toBe(expected) // Object.is equality

Expected: false
Received: true

  68 |             gotFallback = result.includes('next_streaming_fallback')
  69 |             if (gotFallback) {
> 70 |               expect(gotData).toBe(false)
     |                               ^
  71 |               expect(gotInlinedData).toBe(false)
  72 |             }
  73 |           }

  at onData (integration/react-streaming-and-server-components/test/streaming.js:70:31)
  at Gunzip.<anonymous> (integration/react-streaming-and-server-components/test/streaming.js:12:7)

● Edge runtime dev › should support partial hydration with inlined server data

thrown: "Exceeded timeout of 90000 ms for a test.
Use jest.setTimeout(newTimeout) to increase the timeout value, if this is a long-running test."

  55 |   })
  56 |
> 57 |   it('should support partial hydration with inlined server data', async () => {
     |   ^
  58 |     await fetchViaHTTP(context.appPort, '/partial-hydration', null, {}).then(
  59 |       async (response) => {
  60 |         let gotFallback = false

  at Object._default [as default] (integration/react-streaming-and-server-components/test/streaming.js:57:3)
  at Object.runTests (integration/react-streaming-and-server-components/test/index.test.js:59:14)
  at lib/next-test-utils.js:792:13
  at runSuite (lib/next-test-utils.js:754:3)
  at Object.runDevSuite (lib/next-test-utils.js:803:10)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/index.test.js:184:59)

● Edge runtime dev › should not stream to crawlers or google pagerender bot

expect(received).toBe(expected) // Object.is equality

Expected: "next_streaming_data"
Received: "next_streaming_fallback"

  126 |     const body = await getNodeBySelector(html, '#__next')
  127 |     // Resolve data instead of fallback
> 128 |     expect(body.text()).toBe('next_streaming_data')
      |                         ^
  129 |
  130 |     if (runtime === 'nodejs') {
  131 |       expect(res1.headers.get('etag')).toBeDefined()

  at Object.<anonymous> (integration/react-streaming-and-server-components/test/streaming.js:128:25)

● Edge runtime prod › should render 500 error correctly

FetchError: request to http://localhost:37289/err/render failed, reason: socket hang up

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should render fallback if error raised from suspense during streaming

FetchError: request to http://localhost:37289/err/suspense failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should support streaming for fizz response

FetchError: request to http://localhost:37289/streaming failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should support streaming for flight response

FetchError: request to http://localhost:37289/?__flight__=1 failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should support partial hydration with inlined server data

FetchError: request to http://localhost:37289/partial-hydration failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should not stream to crawlers or google pagerender bot

FetchError: request to http://localhost:37289/streaming? failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should support api routes

FetchError: request to http://localhost:37289/api/ping failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should render server components correctly

FetchError: request to http://localhost:37289/ failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should reuse the inline flight response without sending extra requests

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:37289/
=========================== logs ===========================
navigating to "http://localhost:37289/", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:62:5)

● Edge runtime prod › should support multi-level server component imports

FetchError: request to http://localhost:37289/multi failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should resolve different kinds of components correctly

FetchError: request to http://localhost:37289/shared failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should support next/link in server components

FetchError: request to http://localhost:37289/next-api/link failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should render dynamic routes correctly

FetchError: request to http://localhost:37289/routes/dynamic1 failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should be able to navigate between rsc pages

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:37289/
=========================== logs ===========================
navigating to "http://localhost:37289/", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:161:21)

● Edge runtime prod › should handle streaming server components correctly

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:37289/streaming-rsc
=========================== logs ===========================
navigating to "http://localhost:37289/streaming-rsc", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:187:21)

● Edge runtime prod › should escape streaming data correctly

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:37289/escaping-rsc
=========================== logs ===========================
navigating to "http://localhost:37289/escaping-rsc", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:195:21)

● Edge runtime prod › should suspense next/image in server components

FetchError: request to http://localhost:37289/next-api/image failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should refresh correctly with next/link

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:37289/
=========================== logs ===========================
navigating to "http://localhost:37289/", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/rsc.js:217:21)

● Edge runtime prod › should not pick browser field from package.json for external libraries

FetchError: request to http://localhost:37289/external-imports failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should handle various kinds of exports correctly

FetchError: request to http://localhost:37289/various-exports failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should support native modules in server component

FetchError: request to http://localhost:37289/native-module failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should support the re-export syntax in server component

FetchError: request to http://localhost:37289/re-export failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should SSR styled-jsx correctly

FetchError: request to http://localhost:37289/styled-jsx failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should handle 404 requests and missing routes correctly

FetchError: request to http://localhost:37289/404 failed, reason: connect ECONNREFUSED 127.0.0.1:37289

  at ClientRequest.<anonymous> (../node_modules/.pnpm/node-fetch@2.6.7/node_modules/node-fetch/lib/index.js:1491:11)

● Edge runtime prod › should generate middleware SSR manifests for edge runtime

expect(received).toBe(expected) // Object.is equality

Expected: true
Received: false

   97 |         requiredServerFiles.forEach((file) => {
   98 |           const requiredFilePath = join(appDir, file)
>  99 |           expect(fs.existsSync(requiredFilePath)).toBe(true)
      |                                                   ^
  100 |         })
  101 |       })
  102 |

  at forEach (integration/react-streaming-and-server-components/test/index.test.js:99:51)
      at Array.forEach (<anonymous>)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/index.test.js:97:29)

● Edge runtime prod › should have clientInfo in middleware manifest

expect(received).toContainEqual(expected) // deep equality

Expected value: ["/next-api/image", true]
Received array: [["/", true], ["/next-api/link", true], ["/routes/[dynamic]", true]]

  116 |           ['/routes/[dynamic]', true],
  117 |         ]) {
> 118 |           expect(content.clientInfo).toContainEqual(item)
      |                                      ^
  119 |         }
  120 |         expect(content.clientInfo).not.toContainEqual([['/404', true]])
  121 |       })

  at Object.<anonymous> (integration/react-streaming-and-server-components/test/index.test.js:118:38)

● CSS prod › should include global styles under runtime: 'edge'

page.goto: net::ERR_EMPTY_RESPONSE at http://localhost:32829/global-styles
=========================== logs ===========================
navigating to "http://localhost:32829/global-styles", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/css.js:6:21)

● CSS prod › should include global styles with serverComponents: true

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:32829/global-styles-rsc
=========================== logs ===========================
navigating to "http://localhost:32829/global-styles-rsc", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/css.js:13:21)

● CSS prod › should include css modules with serverComponents: true

page.goto: net::ERR_CONNECTION_REFUSED at http://localhost:32829/css-modules
=========================== logs ===========================
navigating to "http://localhost:32829/css-modules", waiting until "load"
============================================================

  149 |       this.activeTrace = encodeURIComponent(url)
  150 |     }
> 151 |     await page.goto(url, { waitUntil: 'load' })
      |                ^
  152 |   }
  153 |
  154 |   back(): BrowserInterface {

  at Playwright.loadPage (lib/browsers/playwright.ts:151:16)
  at Object.webdriver [as default] (lib/next-webdriver.ts:106:3)
  at Object.<anonymous> (integration/react-streaming-and-server-components/test/css.js:21:21)

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

@Schniz Schniz marked this pull request as ready for review June 12, 2022 12:02
: ssr || ssg
? config?.runtime || nextConfig.experimental?.runtime
: undefined
let runtime = ['experimental-edge', 'edge'].includes(config?.runtime)
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Supporting both 'experimental-edge' and 'edge', to keep compatibility with the RSC tests. WDYT @shuding @cramforce

Copy link
Contributor

Choose a reason for hiding this comment

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

Works for me. I mostly care about what we document.

@cramforce cramforce merged commit b62bb97 into vercel:canary Jun 13, 2022
@wiesson
Copy link
Contributor

wiesson commented Jun 13, 2022

Is Nextjs on Vercel able to run completely on Edge? Or "only" API endpoints that are located in the api folder?

@@ -0,0 +1,7 @@
export default (req) => {
return new Response(`Hello from ${req.url}`)
Copy link

Choose a reason for hiding this comment

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

With the runtime set to edge, it seems the request body is always empty (e.g. POST requests), or am I missing something?

kodiakhq bot pushed a commit that referenced this pull request Jun 20, 2022
This PR enables Edge API endpoints to receive a body.
This wasn't in the original PR, as thankfully pointed out by @zaiste in [this comment](#37481 (comment)) 🙏

## Related

- Fixes #37821

## Bug

- [x] Related issues linked using `fixes #number`
- [x] Integration tests added
- [ ] Errors have helpful link attached, see `contributing.md`
@github-actions github-actions bot locked as resolved and limited conversation to collaborators Jul 21, 2022
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.

6 participants