@aem-sdk/tracker-plugin-event-timing 0.1.0-beta.0

package/README.md

@@ -0,0 +1,21 @@
+# @aem-sdk/tracker-plugin-event-timing
+
+Browser Event Timing 插件。保留旧 `@ali/aes-tracker-plugin-eventTiming` 的核心采集能力。
+
+## 安装
+
+```bash
+pnpm add @aem-sdk/tracker @aem-sdk/tracker-plugin-event-timing@next
+```
+
+## 用法
+
+```ts
+import AES from "@aem-sdk/tracker";
+import EventTimingPlugin from "@aem-sdk/tracker-plugin-event-timing";
+
+const aes = new AES({ pid: "demo" });
+aes.use(EventTimingPlugin);
+```
+
+插件只在注册后监听 Event Timing API，不会在 import 时注册 listener、创建 observer 或发送日志。上报字段直接使用新平台最终存储字段：`p1` 为 `startTime`，`p2` 为 `duration`，`p3` 为触发节点 selector，`p4` 为事件名，`p5` 为 `processingStart`，`p6` 为 `processingEnd`，`p7` 表示是否为 FID。

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={durationThreshold:100,type:`event`},r={buffered:!0,type:`first-input`},i=e=>{if(!a())return;let t=o();if(!t)return;let i,f=null,p=(t,n)=>{u(()=>{l(e,t,!!n)})};try{i=new t(e=>{let t=e.getEntries().filter(s),n=t.filter(e=>e.interactionId!==0).reduce((e,t)=>{let n=String(t.interactionId);return e[n]||(e[n]=[]),e[n].push(t),e},{});Object.keys(n).forEach(e=>{let t=n[e];p(t[t.length-1])}),t.filter(e=>e.interactionId===0).forEach(e=>{p(e)})}),i.observe(n)}catch(e){return}if(c(t))try{f=new t((e,t)=>{p(e.getEntries()[0],!0),t.disconnect(),f=null}),f.observe(r)}catch(e){f=null}d(e=>{if(!e){f==null||f.disconnect(),i.disconnect();return}setTimeout(()=>{try{i.observe(n)}catch(e){return}},100)})};function a(){return typeof window<`u`&&typeof document<`u`&&window.PerformanceEventTiming!==void 0}function o(){if(typeof window>`u`)return;let e=window.PerformanceObserver;return typeof e==`function`?e:void 0}function s(e){return e.interactionId!==void 0&&!!e.processingStart&&!!e.processingEnd&&Number(e.processingEnd)-Number(e.processingStart)>1}function c(e){return(e.supportedEntryTypes||[]).indexOf(`first-input`)!==-1}function l(t,n,r){if(n)try{t.log(`eventTiming`,{p1:n.startTime,p2:n.duration,p3:e(n.target),p4:n.name,p5:n.processingStart,p6:n.processingEnd,p7:r?`1`:`0`})}catch(e){return}}function u(e){try{let t=globalThis.requestIdleCallback;if(typeof t==`function`){t(e,{timeout:1e3});return}}catch(e){}setTimeout(e,0)}function d(e){let t=f();if(t)try{document.addEventListener(t.eventName,()=>{e(!document[t.hidden])})}catch(e){return}}function f(){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=i;

package/dist/index.d.ts

@@ -0,0 +1,7 @@
+import { AESPluginFactory } from "@aem-sdk/tracker";
+
+//#region src/index.d.ts
+interface EventTimingPluginOptions {}
+declare const AESPluginEventTiming: AESPluginFactory<void, EventTimingPluginOptions>;
+//#endregion
+export { EventTimingPluginOptions, AESPluginEventTiming 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={durationThreshold:100,type:`event`},r={buffered:!0,type:`first-input`},i=e=>{if(!a())return;let t=o();if(!t)return;let i,f=null,p=(t,n)=>{u(()=>{l(e,t,!!n)})};try{i=new t(e=>{let t=e.getEntries().filter(s),n=t.filter(e=>e.interactionId!==0).reduce((e,t)=>{let n=String(t.interactionId);return e[n]||(e[n]=[]),e[n].push(t),e},{});Object.keys(n).forEach(e=>{let t=n[e];p(t[t.length-1])}),t.filter(e=>e.interactionId===0).forEach(e=>{p(e)})}),i.observe(n)}catch(e){return}if(c(t))try{f=new t((e,t)=>{p(e.getEntries()[0],!0),t.disconnect(),f=null}),f.observe(r)}catch(e){f=null}d(e=>{if(!e){f==null||f.disconnect(),i.disconnect();return}setTimeout(()=>{try{i.observe(n)}catch(e){return}},100)})};function a(){return typeof window<`u`&&typeof document<`u`&&window.PerformanceEventTiming!==void 0}function o(){if(typeof window>`u`)return;let e=window.PerformanceObserver;return typeof e==`function`?e:void 0}function s(e){return e.interactionId!==void 0&&!!e.processingStart&&!!e.processingEnd&&Number(e.processingEnd)-Number(e.processingStart)>1}function c(e){return(e.supportedEntryTypes||[]).indexOf(`first-input`)!==-1}function l(t,n,r){if(n)try{t.log(`eventTiming`,{p1:n.startTime,p2:n.duration,p3:e(n.target),p4:n.name,p5:n.processingStart,p6:n.processingEnd,p7:r?`1`:`0`})}catch(e){return}}function u(e){try{let t=globalThis.requestIdleCallback;if(typeof t==`function`){t(e,{timeout:1e3});return}}catch(e){}setTimeout(e,0)}function d(e){let t=f();if(t)try{document.addEventListener(t.eventName,()=>{e(!document[t.hidden])})}catch(e){return}}function f(){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{i as default};

package/package.json

@@ -0,0 +1,40 @@
+{
+  "name": "@aem-sdk/tracker-plugin-event-timing",
+  "version": "0.1.0-beta.0",
+  "description": "AEM Web SDK browser event timing 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"
+  }
+}