@atlaspack/runtime-js 2.12.1-canary.3607 → 2.12.1-canary.3609

package/lib/helpers/browser/esm-js-loader-retry.js

@@ -86,7 +86,7 @@ function _load() {
                                 attempt: i
                               }
                             };
-                            window.dispatchEvent(new CustomEvent('atlaspack:import_retry', event));
+                            globalThis.dispatchEvent(new CustomEvent('atlaspack:import_retry', event));
                           case 17:
                           case "end":
                             return _context.stop();

package/lib/helpers/bundle-manifest.js

@@ -1,7 +1,8 @@
 "use strict";
 
 var mapping = new Map();
-function register(baseUrl, manifest) {
+function register( /** @type {string} */baseUrl, /** @type {Array<string>} */manifest // ['id', 'path', 'id2', 'path2']
+) {
   for (var i = 0; i < manifest.length - 1; i += 2) {
     mapping.set(manifest[i], {
       baseUrl: baseUrl,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/runtime-js",
-  "version": "2.12.1-canary.3607+fc7589858",
+  "version": "2.12.1-canary.3609+4608bfa87",
   "license": "(MIT OR Apache-2.0)",
   "publishConfig": {
     "access": "public"
@@ -12,16 +12,16 @@
   "main": "lib/JSRuntime.js",
   "source": "src/JSRuntime.js",
   "engines": {
-    "atlaspack": "2.12.1-canary.3607+fc7589858",
+    "atlaspack": "2.12.1-canary.3609+4608bfa87",
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/diagnostic": "2.12.1-canary.3607+fc7589858",
-    "@atlaspack/domain-sharding": "2.12.1-canary.3607+fc7589858",
-    "@atlaspack/feature-flags": "2.12.1-canary.3607+fc7589858",
-    "@atlaspack/plugin": "2.12.1-canary.3607+fc7589858",
-    "@atlaspack/utils": "2.12.1-canary.3607+fc7589858",
+    "@atlaspack/diagnostic": "2.12.1-canary.3609+4608bfa87",
+    "@atlaspack/domain-sharding": "2.12.1-canary.3609+4608bfa87",
+    "@atlaspack/feature-flags": "2.12.1-canary.3609+4608bfa87",
+    "@atlaspack/plugin": "2.12.1-canary.3609+4608bfa87",
+    "@atlaspack/utils": "2.12.1-canary.3609+4608bfa87",
     "nullthrows": "^1.1.1"
   },
-  "gitHead": "fc7589858cb8a7330b6ce2c389eb89917a143237"
+  "gitHead": "4608bfa87145cdd385b090b70b4d9a10e73334a3"
 }

package/src/helpers/browser/esm-js-loader-retry.js

@@ -47,7 +47,7 @@ async function load(id) {
           if (i === maxRetries) throw error;
           // Dispatch event for reporting
           const event = {detail: {target: url, attempt: i}};
-          window.dispatchEvent(
+          globalThis.dispatchEvent(
             new CustomEvent('atlaspack:import_retry', event),
           );
         }

package/src/helpers/bundle-manifest.js

@@ -1,6 +1,9 @@
 var mapping = new Map();
 
-function register(baseUrl, manifest) {
+function register(
+  /** @type {string} */ baseUrl,
+  /** @type {Array<string>} */ manifest, // ['id', 'path', 'id2', 'path2']
+) {
   for (var i = 0; i < manifest.length - 1; i += 2) {
     mapping.set(manifest[i], {
       baseUrl: baseUrl,

package/test/esm-js-loader-retry.test.ts

@@ -0,0 +1,65 @@
+import load from '../src/helpers/browser/esm-js-loader-retry.js';
+import bundleManifest from '../src/helpers/bundle-manifest.js';
+import {mock} from 'node:test';
+import type {Mock} from 'node:test';
+import assert from 'node:assert';
+
+declare var globalThis: Window & {[key: string]: any};
+
+describe('esm-js-loader-retry', () => {
+  let mockSetTimeout: Mock<Window['setTimeout']>;
+  let mockParcelImport: Mock<() => Promise<void>>;
+
+  // eslint-disable-next-line require-await
+  const importError = async () => {
+    throw new Error('TypeError: Failed to fetch dynamically imported module');
+  };
+
+  before(() => {
+    bundleManifest.register('http://localhost', ['1', 'foo.js']);
+  });
+
+  beforeEach(() => {
+    mockSetTimeout = mock.fn((callback: any, duration: any, ...args: any[]) =>
+      callback(),
+    );
+    globalThis.setTimeout = mockSetTimeout;
+
+    mockParcelImport = mock.fn(() => Promise.resolve());
+    globalThis.__parcel__import__ = mockParcelImport;
+
+    globalThis.parcelRequire = mock.fn();
+    // @ts-expect-error
+    globalThis.navigator = {onLine: true};
+    globalThis.CustomEvent = globalThis.CustomEvent || class {};
+    globalThis.dispatchEvent = mock.fn();
+  });
+
+  it('should not throw', async () => {
+    await assert.doesNotReject(() => load('1'));
+  });
+
+  it('should throw if all requests fail', async () => {
+    mockParcelImport.mock.mockImplementationOnce(importError, 0);
+    mockParcelImport.mock.mockImplementationOnce(importError, 1);
+    mockParcelImport.mock.mockImplementationOnce(importError, 2);
+    mockParcelImport.mock.mockImplementationOnce(importError, 3);
+    mockParcelImport.mock.mockImplementationOnce(importError, 4);
+    mockParcelImport.mock.mockImplementationOnce(importError, 5);
+    mockParcelImport.mock.mockImplementationOnce(importError, 6);
+    await assert.rejects(() => load('1'));
+  });
+
+  it('should resolve if the first request fails', async () => {
+    mockParcelImport.mock.mockImplementationOnce(importError, 0);
+    await assert.doesNotReject(() => load('1'));
+  });
+
+  it('should resolve if the first few requests fails', async () => {
+    mockParcelImport.mock.mockImplementationOnce(importError, 0);
+    mockParcelImport.mock.mockImplementationOnce(importError, 1);
+    mockParcelImport.mock.mockImplementationOnce(importError, 2);
+    mockParcelImport.mock.mockImplementationOnce(importError, 3);
+    await assert.doesNotReject(() => load('1'));
+  });
+});