@shopify/app-bridge - npm Package Compare versions

Comparing version 3.2.6 to 3.2.7-alpha.1

actions/WebVitals/actions.d.ts

@@ -8,3 +8,4 @@ import { MetaAction, Group } from '../types';
     FIRST_CONTENTFUL_PAINT = "APP::WEB_VITALS::FIRST_CONTENTFUL_PAINT",
-    TIME_TO_FIRST_BYTE = "APP::WEB_VITALS::TIME_TO_FIRST_BYTE"
+    TIME_TO_FIRST_BYTE = "APP::WEB_VITALS::TIME_TO_FIRST_BYTE",
+    INTERACTION_TO_NEXT_PAINT = "APP::WEB_VITALS::INTERACTION_TO_NEXT_PAINT"
 }
@@ -15,3 +16,3 @@ export interface ActionBase extends MetaAction {
 export interface WebVitalsMetricPayload {
-    metricName: 'LCP' | 'FID' | 'CLS' | 'FCP' | 'TTFB';
+    metricName: 'LCP' | 'FID' | 'CLS' | 'FCP' | 'TTFB' | 'INP';
     value: number;
@@ -40,2 +41,6 @@ id: string;
 }
+export interface InteractionToNextPaintAction extends ActionBase {
+    readonly type: typeof Action.INTERACTION_TO_NEXT_PAINT;
+    payload: WebVitalsMetricPayload;
+}
 export declare function largestContentfulPaint(payload: WebVitalsMetricPayload): LargestContentfulPaintAction;
@@ -46,2 +51,3 @@ export declare function firstInputDelay(payload: WebVitalsMetricPayload): FirstInputDelayAction;
 export declare function timeToFirstByte(payload: WebVitalsMetricPayload): TimeToFirstByteAction;
+export declare function interactionToNextPaint(payload: WebVitalsMetricPayload): InteractionToNextPaintAction;
 export declare function initializeWebVitals(app: ClientApplication): void;

actions/WebVitals/actions.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.initializeWebVitals = exports.timeToFirstByte = exports.firstContentfulPaint = exports.cumulativeLayoutShift = exports.firstInputDelay = exports.largestContentfulPaint = exports.Action = void 0;
+exports.initializeWebVitals = exports.interactionToNextPaint = exports.timeToFirstByte = exports.firstContentfulPaint = exports.cumulativeLayoutShift = exports.firstInputDelay = exports.largestContentfulPaint = exports.Action = void 0;
 var web_vitals_1 = require("web-vitals");
@@ -15,2 +15,3 @@ var env_1 = require("../../util/env");
     Action["TIME_TO_FIRST_BYTE"] = "APP::WEB_VITALS::TIME_TO_FIRST_BYTE";
+    Action["INTERACTION_TO_NEXT_PAINT"] = "APP::WEB_VITALS::INTERACTION_TO_NEXT_PAINT";
 })(Action = exports.Action || (exports.Action = {}));
@@ -57,2 +58,10 @@ function largestContentfulPaint(payload) {
 exports.timeToFirstByte = timeToFirstByte;
+function interactionToNextPaint(payload) {
+    return helper_1.actionWrapper({
+        group: types_1.Group.WebVitals,
+        type: Action.INTERACTION_TO_NEXT_PAINT,
+        payload: payload,
+    });
+}
+exports.interactionToNextPaint = interactionToNextPaint;
 function initializeWebVitals(app) {
@@ -74,8 +83,9 @@ function onReport(cb) {
     untypedWindow.__is_web_vitals_initialized__ = true;
-    web_vitals_1.getLCP(onReport(largestContentfulPaint));
-    web_vitals_1.getFID(onReport(firstInputDelay));
-    web_vitals_1.getCLS(onReport(cumulativeLayoutShift));
-    web_vitals_1.getFCP(onReport(firstContentfulPaint));
-    web_vitals_1.getTTFB(onReport(timeToFirstByte));
+    web_vitals_1.onLCP(onReport(largestContentfulPaint));
+    web_vitals_1.onFID(onReport(firstInputDelay));
+    web_vitals_1.onCLS(onReport(cumulativeLayoutShift));
+    web_vitals_1.onFCP(onReport(firstContentfulPaint));
+    web_vitals_1.onTTFB(onReport(timeToFirstByte));
+    web_vitals_1.onINP(onReport(interactionToNextPaint));
 }
 exports.initializeWebVitals = initializeWebVitals;

package.json

 {
   "name": "@shopify/app-bridge",
-  "version": "3.2.6",
+  "version": "3.2.7-alpha.1",
   "types": "index.d.ts",
@@ -51,3 +51,3 @@ "main": "index.js",
     "base64url": "^3.0.1",
-    "web-vitals": "^2.1.4"
+    "web-vitals": "^3.0.1"
   },
@@ -58,3 +58,3 @@ "devDependencies": {
   },
-  "gitHead": "92e1339756bb20f56c06a48617cea67b4241a17b"
+  "gitHead": "d69bf4dbef9196fc41d1bad7be9a606a1599ae58"
 }

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

970910

increased by0.76%

Lines of code

19952

increased by0.26%

Worsened metrics

Number of low quality alerts

1

increased byInfinity%

Dependency changes

• + Addedweb-vitals@3.5.2(transitive)

• - Removedweb-vitals@2.1.4(transitive)

• Updatedweb-vitals@^3.0.1