@v-tilt/browser 1.0.1

package/lib/web-vitals.js

@@ -0,0 +1,67 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.WebVitalsManager = void 0;
+const geolocation_1 = require("./geolocation");
+class WebVitalsManager {
+    constructor(config, trackingManager) {
+        this.trackingManager = trackingManager;
+        // Load web-vitals if enabled
+        if (config.webVitals) {
+            try {
+                // Dynamically require web-vitals, ignore type error since it's a runtime import
+                // eslint-disable-next-line
+                this.webVitals = require("web-vitals");
+                this.initializeWebVitals();
+            }
+            catch (error) {
+                console.warn("web-vitals library not found. Please install it to enable web vitals tracking.", error);
+            }
+        }
+    }
+    /**
+     * Initialize web vitals tracking
+     */
+    initializeWebVitals() {
+        if (!this.webVitals) {
+            return;
+        }
+        const sendMetric = (metric) => {
+            try {
+                const { country, locale } = (0, geolocation_1.getCountryAndLocale)();
+                this.trackingManager.sendEvent("web_vital", {
+                    name: metric.name,
+                    value: metric.value,
+                    delta: metric.delta,
+                    rating: metric.rating,
+                    id: metric.id,
+                    navigationType: metric.navigationType,
+                    pathname: window.location.pathname,
+                    href: window.location.href,
+                    "user-agent": window.navigator.userAgent,
+                    locale,
+                    location: country,
+                    referrer: document.referrer,
+                });
+            }
+            catch (error) {
+                console.error("Error sending web vital:", error);
+            }
+        };
+        if (this.webVitals.onCLS) {
+            this.webVitals.onCLS(sendMetric);
+        }
+        if (this.webVitals.onFCP) {
+            this.webVitals.onFCP(sendMetric);
+        }
+        if (this.webVitals.onLCP) {
+            this.webVitals.onLCP(sendMetric);
+        }
+        if (this.webVitals.onTTFB) {
+            this.webVitals.onTTFB(sendMetric);
+        }
+        if (this.webVitals.onINP) {
+            this.webVitals.onINP(sendMetric);
+        }
+    }
+}
+exports.WebVitalsManager = WebVitalsManager;

package/package.json

@@ -0,0 +1,61 @@
+{
+  "name": "@v-tilt/browser",
+  "version": "1.0.1",
+  "description": "vTilt browser tracking library",
+  "main": "dist/main.js",
+  "module": "dist/module.js",
+  "types": "dist/module.d.ts",
+  "files": [
+    "lib/*",
+    "dist/*"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -b && rollup -c",
+    "dev": "rollup -c -w",
+    "type-check": "tsc --noEmit",
+    "lint": "eslint src --ext .ts",
+    "lint:fix": "eslint src --ext .ts --fix",
+    "clean": "rimraf lib dist",
+    "prepublishOnly": "pnpm run build"
+  },
+  "keywords": [
+    "analytics",
+    "tracking",
+    "web-vitals",
+    "performance"
+  ],
+  "author": "vTilt",
+  "license": "MIT",
+  "devDependencies": {
+    "@babel/preset-env": "^7.28.3",
+    "@rollup/plugin-babel": "^6.0.4",
+    "@rollup/plugin-commonjs": "^25.0.8",
+    "@rollup/plugin-json": "^6.1.0",
+    "@rollup/plugin-node-resolve": "^15.3.1",
+    "@rollup/plugin-terser": "^0.4.4",
+    "@rollup/plugin-typescript": "^11.1.6",
+    "@types/node": "^20.10.5",
+    "@v-tilt/eslint-config": "workspace:*",
+    "eslint": "^9.0.0",
+    "rimraf": "^5.0.5",
+    "rollup": "^4.9.1",
+    "rollup-plugin-dts": "^6.2.3",
+    "rollup-plugin-terser": "^7.0.2",
+    "rollup-plugin-visualizer": "^6.0.3",
+    "typescript": "^5.3.3"
+  },
+  "dependencies": {
+    "web-vitals": "^3.5.0"
+  },
+  "peerDependencies": {
+    "web-vitals": "^3.0.0"
+  },
+  "peerDependenciesMeta": {
+    "web-vitals": {
+      "optional": true
+    }
+  }
+}