reporting-lib 0.1.1 → 0.1.3

package/dist/util/paths.js

@@ -0,0 +1,43 @@
+export const getComposedPathEle = (e) => {
+    if (!e)
+        return [];
+    //如果支持path属性，直接返回path属性
+    //如果不支持，就通过composedPath方法获取
+    let pathArr = e.path || (e.composedPath && e.composedPath());
+    if ((pathArr || []).length) {
+        return pathArr;
+    }
+    //composedPath方法不兼容，手动获取
+    let target = e.target;
+    const composedPath = [];
+    while (target && target.parentNode) {
+        composedPath.push(target);
+        target = target.parentNode;
+    }
+    composedPath.push(document, window);
+    return composedPath;
+};
+export const getComposedPath = (e) => {
+    if (!e)
+        return [];
+    const composedPathEle = getComposedPathEle(e);
+    const composedPath = composedPathEle.reverse().slice(2).map(ele => {
+        let selector = ele.tagName.toLowerCase();
+        if (ele.id) {
+            selector += `#${ele.id}`;
+        }
+        if (ele.className) {
+            selector += `.${ele.className}`;
+        }
+        return selector;
+    });
+    return composedPath;
+};
+export const getPaths = (e) => {
+    if (!e)
+        return '';
+    const composedPath = getComposedPath(e);
+    const selectors = composedPath.join(' > ');
+    return selectors;
+};
+//# sourceMappingURL=paths.js.map

package/dist/util/paths.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"paths.js","sourceRoot":"","sources":["../../src/util/paths.js"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,CAAC,EAAE,EAAE;IACtC,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,uBAAuB;IACvB,2BAA2B;IAC3B,IAAI,OAAO,GAAG,CAAC,CAAC,IAAI,IAAI,CAAC,CAAC,CAAC,YAAY,IAAI,CAAC,CAAC,YAAY,EAAE,CAAC,CAAC;IAC7D,IAAI,CAAC,OAAO,IAAI,EAAE,CAAC,CAAC,MAAM,EAAE,CAAC;QAC3B,OAAO,OAAO,CAAC;IACjB,CAAC;IAED,wBAAwB;IACxB,IAAI,MAAM,GAAG,CAAC,CAAC,MAAM,CAAC;IACtB,MAAM,YAAY,GAAG,EAAE,CAAC;IAExB,OAAO,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE,CAAC;QACnC,YAAY,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC;QAC1B,MAAM,GAAG,MAAM,CAAC,UAAU,CAAC;IAC7B,CAAC;IAED,YAAY,CAAC,IAAI,CAAC,QAAQ,EAAE,MAAM,CAAC,CAAC;IAEpC,OAAO,YAAY,CAAC;AACtB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAAC,CAAC,EAAE,EAAE;IACnC,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,MAAM,eAAe,GAAG,kBAAkB,CAAC,CAAC,CAAC,CAAC;IAE9C,MAAM,YAAY,GAAG,eAAe,CAAC,OAAO,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE;QAChE,IAAI,QAAQ,GAAG,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,CAAC;QACzC,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;YACX,QAAQ,IAAI,IAAI,GAAG,CAAC,EAAE,EAAE,CAAC;QAC3B,CAAC;QACD,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;YAClB,QAAQ,IAAI,IAAI,GAAG,CAAC,SAAS,EAAE,CAAC;QAClC,CAAC;QACD,OAAO,QAAQ,CAAC;IAClB,CAAC,CAAC,CAAC;IAEH,OAAO,YAAY,CAAC;AACtB,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,QAAQ,GAAG,CAAC,CAAC,EAAE,EAAE;IAC5B,IAAI,CAAC,CAAC;QAAE,OAAO,EAAE,CAAC;IAClB,MAAM,YAAY,GAAG,eAAe,CAAC,CAAC,CAAC,CAAC;IACxC,MAAM,SAAS,GAAG,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC;IAC3C,OAAO,SAAS,CAAC;AACnB,CAAC,CAAA"}

package/dist/util/tool.d.ts

@@ -0,0 +1,14 @@
+export function detectWhiteScreen({ samplePoints, whiteTags, onDetected, threshold, }?: {
+    samplePoints?: number | undefined;
+    whiteTags?: string[] | undefined;
+    onDetected?: ((isWhiteScreen: any, detail: any) => void) | undefined;
+    threshold?: number | undefined;
+}): void;
+export function debounce(fn: any, delay?: number, immediate?: boolean): (...args: any[]) => void;
+export function detectionWhiteScreen(): any;
+export function getFullBrowserInfo(): {
+    name: string;
+    version: string;
+};
+export function getOSInfo(): "Windows Phone" | "Windows" | "Android" | "iOS" | "macOS" | "Linux" | "Unknown OS";
+//# sourceMappingURL=tool.d.ts.map

package/dist/util/tool.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.d.ts","sourceRoot":"","sources":["../../src/util/tool.js"],"names":[],"mappings":"AAAO;;;;;SAoCN;AAEM,yEAGY,GAAG,WAAI,UAgBzB;AAaM,4CASN;AAEM;;;EA0BN;AACM,gHAuBN"}

package/dist/util/tool.js

@@ -0,0 +1,114 @@
+export const detectWhiteScreen = ({ samplePoints = 6, whiteTags = ['HTML', 'BODY', "IFRAME"], onDetected = (isWhiteScreen, detail) => { }, threshold = 0.9, } = {}) => {
+    const viewportWidth = window.innerWidth;
+    const viewportHeight = window.innerHeight;
+    const points = [];
+    for (let i = 1; i <= samplePoints; i++) {
+        points.push([
+            viewportWidth / 2,
+            (viewportHeight / (samplePoints + 1)) * i,
+        ]);
+    }
+    console.log('points: ', points);
+    let whiteCount = 0;
+    const detail = [];
+    points.forEach(([x, y]) => {
+        const el = document.elementFromPoint(x, y);
+        const tag = el?.tagName || 'NULL';
+        detail.push({ x, y, tag });
+        if (!el || whiteTags.includes(tag)) {
+            whiteCount++;
+        }
+    });
+    const isWhite = whiteCount / samplePoints >= threshold;
+    onDetected(isWhite, detail);
+};
+export const debounce = (fn, delay = 300, immediate = false) => {
+    let timer = null;
+    return function (...args) {
+        const context = this;
+        if (timer)
+            clearTimeout(timer);
+        if (immediate && !timer) {
+            fn.apply(context, args);
+        }
+        timer = setTimeout(() => {
+            if (!immediate) {
+                fn.apply(context, args);
+            }
+            timer = null;
+        }, delay);
+    };
+};
+const debouncedDetectWhiteScreen = debounce((resolve) => {
+    detectWhiteScreen({
+        onDetected: (isWhite, detail) => {
+            console.log('isWhite: ', isWhite);
+            resolve(isWhite);
+            pendingPromise = null;
+        },
+    });
+}, 1000);
+let pendingPromise = null;
+export const detectionWhiteScreen = () => {
+    if (!pendingPromise) {
+        pendingPromise = new Promise((resolve) => {
+            setTimeout(() => {
+                debouncedDetectWhiteScreen(resolve);
+            }, 3000);
+        });
+    }
+    return pendingPromise;
+};
+export const getFullBrowserInfo = () => {
+    const ua = navigator.userAgent;
+    let name = 'Unknown';
+    let version = 'Unknown';
+    if (/edg/i.test(ua)) {
+        name = 'Edge';
+        version = ua.match(/edg\/([\d\.]+)/i)?.[1];
+    }
+    else if (/opr/i.test(ua)) {
+        name = 'Opera';
+        version = ua.match(/opr\/([\d\.]+)/i)?.[1];
+    }
+    else if (/chrome/i.test(ua)) {
+        name = 'Chrome';
+        version = ua.match(/chrome\/([\d\.]+)/i)?.[1];
+    }
+    else if (/firefox/i.test(ua)) {
+        name = 'Firefox';
+        version = ua.match(/firefox\/([\d\.]+)/i)?.[1];
+    }
+    else if (/safari/i.test(ua) && !/chrome/i.test(ua)) {
+        name = 'Safari';
+        version = ua.match(/version\/([\d\.]+)/i)?.[1];
+    }
+    else if (/msie/i.test(ua) || /trident/i.test(ua)) {
+        name = 'Internet Explorer';
+        version = ua.match(/(msie\s|rv:)([\d\.]+)/i)?.[2];
+    }
+    return { name, version };
+};
+export const getOSInfo = () => {
+    const ua = navigator.userAgent || navigator.vendor || window.opera;
+    if (/windows phone/i.test(ua)) {
+        return "Windows Phone";
+    }
+    if (/win/i.test(ua)) {
+        return "Windows";
+    }
+    if (/android/i.test(ua)) {
+        return "Android";
+    }
+    if (/iPad|iPhone|iPod/.test(ua) && !window.MSStream) {
+        return "iOS";
+    }
+    if (/Macintosh|MacIntel|MacPPC|Mac68K/.test(ua)) {
+        return "macOS";
+    }
+    if (/Linux/.test(ua)) {
+        return "Linux";
+    }
+    return "Unknown OS";
+};
+//# sourceMappingURL=tool.js.map

package/dist/util/tool.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tool.js","sourceRoot":"","sources":["../../src/util/tool.js"],"names":[],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "reporting-lib",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "A comprehensive monitoring and reporting library for web applications",
   "type": "module",
   "main": "dist/index.js",
@@ -35,9 +35,10 @@
   },
   "scripts": {
     "build": "tsc",
+    "build:bundle": "tsup",
     "dev": "tsc --watch",
     "lint": "eslint src --ext .ts",
-    "prepublishOnly": "npm run build",
+    "prepublishOnly": "npm run build && npm run build:bundle",
     "clean": "rm -rf dist",
     "prebuild": "npm run clean"
   },
@@ -45,6 +46,7 @@
     "@typescript-eslint/eslint-plugin": "^6.0.0",
     "@typescript-eslint/parser": "^6.0.0",
     "eslint": "^8.0.0",
+    "tsup": "^8.5.0",
     "typescript": "^5.4.0"
   },
   "dependencies": {