@atlaspack/runtime-browser-hmr 2.14.5-canary.49 → 2.14.5-canary.490

package/lib/loaders/hmr-runtime.js

@@ -1,6 +1,7 @@
 "use strict";
 
-/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, HMR_USE_SSE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */
+/* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, HMR_USE_SSE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope, HMR_ENABLE_BUNDLE_VERSION */
+
 /*::
 import type {
   HMRAsset,
@@ -41,6 +42,7 @@ declare var HMR_PORT: string;
 declare var HMR_ENV_HASH: string;
 declare var HMR_SECURE: boolean;
 declare var HMR_USE_SSE: boolean;
+declare var HMR_ENABLE_BUNDLE_VERSION: boolean;
 declare var chrome: ExtensionContext;
 declare var browser: ExtensionContext;
 declare var __parcel__import__: (string) => Promise<void>;
@@ -48,41 +50,98 @@ declare var __parcel__importScripts__: (string) => Promise<void>;
 declare var globalThis: typeof self;
 declare var ServiceWorkerGlobalScope: Object;
 */
+
+// flow-to-ts helpers
+
+// /flow-to-ts helpers
+
 var OVERLAY_ID = '__parcel__error__overlay__';
+var HMR_BUNDLE_VERSION = '__parcel__hmrBundleVersion';
+
+// @ts-expect-error TS2339
 var OldModule = module.bundle.Module;
 function Module(moduleName) {
+  // @ts-expect-error TS2683
   OldModule.call(this, moduleName);
+  // @ts-expect-error TS2683
   this.hot = {
+    // @ts-expect-error TS2339
     data: module.bundle.hotData[moduleName],
     _acceptCallbacks: [],
     _disposeCallbacks: [],
+    // @ts-expect-error TS7006
     accept: function (fn) {
       this._acceptCallbacks.push(fn || function () {});
     },
+    // @ts-expect-error TS7006
     dispose: function (fn) {
       this._disposeCallbacks.push(fn);
     }
   };
+  // @ts-expect-error TS2339
   module.bundle.hotData[moduleName] = undefined;
 }
+// @ts-expect-error TS2339
 module.bundle.Module = Module;
+// @ts-expect-error TS2339
 module.bundle.hotData = {};
-var checkedAssets /*: {|[string]: boolean|} */, assetsToDispose /*: Array<[ParcelRequire, string]> */, assetsToAccept /*: Array<[ParcelRequire, string]> */;
 
+// @ts-expect-error TS7034
+var checkedAssets /*: {|[string]: boolean|} */,
+  // @ts-expect-error TS7034
+  disposedAssets /*: {|[string]: boolean|} */,
+  // @ts-expect-error TS7034
+  assetsToDispose /*: Array<[ParcelRequire, string]> */,
+  // @ts-expect-error TS7034
+  assetsToAccept /*: Array<[ParcelRequire, string]> */;
+function getBundleVersion() {
+  // @ts-expect-error TS7017
+  return globalThis[HMR_BUNDLE_VERSION];
+}
+function bumpBundleVersion() {
+  // @ts-expect-error TS2304
+  if (!HMR_ENABLE_BUNDLE_VERSION) {
+    return;
+  }
+  let version = getBundleVersion();
+  let nextVersion = typeof version === 'number' && Number.isFinite(version) ? version + 1 : 1;
+  // @ts-expect-error TS7017
+  globalThis[HMR_BUNDLE_VERSION] = nextVersion;
+  return nextVersion;
+}
+function appendBundleVersion(url) {
+  // @ts-expect-error TS2304
+  if (!HMR_ENABLE_BUNDLE_VERSION) {
+    return url + (url.includes('?') ? '&' : '?') + 't=' + Date.now();
+  }
+  let version = getBundleVersion();
+  if (version == null) {
+    return url;
+  }
+  return url + (url.includes('?') ? '&' : '?') + 't=' + version;
+}
 function getHostname() {
-  return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost');
+  return (
+    // @ts-expect-error TS2304
+    HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost')
+  );
 }
 function getPort() {
+  // @ts-expect-error TS2304
   return HMR_PORT || location.port;
 }
 
 // eslint-disable-next-line no-redeclare
+// @ts-expect-error TS2339
 var parent = module.bundle.parent;
 if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   var hostname = getHostname();
   var port = getPort();
-  var protocol = HMR_SECURE || location.protocol == 'https:' && !['localhost', '127.0.0.1', '0.0.0.0'].includes(hostname) ? 'wss' : 'ws';
+  var protocol =
+  // @ts-expect-error TS2304
+  HMR_SECURE || location.protocol == 'https:' && !['localhost', '127.0.0.1', '0.0.0.0'].includes(hostname) ? 'wss' : 'ws';
   var ws;
+  // @ts-expect-error TS2304
   if (HMR_USE_SSE) {
     ws = new EventSource('/__parcel_hmr');
   } else {
@@ -97,7 +156,15 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   }
 
   // Web extension context
-  var extCtx = typeof browser === 'undefined' ? typeof chrome === 'undefined' ? null : chrome : browser;
+  var extCtx =
+  // @ts-expect-error TS2304
+  typeof browser === 'undefined' ?
+  // @ts-expect-error TS2304
+  typeof chrome === 'undefined' ? null :
+  // @ts-expect-error TS2304
+  chrome :
+  // @ts-expect-error TS2304
+  browser;
 
   // Safari doesn't support sourceURL in error stacks.
   // eval may also be disabled via CSP, so do a quick check.
@@ -108,9 +175,10 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
     supportsSourceURL = err.stack.includes('test.js');
   }
 
-  // $FlowFixMe
-  ws.onmessage = async function (event /*: {data: string, ...} */) {
+  // @ts-expect-error TS2339
+  ws.onmessage = async function (event) {
     checkedAssets = {} /*: {|[string]: boolean|} */;
+    disposedAssets = {} /*: {|[string]: boolean|} */;
     assetsToAccept = [];
     assetsToDispose = [];
     var data /*: HMRMessage */ = JSON.parse(event.data);
@@ -121,13 +189,19 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
       if (typeof document !== 'undefined') {
         removeErrorOverlay();
       }
-      let assets = data.assets.filter(asset => asset.envHash === HMR_ENV_HASH);
+      let assets = data.assets.filter(
+      // @ts-expect-error TS7006
+      asset => asset.envHash === HMR_ENV_HASH);
 
       // Handle HMR Update
+      // @ts-expect-error TS7006
       let handled = assets.every(asset => {
-        return asset.type === 'css' || asset.type === 'js' && hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
+        return asset.type === 'css' || asset.type === 'js' &&
+        // @ts-expect-error TS2339
+        hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle);
       });
       if (handled) {
+        bumpBundleVersion();
         console.clear();
 
         // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
@@ -135,22 +209,15 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
           window.dispatchEvent(new CustomEvent('parcelhmraccept'));
         }
         await hmrApplyUpdates(assets);
-
-        // Dispose all old assets.
-        let processedAssets = {} /*: {|[string]: boolean|} */;
-        for (let i = 0; i < assetsToDispose.length; i++) {
-          let id = assetsToDispose[i][1];
-          if (!processedAssets[id]) {
-            hmrDispose(assetsToDispose[i][0], id);
-            processedAssets[id] = true;
-          }
-        }
+        hmrDisposeQueue();
 
         // Run accept callbacks. This will also re-execute other disposed assets in topological order.
-        processedAssets = {};
+        let processedAssets = {};
         for (let i = 0; i < assetsToAccept.length; i++) {
+          // @ts-expect-error TS7005
           let id = assetsToAccept[i][1];
           if (!processedAssets[id]) {
+            // @ts-expect-error TS7005
             hmrAccept(assetsToAccept[i][0], id);
             processedAssets[id] = true;
           }
@@ -167,7 +234,6 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
         // Render the fancy html overlay
         removeErrorOverlay();
         var overlay = createErrorOverlay(data.diagnostics.html);
-        // $FlowFixMe
         document.body.appendChild(overlay);
       }
     }
@@ -178,8 +244,10 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
         console.error(e.message);
       }
     };
-    ws.onclose = function () {
-      console.warn('[parcel] 🚨 Connection to the HMR server was lost');
+    ws.onclose = function (e) {
+      if (process.env.ATLASPACK_BUILD_ENV !== 'test') {
+        console.warn('[parcel] 🚨 Connection to the HMR server was lost');
+      }
     };
   }
 }
@@ -195,7 +263,9 @@ function createErrorOverlay(diagnostics) {
   overlay.id = OVERLAY_ID;
   let errorHTML = '<div style="background: black; opacity: 0.85; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; font-family: Menlo, Consolas, monospace; z-index: 9999;">';
   for (let diagnostic of diagnostics) {
-    let stack = diagnostic.frames.length ? diagnostic.frames.reduce((p, frame) => {
+    let stack = diagnostic.frames.length ?
+    // @ts-expect-error TS7006
+    diagnostic.frames.reduce((p, frame) => {
       return `${p}
 <a href="/__parcel_launch_editor?file=${encodeURIComponent(frame.location)}" style="text-decoration: underline; color: #888" onclick="fetch(this.href); return false">${frame.location}</a>
 ${frame.code}`;
@@ -207,7 +277,9 @@ ${frame.code}`;
         </div>
         <pre>${stack}</pre>
         <div>
-          ${diagnostic.hints.map(hint => '<div>💡 ' + hint + '</div>').join('')}
+          ${diagnostic.hints
+    // @ts-expect-error TS7006
+    .map(hint => '<div>💡 ' + hint + '</div>').join('')}
         </div>
         ${diagnostic.documentation ? `<div>📝 <a style="color: violet" href="${diagnostic.documentation}" target="_blank">Learn more</a></div>` : ''}
       </div>
@@ -224,11 +296,15 @@ function fullReload() {
     extCtx.runtime.reload();
   }
 }
-function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */{
+function getParents(
+// @ts-expect-error TS2304
+bundle, id) /*: Array<[ParcelRequire, string]> */{
   var modules = bundle.modules;
   if (!modules) {
     return [];
   }
+
+  // @ts-expect-error TS2304
   var parents = [];
   var k, d, dep;
   for (k in modules) {
@@ -250,43 +326,55 @@ function updateLink(link) {
     return;
   }
   var newLink = link.cloneNode();
+  // @ts-expect-error TS2345
   newLink.onload = function () {
     if (link.parentNode !== null) {
-      // $FlowFixMe
       link.parentNode.removeChild(link);
     }
   };
-  newLink.setAttribute('href',
-  // $FlowFixMe
-  href.split('?')[0] + '?' + Date.now());
-  // $FlowFixMe
+  // @ts-expect-error TS2339
+  newLink.setAttribute('href', appendBundleVersion(href));
+  // @ts-expect-error TS18047
   link.parentNode.insertBefore(newLink, link.nextSibling);
 }
+
+// @ts-expect-error TS7034
 var cssTimeout = null;
 function reloadCSS() {
+  // @ts-expect-error TS7005
   if (cssTimeout) {
     return;
   }
   cssTimeout = setTimeout(function () {
+    var document = window.document;
     var links = document.querySelectorAll('link[rel="stylesheet"]');
     for (var i = 0; i < links.length; i++) {
-      // $FlowFixMe[incompatible-type]
       var href /*: string */ = links[i].getAttribute('href');
       var hostname = getHostname();
-      var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()).test(href) : href.indexOf(hostname + ':' + getPort());
-      var absolute = /^https?:\/\//i.test(href) && href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
+      var servedFromHMRServer = hostname === 'localhost' ? new RegExp('^(https?:\\/\\/(0.0.0.0|127.0.0.1)|localhost):' + getPort()) // @ts-expect-error TS2345
+      .test(href) :
+      // @ts-expect-error TS2345
+      href.indexOf(hostname + ':' + getPort());
+      var absolute =
+      // @ts-expect-error TS2345
+      /^https?:\/\//i.test(href) &&
+      // @ts-expect-error TS18047
+      href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
       if (!absolute) {
+        // @ts-expect-error TS2345
         updateLink(links[i]);
       }
     }
     cssTimeout = null;
   }, 50);
 }
+
+// @ts-expect-error TS2304
 function hmrDownload(asset) {
   if (asset.type === 'js') {
     if (typeof document !== 'undefined') {
       let script = document.createElement('script');
-      script.src = asset.url + '?t=' + Date.now();
+      script.src = appendBundleVersion(asset.url);
       if (asset.outputFormat === 'esmodule') {
         script.type = 'module';
       }
@@ -296,14 +384,18 @@ function hmrDownload(asset) {
         script.onerror = reject;
         (_document$head = document.head) === null || _document$head === void 0 || _document$head.appendChild(script);
       });
+      // @ts-expect-error TS2304
     } else if (typeof importScripts === 'function') {
       // Worker scripts
       if (asset.outputFormat === 'esmodule') {
-        return __parcel__import__(asset.url + '?t=' + Date.now());
+        // @ts-expect-error TS2304
+        return __parcel__import__(appendBundleVersion(asset.url));
       } else {
         return new Promise((resolve, reject) => {
           try {
-            __parcel__importScripts__(asset.url + '?t=' + Date.now());
+            // @ts-expect-error TS2304
+            __parcel__importScripts__(appendBundleVersion(asset.url));
+            // @ts-expect-error TS2794
             resolve();
           } catch (err) {
             reject(err);
@@ -313,7 +405,10 @@ function hmrDownload(asset) {
     }
   }
 }
+
+// @ts-expect-error TS2304
 async function hmrApplyUpdates(assets) {
+  // @ts-expect-error TS7017
   global.parcelHotUpdate = Object.create(null);
   let scriptsToRemove;
   try {
@@ -328,7 +423,11 @@ async function hmrApplyUpdates(assets) {
         var _hmrDownload;
         return (_hmrDownload = hmrDownload(asset)) === null || _hmrDownload === void 0 ? void 0 : _hmrDownload.catch(err => {
           // Web extension fix
-          if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 && typeof ServiceWorkerGlobalScope != 'undefined' && global instanceof ServiceWorkerGlobalScope) {
+          if (extCtx && extCtx.runtime && extCtx.runtime.getManifest().manifest_version == 3 &&
+          // @ts-expect-error TS2304
+          typeof ServiceWorkerGlobalScope != 'undefined' &&
+          // @ts-expect-error TS2304
+          global instanceof ServiceWorkerGlobalScope) {
             extCtx.runtime.reload();
             return;
           }
@@ -338,11 +437,14 @@ async function hmrApplyUpdates(assets) {
       scriptsToRemove = await Promise.all(promises);
     }
     assets.forEach(function (asset) {
+      // @ts-expect-error TS2339
       hmrApply(module.bundle.root, asset);
     });
   } finally {
+    // @ts-expect-error TS7017
     delete global.parcelHotUpdate;
     if (scriptsToRemove) {
+      // @ts-expect-error TS7006
       scriptsToRemove.forEach(script => {
         if (script) {
           var _document$head2;
@@ -352,7 +454,11 @@ async function hmrApplyUpdates(assets) {
     }
   }
 }
-function hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {
+function hmrApply(
+// @ts-expect-error TS2304
+bundle,
+// @ts-expect-error TS2304
+asset) {
   var modules = bundle.modules;
   if (!modules) {
     return;
@@ -369,8 +475,10 @@ function hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {
         for (let dep in oldDeps) {
           if (!deps[dep] || deps[dep] !== oldDeps[dep]) {
             let id = oldDeps[dep];
+            // @ts-expect-error TS2339
             let parents = getParents(module.bundle.root, id);
             if (parents.length === 1) {
+              // @ts-expect-error TS2339
               hmrDelete(module.bundle.root, id);
             }
           }
@@ -382,14 +490,20 @@ function hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {
         (0, eval)(asset.output);
       }
 
-      // $FlowFixMe
+      // @ts-expect-error TS7017
       let fn = global.parcelHotUpdate[asset.id];
       modules[asset.id] = [fn, deps];
-    } else if (bundle.parent) {
+    }
+
+    // Always traverse to the parent bundle, even if we already replaced the asset in this bundle.
+    // This is required in case modules are duplicated. We need to ensure all instances have the updated code.
+    if (bundle.parent) {
       hmrApply(bundle.parent, asset);
     }
   }
 }
+
+// @ts-expect-error TS2304
 function hmrDelete(bundle, id) {
   let modules = bundle.modules;
   if (!modules) {
@@ -400,6 +514,7 @@ function hmrDelete(bundle, id) {
     let deps = modules[id][1];
     let orphans = [];
     for (let dep in deps) {
+      // @ts-expect-error TS2339
       let parents = getParents(module.bundle.root, deps[dep]);
       if (parents.length === 1) {
         orphans.push(deps[dep]);
@@ -412,28 +527,34 @@ function hmrDelete(bundle, id) {
 
     // Now delete the orphans.
     orphans.forEach(id => {
+      // @ts-expect-error TS2339
       hmrDelete(module.bundle.root, id);
     });
   } else if (bundle.parent) {
     hmrDelete(bundle.parent, id);
   }
 }
-function hmrAcceptCheck(bundle /*: ParcelRequire */, id /*: string */, depsByBundle /*: ?{ [string]: { [string]: string } }*/) {
+function hmrAcceptCheck(
+// @ts-expect-error TS2304
+bundle, id, depsByBundle) {
   if (hmrAcceptCheckOne(bundle, id, depsByBundle)) {
     return true;
   }
 
   // Traverse parents breadth first. All possible ancestries must accept the HMR update, or we'll reload.
+  // @ts-expect-error TS2339
   let parents = getParents(module.bundle.root, id);
   let accepted = false;
   while (parents.length > 0) {
     let v = parents.shift();
+    // @ts-expect-error TS18048
     let a = hmrAcceptCheckOne(v[0], v[1], null);
     if (a) {
       // If this parent accepts, stop traversing upward, but still consider siblings.
       accepted = true;
     } else {
       // Otherwise, queue the parents in the next level upward.
+      // @ts-expect-error TS2339
       let p = getParents(module.bundle.root, v[1]);
       if (p.length === 0) {
         // If there are no parents, then we've reached an entry without accepting. Reload.
@@ -445,7 +566,9 @@ function hmrAcceptCheck(bundle /*: ParcelRequire */, id /*: string */, depsByBun
   }
   return accepted;
 }
-function hmrAcceptCheckOne(bundle /*: ParcelRequire */, id /*: string */, depsByBundle /*: ?{ [string]: { [string]: string } }*/) {
+function hmrAcceptCheckOne(
+// @ts-expect-error TS2304
+bundle, id, depsByBundle) {
   var modules = bundle.modules;
   if (!modules) {
     return;
@@ -458,9 +581,13 @@ function hmrAcceptCheckOne(bundle /*: ParcelRequire */, id /*: string */, depsBy
     }
     return hmrAcceptCheck(bundle.parent, id, depsByBundle);
   }
+
+  // @ts-expect-error TS7005
   if (checkedAssets[id]) {
     return true;
   }
+
+  // @ts-expect-error TS7005
   checkedAssets[id] = true;
   var cached = bundle.cache[id];
   assetsToDispose.push([bundle, id]);
@@ -469,38 +596,67 @@ function hmrAcceptCheckOne(bundle /*: ParcelRequire */, id /*: string */, depsBy
     return true;
   }
 }
-function hmrDispose(bundle /*: ParcelRequire */, id /*: string */) {
+function hmrDisposeQueue() {
+  // Dispose all old assets.
+  for (let i = 0; i < assetsToDispose.length; i++) {
+    // @ts-expect-error TS7005
+    let id = assetsToDispose[i][1];
+
+    // @ts-expect-error TS7005
+    if (!disposedAssets[id]) {
+      // @ts-expect-error TS7005
+      hmrDispose(assetsToDispose[i][0], id);
+      disposedAssets[id] = true;
+    }
+  }
+  assetsToDispose = [];
+}
+function hmrDispose(
+// @ts-expect-error TS2304
+bundle, id) {
   var cached = bundle.cache[id];
   bundle.hotData[id] = {};
   if (cached && cached.hot) {
     cached.hot.data = bundle.hotData[id];
   }
   if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
+    // @ts-expect-error TS7006
     cached.hot._disposeCallbacks.forEach(function (cb) {
       cb(bundle.hotData[id]);
     });
   }
   delete bundle.cache[id];
 }
-function hmrAccept(bundle /*: ParcelRequire */, id /*: string */) {
+function hmrAccept(
+// @ts-expect-error TS2304
+bundle, id) {
   // Execute the module.
   bundle(id);
 
   // Run the accept callbacks in the new version of the module.
   var cached = bundle.cache[id];
   if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
+    let assetsToAlsoAccept = [];
+    // @ts-expect-error TS7006
     cached.hot._acceptCallbacks.forEach(function (cb) {
-      var assetsToAlsoAccept = cb(function () {
+      let additionalAssets = cb(function () {
+        // @ts-expect-error TS2339
         return getParents(module.bundle.root, id);
       });
-      if (assetsToAlsoAccept && assetsToAccept.length) {
-        assetsToAlsoAccept.forEach(function (a) {
-          hmrDispose(a[0], a[1]);
-        });
-
-        // $FlowFixMe[method-unbinding]
-        assetsToAccept.push.apply(assetsToAccept, assetsToAlsoAccept);
+      if (Array.isArray(additionalAssets) && additionalAssets.length) {
+        // @ts-expect-error TS2345
+        assetsToAlsoAccept.push(...additionalAssets);
       }
     });
+    if (assetsToAlsoAccept.length > 0) {
+      let handled = assetsToAlsoAccept.every(function (a) {
+        // @ts-expect-error TS2554
+        return hmrAcceptCheck(a[0], a[1]);
+      });
+      if (!handled) {
+        return fullReload();
+      }
+      hmrDisposeQueue();
+    }
   }
 }

package/lib/types/HMRRuntime.d.ts

@@ -0,0 +1,3 @@
+import { Runtime } from '@atlaspack/plugin';
+declare const _default: Runtime<unknown>;
+export default _default;

package/lib/types/loaders/hmr-runtime.d.ts

@@ -0,0 +1,2 @@
+export type SetComplement<A, B extends A> = A extends B ? never : A;
+export type Diff<T extends U, U extends object> = Pick<T, SetComplement<keyof T, keyof U>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/runtime-browser-hmr",
-  "version": "2.14.5-canary.49+194085942",
+  "version": "2.14.5-canary.490+c97de81b0",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -9,15 +9,20 @@
     "type": "git",
     "url": "https://github.com/atlassian-labs/atlaspack.git"
   },
-  "main": "lib/HMRRuntime.js",
-  "source": "src/HMRRuntime.js",
+  "main": "./lib/HMRRuntime.js",
+  "source": "./src/HMRRuntime.ts",
+  "types": "./lib/types/HMRRuntime.d.ts",
   "engines": {
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/plugin": "2.14.5-canary.49+194085942",
-    "@atlaspack/utils": "2.14.5-canary.49+194085942"
+    "@atlaspack/feature-flags": "2.14.1-canary.558+c97de81b0",
+    "@atlaspack/plugin": "2.14.5-canary.490+c97de81b0",
+    "@atlaspack/utils": "2.14.5-canary.490+c97de81b0"
   },
   "type": "commonjs",
-  "gitHead": "194085942f0e86532e9d039fc3f8039badce4594"
-}
+  "scripts": {
+    "build:lib": "gulp build --gulpfile ../../../gulpfile.js --cwd ."
+  },
+  "gitHead": "c97de81b0b4b866bef4396e9131f37ffd273258d"
+}

package/src/{HMRRuntime.js → HMRRuntime.ts}

@@ -1,6 +1,5 @@
-// @flow strict-local
-
 import {Runtime} from '@atlaspack/plugin';
+import {getFeatureFlag} from '@atlaspack/feature-flags';
 import fs from 'fs';
 import path from 'path';
 
@@ -8,17 +7,21 @@ import path from 'path';
 // lives in `/app/packages/runtimes/...` and thus the `config` in the JSTransformer is actually the
 // user's package.json, and hmr-runtime.js is transpiled as a JSX asset.
 const FILENAME =
-  // $FlowFixMe
+  // @ts-expect-error TS2339
   process.env.ATLASPACK_BUILD_REPL && process.browser
     ? '/' + __filename
     : __filename;
 
-const HMR_RUNTIME = fs.readFileSync(
-  path.join(__dirname, './loaders/hmr-runtime.js'),
-  'utf8',
-);
+const HMR_RUNTIME =
+  process.env.ATLASPACK_REGISTER_USE_SRC === 'true'
+    ? // This is templated code so it has to be compiled before inlining
+      fs.readFileSync(
+        path.join(__dirname, '../lib/loaders/hmr-runtime.js'),
+        'utf8',
+      )
+    : fs.readFileSync(path.join(__dirname, './loaders/hmr-runtime.js'), 'utf8');
 
-export default (new Runtime({
+export default new Runtime({
   apply({bundle, options}) {
     if (
       bundle.type !== 'js' ||
@@ -50,15 +53,23 @@ export default (new Runtime({
         )};` +
         `var HMR_ENV_HASH = "${bundle.env.id}";` +
         `var HMR_USE_SSE = ${JSON.stringify(
-          // $FlowFixMe
+          // @ts-expect-error TS2339
           !!(process.env.ATLASPACK_BUILD_REPL && process.browser),
         )};` +
+        `var HMR_ENABLE_BUNDLE_VERSION = ${JSON.stringify(
+          getFeatureFlag('hmrBundleVersioning'),
+        )};` +
         `module.bundle.HMR_BUNDLE_ID = ${JSON.stringify(bundle.id)};` +
         HMR_RUNTIME,
       isEntry: true,
       env: {
         sourceType: 'module',
       },
+      // Pre-computed symbols: HMR runtime sets globals and executes, no explicit exports/imports
+      symbolData: {
+        symbols: new Map(), // No exports, just side effects
+        dependencies: [], // No explicit dependencies, uses runtime globals
+      },
     };
   },
-}): Runtime);
+}) as Runtime<unknown>;