@whnz/frontend-experience-vitals 1.0.0

package/dist/index.d.mts

@@ -0,0 +1,7 @@
+interface Plugin {
+    name: string;
+    setup(): void;
+}
+declare function vitalsPlugin(): Plugin;
+
+export { type Plugin, vitalsPlugin };

package/dist/index.mjs

@@ -0,0 +1,51 @@
+import { onFCP, onLCP, onCLS, onINP } from 'web-vitals';
+import { report } from '@whnz/frontend-experience-core';
+
+// src/index.ts
+function vitalsPlugin() {
+  return {
+    name: "vitals",
+    setup() {
+      onFCP(
+        (m) => report({
+          type: "fcp",
+          value: m.value,
+          timestamp: Date.now()
+        })
+      );
+      onLCP(
+        (m) => {
+          var _a, _b, _c;
+          return report({
+            type: "lcp",
+            value: m.value,
+            timestamp: Date.now(),
+            extra: {
+              element: (_c = (_b = (_a = m.entries) == null ? void 0 : _a[0]) == null ? void 0 : _b.element) == null ? void 0 : _c.tagName
+            }
+          });
+        }
+      );
+      onCLS(
+        (m) => report({
+          type: "cls",
+          value: m.value,
+          timestamp: Date.now()
+        })
+      );
+      onINP((m) => {
+        if (m.value > 200) {
+          report({
+            type: "inp",
+            value: m.value,
+            timestamp: Date.now()
+          });
+        }
+      });
+    }
+  };
+}
+
+export { vitalsPlugin };
+//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/index.ts"],"names":[],"mappings":";;;;AAQO,SAAS,YAAA,GAAuB;AACrC,EAAA,OAAO;AAAA,IACL,IAAA,EAAM,QAAA;AAAA,IACN,KAAA,GAAQ;AACN,MAAA,KAAA;AAAA,QAAM,CAAC,MACL,MAAA,CAAO;AAAA,UACL,IAAA,EAAM,KAAA;AAAA,UACN,OAAO,CAAA,CAAE,KAAA;AAAA,UACT,SAAA,EAAW,KAAK,GAAA;AAAI,SACrB;AAAA,OACH;AAEA,MAAA,KAAA;AAAA,QAAM,CAAC,CAAA,KAAG;AApBhB,UAAA,IAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AAqBQ,UAAA,OAAA,MAAA,CAAO;AAAA,YACL,IAAA,EAAM,KAAA;AAAA,YACN,OAAO,CAAA,CAAE,KAAA;AAAA,YACT,SAAA,EAAW,KAAK,GAAA,EAAI;AAAA,YACpB,KAAA,EAAO;AAAA,cACL,UAAS,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,EAAA,GAAA,CAAA,CAAE,OAAA,KAAF,mBAAY,CAAA,CAAA,KAAZ,IAAA,GAAA,MAAA,GAAA,EAAA,CAAgB,YAAhB,IAAA,GAAA,MAAA,GAAA,EAAA,CAAyB;AAAA;AACpC,WACD,CAAA;AAAA,QAAA;AAAA,OACH;AAEA,MAAA,KAAA;AAAA,QAAM,CAAC,MACL,MAAA,CAAO;AAAA,UACL,IAAA,EAAM,KAAA;AAAA,UACN,OAAO,CAAA,CAAE,KAAA;AAAA,UACT,SAAA,EAAW,KAAK,GAAA;AAAI,SACrB;AAAA,OACH;AAEA,MAAA,KAAA,CAAM,CAAC,CAAA,KAAM;AACX,QAAA,IAAI,CAAA,CAAE,QAAQ,GAAA,EAAK;AACjB,UAAA,MAAA,CAAO;AAAA,YACL,IAAA,EAAM,KAAA;AAAA,YACN,OAAO,CAAA,CAAE,KAAA;AAAA,YACT,SAAA,EAAW,KAAK,GAAA;AAAI,WACrB,CAAA;AAAA,QACH;AAAA,MACF,CAAC,CAAA;AAAA,IACH;AAAA,GACF;AACF","file":"index.mjs","sourcesContent":["import { onFCP, onLCP, onCLS, onINP } from 'web-vitals';\nimport { report } from '@whnz/frontend-experience-core';\n\nexport interface Plugin {\n  name: string;\n  setup(): void;\n}\n\nexport function vitalsPlugin(): Plugin {\n  return {\n    name: 'vitals',\n    setup() {\n      onFCP((m) =>\n        report({\n          type: 'fcp',\n          value: m.value,\n          timestamp: Date.now(),\n        }),\n      );\n\n      onLCP((m) =>\n        report({\n          type: 'lcp',\n          value: m.value,\n          timestamp: Date.now(),\n          extra: {\n            element: m.entries?.[0]?.element?.tagName,\n          },\n        }),\n      );\n\n      onCLS((m) =>\n        report({\n          type: 'cls',\n          value: m.value,\n          timestamp: Date.now(),\n        }),\n      );\n\n      onINP((m) => {\n        if (m.value > 200) {\n          report({\n            type: 'inp',\n            value: m.value,\n            timestamp: Date.now(),\n          });\n        }\n      });\n    },\n  };\n}\n"]}

package/package.json

@@ -0,0 +1,17 @@
+{
+  "name": "@whnz/frontend-experience-vitals",
+  "version": "1.0.0",
+  "main": "dist/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
+  "files": [
+    "dist"
+  ],
+  "dependencies": {
+    "web-vitals": "^4.0.0",
+    "@whnz/frontend-experience-core": "1.0.0"
+  },
+  "scripts": {
+    "build": "tsup"
+  }
+}