@zxhy-npm/send-sls-logger 1.0.3 → 1.1.0

package/lib/index.js

@@ -1,9 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const web_track_browser_1 = __importDefault(require("@aliyun-sls/web-track-browser"));
-const init_1 = __importDefault(require("./init"));
-const SLSLog = (config) => new init_1.default(web_track_browser_1.default, config);
-exports.default = SLSLog;
+import SlsTracker from "@aliyun-sls/web-track-browser";
+import DefaultLog from "./init";
+const SLSLog = (config) => new DefaultLog(SlsTracker, config);
+export default SLSLog;

package/lib/init.d.ts

@@ -47,3 +47,4 @@ declare class DefaultLog<T extends LogOptions> {
     info: (...args: any[]) => void;
 }
 export default DefaultLog;
+export type LogClassInterface = InstanceType<typeof DefaultLog>;

package/lib/init.js

@@ -1,5 +1,3 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
 const getType = (val) => {
     return Object.prototype.toString.call(val).toLocaleLowerCase().slice(8, -1);
 };
@@ -33,7 +31,9 @@ class DefaultLog {
         if (options?.host && options.logstore && options.project) {
             this.tracker = new this.Tracker(options);
         }
-        this.maxLength = strMaxLength;
+        if (this.maxLength === defaultMaxLength && strMaxLength !== defaultMaxLength) {
+            this.maxLength = strMaxLength;
+        }
         this.exclude.push(...defaultExclude);
     }
     formatDataMaxLength(data) {
@@ -126,4 +126,4 @@ class DefaultLog {
     log = this.send('info');
     info = this.send('info');
 }
-exports.default = DefaultLog;
+export default DefaultLog;

package/lib/mini.js

@@ -1,9 +1,4 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const web_track_mini_1 = __importDefault(require("@aliyun-sls/web-track-mini"));
-const init_1 = __importDefault(require("./init"));
-const MiniInit = (config) => new init_1.default(web_track_mini_1.default, config);
-exports.default = MiniInit;
+import SlsMiniTracker from "@aliyun-sls/web-track-mini";
+import DefaultLog from "./init";
+const MiniInit = (config) => new DefaultLog(SlsMiniTracker, config);
+export default MiniInit;

package/lib/trace.d.ts

@@ -0,0 +1 @@
+export declare function initTrace(info: (...data: any[]) => any): void;

package/lib/trace.js

@@ -0,0 +1,41 @@
+export function initTrace(info) {
+    const observer = new MutationObserver(() => {
+        const modules = document.querySelectorAll('[data-module]');
+        const observer = new IntersectionObserver((entries, observer) => {
+            entries.forEach((entry) => {
+                if (entry.isIntersecting) {
+                    const module = entry.target;
+                    const moduleName = module.dataset.module;
+                    moduleName && info({
+                        moduleName,
+                        entryType: 'load',
+                    });
+                    observer.unobserve(module);
+                    delete module.dataset.module;
+                }
+            }, {
+                root: null,
+                threshold: 0.1,
+                rootMargin: '0px',
+            });
+        });
+        modules.forEach((module) => observer.observe(module));
+    });
+    observer.observe(document.body, {
+        childList: true,
+        subtree: true,
+    });
+    const clickHandler = (event) => {
+        const target = event.target;
+        const closestElement = target.closest('[data-click]');
+        if (closestElement) {
+            const moduleName = closestElement.dataset.click || '';
+            moduleName && info({
+                moduleName,
+                entryType: 'click',
+            });
+            delete target.dataset.click;
+        }
+    };
+    window.addEventListener('click', clickHandler);
+}

package/package.json

@@ -1,19 +1,15 @@
 {
 	"name": "@zxhy-npm/send-sls-logger",
-	"version": "1.0.3",
+	"version": "1.1.0",
 	"description": "阿里云sls的logger发送",
 	"scripts": {
 		"build": "rm -rf lib && tsc"
 	},
 	"files": [
-		"lib"
+		"lib/**/*"
 	],
 	"main": "lib/index.js",
 	"types": "lib/index.d.ts",
-	"exports": {
-		".": "./lib/index.js",
-		"./mini": "./lib/mini.js"
-	},
 	"keywords": [
 		"logger",
 		"sls"

package/readme.md

@@ -46,3 +46,5 @@ miniLog.info({ msg: "这是一条默认日志" });
 更新内容: 增加 ts 解析器
 0.0.41 ---------- 2023-02-10 14:51:18  
 更新内容: 增加使用说明  
+1.1.0 ---------- 12/15/2024, 3:05:43 PM  
+更新内容: 增加了 initTrace 的方法, 只支持PC项目，监听 dom的进入试图，以及点击事件，需要在dom增加 data-module、data-click 对应的属性