@atlaspack/runtime-browser-hmr 2.14.19 → 2.14.21-typescript-08dcc1c9b.0

package/lib/loaders/hmr-runtime.js

@@ -49,40 +49,70 @@ declare var globalThis: typeof self;
 declare var ServiceWorkerGlobalScope: Object;
 */
 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 +127,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 +146,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 +157,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 +188,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 +204,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 +229,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 +237,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 +256,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 +269,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 +302,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 +346,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 +362,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 +386,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 +404,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 +418,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 +457,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 +472,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 +484,8 @@ function hmrApply(bundle /*: ParcelRequire */, asset /*:  HMRAsset */) {
     }
   }
 }
+
+// @ts-expect-error TS2304
 function hmrDelete(bundle, id) {
   let modules = bundle.modules;
   if (!modules) {
@@ -398,6 +496,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 +509,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 +548,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 +563,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 +581,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 +619,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

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/runtime-browser-hmr",
-  "version": "2.14.19",
+  "version": "2.14.21-typescript-08dcc1c9b.0",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -10,13 +10,18 @@
     "url": "https://github.com/atlassian-labs/atlaspack.git"
   },
   "main": "lib/HMRRuntime.js",
-  "source": "src/HMRRuntime.js",
+  "source": "src/HMRRuntime.ts",
   "engines": {
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/plugin": "2.14.19",
-    "@atlaspack/utils": "2.17.1"
+    "@atlaspack/plugin": "2.14.21-typescript-08dcc1c9b.0",
+    "@atlaspack/utils": "2.17.3-typescript-08dcc1c9b.0"
   },
-  "type": "commonjs"
+  "type": "commonjs",
+  "scripts": {
+    "check-ts": "tsc --noEmit"
+  },
+  "types": "src/HMRRuntime.ts",
+  "gitHead": "08dcc1c9bcdc6ab931d55e05ccc0f45669de2f22"
 }

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

@@ -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);
+}) as Runtime<unknown>;