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

Pre-compile more dependencies continued #32679

Merged
merged 19 commits into from Dec 21, 2021

Conversation

ijjk
Copy link
Member

@ijjk ijjk commented Dec 20, 2021

Continues the work in #32627 and compiles more dependencies to reduce install size/time.

Pre-compiles/copies the following additional packages:

  • @babel/runtime
  • @napi-rs/triples
  • @next/polyfill-module
  • @next/react-dev-overlay
  • browserslist (caniuse-lite data is now properly externalized)
  • chalk (version not bumped due to incompatibilities and size is now equal)
  • node-html-parser
  • regenerator-runtime
  • watchpack

This reduces the number of dependencies installed to 45 modules versus the 87 modules on canary and the canary before the previous PR with 247 modules.

@ijjk ijjk added created-by: Next.js team PRs by the Next.js team type: next labels Dec 20, 2021
@ijjk

This comment has been minimized.

@ijjk

This comment has been minimized.

@ijjk

This comment has been minimized.

@ijjk

This comment has been minimized.

@ijjk

This comment has been minimized.

@ijjk

This comment has been minimized.

@ijjk

This comment has been minimized.

@ijjk
Copy link
Member Author

ijjk commented Dec 21, 2021

Stats from current PR

Default Build (Increase detected ⚠️)
General Overall decrease ✓
vercel/next.js canary ijjk/next.js update/more-nccing Change
buildDuration 21.2s 21s -206ms
buildDurationCached 4.1s 4s -39ms
nodeModulesSize 350 MB 348 MB -1.8 MB
Page Load Tests Overall increase ✓
vercel/next.js canary ijjk/next.js update/more-nccing Change
/ failed reqs 0 0
/ total time (seconds) 3.525 3.515 -0.01
/ avg req/sec 709.2 711.28 +2.08
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 1.689 1.656 -0.03
/error-in-render avg req/sec 1480.6 1509.8 +29.2
Client Bundles (main, webpack, commons) Overall increase ⚠️
vercel/next.js canary ijjk/next.js update/more-nccing Change
450.HASH.js gzip 179 B 179 B
framework-HASH.js gzip 42.2 kB 42.2 kB
main-HASH.js gzip 30.3 kB 30.3 kB ⚠️ +17 B
webpack-HASH.js gzip 1.45 kB 1.45 kB
Overall change 74.1 kB 74.1 kB ⚠️ +17 B
Legacy Client Bundles (polyfills)
vercel/next.js canary ijjk/next.js update/more-nccing Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary ijjk/next.js update/more-nccing Change
_app-HASH.js gzip 1.37 kB 1.37 kB
_error-HASH.js gzip 194 B 194 B
amp-HASH.js gzip 312 B 312 B
css-HASH.js gzip 326 B 326 B
dynamic-HASH.js gzip 2.37 kB 2.37 kB
head-HASH.js gzip 350 B 350 B
hooks-HASH.js gzip 919 B 919 B
image-HASH.js gzip 4.73 kB 4.73 kB
index-HASH.js gzip 263 B 263 B
link-HASH.js gzip 2.13 kB 2.13 kB
routerDirect..HASH.js gzip 321 B 321 B
script-HASH.js gzip 383 B 383 B
withRouter-HASH.js gzip 318 B 318 B
85e02e95b279..7e3.css gzip 107 B 107 B
Overall change 14.1 kB 14.1 kB
Client Build Manifests
vercel/next.js canary ijjk/next.js update/more-nccing Change
_buildManifest.js gzip 459 B 459 B
Overall change 459 B 459 B
Rendered Page Sizes Overall increase ⚠️
vercel/next.js canary ijjk/next.js update/more-nccing Change
index.html gzip 533 B 533 B
link.html gzip 547 B 547 B
withRouter.html gzip 527 B 528 B ⚠️ +1 B
Overall change 1.61 kB 1.61 kB ⚠️ +1 B

Diffs

Diff for _app-HASH.js
@@ -25,7 +25,7 @@
     ) {
       "use strict";
 
-      var _runtimeJs = _interopRequireDefault(__webpack_require__(5666));
+      var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
       function _assertThisInitialized(self) {
         if (self === void 0) {
           throw new ReferenceError(
Diff for main-HASH.js
@@ -1,7 +1,19 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [179],
   {
-    /***/ 400: /***/ function() {
+    /***/ 6086: /***/ function(module) {
+      "use strict";
+
+      var assign = Object.assign.bind(Object);
+      module.exports = assign;
+      module.exports["default"] = module.exports;
+
+      //# sourceMappingURL=object-assign.js.map
+
+      /***/
+    },
+
+    /***/ 37: /***/ function() {
       "trimStart" in String.prototype ||
         (String.prototype.trimStart = String.prototype.trimLeft),
         "trimEnd" in String.prototype ||
@@ -45,18 +57,6 @@
       /***/
     },
 
-    /***/ 6086: /***/ function(module) {
-      "use strict";
-
-      var assign = Object.assign.bind(Object);
-      module.exports = assign;
-      module.exports["default"] = module.exports;
-
-      //# sourceMappingURL=object-assign.js.map
-
-      /***/
-    },
-
     /***/ 6007: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
@@ -251,7 +251,7 @@
     ) {
       "use strict";
 
-      var _runtimeJs = _interopRequireDefault(__webpack_require__(5666));
+      var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
         for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -464,7 +464,7 @@
       exports.render = render;
       exports.renderError = renderError;
       exports.emitter = exports.router = exports.version = void 0;
-      __webpack_require__(400);
+      __webpack_require__(37);
       var _react = _interopRequireWildcard1(__webpack_require__(7294));
       var _reactDom = _interopRequireDefault1(__webpack_require__(3935));
       var _styledJsx = __webpack_require__(8771);
@@ -3971,7 +3971,7 @@
     ) {
       "use strict";
 
-      var _runtimeJs = _interopRequireDefault(__webpack_require__(5666));
+      var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
         for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -7518,7 +7518,7 @@
     ) {
       "use strict";
 
-      var _runtimeJs = _interopRequireDefault(__webpack_require__(5666));
+      var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
         for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -8151,383 +8151,7 @@
       /***/
     },
 
-    /***/ 8745: /***/ function(module) {
-      var __dirname = "/";
-      (function() {
-        var e = {
-          106: function(e, t) {
-            !(function(e, l) {
-              true ? l(t) : 0;
-            })(this, function(e) {
-              "use strict";
-              var t,
-                l,
-                g,
-                h,
-                a = function(e, t) {
-                  return {
-                    name: e,
-                    value: void 0 === t ? -1 : t,
-                    delta: 0,
-                    entries: [],
-                    id: "v2-"
-                      .concat(Date.now(), "-")
-                      .concat(Math.floor(8999999999999 * Math.random()) + 1e12)
-                  };
-                },
-                o = function(e, t) {
-                  try {
-                    if (PerformanceObserver.supportedEntryTypes.includes(e)) {
-                      if (
-                        "first-input" === e &&
-                        !("PerformanceEventTiming" in self)
-                      )
-                        return;
-                      var l = new PerformanceObserver(function(e) {
-                        return e.getEntries().map(t);
-                      });
-                      return l.observe({ type: e, buffered: !0 }), l;
-                    }
-                  } catch (e) {}
-                },
-                u = function(e, t) {
-                  var l = function n(l) {
-                    ("pagehide" !== l.type &&
-                      "hidden" !== document.visibilityState) ||
-                      (e(l),
-                      t &&
-                        (removeEventListener("visibilitychange", n, !0),
-                        removeEventListener("pagehide", n, !0)));
-                  };
-                  addEventListener("visibilitychange", l, !0),
-                    addEventListener("pagehide", l, !0);
-                },
-                c = function(e) {
-                  addEventListener(
-                    "pageshow",
-                    function(t) {
-                      t.persisted && e(t);
-                    },
-                    !0
-                  );
-                },
-                f = function(e, t, l) {
-                  var g;
-                  return function(h) {
-                    t.value >= 0 &&
-                      (h || l) &&
-                      ((t.delta = t.value - (g || 0)),
-                      (t.delta || void 0 === g) && ((g = t.value), e(t)));
-                  };
-                },
-                y = -1,
-                d = function() {
-                  return "hidden" === document.visibilityState ? 0 : 1 / 0;
-                },
-                m = function() {
-                  u(function(e) {
-                    var t = e.timeStamp;
-                    y = t;
-                  }, !0);
-                },
-                v = function() {
-                  return (
-                    y < 0 &&
-                      ((y = d()),
-                      m(),
-                      c(function() {
-                        setTimeout(function() {
-                          (y = d()), m();
-                        }, 0);
-                      })),
-                    {
-                      get firstHiddenTime() {
-                        return y;
-                      }
-                    }
-                  );
-                },
-                p = function(e, t) {
-                  var l,
-                    g = v(),
-                    h = a("FCP"),
-                    u = function(e) {
-                      "first-contentful-paint" === e.name &&
-                        (w && w.disconnect(),
-                        e.startTime < g.firstHiddenTime &&
-                          ((h.value = e.startTime), h.entries.push(e), l(!0)));
-                    },
-                    y =
-                      performance.getEntriesByName &&
-                      performance.getEntriesByName("first-contentful-paint")[0],
-                    w = y ? null : o("paint", u);
-                  (y || w) &&
-                    ((l = f(e, h, t)),
-                    y && u(y),
-                    c(function(g) {
-                      (h = a("FCP")),
-                        (l = f(e, h, t)),
-                        requestAnimationFrame(function() {
-                          requestAnimationFrame(function() {
-                            (h.value = performance.now() - g.timeStamp), l(!0);
-                          });
-                        });
-                    }));
-                },
-                w = !1,
-                b = -1,
-                _ = { passive: !0, capture: !0 },
-                F = new Date(),
-                T = function(e, h) {
-                  t ||
-                    ((t = h),
-                    (l = e),
-                    (g = new Date()),
-                    L(removeEventListener),
-                    E());
-                },
-                E = function() {
-                  if (l >= 0 && l < g - F) {
-                    var e = {
-                      entryType: "first-input",
-                      name: t.type,
-                      target: t.target,
-                      cancelable: t.cancelable,
-                      startTime: t.timeStamp,
-                      processingStart: t.timeStamp + l
-                    };
-                    h.forEach(function(t) {
-                      t(e);
-                    }),
-                      (h = []);
-                  }
-                },
-                S = function(e) {
-                  if (e.cancelable) {
-                    var t =
-                      (e.timeStamp > 1e12 ? new Date() : performance.now()) -
-                      e.timeStamp;
-                    "pointerdown" == e.type
-                      ? (function(e, t) {
-                          var n = function() {
-                              T(e, t), r();
-                            },
-                            i = function() {
-                              r();
-                            },
-                            r = function() {
-                              removeEventListener("pointerup", n, _),
-                                removeEventListener("pointercancel", i, _);
-                            };
-                          addEventListener("pointerup", n, _),
-                            addEventListener("pointercancel", i, _);
-                        })(t, e)
-                      : T(t, e);
-                  }
-                },
-                L = function(e) {
-                  ["mousedown", "keydown", "touchstart", "pointerdown"].forEach(
-                    function(t) {
-                      return e(t, S, _);
-                    }
-                  );
-                },
-                P = new Set();
-              (e.getCLS = function(e, t) {
-                w ||
-                  (p(function(e) {
-                    b = e.value;
-                  }),
-                  (w = !0));
-                var l,
-                  i = function(t) {
-                    b > -1 && e(t);
-                  },
-                  g = a("CLS", 0),
-                  h = 0,
-                  y = [],
-                  m = function(e) {
-                    if (!e.hadRecentInput) {
-                      var t = y[0],
-                        w = y[y.length - 1];
-                      h &&
-                      e.startTime - w.startTime < 1e3 &&
-                      e.startTime - t.startTime < 5e3
-                        ? ((h += e.value), y.push(e))
-                        : ((h = e.value), (y = [e])),
-                        h > g.value && ((g.value = h), (g.entries = y), l());
-                    }
-                  },
-                  _ = o("layout-shift", m);
-                _ &&
-                  ((l = f(i, g, t)),
-                  u(function() {
-                    _.takeRecords().map(m), l(!0);
-                  }),
-                  c(function() {
-                    (h = 0), (b = -1), (g = a("CLS", 0)), (l = f(i, g, t));
-                  }));
-              }),
-                (e.getFCP = p),
-                (e.getFID = function(e, g) {
-                  var y,
-                    w = v(),
-                    b = a("FID"),
-                    p = function(e) {
-                      e.startTime < w.firstHiddenTime &&
-                        ((b.value = e.processingStart - e.startTime),
-                        b.entries.push(e),
-                        y(!0));
-                    },
-                    _ = o("first-input", p);
-                  (y = f(e, b, g)),
-                    _ &&
-                      u(function() {
-                        _.takeRecords().map(p), _.disconnect();
-                      }, !0),
-                    _ &&
-                      c(function() {
-                        var w;
-                        (b = a("FID")),
-                          (y = f(e, b, g)),
-                          (h = []),
-                          (l = -1),
-                          (t = null),
-                          L(addEventListener),
-                          (w = p),
-                          h.push(w),
-                          E();
-                      });
-                }),
-                (e.getLCP = function(e, t) {
-                  var l,
-                    g = v(),
-                    h = a("LCP"),
-                    s = function(e) {
-                      var t = e.startTime;
-                      t < g.firstHiddenTime &&
-                        ((h.value = t), h.entries.push(e)),
-                        l();
-                    },
-                    y = o("largest-contentful-paint", s);
-                  if (y) {
-                    l = f(e, h, t);
-                    var m = function() {
-                      P.has(h.id) ||
-                        (y.takeRecords().map(s),
-                        y.disconnect(),
-                        P.add(h.id),
-                        l(!0));
-                    };
-                    ["keydown", "click"].forEach(function(e) {
-                      addEventListener(e, m, { once: !0, capture: !0 });
-                    }),
-                      u(m, !0),
-                      c(function(g) {
-                        (h = a("LCP")),
-                          (l = f(e, h, t)),
-                          requestAnimationFrame(function() {
-                            requestAnimationFrame(function() {
-                              (h.value = performance.now() - g.timeStamp),
-                                P.add(h.id),
-                                l(!0);
-                            });
-                          });
-                      });
-                  }
-                }),
-                (e.getTTFB = function(e) {
-                  var t,
-                    l = a("TTFB");
-                  (t = function() {
-                    try {
-                      var t =
-                        performance.getEntriesByType("navigation")[0] ||
-                        (function() {
-                          var e = performance.timing,
-                            t = { entryType: "navigation", startTime: 0 };
-                          for (var l in e)
-                            "navigationStart" !== l &&
-                              "toJSON" !== l &&
-                              (t[l] = Math.max(e[l] - e.navigationStart, 0));
-                          return t;
-                        })();
-                      if (((l.value = l.delta = t.responseStart), l.value < 0))
-                        return;
-                      (l.entries = [t]), e(l);
-                    } catch (e) {}
-                  }),
-                    "complete" === document.readyState
-                      ? setTimeout(t, 0)
-                      : addEventListener("pageshow", t);
-                }),
-                Object.defineProperty(e, "__esModule", { value: !0 });
-            });
-          }
-        };
-        if (typeof __nccwpck_require__ !== "undefined")
-          __nccwpck_require__.ab = __dirname + "/";
-        var t = {};
-        e[106](0, t);
-        module.exports = t;
-      })();
-
-      /***/
-    },
-
-    /***/ 676: /***/ function(__unused_webpack_module, exports) {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports["default"] = isError;
-      function isError(err) {
-        return (
-          typeof err === "object" &&
-          err !== null &&
-          "name" in err &&
-          "message" in err
-        );
-      }
-
-      //# sourceMappingURL=is-error.js.map
-
-      /***/
-    },
-
-    /***/ 4522: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports.normalizePathSep = normalizePathSep;
-      exports.denormalizePagePath = denormalizePagePath;
-      var _utils = __webpack_require__(418);
-      function normalizePathSep(path) {
-        return path.replace(/\\/g, "/");
-      }
-      function denormalizePagePath(page) {
-        page = normalizePathSep(page);
-        if (page.startsWith("/index/") && !(0, _utils).isDynamicRoute(page)) {
-          page = page.slice(6);
-        } else if (page === "/index") {
-          page = "/";
-        }
-        return page;
-      }
-
-      //# sourceMappingURL=denormalize-page-path.js.map
-
-      /***/
-    },
-
-    /***/ 5666: /***/ function(module) {
+    /***/ 4051: /***/ function(module) {
       /**
        * Copyright (c) 2014-present, Facebook, Inc.
        *
@@ -9283,6 +8907,382 @@
       /***/
     },
 
+    /***/ 8745: /***/ function(module) {
+      var __dirname = "/";
+      (function() {
+        var e = {
+          106: function(e, t) {
+            !(function(e, l) {
+              true ? l(t) : 0;
+            })(this, function(e) {
+              "use strict";
+              var t,
+                l,
+                g,
+                h,
+                a = function(e, t) {
+                  return {
+                    name: e,
+                    value: void 0 === t ? -1 : t,
+                    delta: 0,
+                    entries: [],
+                    id: "v2-"
+                      .concat(Date.now(), "-")
+                      .concat(Math.floor(8999999999999 * Math.random()) + 1e12)
+                  };
+                },
+                o = function(e, t) {
+                  try {
+                    if (PerformanceObserver.supportedEntryTypes.includes(e)) {
+                      if (
+                        "first-input" === e &&
+                        !("PerformanceEventTiming" in self)
+                      )
+                        return;
+                      var l = new PerformanceObserver(function(e) {
+                        return e.getEntries().map(t);
+                      });
+                      return l.observe({ type: e, buffered: !0 }), l;
+                    }
+                  } catch (e) {}
+                },
+                u = function(e, t) {
+                  var l = function n(l) {
+                    ("pagehide" !== l.type &&
+                      "hidden" !== document.visibilityState) ||
+                      (e(l),
+                      t &&
+                        (removeEventListener("visibilitychange", n, !0),
+                        removeEventListener("pagehide", n, !0)));
+                  };
+                  addEventListener("visibilitychange", l, !0),
+                    addEventListener("pagehide", l, !0);
+                },
+                c = function(e) {
+                  addEventListener(
+                    "pageshow",
+                    function(t) {
+                      t.persisted && e(t);
+                    },
+                    !0
+                  );
+                },
+                f = function(e, t, l) {
+                  var g;
+                  return function(h) {
+                    t.value >= 0 &&
+                      (h || l) &&
+                      ((t.delta = t.value - (g || 0)),
+                      (t.delta || void 0 === g) && ((g = t.value), e(t)));
+                  };
+                },
+                y = -1,
+                d = function() {
+                  return "hidden" === document.visibilityState ? 0 : 1 / 0;
+                },
+                m = function() {
+                  u(function(e) {
+                    var t = e.timeStamp;
+                    y = t;
+                  }, !0);
+                },
+                v = function() {
+                  return (
+                    y < 0 &&
+                      ((y = d()),
+                      m(),
+                      c(function() {
+                        setTimeout(function() {
+                          (y = d()), m();
+                        }, 0);
+                      })),
+                    {
+                      get firstHiddenTime() {
+                        return y;
+                      }
+                    }
+                  );
+                },
+                p = function(e, t) {
+                  var l,
+                    g = v(),
+                    h = a("FCP"),
+                    u = function(e) {
+                      "first-contentful-paint" === e.name &&
+                        (w && w.disconnect(),
+                        e.startTime < g.firstHiddenTime &&
+                          ((h.value = e.startTime), h.entries.push(e), l(!0)));
+                    },
+                    y =
+                      performance.getEntriesByName &&
+                      performance.getEntriesByName("first-contentful-paint")[0],
+                    w = y ? null : o("paint", u);
+                  (y || w) &&
+                    ((l = f(e, h, t)),
+                    y && u(y),
+                    c(function(g) {
+                      (h = a("FCP")),
+                        (l = f(e, h, t)),
+                        requestAnimationFrame(function() {
+                          requestAnimationFrame(function() {
+                            (h.value = performance.now() - g.timeStamp), l(!0);
+                          });
+                        });
+                    }));
+                },
+                w = !1,
+                b = -1,
+                _ = { passive: !0, capture: !0 },
+                F = new Date(),
+                T = function(e, h) {
+                  t ||
+                    ((t = h),
+                    (l = e),
+                    (g = new Date()),
+                    L(removeEventListener),
+                    E());
+                },
+                E = function() {
+                  if (l >= 0 && l < g - F) {
+                    var e = {
+                      entryType: "first-input",
+                      name: t.type,
+                      target: t.target,
+                      cancelable: t.cancelable,
+                      startTime: t.timeStamp,
+                      processingStart: t.timeStamp + l
+                    };
+                    h.forEach(function(t) {
+                      t(e);
+                    }),
+                      (h = []);
+                  }
+                },
+                S = function(e) {
+                  if (e.cancelable) {
+                    var t =
+                      (e.timeStamp > 1e12 ? new Date() : performance.now()) -
+                      e.timeStamp;
+                    "pointerdown" == e.type
+                      ? (function(e, t) {
+                          var n = function() {
+                              T(e, t), r();
+                            },
+                            i = function() {
+                              r();
+                            },
+                            r = function() {
+                              removeEventListener("pointerup", n, _),
+                                removeEventListener("pointercancel", i, _);
+                            };
+                          addEventListener("pointerup", n, _),
+                            addEventListener("pointercancel", i, _);
+                        })(t, e)
+                      : T(t, e);
+                  }
+                },
+                L = function(e) {
+                  ["mousedown", "keydown", "touchstart", "pointerdown"].forEach(
+                    function(t) {
+                      return e(t, S, _);
+                    }
+                  );
+                },
+                P = new Set();
+              (e.getCLS = function(e, t) {
+                w ||
+                  (p(function(e) {
+                    b = e.value;
+                  }),
+                  (w = !0));
+                var l,
+                  i = function(t) {
+                    b > -1 && e(t);
+                  },
+                  g = a("CLS", 0),
+                  h = 0,
+                  y = [],
+                  m = function(e) {
+                    if (!e.hadRecentInput) {
+                      var t = y[0],
+                        w = y[y.length - 1];
+                      h &&
+                      e.startTime - w.startTime < 1e3 &&
+                      e.startTime - t.startTime < 5e3
+                        ? ((h += e.value), y.push(e))
+                        : ((h = e.value), (y = [e])),
+                        h > g.value && ((g.value = h), (g.entries = y), l());
+                    }
+                  },
+                  _ = o("layout-shift", m);
+                _ &&
+                  ((l = f(i, g, t)),
+                  u(function() {
+                    _.takeRecords().map(m), l(!0);
+                  }),
+                  c(function() {
+                    (h = 0), (b = -1), (g = a("CLS", 0)), (l = f(i, g, t));
+                  }));
+              }),
+                (e.getFCP = p),
+                (e.getFID = function(e, g) {
+                  var y,
+                    w = v(),
+                    b = a("FID"),
+                    p = function(e) {
+                      e.startTime < w.firstHiddenTime &&
+                        ((b.value = e.processingStart - e.startTime),
+                        b.entries.push(e),
+                        y(!0));
+                    },
+                    _ = o("first-input", p);
+                  (y = f(e, b, g)),
+                    _ &&
+                      u(function() {
+                        _.takeRecords().map(p), _.disconnect();
+                      }, !0),
+                    _ &&
+                      c(function() {
+                        var w;
+                        (b = a("FID")),
+                          (y = f(e, b, g)),
+                          (h = []),
+                          (l = -1),
+                          (t = null),
+                          L(addEventListener),
+                          (w = p),
+                          h.push(w),
+                          E();
+                      });
+                }),
+                (e.getLCP = function(e, t) {
+                  var l,
+                    g = v(),
+                    h = a("LCP"),
+                    s = function(e) {
+                      var t = e.startTime;
+                      t < g.firstHiddenTime &&
+                        ((h.value = t), h.entries.push(e)),
+                        l();
+                    },
+                    y = o("largest-contentful-paint", s);
+                  if (y) {
+                    l = f(e, h, t);
+                    var m = function() {
+                      P.has(h.id) ||
+                        (y.takeRecords().map(s),
+                        y.disconnect(),
+                        P.add(h.id),
+                        l(!0));
+                    };
+                    ["keydown", "click"].forEach(function(e) {
+                      addEventListener(e, m, { once: !0, capture: !0 });
+                    }),
+                      u(m, !0),
+                      c(function(g) {
+                        (h = a("LCP")),
+                          (l = f(e, h, t)),
+                          requestAnimationFrame(function() {
+                            requestAnimationFrame(function() {
+                              (h.value = performance.now() - g.timeStamp),
+                                P.add(h.id),
+                                l(!0);
+                            });
+                          });
+                      });
+                  }
+                }),
+                (e.getTTFB = function(e) {
+                  var t,
+                    l = a("TTFB");
+                  (t = function() {
+                    try {
+                      var t =
+                        performance.getEntriesByType("navigation")[0] ||
+                        (function() {
+                          var e = performance.timing,
+                            t = { entryType: "navigation", startTime: 0 };
+                          for (var l in e)
+                            "navigationStart" !== l &&
+                              "toJSON" !== l &&
+                              (t[l] = Math.max(e[l] - e.navigationStart, 0));
+                          return t;
+                        })();
+                      if (((l.value = l.delta = t.responseStart), l.value < 0))
+                        return;
+                      (l.entries = [t]), e(l);
+                    } catch (e) {}
+                  }),
+                    "complete" === document.readyState
+                      ? setTimeout(t, 0)
+                      : addEventListener("pageshow", t);
+                }),
+                Object.defineProperty(e, "__esModule", { value: !0 });
+            });
+          }
+        };
+        if (typeof __nccwpck_require__ !== "undefined")
+          __nccwpck_require__.ab = __dirname + "/";
+        var t = {};
+        e[106](0, t);
+        module.exports = t;
+      })();
+
+      /***/
+    },
+
+    /***/ 676: /***/ function(__unused_webpack_module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports["default"] = isError;
+      function isError(err) {
+        return (
+          typeof err === "object" &&
+          err !== null &&
+          "name" in err &&
+          "message" in err
+        );
+      }
+
+      //# sourceMappingURL=is-error.js.map
+
+      /***/
+    },
+
+    /***/ 4522: /***/ function(
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.normalizePathSep = normalizePathSep;
+      exports.denormalizePagePath = denormalizePagePath;
+      var _utils = __webpack_require__(418);
+      function normalizePathSep(path) {
+        return path.replace(/\\/g, "/");
+      }
+      function denormalizePagePath(page) {
+        page = normalizePathSep(page);
+        if (page.startsWith("/index/") && !(0, _utils).isDynamicRoute(page)) {
+          page = page.slice(6);
+        } else if (page === "/index") {
+          page = "/";
+        }
+        return page;
+      }
+
+      //# sourceMappingURL=denormalize-page-path.js.map
+
+      /***/
+    },
+
     /***/ 9887: /***/ function(module) {
       "use strict";
Diff for index.html
@@ -19,11 +19,11 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-08dffd70353a7ccd.js"
+      src="/_next/static/chunks/main-26df35c82ebd5cd7.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-dcd67dd9aed40264.js"
+      src="/_next/static/chunks/pages/_app-27bbbab544dd8009.js"
       defer=""
     ></script>
     <script
Diff for link.html
@@ -19,11 +19,11 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-08dffd70353a7ccd.js"
+      src="/_next/static/chunks/main-26df35c82ebd5cd7.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-dcd67dd9aed40264.js"
+      src="/_next/static/chunks/pages/_app-27bbbab544dd8009.js"
       defer=""
     ></script>
     <script
Diff for withRouter.html
@@ -19,11 +19,11 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-08dffd70353a7ccd.js"
+      src="/_next/static/chunks/main-26df35c82ebd5cd7.js"
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/pages/_app-dcd67dd9aed40264.js"
+      src="/_next/static/chunks/pages/_app-27bbbab544dd8009.js"
       defer=""
     ></script>
     <script

Default Build with SWC (Increase detected ⚠️)
General Overall decrease ✓
vercel/next.js canary ijjk/next.js update/more-nccing Change
buildDuration 22.3s 22.7s ⚠️ +404ms
buildDurationCached 4s 4.1s ⚠️ +147ms
nodeModulesSize 350 MB 348 MB -1.8 MB
Page Load Tests Overall decrease ⚠️
vercel/next.js canary ijjk/next.js update/more-nccing Change
/ failed reqs 0 0
/ total time (seconds) 3.567 3.568 0
/ avg req/sec 700.94 700.61 ⚠️ -0.33
/error-in-render failed reqs 0 0
/error-in-render total time (seconds) 1.66 1.749 ⚠️ +0.09
/error-in-render avg req/sec 1505.74 1429.5 ⚠️ -76.24
Client Bundles (main, webpack, commons) Overall increase ⚠️
vercel/next.js canary ijjk/next.js update/more-nccing Change
450.HASH.js gzip 179 B 179 B
framework-HASH.js gzip 42.3 kB 42.3 kB
main-HASH.js gzip 30.4 kB 30.4 kB ⚠️ +6 B
webpack-HASH.js gzip 1.44 kB 1.44 kB
Overall change 74.3 kB 74.3 kB ⚠️ +6 B
Legacy Client Bundles (polyfills)
vercel/next.js canary ijjk/next.js update/more-nccing Change
polyfills-HASH.js gzip 31 kB 31 kB
Overall change 31 kB 31 kB
Client Pages
vercel/next.js canary ijjk/next.js update/more-nccing Change
_app-HASH.js gzip 1.35 kB 1.35 kB
_error-HASH.js gzip 180 B 180 B
amp-HASH.js gzip 305 B 305 B
css-HASH.js gzip 321 B 321 B
dynamic-HASH.js gzip 2.36 kB 2.36 kB
head-HASH.js gzip 342 B 342 B
hooks-HASH.js gzip 906 B 906 B
image-HASH.js gzip 4.75 kB 4.75 kB
index-HASH.js gzip 256 B 256 B
link-HASH.js gzip 2.19 kB 2.19 kB
routerDirect..HASH.js gzip 314 B 314 B
script-HASH.js gzip 375 B 375 B
withRouter-HASH.js gzip 309 B 309 B
85e02e95b279..7e3.css gzip 107 B 107 B
Overall change 14.1 kB 14.1 kB
Client Build Manifests
vercel/next.js canary ijjk/next.js update/more-nccing Change
_buildManifest.js gzip 458 B 458 B
Overall change 458 B 458 B
Rendered Page Sizes Overall decrease ✓
vercel/next.js canary ijjk/next.js update/more-nccing Change
index.html gzip 532 B 530 B -2 B
link.html gzip 546 B 545 B -1 B
withRouter.html gzip 526 B 525 B -1 B
Overall change 1.6 kB 1.6 kB -4 B

Diffs

Diff for _app-HASH.js
@@ -25,7 +25,7 @@
     ) {
       "use strict";
 
-      var _runtimeJs = _interopRequireDefault(__webpack_require__(5666));
+      var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
       function _assertThisInitialized(self) {
         if (self === void 0) {
           throw new ReferenceError(
Diff for main-HASH.js
@@ -1,7 +1,19 @@
 (self["webpackChunk_N_E"] = self["webpackChunk_N_E"] || []).push([
   [179],
   {
-    /***/ 400: /***/ function() {
+    /***/ 6086: /***/ function(module) {
+      "use strict";
+
+      var assign = Object.assign.bind(Object);
+      module.exports = assign;
+      module.exports["default"] = module.exports;
+
+      //# sourceMappingURL=object-assign.js.map
+
+      /***/
+    },
+
+    /***/ 37: /***/ function() {
       "trimStart" in String.prototype ||
         (String.prototype.trimStart = String.prototype.trimLeft),
         "trimEnd" in String.prototype ||
@@ -45,18 +57,6 @@
       /***/
     },
 
-    /***/ 6086: /***/ function(module) {
-      "use strict";
-
-      var assign = Object.assign.bind(Object);
-      module.exports = assign;
-      module.exports["default"] = module.exports;
-
-      //# sourceMappingURL=object-assign.js.map
-
-      /***/
-    },
-
     /***/ 6007: /***/ function(__unused_webpack_module, exports) {
       "use strict";
 
@@ -251,7 +251,7 @@
     ) {
       "use strict";
 
-      var _runtimeJs = _interopRequireDefault(__webpack_require__(5666));
+      var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
         for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -464,7 +464,7 @@
       exports.render = render;
       exports.renderError = renderError;
       exports.emitter = exports.router = exports.version = void 0;
-      __webpack_require__(400);
+      __webpack_require__(37);
       var _react = _interopRequireWildcard1(__webpack_require__(7294));
       var _reactDom = _interopRequireDefault1(__webpack_require__(3935));
       var _styledJsx = __webpack_require__(8771);
@@ -3971,7 +3971,7 @@
     ) {
       "use strict";
 
-      var _runtimeJs = _interopRequireDefault(__webpack_require__(5666));
+      var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
         for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -7518,7 +7518,7 @@
     ) {
       "use strict";
 
-      var _runtimeJs = _interopRequireDefault(__webpack_require__(5666));
+      var _runtimeJs = _interopRequireDefault(__webpack_require__(4051));
       function _arrayLikeToArray(arr, len) {
         if (len == null || len > arr.length) len = arr.length;
         for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
@@ -8151,383 +8151,7 @@
       /***/
     },
 
-    /***/ 8745: /***/ function(module) {
-      var __dirname = "/";
-      (function() {
-        var e = {
-          106: function(e, t) {
-            !(function(e, l) {
-              true ? l(t) : 0;
-            })(this, function(e) {
-              "use strict";
-              var t,
-                l,
-                g,
-                h,
-                a = function(e, t) {
-                  return {
-                    name: e,
-                    value: void 0 === t ? -1 : t,
-                    delta: 0,
-                    entries: [],
-                    id: "v2-"
-                      .concat(Date.now(), "-")
-                      .concat(Math.floor(8999999999999 * Math.random()) + 1e12)
-                  };
-                },
-                o = function(e, t) {
-                  try {
-                    if (PerformanceObserver.supportedEntryTypes.includes(e)) {
-                      if (
-                        "first-input" === e &&
-                        !("PerformanceEventTiming" in self)
-                      )
-                        return;
-                      var l = new PerformanceObserver(function(e) {
-                        return e.getEntries().map(t);
-                      });
-                      return l.observe({ type: e, buffered: !0 }), l;
-                    }
-                  } catch (e) {}
-                },
-                u = function(e, t) {
-                  var l = function n(l) {
-                    ("pagehide" !== l.type &&
-                      "hidden" !== document.visibilityState) ||
-                      (e(l),
-                      t &&
-                        (removeEventListener("visibilitychange", n, !0),
-                        removeEventListener("pagehide", n, !0)));
-                  };
-                  addEventListener("visibilitychange", l, !0),
-                    addEventListener("pagehide", l, !0);
-                },
-                c = function(e) {
-                  addEventListener(
-                    "pageshow",
-                    function(t) {
-                      t.persisted && e(t);
-                    },
-                    !0
-                  );
-                },
-                f = function(e, t, l) {
-                  var g;
-                  return function(h) {
-                    t.value >= 0 &&
-                      (h || l) &&
-                      ((t.delta = t.value - (g || 0)),
-                      (t.delta || void 0 === g) && ((g = t.value), e(t)));
-                  };
-                },
-                y = -1,
-                d = function() {
-                  return "hidden" === document.visibilityState ? 0 : 1 / 0;
-                },
-                m = function() {
-                  u(function(e) {
-                    var t = e.timeStamp;
-                    y = t;
-                  }, !0);
-                },
-                v = function() {
-                  return (
-                    y < 0 &&
-                      ((y = d()),
-                      m(),
-                      c(function() {
-                        setTimeout(function() {
-                          (y = d()), m();
-                        }, 0);
-                      })),
-                    {
-                      get firstHiddenTime() {
-                        return y;
-                      }
-                    }
-                  );
-                },
-                p = function(e, t) {
-                  var l,
-                    g = v(),
-                    h = a("FCP"),
-                    u = function(e) {
-                      "first-contentful-paint" === e.name &&
-                        (w && w.disconnect(),
-                        e.startTime < g.firstHiddenTime &&
-                          ((h.value = e.startTime), h.entries.push(e), l(!0)));
-                    },
-                    y =
-                      performance.getEntriesByName &&
-                      performance.getEntriesByName("first-contentful-paint")[0],
-                    w = y ? null : o("paint", u);
-                  (y || w) &&
-                    ((l = f(e, h, t)),
-                    y && u(y),
-                    c(function(g) {
-                      (h = a("FCP")),
-                        (l = f(e, h, t)),
-                        requestAnimationFrame(function() {
-                          requestAnimationFrame(function() {
-                            (h.value = performance.now() - g.timeStamp), l(!0);
-                          });
-                        });
-                    }));
-                },
-                w = !1,
-                b = -1,
-                _ = { passive: !0, capture: !0 },
-                F = new Date(),
-                T = function(e, h) {
-                  t ||
-                    ((t = h),
-                    (l = e),
-                    (g = new Date()),
-                    L(removeEventListener),
-                    E());
-                },
-                E = function() {
-                  if (l >= 0 && l < g - F) {
-                    var e = {
-                      entryType: "first-input",
-                      name: t.type,
-                      target: t.target,
-                      cancelable: t.cancelable,
-                      startTime: t.timeStamp,
-                      processingStart: t.timeStamp + l
-                    };
-                    h.forEach(function(t) {
-                      t(e);
-                    }),
-                      (h = []);
-                  }
-                },
-                S = function(e) {
-                  if (e.cancelable) {
-                    var t =
-                      (e.timeStamp > 1e12 ? new Date() : performance.now()) -
-                      e.timeStamp;
-                    "pointerdown" == e.type
-                      ? (function(e, t) {
-                          var n = function() {
-                              T(e, t), r();
-                            },
-                            i = function() {
-                              r();
-                            },
-                            r = function() {
-                              removeEventListener("pointerup", n, _),
-                                removeEventListener("pointercancel", i, _);
-                            };
-                          addEventListener("pointerup", n, _),
-                            addEventListener("pointercancel", i, _);
-                        })(t, e)
-                      : T(t, e);
-                  }
-                },
-                L = function(e) {
-                  ["mousedown", "keydown", "touchstart", "pointerdown"].forEach(
-                    function(t) {
-                      return e(t, S, _);
-                    }
-                  );
-                },
-                P = new Set();
-              (e.getCLS = function(e, t) {
-                w ||
-                  (p(function(e) {
-                    b = e.value;
-                  }),
-                  (w = !0));
-                var l,
-                  i = function(t) {
-                    b > -1 && e(t);
-                  },
-                  g = a("CLS", 0),
-                  h = 0,
-                  y = [],
-                  m = function(e) {
-                    if (!e.hadRecentInput) {
-                      var t = y[0],
-                        w = y[y.length - 1];
-                      h &&
-                      e.startTime - w.startTime < 1e3 &&
-                      e.startTime - t.startTime < 5e3
-                        ? ((h += e.value), y.push(e))
-                        : ((h = e.value), (y = [e])),
-                        h > g.value && ((g.value = h), (g.entries = y), l());
-                    }
-                  },
-                  _ = o("layout-shift", m);
-                _ &&
-                  ((l = f(i, g, t)),
-                  u(function() {
-                    _.takeRecords().map(m), l(!0);
-                  }),
-                  c(function() {
-                    (h = 0), (b = -1), (g = a("CLS", 0)), (l = f(i, g, t));
-                  }));
-              }),
-                (e.getFCP = p),
-                (e.getFID = function(e, g) {
-                  var y,
-                    w = v(),
-                    b = a("FID"),
-                    p = function(e) {
-                      e.startTime < w.firstHiddenTime &&
-                        ((b.value = e.processingStart - e.startTime),
-                        b.entries.push(e),
-                        y(!0));
-                    },
-                    _ = o("first-input", p);
-                  (y = f(e, b, g)),
-                    _ &&
-                      u(function() {
-                        _.takeRecords().map(p), _.disconnect();
-                      }, !0),
-                    _ &&
-                      c(function() {
-                        var w;
-                        (b = a("FID")),
-                          (y = f(e, b, g)),
-                          (h = []),
-                          (l = -1),
-                          (t = null),
-                          L(addEventListener),
-                          (w = p),
-                          h.push(w),
-                          E();
-                      });
-                }),
-                (e.getLCP = function(e, t) {
-                  var l,
-                    g = v(),
-                    h = a("LCP"),
-                    s = function(e) {
-                      var t = e.startTime;
-                      t < g.firstHiddenTime &&
-                        ((h.value = t), h.entries.push(e)),
-                        l();
-                    },
-                    y = o("largest-contentful-paint", s);
-                  if (y) {
-                    l = f(e, h, t);
-                    var m = function() {
-                      P.has(h.id) ||
-                        (y.takeRecords().map(s),
-                        y.disconnect(),
-                        P.add(h.id),
-                        l(!0));
-                    };
-                    ["keydown", "click"].forEach(function(e) {
-                      addEventListener(e, m, { once: !0, capture: !0 });
-                    }),
-                      u(m, !0),
-                      c(function(g) {
-                        (h = a("LCP")),
-                          (l = f(e, h, t)),
-                          requestAnimationFrame(function() {
-                            requestAnimationFrame(function() {
-                              (h.value = performance.now() - g.timeStamp),
-                                P.add(h.id),
-                                l(!0);
-                            });
-                          });
-                      });
-                  }
-                }),
-                (e.getTTFB = function(e) {
-                  var t,
-                    l = a("TTFB");
-                  (t = function() {
-                    try {
-                      var t =
-                        performance.getEntriesByType("navigation")[0] ||
-                        (function() {
-                          var e = performance.timing,
-                            t = { entryType: "navigation", startTime: 0 };
-                          for (var l in e)
-                            "navigationStart" !== l &&
-                              "toJSON" !== l &&
-                              (t[l] = Math.max(e[l] - e.navigationStart, 0));
-                          return t;
-                        })();
-                      if (((l.value = l.delta = t.responseStart), l.value < 0))
-                        return;
-                      (l.entries = [t]), e(l);
-                    } catch (e) {}
-                  }),
-                    "complete" === document.readyState
-                      ? setTimeout(t, 0)
-                      : addEventListener("pageshow", t);
-                }),
-                Object.defineProperty(e, "__esModule", { value: !0 });
-            });
-          }
-        };
-        if (typeof __nccwpck_require__ !== "undefined")
-          __nccwpck_require__.ab = __dirname + "/";
-        var t = {};
-        e[106](0, t);
-        module.exports = t;
-      })();
-
-      /***/
-    },
-
-    /***/ 676: /***/ function(__unused_webpack_module, exports) {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports["default"] = isError;
-      function isError(err) {
-        return (
-          typeof err === "object" &&
-          err !== null &&
-          "name" in err &&
-          "message" in err
-        );
-      }
-
-      //# sourceMappingURL=is-error.js.map
-
-      /***/
-    },
-
-    /***/ 4522: /***/ function(
-      __unused_webpack_module,
-      exports,
-      __webpack_require__
-    ) {
-      "use strict";
-
-      Object.defineProperty(exports, "__esModule", {
-        value: true
-      });
-      exports.normalizePathSep = normalizePathSep;
-      exports.denormalizePagePath = denormalizePagePath;
-      var _utils = __webpack_require__(418);
-      function normalizePathSep(path) {
-        return path.replace(/\\/g, "/");
-      }
-      function denormalizePagePath(page) {
-        page = normalizePathSep(page);
-        if (page.startsWith("/index/") && !(0, _utils).isDynamicRoute(page)) {
-          page = page.slice(6);
-        } else if (page === "/index") {
-          page = "/";
-        }
-        return page;
-      }
-
-      //# sourceMappingURL=denormalize-page-path.js.map
-
-      /***/
-    },
-
-    /***/ 5666: /***/ function(module) {
+    /***/ 4051: /***/ function(module) {
       /**
        * Copyright (c) 2014-present, Facebook, Inc.
        *
@@ -9283,6 +8907,382 @@
       /***/
     },
 
+    /***/ 8745: /***/ function(module) {
+      var __dirname = "/";
+      (function() {
+        var e = {
+          106: function(e, t) {
+            !(function(e, l) {
+              true ? l(t) : 0;
+            })(this, function(e) {
+              "use strict";
+              var t,
+                l,
+                g,
+                h,
+                a = function(e, t) {
+                  return {
+                    name: e,
+                    value: void 0 === t ? -1 : t,
+                    delta: 0,
+                    entries: [],
+                    id: "v2-"
+                      .concat(Date.now(), "-")
+                      .concat(Math.floor(8999999999999 * Math.random()) + 1e12)
+                  };
+                },
+                o = function(e, t) {
+                  try {
+                    if (PerformanceObserver.supportedEntryTypes.includes(e)) {
+                      if (
+                        "first-input" === e &&
+                        !("PerformanceEventTiming" in self)
+                      )
+                        return;
+                      var l = new PerformanceObserver(function(e) {
+                        return e.getEntries().map(t);
+                      });
+                      return l.observe({ type: e, buffered: !0 }), l;
+                    }
+                  } catch (e) {}
+                },
+                u = function(e, t) {
+                  var l = function n(l) {
+                    ("pagehide" !== l.type &&
+                      "hidden" !== document.visibilityState) ||
+                      (e(l),
+                      t &&
+                        (removeEventListener("visibilitychange", n, !0),
+                        removeEventListener("pagehide", n, !0)));
+                  };
+                  addEventListener("visibilitychange", l, !0),
+                    addEventListener("pagehide", l, !0);
+                },
+                c = function(e) {
+                  addEventListener(
+                    "pageshow",
+                    function(t) {
+                      t.persisted && e(t);
+                    },
+                    !0
+                  );
+                },
+                f = function(e, t, l) {
+                  var g;
+                  return function(h) {
+                    t.value >= 0 &&
+                      (h || l) &&
+                      ((t.delta = t.value - (g || 0)),
+                      (t.delta || void 0 === g) && ((g = t.value), e(t)));
+                  };
+                },
+                y = -1,
+                d = function() {
+                  return "hidden" === document.visibilityState ? 0 : 1 / 0;
+                },
+                m = function() {
+                  u(function(e) {
+                    var t = e.timeStamp;
+                    y = t;
+                  }, !0);
+                },
+                v = function() {
+                  return (
+                    y < 0 &&
+                      ((y = d()),
+                      m(),
+                      c(function() {
+                        setTimeout(function() {
+                          (y = d()), m();
+                        }, 0);
+                      })),
+                    {
+                      get firstHiddenTime() {
+                        return y;
+                      }
+                    }
+                  );
+                },
+                p = function(e, t) {
+                  var l,
+                    g = v(),
+                    h = a("FCP"),
+                    u = function(e) {
+                      "first-contentful-paint" === e.name &&
+                        (w && w.disconnect(),
+                        e.startTime < g.firstHiddenTime &&
+                          ((h.value = e.startTime), h.entries.push(e), l(!0)));
+                    },
+                    y =
+                      performance.getEntriesByName &&
+                      performance.getEntriesByName("first-contentful-paint")[0],
+                    w = y ? null : o("paint", u);
+                  (y || w) &&
+                    ((l = f(e, h, t)),
+                    y && u(y),
+                    c(function(g) {
+                      (h = a("FCP")),
+                        (l = f(e, h, t)),
+                        requestAnimationFrame(function() {
+                          requestAnimationFrame(function() {
+                            (h.value = performance.now() - g.timeStamp), l(!0);
+                          });
+                        });
+                    }));
+                },
+                w = !1,
+                b = -1,
+                _ = { passive: !0, capture: !0 },
+                F = new Date(),
+                T = function(e, h) {
+                  t ||
+                    ((t = h),
+                    (l = e),
+                    (g = new Date()),
+                    L(removeEventListener),
+                    E());
+                },
+                E = function() {
+                  if (l >= 0 && l < g - F) {
+                    var e = {
+                      entryType: "first-input",
+                      name: t.type,
+                      target: t.target,
+                      cancelable: t.cancelable,
+                      startTime: t.timeStamp,
+                      processingStart: t.timeStamp + l
+                    };
+                    h.forEach(function(t) {
+                      t(e);
+                    }),
+                      (h = []);
+                  }
+                },
+                S = function(e) {
+                  if (e.cancelable) {
+                    var t =
+                      (e.timeStamp > 1e12 ? new Date() : performance.now()) -
+                      e.timeStamp;
+                    "pointerdown" == e.type
+                      ? (function(e, t) {
+                          var n = function() {
+                              T(e, t), r();
+                            },
+                            i = function() {
+                              r();
+                            },
+                            r = function() {
+                              removeEventListener("pointerup", n, _),
+                                removeEventListener("pointercancel", i, _);
+                            };
+                          addEventListener("pointerup", n, _),
+                            addEventListener("pointercancel", i, _);
+                        })(t, e)
+                      : T(t, e);
+                  }
+                },
+                L = function(e) {
+                  ["mousedown", "keydown", "touchstart", "pointerdown"].forEach(
+                    function(t) {
+                      return e(t, S, _);
+                    }
+                  );
+                },
+                P = new Set();
+              (e.getCLS = function(e, t) {
+                w ||
+                  (p(function(e) {
+                    b = e.value;
+                  }),
+                  (w = !0));
+                var l,
+                  i = function(t) {
+                    b > -1 && e(t);
+                  },
+                  g = a("CLS", 0),
+                  h = 0,
+                  y = [],
+                  m = function(e) {
+                    if (!e.hadRecentInput) {
+                      var t = y[0],
+                        w = y[y.length - 1];
+                      h &&
+                      e.startTime - w.startTime < 1e3 &&
+                      e.startTime - t.startTime < 5e3
+                        ? ((h += e.value), y.push(e))
+                        : ((h = e.value), (y = [e])),
+                        h > g.value && ((g.value = h), (g.entries = y), l());
+                    }
+                  },
+                  _ = o("layout-shift", m);
+                _ &&
+                  ((l = f(i, g, t)),
+                  u(function() {
+                    _.takeRecords().map(m), l(!0);
+                  }),
+                  c(function() {
+                    (h = 0), (b = -1), (g = a("CLS", 0)), (l = f(i, g, t));
+                  }));
+              }),
+                (e.getFCP = p),
+                (e.getFID = function(e, g) {
+                  var y,
+                    w = v(),
+                    b = a("FID"),
+                    p = function(e) {
+                      e.startTime < w.firstHiddenTime &&
+                        ((b.value = e.processingStart - e.startTime),
+                        b.entries.push(e),
+                        y(!0));
+                    },
+                    _ = o("first-input", p);
+                  (y = f(e, b, g)),
+                    _ &&
+                      u(function() {
+                        _.takeRecords().map(p), _.disconnect();
+                      }, !0),
+                    _ &&
+                      c(function() {
+                        var w;
+                        (b = a("FID")),
+                          (y = f(e, b, g)),
+                          (h = []),
+                          (l = -1),
+                          (t = null),
+                          L(addEventListener),
+                          (w = p),
+                          h.push(w),
+                          E();
+                      });
+                }),
+                (e.getLCP = function(e, t) {
+                  var l,
+                    g = v(),
+                    h = a("LCP"),
+                    s = function(e) {
+              
Post job cleanup.
[command]/usr/bin/git version
git version 2.34.1
[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: 5a179ca3cd065d5e2123ed66f8afeff5d241904d

@ijjk ijjk marked this pull request as ready for review December 21, 2021 02:47
'utf8'
)
// ensure undefined process.argv is handled for web runtime
// TODO: should chalk be being included in web runtime?
Copy link
Member

Choose a reason for hiding this comment

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

By "web" runtime, you mean the current middleware runtime? I would think no, chalk shouldn't be included.

Copy link
Member Author

@ijjk ijjk Dec 21, 2021

Choose a reason for hiding this comment

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

Yeah seems chalk is being pulled in with the react-18 and react-streaming-and-server-components test suites cc @huozhi

Copy link
Member

Choose a reason for hiding this comment

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

I think we have excluded it in webpack config.

...(webServerRuntime
        ? [{ etag: '{}', chalk: '{}', 'react-dom': '{}' }]

Copy link
Member Author

Choose a reason for hiding this comment

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

Ah ok looks like we just need to update that to the compiled location now, will open a follow-up PR that includes that

Copy link
Member Author

Choose a reason for hiding this comment

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

Updated in #32717, looks like etag needed to be updated as well

'copy_babel_runtime',
'copy_constants_browserify',
'copy_react_server_dom_webpack',
],
Copy link
Member

Choose a reason for hiding this comment

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

Are these serial because each one depends on the previous?

Copy link
Member Author

Choose a reason for hiding this comment

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

It seems when they are parallel taskr outputs them incorrectly

@timneutkens timneutkens merged commit 3667eba into vercel:canary Dec 21, 2021
@timneutkens timneutkens deleted the update/more-nccing branch December 21, 2021 15:13
kodiakhq bot pushed a commit that referenced this pull request Dec 22, 2021
As mentioned in #32679 (comment) it looks like these externals need to be updated to the compiled path not that they are ncc'd. Also updated the test readme a bit to reduce confusion in #32367 (comment)
kodiakhq bot pushed a commit that referenced this pull request Jan 17, 2022
This ncc's some remaining dependencies bringing us under 20 install time dependencies (including nested dependencies), this also reduces install size by another `2.75 MB`. A follow-up PR will investigate a custom install script for our swc packages to allow us to remove the `optionalDependencies` which is slowing down install time as well. 

x-ref: #32679
x-ref: #32627
x-ref: #31887
x-ref: vercel/styled-jsx#770
@vercel vercel locked as resolved and limited conversation to collaborators Jan 27, 2022
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

4 participants