@whnz/frontend-experience-core 1.0.0 → 1.0.2

package/dist/{index.mjs → index.js}

@@ -47,6 +47,32 @@ function report(event) {
   }
 }
 
+// src/longtask.ts
+function initLongTaskObserver() {
+  if (typeof PerformanceObserver === "undefined" || !PerformanceObserver.supportedEntryTypes.includes("longtask")) {
+    return;
+  }
+  const observer = new PerformanceObserver((list) => {
+    var _a;
+    for (const entry of list.getEntries()) {
+      const anyEntry = entry;
+      const attribution = (_a = anyEntry.attribution) == null ? void 0 : _a[0];
+      report({
+        type: "longtask",
+        duration: entry.duration,
+        timestamp: Date.now(),
+        extra: {
+          startTime: entry.startTime,
+          blockingTime: Math.max(0, entry.duration - 50),
+          name: attribution == null ? void 0 : attribution.name,
+          containerType: attribution == null ? void 0 : attribution.containerType
+        }
+      });
+    }
+  });
+  observer.observe({ entryTypes: ["longtask"] });
+}
+
 // src/init.ts
 var inited = false;
 function initCore(options) {
@@ -61,8 +87,9 @@ function initCore(options) {
   });
   initReporter(options.reporter);
   initSampler((_a = options.sampleRate) != null ? _a : 1);
+  initLongTaskObserver();
 }
 
 export { getContext, initCore, report, setRoute, setUserId };
-//# sourceMappingURL=index.mjs.map
-//# sourceMappingURL=index.mjs.map
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/context.ts","../src/sampler.ts","../src/reporter.ts","../src/longtask.ts","../src/init.ts"],"names":[],"mappings":"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","file":"index.js","sourcesContent":["import { ExperienceContext } from './types';\nconst context: ExperienceContext = {\n  app: '',\n  version: '',\n  env: 'prod',\n  route: '/',\n};\nexport function initContext(partial: Partial<ExperienceContext>) {\n  Object.assign(context, partial);\n}\nexport function setRoute(route: string) {\n  context.route = route;\n}\nexport function setUserId(userId: string) {\n  context.userId = userId;\n}\nexport function getContext(): ExperienceContext {\n  return { ...context };\n}\n","let sampleRate = 1;\nexport function initSampler(rate = 1) {\n  sampleRate = rate;\n}\nexport function shouldSample(): boolean {\n  if (sampleRate >= 1) return true;\n  return Math.random() < sampleRate;\n}\n","import { ExperienceEvent } from './types';\nimport { getContext } from './context';\nimport { shouldSample } from './sampler';\nlet reporterFn: ((event: any) => void) | null = null;\nexport function initReporter(fn: (event: any) => void) {\n  reporterFn = fn;\n}\nexport function report(event: ExperienceEvent) {\n  if (!reporterFn) return;\n  if (!shouldSample()) return;\n  const payload = {\n    ...event,\n    ...getContext(),\n    timestamp: event.timestamp || Date.now(),\n  };\n  try {\n    reporterFn(payload);\n  } catch (e) {\n    // core 永远不能抛异常\n  }\n}\n","import { report } from './reporter';\n\nexport function initLongTaskObserver() {\n  if (\n    typeof PerformanceObserver === 'undefined' ||\n    !PerformanceObserver.supportedEntryTypes.includes('longtask')\n  ) {\n    return;\n  }\n\n  const observer = new PerformanceObserver((list) => {\n    for (const entry of list.getEntries() as PerformanceEntry[]) {\n      const anyEntry = entry as any;\n      const attribution = anyEntry.attribution?.[0];\n\n      report({\n        type: 'longtask',\n        duration: entry.duration,\n        timestamp: Date.now(),\n        extra: {\n          startTime: entry.startTime,\n          blockingTime: Math.max(0, entry.duration - 50),\n          name: attribution?.name,\n          containerType: attribution?.containerType,\n        },\n      });\n    }\n  });\n\n  observer.observe({ entryTypes: ['longtask'] });\n}\n","import { InitCoreOptions } from './types';\nimport { initContext } from './context';\nimport { initReporter } from './reporter';\nimport { initSampler } from './sampler';\nimport {initLongTaskObserver} from \"./longtask\";\n\nlet inited = false;\nexport function initCore(options: InitCoreOptions) {\n  if (inited) return;\n  inited = true;\n  initContext({\n    app: options.app,\n    version: options.version,\n    env: options.env,\n    route: location.pathname,\n  });\n  initReporter(options.reporter);\n  initSampler(options.sampleRate ?? 1);\n  initLongTaskObserver();\n}\n"]}

package/package.json

@@ -1,7 +1,8 @@
 {
   "name": "@whnz/frontend-experience-core",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "main": "dist/index.js",
+  "type": "module",
   "types": "dist/index.d.ts",
   "sideEffects": false,
   "files": [

package/dist/index.mjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/context.ts","../src/sampler.ts","../src/reporter.ts","../src/init.ts"],"names":[],"mappings":";AACA,IAAM,OAAA,GAA6B;AAAA,EACjC,GAAA,EAAK,EAAA;AAAA,EACL,OAAA,EAAS,EAAA;AAAA,EACT,GAAA,EAAK,MAAA;AAAA,EACL,KAAA,EAAO;AACT,CAAA;AACO,SAAS,YAAY,OAAA,EAAqC;AAC/D,EAAA,MAAA,CAAO,MAAA,CAAO,SAAS,OAAO,CAAA;AAChC;AACO,SAAS,SAAS,KAAA,EAAe;AACtC,EAAA,OAAA,CAAQ,KAAA,GAAQ,KAAA;AAClB;AACO,SAAS,UAAU,MAAA,EAAgB;AACxC,EAAA,OAAA,CAAQ,MAAA,GAAS,MAAA;AACnB;AACO,SAAS,UAAA,GAAgC;AAC9C,EAAA,OAAO,EAAE,GAAG,OAAA,EAAQ;AACtB;;;AClBA,IAAI,UAAA,GAAa,CAAA;AACV,SAAS,WAAA,CAAY,OAAO,CAAA,EAAG;AACpC,EAAA,UAAA,GAAa,IAAA;AACf;AACO,SAAS,YAAA,GAAwB;AACtC,EAAA,IAAI,UAAA,IAAc,GAAG,OAAO,IAAA;AAC5B,EAAA,OAAO,IAAA,CAAK,QAAO,GAAI,UAAA;AACzB;;;ACJA,IAAI,UAAA,GAA4C,IAAA;AACzC,SAAS,aAAa,EAAA,EAA0B;AACrD,EAAA,UAAA,GAAa,EAAA;AACf;AACO,SAAS,OAAO,KAAA,EAAwB;AAC7C,EAAA,IAAI,CAAC,UAAA,EAAY;AACjB,EAAA,IAAI,CAAC,cAAa,EAAG;AACrB,EAAA,MAAM,OAAA,GAAU;AAAA,IACd,GAAG,KAAA;AAAA,IACH,GAAG,UAAA,EAAW;AAAA,IACd,SAAA,EAAW,KAAA,CAAM,SAAA,IAAa,IAAA,CAAK,GAAA;AAAI,GACzC;AACA,EAAA,IAAI;AACF,IAAA,UAAA,CAAW,OAAO,CAAA;AAAA,EACpB,SAAS,CAAA,EAAG;AAAA,EAEZ;AACF;;;AChBA,IAAI,MAAA,GAAS,KAAA;AACN,SAAS,SAAS,OAAA,EAA0B;AALnD,EAAA,IAAA,EAAA;AAME,EAAA,IAAI,MAAA,EAAQ;AACZ,EAAA,MAAA,GAAS,IAAA;AACT,EAAA,WAAA,CAAY;AAAA,IACV,KAAK,OAAA,CAAQ,GAAA;AAAA,IACb,SAAS,OAAA,CAAQ,OAAA;AAAA,IACjB,KAAK,OAAA,CAAQ,GAAA;AAAA,IACb,OAAO,QAAA,CAAS;AAAA,GACjB,CAAA;AACD,EAAA,YAAA,CAAa,QAAQ,QAAQ,CAAA;AAC7B,EAAA,WAAA,CAAA,CAAY,EAAA,GAAA,OAAA,CAAQ,UAAA,KAAR,IAAA,GAAA,EAAA,GAAsB,CAAC,CAAA;AACrC","file":"index.mjs","sourcesContent":["import { ExperienceContext } from './types';\nconst context: ExperienceContext = {\n  app: '',\n  version: '',\n  env: 'prod',\n  route: '/',\n};\nexport function initContext(partial: Partial<ExperienceContext>) {\n  Object.assign(context, partial);\n}\nexport function setRoute(route: string) {\n  context.route = route;\n}\nexport function setUserId(userId: string) {\n  context.userId = userId;\n}\nexport function getContext(): ExperienceContext {\n  return { ...context };\n}\n","let sampleRate = 1;\nexport function initSampler(rate = 1) {\n  sampleRate = rate;\n}\nexport function shouldSample(): boolean {\n  if (sampleRate >= 1) return true;\n  return Math.random() < sampleRate;\n}\n","import { ExperienceEvent } from './types';\nimport { getContext } from './context';\nimport { shouldSample } from './sampler';\nlet reporterFn: ((event: any) => void) | null = null;\nexport function initReporter(fn: (event: any) => void) {\n  reporterFn = fn;\n}\nexport function report(event: ExperienceEvent) {\n  if (!reporterFn) return;\n  if (!shouldSample()) return;\n  const payload = {\n    ...event,\n    ...getContext(),\n    timestamp: event.timestamp || Date.now(),\n  };\n  try {\n    reporterFn(payload);\n  } catch (e) {\n    // core 永远不能抛异常\n  }\n}\n","import { InitCoreOptions } from './types';\nimport { initContext } from './context';\nimport { initReporter } from './reporter';\nimport { initSampler } from './sampler';\nlet inited = false;\nexport function initCore(options: InitCoreOptions) {\n  if (inited) return;\n  inited = true;\n  initContext({\n    app: options.app,\n    version: options.version,\n    env: options.env,\n    route: location.pathname,\n  });\n  initReporter(options.reporter);\n  initSampler(options.sampleRate ?? 1);\n}\n"]}