Fix CSS imports tree-shaking #41357

shuding · 2022-10-12T12:15:02Z

The way we currently track server CSS imports is to collect CSS files that each module depends on. This happens on the module graph level which is a global thing and cannot be tree-shaken properly (check the enabled test for more details).

In this PR we collect another information, of CSS files that each entrypoint depends on. This is the CSS list after tree-shaken on the entry level. By intersecting these CSS imports with the module-level CSS imports, we can get the final used CSS imports for each layout.

cc @hanneslund

Bug

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

Feature

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

Documentation / Examples

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

ijjk · 2022-10-12T12:42:32Z

Stats from current PR

Default Build (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary	shuding/next.js shu/5173	Change
buildDuration	31.6s	30.8s	-739ms
buildDurationCached	12.9s	9.6s	-3.3s
nodeModulesSize	93.9 MB	93.9 MB	⚠️ +20.7 kB
nextStartRea..uration (ms)	285ms	273ms	-12ms
nextDevReadyDuration	327ms	329ms	⚠️ +2ms

Page Load Tests Overall increase ✓

	vercel/next.js canary	shuding/next.js shu/5173	Change
/ failed reqs	0	0	✓
/ total time (seconds)	9.55	9.407	-0.14
/ avg req/sec	261.77	265.75	+3.98
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	6.242	6.101	-0.14
/error-in-render avg req/sec	400.51	409.74	+9.23

Client Bundles (main, webpack) Overall increase ⚠️

	vercel/next.js canary	shuding/next.js shu/5173	Change
27.HASH.js gzip	177 B	179 B	⚠️ +2 B
348-HASH.js gzip	12.8 kB	12.8 kB	⚠️ +12 B
app-internal..HASH.js gzip	408 B	406 B	-2 B
framework-HASH.js gzip	48.7 kB	48.7 kB	✓
main-app-HASH.js gzip	4.38 kB	4.38 kB	⚠️ +2 B
main-HASH.js gzip	31.4 kB	31.5 kB	⚠️ +26 B
webpack-HASH.js gzip	1.73 kB	1.73 kB	-3 B
Overall change	99.6 kB	99.6 kB	⚠️ +37 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary	shuding/next.js shu/5173	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall decrease ✓

	vercel/next.js canary	shuding/next.js shu/5173	Change
_app-HASH.js gzip	202 B	201 B	-1 B
_error-HASH.js gzip	195 B	194 B	-1 B
amp-HASH.js gzip	493 B	492 B	-1 B
css-HASH.js gzip	327 B	328 B	⚠️ +1 B
dynamic-HASH.js gzip	2.03 kB	2.03 kB	⚠️ +2 B
edge-ssr-HASH.js gzip	272 B	272 B	✓
head-HASH.js gzip	355 B	356 B	⚠️ +1 B
hooks-HASH.js gzip	805 B	804 B	-1 B
image-HASH.js gzip	4.89 kB	4.89 kB	⚠️ +3 B
index-HASH.js gzip	262 B	264 B	⚠️ +2 B
link-HASH.js gzip	2.37 kB	2.36 kB	-9 B
routerDirect..HASH.js gzip	322 B	320 B	-2 B
script-HASH.js gzip	391 B	391 B	✓
withRouter-HASH.js gzip	319 B	318 B	-1 B
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	13.3 kB	13.3 kB	-7 B

Client Build Manifests

	vercel/next.js canary	shuding/next.js shu/5173	Change
_buildManifest.js gzip	484 B	484 B	✓
Overall change	484 B	484 B	✓

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary	shuding/next.js shu/5173	Change
index.html gzip	512 B	512 B	✓
link.html gzip	525 B	526 B	⚠️ +1 B
withRouter.html gzip	507 B	507 B	✓
Overall change	1.54 kB	1.54 kB	⚠️ +1 B

Edge SSR bundle Size Overall increase ⚠️

	vercel/next.js canary	shuding/next.js shu/5173	Change
edge-ssr.js gzip	58 kB	58 kB	-9 B
page.js gzip	88.3 kB	88.4 kB	⚠️ +103 B
Overall change	146 kB	146 kB	⚠️ +94 B

Middleware size Overall decrease ✓

	vercel/next.js canary	shuding/next.js shu/5173	Change
middleware-b..fest.js gzip	606 B	605 B	-1 B
middleware-r..fest.js gzip	145 B	145 B	✓
middleware.js gzip	18.6 kB	18.6 kB	-3 B
edge-runtime..pack.js gzip	1.83 kB	1.83 kB	✓
Overall change	21.2 kB	21.2 kB	-4 B

Diffs

Diff for page.js

Diff too large to display

Diff for middleware-b..-manifest.js

@@ -7,96 +7,96 @@ self.__BUILD_MANIFEST = {
     "static/BUILD_ID/_ssgManifest.js"
   ],
   rootMainFiles: [
-    "static/chunks/webpack-ff882831ec0849af.js",
-    "static/chunks/framework-b11e50df1bb3c9a6.js",
-    "static/chunks/348-cd24ac9e82a3415a.js",
-    "static/chunks/main-app-9a9c03720ca0cef2.js"
+    "static/chunks/webpack-2c4117ebc42a0173.js",
+    "static/chunks/framework-1c550577ef415f93.js",
+    "static/chunks/453-a9824ae56d1011e0.js",
+    "static/chunks/main-app-f3ec04c2940f1b14.js"
   ],
   pages: {
     "/": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/index-8f8df33b6b56a893.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/index-05aab9219f31b17e.js"
     ],
     "/_app": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/_app-4c8f8db28ded8df4.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/_app-6949af07e56e49b7.js"
     ],
     "/_error": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/_error-a05ed569030d31cf.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/_error-205cf4435d5ba48b.js"
     ],
     "/amp": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/amp-96e086d56d84ecf3.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/amp-6a7082101c10b2eb.js"
     ],
     "/css": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
       "static/css/94fdbc56eafa2039.css",
-      "static/chunks/pages/css-428970b9517fb836.js"
+      "static/chunks/pages/css-f197b4212dd3ac17.js"
     ],
     "/dynamic": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/dynamic-a0721d65b4a79d61.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/dynamic-fac852909072e207.js"
     ],
     "/edge-ssr": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/edge-ssr-75aef063be641ae2.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/edge-ssr-14f1db2c51bd6d3c.js"
     ],
     "/head": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/head-d37064300b3c4db4.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/head-3a161ed8d6ff708b.js"
     ],
     "/hooks": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/hooks-f42908d1274536db.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/hooks-d4b75595d8872d26.js"
     ],
     "/image": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/image-00cb9e4e08435c04.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/image-9b0b2b8e18d5b568.js"
     ],
     "/link": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/link-aad9043ab7abaab9.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/link-65bc8c47c357f010.js"
     ],
     "/routerDirect": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/routerDirect-b5e7495986c1e9ee.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/routerDirect-c7389de6fab068c3.js"
     ],
     "/script": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/script-076b8f5bf519ceb6.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/script-ec437cd8939c3756.js"
     ],
     "/withRouter": [
-      "static/chunks/webpack-ff882831ec0849af.js",
-      "static/chunks/framework-b11e50df1bb3c9a6.js",
-      "static/chunks/main-d2f892525a946951.js",
-      "static/chunks/pages/withRouter-572b4af651a903bd.js"
+      "static/chunks/webpack-2c4117ebc42a0173.js",
+      "static/chunks/framework-1c550577ef415f93.js",
+      "static/chunks/main-2ef4834451490f87.js",
+      "static/chunks/pages/withRouter-63d31065422c4eeb.js"
     ]
   },
   ampFirstPages: []

Diff for middleware-r..-manifest.js

@@ -1,6 +1,6 @@
 self.__REACT_LOADABLE_MANIFEST = {
   "dynamic.js -> ../components/hello": {
-    id: 2774,
-    files: ["static/chunks/27.084ec41a5ec09432.js"]
+    id: 3201,
+    files: ["static/chunks/201.8fecc5db6af0c0fc.js"]
   }
 };

Diff for middleware.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [826],
   {
-    /***/ 3802: /***/ (
+    /***/ 2945: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -14,13 +14,13 @@
         /* harmony export */
       });
       /* harmony import */ var next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        9965
+        4402
       );
 
       (0,
       next_dist_server_web_adapter__WEBPACK_IMPORTED_MODULE_0__ /* .enhanceGlobals */.gL)();
 
-      var mod = __webpack_require__(5702);
+      var mod = __webpack_require__(3594);
       var handler = mod.middleware || mod.default;
 
       if (typeof handler !== "function") {
@@ -46,7 +46,7 @@
       /***/
     },
 
-    /***/ 5702: /***/ (
+    /***/ 3594: /***/ (
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -58,7 +58,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        8646
+        253
       );
       /* harmony import */ var next_server__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_server__WEBPACK_IMPORTED_MODULE_0__
@@ -71,7 +71,7 @@
       /***/
     },
 
-    /***/ 2941: /***/ (__unused_webpack_module, exports) => {
+    /***/ 658: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -91,7 +91,7 @@
       /***/
     },
 
-    /***/ 733: /***/ (__unused_webpack_module, exports) => {
+    /***/ 2911: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -129,7 +129,7 @@
       /***/
     },
 
-    /***/ 5236: /***/ (__unused_webpack_module, exports) => {
+    /***/ 7324: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -161,7 +161,7 @@
       /***/
     },
 
-    /***/ 2098: /***/ (
+    /***/ 7773: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -172,8 +172,8 @@
         value: true
       });
       exports.addLocale = addLocale;
-      var _addPathPrefix = __webpack_require__(7620);
-      var _pathHasPrefix = __webpack_require__(929);
+      var _addPathPrefix = __webpack_require__(3366);
+      var _pathHasPrefix = __webpack_require__(7838);
       function addLocale(path, locale, defaultLocale, ignorePrefix) {
         if (
           locale &&
@@ -193,7 +193,7 @@
       /***/
     },
 
-    /***/ 7620: /***/ (
+    /***/ 3366: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -204,7 +204,7 @@
         value: true
       });
       exports.addPathPrefix = addPathPrefix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function addPathPrefix(path, prefix) {
         if (!path.startsWith("/") || !prefix) {
           return path;
@@ -216,7 +216,7 @@
       /***/
     },
 
-    /***/ 1315: /***/ (
+    /***/ 6734: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -227,7 +227,7 @@
         value: true
       });
       exports.addPathSuffix = addPathSuffix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function addPathSuffix(path, suffix) {
         if (!path.startsWith("/") || !suffix) {
           return path;
@@ -239,7 +239,7 @@
       /***/
     },
 
-    /***/ 4865: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8483: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -272,7 +272,7 @@
       /***/
     },
 
-    /***/ 5468: /***/ (
+    /***/ 9209: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -283,10 +283,10 @@
         value: true
       });
       exports.formatNextPathnameInfo = formatNextPathnameInfo;
-      var _removeTrailingSlash = __webpack_require__(1861);
-      var _addPathPrefix = __webpack_require__(7620);
-      var _addPathSuffix = __webpack_require__(1315);
-      var _addLocale = __webpack_require__(2098);
+      var _removeTrailingSlash = __webpack_require__(5303);
+      var _addPathPrefix = __webpack_require__(3366);
+      var _addPathSuffix = __webpack_require__(6734);
+      var _addLocale = __webpack_require__(7773);
       function formatNextPathnameInfo(info) {
         let pathname = (0, _addLocale).addLocale(
           info.pathname,
@@ -317,7 +317,7 @@
       /***/
     },
 
-    /***/ 142: /***/ (
+    /***/ 4199: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -328,9 +328,9 @@
         value: true
       });
       exports.getNextPathnameInfo = getNextPathnameInfo;
-      var _normalizeLocalePath = __webpack_require__(5236);
-      var _removePathPrefix = __webpack_require__(2046);
-      var _pathHasPrefix = __webpack_require__(929);
+      var _normalizeLocalePath = __webpack_require__(7324);
+      var _removePathPrefix = __webpack_require__(7457);
+      var _pathHasPrefix = __webpack_require__(7838);
       function getNextPathnameInfo(pathname, options) {
         var _nextConfig;
         const { basePath, i18n, trailingSlash } =
@@ -380,7 +380,7 @@
       /***/
     },
 
-    /***/ 5956: /***/ (__unused_webpack_module, exports) => {
+    /***/ 6003: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -414,7 +414,7 @@
       /***/
     },
 
-    /***/ 929: /***/ (
+    /***/ 7838: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -425,7 +425,7 @@
         value: true
       });
       exports.pathHasPrefix = pathHasPrefix;
-      var _parsePath = __webpack_require__(5956);
+      var _parsePath = __webpack_require__(6003);
       function pathHasPrefix(path, prefix) {
         if (typeof path !== "string") {
           return false;
@@ -437,7 +437,7 @@
       /***/
     },
 
-    /***/ 3754: /***/ (__unused_webpack_module, exports) => {
+    /***/ 1448: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -456,7 +456,7 @@
       /***/
     },
 
-    /***/ 2046: /***/ (
+    /***/ 7457: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -467,7 +467,7 @@
         value: true
       });
       exports.removePathPrefix = removePathPrefix;
-      var _pathHasPrefix = __webpack_require__(929);
+      var _pathHasPrefix = __webpack_require__(7838);
       function removePathPrefix(path, prefix) {
         if ((0, _pathHasPrefix).pathHasPrefix(path, prefix)) {
           const withoutPrefix = path.slice(prefix.length);
@@ -481,7 +481,7 @@
       /***/
     },
 
-    /***/ 1861: /***/ (__unused_webpack_module, exports) => {
+    /***/ 5303: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -495,7 +495,7 @@
       /***/
     },
 
-    /***/ 4825: /***/ module => {
+    /***/ 965: /***/ module => {
       var __dirname = "/";
       (() => {
         "use strict";
@@ -623,7 +623,7 @@
       /***/
     },
 
-    /***/ 3980: /***/ (module, exports, __webpack_require__) => {
+    /***/ 4803: /***/ (module, exports, __webpack_require__) => {
       var __dirname = "/";
       var __WEBPACK_AMD_DEFINE_RESULT__;
       (() => {
@@ -1465,7 +1465,7 @@
       /***/
     },
 
-    /***/ 2831: /***/ (__unused_webpack_module, exports) => {
+    /***/ 8784: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1507,7 +1507,7 @@
       /***/
     },
 
-    /***/ 9965: /***/ (
+    /***/ 4402: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1521,15 +1521,15 @@
       exports.VL = adapter;
       exports.OT = blockUnallowedResponse;
       exports.gL = enhanceGlobals;
-      var _error = __webpack_require__(3975);
-      var _utils = __webpack_require__(1657);
-      var _fetchEvent = __webpack_require__(1745);
-      var _request = __webpack_require__(3371);
-      var _response = __webpack_require__(9062);
-      var _relativizeUrl = __webpack_require__(3754);
-      var _nextUrl = __webpack_require__(130);
-      var _internalUtils = __webpack_require__(2831);
-      var _appPaths = __webpack_require__(4865);
+      var _error = __webpack_require__(6140);
+      var _utils = __webpack_require__(4867);
+      var _fetchEvent = __webpack_require__(1222);
+      var _request = __webpack_require__(6751);
+      var _response = __webpack_require__(1244);
+      var _relativizeUrl = __webpack_require__(1448);
+      var _nextUrl = __webpack_require__(7329);
+      var _internalUtils = __webpack_require__(8784);
+      var _appPaths = __webpack_require__(8483);
       class NextRequestHint extends _request.NextRequest {
         constructor(params) {
           super(params.input, params.init);
@@ -1771,7 +1771,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3975: /***/ (__unused_webpack_module, exports) => {
+    /***/ 6140: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -1812,7 +1812,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 130: /***/ (
+    /***/ 7329: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -1822,10 +1822,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _detectDomainLocale = __webpack_require__(733);
-      var _formatNextPathnameInfo = __webpack_require__(5468);
-      var _getHostname = __webpack_require__(2941);
-      var _getNextPathnameInfo = __webpack_require__(142);
+      var _detectDomainLocale = __webpack_require__(2911);
+      var _formatNextPathnameInfo = __webpack_require__(9209);
+      var _getHostname = __webpack_require__(658);
+      var _getNextPathnameInfo = __webpack_require__(4199);
       const REGEX_LOCALHOST_HOSTNAME = /(?!^https?:\/\/)(127(?:\.(?:25[0-5]|2[0-4][0-9]|[01]?[0-9][0-9]?)){3}|::1|localhost)/;
       function parseURL(url, base) {
         return new URL(
@@ -2050,7 +2050,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3265: /***/ (
+    /***/ 1552: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2060,7 +2060,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _cookie = _interopRequireDefault(__webpack_require__(4825));
+      var _cookie = _interopRequireDefault(__webpack_require__(965));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2195,7 +2195,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1745: /***/ (
+    /***/ 1222: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2206,7 +2206,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.waitUntilSymbol = void 0;
-      var _error = __webpack_require__(3975);
+      var _error = __webpack_require__(6140);
       const responseSymbol = Symbol("response");
       const passThroughSymbol = Symbol("passThrough");
       const waitUntilSymbol = Symbol("waitUntil");
@@ -2259,7 +2259,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 3371: /***/ (
+    /***/ 6751: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2270,10 +2270,10 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
         value: true
       });
       exports.INTERNALS = void 0;
-      var _nextUrl = __webpack_require__(130);
-      var _utils = __webpack_require__(1657);
-      var _error = __webpack_require__(3975);
-      var _cookies = __webpack_require__(3265);
+      var _nextUrl = __webpack_require__(7329);
+      var _utils = __webpack_require__(4867);
+      var _error = __webpack_require__(6140);
+      var _cookies = __webpack_require__(1552);
       const INTERNALS = Symbol("internal request");
       exports.INTERNALS = INTERNALS;
       class NextRequest extends Request {
@@ -2354,7 +2354,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 9062: /***/ (
+    /***/ 1244: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2364,9 +2364,9 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
-      var _nextUrl = __webpack_require__(130);
-      var _utils = __webpack_require__(1657);
-      var _cookies = __webpack_require__(3265);
+      var _nextUrl = __webpack_require__(7329);
+      var _utils = __webpack_require__(4867);
+      var _cookies = __webpack_require__(1552);
       const INTERNALS = Symbol("internal response");
       const REDIRECTS = new Set([301, 302, 303, 307, 308]);
       class NextResponse extends Response {
@@ -2456,7 +2456,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1264: /***/ (
+    /***/ 4112: /***/ (
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -2470,7 +2470,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       __webpack_unused_export__ = isBot;
       exports.Nf = userAgentFromString;
       exports.WE = userAgent;
-      var _uaParserJs = _interopRequireDefault(__webpack_require__(3980));
+      var _uaParserJs = _interopRequireDefault(__webpack_require__(4803));
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
           ? obj
@@ -2498,7 +2498,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 1657: /***/ (__unused_webpack_module, exports) => {
+    /***/ 4867: /***/ (__unused_webpack_module, exports) => {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -2613,14 +2613,14 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
       /***/
     },
 
-    /***/ 8646: /***/ (module, exports, __webpack_require__) => {
+    /***/ 253: /***/ (module, exports, __webpack_require__) => {
       const serverExports = {
-        NextRequest: __webpack_require__(3371).NextRequest,
-        NextResponse: __webpack_require__(9062).NextResponse,
+        NextRequest: __webpack_require__(6751).NextRequest,
+        NextResponse: __webpack_require__(1244).NextResponse,
         userAgentFromString: __webpack_require__(
-          1264
+          4112
         ) /* .userAgentFromString */.Nf,
-        userAgent: __webpack_require__(1264) /* .userAgent */.WE
+        userAgent: __webpack_require__(4112) /* .userAgent */.WE
       };
 
       if (typeof URLPattern !== "undefined") {
@@ -2646,7 +2646,7 @@ Learn More: https://nextjs.org/docs/messages/node-module-in-edge-runtime`;
     // webpackRuntimeModules
     /******/ var __webpack_exec__ = moduleId =>
       __webpack_require__((__webpack_require__.s = moduleId));
-    /******/ var __webpack_exports__ = __webpack_exec__(3802);
+    /******/ var __webpack_exports__ = __webpack_exec__(2945);
     /******/ (_ENTRIES =
       typeof _ENTRIES === "undefined"
         ? {}

Diff for edge-ssr.js

Diff too large to display

Diff for _buildManifest.js

@@ -1,28 +1,28 @@
 self.__BUILD_MANIFEST = {
   __rewrites: { beforeFiles: [], afterFiles: [], fallback: [] },
-  "/": ["static\u002Fchunks\u002Fpages\u002Findex-8f8df33b6b56a893.js"],
-  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-a05ed569030d31cf.js"],
-  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-96e086d56d84ecf3.js"],
+  "/": ["static\u002Fchunks\u002Fpages\u002Findex-05aab9219f31b17e.js"],
+  "/_error": ["static\u002Fchunks\u002Fpages\u002F_error-205cf4435d5ba48b.js"],
+  "/amp": ["static\u002Fchunks\u002Fpages\u002Famp-6a7082101c10b2eb.js"],
   "/css": [
     "static\u002Fcss\u002F94fdbc56eafa2039.css",
-    "static\u002Fchunks\u002Fpages\u002Fcss-428970b9517fb836.js"
+    "static\u002Fchunks\u002Fpages\u002Fcss-f197b4212dd3ac17.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-a0721d65b4a79d61.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-fac852909072e207.js"
   ],
   "/edge-ssr": [
-    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-75aef063be641ae2.js"
+    "static\u002Fchunks\u002Fpages\u002Fedge-ssr-14f1db2c51bd6d3c.js"
   ],
-  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-d37064300b3c4db4.js"],
-  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-f42908d1274536db.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-00cb9e4e08435c04.js"],
-  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-aad9043ab7abaab9.js"],
+  "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-3a161ed8d6ff708b.js"],
+  "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-d4b75595d8872d26.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-9b0b2b8e18d5b568.js"],
+  "/link": ["static\u002Fchunks\u002Fpages\u002Flink-65bc8c47c357f010.js"],
   "/routerDirect": [
-    "static\u002Fchunks\u002Fpages\u002FrouterDirect-b5e7495986c1e9ee.js"
+    "static\u002Fchunks\u002Fpages\u002FrouterDirect-c7389de6fab068c3.js"
   ],
-  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-076b8f5bf519ceb6.js"],
+  "/script": ["static\u002Fchunks\u002Fpages\u002Fscript-ec437cd8939c3756.js"],
   "/withRouter": [
-    "static\u002Fchunks\u002Fpages\u002FwithRouter-572b4af651a903bd.js"
+    "static\u002Fchunks\u002Fpages\u002FwithRouter-63d31065422c4eeb.js"
   ],
   sortedPages: [
     "\u002F",

Diff for _app-HASH.js

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

Diff for _error-HASH.js

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

Diff for amp-HASH.js

@@ -1,17 +1,17 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [216],
   {
-    /***/ 3485: /***/ function(
+    /***/ 7481: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3840);
+      module.exports = __webpack_require__(6240);
 
       /***/
     },
 
-    /***/ 6530: /***/ function(
+    /***/ 2880: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -19,7 +19,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/amp",
         function() {
-          return __webpack_require__(3815);
+          return __webpack_require__(5810);
         }
       ]);
       if (false) {
@@ -28,7 +28,7 @@
       /***/
     },
 
-    /***/ 3840: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6240: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -38,8 +38,8 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _ampContext = __webpack_require__(6799);
-      var _ampMode = __webpack_require__(6032);
+      var _ampContext = __webpack_require__(7825);
+      var _ampMode = __webpack_require__(6357);
       function useAmp() {
         // Don't assign the context value to a variable to save bytes
         return (0, _ampMode).isInAmpMode(
@@ -61,7 +61,7 @@
       /***/
     },
 
-    /***/ 3815: /***/ function(
+    /***/ 5810: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -78,7 +78,7 @@
         /* harmony export */
       });
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(
-        3485
+        7481
       );
       /* harmony import */ var next_amp__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/ __webpack_require__.n(
         next_amp__WEBPACK_IMPORTED_MODULE_0__
@@ -102,7 +102,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [888, 774, 179], function() {
-      return __webpack_exec__(6530);
+      return __webpack_exec__(2880);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for css-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [706],
   {
-    /***/ 631: /***/ function(
+    /***/ 1737: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/css",
         function() {
-          return __webpack_require__(9817);
+          return __webpack_require__(2146);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 9817: /***/ function(
+    /***/ 2146: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -29,7 +29,7 @@
         1760
       );
       /* harmony import */ var _css_module_css__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        5550
+        3892
       );
       /* 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 @@
       /***/
     },
 
-    /***/ 5550: /***/ function(module) {
+    /***/ 3892: /***/ 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__(631);
+      return __webpack_exec__(1737);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for dynamic-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [739],
   {
-    /***/ 8963: /***/ function(
+    /***/ 9051: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/dynamic",
         function() {
-          return __webpack_require__(26);
+          return __webpack_require__(3768);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 292: /***/ function(module, exports, __webpack_require__) {
+    /***/ 4517: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -34,7 +34,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _loadable = _interop_require_default(__webpack_require__(9749));
+      var _loadable = _interop_require_default(__webpack_require__(7792));
       function dynamic(dynamicOptions, options) {
         var loadableFn = _loadable.default;
         var loadableOptions = (options == null
@@ -137,7 +137,7 @@
       /***/
     },
 
-    /***/ 3824: /***/ function(
+    /***/ 4511: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -159,7 +159,7 @@
       /***/
     },
 
-    /***/ 9749: /***/ function(
+    /***/ 7792: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -179,7 +179,7 @@
       var _interop_require_default = __webpack_require__(7022) /* ["default"] */
         .Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _loadableContext = __webpack_require__(3824);
+      var _loadableContext = __webpack_require__(4511);
       var useSyncExternalStore = (true ? __webpack_require__(6273) : 0)
         .useSyncExternalStore;
       var ALL_INITIALIZERS = [];
@@ -493,7 +493,7 @@
       /***/
     },
 
-    /***/ 26: /***/ function(
+    /***/ 3768: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -510,7 +510,7 @@
         1760
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        6706
+        9477
       );
       /* harmony import */ var next_dynamic__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_dynamic__WEBPACK_IMPORTED_MODULE_1__
@@ -519,13 +519,13 @@
       var DynamicHello = next_dynamic__WEBPACK_IMPORTED_MODULE_1___default()(
         function() {
           return __webpack_require__
-            .e(/* import() */ 27)
-            .then(__webpack_require__.bind(__webpack_require__, 2774));
+            .e(/* import() */ 201)
+            .then(__webpack_require__.bind(__webpack_require__, 3201));
         },
         {
           loadableGenerated: {
             webpack: function() {
-              return [/*require.resolve*/ 2774];
+              return [/*require.resolve*/ 3201];
             }
           }
         }
@@ -555,12 +555,12 @@
       /***/
     },
 
-    /***/ 6706: /***/ function(
+    /***/ 9477: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(292);
+      module.exports = __webpack_require__(4517);
 
       /***/
     }
@@ -571,7 +571,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8963);
+      return __webpack_exec__(9051);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for edge-ssr-HASH.js

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

Diff for head-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [645],
   {
-    /***/ 8780: /***/ function(
+    /***/ 2116: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/head",
         function() {
-          return __webpack_require__(5268);
+          return __webpack_require__(6355);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5268: /***/ function(
+    /***/ 6355: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        8722
+        8631
       );
       /* harmony import */ var next_head__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_head__WEBPACK_IMPORTED_MODULE_1__
@@ -71,12 +71,12 @@
       /***/
     },
 
-    /***/ 8722: /***/ function(
+    /***/ 8631: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(8985);
+      module.exports = __webpack_require__(2792);
 
       /***/
     }
@@ -87,7 +87,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(8780);
+      return __webpack_exec__(2116);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for hooks-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [757],
   {
-    /***/ 4076: /***/ function(
+    /***/ 1042: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/hooks",
         function() {
-          return __webpack_require__(4903);
+          return __webpack_require__(1467);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 4903: /***/ function(
+    /***/ 1467: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -132,7 +132,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(4076);
+      return __webpack_exec__(1042);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for image-HASH.js

@@ -26,7 +26,7 @@
       /***/
     },
 
-    /***/ 7735: /***/ function(
+    /***/ 7865: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -34,7 +34,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/image",
         function() {
-          return __webpack_require__(7375);
+          return __webpack_require__(8908);
         }
       ]);
       if (false) {
@@ -43,7 +43,7 @@
       /***/
     },
 
-    /***/ 4998: /***/ function(module, exports, __webpack_require__) {
+    /***/ 9022: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -66,12 +66,12 @@
         5997
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _head = _interop_require_default(__webpack_require__(8985));
-      var _imageConfig = __webpack_require__(5167);
-      var _useIntersection = __webpack_require__(4173);
-      var _imageConfigContext = __webpack_require__(9692);
-      var _utils = __webpack_require__(400);
-      var _normalizeTrailingSlash = __webpack_require__(5212);
+      var _head = _interop_require_default(__webpack_require__(2792));
+      var _imageConfig = __webpack_require__(6615);
+      var _useIntersection = __webpack_require__(636);
+      var _imageConfigContext = __webpack_require__(907);
+      var _utils = __webpack_require__(632);
+      var _normalizeTrailingSlash = __webpack_require__(4267);
       function Image(_param) {
         var src = _param.src,
           sizes = _param.sizes,
@@ -929,7 +929,7 @@
       /***/
     },
 
-    /***/ 4173: /***/ function(module, exports, __webpack_require__) {
+    /***/ 636: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -941,7 +941,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(6273);
-      var _requestIdleCallback = __webpack_require__(9874);
+      var _requestIdleCallback = __webpack_require__(8332);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -1066,7 +1066,7 @@
       /***/
     },
 
-    /***/ 7375: /***/ function(
+    /***/ 8908: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -1087,8 +1087,8 @@
 
       // EXTERNAL MODULE: ./node_modules/.pnpm/react@0.0.0-experimental-cb5084d1c-20220924/node_modules/react/jsx-runtime.js
       var jsx_runtime = __webpack_require__(1760);
-      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+main-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/image.js
-      var next_image = __webpack_require__(1769);
+      // EXTERNAL MODULE: ./node_modules/.pnpm/file+..+diff-repo+packages+next+next-packed.tgz_bah4pvzs5m2jsombgoz6nngonm/node_modules/next/image.js
+      var next_image = __webpack_require__(3608);
       var image_default = /*#__PURE__*/ __webpack_require__.n(next_image); // CONCATENATED MODULE: ./pages/nextjs.png
       /* harmony default export */ var nextjs = {
         src: "/_next/static/media/nextjs.cae0b805.png",
@@ -1118,12 +1118,12 @@
       /***/
     },
 
-    /***/ 1769: /***/ function(
+    /***/ 3608: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(4998);
+      module.exports = __webpack_require__(9022);
 
       /***/
     }
@@ -1134,7 +1134,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(7735);
+      return __webpack_exec__(7865);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for index-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [405],
   {
-    /***/ 2047: /***/ function(
+    /***/ 1239: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/",
         function() {
-          return __webpack_require__(5444);
+          return __webpack_require__(6544);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 5444: /***/ function(
+    /***/ 6544: /***/ 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__(2047);
+      return __webpack_exec__(1239);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for link-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [644],
   {
-    /***/ 9279: /***/ function(
+    /***/ 485: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/link",
         function() {
-          return __webpack_require__(1747);
+          return __webpack_require__(6837);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1311: /***/ function(module, exports) {
+    /***/ 2258: /***/ function(module, exports) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -54,7 +54,7 @@
       /***/
     },
 
-    /***/ 3478: /***/ function(module, exports, __webpack_require__) {
+    /***/ 8636: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -72,13 +72,13 @@
         5997
       ) /* ["default"] */.Z;
       var _react = _interop_require_default(__webpack_require__(6273));
-      var _router = __webpack_require__(8678);
-      var _addLocale = __webpack_require__(9579);
-      var _routerContext = __webpack_require__(2170);
-      var _appRouterContext = __webpack_require__(2313);
-      var _useIntersection = __webpack_require__(4173);
-      var _getDomainLocale = __webpack_require__(1311);
-      var _addBasePath = __webpack_require__(7878);
+      var _router = __webpack_require__(739);
+      var _addLocale = __webpack_require__(775);
+      var _routerContext = __webpack_require__(1853);
+      var _appRouterContext = __webpack_require__(9935);
+      var _useIntersection = __webpack_require__(636);
+      var _getDomainLocale = __webpack_require__(2258);
+      var _addBasePath = __webpack_require__(8758);
       ("use client");
       var prefetched = {};
       function prefetch(router, href, as, options) {
@@ -430,7 +430,7 @@
       /***/
     },
 
-    /***/ 4173: /***/ function(module, exports, __webpack_require__) {
+    /***/ 636: /***/ function(module, exports, __webpack_require__) {
       "use strict";
 
       Object.defineProperty(exports, "__esModule", {
@@ -442,7 +442,7 @@
       });
       exports.useIntersection = useIntersection;
       var _react = __webpack_require__(6273);
-      var _requestIdleCallback = __webpack_require__(9874);
+      var _requestIdleCallback = __webpack_require__(8332);
       var hasIntersectionObserver = typeof IntersectionObserver === "function";
       var observers = new Map();
       var idList = [];
@@ -567,7 +567,7 @@
       /***/
     },
 
-    /***/ 2313: /***/ function(
+    /***/ 9935: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -595,7 +595,7 @@
       /***/
     },
 
-    /***/ 1747: /***/ function(
+    /***/ 6837: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -612,7 +612,7 @@
         1760
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        7892
+        1777
       );
       /* harmony import */ var next_link__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_link__WEBPACK_IMPORTED_MODULE_1__
@@ -643,12 +643,12 @@
       /***/
     },
 
-    /***/ 7892: /***/ function(
+    /***/ 1777: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(3478);
+      module.exports = __webpack_require__(8636);
 
       /***/
     }
@@ -659,7 +659,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(9279);
+      return __webpack_exec__(485);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for routerDirect-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [58],
   {
-    /***/ 5847: /***/ function(
+    /***/ 4500: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/routerDirect",
         function() {
-          return __webpack_require__(7646);
+          return __webpack_require__(7359);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7646: /***/ function(
+    /***/ 7359: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3318
+        9073
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -56,12 +56,12 @@
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 9073: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2670);
+      module.exports = __webpack_require__(1897);
 
       /***/
     }
@@ -72,7 +72,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5847);
+      return __webpack_exec__(4500);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for script-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [797],
   {
-    /***/ 7992: /***/ function(
+    /***/ 7140: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/script",
         function() {
-          return __webpack_require__(7821);
+          return __webpack_require__(8186);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 7821: /***/ function(
+    /***/ 8186: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3785
+        4861
       );
       /* harmony import */ var next_script__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_script__WEBPACK_IMPORTED_MODULE_1__
@@ -70,12 +70,12 @@
       /***/
     },
 
-    /***/ 3785: /***/ function(
+    /***/ 4861: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = false ? 0 : __webpack_require__(2460);
+      module.exports = false ? 0 : __webpack_require__(3512);
 
       /***/
     }
@@ -86,7 +86,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(7992);
+      return __webpack_exec__(7140);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for withRouter-HASH.js

@@ -1,7 +1,7 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [807],
   {
-    /***/ 5996: /***/ function(
+    /***/ 3377: /***/ function(
       __unused_webpack_module,
       __unused_webpack_exports,
       __webpack_require__
@@ -9,7 +9,7 @@
       (window.__NEXT_P = window.__NEXT_P || []).push([
         "/withRouter",
         function() {
-          return __webpack_require__(1177);
+          return __webpack_require__(6716);
         }
       ]);
       if (false) {
@@ -18,7 +18,7 @@
       /***/
     },
 
-    /***/ 1177: /***/ function(
+    /***/ 6716: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__
@@ -35,7 +35,7 @@
         1760
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(
-        3318
+        9073
       );
       /* harmony import */ var next_router__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/ __webpack_require__.n(
         next_router__WEBPACK_IMPORTED_MODULE_1__
@@ -54,12 +54,12 @@
       /***/
     },
 
-    /***/ 3318: /***/ function(
+    /***/ 9073: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(2670);
+      module.exports = __webpack_require__(1897);
 
       /***/
     }
@@ -70,7 +70,7 @@
       return __webpack_require__((__webpack_require__.s = moduleId));
     };
     /******/ __webpack_require__.O(0, [774, 888, 179], function() {
-      return __webpack_exec__(5996);
+      return __webpack_exec__(3377);
     });
     /******/ var __webpack_exports__ = __webpack_require__.O();
     /******/ _N_E = __webpack_exports__;

Diff for 27.HASH.js

@@ -1,8 +1,8 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [27],
+  [201],
   {
-    /***/ 2774: /***/ function(
+    /***/ 3201: /***/ function(
       __unused_webpack_module,
       __webpack_exports__,
       __webpack_require__

Diff for 348-HASH.js

@@ -1,6 +1,6 @@
 "use strict";
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
-  [348],
+  [453],
   {
     /***/ 8286: /***/ function(__unused_webpack_module, exports) {
       Object.defineProperty(exports, "__esModule", {
@@ -711,7 +711,7 @@
       /***/
     },
 
-    /***/ 431: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1114: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -727,12 +727,12 @@
         8889
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _reactServerDomWebpack = __webpack_require__(6769);
-      var _appRouterContext = __webpack_require__(2313);
-      var _reducer = __webpack_require__(4392);
-      var _hooksClientContext = __webpack_require__(7410);
-      var _useReducerWithDevtools = __webpack_require__(2354);
-      var _errorBoundary = __webpack_require__(2802);
+      var _reactServerDomWebpack = __webpack_require__(2418);
+      var _appRouterContext = __webpack_require__(9935);
+      var _reducer = __webpack_require__(1822);
+      var _hooksClientContext = __webpack_require__(6202);
+      var _useReducerWithDevtools = __webpack_require__(8824);
+      var _errorBoundary = __webpack_require__(7914);
       function AppRouter(props) {
         return /*#__PURE__*/ _react.default.createElement(
           _errorBoundary.ErrorBoundary,
@@ -1153,7 +1153,7 @@
       /***/
     },
 
-    /***/ 2802: /***/ function(module, exports, __webpack_require__) {
+    /***/ 7914: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1309,7 +1309,7 @@
       /***/
     },
 
-    /***/ 7410: /***/ function(module, exports, __webpack_require__) {
+    /***/ 6202: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1340,7 +1340,7 @@
       /***/
     },
 
-    /***/ 8636: /***/ function(module, exports) {
+    /***/ 436: /***/ function(module, exports) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1376,7 +1376,7 @@
       /***/
     },
 
-    /***/ 1348: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1453: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1397,11 +1397,11 @@
         8889
       ) /* ["default"] */.Z;
       var _react = _interop_require_wildcard(__webpack_require__(6273));
-      var _appRouterContext = __webpack_require__(2313);
-      var _appRouter = __webpack_require__(431);
-      var _infinitePromise = __webpack_require__(8636);
-      var _errorBoundary = __webpack_require__(2802);
-      var _matchSegments = __webpack_require__(8630);
+      var _appRouterContext = __webpack_require__(9935);
+      var _appRouter = __webpack_require__(1114);
+      var _infinitePromise = __webpack_require__(436);
+      var _errorBoundary = __webpack_require__(7914);
+      var _matchSegments = __webpack_require__(8660);
       function OuterLayoutRouter(param) {
         var parallelRouterKey = param.parallelRouterKey,
           segmentPath = param.segmentPath,
@@ -1887,7 +1887,7 @@
       /***/
     },
 
-    /***/ 8630: /***/ function(module, exports) {
+    /***/ 8660: /***/ function(module, exports) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1925,7 +1925,7 @@
       /***/
     },
 
-    /***/ 4392: /***/ function(module, exports, __webpack_require__) {
+    /***/ 1822: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -1937,8 +1937,8 @@
       });
       exports.reducer = exports.ACTION_PREFETCH = exports.ACTION_SERVER_PATCH = exports.ACTION_RESTORE = exports.ACTION_NAVIGATE = exports.ACTION_RELOAD = void 0;
       var _extends = __webpack_require__(5506) /* ["default"] */.Z;
-      var _matchSegments = __webpack_require__(8630);
-      var _appRouter = __webpack_require__(431); // TODO-APP: change `any` to type inference.
+      var _matchSegments = __webpack_require__(8660);
+      var _appRouter = __webpack_require__(1114); // TODO-APP: change `any` to type inference.
       /**
        * Create data fetching record for Promise.
        */ function createRecordFromThenable(thenable) {
@@ -2907,7 +2907,7 @@
       /***/
     },
 
-    /***/ 2354: /***/ function(module, exports, __webpack_require__) {
+    /***/ 8824: /***/ function(module, exports, __webpack_require__) {
       Object.defineProperty(exports, "__esModule", {
         value: true
       });
@@ -3082,7 +3082,7 @@
       /***/
     },
 
-    /***/ 2313: /***/ function(
+    /***/ 9935: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3108,7 +3108,7 @@
       /***/
     },
 
-    /***/ 2712: /***/ function(
+    /***/ 6314: /***/ function(
       __unused_webpack_module,
       exports,
       __webpack_require__
@@ -3547,13 +3547,13 @@
       /***/
     },
 
-    /***/ 6769: /***/ function(
+    /***/ 2
Post job cleanup.
[command]/usr/bin/git version
git version 2.37.3
Temporarily overriding HOME='/home/runner/work/_temp/f0784860-d101-4cc9-a5dc-1520d8a84ce9' 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: 63a5f94435b8311cf895b518b82fbdfc8bc7aa5b

huozhi · 2022-10-12T12:53:47Z

packages/next/build/webpack/plugins/flight-client-entry-plugin.ts

+        }
+      }
+
+      compilation.chunkGroups.forEach((chunkGroup: any) => {


There's a helper traverseModules in flight manifest plugin, consider using it to replace the manual chunk/module travsersal?

They're not identical though (this one has early exits), but happy to refactor those later!

@hanneslund

The way we currently track server CSS imports is to collect CSS files that each **module** depends on. This happens on the module graph level which is a global thing and cannot be tree-shaken properly (check the enabled test for more details). In this PR we collect another information, of CSS files that each **entrypoint** depends on. This is the CSS list after tree-shaken on the entry level. By intersecting these CSS imports with the module-level CSS imports, we can get the final used CSS imports for each _layout_. cc @hanneslund ## Bug - [ ] Related issues linked using `fixes #number` - [x] Integration tests added - [ ] Errors have a helpful link attached, see `contributing.md` ## Feature - [ ] Implements an existing feature request or RFC. Make sure the feature request has been accepted for implementation before opening a PR. - [ ] Related issues linked using `fixes #number` - [ ] Integration tests added - [ ] Documentation added - [ ] Telemetry added. In case of a feature if it's used or not. - [ ] Errors have a helpful link attached, see `contributing.md` ## Documentation / Examples - [ ] Make sure the linting passes by running `pnpm lint` - [ ] The "examples guidelines" are followed from [our contributing doc](https://github.com/vercel/next.js/blob/canary/contributing/examples/adding-examples.md)

use tree-shaked per-entry css imports

9b0bd35

shuding requested review from timneutkens, ijjk, padmaia and huozhi as code owners October 12, 2022 12:15

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

huozhi reviewed Oct 12, 2022

View reviewed changes

huozhi approved these changes Oct 12, 2022

View reviewed changes

Merge branch 'canary' into shu/5173

63a5f94

kodiakhq bot merged commit b96ff8d into vercel:canary Oct 12, 2022

shuding deleted the shu/5173 branch October 12, 2022 13:55

styfle added the hacktoberfest-accepted label Oct 17, 2022

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

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Fix CSS imports tree-shaking #41357

Fix CSS imports tree-shaking #41357

shuding commented Oct 12, 2022 •

edited

ijjk commented Oct 12, 2022 •

edited

Diffs

huozhi Oct 12, 2022

shuding Oct 12, 2022

Fix CSS imports tree-shaking #41357

Fix CSS imports tree-shaking #41357

Conversation

shuding commented Oct 12, 2022 • edited

Bug

Feature

Documentation / Examples

ijjk commented Oct 12, 2022 • edited

Stats from current PR

Diffs

huozhi Oct 12, 2022

Choose a reason for hiding this comment

shuding Oct 12, 2022

Choose a reason for hiding this comment

shuding commented Oct 12, 2022 •

edited

ijjk commented Oct 12, 2022 •

edited