npm - @atlaspack/runtime-browser-hmr - Versions diffs - 2.14.5-canary.137 → 2.14.5-canary.139 - Mend

@atlaspack/runtime-browser-hmr 2.14.5-canary.137 → 2.14.5-canary.139

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/CHANGELOG.md +8 -0
package/lib/HMRRuntime.d.ts +3 -0
package/lib/HMRRuntime.js +3 -3
package/lib/loaders/hmr-runtime.d.ts +2 -0
package/lib/loaders/hmr-runtime.js +157 -27
package/package.json +11 -7
package/src/{HMRRuntime.js → HMRRuntime.ts} +8 -10
package/src/loaders/{hmr-runtime.js → hmr-runtime.ts} +202 -57
package/tsconfig.json +4 -0

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,13 @@
 # @atlaspack/runtime-browser-hmr
+## 2.14.21
+### Patch Changes
+- Updated dependencies []:
+  - @atlaspack/utils@2.17.3
+  - @atlaspack/plugin@2.14.21
 ## 2.14.20
 ### Patch Changes

package/lib/HMRRuntime.d.ts ADDED Viewed

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

package/lib/HMRRuntime.js CHANGED Viewed

@@ -30,9 +30,9 @@ function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { de
 // 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().default.readFileSync(_path().default.join(__dirname, './loaders/hmr-runtime.js'), 'utf8');
+const HMR_RUNTIME = process.env.ATLASPACK_REGISTER_USE_SRC === 'true' ? _fs().default.readFileSync(_path().default.join(__dirname, './loaders/hmr-runtime.ts'), 'utf8') : _fs().default.readFileSync(_path().default.join(__dirname, './loaders/hmr-runtime.js'), 'utf8');
 var _default = exports.default = new (_plugin().Runtime)({
   apply({
     bundle,
@@ -51,7 +51,7 @@ var _default = exports.default = new (_plugin().Runtime)({
       // Default to the HTTP port in the browser, only override
       // in watch mode or if hmr port != serve port
       !options.serveOptions || options.serveOptions.port !== port) ? port : null)};` + `var HMR_SECURE = ${JSON.stringify(!!(options.serveOptions && options.serveOptions.https))};` + `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))};` + `module.bundle.HMR_BUNDLE_ID = ${JSON.stringify(bundle.id)};` + HMR_RUNTIME,
       isEntry: true,
       env: {

package/lib/loaders/hmr-runtime.d.ts ADDED Viewed

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

package/lib/loaders/hmr-runtime.js CHANGED Viewed

@@ -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 */
 /*::
 import type {
   HMRAsset,
@@ -48,41 +49,76 @@ 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__';
+// @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|} */, disposedAssets /*: {|[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 getHostname() {
-  return HMR_HOST || (location.protocol.indexOf('http') === 0 ? location.hostname : 'localhost');
+  return (
+    // @ts-expect-error TS2304
+    HMR_HOST || (
+    // @ts-expect-error TS2304
+    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 ||
+  // @ts-expect-error TS2304
+  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 +133,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,8 +152,8 @@ 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 = [];
@@ -119,20 +163,29 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
       fullReload();
     } else if (data.type === 'update') {
       // Remove error overlay if there is one
+      // @ts-expect-error TS2304
       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) {
         console.clear();
         // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
-        if (typeof window !== 'undefined' && typeof CustomEvent !== 'undefined') {
+        if (
+        // @ts-expect-error TS2304
+        typeof window !== 'undefined' && typeof CustomEvent !== 'undefined') {
+          // @ts-expect-error TS2304
           window.dispatchEvent(new CustomEvent('parcelhmraccept'));
         }
         await hmrApplyUpdates(assets);
@@ -141,8 +194,10 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
         // Run accept callbacks. This will also re-execute other disposed assets in topological order.
         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;
           }
@@ -155,11 +210,13 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
         let stack = ansiDiagnostic.codeframe ? ansiDiagnostic.codeframe : ansiDiagnostic.stack;
         console.error('🚨 [parcel]: ' + ansiDiagnostic.message + '\n' + stack + '\n\n' + ansiDiagnostic.hints.join('\n'));
       }
+      // @ts-expect-error TS2304
       if (typeof document !== 'undefined') {
         // Render the fancy html overlay
         removeErrorOverlay();
         var overlay = createErrorOverlay(data.diagnostics.html);
-        // $FlowFixMe
+        // @ts-expect-error TS2304
         document.body.appendChild(overlay);
       }
     }
@@ -178,6 +235,7 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   }
 }
 function removeErrorOverlay() {
+  // @ts-expect-error TS2304
   var overlay = document.getElementById(OVERLAY_ID);
   if (overlay) {
     overlay.remove();
@@ -185,11 +243,14 @@ function removeErrorOverlay() {
   }
 }
 function createErrorOverlay(diagnostics) {
+  // @ts-expect-error TS2304
   var overlay = document.createElement('div');
   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}`;
@@ -201,7 +262,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>
@@ -212,17 +275,23 @@ ${frame.code}`;
   return overlay;
 }
 function fullReload() {
+  // @ts-expect-error TS2304
   if ('reload' in location) {
+    // @ts-expect-error TS2304
     location.reload();
   } else if (extCtx && extCtx.runtime && extCtx.runtime.reload) {
     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) {
@@ -239,36 +308,43 @@ function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */{
   return parents;
 }
 function updateLink(link) {
+  // @ts-expect-error TS2339
   var href = link.getAttribute('href');
   if (!href) {
     return;
   }
+  // @ts-expect-error TS2339
   var newLink = link.cloneNode();
   newLink.onload = function () {
+    // @ts-expect-error TS2339
     if (link.parentNode !== null) {
-      // $FlowFixMe
+      // @ts-expect-error TS2339
       link.parentNode.removeChild(link);
     }
   };
-  newLink.setAttribute('href',
-  // $FlowFixMe
-  href.split('?')[0] + '?' + Date.now());
-  // $FlowFixMe
+  newLink.setAttribute('href', href.split('?')[0] + '?' + Date.now());
+  // @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 () {
+    // @ts-expect-error TS18047
+    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 absolute = /^https?:\/\//i.test(href) &&
+      // @ts-expect-error TS18047
+      href.indexOf(location.origin) !== 0 && !servedFromHMRServer;
       if (!absolute) {
         updateLink(links[i]);
       }
@@ -276,9 +352,13 @@ function reloadCSS() {
     cssTimeout = null;
   }, 50);
 }
+// @ts-expect-error TS2304
 function hmrDownload(asset) {
   if (asset.type === 'js') {
+    // @ts-expect-error TS18047
     if (typeof document !== 'undefined') {
+      // @ts-expect-error TS18047
       let script = document.createElement('script');
       script.src = asset.url + '?t=' + Date.now();
       if (asset.outputFormat === 'esmodule') {
@@ -288,16 +368,21 @@ function hmrDownload(asset) {
         var _document$head;
         script.onload = () => resolve(script);
         script.onerror = reject;
+        // @ts-expect-error TS18047
         (_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') {
+        // @ts-expect-error TS2304
         return __parcel__import__(asset.url + '?t=' + Date.now());
       } else {
         return new Promise((resolve, reject) => {
           try {
+            // @ts-expect-error TS2304
             __parcel__importScripts__(asset.url + '?t=' + Date.now());
+            // @ts-expect-error TS2794
             resolve();
           } catch (err) {
             reject(err);
@@ -307,7 +392,10 @@ function hmrDownload(asset) {
     }
   }
 }
+// @ts-expect-error TS2304
 async function hmrApplyUpdates(assets) {
+  // @ts-expect-error TS7017
   global.parcelHotUpdate = Object.create(null);
   let scriptsToRemove;
   try {
@@ -322,7 +410,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;
           }
@@ -332,21 +424,29 @@ 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;
+          // @ts-expect-error TS18047
           (_document$head2 = document.head) === null || _document$head2 === void 0 || _document$head2.removeChild(script);
         }
       });
     }
   }
 }
-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;
@@ -363,8 +463,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);
             }
           }
@@ -376,7 +478,7 @@ 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];
     }
@@ -388,6 +490,8 @@ function hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {
     }
   }
 }
+// @ts-expect-error TS2304
 function hmrDelete(bundle, id) {
   let modules = bundle.modules;
   if (!modules) {
@@ -398,6 +502,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]);
@@ -410,28 +515,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.
@@ -443,7 +554,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;
@@ -456,9 +569,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]);
@@ -470,28 +587,37 @@ function hmrAcceptCheckOne(bundle /*: ParcelRequire */, id /*: string */, depsBy
 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(bundle /*: ParcelRequire */, id /*: string */) {
+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);
@@ -499,16 +625,20 @@ function hmrAccept(bundle /*: ParcelRequire */, id /*: string */) {
   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) {
       let additionalAssets = cb(function () {
+        // @ts-expect-error TS2339
         return getParents(module.bundle.root, id);
       });
       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) {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/runtime-browser-hmr",
-  "version": "2.14.5-canary.137+069de478e",
+  "version": "2.14.5-canary.139+d2fd84977",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -9,15 +9,19 @@
     "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/HMRRuntime.d.ts",
   "engines": {
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/plugin": "2.14.5-canary.137+069de478e",
-    "@atlaspack/utils": "2.14.5-canary.137+069de478e"
+    "@atlaspack/plugin": "2.14.5-canary.139+d2fd84977",
+    "@atlaspack/utils": "2.14.5-canary.139+d2fd84977"
   },
   "type": "commonjs",
-  "gitHead": "069de478e64fb5889f6f2ce023eb510782767fbd"
-}
+  "scripts": {
+    "check-ts": "tsc --emitDeclarationOnly --rootDir src"
+  },
+  "gitHead": "d2fd849770fe6305e9c694bd97b1bd905abd9d94"
+}

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

@@ -1,5 +1,3 @@
-// @flow strict-local
 import {Runtime} from '@atlaspack/plugin';
 import fs from 'fs';
 import path from 'path';
@@ -8,17 +6,17 @@ 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'
+    ? fs.readFileSync(path.join(__dirname, './loaders/hmr-runtime.ts'), '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,7 +48,7 @@ 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),
         )};` +
         `module.bundle.HMR_BUNDLE_ID = ${JSON.stringify(bundle.id)};` +
@@ -61,4 +59,4 @@ export default (new Runtime({
       },
     };
   },
-}): Runtime<mixed>);
+}) as Runtime<unknown>;

package/src/loaders/{hmr-runtime.js → hmr-runtime.ts} RENAMED Viewed

@@ -1,4 +1,3 @@
-// @flow
 /* global HMR_HOST, HMR_PORT, HMR_ENV_HASH, HMR_SECURE, HMR_USE_SSE, chrome, browser, __parcel__import__, __parcel__importScripts__, ServiceWorkerGlobalScope */
 /*::
@@ -49,57 +48,85 @@ declare var globalThis: typeof self;
 declare var ServiceWorkerGlobalScope: Object;
 */
+// flow-to-ts helpers
+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>
+>;
+// /flow-to-ts helpers
 var OVERLAY_ID = '__parcel__error__overlay__';
+// @ts-expect-error TS2339
 var OldModule = module.bundle.Module;
-function Module(moduleName) {
+function Module(moduleName: any) {
+  // @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 = {};
+// @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 getHostname() {
   return (
+    // @ts-expect-error TS2304
     HMR_HOST ||
+    // @ts-expect-error TS2304
     (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 =
+    // @ts-expect-error TS2304
     HMR_SECURE ||
+    // @ts-expect-error TS2304
     (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 {
@@ -107,7 +134,7 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
       ws = new WebSocket(
         protocol + '://' + hostname + (port ? ':' + port : '') + '/',
       );
-    } catch (err) {
+    } catch (err: any) {
       if (err.message) {
         console.error(err.message);
       }
@@ -117,25 +144,33 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
   // Web extension context
   var extCtx =
+    // @ts-expect-error TS2304
     typeof browser === 'undefined'
-      ? typeof chrome === 'undefined'
+      ? // @ts-expect-error TS2304
+        typeof chrome === 'undefined'
         ? null
-        : chrome
-      : browser;
+        : // @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.
   var supportsSourceURL = false;
   try {
     (0, eval)('throw new Error("test"); //# sourceURL=test.js');
-  } catch (err) {
+  } catch (err: any) {
     supportsSourceURL = err.stack.includes('test.js');
   }
-  // $FlowFixMe
-  ws.onmessage = async function (event /*: {data: string, ...} */) {
-    checkedAssets = ({} /*: {|[string]: boolean|} */);
-    disposedAssets = ({} /*: {|[string]: boolean|} */);
+  // @ts-expect-error TS2339
+  ws.onmessage = async function (
+    event: {
+      data: string;
+    } /*: {data: string, ...} */,
+  ) {
+    checkedAssets = {} /*: {|[string]: boolean|} */;
+    disposedAssets = {} /*: {|[string]: boolean|} */;
     assetsToAccept = [];
     assetsToDispose = [];
@@ -145,19 +180,23 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
       fullReload();
     } else if (data.type === 'update') {
       // Remove error overlay if there is one
+      // @ts-expect-error TS2304
       if (typeof document !== 'undefined') {
         removeErrorOverlay();
       }
       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' &&
+            // @ts-expect-error TS2339
             hmrAcceptCheck(module.bundle.root, asset.id, asset.depsByBundle))
         );
       });
@@ -167,9 +206,11 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
         // Dispatch custom event so other runtimes (e.g React Refresh) are aware.
         if (
+          // @ts-expect-error TS2304
           typeof window !== 'undefined' &&
           typeof CustomEvent !== 'undefined'
         ) {
+          // @ts-expect-error TS2304
           window.dispatchEvent(new CustomEvent('parcelhmraccept'));
         }
@@ -178,11 +219,13 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
         hmrDisposeQueue();
         // Run accept callbacks. This will also re-execute other disposed assets in topological order.
-        let processedAssets = {};
+        let processedAssets: Record<string, any> = {};
         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;
           }
@@ -207,22 +250,23 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
         );
       }
+      // @ts-expect-error TS2304
       if (typeof document !== 'undefined') {
         // Render the fancy html overlay
         removeErrorOverlay();
         var overlay = createErrorOverlay(data.diagnostics.html);
-        // $FlowFixMe
+        // @ts-expect-error TS2304
         document.body.appendChild(overlay);
       }
     }
   };
   if (ws instanceof WebSocket) {
-    ws.onerror = function (e) {
+    ws.onerror = function (e: any) {
       if (e.message) {
         console.error(e.message);
       }
     };
-    ws.onclose = function (e) {
+    ws.onclose = function (e: CloseEvent) {
       if (process.env.ATLASPACK_BUILD_ENV !== 'test') {
         console.warn('[parcel] 🚨 Connection to the HMR server was lost');
       }
@@ -231,6 +275,7 @@ if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
 }
 function removeErrorOverlay() {
+  // @ts-expect-error TS2304
   var overlay = document.getElementById(OVERLAY_ID);
   if (overlay) {
     overlay.remove();
@@ -238,7 +283,20 @@ function removeErrorOverlay() {
   }
 }
-function createErrorOverlay(diagnostics) {
+function createErrorOverlay(
+  diagnostics: Array<
+    Partial<
+      Diff<
+        // @ts-expect-error TS2304
+        AnsiDiagnosticResult,
+        {
+          codeframe: string;
+        }
+      >
+    >
+  >,
+) {
+  // @ts-expect-error TS2304
   var overlay = document.createElement('div');
   overlay.id = OVERLAY_ID;
@@ -247,7 +305,8 @@ function createErrorOverlay(diagnostics) {
   for (let diagnostic of diagnostics) {
     let stack = diagnostic.frames.length
-      ? diagnostic.frames.reduce((p, frame) => {
+      ? // @ts-expect-error TS7006
+        diagnostic.frames.reduce((p, frame) => {
           return `${p}
 <a href="/__parcel_launch_editor?file=${encodeURIComponent(
             frame.location,
@@ -266,6 +325,7 @@ ${frame.code}`;
         <pre>${stack}</pre>
         <div>
           ${diagnostic.hints
+            // @ts-expect-error TS7006
             .map((hint) => '<div>💡 ' + hint + '</div>')
             .join('')}
         </div>
@@ -286,20 +346,27 @@ ${frame.code}`;
 }
 function fullReload() {
+  // @ts-expect-error TS2304
   if ('reload' in location) {
+    // @ts-expect-error TS2304
     location.reload();
   } else if (extCtx && extCtx.runtime && extCtx.runtime.reload) {
     extCtx.runtime.reload();
   }
 }
-function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
+function getParents(
+  // @ts-expect-error TS2304
+  bundle: ParcelRequire,
+  id: string,
+) /*: Array<[ParcelRequire, string]> */ {
   var modules = bundle.modules;
   if (!modules) {
     return [];
   }
-  var parents = [];
+  // @ts-expect-error TS2304
+  var parents: Array<[ParcelRequire, string]> = [];
   var k, d, dep;
   for (k in modules) {
@@ -319,38 +386,40 @@ function getParents(bundle, id) /*: Array<[ParcelRequire, string]> */ {
   return parents;
 }
-function updateLink(link) {
+function updateLink(link: HTMLElement) {
+  // @ts-expect-error TS2339
   var href = link.getAttribute('href');
   if (!href) {
     return;
   }
+  // @ts-expect-error TS2339
   var newLink = link.cloneNode();
   newLink.onload = function () {
+    // @ts-expect-error TS2339
     if (link.parentNode !== null) {
-      // $FlowFixMe
+      // @ts-expect-error TS2339
       link.parentNode.removeChild(link);
     }
   };
-  newLink.setAttribute(
-    'href',
-    // $FlowFixMe
-    href.split('?')[0] + '?' + Date.now(),
-  );
-  // $FlowFixMe
+  newLink.setAttribute('href', href.split('?')[0] + '?' + Date.now());
+  // @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 () {
+    // @ts-expect-error TS18047
+    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 =
@@ -361,6 +430,7 @@ function reloadCSS() {
           : href.indexOf(hostname + ':' + getPort());
       var absolute =
         /^https?:\/\//i.test(href) &&
+        // @ts-expect-error TS18047
         href.indexOf(location.origin) !== 0 &&
         !servedFromHMRServer;
       if (!absolute) {
@@ -372,38 +442,60 @@ function reloadCSS() {
   }, 50);
 }
-function hmrDownload(asset) {
+// @ts-expect-error TS2304
+function hmrDownload(asset: HMRAsset) {
   if (asset.type === 'js') {
+    // @ts-expect-error TS18047
     if (typeof document !== 'undefined') {
+      // @ts-expect-error TS18047
       let script = document.createElement('script');
       script.src = asset.url + '?t=' + Date.now();
       if (asset.outputFormat === 'esmodule') {
         script.type = 'module';
       }
-      return new Promise((resolve, reject) => {
-        script.onload = () => resolve(script);
-        script.onerror = reject;
-        document.head?.appendChild(script);
-      });
+      return new Promise(
+        (
+          resolve: (
+            result: Promise<HTMLScriptElement> | HTMLScriptElement,
+          ) => void,
+          reject: (error?: any) => void,
+        ) => {
+          script.onload = () => resolve(script);
+          script.onerror = reject;
+          // @ts-expect-error TS18047
+          document.head?.appendChild(script);
+        },
+      );
+      // @ts-expect-error TS2304
     } else if (typeof importScripts === 'function') {
       // Worker scripts
       if (asset.outputFormat === 'esmodule') {
+        // @ts-expect-error TS2304
         return __parcel__import__(asset.url + '?t=' + Date.now());
       } else {
-        return new Promise((resolve, reject) => {
-          try {
-            __parcel__importScripts__(asset.url + '?t=' + Date.now());
-            resolve();
-          } catch (err) {
-            reject(err);
-          }
-        });
+        return new Promise(
+          (
+            resolve: (result: Promise<undefined> | undefined) => void,
+            reject: (error?: any) => void,
+          ) => {
+            try {
+              // @ts-expect-error TS2304
+              __parcel__importScripts__(asset.url + '?t=' + Date.now());
+              // @ts-expect-error TS2794
+              resolve();
+            } catch (err: any) {
+              reject(err);
+            }
+          },
+        );
       }
     }
   }
 }
-async function hmrApplyUpdates(assets) {
+// @ts-expect-error TS2304
+async function hmrApplyUpdates(assets: Array<HMRAsset>) {
+  // @ts-expect-error TS7017
   global.parcelHotUpdate = Object.create(null);
   let scriptsToRemove;
@@ -416,13 +508,15 @@ async function hmrApplyUpdates(assets) {
     // This path is also taken if a CSP disallows eval.
     if (!supportsSourceURL) {
       let promises = assets.map((asset) =>
-        hmrDownload(asset)?.catch((err) => {
+        hmrDownload(asset)?.catch((err: any) => {
           // Web extension fix
           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();
@@ -436,14 +530,18 @@ async function hmrApplyUpdates(assets) {
     }
     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) {
+          // @ts-expect-error TS18047
           document.head?.removeChild(script);
         }
       });
@@ -451,7 +549,12 @@ async function hmrApplyUpdates(assets) {
   }
 }
-function hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {
+function hmrApply(
+  // @ts-expect-error TS2304
+  bundle: ParcelRequire /*: ParcelRequire */,
+  // @ts-expect-error TS2304
+  asset: HMRAsset /*:  HMRAsset */,
+) {
   var modules = bundle.modules;
   if (!modules) {
     return;
@@ -469,8 +572,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);
             }
           }
@@ -483,7 +588,7 @@ 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];
     }
@@ -496,7 +601,8 @@ function hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {
   }
 }
-function hmrDelete(bundle, id) {
+// @ts-expect-error TS2304
+function hmrDelete(bundle: ParcelRequire, id: string) {
   let modules = bundle.modules;
   if (!modules) {
     return;
@@ -505,8 +611,9 @@ function hmrDelete(bundle, id) {
   if (modules[id]) {
     // Collect dependencies that will become orphaned when this module is deleted.
     let deps = modules[id][1];
-    let orphans = [];
+    let orphans: Array<string> = [];
     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]);
@@ -519,6 +626,7 @@ function hmrDelete(bundle, id) {
     // Now delete the orphans.
     orphans.forEach((id) => {
+      // @ts-expect-error TS2339
       hmrDelete(module.bundle.root, id);
     });
   } else if (bundle.parent) {
@@ -527,25 +635,36 @@ function hmrDelete(bundle, id) {
 }
 function hmrAcceptCheck(
-  bundle /*: ParcelRequire */,
-  id /*: string */,
-  depsByBundle /*: ?{ [string]: { [string]: string } }*/,
+  // @ts-expect-error TS2304
+  bundle: ParcelRequire /*: ParcelRequire */,
+  id: string /*: string */,
+  depsByBundle:
+    | {
+        [key: string]: {
+          [key: string]: string;
+        };
+      }
+    | null
+    | undefined /*: ?{ [string]: { [string]: string } }*/,
 ) {
   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.
@@ -560,9 +679,17 @@ function hmrAcceptCheck(
 }
 function hmrAcceptCheckOne(
-  bundle /*: ParcelRequire */,
-  id /*: string */,
-  depsByBundle /*: ?{ [string]: { [string]: string } }*/,
+  // @ts-expect-error TS2304
+  bundle: ParcelRequire /*: ParcelRequire */,
+  id: string /*: string */,
+  depsByBundle:
+    | {
+        [key: string]: {
+          [key: string]: string;
+        };
+      }
+    | null
+    | undefined /*: ?{ [string]: { [string]: string } }*/,
 ) {
   var modules = bundle.modules;
   if (!modules) {
@@ -579,10 +706,12 @@ function hmrAcceptCheckOne(
     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];
@@ -597,9 +726,12 @@ function hmrAcceptCheckOne(
 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;
     }
@@ -608,7 +740,11 @@ function hmrDisposeQueue() {
   assetsToDispose = [];
 }
-function hmrDispose(bundle /*: ParcelRequire */, id /*: string */) {
+function hmrDispose(
+  // @ts-expect-error TS2304
+  bundle: ParcelRequire /*: ParcelRequire */,
+  id: string /*: string */,
+) {
   var cached = bundle.cache[id];
   bundle.hotData[id] = {};
   if (cached && cached.hot) {
@@ -616,6 +752,7 @@ function hmrDispose(bundle /*: ParcelRequire */, id /*: string */) {
   }
   if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
+    // @ts-expect-error TS7006
     cached.hot._disposeCallbacks.forEach(function (cb) {
       cb(bundle.hotData[id]);
     });
@@ -624,25 +761,33 @@ function hmrDispose(bundle /*: ParcelRequire */, id /*: string */) {
   delete bundle.cache[id];
 }
-function hmrAccept(bundle /*: ParcelRequire */, id /*: string */) {
+function hmrAccept(
+  // @ts-expect-error TS2304
+  bundle: ParcelRequire /*: ParcelRequire */,
+  id: string /*: string */,
+) {
   // 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 = [];
+    let assetsToAlsoAccept: Array<never> = [];
+    // @ts-expect-error TS7006
     cached.hot._acceptCallbacks.forEach(function (cb) {
       let additionalAssets = cb(function () {
+        // @ts-expect-error TS2339
         return getParents(module.bundle.root, id);
       });
       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]);
       });

package/tsconfig.json ADDED Viewed

@@ -0,0 +1,4 @@
+{
+  "extends": "../../../tsconfig.json",
+  "include": ["src"]
+}