Stats from current release

ijjk · 2022-05-11T15:37:52Z

Stats from current release

Default Build (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
buildDuration	14.8s	14.9s	⚠️ +85ms
buildDurationCached	6.2s	6.2s	-46ms
nodeModulesSize	83.4 MB	83.6 MB	⚠️ +238 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.717	3.953	⚠️ +0.24
/ avg req/sec	672.61	632.43	⚠️ -40.18
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.367	1.348	-0.02
/error-in-render avg req/sec	1829.31	1855.26	+25.95

Client Bundles (main, webpack) Overall increase ⚠️

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
925.HASH.js gzip	179 B	179 B	✓
framework-HASH.js gzip	42 kB	42 kB	✓
main-HASH.js gzip	28.6 kB	28.8 kB	⚠️ +159 B
webpack-HASH.js gzip	1.44 kB	1.44 kB	✓
Overall change	72.3 kB	72.5 kB	⚠️ +159 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall decrease ✓

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
_app-HASH.js gzip	1.36 kB	1.36 kB	✓
_error-HASH.js gzip	193 B	193 B	✓
amp-HASH.js gzip	308 B	308 B	✓
css-HASH.js gzip	327 B	327 B	✓
dynamic-HASH.js gzip	3.08 kB	2.69 kB	-387 B
head-HASH.js gzip	359 B	359 B	✓
hooks-HASH.js gzip	920 B	920 B	✓
image-HASH.js gzip	5.71 kB	5.7 kB	-9 B
index-HASH.js gzip	263 B	263 B	✓
link-HASH.js gzip	2.64 kB	2.64 kB	✓
routerDirect..HASH.js gzip	320 B	320 B	✓
script-HASH.js gzip	391 B	391 B	✓
withRouter-HASH.js gzip	318 B	318 B	✓
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	16.3 kB	15.9 kB	-396 B

Client Build Manifests

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
_buildManifest.js gzip	459 B	459 B	✓
Overall change	459 B	459 B	✓

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
index.html gzip	531 B	532 B	⚠️ +1 B
link.html gzip	544 B	545 B	⚠️ +1 B
withRouter.html gzip	527 B	527 B	✓
Overall change	1.6 kB	1.6 kB	⚠️ +2 B

Diffs

Diff for _buildManifest.js

@@ -8,11 +8,11 @@ self.__BUILD_MANIFEST = {
     "static\u002Fchunks\u002Fpages\u002Fcss-436fa6bb26fc4120.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-80f5580e1c1b8ce3.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-8e11b4c2953d70e9.js"
   ],
   "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-544bb68363445a0e.js"],
   "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-c1372eeb4916d32c.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-75136b1767faacf3.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-550ed853173c68fb.js"],
   "/link": ["static\u002Fchunks\u002Fpages\u002Flink-ca5e63d57db66cd2.js"],
   "/routerDirect": [
     "static\u002Fchunks\u002Fpages\u002FrouterDirect-113a7082ae16fbcb.js"

Diff for dynamic-HASH.js

@@ -255,7 +255,7 @@
       });
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(7294));
-      var _useSubscription = __webpack_require__(2021);
+      var _shim = __webpack_require__(1688);
       var _loadableContext = __webpack_require__(3644);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
@@ -308,7 +308,11 @@
           var context = _react.default.useContext(
             _loadableContext.LoadableContext
           );
-          var state = (0, _useSubscription).useSubscription(subscription);
+          var state = (0, _shim).useSyncExternalStore(
+            subscription.subscribe,
+            subscription.getCurrentValue,
+            subscription.getCurrentValue
+          );
           _react.default.useImperativeHandle(
             ref,
             function() {
@@ -368,7 +372,7 @@
         if (opts.suspense) {
           opts.lazy = _react.default.lazy(opts.loader);
         }
-        var subscription = null;
+        /** @type LoadableSubscription */ var subscription = null;
         // Server only
         if (false) {
         }
@@ -631,195 +635,103 @@
       /***/
     },
 
-    /***/ 2021: /***/ function(
+    /***/ 5152: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      var __dirname = "/";
-      (function() {
-        "use strict";
-        var e = {
-          800: function(e) {
-            /*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-            var r = Object.getOwnPropertySymbols;
-            var t = Object.prototype.hasOwnProperty;
-            var u = Object.prototype.propertyIsEnumerable;
-            function toObject(e) {
-              if (e === null || e === undefined) {
-                throw new TypeError(
-                  "Object.assign cannot be called with null or undefined"
-                );
-              }
-              return Object(e);
-            }
-            function shouldUseNative() {
-              try {
-                if (!Object.assign) {
-                  return false;
-                }
-                var e = new String("abc");
-                e[5] = "de";
-                if (Object.getOwnPropertyNames(e)[0] === "5") {
-                  return false;
-                }
-                var r = {};
-                for (var t = 0; t < 10; t++) {
-                  r["_" + String.fromCharCode(t)] = t;
-                }
-                var u = Object.getOwnPropertyNames(r).map(function(e) {
-                  return r[e];
-                });
-                if (u.join("") !== "0123456789") {
-                  return false;
-                }
-                var n = {};
-                "abcdefghijklmnopqrst".split("").forEach(function(e) {
-                  n[e] = e;
-                });
-                if (
-                  Object.keys(Object.assign({}, n)).join("") !==
-                  "abcdefghijklmnopqrst"
-                ) {
-                  return false;
-                }
-                return true;
-              } catch (e) {
-                return false;
-              }
-            }
-            e.exports = shouldUseNative()
-              ? Object.assign
-              : function(e, n) {
-                  var a;
-                  var i = toObject(e);
-                  var s;
-                  for (var c = 1; c < arguments.length; c++) {
-                    a = Object(arguments[c]);
-                    for (var o in a) {
-                      if (t.call(a, o)) {
-                        i[o] = a[o];
-                      }
-                    }
-                    if (r) {
-                      s = r(a);
-                      for (var f = 0; f < s.length; f++) {
-                        if (u.call(a, s[f])) {
-                          i[s[f]] = a[s[f]];
-                        }
-                      }
-                    }
-                  }
-                  return i;
-                };
-          },
-          569: function(e, r, t) {
-            /** @license React vundefined
-             * use-subscription.development.js
-             *
-             * Copyright (c) Facebook, Inc. and its affiliates.
-             *
-             * This source code is licensed under the MIT license found in the
-             * LICENSE file in the root directory of this source tree.
-             */
-            if (false) {
-            }
-          },
-          403: function(e, r, t) {
-            /** @license React vundefined
-             * use-subscription.production.min.js
-             *
-             * Copyright (c) Facebook, Inc. and its affiliates.
-             *
-             * This source code is licensed under the MIT license found in the
-             * LICENSE file in the root directory of this source tree.
-             */
-            var u = t(800),
-              n = t(522);
-            r.useSubscription = function(e) {
-              var r = e.getCurrentValue,
-                t = e.subscribe,
-                a = n.useState(function() {
-                  return { getCurrentValue: r, subscribe: t, value: r() };
-                });
-              e = a[0];
-              var i = a[1];
-              a = e.value;
-              if (e.getCurrentValue !== r || e.subscribe !== t)
-                (a = r()), i({ getCurrentValue: r, subscribe: t, value: a });
-              n.useDebugValue(a);
-              n.useEffect(
-                function() {
-                  function b() {
-                    if (!e) {
-                      var n = r();
-                      i(function(e) {
-                        return e.getCurrentValue !== r ||
-                          e.subscribe !== t ||
-                          e.value === n
-                          ? e
-                          : u({}, e, { value: n });
-                      });
-                    }
-                  }
-                  var e = !1,
-                    n = t(b);
-                  b();
-                  return function() {
-                    e = !0;
-                    n();
-                  };
-                },
-                [r, t]
-              );
-              return a;
-            };
+      module.exports = __webpack_require__(7645);
+
+      /***/
+    },
+
+    /***/ 3250: /***/ function(
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) {
+      "use strict";
+      /**
+       * @license React
+       * use-sync-external-store-shim.production.min.js
+       *
+       * Copyright (c) Facebook, Inc. and its affiliates.
+       *
+       * This source code is licensed under the MIT license found in the
+       * LICENSE file in the root directory of this source tree.
+       */
+      var e = __webpack_require__(7294);
+      function h(a, b) {
+        return (
+          (a === b && (0 !== a || 1 / a === 1 / b)) || (a !== a && b !== b)
+        );
+      }
+      var k = "function" === typeof Object.is ? Object.is : h,
+        l = e.useState,
+        m = e.useEffect,
+        n = e.useLayoutEffect,
+        p = e.useDebugValue;
+      function q(a, b) {
+        var d = b(),
+          f = l({ inst: { value: d, getSnapshot: b } }),
+          c = f[0].inst,
+          g = f[1];
+        n(
+          function() {
+            c.value = d;
+            c.getSnapshot = b;
+            r(c) && g({ inst: c });
           },
-          138: function(e, r, t) {
-            if (true) {
-              e.exports = t(403);
-            } else {
-            }
+          [a, d, b]
+        );
+        m(
+          function() {
+            r(c) && g({ inst: c });
+            return a(function() {
+              r(c) && g({ inst: c });
+            });
           },
-          522: function(e) {
-            e.exports = __webpack_require__(7294);
-          }
-        };
-        var r = {};
-        function __nccwpck_require__(t) {
-          var u = r[t];
-          if (u !== undefined) {
-            return u.exports;
-          }
-          var n = (r[t] = { exports: {} });
-          var a = true;
-          try {
-            e[t](n, n.exports, __nccwpck_require__);
-            a = false;
-          } finally {
-            if (a) delete r[t];
-          }
-          return n.exports;
+          [a]
+        );
+        p(d);
+        return d;
+      }
+      function r(a) {
+        var b = a.getSnapshot;
+        a = a.value;
+        try {
+          var d = b();
+          return !k(a, d);
+        } catch (f) {
+          return !0;
         }
-        if (typeof __nccwpck_require__ !== "undefined")
-          __nccwpck_require__.ab = __dirname + "/";
-        var t = __nccwpck_require__(138);
-        module.exports = t;
-      })();
+      }
+      function t(a, b) {
+        return b();
+      }
+      var u =
+        "undefined" === typeof window ||
+        "undefined" === typeof window.document ||
+        "undefined" === typeof window.document.createElement
+          ? t
+          : q;
+      exports.useSyncExternalStore =
+        void 0 !== e.useSyncExternalStore ? e.useSyncExternalStore : u;
 
       /***/
     },
 
-    /***/ 5152: /***/ function(
+    /***/ 1688: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(7645);
+      "use strict";
+
+      if (true) {
+        module.exports = __webpack_require__(3250);
+      } else {
+      }
 
       /***/
     }

Diff for image-HASH.js

@@ -619,17 +619,22 @@
         }
         return target;
       }
-      var ref;
-      var experimentalLayoutRaw =
-        (ref = {
-          deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
-          imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-          path: "/_next/image",
-          loader: "default",
-          experimentalLayoutRaw: false
-        }) === null || ref === void 0
-          ? void 0
-          : ref.experimentalLayoutRaw;
+      var ref =
+          {
+            deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+            imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+            path: "/_next/image",
+            loader: "default",
+            experimentalLayoutRaw: false
+          } || {},
+        _experimentalLayoutRaw = ref.experimentalLayoutRaw,
+        experimentalLayoutRaw =
+          _experimentalLayoutRaw === void 0 ? false : _experimentalLayoutRaw,
+        _experimentalRemotePatterns = ref.experimentalRemotePatterns,
+        experimentalRemotePatterns =
+          _experimentalRemotePatterns === void 0
+            ? []
+            : _experimentalRemotePatterns;
       var configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
         imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
@@ -756,9 +761,9 @@
             sizes: undefined
           };
         }
-        var ref3 = getWidths(config, width, layout, sizes),
-          widths = ref3.widths,
-          kind = ref3.kind;
+        var ref4 = getWidths(config, width, layout, sizes),
+          widths = ref4.widths,
+          kind = ref4.kind;
         var last = widths.length - 1;
         return {
           sizes: !sizes && kind === "w" ? "100vw" : sizes,
@@ -802,11 +807,11 @@
         return undefined;
       }
       function defaultImageLoader(loaderProps) {
-        var ref2;
+        var ref5;
         var loaderKey =
-          ((ref2 = loaderProps.config) === null || ref2 === void 0
+          ((ref5 = loaderProps.config) === null || ref5 === void 0
             ? void 0
-            : ref2.loader) || "default";
+            : ref5.loader) || "default";
         var load = loaders.get(loaderKey);
         if (load) {
           return load(loaderProps);
@@ -864,7 +869,7 @@
             });
           }
           if (false) {
-            var parent, widthModified, heightModified, ref3;
+            var parent, widthModified, heightModified, ref6;
           }
         });
       }
@@ -1081,7 +1086,7 @@
           width = param.width,
           quality = param.quality;
         if (false) {
-          var parsedSrc, missingValues;
+          var hasMatch, parsedSrc, missingValues;
         }
         if (src.endsWith(".svg") && !config.dangerouslyAllowSVG) {
           // Special case to make svg serve as-is to avoid proxying

Diff for main-HASH.js

@@ -458,7 +458,6 @@
       exports.emitter = exports.router = exports.version = void 0;
       __webpack_require__(37);
       var _react = _interopRequireWildcard1(__webpack_require__(7294));
-      var _reactDom = _interopRequireDefault1(__webpack_require__(3935));
       var _headManagerContext = __webpack_require__(4664);
       var _mitt = _interopRequireDefault1(__webpack_require__(8550));
       var _routerContext = __webpack_require__(2692);
@@ -627,7 +626,8 @@
         }
         return target;
       }
-      var version = "12.1.6";
+      var ReactDOM = false ? 0 : __webpack_require__(3935);
+      var version = "12.1.7-canary.4";
       exports.version = version;
       var router;
       exports.router = router;
@@ -1179,14 +1179,14 @@
           shouldHydrate ? markHydrateComplete : markRenderComplete
         );
         if (false) {
-          var startTransition, ReactDOMClient;
+          var startTransition;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
           if (shouldHydrate) {
-            _reactDom.default.hydrate(reactEl, domEl);
+            ReactDOM.hydrate(reactEl, domEl);
             shouldHydrate = false;
           } else {
-            _reactDom.default.render(reactEl, domEl);
+            ReactDOM.render(reactEl, domEl);
           }
         }
       }
@@ -2157,6 +2157,7 @@
       var _getAssetPathFromRoute = _interopRequireDefault(
         __webpack_require__(7929)
       );
+      var _trustedTypes = __webpack_require__(5407);
       var _requestIdleCallback = __webpack_require__(4686);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
@@ -2326,6 +2327,7 @@
       }
       function getFilesForRoute(assetPrefix, route) {
         if (false) {
+          var scriptUrl;
         }
         return getClientBuildManifest().then(function(manifest) {
           if (!(route in manifest)) {
@@ -2337,9 +2339,13 @@
             return assetPrefix + "/_next/" + encodeURI(entry);
           });
           return {
-            scripts: allFiles.filter(function(v) {
-              return v.endsWith(".js");
-            }),
+            scripts: allFiles
+              .filter(function(v) {
+                return v.endsWith(".js");
+              })
+              .map(function(v) {
+                return (0, _trustedTypes).__unsafeCreateTrustedScriptURL(v);
+              }),
             css: allFiles.filter(function(v) {
               return v.endsWith(".css");
             })
@@ -2352,7 +2358,7 @@
           // disposed and readded. Executing scripts twice has no functional
           // differences
           if (true) {
-            var prom = loadedScripts.get(src);
+            var prom = loadedScripts.get(src.toString());
             if (prom) {
               return prom;
             }
@@ -2360,7 +2366,7 @@
             if (document.querySelector('script[src^="'.concat(src, '"]'))) {
               return Promise.resolve();
             }
-            loadedScripts.set(src, (prom = appendScript(src)));
+            loadedScripts.set(src.toString(), (prom = appendScript(src)));
             return prom;
           } else {
           }
@@ -2515,7 +2521,7 @@
                 return Promise.all(
                   canPrefetch
                     ? output.scripts.map(function(script) {
-                        return prefetchViaDom(script, "script");
+                        return prefetchViaDom(script.toString(), "script");
                       })
                     : []
                 );
@@ -3346,6 +3352,59 @@
       /***/
     },
 
+    /***/ 5407: /***/ function(module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.__unsafeCreateTrustedScriptURL = __unsafeCreateTrustedScriptURL;
+      /**
+       * Stores the Trusted Types Policy. Starts as undefined and can be set to null
+       * if Trusted Types is not supported in the browser.
+       */ var policy;
+      /**
+       * Getter for the Trusted Types Policy. If it is undefined, it is instantiated
+       * here or set to null if Trusted Types is not supported in the browser.
+       */ function getPolicy() {
+        if (typeof policy === "undefined" && "object" !== "undefined") {
+          var ref;
+          policy =
+            ((ref = window.trustedTypes) === null || ref === void 0
+              ? void 0
+              : ref.createPolicy("nextjs", {
+                  createHTML: function(input) {
+                    return input;
+                  },
+                  createScript: function(input) {
+                    return input;
+                  },
+                  createScriptURL: function(input) {
+                    return input;
+                  }
+                })) || null;
+        }
+        return policy;
+      }
+      function __unsafeCreateTrustedScriptURL(url) {
+        var ref;
+        return (
+          ((ref = getPolicy()) === null || ref === void 0
+            ? void 0
+            : ref.createScriptURL(url)) || url
+        );
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=trusted-types.js.map
+
+      /***/
+    },
+
     /***/ 9977: /***/ function(module, exports, __webpack_require__) {
       "use strict";

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

Default Build with SWC (Increase detected ⚠️)

General Overall increase ⚠️

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
buildDuration	11.9s	12.2s	⚠️ +258ms
buildDurationCached	6.2s	6.1s	-82ms
nodeModulesSize	83.4 MB	83.6 MB	⚠️ +238 kB

Page Load Tests Overall decrease ⚠️

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
/ failed reqs	0	0	✓
/ total time (seconds)	3.707	4.027	⚠️ +0.32
/ avg req/sec	674.35	620.85	⚠️ -53.5
/error-in-render failed reqs	0	0	✓
/error-in-render total time (seconds)	1.366	1.404	⚠️ +0.04
/error-in-render avg req/sec	1830.49	1781.19	⚠️ -49.3

Client Bundles (main, webpack) Overall increase ⚠️

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
925.HASH.js gzip	178 B	178 B	✓
framework-HASH.js gzip	42.2 kB	42.2 kB	✓
main-HASH.js gzip	29.1 kB	29.2 kB	⚠️ +155 B
webpack-HASH.js gzip	1.45 kB	1.45 kB	✓
Overall change	73 kB	73.1 kB	⚠️ +155 B

Legacy Client Bundles (polyfills)

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
polyfills-HASH.js gzip	31 kB	31 kB	✓
Overall change	31 kB	31 kB	✓

Client Pages Overall decrease ✓

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
_app-HASH.js gzip	1.35 kB	1.35 kB	✓
_error-HASH.js gzip	179 B	179 B	✓
amp-HASH.js gzip	312 B	312 B	✓
css-HASH.js gzip	324 B	324 B	✓
dynamic-HASH.js gzip	3.08 kB	2.71 kB	-368 B
head-HASH.js gzip	357 B	357 B	✓
hooks-HASH.js gzip	921 B	921 B	✓
image-HASH.js gzip	5.76 kB	5.79 kB	⚠️ +25 B
index-HASH.js gzip	261 B	261 B	✓
link-HASH.js gzip	2.76 kB	2.76 kB	✓
routerDirect..HASH.js gzip	322 B	322 B	✓
script-HASH.js gzip	392 B	392 B	✓
withRouter-HASH.js gzip	317 B	317 B	✓
85e02e95b279..7e3.css gzip	107 B	107 B	✓
Overall change	16.5 kB	16.1 kB	-343 B

Client Build Manifests Overall decrease ✓

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
_buildManifest.js gzip	458 B	456 B	-2 B
Overall change	458 B	456 B	-2 B

Rendered Page Sizes Overall increase ⚠️

	vercel/next.js canary v12.1.6	vercel/next.js refs/heads/canary	Change
index.html gzip	529 B	530 B	⚠️ +1 B
link.html gzip	543 B	544 B	⚠️ +1 B
withRouter.html gzip	526 B	527 B	⚠️ +1 B
Overall change	1.6 kB	1.6 kB	⚠️ +3 B

Diffs

Diff for _buildManifest.js

@@ -8,11 +8,11 @@ self.__BUILD_MANIFEST = {
     "static\u002Fchunks\u002Fpages\u002Fcss-436fa6bb26fc4120.js"
   ],
   "/dynamic": [
-    "static\u002Fchunks\u002Fpages\u002Fdynamic-80f5580e1c1b8ce3.js"
+    "static\u002Fchunks\u002Fpages\u002Fdynamic-8e11b4c2953d70e9.js"
   ],
   "/head": ["static\u002Fchunks\u002Fpages\u002Fhead-544bb68363445a0e.js"],
   "/hooks": ["static\u002Fchunks\u002Fpages\u002Fhooks-c1372eeb4916d32c.js"],
-  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-75136b1767faacf3.js"],
+  "/image": ["static\u002Fchunks\u002Fpages\u002Fimage-550ed853173c68fb.js"],
   "/link": ["static\u002Fchunks\u002Fpages\u002Flink-ca5e63d57db66cd2.js"],
   "/routerDirect": [
     "static\u002Fchunks\u002Fpages\u002FrouterDirect-113a7082ae16fbcb.js"

Diff for dynamic-HASH.js

@@ -255,7 +255,7 @@
       });
       exports["default"] = void 0;
       var _react = _interopRequireDefault(__webpack_require__(7294));
-      var _useSubscription = __webpack_require__(2021);
+      var _shim = __webpack_require__(1688);
       var _loadableContext = __webpack_require__(3644);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
@@ -308,7 +308,11 @@
           var context = _react.default.useContext(
             _loadableContext.LoadableContext
           );
-          var state = (0, _useSubscription).useSubscription(subscription);
+          var state = (0, _shim).useSyncExternalStore(
+            subscription.subscribe,
+            subscription.getCurrentValue,
+            subscription.getCurrentValue
+          );
           _react.default.useImperativeHandle(
             ref,
             function() {
@@ -368,7 +372,7 @@
         if (opts.suspense) {
           opts.lazy = _react.default.lazy(opts.loader);
         }
-        var subscription = null;
+        /** @type LoadableSubscription */ var subscription = null;
         // Server only
         if (false) {
         }
@@ -631,195 +635,103 @@
       /***/
     },
 
-    /***/ 2021: /***/ function(
+    /***/ 5152: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      var __dirname = "/";
-      (function() {
-        "use strict";
-        var e = {
-          800: function(e) {
-            /*
-object-assign
-(c) Sindre Sorhus
-@license MIT
-*/
-            var r = Object.getOwnPropertySymbols;
-            var t = Object.prototype.hasOwnProperty;
-            var u = Object.prototype.propertyIsEnumerable;
-            function toObject(e) {
-              if (e === null || e === undefined) {
-                throw new TypeError(
-                  "Object.assign cannot be called with null or undefined"
-                );
-              }
-              return Object(e);
-            }
-            function shouldUseNative() {
-              try {
-                if (!Object.assign) {
-                  return false;
-                }
-                var e = new String("abc");
-                e[5] = "de";
-                if (Object.getOwnPropertyNames(e)[0] === "5") {
-                  return false;
-                }
-                var r = {};
-                for (var t = 0; t < 10; t++) {
-                  r["_" + String.fromCharCode(t)] = t;
-                }
-                var u = Object.getOwnPropertyNames(r).map(function(e) {
-                  return r[e];
-                });
-                if (u.join("") !== "0123456789") {
-                  return false;
-                }
-                var n = {};
-                "abcdefghijklmnopqrst".split("").forEach(function(e) {
-                  n[e] = e;
-                });
-                if (
-                  Object.keys(Object.assign({}, n)).join("") !==
-                  "abcdefghijklmnopqrst"
-                ) {
-                  return false;
-                }
-                return true;
-              } catch (e) {
-                return false;
-              }
-            }
-            e.exports = shouldUseNative()
-              ? Object.assign
-              : function(e, n) {
-                  var a;
-                  var i = toObject(e);
-                  var s;
-                  for (var c = 1; c < arguments.length; c++) {
-                    a = Object(arguments[c]);
-                    for (var o in a) {
-                      if (t.call(a, o)) {
-                        i[o] = a[o];
-                      }
-                    }
-                    if (r) {
-                      s = r(a);
-                      for (var f = 0; f < s.length; f++) {
-                        if (u.call(a, s[f])) {
-                          i[s[f]] = a[s[f]];
-                        }
-                      }
-                    }
-                  }
-                  return i;
-                };
-          },
-          569: function(e, r, t) {
-            /** @license React vundefined
-             * use-subscription.development.js
-             *
-             * Copyright (c) Facebook, Inc. and its affiliates.
-             *
-             * This source code is licensed under the MIT license found in the
-             * LICENSE file in the root directory of this source tree.
-             */
-            if (false) {
-            }
-          },
-          403: function(e, r, t) {
-            /** @license React vundefined
-             * use-subscription.production.min.js
-             *
-             * Copyright (c) Facebook, Inc. and its affiliates.
-             *
-             * This source code is licensed under the MIT license found in the
-             * LICENSE file in the root directory of this source tree.
-             */
-            var u = t(800),
-              n = t(522);
-            r.useSubscription = function(e) {
-              var r = e.getCurrentValue,
-                t = e.subscribe,
-                a = n.useState(function() {
-                  return { getCurrentValue: r, subscribe: t, value: r() };
-                });
-              e = a[0];
-              var i = a[1];
-              a = e.value;
-              if (e.getCurrentValue !== r || e.subscribe !== t)
-                (a = r()), i({ getCurrentValue: r, subscribe: t, value: a });
-              n.useDebugValue(a);
-              n.useEffect(
-                function() {
-                  function b() {
-                    if (!e) {
-                      var n = r();
-                      i(function(e) {
-                        return e.getCurrentValue !== r ||
-                          e.subscribe !== t ||
-                          e.value === n
-                          ? e
-                          : u({}, e, { value: n });
-                      });
-                    }
-                  }
-                  var e = !1,
-                    n = t(b);
-                  b();
-                  return function() {
-                    e = !0;
-                    n();
-                  };
-                },
-                [r, t]
-              );
-              return a;
-            };
+      module.exports = __webpack_require__(7645);
+
+      /***/
+    },
+
+    /***/ 3250: /***/ function(
+      __unused_webpack_module,
+      exports,
+      __webpack_require__
+    ) {
+      "use strict";
+      /**
+       * @license React
+       * use-sync-external-store-shim.production.min.js
+       *
+       * Copyright (c) Facebook, Inc. and its affiliates.
+       *
+       * This source code is licensed under the MIT license found in the
+       * LICENSE file in the root directory of this source tree.
+       */
+      var e = __webpack_require__(7294);
+      function h(a, b) {
+        return (
+          (a === b && (0 !== a || 1 / a === 1 / b)) || (a !== a && b !== b)
+        );
+      }
+      var k = "function" === typeof Object.is ? Object.is : h,
+        l = e.useState,
+        m = e.useEffect,
+        n = e.useLayoutEffect,
+        p = e.useDebugValue;
+      function q(a, b) {
+        var d = b(),
+          f = l({ inst: { value: d, getSnapshot: b } }),
+          c = f[0].inst,
+          g = f[1];
+        n(
+          function() {
+            c.value = d;
+            c.getSnapshot = b;
+            r(c) && g({ inst: c });
           },
-          138: function(e, r, t) {
-            if (true) {
-              e.exports = t(403);
-            } else {
-            }
+          [a, d, b]
+        );
+        m(
+          function() {
+            r(c) && g({ inst: c });
+            return a(function() {
+              r(c) && g({ inst: c });
+            });
           },
-          522: function(e) {
-            e.exports = __webpack_require__(7294);
-          }
-        };
-        var r = {};
-        function __nccwpck_require__(t) {
-          var u = r[t];
-          if (u !== undefined) {
-            return u.exports;
-          }
-          var n = (r[t] = { exports: {} });
-          var a = true;
-          try {
-            e[t](n, n.exports, __nccwpck_require__);
-            a = false;
-          } finally {
-            if (a) delete r[t];
-          }
-          return n.exports;
+          [a]
+        );
+        p(d);
+        return d;
+      }
+      function r(a) {
+        var b = a.getSnapshot;
+        a = a.value;
+        try {
+          var d = b();
+          return !k(a, d);
+        } catch (f) {
+          return !0;
         }
-        if (typeof __nccwpck_require__ !== "undefined")
-          __nccwpck_require__.ab = __dirname + "/";
-        var t = __nccwpck_require__(138);
-        module.exports = t;
-      })();
+      }
+      function t(a, b) {
+        return b();
+      }
+      var u =
+        "undefined" === typeof window ||
+        "undefined" === typeof window.document ||
+        "undefined" === typeof window.document.createElement
+          ? t
+          : q;
+      exports.useSyncExternalStore =
+        void 0 !== e.useSyncExternalStore ? e.useSyncExternalStore : u;
 
       /***/
     },
 
-    /***/ 5152: /***/ function(
+    /***/ 1688: /***/ function(
       module,
       __unused_webpack_exports,
       __webpack_require__
     ) {
-      module.exports = __webpack_require__(7645);
+      "use strict";
+
+      if (true) {
+        module.exports = __webpack_require__(3250);
+      } else {
+      }
 
       /***/
     }

Diff for image-HASH.js

@@ -619,17 +619,22 @@
         }
         return target;
       }
-      var ref;
-      var experimentalLayoutRaw =
-        (ref = {
-          deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
-          imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
-          path: "/_next/image",
-          loader: "default",
-          experimentalLayoutRaw: false
-        }) === null || ref === void 0
-          ? void 0
-          : ref.experimentalLayoutRaw;
+      var ref =
+          {
+            deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
+            imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
+            path: "/_next/image",
+            loader: "default",
+            experimentalLayoutRaw: false
+          } || {},
+        _experimentalLayoutRaw = ref.experimentalLayoutRaw,
+        experimentalLayoutRaw =
+          _experimentalLayoutRaw === void 0 ? false : _experimentalLayoutRaw,
+        _experimentalRemotePatterns = ref.experimentalRemotePatterns,
+        experimentalRemotePatterns =
+          _experimentalRemotePatterns === void 0
+            ? []
+            : _experimentalRemotePatterns;
       var configEnv = {
         deviceSizes: [640, 750, 828, 1080, 1200, 1920, 2048, 3840],
         imageSizes: [16, 32, 48, 64, 96, 128, 256, 384],
@@ -756,9 +761,9 @@
             sizes: undefined
           };
         }
-        var ref3 = getWidths(config, width, layout, sizes),
-          widths = ref3.widths,
-          kind = ref3.kind;
+        var ref4 = getWidths(config, width, layout, sizes),
+          widths = ref4.widths,
+          kind = ref4.kind;
         var last = widths.length - 1;
         return {
           sizes: !sizes && kind === "w" ? "100vw" : sizes,
@@ -802,11 +807,11 @@
         return undefined;
       }
       function defaultImageLoader(loaderProps) {
-        var ref2;
+        var ref5;
         var loaderKey =
-          ((ref2 = loaderProps.config) === null || ref2 === void 0
+          ((ref5 = loaderProps.config) === null || ref5 === void 0
             ? void 0
-            : ref2.loader) || "default";
+            : ref5.loader) || "default";
         var load = loaders.get(loaderKey);
         if (load) {
           return load(loaderProps);
@@ -864,7 +869,7 @@
             });
           }
           if (false) {
-            var parent, widthModified, heightModified, ref3;
+            var parent, widthModified, heightModified, ref6;
           }
         });
       }
@@ -1081,7 +1086,7 @@
           width = param.width,
           quality = param.quality;
         if (false) {
-          var parsedSrc, missingValues;
+          var hasMatch, parsedSrc, missingValues;
         }
         if (src.endsWith(".svg") && !config.dangerouslyAllowSVG) {
           // Special case to make svg serve as-is to avoid proxying

Diff for main-HASH.js

@@ -458,7 +458,6 @@
       exports.emitter = exports.router = exports.version = void 0;
       __webpack_require__(37);
       var _react = _interopRequireWildcard1(__webpack_require__(7294));
-      var _reactDom = _interopRequireDefault1(__webpack_require__(3935));
       var _headManagerContext = __webpack_require__(4664);
       var _mitt = _interopRequireDefault1(__webpack_require__(8550));
       var _routerContext = __webpack_require__(2692);
@@ -627,7 +626,8 @@
         }
         return target;
       }
-      var version = "12.1.6";
+      var ReactDOM = false ? 0 : __webpack_require__(3935);
+      var version = "12.1.7-canary.4";
       exports.version = version;
       var router;
       exports.router = router;
@@ -1179,14 +1179,14 @@
           shouldHydrate ? markHydrateComplete : markRenderComplete
         );
         if (false) {
-          var startTransition, ReactDOMClient;
+          var startTransition;
         } else {
           // The check for `.hydrate` is there to support React alternatives like preact
           if (shouldHydrate) {
-            _reactDom.default.hydrate(reactEl, domEl);
+            ReactDOM.hydrate(reactEl, domEl);
             shouldHydrate = false;
           } else {
-            _reactDom.default.render(reactEl, domEl);
+            ReactDOM.render(reactEl, domEl);
           }
         }
       }
@@ -2157,6 +2157,7 @@
       var _getAssetPathFromRoute = _interopRequireDefault(
         __webpack_require__(7929)
       );
+      var _trustedTypes = __webpack_require__(5407);
       var _requestIdleCallback = __webpack_require__(4686);
       function _interopRequireDefault(obj) {
         return obj && obj.__esModule
@@ -2326,6 +2327,7 @@
       }
       function getFilesForRoute(assetPrefix, route) {
         if (false) {
+          var scriptUrl;
         }
         return getClientBuildManifest().then(function(manifest) {
           if (!(route in manifest)) {
@@ -2337,9 +2339,13 @@
             return assetPrefix + "/_next/" + encodeURI(entry);
           });
           return {
-            scripts: allFiles.filter(function(v) {
-              return v.endsWith(".js");
-            }),
+            scripts: allFiles
+              .filter(function(v) {
+                return v.endsWith(".js");
+              })
+              .map(function(v) {
+                return (0, _trustedTypes).__unsafeCreateTrustedScriptURL(v);
+              }),
             css: allFiles.filter(function(v) {
               return v.endsWith(".css");
             })
@@ -2352,7 +2358,7 @@
           // disposed and readded. Executing scripts twice has no functional
           // differences
           if (true) {
-            var prom = loadedScripts.get(src);
+            var prom = loadedScripts.get(src.toString());
             if (prom) {
               return prom;
             }
@@ -2360,7 +2366,7 @@
             if (document.querySelector('script[src^="'.concat(src, '"]'))) {
               return Promise.resolve();
             }
-            loadedScripts.set(src, (prom = appendScript(src)));
+            loadedScripts.set(src.toString(), (prom = appendScript(src)));
             return prom;
           } else {
           }
@@ -2515,7 +2521,7 @@
                 return Promise.all(
                   canPrefetch
                     ? output.scripts.map(function(script) {
-                        return prefetchViaDom(script, "script");
+                        return prefetchViaDom(script.toString(), "script");
                       })
                     : []
                 );
@@ -3346,6 +3352,59 @@
       /***/
     },
 
+    /***/ 5407: /***/ function(module, exports) {
+      "use strict";
+
+      Object.defineProperty(exports, "__esModule", {
+        value: true
+      });
+      exports.__unsafeCreateTrustedScriptURL = __unsafeCreateTrustedScriptURL;
+      /**
+       * Stores the Trusted Types Policy. Starts as undefined and can be set to null
+       * if Trusted Types is not supported in the browser.
+       */ var policy;
+      /**
+       * Getter for the Trusted Types Policy. If it is undefined, it is instantiated
+       * here or set to null if Trusted Types is not supported in the browser.
+       */ function getPolicy() {
+        if (typeof policy === "undefined" && "object" !== "undefined") {
+          var ref;
+          policy =
+            ((ref = window.trustedTypes) === null || ref === void 0
+              ? void 0
+              : ref.createPolicy("nextjs", {
+                  createHTML: function(input) {
+                    return input;
+                  },
+                  createScript: function(input) {
+                    return input;
+                  },
+                  createScriptURL: function(input) {
+                    return input;
+                  }
+                })) || null;
+        }
+        return policy;
+      }
+      function __unsafeCreateTrustedScriptURL(url) {
+        var ref;
+        return (
+          ((ref = getPolicy()) === null || ref === void 0
+            ? void 0
+            : ref.createScriptURL(url)) || url
+        );
+      }
+      if (
+        typeof exports.default === "function" ||
+        (typeof exports.default === "object" && exports.default !== null)
+      ) {
+        Object.assign(exports.default, exports);
+        module.exports = exports.default;
+      } //# sourceMappingURL=trusted-types.js.map
+
+      /***/
+    },
+
     /***/ 9977: /***/ function(module, exports, __webpack_require__) {
       "use strict";

Diff for index.html

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

Diff for link.html

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

Diff for withRouter.html

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

-Original file line number
+Diff line change
@@ Expand Up / @@ -16,5 +16,5 @@ @@
           "registry": "https://registry.npmjs.org/"
         }
       },
-      "version": "12.1.7-canary.3"
+      "version": "12.1.7-canary.4"
     }

-Original file line number
+Diff line change
@@ -1,6 +1,6 @@
     {
       "name": "create-next-app",
-      "version": "12.1.7-canary.3",
+      "version": "12.1.7-canary.4",
       "keywords": [
         "react",
         "next",
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -1,6 +1,6 @@
     {
       "name": "eslint-config-next",
-      "version": "12.1.7-canary.3",
+      "version": "12.1.7-canary.4",
       "description": "ESLint configuration used by NextJS.",
       "main": "index.js",
       "license": "MIT",
@@ Expand All / @@ -9,7 +9,7 @@ @@
         "directory": "packages/eslint-config-next"
       },
       "dependencies": {
-        "@next/eslint-plugin-next": "12.1.7-canary.3",
+        "@next/eslint-plugin-next": "12.1.7-canary.4",
         "@rushstack/eslint-patch": "^1.1.3",
         "@typescript-eslint/parser": "^5.21.0",
         "eslint-import-resolver-node": "^0.3.6",
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -1,6 +1,6 @@
     {
       "name": "@next/eslint-plugin-next",
-      "version": "12.1.7-canary.3",
+      "version": "12.1.7-canary.4",
       "description": "ESLint plugin for NextJS.",
       "main": "lib/index.js",
       "license": "MIT",
@@ Expand Down @@

-Original file line number
+Diff line change
@@ -1,6 +1,6 @@
     {
       "name": "@next/bundle-analyzer",
-      "version": "12.1.7-canary.3",
+      "version": "12.1.7-canary.4",
       "main": "index.js",
       "license": "MIT",
       "repository": {
@@ Expand Down @@

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Commit

There are no files selected for viewing

1 comment on commit `334d42c`

ijjk commented on `334d42c` May 11, 2022

Commit

There are no files selected for viewing

1 comment on commit 334d42c

ijjk commented on 334d42c May 11, 2022

Choose a reason for hiding this comment

Stats from current release

Diffs

Diffs

1 comment on commit `334d42c`

ijjk commented on `334d42c` May 11, 2022