@next/react-refresh-utils 12.0.11-canary.6 → 12.1.0

package/internal/ReactRefreshModule.runtime.js

@@ -13,22 +13,25 @@ function default_1() {
         if (typeof self !== 'undefined' &&
             // AMP / No-JS mode does not inject these helpers:
             '$RefreshHelpers$' in self) {
-            var currentExports = module.__proto__.exports;
-            var prevExports = (_b = (_a = module.hot.data) === null || _a === void 0 ? void 0 : _a.prevExports) !== null && _b !== void 0 ? _b : null;
+            // @ts-ignore __webpack_module__ is global
+            var currentExports = __webpack_module__.exports;
+            // @ts-ignore __webpack_module__ is global
+            var prevExports = (_b = (_a = __webpack_module__.hot.data) === null || _a === void 0 ? void 0 : _a.prevExports) !== null && _b !== void 0 ? _b : null;
             // This cannot happen in MainTemplate because the exports mismatch between
             // templating and execution.
-            self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, module.id);
+            self.$RefreshHelpers$.registerExportsForReactRefresh(currentExports, __webpack_module__.id);
             // A module can be accepted automatically based on its exports, e.g. when
             // it is a Refresh Boundary.
             if (self.$RefreshHelpers$.isReactRefreshBoundary(currentExports)) {
                 // Save the previous exports on update so we can compare the boundary
                 // signatures.
-                module.hot.dispose(function (data) {
+                __webpack_module__.hot.dispose(function (data) {
                     data.prevExports = currentExports;
                 });
                 // Unconditionally accept an update to this module, we'll check if it's
                 // still a Refresh Boundary later.
-                module.hot.accept();
+                // @ts-ignore importMeta is replaced in the loader
+                global.importMeta.webpackHot.accept();
                 // This field is set when the previous version of this module was a
                 // Refresh Boundary, letting us know we need to check for invalidation or
                 // enqueue an update.
@@ -41,7 +44,7 @@ function default_1() {
                     // re-render. Similarly, if you convert a class component to a
                     // function, we want to invalidate the boundary.
                     if (self.$RefreshHelpers$.shouldInvalidateReactRefreshBoundary(prevExports, currentExports)) {
-                        module.hot.invalidate();
+                        __webpack_module__.hot.invalidate();
                     }
                     else {
                         self.$RefreshHelpers$.scheduleUpdate();
@@ -55,7 +58,7 @@ function default_1() {
                 // because we already accepted this update (accidental side effect).
                 var isNoLongerABoundary = prevExports !== null;
                 if (isNoLongerABoundary) {
-                    module.hot.invalidate();
+                    __webpack_module__.hot.invalidate();
                 }
             }
         }

package/loader.js

@@ -5,9 +5,17 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 const ReactRefreshModule_runtime_1 = __importDefault(require("./internal/ReactRefreshModule.runtime"));
 let refreshModuleRuntime = ReactRefreshModule_runtime_1.default.toString();
-refreshModuleRuntime = refreshModuleRuntime.slice(refreshModuleRuntime.indexOf('{') + 1, refreshModuleRuntime.lastIndexOf('}'));
+refreshModuleRuntime = refreshModuleRuntime
+    .slice(refreshModuleRuntime.indexOf('{') + 1, refreshModuleRuntime.lastIndexOf('}'))
+    // Given that the import above executes the module we need to make sure it does not crash on `import.meta` not being allowed.
+    .replace('global.importMeta', 'import.meta');
+let commonJsrefreshModuleRuntime = refreshModuleRuntime.replace('import.meta.webpackHot', 'module.hot');
 const ReactRefreshLoader = function ReactRefreshLoader(source, inputSourceMap) {
-    this.callback(null, `${source}\n\n;${refreshModuleRuntime}`, inputSourceMap);
+    this.callback(null, `${source}\n\n;${
+    // Account for commonjs not supporting `import.meta
+    this.resourcePath.endsWith('.cjs')
+        ? commonJsrefreshModuleRuntime
+        : refreshModuleRuntime}`, inputSourceMap);
 };
 exports.default = ReactRefreshLoader;
 //# sourceMappingURL=loader.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@next/react-refresh-utils",
-  "version": "12.0.11-canary.6",
+  "version": "12.1.0",
   "description": "An experimental package providing utilities for React Refresh.",
   "repository": {
     "url": "vercel/next.js",
@@ -30,5 +30,5 @@
   "devDependencies": {
     "react-refresh": "0.8.3"
   },
-  "gitHead": "f322d626390d05c9656a2c017ac7a7c79ab10b46"
+  "gitHead": "8545fd1bb02244ced9e8dc9584a764aeae296cd0"
 }