@atlaspack/runtime-js 2.12.1-canary.3613 → 2.12.1-canary.3615

package/lib/helpers/browser/analytics/analytics.js

@@ -0,0 +1,11 @@
+"use strict";
+
+function sendAnalyticsEvent(detail) {
+  const ev = new globalThis.CustomEvent('atlaspack:analytics', {
+    detail
+  });
+  globalThis.dispatchEvent(ev);
+}
+module.exports = {
+  sendAnalyticsEvent
+};

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

@@ -44,21 +44,29 @@ async function load(id) {
           // Append the current time to the request URL
           // to ensure it has not been cached by the browser
           // eslint-disable-next-line no-undef
-          return await __parcel__import__(`${url}?t=${Date.now()}`);
+          const result = await __parcel__import__(`${url}?t=${Date.now()}`);
+          sendAnalyticsEvent('recovered', url, i);
+          return result;
         } catch (error) {
-          if (i === maxRetries) throw error;
-          // Dispatch event for reporting
-          const event = {
-            detail: {
-              target: url,
-              attempt: i
-            }
-          };
-          globalThis.dispatchEvent(new CustomEvent('atlaspack:import_retry', event));
+          if (i === maxRetries) {
+            sendAnalyticsEvent('failure', url, i);
+            throw error;
+          }
+          sendAnalyticsEvent('progress', url, i);
         }
       }
     })();
   }
   return retryState[url];
 }
+function sendAnalyticsEvent(status, targetUrl, attempt) {
+  require('./analytics/analytics.js').sendAnalyticsEvent({
+    action: 'importRetry',
+    attributes: {
+      status,
+      targetUrl,
+      attempt
+    }
+  });
+}
 module.exports = load;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaspack/runtime-js",
-  "version": "2.12.1-canary.3613+d904a75ee",
+  "version": "2.12.1-canary.3615+27eca1df6",
   "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.3613+d904a75ee",
+    "atlaspack": "2.12.1-canary.3615+27eca1df6",
     "node": ">= 16.0.0"
   },
   "dependencies": {
-    "@atlaspack/diagnostic": "2.12.1-canary.3613+d904a75ee",
-    "@atlaspack/domain-sharding": "2.12.1-canary.3613+d904a75ee",
-    "@atlaspack/feature-flags": "2.12.1-canary.3613+d904a75ee",
-    "@atlaspack/plugin": "2.12.1-canary.3613+d904a75ee",
-    "@atlaspack/utils": "2.12.1-canary.3613+d904a75ee",
+    "@atlaspack/diagnostic": "2.12.1-canary.3615+27eca1df6",
+    "@atlaspack/domain-sharding": "2.12.1-canary.3615+27eca1df6",
+    "@atlaspack/feature-flags": "2.12.1-canary.3615+27eca1df6",
+    "@atlaspack/plugin": "2.12.1-canary.3615+27eca1df6",
+    "@atlaspack/utils": "2.12.1-canary.3615+27eca1df6",
     "nullthrows": "^1.1.1"
   },
-  "gitHead": "d904a75eecaea2c2e62cd8ff18f217057d545fc4"
+  "gitHead": "27eca1df6f31abdf1df72f21350b035772302aea"
 }

package/src/helpers/browser/analytics/analytics.d.ts

@@ -0,0 +1,6 @@
+export type AtlaspackAnalyticsEvent = {
+  action: string;
+  attributes?: {[key: string]: string | number | boolean};
+};
+
+export function sendAnalyticsEvent(event: AtlaspackAnalyticsEvent): void;

package/src/helpers/browser/analytics/analytics.js

@@ -0,0 +1,6 @@
+function sendAnalyticsEvent(detail) {
+  const ev = new globalThis.CustomEvent('atlaspack:analytics', {detail});
+  globalThis.dispatchEvent(ev);
+}
+
+module.exports = {sendAnalyticsEvent};

package/src/helpers/browser/analytics/analytics.js.flow

@@ -0,0 +1,8 @@
+// @flow
+
+export type AtlaspackAnalyticsEvent = {|
+  action: string,
+  attributes?: { [key: string]: string | number | boolean },
+|};
+
+declare export function sendAnalyticsEvent(event: AtlaspackAnalyticsEvent): void;

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

@@ -42,14 +42,15 @@ async function load(id) {
           // Append the current time to the request URL
           // to ensure it has not been cached by the browser
           // eslint-disable-next-line no-undef
-          return await __parcel__import__(`${url}?t=${Date.now()}`);
+          const result = await __parcel__import__(`${url}?t=${Date.now()}`);
+          sendAnalyticsEvent('recovered', url, i);
+          return result;
         } catch (error) {
-          if (i === maxRetries) throw error;
-          // Dispatch event for reporting
-          const event = {detail: {target: url, attempt: i}};
-          globalThis.dispatchEvent(
-            new CustomEvent('atlaspack:import_retry', event),
-          );
+          if (i === maxRetries) {
+            sendAnalyticsEvent('failure', url, i);
+            throw error;
+          }
+          sendAnalyticsEvent('progress', url, i);
         }
       }
     })();
@@ -58,4 +59,15 @@ async function load(id) {
   return retryState[url];
 }
 
+function sendAnalyticsEvent(status, targetUrl, attempt) {
+  require('./analytics/analytics.js').sendAnalyticsEvent({
+    action: 'importRetry',
+    attributes: {
+      status,
+      targetUrl,
+      attempt,
+    },
+  });
+}
+
 module.exports = load;

package/test/analytics.test.ts

@@ -0,0 +1,47 @@
+import {sendAnalyticsEvent} from '../src/helpers/browser/analytics/analytics.js';
+import {mock} from 'node:test';
+import type {Mock} from 'node:test';
+import assert from 'node:assert';
+
+describe('@atlaspack/analytics', () => {
+  let dispatchEventMock: Mock<Window['dispatchEvent']>;
+
+  beforeEach(() => {
+    // @ts-expect-error
+    globalThis.CustomEvent = MockCustomEvent;
+    dispatchEventMock = mock.fn();
+    globalThis.dispatchEvent = dispatchEventMock;
+  });
+
+  it('should not throw', () => {
+    assert.doesNotThrow(() =>
+      sendAnalyticsEvent({
+        action: 'test',
+      }),
+    );
+  });
+
+  it('should raise event on window', () => {
+    sendAnalyticsEvent({
+      action: 'test',
+    });
+
+    assert.equal(dispatchEventMock.mock.callCount(), 1);
+    assert.deepEqual(dispatchEventMock.mock.calls[0].arguments[0], {
+      eventName: 'atlaspack:analytics',
+      detail: {
+        action: 'test',
+      },
+    });
+  });
+});
+
+class MockCustomEvent {
+  eventName: string;
+  detail: any;
+
+  constructor(eventName: string, options: any = {}) {
+    this.eventName = eventName;
+    this.detail = options.detail;
+  }
+}