Update to latest ncc and ensure caniuse-lite data is external #32064

ijjk · 2021-12-02T20:53:41Z

This updates to the latest version of ncc which includes the ability to externalize all direct requires for caniuse-lite which has been a longstanding issue since it prevents users from manually updating the caniuse-lite version.

Bug

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

Fixes: #31918
x-ref: #31984
x-ref: vercel/ncc#825 (comment)

# Conflicts: # packages/next/compiled/webpack/bundle5.js

ijjk · 2021-12-08T16:01:21Z

Stats from current PR

Default Build (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	ijjk/next.js update/ncc	Change
buildDuration	18.3s	18.4s	⚠️ +49ms
buildDurationCached	3.4s	3.4s	-28ms
nodeModulesSize	347 MB	347 MB	-37.4 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	ijjk/next.js update/ncc	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.02	3.021	0
/ avg req/sec	827.74	827.58	⚠️ -0.16
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.417	1.454	⚠️ +0.04
/error-in-render avg req/sec	1764.45	1719.04	⚠️ -45.41

Client Bundles (main, webpack, commons) Overall decrease ✓

	vercel/next.js canary	ijjk/next.js update/ncc	Change
450.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42.2 kB	42.2 kB	✓
main-HASH.js gzip	28.4 kB	28.4 kB	-32 B
webpack-HASH.js gzip	1.45 kB	1.45 kB	✓
Overall change	72.3 kB	72.2 kB	-32 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary	ijjk/next.js update/ncc	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/ncc	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.38 kB	2.38 kB	✓
head-HASH.js gzip	350 B	350 B	✓
hooks-HASH.js gzip	635 B	635 B	✓
image-HASH.js gzip	4.49 kB	4.49 kB	✓
index-HASH.js gzip	263 B	263 B	✓
link-HASH.js gzip	1.87 kB	1.87 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	13.3 kB	13.3 kB	✓

Client Build Manifests

	vercel/next.js canary	ijjk/next.js update/ncc	Change
_buildManifest.js gzip	460 B	460 B	✓
Overall change	460 B	460 B	✓

Rendered Page Sizes

	vercel/next.js canary	ijjk/next.js update/ncc	Change
index.html gzip	532 B	532 B	✓
link.html gzip	545 B	545 B	✓
withRouter.html gzip	526 B	526 B	✓
Overall change	1.6 kB	1.6 kB	✓

Diffs

Diff for main-HASH.js

@@ -7329,17 +7329,17 @@
 
     /***/ 8745: /***/ function(module) {
       var __dirname = "/";
-      module.exports = (function() {
+      (function() {
         var e = {
-          770: function(e, t) {
-            !(function(e, n) {
-              true ? n(t) : 0;
+          106: function(e, t) {
+            !(function(e, l) {
+              true ? l(t) : 0;
             })(this, function(e) {
               "use strict";
               var t,
-                n,
-                i,
-                r,
+                l,
+                g,
+                h,
                 a = function(e, t) {
                   return {
                     name: e,
@@ -7359,24 +7359,24 @@
                         !("PerformanceEventTiming" in self)
                       )
                         return;
-                      var n = new PerformanceObserver(function(e) {
+                      var l = new PerformanceObserver(function(e) {
                         return e.getEntries().map(t);
                       });
-                      return n.observe({ type: e, buffered: !0 }), n;
+                      return l.observe({ type: e, buffered: !0 }), l;
                     }
                   } catch (e) {}
                 },
                 u = function(e, t) {
-                  var i = function n(i) {
-                    ("pagehide" !== i.type &&
+                  var l = function n(l) {
+                    ("pagehide" !== l.type &&
                       "hidden" !== document.visibilityState) ||
-                      (e(i),
+                      (e(l),
                       t &&
                         (removeEventListener("visibilitychange", n, !0),
                         removeEventListener("pagehide", n, !0)));
                   };
-                  addEventListener("visibilitychange", i, !0),
-                    addEventListener("pagehide", i, !0);
+                  addEventListener("visibilitychange", l, !0),
+                    addEventListener("pagehide", l, !0);
                 },
                 c = function(e) {
                   addEventListener(
@@ -7387,98 +7387,98 @@
                     !0
                   );
                 },
-                s = function(e, t, n) {
-                  var i;
-                  return function(r) {
+                f = function(e, t, l) {
+                  var g;
+                  return function(h) {
                     t.value >= 0 &&
-                      (r || n) &&
-                      ((t.delta = t.value - (i || 0)),
-                      (t.delta || void 0 === i) && ((i = t.value), e(t)));
+                      (h || l) &&
+                      ((t.delta = t.value - (g || 0)),
+                      (t.delta || void 0 === g) && ((g = t.value), e(t)));
                   };
                 },
-                f = -1,
-                v = function() {
+                y = -1,
+                d = function() {
                   return "hidden" === document.visibilityState ? 0 : 1 / 0;
                 },
                 m = function() {
                   u(function(e) {
                     var t = e.timeStamp;
-                    f = t;
+                    y = t;
                   }, !0);
                 },
-                p = function() {
+                v = function() {
                   return (
-                    f < 0 &&
-                      ((f = v()),
+                    y < 0 &&
+                      ((y = d()),
                       m(),
                       c(function() {
                         setTimeout(function() {
-                          (f = v()), m();
+                          (y = d()), m();
                         }, 0);
                       })),
                     {
                       get firstHiddenTime() {
-                        return f;
+                        return y;
                       }
                     }
                   );
                 },
-                d = function(e, t) {
-                  var n,
-                    i = p(),
-                    r = a("FCP"),
+                p = function(e, t) {
+                  var l,
+                    g = v(),
+                    h = a("FCP"),
                     u = function(e) {
                       "first-contentful-paint" === e.name &&
-                        (v && v.disconnect(),
-                        e.startTime < i.firstHiddenTime &&
-                          ((r.value = e.startTime), r.entries.push(e), n(!0)));
+                        (w && w.disconnect(),
+                        e.startTime < g.firstHiddenTime &&
+                          ((h.value = e.startTime), h.entries.push(e), l(!0)));
                     },
-                    f =
+                    y =
                       performance.getEntriesByName &&
                       performance.getEntriesByName("first-contentful-paint")[0],
-                    v = f ? null : o("paint", u);
-                  (f || v) &&
-                    ((n = s(e, r, t)),
-                    f && u(f),
-                    c(function(i) {
-                      (r = a("FCP")),
-                        (n = s(e, r, t)),
+                    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() {
-                            (r.value = performance.now() - i.timeStamp), n(!0);
+                            (h.value = performance.now() - g.timeStamp), l(!0);
                           });
                         });
                     }));
                 },
-                l = !1,
-                g = -1,
-                h = { passive: !0, capture: !0 },
-                y = new Date(),
-                T = function(e, r) {
+                w = !1,
+                b = -1,
+                _ = { passive: !0, capture: !0 },
+                F = new Date(),
+                T = function(e, h) {
                   t ||
-                    ((t = r),
-                    (n = e),
-                    (i = new Date()),
-                    w(removeEventListener),
-                    _());
+                    ((t = h),
+                    (l = e),
+                    (g = new Date()),
+                    L(removeEventListener),
+                    E());
                 },
-                _ = function() {
-                  if (n >= 0 && n < i - y) {
+                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 + n
+                      processingStart: t.timeStamp + l
                     };
-                    r.forEach(function(t) {
+                    h.forEach(function(t) {
                       t(e);
                     }),
-                      (r = []);
+                      (h = []);
                   }
                 },
-                E = function(e) {
+                S = function(e) {
                   if (e.cancelable) {
                     var t =
                       (e.timeStamp > 1e12 ? new Date() : performance.now()) -
@@ -7492,121 +7492,121 @@
                               r();
                             },
                             r = function() {
-                              removeEventListener("pointerup", n, h),
-                                removeEventListener("pointercancel", i, h);
+                              removeEventListener("pointerup", n, _),
+                                removeEventListener("pointercancel", i, _);
                             };
-                          addEventListener("pointerup", n, h),
-                            addEventListener("pointercancel", i, h);
+                          addEventListener("pointerup", n, _),
+                            addEventListener("pointercancel", i, _);
                         })(t, e)
                       : T(t, e);
                   }
                 },
-                w = function(e) {
+                L = function(e) {
                   ["mousedown", "keydown", "touchstart", "pointerdown"].forEach(
                     function(t) {
-                      return e(t, E, h);
+                      return e(t, S, _);
                     }
                   );
                 },
-                S = new Set();
+                P = new Set();
               (e.getCLS = function(e, t) {
-                l ||
-                  (d(function(e) {
-                    g = e.value;
+                w ||
+                  (p(function(e) {
+                    b = e.value;
                   }),
-                  (l = !0));
-                var n,
+                  (w = !0));
+                var l,
                   i = function(t) {
-                    g > -1 && e(t);
+                    b > -1 && e(t);
                   },
-                  r = a("CLS", 0),
-                  f = 0,
-                  v = [],
+                  g = a("CLS", 0),
+                  h = 0,
+                  y = [],
                   m = function(e) {
                     if (!e.hadRecentInput) {
-                      var t = v[0],
-                        i = v[v.length - 1];
-                      f &&
-                      e.startTime - i.startTime < 1e3 &&
+                      var t = y[0],
+                        w = y[y.length - 1];
+                      h &&
+                      e.startTime - w.startTime < 1e3 &&
                       e.startTime - t.startTime < 5e3
-                        ? ((f += e.value), v.push(e))
-                        : ((f = e.value), (v = [e])),
-                        f > r.value && ((r.value = f), (r.entries = v), n());
+                        ? ((h += e.value), y.push(e))
+                        : ((h = e.value), (y = [e])),
+                        h > g.value && ((g.value = h), (g.entries = y), l());
                     }
                   },
-                  p = o("layout-shift", m);
-                p &&
-                  ((n = s(i, r, t)),
+                  _ = o("layout-shift", m);
+                _ &&
+                  ((l = f(i, g, t)),
                   u(function() {
-                    p.takeRecords().map(m), n(!0);
+                    _.takeRecords().map(m), l(!0);
                   }),
                   c(function() {
-                    (f = 0), (g = -1), (r = a("CLS", 0)), (n = s(i, r, t));
+                    (h = 0), (b = -1), (g = a("CLS", 0)), (l = f(i, g, t));
                   }));
               }),
-                (e.getFCP = d),
-                (e.getFID = function(e, i) {
-                  var f,
-                    v = p(),
-                    m = a("FID"),
-                    d = function(e) {
-                      e.startTime < v.firstHiddenTime &&
-                        ((m.value = e.processingStart - e.startTime),
-                        m.entries.push(e),
-                        f(!0));
+                (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));
                     },
-                    l = o("first-input", d);
-                  (f = s(e, m, i)),
-                    l &&
+                    _ = o("first-input", p);
+                  (y = f(e, b, g)),
+                    _ &&
                       u(function() {
-                        l.takeRecords().map(d), l.disconnect();
+                        _.takeRecords().map(p), _.disconnect();
                       }, !0),
-                    l &&
+                    _ &&
                       c(function() {
-                        var o;
-                        (m = a("FID")),
-                          (f = s(e, m, i)),
-                          (r = []),
-                          (n = -1),
+                        var w;
+                        (b = a("FID")),
+                          (y = f(e, b, g)),
+                          (h = []),
+                          (l = -1),
                           (t = null),
-                          w(addEventListener),
-                          (o = d),
-                          r.push(o),
-                          _();
+                          L(addEventListener),
+                          (w = p),
+                          h.push(w),
+                          E();
                       });
                 }),
                 (e.getLCP = function(e, t) {
-                  var n,
-                    i = p(),
-                    r = a("LCP"),
-                    f = function(e) {
+                  var l,
+                    g = v(),
+                    h = a("LCP"),
+                    s = function(e) {
                       var t = e.startTime;
-                      t < i.firstHiddenTime &&
-                        ((r.value = t), r.entries.push(e)),
-                        n();
+                      t < g.firstHiddenTime &&
+                        ((h.value = t), h.entries.push(e)),
+                        l();
                     },
-                    v = o("largest-contentful-paint", f);
-                  if (v) {
-                    n = s(e, r, t);
+                    y = o("largest-contentful-paint", s);
+                  if (y) {
+                    l = f(e, h, t);
                     var m = function() {
-                      S.has(r.id) ||
-                        (v.takeRecords().map(f),
-                        v.disconnect(),
-                        S.add(r.id),
-                        n(!0));
+                      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(i) {
-                        (r = a("LCP")),
-                          (n = s(e, r, t)),
+                      c(function(g) {
+                        (h = a("LCP")),
+                          (l = f(e, h, t)),
                           requestAnimationFrame(function() {
                             requestAnimationFrame(function() {
-                              (r.value = performance.now() - i.timeStamp),
-                                S.add(r.id),
-                                n(!0);
+                              (h.value = performance.now() - g.timeStamp),
+                                P.add(h.id),
+                                l(!0);
                             });
                           });
                       });
@@ -7614,7 +7614,7 @@
                 }),
                 (e.getTTFB = function(e) {
                   var t,
-                    n = a("TTFB");
+                    l = a("TTFB");
                   (t = function() {
                     try {
                       var t =
@@ -7622,15 +7622,15 @@
                         (function() {
                           var e = performance.timing,
                             t = { entryType: "navigation", startTime: 0 };
-                          for (var n in e)
-                            "navigationStart" !== n &&
-                              "toJSON" !== n &&
-                              (t[n] = Math.max(e[n] - e.navigationStart, 0));
+                          for (var l in e)
+                            "navigationStart" !== l &&
+                              "toJSON" !== l &&
+                              (t[l] = Math.max(e[l] - e.navigationStart, 0));
                           return t;
                         })();
-                      if (((n.value = n.delta = t.responseStart), n.value < 0))
+                      if (((l.value = l.delta = t.responseStart), l.value < 0))
                         return;
-                      (n.entries = [t]), e(n);
+                      (l.entries = [t]), e(l);
                     } catch (e) {}
                   }),
                     "complete" === document.readyState
@@ -7641,23 +7641,11 @@
             });
           }
         };
+        if (typeof __nccwpck_require__ !== "undefined")
+          __nccwpck_require__.ab = __dirname + "/";
         var t = {};
-        function __nccwpck_require__(n) {
-          if (t[n]) {
-            return t[n].exports;
-          }
-          var i = (t[n] = { exports: {} });
-          var r = true;
-          try {
-            e[n].call(i.exports, i, i.exports, __nccwpck_require__);
-            r = false;
-          } finally {
-            if (r) delete t[n];
-          }
-          return i.exports;
-        }
-        __nccwpck_require__.ab = __dirname + "/";
-        return __nccwpck_require__(770);
+        e[106](0, t);
+        module.exports = t;
       })();
 
       /***/

Diff for index.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-9e30dbbef07c55eb.js"
+      src="/_next/static/chunks/main-e47dc772470c8126.js"
       defer=""
     ></script>
     <script

Diff for link.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-9e30dbbef07c55eb.js"
+      src="/_next/static/chunks/main-e47dc772470c8126.js"
       defer=""
     ></script>
     <script

Diff for withRouter.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-9e30dbbef07c55eb.js"
+      src="/_next/static/chunks/main-e47dc772470c8126.js"
       defer=""
     ></script>
     <script

Default Build with SWC (Decrease detected ✓)

General Overall decrease ✓

	vercel/next.js canary	ijjk/next.js update/ncc	Change
buildDuration	19.9s	19.7s	-190ms
buildDurationCached	3.4s	3.4s	-16ms
nodeModulesSize	347 MB	347 MB	-37.4 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary	ijjk/next.js update/ncc	Change
/ failed reqs	0	0	✓
/ total time (seconds)	2.966	2.975	⚠️ +0.01
/ avg req/sec	842.94	840.29	⚠️ -2.65
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.423	1.436	⚠️ +0.01
/error-in-render avg req/sec	1757.02	1740.77	⚠️ -16.25

Client Bundles (main, webpack, commons) Overall decrease ✓

	vercel/next.js canary	ijjk/next.js update/ncc	Change
450.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42.3 kB	42.3 kB	✓
main-HASH.js gzip	28.6 kB	28.6 kB	-41 B
webpack-HASH.js gzip	1.44 kB	1.44 kB	✓
Overall change	72.5 kB	72.5 kB	-41 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary	ijjk/next.js update/ncc	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/ncc	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.37 kB	2.37 kB	✓
head-HASH.js gzip	342 B	342 B	✓
hooks-HASH.js gzip	622 B	622 B	✓
image-HASH.js gzip	4.53 kB	4.53 kB	✓
index-HASH.js gzip	256 B	256 B	✓
link-HASH.js gzip	1.9 kB	1.9 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	13.3 kB	13.3 kB	✓

Client Build Manifests

	vercel/next.js canary	ijjk/next.js update/ncc	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/ncc	Change
index.html gzip	533 B	532 B	-1 B
link.html gzip	546 B	545 B	-1 B
withRouter.html gzip	527 B	526 B	-1 B
Overall change	1.61 kB	1.6 kB	-3 B

Diffs

Diff for main-HASH.js

@@ -7329,17 +7329,17 @@
 
     /***/ 8745: /***/ function(module) {
       var __dirname = "/";
-      module.exports = (function() {
+      (function() {
         var e = {
-          770: function(e, t) {
-            !(function(e, n) {
-              true ? n(t) : 0;
+          106: function(e, t) {
+            !(function(e, l) {
+              true ? l(t) : 0;
             })(this, function(e) {
               "use strict";
               var t,
-                n,
-                i,
-                r,
+                l,
+                g,
+                h,
                 a = function(e, t) {
                   return {
                     name: e,
@@ -7359,24 +7359,24 @@
                         !("PerformanceEventTiming" in self)
                       )
                         return;
-                      var n = new PerformanceObserver(function(e) {
+                      var l = new PerformanceObserver(function(e) {
                         return e.getEntries().map(t);
                       });
-                      return n.observe({ type: e, buffered: !0 }), n;
+                      return l.observe({ type: e, buffered: !0 }), l;
                     }
                   } catch (e) {}
                 },
                 u = function(e, t) {
-                  var i = function n(i) {
-                    ("pagehide" !== i.type &&
+                  var l = function n(l) {
+                    ("pagehide" !== l.type &&
                       "hidden" !== document.visibilityState) ||
-                      (e(i),
+                      (e(l),
                       t &&
                         (removeEventListener("visibilitychange", n, !0),
                         removeEventListener("pagehide", n, !0)));
                   };
-                  addEventListener("visibilitychange", i, !0),
-                    addEventListener("pagehide", i, !0);
+                  addEventListener("visibilitychange", l, !0),
+                    addEventListener("pagehide", l, !0);
                 },
                 c = function(e) {
                   addEventListener(
@@ -7387,98 +7387,98 @@
                     !0
                   );
                 },
-                s = function(e, t, n) {
-                  var i;
-                  return function(r) {
+                f = function(e, t, l) {
+                  var g;
+                  return function(h) {
                     t.value >= 0 &&
-                      (r || n) &&
-                      ((t.delta = t.value - (i || 0)),
-                      (t.delta || void 0 === i) && ((i = t.value), e(t)));
+                      (h || l) &&
+                      ((t.delta = t.value - (g || 0)),
+                      (t.delta || void 0 === g) && ((g = t.value), e(t)));
                   };
                 },
-                f = -1,
-                v = function() {
+                y = -1,
+                d = function() {
                   return "hidden" === document.visibilityState ? 0 : 1 / 0;
                 },
                 m = function() {
                   u(function(e) {
                     var t = e.timeStamp;
-                    f = t;
+                    y = t;
                   }, !0);
                 },
-                p = function() {
+                v = function() {
                   return (
-                    f < 0 &&
-                      ((f = v()),
+                    y < 0 &&
+                      ((y = d()),
                       m(),
                       c(function() {
                         setTimeout(function() {
-                          (f = v()), m();
+                          (y = d()), m();
                         }, 0);
                       })),
                     {
                       get firstHiddenTime() {
-                        return f;
+                        return y;
                       }
                     }
                   );
                 },
-                d = function(e, t) {
-                  var n,
-                    i = p(),
-                    r = a("FCP"),
+                p = function(e, t) {
+                  var l,
+                    g = v(),
+                    h = a("FCP"),
                     u = function(e) {
                       "first-contentful-paint" === e.name &&
-                        (v && v.disconnect(),
-                        e.startTime < i.firstHiddenTime &&
-                          ((r.value = e.startTime), r.entries.push(e), n(!0)));
+                        (w && w.disconnect(),
+                        e.startTime < g.firstHiddenTime &&
+                          ((h.value = e.startTime), h.entries.push(e), l(!0)));
                     },
-                    f =
+                    y =
                       performance.getEntriesByName &&
                       performance.getEntriesByName("first-contentful-paint")[0],
-                    v = f ? null : o("paint", u);
-                  (f || v) &&
-                    ((n = s(e, r, t)),
-                    f && u(f),
-                    c(function(i) {
-                      (r = a("FCP")),
-                        (n = s(e, r, t)),
+                    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() {
-                            (r.value = performance.now() - i.timeStamp), n(!0);
+                            (h.value = performance.now() - g.timeStamp), l(!0);
                           });
                         });
                     }));
                 },
-                l = !1,
-                g = -1,
-                h = { passive: !0, capture: !0 },
-                y = new Date(),
-                T = function(e, r) {
+                w = !1,
+                b = -1,
+                _ = { passive: !0, capture: !0 },
+                F = new Date(),
+                T = function(e, h) {
                   t ||
-                    ((t = r),
-                    (n = e),
-                    (i = new Date()),
-                    w(removeEventListener),
-                    _());
+                    ((t = h),
+                    (l = e),
+                    (g = new Date()),
+                    L(removeEventListener),
+                    E());
                 },
-                _ = function() {
-                  if (n >= 0 && n < i - y) {
+                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 + n
+                      processingStart: t.timeStamp + l
                     };
-                    r.forEach(function(t) {
+                    h.forEach(function(t) {
                       t(e);
                     }),
-                      (r = []);
+                      (h = []);
                   }
                 },
-                E = function(e) {
+                S = function(e) {
                   if (e.cancelable) {
                     var t =
                       (e.timeStamp > 1e12 ? new Date() : performance.now()) -
@@ -7492,121 +7492,121 @@
                               r();
                             },
                             r = function() {
-                              removeEventListener("pointerup", n, h),
-                                removeEventListener("pointercancel", i, h);
+                              removeEventListener("pointerup", n, _),
+                                removeEventListener("pointercancel", i, _);
                             };
-                          addEventListener("pointerup", n, h),
-                            addEventListener("pointercancel", i, h);
+                          addEventListener("pointerup", n, _),
+                            addEventListener("pointercancel", i, _);
                         })(t, e)
                       : T(t, e);
                   }
                 },
-                w = function(e) {
+                L = function(e) {
                   ["mousedown", "keydown", "touchstart", "pointerdown"].forEach(
                     function(t) {
-                      return e(t, E, h);
+                      return e(t, S, _);
                     }
                   );
                 },
-                S = new Set();
+                P = new Set();
               (e.getCLS = function(e, t) {
-                l ||
-                  (d(function(e) {
-                    g = e.value;
+                w ||
+                  (p(function(e) {
+                    b = e.value;
                   }),
-                  (l = !0));
-                var n,
+                  (w = !0));
+                var l,
                   i = function(t) {
-                    g > -1 && e(t);
+                    b > -1 && e(t);
                   },
-                  r = a("CLS", 0),
-                  f = 0,
-                  v = [],
+                  g = a("CLS", 0),
+                  h = 0,
+                  y = [],
                   m = function(e) {
                     if (!e.hadRecentInput) {
-                      var t = v[0],
-                        i = v[v.length - 1];
-                      f &&
-                      e.startTime - i.startTime < 1e3 &&
+                      var t = y[0],
+                        w = y[y.length - 1];
+                      h &&
+                      e.startTime - w.startTime < 1e3 &&
                       e.startTime - t.startTime < 5e3
-                        ? ((f += e.value), v.push(e))
-                        : ((f = e.value), (v = [e])),
-                        f > r.value && ((r.value = f), (r.entries = v), n());
+                        ? ((h += e.value), y.push(e))
+                        : ((h = e.value), (y = [e])),
+                        h > g.value && ((g.value = h), (g.entries = y), l());
                     }
                   },
-                  p = o("layout-shift", m);
-                p &&
-                  ((n = s(i, r, t)),
+                  _ = o("layout-shift", m);
+                _ &&
+                  ((l = f(i, g, t)),
                   u(function() {
-                    p.takeRecords().map(m), n(!0);
+                    _.takeRecords().map(m), l(!0);
                   }),
                   c(function() {
-                    (f = 0), (g = -1), (r = a("CLS", 0)), (n = s(i, r, t));
+                    (h = 0), (b = -1), (g = a("CLS", 0)), (l = f(i, g, t));
                   }));
               }),
-                (e.getFCP = d),
-                (e.getFID = function(e, i) {
-                  var f,
-                    v = p(),
-                    m = a("FID"),
-                    d = function(e) {
-                      e.startTime < v.firstHiddenTime &&
-                        ((m.value = e.processingStart - e.startTime),
-                        m.entries.push(e),
-                        f(!0));
+                (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));
                     },
-                    l = o("first-input", d);
-                  (f = s(e, m, i)),
-                    l &&
+                    _ = o("first-input", p);
+                  (y = f(e, b, g)),
+                    _ &&
                       u(function() {
-                        l.takeRecords().map(d), l.disconnect();
+                        _.takeRecords().map(p), _.disconnect();
                       }, !0),
-                    l &&
+                    _ &&
                       c(function() {
-                        var o;
-                        (m = a("FID")),
-                          (f = s(e, m, i)),
-                          (r = []),
-                          (n = -1),
+                        var w;
+                        (b = a("FID")),
+                          (y = f(e, b, g)),
+                          (h = []),
+                          (l = -1),
                           (t = null),
-                          w(addEventListener),
-                          (o = d),
-                          r.push(o),
-                          _();
+                          L(addEventListener),
+                          (w = p),
+                          h.push(w),
+                          E();
                       });
                 }),
                 (e.getLCP = function(e, t) {
-                  var n,
-                    i = p(),
-                    r = a("LCP"),
-                    f = function(e) {
+                  var l,
+                    g = v(),
+                    h = a("LCP"),
+                    s = function(e) {
                       var t = e.startTime;
-                      t < i.firstHiddenTime &&
-                        ((r.value = t), r.entries.push(e)),
-                        n();
+                      t < g.firstHiddenTime &&
+                        ((h.value = t), h.entries.push(e)),
+                        l();
                     },
-                    v = o("largest-contentful-paint", f);
-                  if (v) {
-                    n = s(e, r, t);
+                    y = o("largest-contentful-paint", s);
+                  if (y) {
+                    l = f(e, h, t);
                     var m = function() {
-                      S.has(r.id) ||
-                        (v.takeRecords().map(f),
-                        v.disconnect(),
-                        S.add(r.id),
-                        n(!0));
+                      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(i) {
-                        (r = a("LCP")),
-                          (n = s(e, r, t)),
+                      c(function(g) {
+                        (h = a("LCP")),
+                          (l = f(e, h, t)),
                           requestAnimationFrame(function() {
                             requestAnimationFrame(function() {
-                              (r.value = performance.now() - i.timeStamp),
-                                S.add(r.id),
-                                n(!0);
+                              (h.value = performance.now() - g.timeStamp),
+                                P.add(h.id),
+                                l(!0);
                             });
                           });
                       });
@@ -7614,7 +7614,7 @@
                 }),
                 (e.getTTFB = function(e) {
                   var t,
-                    n = a("TTFB");
+                    l = a("TTFB");
                   (t = function() {
                     try {
                       var t =
@@ -7622,15 +7622,15 @@
                         (function() {
                           var e = performance.timing,
                             t = { entryType: "navigation", startTime: 0 };
-                          for (var n in e)
-                            "navigationStart" !== n &&
-                              "toJSON" !== n &&
-                              (t[n] = Math.max(e[n] - e.navigationStart, 0));
+                          for (var l in e)
+                            "navigationStart" !== l &&
+                              "toJSON" !== l &&
+                              (t[l] = Math.max(e[l] - e.navigationStart, 0));
                           return t;
                         })();
-                      if (((n.value = n.delta = t.responseStart), n.value < 0))
+                      if (((l.value = l.delta = t.responseStart), l.value < 0))
                         return;
-                      (n.entries = [t]), e(n);
+                      (l.entries = [t]), e(l);
                     } catch (e) {}
                   }),
                     "complete" === document.readyState
@@ -7641,23 +7641,11 @@
             });
           }
         };
+        if (typeof __nccwpck_require__ !== "undefined")
+          __nccwpck_require__.ab = __dirname + "/";
         var t = {};
-        function __nccwpck_require__(n) {
-          if (t[n]) {
-            return t[n].exports;
-          }
-          var i = (t[n] = { exports: {} });
-          var r = true;
-          try {
-            e[n].call(i.exports, i, i.exports, __nccwpck_require__);
-            r = false;
-          } finally {
-            if (r) delete t[n];
-          }
-          return i.exports;
-        }
-        __nccwpck_require__.ab = __dirname + "/";
-        return __nccwpck_require__(770);
+        e[106](0, t);
+        module.exports = t;
       })();
 
       /***/

Diff for index.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-9e30dbbef07c55eb.js"
+      src="/_next/static/chunks/main-e47dc772470c8126.js"
       defer=""
     ></script>
     <script

Diff for link.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-9e30dbbef07c55eb.js"
+      src="/_next/static/chunks/main-e47dc772470c8126.js"
       defer=""
     ></script>
     <script

Diff for withRouter.html

@@ -19,7 +19,7 @@
       defer=""
     ></script>
     <script
-      src="/_next/static/chunks/main-9e30dbbef07c55eb.js"
+      src="/_next/static/chunks/main-e47dc772470c8126.js"
       defer=""
     ></script>
     <script

Commit: 488f3e9

ijjk added 2 commits December 2, 2021 14:50

Ensure caniuse-lite data is external for nccing

21f2d32

lint

f33ffc9

ijjk added create-next-app Related to our CLI tool for quickly starting a new Next.js application. created-by: Next.js team PRs by the Next.js team type: next labels Dec 2, 2021

This comment has been minimized.

Sign in to view

ijjk added 2 commits December 2, 2021 15:17

ensure assetBuilds config is set

a93071b

update compiled

d34e1f0

This comment has been minimized.

Sign in to view

Merge branch 'canary' into update/ncc

3846b14

This comment has been minimized.

Sign in to view

ijjk marked this pull request as ready for review December 3, 2021 16:53

ijjk requested review from huozhi, shuding and timneutkens as code owners December 3, 2021 16:53

ijjk added 2 commits December 7, 2021 16:44

Merge branch 'canary' into update/ncc

7c1b257

# Conflicts: # packages/next/compiled/webpack/bundle5.js

Merge branch 'update/ncc' of github.com:ijjk/next.js into update/ncc

af9827d

ijjk requested a review from balazsorban44 December 7, 2021 22:54

This comment has been minimized.

Sign in to view

ijjk requested a review from styfle December 7, 2021 23:40

styfle approved these changes Dec 8, 2021

View reviewed changes

balazsorban44 approved these changes Dec 8, 2021

View reviewed changes

Merge branch 'canary' into update/ncc

ce865ed

This comment has been minimized.

Sign in to view

Merge branch 'canary' into update/ncc

488f3e9

ijjk merged commit 8fb5ef1 into vercel:canary Dec 8, 2021

ijjk deleted the update/ncc branch December 8, 2021 16:41

vercel locked as resolved and limited conversation to collaborators Jan 27, 2022

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Update to latest ncc and ensure caniuse-lite data is external #32064

Update to latest ncc and ensure caniuse-lite data is external #32064

ijjk commented Dec 2, 2021 •

edited

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

ijjk commented Dec 8, 2021

Diffs

Diffs

Update to latest ncc and ensure caniuse-lite data is external #32064

Update to latest ncc and ensure caniuse-lite data is external #32064

Conversation

ijjk commented Dec 2, 2021 • edited

Bug

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

This comment has been minimized.

ijjk commented Dec 8, 2021

Stats from current PR

Diffs

Diffs

ijjk commented Dec 2, 2021 •

edited