@aem-sdk/tracker-plugin-longtask 0.1.0-beta.0

package/README.md

@@ -0,0 +1,21 @@
+# @aem-sdk/tracker-plugin-longtask
+
+Browser LongTask 插件。保留旧 `@ali/aes-tracker-plugin-longtask` 的核心采集能力。
+
+## 安装
+
+```bash
+pnpm add @aem-sdk/tracker @aem-sdk/tracker-plugin-longtask@next
+```
+
+## 用法
+
+```ts
+import AES from "@aem-sdk/tracker";
+import LongTaskPlugin from "@aem-sdk/tracker-plugin-longtask";
+
+const aes = new AES({ pid: "demo" });
+aes.use(LongTaskPlugin);
+```
+
+插件只在注册后监听 Long Tasks API，不会在 import 时注册监听、创建 observer 或发送日志。上报字段直接使用新平台最终存储字段：`p1` 为 `startTime`，`p2` 为 `duration`，`p3` 为最近交互节点 selector。

package/dist/index.cjs

@@ -0,0 +1 @@
+function e(e){if(!e)return;if(Object.prototype.toString.call(e)===`[object Array]`)return t(e);let n=[],r=e;for(;r;)n.push(r),r=r.parentNode;return t(n)}function t(e){let t=[];for(let n=0;n<e.length;n+=1){let r=e[n];if(typeof window<`u`&&r===window||typeof document<`u`&&r===document)break;let i=r;if(i.id){t.push(`#${String(i.id)}`);break}if(typeof i.className==`string`&&i.className){let e=i.className.split(/\s+/).filter(e=>!!e).join(`.`);if(e){t.push(`.${e}`);continue}}i.nodeName&&t.push(String(i.nodeName))}return t.reverse().join(` `)||void 0}const n=[`pointerdown`,`touchstart`,`mousedown`,`keydown`,`mouseover`],r=e=>{if(!i())return;let t=a();if(!t)return;let r,u;try{u=new t(t=>{t.getEntries().forEach(t=>{c(()=>{s(e,t,r)})})}),u.observe({entryTypes:[`longtask`]})}catch(e){return}n.forEach(e=>{try{document.addEventListener(e,e=>{r=o(e)},{capture:!0,passive:!0})}catch(e){return}}),l(e=>{if(!e){u.disconnect();return}setTimeout(()=>{try{u.observe({entryTypes:[`longtask`]})}catch(e){return}},100)})};function i(){return typeof window<`u`&&typeof document<`u`&&window.PerformanceLongTaskTiming!==void 0}function a(){if(typeof window>`u`)return;let e=window.PerformanceObserver;return typeof e==`function`?e:void 0}function o(e){let t=e.composedPath;return typeof t==`function`?t.call(e):e.path||e.target}function s(t,n,r){try{t.log(`longtask`,{p1:n.startTime,p2:n.duration,p3:e(r||void 0)})}catch(e){return}}function c(e){try{let t=globalThis.requestIdleCallback;if(typeof t==`function`){t(e,{timeout:1e3});return}}catch(e){}setTimeout(e,0)}function l(e){let t=u();if(t)try{document.addEventListener(t.eventName,()=>{e(!document[t.hidden])})}catch(e){return}}function u(){if(typeof document>`u`)return;if(document.hidden!==void 0)return{eventName:`visibilitychange`,hidden:`hidden`};let e=document;if(e.webkitHidden!==void 0)return{eventName:`webkitvisibilitychange`,hidden:`webkitHidden`};if(e.msHidden!==void 0)return{eventName:`msvisibilitychange`,hidden:`msHidden`}}module.exports=r;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { AESPluginFactory } from "@aem-sdk/tracker";
+
+//#region src/index.d.ts
+interface LongTaskPluginOptions {}
+declare const AESPluginLongTask: AESPluginFactory<void, LongTaskPluginOptions>;
+//#endregion
+export { LongTaskPluginOptions, AESPluginLongTask as default };

package/dist/index.mjs

@@ -0,0 +1 @@
+function e(e){if(!e)return;if(Object.prototype.toString.call(e)===`[object Array]`)return t(e);let n=[],r=e;for(;r;)n.push(r),r=r.parentNode;return t(n)}function t(e){let t=[];for(let n=0;n<e.length;n+=1){let r=e[n];if(typeof window<`u`&&r===window||typeof document<`u`&&r===document)break;let i=r;if(i.id){t.push(`#${String(i.id)}`);break}if(typeof i.className==`string`&&i.className){let e=i.className.split(/\s+/).filter(e=>!!e).join(`.`);if(e){t.push(`.${e}`);continue}}i.nodeName&&t.push(String(i.nodeName))}return t.reverse().join(` `)||void 0}const n=[`pointerdown`,`touchstart`,`mousedown`,`keydown`,`mouseover`],r=e=>{if(!i())return;let t=a();if(!t)return;let r,u;try{u=new t(t=>{t.getEntries().forEach(t=>{c(()=>{s(e,t,r)})})}),u.observe({entryTypes:[`longtask`]})}catch(e){return}n.forEach(e=>{try{document.addEventListener(e,e=>{r=o(e)},{capture:!0,passive:!0})}catch(e){return}}),l(e=>{if(!e){u.disconnect();return}setTimeout(()=>{try{u.observe({entryTypes:[`longtask`]})}catch(e){return}},100)})};function i(){return typeof window<`u`&&typeof document<`u`&&window.PerformanceLongTaskTiming!==void 0}function a(){if(typeof window>`u`)return;let e=window.PerformanceObserver;return typeof e==`function`?e:void 0}function o(e){let t=e.composedPath;return typeof t==`function`?t.call(e):e.path||e.target}function s(t,n,r){try{t.log(`longtask`,{p1:n.startTime,p2:n.duration,p3:e(r||void 0)})}catch(e){return}}function c(e){try{let t=globalThis.requestIdleCallback;if(typeof t==`function`){t(e,{timeout:1e3});return}}catch(e){}setTimeout(e,0)}function l(e){let t=u();if(t)try{document.addEventListener(t.eventName,()=>{e(!document[t.hidden])})}catch(e){return}}function u(){if(typeof document>`u`)return;if(document.hidden!==void 0)return{eventName:`visibilitychange`,hidden:`hidden`};let e=document;if(e.webkitHidden!==void 0)return{eventName:`webkitvisibilitychange`,hidden:`webkitHidden`};if(e.msHidden!==void 0)return{eventName:`msvisibilitychange`,hidden:`msHidden`}}export{r as default};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@aem-sdk/tracker-plugin-longtask",
+  "version": "0.1.0-beta.0",
+  "description": "AEM Web SDK browser long task plugin",
+  "license": "MIT",
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "type": "module",
+  "sideEffects": false,
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.mjs",
+      "require": "./dist/index.cjs"
+    }
+  },
+  "publishConfig": {
+    "access": "public",
+    "registry": "https://registry.npmjs.org"
+  },
+  "devDependencies": {
+    "@aem-sdk/tracker": "0.1.0-beta.0"
+  },
+  "peerDependencies": {
+    "@aem-sdk/tracker": "^0.1.0-beta.0"
+  },
+  "aemSizeBudget": {
+    "gzipBytes": 3072
+  },
+  "scripts": {
+    "build": "tsdown",
+    "clean": "rm -rf dist dist-types",
+    "typecheck": "tsc -b tsconfig.json"
+  }
+}