error-monitor-plugin-perf 1.0.1

package/dist/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});class o{constructor(e={}){this.name="performance",this.version="1.0.0",this.core=null,this.observer=null,this.config={collectWebVitals:!0,collectResources:!0,threshold:100,...e}}setup(e){typeof window>"u"||(this.core=e,this.config.collectWebVitals&&this.collectWebVitals(),this.config.collectResources&&this.collectResourceTiming(),this.addPageLoadBreadcrumb())}collectWebVitals(){if("PerformanceObserver"in window)try{this.observer=new PerformanceObserver(e=>{for(const t of e.getEntries())this.handlePerformanceEntry(t)}),this.observer.observe({entryTypes:["largest-contentful-paint","first-input","layout-shift","navigation"]})}catch{console.warn("[PerformancePlugin] PerformanceObserver not supported")}}handlePerformanceEntry(e){if(!this.core)return;const t=this.config.threshold||100;switch(e.entryType){case"largest-contentful-paint":e.startTime>t&&this.core.capture({type:"custom",message:`LCP exceeded threshold: ${Math.round(e.startTime)}ms`,context:{metric:"lcp",value:e.startTime,threshold:t}});break;case"first-input":e.processingStart-e.startTime>t&&this.core.capture({type:"custom",message:`FID exceeded threshold: ${Math.round(e.processingStart-e.startTime)}ms`,context:{metric:"fid",value:e.processingStart-e.startTime,threshold:t}});break;case"layout-shift":if(!e.hadRecentInput){const r=e.value;r>.1&&this.core.capture({type:"custom",message:`CLS detected: ${r.toFixed(3)}`,context:{metric:"cls",value:r}})}break;case"navigation":this.handleNavigationTiming(e);break}}handleNavigationTiming(e){if(!this.core)return;const t={dns:e.domainLookupEnd-e.domainLookupStart,tcp:e.connectEnd-e.connectStart,ttfb:e.responseStart-e.requestStart,domParse:e.domContentLoadedEventEnd-e.domInteractive,fcp:e.loadEventEnd-e.domContentLoadedEventEnd};this.core.addBreadcrumb({timestamp:Date.now(),type:"performance",message:"Navigation timing",data:t})}collectResourceTiming(){this.core&&(document.readyState==="complete"?this.reportResourceTiming():window.addEventListener("load",()=>{setTimeout(()=>this.reportResourceTiming(),0)}))}reportResourceTiming(){if(!this.core)return;const t=performance.getEntriesByType("resource").filter(r=>r.responseEnd-r.startTime>(this.config.threshold||100));t.length>0&&this.core.capture({type:"custom",message:`Slow resources detected: ${t.length}`,context:{metric:"resources",resources:t.map(r=>({name:r.name,duration:Math.round(r.responseEnd-r.startTime),size:r.transferSize}))}})}addPageLoadBreadcrumb(){this.core&&window.addEventListener("load",()=>{const e=performance.timing,t=e.loadEventEnd-e.navigationStart;this.core.addBreadcrumb({timestamp:Date.now(),type:"navigation",message:"Page loaded",data:{loadTime:t,domReady:e.domContentLoadedEventEnd-e.navigationStart}})})}getWebVitals(){const e={},t=performance.getEntriesByType("navigation");if(t.length>0){const r=t[0];e.ttfb=r.responseStart-r.requestStart,e.fcp=r.loadEventEnd-r.domContentLoadedEventEnd}return e}teardown(){this.observer&&(this.observer.disconnect(),this.observer=null)}}function i(s){return new o(s)}exports.PerformancePlugin=o;exports.createPerformancePlugin=i;exports.default=o;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/index.ts"],"sourcesContent":["/**\n * Performance Plugin\n * 性能监控插件\n */\n\nimport type { Plugin, Core } from 'error-monitor-core'\n\n/**\n * Web Vitals 指标\n */\nexport interface WebVitals {\n  // First Contentful Paint\n  fcp?: number\n  // Largest Contentful Paint\n  lcp?: number\n  // Cumulative Layout Shift\n  cls?: number\n  // First Input Delay\n  fid?: number\n  // Time to First Byte\n  ttfb?: number\n}\n\n/**\n * 性能配置\n */\nexport interface PerformanceConfig {\n  // 是否自动采集Web Vitals\n  collectWebVitals?: boolean\n  // 是否采集资源加载时间\n  collectResources?: boolean\n  // 采集阈值（ms）\n  threshold?: number\n}\n\n/**\n * 性能监控插件\n */\nexport class PerformancePlugin implements Plugin {\n  name = 'performance'\n  version = '1.0.0'\n  private config: PerformanceConfig\n  private core: Core | null = null\n  private observer: PerformanceObserver | null = null\n\n  constructor(config: PerformanceConfig = {}) {\n    this.config = {\n      collectWebVitals: true,\n      collectResources: true,\n      threshold: 100,\n      ...config\n    }\n  }\n\n  /**\n   * 插件设置\n   */\n  setup(core: Core): void {\n    if (typeof window === 'undefined') {\n      return\n    }\n\n    this.core = core\n\n    // 采集Web Vitals\n    if (this.config.collectWebVitals) {\n      this.collectWebVitals()\n    }\n\n    // 采集资源加载时间\n    if (this.config.collectResources) {\n      this.collectResourceTiming()\n    }\n\n    // 添加页面加载性能面包屑\n    this.addPageLoadBreadcrumb()\n  }\n\n  /**\n   * 采集Web Vitals\n   */\n  private collectWebVitals(): void {\n    if (!('PerformanceObserver' in window)) {\n      return\n    }\n\n    try {\n      this.observer = new PerformanceObserver((list) => {\n        for (const entry of list.getEntries()) {\n          this.handlePerformanceEntry(entry as any)\n        }\n      })\n\n      // 观察各类性能指标\n      this.observer.observe({\n        entryTypes: [\n          'largest-contentful-paint',\n          'first-input',\n          'layout-shift',\n          'navigation'\n        ]\n      })\n    } catch (e) {\n      console.warn('[PerformancePlugin] PerformanceObserver not supported')\n    }\n  }\n\n  /**\n   * 处理性能条目\n   */\n  private handlePerformanceEntry(entry: any): void {\n    if (!this.core) return\n\n    const threshold = this.config.threshold || 100\n\n    switch (entry.entryType) {\n      case 'largest-contentful-paint':\n        if (entry.startTime > threshold) {\n          this.core.capture({\n            type: 'custom',\n            message: `LCP exceeded threshold: ${Math.round(entry.startTime)}ms`,\n            context: {\n              metric: 'lcp',\n              value: entry.startTime,\n              threshold\n            }\n          })\n        }\n        break\n\n      case 'first-input':\n        if (entry.processingStart - entry.startTime > threshold) {\n          this.core.capture({\n            type: 'custom',\n            message: `FID exceeded threshold: ${Math.round(entry.processingStart - entry.startTime)}ms`,\n            context: {\n              metric: 'fid',\n              value: entry.processingStart - entry.startTime,\n              threshold\n            }\n          })\n        }\n        break\n\n      case 'layout-shift':\n        if (!entry.hadRecentInput) {\n          const clsValue = entry.value\n          if (clsValue > 0.1) {\n            this.core.capture({\n              type: 'custom',\n              message: `CLS detected: ${clsValue.toFixed(3)}`,\n              context: {\n                metric: 'cls',\n                value: clsValue\n              }\n            })\n          }\n        }\n        break\n\n      case 'navigation':\n        this.handleNavigationTiming(entry)\n        break\n    }\n  }\n\n  /**\n   * 处理导航时间\n   */\n  private handleNavigationTiming(entry: any): void {\n    if (!this.core) return\n\n    const metrics = {\n      // DNS查询时间\n      dns: entry.domainLookupEnd - entry.domainLookupStart,\n      // TCP连接时间\n      tcp: entry.connectEnd - entry.connectStart,\n      // 请求响应时间\n      ttfb: entry.responseStart - entry.requestStart,\n      // DOM解析时间\n      domParse: entry.domContentLoadedEventEnd - entry.domInteractive,\n      // 首次内容绘制\n      fcp: entry.loadEventEnd - entry.domContentLoadedEventEnd\n    }\n\n    // 添加性能面包屑\n    this.core.addBreadcrumb({\n      timestamp: Date.now(),\n      type: 'performance',\n      message: 'Navigation timing',\n      data: metrics\n    })\n  }\n\n  /**\n   * 采集资源加载时间\n   */\n  private collectResourceTiming(): void {\n    if (!this.core) return\n\n    // 页面加载完成后采集\n    if (document.readyState === 'complete') {\n      this.reportResourceTiming()\n    } else {\n      window.addEventListener('load', () => {\n        setTimeout(() => this.reportResourceTiming(), 0)\n      })\n    }\n  }\n\n  /**\n   * 上报资源加载时间\n   */\n  private reportResourceTiming(): void {\n    if (!this.core) return\n\n    const resources = performance.getEntriesByType('resource') as PerformanceResourceTiming[]\n\n    const slowResources = resources.filter(resource => {\n      const loadTime = resource.responseEnd - resource.startTime\n      return loadTime > (this.config.threshold || 100)\n    })\n\n    if (slowResources.length > 0) {\n      this.core.capture({\n        type: 'custom',\n        message: `Slow resources detected: ${slowResources.length}`,\n        context: {\n          metric: 'resources',\n          resources: slowResources.map(r => ({\n            name: r.name,\n            duration: Math.round(r.responseEnd - r.startTime),\n            size: r.transferSize\n          }))\n        }\n      })\n    }\n  }\n\n  /**\n   * 添加页面加载性能面包屑\n   */\n  private addPageLoadBreadcrumb(): void {\n    if (!this.core) return\n\n    window.addEventListener('load', () => {\n      const timing = performance.timing\n      const pageLoadTime = timing.loadEventEnd - timing.navigationStart\n\n      this.core!.addBreadcrumb({\n        timestamp: Date.now(),\n        type: 'navigation',\n        message: 'Page loaded',\n        data: {\n          loadTime: pageLoadTime,\n          domReady: timing.domContentLoadedEventEnd - timing.navigationStart\n        }\n      })\n    })\n  }\n\n  /**\n   * 获取Web Vitals\n   */\n  getWebVitals(): WebVitals {\n    const vitals: WebVitals = {}\n\n    // 从PerformanceObserver获取数据\n    const entries = performance.getEntriesByType('navigation') as any[]\n\n    if (entries.length > 0) {\n      const entry = entries[0]\n      vitals.ttfb = entry.responseStart - entry.requestStart\n      vitals.fcp = entry.loadEventEnd - entry.domContentLoadedEventEnd\n    }\n\n    return vitals\n  }\n\n  /**\n   * 插件销毁\n   */\n  teardown(): void {\n    if (this.observer) {\n      this.observer.disconnect()\n      this.observer = null\n    }\n  }\n}\n\n/**\n * 创建性能插件实例\n */\nexport function createPerformancePlugin(config?: PerformanceConfig): PerformancePlugin {\n  return new PerformancePlugin(config)\n}\n\nexport default PerformancePlugin\n"],"names":["PerformancePlugin","config","core","list","entry","threshold","clsValue","metrics","slowResources","resource","timing","pageLoadTime","vitals","entries","createPerformancePlugin"],"mappings":"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"}

package/dist/index.d.ts

@@ -0,0 +1,34 @@
+import { Plugin, Core } from 'error-monitor-core';
+
+export interface WebVitals {
+    fcp?: number;
+    lcp?: number;
+    cls?: number;
+    fid?: number;
+    ttfb?: number;
+}
+export interface PerformanceConfig {
+    collectWebVitals?: boolean;
+    collectResources?: boolean;
+    threshold?: number;
+}
+export declare class PerformancePlugin implements Plugin {
+    name: string;
+    version: string;
+    private config;
+    private core;
+    private observer;
+    constructor(config?: PerformanceConfig);
+    setup(core: Core): void;
+    private collectWebVitals;
+    private handlePerformanceEntry;
+    private handleNavigationTiming;
+    private collectResourceTiming;
+    private reportResourceTiming;
+    private addPageLoadBreadcrumb;
+    getWebVitals(): WebVitals;
+    teardown(): void;
+}
+export declare function createPerformancePlugin(config?: PerformanceConfig): PerformancePlugin;
+export default PerformancePlugin;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,oBAAoB,CAAA;AAKtD,MAAM,WAAW,SAAS;IAExB,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,GAAG,CAAC,EAAE,MAAM,CAAA;IAEZ,IAAI,CAAC,EAAE,MAAM,CAAA;CACd;AAKD,MAAM,WAAW,iBAAiB;IAEhC,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,gBAAgB,CAAC,EAAE,OAAO,CAAA;IAE1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAKD,qBAAa,iBAAkB,YAAW,MAAM;IAC9C,IAAI,SAAgB;IACpB,OAAO,SAAU;IACjB,OAAO,CAAC,MAAM,CAAmB;IACjC,OAAO,CAAC,IAAI,CAAoB;IAChC,OAAO,CAAC,QAAQ,CAAmC;gBAEvC,MAAM,GAAE,iBAAsB;IAY1C,KAAK,CAAC,IAAI,EAAE,IAAI,GAAG,IAAI;IAwBvB,OAAO,CAAC,gBAAgB;IA6BxB,OAAO,CAAC,sBAAsB;IA2D9B,OAAO,CAAC,sBAAsB;IA4B9B,OAAO,CAAC,qBAAqB;IAgB7B,OAAO,CAAC,oBAAoB;IA6B5B,OAAO,CAAC,qBAAqB;IAsB7B,YAAY,IAAI,SAAS;IAkBzB,QAAQ,IAAI,IAAI;CAMjB;AAKD,wBAAgB,uBAAuB,CAAC,MAAM,CAAC,EAAE,iBAAiB,GAAG,iBAAiB,CAErF;AAED,eAAe,iBAAiB,CAAA"}

package/dist/index.mjs

@@ -0,0 +1,178 @@
+class s {
+  constructor(e = {}) {
+    this.name = "performance", this.version = "1.0.0", this.core = null, this.observer = null, this.config = {
+      collectWebVitals: !0,
+      collectResources: !0,
+      threshold: 100,
+      ...e
+    };
+  }
+  /**
+   * 插件设置
+   */
+  setup(e) {
+    typeof window > "u" || (this.core = e, this.config.collectWebVitals && this.collectWebVitals(), this.config.collectResources && this.collectResourceTiming(), this.addPageLoadBreadcrumb());
+  }
+  /**
+   * 采集Web Vitals
+   */
+  collectWebVitals() {
+    if ("PerformanceObserver" in window)
+      try {
+        this.observer = new PerformanceObserver((e) => {
+          for (const t of e.getEntries())
+            this.handlePerformanceEntry(t);
+        }), this.observer.observe({
+          entryTypes: [
+            "largest-contentful-paint",
+            "first-input",
+            "layout-shift",
+            "navigation"
+          ]
+        });
+      } catch {
+        console.warn("[PerformancePlugin] PerformanceObserver not supported");
+      }
+  }
+  /**
+   * 处理性能条目
+   */
+  handlePerformanceEntry(e) {
+    if (!this.core) return;
+    const t = this.config.threshold || 100;
+    switch (e.entryType) {
+      case "largest-contentful-paint":
+        e.startTime > t && this.core.capture({
+          type: "custom",
+          message: `LCP exceeded threshold: ${Math.round(e.startTime)}ms`,
+          context: {
+            metric: "lcp",
+            value: e.startTime,
+            threshold: t
+          }
+        });
+        break;
+      case "first-input":
+        e.processingStart - e.startTime > t && this.core.capture({
+          type: "custom",
+          message: `FID exceeded threshold: ${Math.round(e.processingStart - e.startTime)}ms`,
+          context: {
+            metric: "fid",
+            value: e.processingStart - e.startTime,
+            threshold: t
+          }
+        });
+        break;
+      case "layout-shift":
+        if (!e.hadRecentInput) {
+          const o = e.value;
+          o > 0.1 && this.core.capture({
+            type: "custom",
+            message: `CLS detected: ${o.toFixed(3)}`,
+            context: {
+              metric: "cls",
+              value: o
+            }
+          });
+        }
+        break;
+      case "navigation":
+        this.handleNavigationTiming(e);
+        break;
+    }
+  }
+  /**
+   * 处理导航时间
+   */
+  handleNavigationTiming(e) {
+    if (!this.core) return;
+    const t = {
+      // DNS查询时间
+      dns: e.domainLookupEnd - e.domainLookupStart,
+      // TCP连接时间
+      tcp: e.connectEnd - e.connectStart,
+      // 请求响应时间
+      ttfb: e.responseStart - e.requestStart,
+      // DOM解析时间
+      domParse: e.domContentLoadedEventEnd - e.domInteractive,
+      // 首次内容绘制
+      fcp: e.loadEventEnd - e.domContentLoadedEventEnd
+    };
+    this.core.addBreadcrumb({
+      timestamp: Date.now(),
+      type: "performance",
+      message: "Navigation timing",
+      data: t
+    });
+  }
+  /**
+   * 采集资源加载时间
+   */
+  collectResourceTiming() {
+    this.core && (document.readyState === "complete" ? this.reportResourceTiming() : window.addEventListener("load", () => {
+      setTimeout(() => this.reportResourceTiming(), 0);
+    }));
+  }
+  /**
+   * 上报资源加载时间
+   */
+  reportResourceTiming() {
+    if (!this.core) return;
+    const t = performance.getEntriesByType("resource").filter((o) => o.responseEnd - o.startTime > (this.config.threshold || 100));
+    t.length > 0 && this.core.capture({
+      type: "custom",
+      message: `Slow resources detected: ${t.length}`,
+      context: {
+        metric: "resources",
+        resources: t.map((o) => ({
+          name: o.name,
+          duration: Math.round(o.responseEnd - o.startTime),
+          size: o.transferSize
+        }))
+      }
+    });
+  }
+  /**
+   * 添加页面加载性能面包屑
+   */
+  addPageLoadBreadcrumb() {
+    this.core && window.addEventListener("load", () => {
+      const e = performance.timing, t = e.loadEventEnd - e.navigationStart;
+      this.core.addBreadcrumb({
+        timestamp: Date.now(),
+        type: "navigation",
+        message: "Page loaded",
+        data: {
+          loadTime: t,
+          domReady: e.domContentLoadedEventEnd - e.navigationStart
+        }
+      });
+    });
+  }
+  /**
+   * 获取Web Vitals
+   */
+  getWebVitals() {
+    const e = {}, t = performance.getEntriesByType("navigation");
+    if (t.length > 0) {
+      const o = t[0];
+      e.ttfb = o.responseStart - o.requestStart, e.fcp = o.loadEventEnd - o.domContentLoadedEventEnd;
+    }
+    return e;
+  }
+  /**
+   * 插件销毁
+   */
+  teardown() {
+    this.observer && (this.observer.disconnect(), this.observer = null);
+  }
+}
+function n(r) {
+  return new s(r);
+}
+export {
+  s as PerformancePlugin,
+  n as createPerformancePlugin,
+  s as default
+};
+//# sourceMappingURL=index.mjs.map

package/dist/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../src/index.ts"],"sourcesContent":["/**\n * Performance Plugin\n * 性能监控插件\n */\n\nimport type { Plugin, Core } from 'error-monitor-core'\n\n/**\n * Web Vitals 指标\n */\nexport interface WebVitals {\n  // First Contentful Paint\n  fcp?: number\n  // Largest Contentful Paint\n  lcp?: number\n  // Cumulative Layout Shift\n  cls?: number\n  // First Input Delay\n  fid?: number\n  // Time to First Byte\n  ttfb?: number\n}\n\n/**\n * 性能配置\n */\nexport interface PerformanceConfig {\n  // 是否自动采集Web Vitals\n  collectWebVitals?: boolean\n  // 是否采集资源加载时间\n  collectResources?: boolean\n  // 采集阈值（ms）\n  threshold?: number\n}\n\n/**\n * 性能监控插件\n */\nexport class PerformancePlugin implements Plugin {\n  name = 'performance'\n  version = '1.0.0'\n  private config: PerformanceConfig\n  private core: Core | null = null\n  private observer: PerformanceObserver | null = null\n\n  constructor(config: PerformanceConfig = {}) {\n    this.config = {\n      collectWebVitals: true,\n      collectResources: true,\n      threshold: 100,\n      ...config\n    }\n  }\n\n  /**\n   * 插件设置\n   */\n  setup(core: Core): void {\n    if (typeof window === 'undefined') {\n      return\n    }\n\n    this.core = core\n\n    // 采集Web Vitals\n    if (this.config.collectWebVitals) {\n      this.collectWebVitals()\n    }\n\n    // 采集资源加载时间\n    if (this.config.collectResources) {\n      this.collectResourceTiming()\n    }\n\n    // 添加页面加载性能面包屑\n    this.addPageLoadBreadcrumb()\n  }\n\n  /**\n   * 采集Web Vitals\n   */\n  private collectWebVitals(): void {\n    if (!('PerformanceObserver' in window)) {\n      return\n    }\n\n    try {\n      this.observer = new PerformanceObserver((list) => {\n        for (const entry of list.getEntries()) {\n          this.handlePerformanceEntry(entry as any)\n        }\n      })\n\n      // 观察各类性能指标\n      this.observer.observe({\n        entryTypes: [\n          'largest-contentful-paint',\n          'first-input',\n          'layout-shift',\n          'navigation'\n        ]\n      })\n    } catch (e) {\n      console.warn('[PerformancePlugin] PerformanceObserver not supported')\n    }\n  }\n\n  /**\n   * 处理性能条目\n   */\n  private handlePerformanceEntry(entry: any): void {\n    if (!this.core) return\n\n    const threshold = this.config.threshold || 100\n\n    switch (entry.entryType) {\n      case 'largest-contentful-paint':\n        if (entry.startTime > threshold) {\n          this.core.capture({\n            type: 'custom',\n            message: `LCP exceeded threshold: ${Math.round(entry.startTime)}ms`,\n            context: {\n              metric: 'lcp',\n              value: entry.startTime,\n              threshold\n            }\n          })\n        }\n        break\n\n      case 'first-input':\n        if (entry.processingStart - entry.startTime > threshold) {\n          this.core.capture({\n            type: 'custom',\n            message: `FID exceeded threshold: ${Math.round(entry.processingStart - entry.startTime)}ms`,\n            context: {\n              metric: 'fid',\n              value: entry.processingStart - entry.startTime,\n              threshold\n            }\n          })\n        }\n        break\n\n      case 'layout-shift':\n        if (!entry.hadRecentInput) {\n          const clsValue = entry.value\n          if (clsValue > 0.1) {\n            this.core.capture({\n              type: 'custom',\n              message: `CLS detected: ${clsValue.toFixed(3)}`,\n              context: {\n                metric: 'cls',\n                value: clsValue\n              }\n            })\n          }\n        }\n        break\n\n      case 'navigation':\n        this.handleNavigationTiming(entry)\n        break\n    }\n  }\n\n  /**\n   * 处理导航时间\n   */\n  private handleNavigationTiming(entry: any): void {\n    if (!this.core) return\n\n    const metrics = {\n      // DNS查询时间\n      dns: entry.domainLookupEnd - entry.domainLookupStart,\n      // TCP连接时间\n      tcp: entry.connectEnd - entry.connectStart,\n      // 请求响应时间\n      ttfb: entry.responseStart - entry.requestStart,\n      // DOM解析时间\n      domParse: entry.domContentLoadedEventEnd - entry.domInteractive,\n      // 首次内容绘制\n      fcp: entry.loadEventEnd - entry.domContentLoadedEventEnd\n    }\n\n    // 添加性能面包屑\n    this.core.addBreadcrumb({\n      timestamp: Date.now(),\n      type: 'performance',\n      message: 'Navigation timing',\n      data: metrics\n    })\n  }\n\n  /**\n   * 采集资源加载时间\n   */\n  private collectResourceTiming(): void {\n    if (!this.core) return\n\n    // 页面加载完成后采集\n    if (document.readyState === 'complete') {\n      this.reportResourceTiming()\n    } else {\n      window.addEventListener('load', () => {\n        setTimeout(() => this.reportResourceTiming(), 0)\n      })\n    }\n  }\n\n  /**\n   * 上报资源加载时间\n   */\n  private reportResourceTiming(): void {\n    if (!this.core) return\n\n    const resources = performance.getEntriesByType('resource') as PerformanceResourceTiming[]\n\n    const slowResources = resources.filter(resource => {\n      const loadTime = resource.responseEnd - resource.startTime\n      return loadTime > (this.config.threshold || 100)\n    })\n\n    if (slowResources.length > 0) {\n      this.core.capture({\n        type: 'custom',\n        message: `Slow resources detected: ${slowResources.length}`,\n        context: {\n          metric: 'resources',\n          resources: slowResources.map(r => ({\n            name: r.name,\n            duration: Math.round(r.responseEnd - r.startTime),\n            size: r.transferSize\n          }))\n        }\n      })\n    }\n  }\n\n  /**\n   * 添加页面加载性能面包屑\n   */\n  private addPageLoadBreadcrumb(): void {\n    if (!this.core) return\n\n    window.addEventListener('load', () => {\n      const timing = performance.timing\n      const pageLoadTime = timing.loadEventEnd - timing.navigationStart\n\n      this.core!.addBreadcrumb({\n        timestamp: Date.now(),\n        type: 'navigation',\n        message: 'Page loaded',\n        data: {\n          loadTime: pageLoadTime,\n          domReady: timing.domContentLoadedEventEnd - timing.navigationStart\n        }\n      })\n    })\n  }\n\n  /**\n   * 获取Web Vitals\n   */\n  getWebVitals(): WebVitals {\n    const vitals: WebVitals = {}\n\n    // 从PerformanceObserver获取数据\n    const entries = performance.getEntriesByType('navigation') as any[]\n\n    if (entries.length > 0) {\n      const entry = entries[0]\n      vitals.ttfb = entry.responseStart - entry.requestStart\n      vitals.fcp = entry.loadEventEnd - entry.domContentLoadedEventEnd\n    }\n\n    return vitals\n  }\n\n  /**\n   * 插件销毁\n   */\n  teardown(): void {\n    if (this.observer) {\n      this.observer.disconnect()\n      this.observer = null\n    }\n  }\n}\n\n/**\n * 创建性能插件实例\n */\nexport function createPerformancePlugin(config?: PerformanceConfig): PerformancePlugin {\n  return new PerformancePlugin(config)\n}\n\nexport default PerformancePlugin\n"],"names":["PerformancePlugin","config","core","list","entry","threshold","clsValue","metrics","slowResources","resource","r","timing","pageLoadTime","vitals","entries","createPerformancePlugin"],"mappings":"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"}

package/package.json

@@ -0,0 +1,32 @@
+{
+  "name": "error-monitor-plugin-perf",
+  "version": "1.0.1",
+  "description": "Performance monitoring plugin for error-monitor-sdk",
+  "main": "./dist/index.cjs",
+  "module": "./dist/index.mjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "keywords": [
+    "error",
+    "monitor",
+    "plugin",
+    "performance",
+    "web-vitals"
+  ],
+  "author": "",
+  "license": "MIT",
+  "dependencies": {
+    "error-monitor-core": "workspace:*"
+  },
+  "scripts": {
+    "build": "vite build",
+    "dev": "vite build --watch",
+    "clean": "rm -rf dist"
+  },
+  "devDependencies": {
+    "vite": "^5.1.6",
+    "vite-plugin-dts": "^3.7.3"
+  }
+}