velo-plot 1.11.1

package/dist/plugins/debug.js

@@ -0,0 +1,330 @@
+var c = Object.defineProperty;
+var f = (r, e, t) => e in r ? c(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var n = (r, e, t) => f(r, typeof e != "symbol" ? e + "" : e, t);
+import { c as m, i as g } from "../utils-Dbro9-qM.js";
+class u {
+  constructor(e, t) {
+    n(this, "container");
+    n(this, "element", null);
+    n(this, "options");
+    n(this, "visible", !1);
+    n(this, "updateIntervalId", null);
+    n(this, "statsProvider", null);
+    n(this, "lastStats", {});
+    // FPS calculation
+    n(this, "frameCount", 0);
+    n(this, "lastFpsUpdate", 0);
+    n(this, "currentFps", 0);
+    n(this, "frameTimes", []);
+    this.container = e, this.options = {
+      showFps: !0,
+      showPointCount: !0,
+      showBounds: !0,
+      showRendererInfo: !0,
+      showMemory: !0,
+      showDrawCalls: !0,
+      position: "top-left",
+      opacity: 0.8,
+      fontSize: 11,
+      updateInterval: 250,
+      className: "velo-plot-debug-overlay",
+      ...t
+    };
+  }
+  /**
+   * Set the stats provider function
+   */
+  setStatsProvider(e) {
+    this.statsProvider = e;
+  }
+  /**
+   * Record a frame for FPS calculation
+   */
+  recordFrame(e) {
+    const t = performance.now();
+    this.frameCount++, e !== void 0 && (this.frameTimes.push(e), this.frameTimes.length > 60 && this.frameTimes.shift()), t - this.lastFpsUpdate >= 1e3 && (this.currentFps = Math.round(this.frameCount * 1e3 / (t - this.lastFpsUpdate)), this.frameCount = 0, this.lastFpsUpdate = t);
+  }
+  /**
+   * Show the debug overlay
+   */
+  show() {
+    this.visible || (this.visible = !0, this.createElement(), this.startUpdates());
+  }
+  /**
+   * Hide the debug overlay
+   */
+  hide() {
+    this.visible && (this.visible = !1, this.stopUpdates(), this.destroyElement());
+  }
+  /**
+   * Toggle visibility
+   */
+  toggle() {
+    this.visible ? this.hide() : this.show();
+  }
+  /**
+   * Check if visible
+   */
+  isVisible() {
+    return this.visible;
+  }
+  /**
+   * Update the display with new stats
+   */
+  update(e) {
+    var i;
+    if (!this.visible || !this.element) return;
+    const t = ((i = this.statsProvider) == null ? void 0 : i.call(this)) || {};
+    this.lastStats = {
+      ...this.lastStats,
+      ...t,
+      ...e,
+      fps: this.currentFps,
+      frameTime: this.getAverageFrameTime()
+    }, this.renderStats();
+  }
+  /**
+   * Get current stats
+   */
+  getStats() {
+    return {
+      ...this.lastStats,
+      fps: this.currentFps,
+      frameTime: this.getAverageFrameTime()
+    };
+  }
+  /**
+   * Destroy the overlay
+   */
+  destroy() {
+    this.hide(), this.statsProvider = null;
+  }
+  // ============================================
+  // Private Methods
+  // ============================================
+  createElement() {
+    this.element || (this.element = document.createElement("div"), this.element.className = this.options.className, Object.assign(this.element.style, {
+      position: "absolute",
+      zIndex: "9999",
+      fontFamily: "monospace",
+      fontSize: `${this.options.fontSize}px`,
+      lineHeight: "1.4",
+      padding: "8px 12px",
+      backgroundColor: `rgba(0, 0, 0, ${this.options.opacity})`,
+      color: "#00ff00",
+      borderRadius: "4px",
+      pointerEvents: "none",
+      userSelect: "none",
+      whiteSpace: "pre",
+      ...this.getPositionStyles()
+    }), this.container.style.position = "relative", this.container.appendChild(this.element));
+  }
+  destroyElement() {
+    this.element && this.element.parentNode && this.element.parentNode.removeChild(this.element), this.element = null;
+  }
+  getPositionStyles() {
+    switch (this.options.position) {
+      case "top-right":
+        return { top: "8px", right: "8px" };
+      case "bottom-left":
+        return { bottom: "8px", left: "8px" };
+      case "bottom-right":
+        return { bottom: "8px", right: "8px" };
+      case "top-left":
+      default:
+        return { top: "8px", left: "8px" };
+    }
+  }
+  startUpdates() {
+    this.updateIntervalId === null && (this.updateIntervalId = window.setInterval(() => {
+      this.update();
+    }, this.options.updateInterval));
+  }
+  stopUpdates() {
+    this.updateIntervalId !== null && (clearInterval(this.updateIntervalId), this.updateIntervalId = null);
+  }
+  getAverageFrameTime() {
+    return this.frameTimes.length === 0 ? 0 : this.frameTimes.reduce((t, i) => t + i, 0) / this.frameTimes.length;
+  }
+  renderStats() {
+    if (!this.element) return;
+    const e = [], t = this.lastStats;
+    if (this.options.showFps && t.fps !== void 0) {
+      const i = t.fps >= 55 ? "#00ff00" : t.fps >= 30 ? "#ffff00" : "#ff4444";
+      e.push(`<span style="color:${i}">FPS: ${t.fps}</span>`), t.frameTime && e.push(`Frame: ${t.frameTime.toFixed(2)}ms`);
+    }
+    if (this.options.showPointCount && t.pointCount !== void 0 && e.push(`Points: ${this.formatNumber(t.pointCount)}`), t.seriesCount !== void 0 && e.push(`Series: ${t.seriesCount}`), this.options.showDrawCalls && t.drawCalls !== void 0 && e.push(`Draw calls: ${t.drawCalls}`), this.options.showMemory && t.memoryEstimate !== void 0 && e.push(`Memory: ${this.formatBytes(t.memoryEstimate)}`), this.options.showBounds && t.viewBounds) {
+      const i = t.viewBounds;
+      e.push(`X: [${this.formatValue(i.xMin)}, ${this.formatValue(i.xMax)}]`), e.push(`Y: [${this.formatValue(i.yMin)}, ${this.formatValue(i.yMax)}]`);
+    }
+    if (this.options.showRendererInfo && t.rendererInfo) {
+      const i = t.rendererInfo;
+      if (e.push(`Renderer: ${i.type.toUpperCase()}`), i.renderer) {
+        const s = i.renderer.length > 30 ? i.renderer.substring(0, 27) + "..." : i.renderer;
+        e.push(`GPU: ${s}`);
+      }
+    }
+    t.canvasSize && e.push(`Canvas: ${t.canvasSize.width}×${t.canvasSize.height}`), t.downsamplingActive !== void 0 && e.push(`Downsampling: ${t.downsamplingActive ? "ON" : "OFF"}`), t.devicePixelRatio !== void 0 && e.push(`DPR: ${t.devicePixelRatio}`), this.element.innerHTML = e.join(`
+`);
+  }
+  formatNumber(e) {
+    return e >= 1e9 ? (e / 1e9).toFixed(1) + "B" : e >= 1e6 ? (e / 1e6).toFixed(1) + "M" : e >= 1e3 ? (e / 1e3).toFixed(1) + "K" : e.toLocaleString();
+  }
+  formatBytes(e) {
+    return e >= 1e9 ? (e / 1e9).toFixed(2) + " GB" : e >= 1e6 ? (e / 1e6).toFixed(2) + " MB" : e >= 1e3 ? (e / 1e3).toFixed(2) + " KB" : e + " B";
+  }
+  formatValue(e) {
+    return isFinite(e) ? Math.abs(e) >= 1e6 || Math.abs(e) < 1e-3 && e !== 0 ? e.toExponential(2) : e.toFixed(3) : e.toString();
+  }
+}
+function w(r, e) {
+  return new u(r, e);
+}
+function S(r) {
+  const e = document.querySelector(".velo-plot-container");
+  if (!e)
+    return console.warn("[SciPlot] No chart container found for debug overlay"), null;
+  const t = new u(e, r);
+  return t.show(), t;
+}
+class x {
+  constructor(e, t, i) {
+    n(this, "container");
+    n(this, "content");
+    n(this, "theme");
+    n(this, "series");
+    n(this, "isExpanded", !1);
+    this.theme = t, this.series = i, this.container = document.createElement("div"), this.container.className = "velo-plot-stats-panel", this.updateContainerStyle();
+    const s = document.createElement("div");
+    s.innerHTML = "📊 Statistics", s.style.cssText = `
+      font-weight: 600;
+      font-size: 11px;
+      text-transform: uppercase;
+      letter-spacing: 0.5px;
+      margin-bottom: 8px;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      cursor: pointer;
+    `, s.onclick = () => this.toggle(), this.content = document.createElement("div"), this.content.style.display = "none", this.container.appendChild(s), this.container.appendChild(this.content), e.appendChild(this.container);
+  }
+  isDarkTheme() {
+    const e = this.theme.name.toLowerCase();
+    return e.includes("dark") || e.includes("midnight") || e.includes("electro");
+  }
+  updateContainerStyle() {
+    const e = this.isDarkTheme(), t = e ? "rgba(15, 23, 42, 0.85)" : "rgba(255, 255, 255, 0.95)", i = e ? "#f1f5f9" : "#1e293b", s = e ? "rgba(255, 255, 255, 0.1)" : "rgba(0, 0, 0, 0.1)", o = e ? "0 4px 12px rgba(0, 0, 0, 0.5)" : "0 4px 12px rgba(0, 0, 0, 0.1)";
+    this.container.style.cssText = `
+      position: absolute;
+      bottom: 8px;
+      right: 8px;
+      width: 240px;
+      background: ${t};
+      backdrop-filter: blur(8px);
+      -webkit-backdrop-filter: blur(8px);
+      border: 1px solid ${s};
+      border-radius: 8px;
+      box-shadow: ${o};
+      color: ${i};
+      font-family: system-ui, -apple-system, sans-serif;
+      padding: 8px 12px;
+      z-index: 90;
+      transition: all 0.3s ease;
+      font-size: 12px;
+      pointer-events: auto;
+    `;
+  }
+  update(e) {
+    this.isExpanded && (this.content.innerHTML = "", this.series.forEach((t) => {
+      if (!t.getVisible()) return;
+      const i = t.getData();
+      if (!i) return;
+      const s = [], o = [];
+      for (let a = 0; a < i.x.length; a++)
+        i.x[a] >= e.xMin && i.x[a] <= e.xMax && (o.push(i.x[a]), s.push(i.y[a]));
+      if (s.length === 0) return;
+      const l = m(s), p = g(o, s), h = t.getStyle(), d = document.createElement("div");
+      d.style.cssText = `
+        padding: 8px 0;
+        border-top: 1px solid ${this.isDarkTheme() ? "rgba(255,255,255,0.05)" : "rgba(0,0,0,0.05)"};
+      `, d.innerHTML = `
+        <div style="display: flex; align-items: center; gap: 6px; margin-bottom: 4px; font-weight: 600;">
+          <div style="width: 8px; height: 8px; border-radius: 2px; background: ${h.color}"></div>
+          ${t.getId()}
+        </div>
+        <div style="display: grid; grid-template-columns: 1fr 1fr; gap: 4px; opacity: 0.9; font-size: 11px;">
+          <span>Min: ${l.min.toExponential(3)}</span>
+          <span>Max: ${l.max.toExponential(3)}</span>
+          <span>Mean: ${l.mean.toExponential(3)}</span>
+          <span>Count: ${l.count}</span>
+          <span style="grid-column: span 2;">Area: ${p.toExponential(4)}</span>
+        </div>
+      `, this.content.appendChild(d);
+    }), this.content.innerHTML === "" && (this.content.innerHTML = "<div style='opacity: 0.5; font-style: italic;'>No series visible in range</div>"));
+  }
+  toggle() {
+    this.isExpanded = !this.isExpanded, this.content.style.display = this.isExpanded ? "block" : "none", this.isExpanded;
+  }
+  updateTheme(e) {
+    this.theme = e, this.updateContainerStyle();
+  }
+  destroy() {
+    this.container.remove();
+  }
+}
+const v = {
+  name: "velo-plot-debug",
+  version: "1.0.0",
+  description: "Performance monitoring and debugging overlay for velo-plot",
+  provides: ["ui"],
+  tags: ["debug", "performance", "fps", "monitoring"]
+};
+function C(r = {}) {
+  let e = null, t = null, i;
+  return {
+    manifest: v,
+    onInit(s) {
+      i = s, r.showFPS !== !1 && (e = new u(i.ui.container, {
+        showFps: !0,
+        showMemory: !0,
+        showPointCount: !0,
+        updateInterval: 500,
+        ...r
+      }), e.show(), e.setStatsProvider(() => {
+        const o = i.data.getAllSeries();
+        return {
+          pointCount: o.reduce((p, h) => p + h.getData().x.length, 0),
+          seriesCount: o.length,
+          viewBounds: i.data.getViewBounds(),
+          devicePixelRatio: i.chart.dpr || 1
+        };
+      })), r.showDataStats && (t = new x(
+        i.ui.container,
+        i.chart.theme,
+        i.chart.series
+      ));
+    },
+    onBeforeRender() {
+      e && e.recordFrame();
+    },
+    onAfterRender(s, o) {
+      e && e.update({
+        frameTime: o.frameTime || o.renderTime
+      });
+    },
+    onRenderOverlay(s) {
+      t && t.update(i.data.getViewBounds());
+    },
+    onDestroy(s) {
+      e && (e.destroy(), e = null), t && (t.destroy(), t = null);
+    }
+  };
+}
+export {
+  u as DebugOverlay,
+  C as PluginDebug,
+  w as createDebugOverlay,
+  C as default,
+  S as enableDebugMode
+};
+//# sourceMappingURL=debug.js.map

package/dist/plugins/debug.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"debug.js","sources":["../../src/core/debug/index.ts","../../src/core/ChartStatistics.ts","../../src/plugins/debug/index.ts"],"sourcesContent":["/**\n * Sci Plot - Debug Overlay Module\n * \n * Provides a visual debug overlay showing performance metrics,\n * rendering info, and chart state for development and debugging.\n * \n * @module debug\n */\n\n// ============================================\n// Types\n// ============================================\n\nexport interface DebugStats {\n  /** Current frames per second */\n  fps: number;\n  /** Average frame time in ms */\n  frameTime: number;\n  /** Total number of points being rendered */\n  pointCount: number;\n  /** Number of visible series */\n  seriesCount: number;\n  /** Current view bounds */\n  viewBounds: {\n    xMin: number;\n    xMax: number;\n    yMin: number;\n    yMax: number;\n  };\n  /** WebGL/WebGPU renderer info */\n  rendererInfo: {\n    type: 'webgl' | 'webgpu' | 'unknown';\n    vendor?: string;\n    renderer?: string;\n  };\n  /** Memory usage estimate (bytes) */\n  memoryEstimate: number;\n  /** Number of draw calls per frame */\n  drawCalls: number;\n  /** Whether GPU downsampling is active */\n  downsamplingActive: boolean;\n  /** Device pixel ratio */\n  devicePixelRatio: number;\n  /** Canvas dimensions */\n  canvasSize: { width: number; height: number };\n  /** Plot area dimensions */\n  plotArea: { x: number; y: number; width: number; height: number };\n}\n\nexport interface DebugOverlayOptions {\n  /** Show FPS counter (default: true) */\n  showFps?: boolean;\n  /** Show point count (default: true) */\n  showPointCount?: boolean;\n  /** Show view bounds (default: true) */\n  showBounds?: boolean;\n  /** Show renderer info (default: true) */\n  showRendererInfo?: boolean;\n  /** Show memory estimate (default: true) */\n  showMemory?: boolean;\n  /** Show draw calls (default: true) */\n  showDrawCalls?: boolean;\n  /** Position: 'top-left', 'top-right', 'bottom-left', 'bottom-right' */\n  position?: 'top-left' | 'top-right' | 'bottom-left' | 'bottom-right';\n  /** Background opacity (0-1, default: 0.8) */\n  opacity?: number;\n  /** Font size in pixels (default: 11) */\n  fontSize?: number;\n  /** Update interval in ms (default: 250) */\n  updateInterval?: number;\n  /** Custom CSS class name */\n  className?: string;\n}\n\n// ============================================\n// Debug Overlay Implementation\n// ============================================\n\nexport class DebugOverlay {\n  private container: HTMLElement;\n  private element: HTMLDivElement | null = null;\n  private options: Required<DebugOverlayOptions>;\n  private visible: boolean = false;\n  private updateIntervalId: number | null = null;\n  private statsProvider: (() => Partial<DebugStats>) | null = null;\n  private lastStats: Partial<DebugStats> = {};\n\n  // FPS calculation\n  private frameCount: number = 0;\n  private lastFpsUpdate: number = 0;\n  private currentFps: number = 0;\n  private frameTimes: number[] = [];\n\n  constructor(container: HTMLElement, options?: DebugOverlayOptions) {\n    this.container = container;\n    this.options = {\n      showFps: true,\n      showPointCount: true,\n      showBounds: true,\n      showRendererInfo: true,\n      showMemory: true,\n      showDrawCalls: true,\n      position: 'top-left',\n      opacity: 0.8,\n      fontSize: 11,\n      updateInterval: 250,\n      className: 'velo-plot-debug-overlay',\n      ...options,\n    };\n  }\n\n  /**\n   * Set the stats provider function\n   */\n  setStatsProvider(provider: () => Partial<DebugStats>): void {\n    this.statsProvider = provider;\n  }\n\n  /**\n   * Record a frame for FPS calculation\n   */\n  recordFrame(frameTime?: number): void {\n    const now = performance.now();\n    this.frameCount++;\n\n    if (frameTime !== undefined) {\n      this.frameTimes.push(frameTime);\n      if (this.frameTimes.length > 60) {\n        this.frameTimes.shift();\n      }\n    }\n\n    // Update FPS every second\n    if (now - this.lastFpsUpdate >= 1000) {\n      this.currentFps = Math.round((this.frameCount * 1000) / (now - this.lastFpsUpdate));\n      this.frameCount = 0;\n      this.lastFpsUpdate = now;\n    }\n  }\n\n  /**\n   * Show the debug overlay\n   */\n  show(): void {\n    if (this.visible) return;\n    \n    this.visible = true;\n    this.createElement();\n    this.startUpdates();\n  }\n\n  /**\n   * Hide the debug overlay\n   */\n  hide(): void {\n    if (!this.visible) return;\n    \n    this.visible = false;\n    this.stopUpdates();\n    this.destroyElement();\n  }\n\n  /**\n   * Toggle visibility\n   */\n  toggle(): void {\n    if (this.visible) {\n      this.hide();\n    } else {\n      this.show();\n    }\n  }\n\n  /**\n   * Check if visible\n   */\n  isVisible(): boolean {\n    return this.visible;\n  }\n\n  /**\n   * Update the display with new stats\n   */\n  update(stats?: Partial<DebugStats>): void {\n    if (!this.visible || !this.element) return;\n\n    // Merge with provider stats\n    const providerStats = this.statsProvider?.() || {};\n    this.lastStats = {\n      ...this.lastStats,\n      ...providerStats,\n      ...stats,\n      fps: this.currentFps,\n      frameTime: this.getAverageFrameTime(),\n    };\n\n    this.renderStats();\n  }\n\n  /**\n   * Get current stats\n   */\n  getStats(): Partial<DebugStats> {\n    return {\n      ...this.lastStats,\n      fps: this.currentFps,\n      frameTime: this.getAverageFrameTime(),\n    };\n  }\n\n  /**\n   * Destroy the overlay\n   */\n  destroy(): void {\n    this.hide();\n    this.statsProvider = null;\n  }\n\n  // ============================================\n  // Private Methods\n  // ============================================\n\n  private createElement(): void {\n    if (this.element) return;\n\n    this.element = document.createElement('div');\n    this.element.className = this.options.className;\n    \n    // Apply styles\n    Object.assign(this.element.style, {\n      position: 'absolute',\n      zIndex: '9999',\n      fontFamily: 'monospace',\n      fontSize: `${this.options.fontSize}px`,\n      lineHeight: '1.4',\n      padding: '8px 12px',\n      backgroundColor: `rgba(0, 0, 0, ${this.options.opacity})`,\n      color: '#00ff00',\n      borderRadius: '4px',\n      pointerEvents: 'none',\n      userSelect: 'none',\n      whiteSpace: 'pre',\n      ...this.getPositionStyles(),\n    });\n\n    this.container.style.position = 'relative';\n    this.container.appendChild(this.element);\n  }\n\n  private destroyElement(): void {\n    if (this.element && this.element.parentNode) {\n      this.element.parentNode.removeChild(this.element);\n    }\n    this.element = null;\n  }\n\n  private getPositionStyles(): Partial<CSSStyleDeclaration> {\n    switch (this.options.position) {\n      case 'top-right':\n        return { top: '8px', right: '8px' };\n      case 'bottom-left':\n        return { bottom: '8px', left: '8px' };\n      case 'bottom-right':\n        return { bottom: '8px', right: '8px' };\n      case 'top-left':\n      default:\n        return { top: '8px', left: '8px' };\n    }\n  }\n\n  private startUpdates(): void {\n    if (this.updateIntervalId !== null) return;\n    \n    this.updateIntervalId = window.setInterval(() => {\n      this.update();\n    }, this.options.updateInterval);\n  }\n\n  private stopUpdates(): void {\n    if (this.updateIntervalId !== null) {\n      clearInterval(this.updateIntervalId);\n      this.updateIntervalId = null;\n    }\n  }\n\n  private getAverageFrameTime(): number {\n    if (this.frameTimes.length === 0) return 0;\n    const sum = this.frameTimes.reduce((a, b) => a + b, 0);\n    return sum / this.frameTimes.length;\n  }\n\n  private renderStats(): void {\n    if (!this.element) return;\n\n    const lines: string[] = [];\n    const stats = this.lastStats;\n\n    // FPS\n    if (this.options.showFps && stats.fps !== undefined) {\n      const fpsColor = stats.fps >= 55 ? '#00ff00' : stats.fps >= 30 ? '#ffff00' : '#ff4444';\n      lines.push(`<span style=\"color:${fpsColor}\">FPS: ${stats.fps}</span>`);\n      if (stats.frameTime) {\n        lines.push(`Frame: ${stats.frameTime.toFixed(2)}ms`);\n      }\n    }\n\n    // Point count\n    if (this.options.showPointCount && stats.pointCount !== undefined) {\n      lines.push(`Points: ${this.formatNumber(stats.pointCount)}`);\n    }\n\n    // Series count\n    if (stats.seriesCount !== undefined) {\n      lines.push(`Series: ${stats.seriesCount}`);\n    }\n\n    // Draw calls\n    if (this.options.showDrawCalls && stats.drawCalls !== undefined) {\n      lines.push(`Draw calls: ${stats.drawCalls}`);\n    }\n\n    // Memory\n    if (this.options.showMemory && stats.memoryEstimate !== undefined) {\n      lines.push(`Memory: ${this.formatBytes(stats.memoryEstimate)}`);\n    }\n\n    // Bounds\n    if (this.options.showBounds && stats.viewBounds) {\n      const b = stats.viewBounds;\n      lines.push(`X: [${this.formatValue(b.xMin)}, ${this.formatValue(b.xMax)}]`);\n      lines.push(`Y: [${this.formatValue(b.yMin)}, ${this.formatValue(b.yMax)}]`);\n    }\n\n    // Renderer info\n    if (this.options.showRendererInfo && stats.rendererInfo) {\n      const info = stats.rendererInfo;\n      lines.push(`Renderer: ${info.type.toUpperCase()}`);\n      if (info.renderer) {\n        // Truncate long renderer names\n        const shortRenderer = info.renderer.length > 30 \n          ? info.renderer.substring(0, 27) + '...'\n          : info.renderer;\n        lines.push(`GPU: ${shortRenderer}`);\n      }\n    }\n\n    // Canvas size\n    if (stats.canvasSize) {\n      lines.push(`Canvas: ${stats.canvasSize.width}×${stats.canvasSize.height}`);\n    }\n\n    // Downsampling\n    if (stats.downsamplingActive !== undefined) {\n      lines.push(`Downsampling: ${stats.downsamplingActive ? 'ON' : 'OFF'}`);\n    }\n\n    // DPR\n    if (stats.devicePixelRatio !== undefined) {\n      lines.push(`DPR: ${stats.devicePixelRatio}`);\n    }\n\n    this.element.innerHTML = lines.join('\\n');\n  }\n\n  private formatNumber(n: number): string {\n    if (n >= 1e9) return (n / 1e9).toFixed(1) + 'B';\n    if (n >= 1e6) return (n / 1e6).toFixed(1) + 'M';\n    if (n >= 1e3) return (n / 1e3).toFixed(1) + 'K';\n    return n.toLocaleString();\n  }\n\n  private formatBytes(bytes: number): string {\n    if (bytes >= 1e9) return (bytes / 1e9).toFixed(2) + ' GB';\n    if (bytes >= 1e6) return (bytes / 1e6).toFixed(2) + ' MB';\n    if (bytes >= 1e3) return (bytes / 1e3).toFixed(2) + ' KB';\n    return bytes + ' B';\n  }\n\n  private formatValue(v: number): string {\n    if (!isFinite(v)) return v.toString();\n    if (Math.abs(v) >= 1e6 || (Math.abs(v) < 0.001 && v !== 0)) {\n      return v.toExponential(2);\n    }\n    return v.toFixed(3);\n  }\n}\n\n// ============================================\n// Convenience Functions\n// ============================================\n\n/**\n * Create a debug overlay for a chart container\n */\nexport function createDebugOverlay(\n  container: HTMLElement,\n  options?: DebugOverlayOptions\n): DebugOverlay {\n  return new DebugOverlay(container, options);\n}\n\n/**\n * Quick enable debug mode (attaches to first chart container found)\n */\nexport function enableDebugMode(options?: DebugOverlayOptions): DebugOverlay | null {\n  const container = document.querySelector('.velo-plot-container') as HTMLElement;\n  if (!container) {\n    console.warn('[SciPlot] No chart container found for debug overlay');\n    return null;\n  }\n  \n  const overlay = new DebugOverlay(container, options);\n  overlay.show();\n  return overlay;\n}\n","/**\n * ChartStatistics - In-chart statistics panel\n * \n * Displays real-time statistics (Min, Max, Mean, StdDev, Area) \n * for the visible data range of active series.\n */\n\nimport { ChartTheme } from \"../theme\";\nimport { Series } from \"./Series\";\nimport { calculateStats, integrate } from \"../plugins/analysis\";\nimport { Bounds } from \"../types\";\n\nexport class ChartStatistics {\n  private container: HTMLDivElement;\n  private content: HTMLDivElement;\n  private theme: ChartTheme;\n  private series: Map<string, Series>;\n  private isExpanded = false;\n\n  constructor(\n    parent: HTMLElement,\n    theme: ChartTheme,\n    series: Map<string, Series>\n  ) {\n    this.theme = theme;\n    this.series = series;\n\n    this.container = document.createElement(\"div\");\n    this.container.className = \"velo-plot-stats-panel\";\n    this.updateContainerStyle();\n\n    const title = document.createElement(\"div\");\n    title.innerHTML = \"📊 Statistics\";\n    title.style.cssText = `\n      font-weight: 600;\n      font-size: 11px;\n      text-transform: uppercase;\n      letter-spacing: 0.5px;\n      margin-bottom: 8px;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      cursor: pointer;\n    `;\n    title.onclick = () => this.toggle();\n\n    this.content = document.createElement(\"div\");\n    this.content.style.display = \"none\";\n    \n    this.container.appendChild(title);\n    this.container.appendChild(this.content);\n    parent.appendChild(this.container);\n  }\n\n  private isDarkTheme(): boolean {\n    const name = this.theme.name.toLowerCase();\n    return name.includes(\"dark\") || name.includes(\"midnight\") || name.includes(\"electro\");\n  }\n\n  private updateContainerStyle(): void {\n    const isDark = this.isDarkTheme();\n    const bg = isDark ? \"rgba(15, 23, 42, 0.85)\" : \"rgba(255, 255, 255, 0.95)\";\n    const color = isDark ? \"#f1f5f9\" : \"#1e293b\";\n    const borderColor = isDark ? \"rgba(255, 255, 255, 0.1)\" : \"rgba(0, 0, 0, 0.1)\";\n    const shadow = isDark ? \"0 4px 12px rgba(0, 0, 0, 0.5)\" : \"0 4px 12px rgba(0, 0, 0, 0.1)\";\n\n    this.container.style.cssText = `\n      position: absolute;\n      bottom: 8px;\n      right: 8px;\n      width: 240px;\n      background: ${bg};\n      backdrop-filter: blur(8px);\n      -webkit-backdrop-filter: blur(8px);\n      border: 1px solid ${borderColor};\n      border-radius: 8px;\n      box-shadow: ${shadow};\n      color: ${color};\n      font-family: system-ui, -apple-system, sans-serif;\n      padding: 8px 12px;\n      z-index: 90;\n      transition: all 0.3s ease;\n      font-size: 12px;\n      pointer-events: auto;\n    `;\n  }\n\n  public update(viewBounds: Bounds): void {\n    if (!this.isExpanded) return;\n\n    this.content.innerHTML = \"\";\n    \n    this.series.forEach((s) => {\n      if (!s.getVisible()) return;\n\n      const data = s.getData();\n      if (!data) return;\n\n      // Filter data in visible range\n      const visibleY: number[] = [];\n      const visibleX: number[] = [];\n      for (let i = 0; i < data.x.length; i++) {\n        if (data.x[i] >= viewBounds.xMin && data.x[i] <= viewBounds.xMax) {\n          visibleX.push(data.x[i]);\n          visibleY.push(data.y[i]);\n        }\n      }\n\n      if (visibleY.length === 0) return;\n\n      const stats = calculateStats(visibleY);\n      const area = integrate(visibleX as any, visibleY as any);\n      const style = s.getStyle();\n\n      const item = document.createElement(\"div\");\n      item.style.cssText = `\n        padding: 8px 0;\n        border-top: 1px solid ${this.isDarkTheme() ? \"rgba(255,255,255,0.05)\" : \"rgba(0,0,0,0.05)\"};\n      `;\n\n      item.innerHTML = `\n        <div style=\"display: flex; align-items: center; gap: 6px; margin-bottom: 4px; font-weight: 600;\">\n          <div style=\"width: 8px; height: 8px; border-radius: 2px; background: ${style.color}\"></div>\n          ${s.getId()}\n        </div>\n        <div style=\"display: grid; grid-template-columns: 1fr 1fr; gap: 4px; opacity: 0.9; font-size: 11px;\">\n          <span>Min: ${stats.min.toExponential(3)}</span>\n          <span>Max: ${stats.max.toExponential(3)}</span>\n          <span>Mean: ${stats.mean.toExponential(3)}</span>\n          <span>Count: ${stats.count}</span>\n          <span style=\"grid-column: span 2;\">Area: ${area.toExponential(4)}</span>\n        </div>\n      `;\n\n      this.content.appendChild(item);\n    });\n\n    if (this.content.innerHTML === \"\") {\n        this.content.innerHTML = \"<div style='opacity: 0.5; font-style: italic;'>No series visible in range</div>\";\n    }\n  }\n\n  public toggle(): void {\n    this.isExpanded = !this.isExpanded;\n    this.content.style.display = this.isExpanded ? \"block\" : \"none\";\n    if (this.isExpanded) {\n        // Redraw immediately will be handled by the chart's next render\n    }\n  }\n\n  public updateTheme(theme: ChartTheme): void {\n    this.theme = theme;\n    this.updateContainerStyle();\n  }\n\n  public destroy(): void {\n    this.container.remove();\n  }\n}\n","/**\n * SciPlot Engine - Debug Overlay Plugin\n * \n * Provides performance metrics and debugging information.\n * \n * @module plugins/debug\n */\n\nexport * from \"../../core/debug\";\nimport type { PluginManifest, ChartPlugin, PluginContext, AfterRenderEvent } from \"../types\";\n\nexport interface PluginDebugConfig extends Partial<DebugOverlayOptions> {\n    /** Show FPS counter */\n    showFPS?: boolean;\n    /** Show data stats */\n    showDataStats?: boolean;\n}\n\nconst manifestDebug: PluginManifest = {\n    name: \"velo-plot-debug\",\n    version: \"1.0.0\",\n    description: \"Performance monitoring and debugging overlay for velo-plot\",\n    provides: [\"ui\"],\n    tags: [\"debug\", \"performance\", \"fps\", \"monitoring\"],\n};\n\nimport { DebugOverlay, DebugOverlayOptions } from \"../../core/debug\";\nimport { ChartStatistics } from \"../../core/ChartStatistics\";\n\n/**\n * SciPlot Debug Plugin\n * \n * Adds a useful overlay with real-time performance metrics and debugging info.\n */\nexport function PluginDebug(config: PluginDebugConfig = {}): ChartPlugin<PluginDebugConfig> {\n    let overlay: DebugOverlay | null = null;\n    let stats: ChartStatistics | null = null;\n\n    let ctx: PluginContext;\n\n    return {\n        manifest: manifestDebug,\n\n        onInit(pCtx: PluginContext) {\n            ctx = pCtx;\n\n            // Initialize FPS/Performance overlay\n            if (config.showFPS !== false) {\n                overlay = new DebugOverlay(ctx.ui.container, {\n                    showFps: true,\n                    showMemory: true,\n                    showPointCount: true,\n                    updateInterval: 500,\n                    ...config\n                });\n                overlay.show();\n\n                // Set stats provider for more detailed info\n                overlay.setStatsProvider(() => {\n                    const series = ctx.data.getAllSeries();\n                    const pointCount = series.reduce((sum, s) => sum + s.getData().x.length, 0);\n\n                    return {\n                        pointCount,\n                        seriesCount: series.length,\n                        viewBounds: ctx.data.getViewBounds(),\n                        devicePixelRatio: (ctx.chart as any).dpr || 1,\n                    };\n                });\n            }\n\n            // Initialize data statistics panel\n            if (config.showDataStats) {\n                stats = new ChartStatistics(\n                    ctx.ui.container,\n                    (ctx.chart as any).theme,\n                    (ctx.chart as any).series\n                );\n            }\n        },\n\n        onBeforeRender() {\n            if (overlay) {\n                overlay.recordFrame();\n            }\n        },\n\n        onAfterRender(_ctx, event: AfterRenderEvent) {\n            if (overlay) {\n                overlay.update({\n                    frameTime: (event as any).frameTime || event.renderTime,\n                });\n            }\n        },\n\n        onRenderOverlay(_ctx) {\n            if (stats) {\n                stats.update(ctx.data.getViewBounds());\n            }\n        },\n\n        onDestroy(_ctx: PluginContext) {\n                if (overlay) {\n                overlay.destroy();\n                overlay = null;\n            }\n            if (stats) {\n                stats.destroy();\n                stats = null;\n            }\n        }\n    };\n}\n\nexport { DebugOverlay };\nexport default PluginDebug;\n"],"names":["DebugOverlay","container","options","__publicField","provider","frameTime","now","stats","providerStats","_a","a","b","lines","fpsColor","info","shortRenderer","n","bytes","v","createDebugOverlay","enableDebugMode","overlay","ChartStatistics","parent","theme","series","title","name","isDark","bg","color","borderColor","shadow","viewBounds","s","data","visibleY","visibleX","i","calculateStats","area","integrate","style","item","manifestDebug","PluginDebug","config","ctx","pCtx","sum","_ctx","event"],"mappings":"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"}

package/dist/plugins/drag-edit/exports.d.ts

@@ -0,0 +1,6 @@
+/**
+ * @fileoverview Drag & Drop editing plugin exports
+ * @module plugins/drag-edit
+ */
+export { PluginDragEdit, default } from './index';
+export type { PluginDragEditConfig, DragEditAPI, DraggedPoint, DragEditEvent, DragConstraint, DragValidation, } from './types';

package/dist/plugins/drag-edit/index.d.ts

@@ -0,0 +1,6 @@
+import { PluginDragEditConfig } from './types';
+import { ChartPlugin } from '../types';
+
+export declare function PluginDragEdit(userConfig?: Partial<PluginDragEditConfig>): ChartPlugin<PluginDragEditConfig>;
+export default PluginDragEdit;
+export type { PluginDragEditConfig, DragEditAPI, DraggedPoint, DragEditEvent, DragConstraint, } from './types';

package/dist/plugins/drag-edit/types.d.ts

@@ -0,0 +1,118 @@
+/**
+ * @fileoverview Types for drag and drop editing
+ * @module plugins/drag-edit/types
+ */
+/**
+ * Drag constraint (which axis can be edited)
+ */
+export type DragConstraint = 'x' | 'y' | 'both' | 'none';
+/**
+ * Point being dragged
+ */
+export interface DraggedPoint {
+    /** Series ID */
+    seriesId: string;
+    /** Point index in the data array */
+    index: number;
+    /** Original X value */
+    originalX: number;
+    /** Original Y value */
+    originalY: number;
+    /** Current X value (during drag) */
+    currentX: number;
+    /** Current Y value (during drag) */
+    currentY: number;
+}
+/**
+ * Drag validation result
+ */
+export interface DragValidation {
+    /** Whether the drag is valid */
+    valid: boolean;
+    /** Error message if invalid */
+    message?: string;
+    /** Adjusted X value (if snapping) */
+    snapX?: number;
+    /** Adjusted Y value (if snapping) */
+    snapY?: number;
+}
+/**
+ * Drag edit event
+ */
+export interface DragEditEvent {
+    /** Series ID */
+    seriesId: string;
+    /** Point index */
+    index: number;
+    /** Old X value */
+    oldX: number;
+    /** Old Y value */
+    oldY: number;
+    /** New X value */
+    newX: number;
+    /** New Y value */
+    newY: number;
+    /** Delta X */
+    deltaX: number;
+    /** Delta Y */
+    deltaY: number;
+}
+/**
+ * Plugin configuration
+ */
+export interface PluginDragEditConfig {
+    /** Enable drag editing (default: true) */
+    enabled?: boolean;
+    /** Which axis can be edited (default: 'both') */
+    constraint?: DragConstraint;
+    /** Snap to grid (default: false) */
+    snapToGrid?: boolean;
+    /** Grid snap interval for X (data units) */
+    snapIntervalX?: number;
+    /** Grid snap interval for Y (data units) */
+    snapIntervalY?: number;
+    /** Minimum distance in pixels to start drag (default: 5) */
+    dragThreshold?: number;
+    /** Point detection radius in pixels (default: 10) */
+    hitRadius?: number;
+    /** Series IDs that are editable (empty = all editable) */
+    editableSeries?: string[];
+    /** Validation function called before applying changes */
+    validator?: (point: DraggedPoint) => DragValidation | boolean;
+    /** Callback when a point starts being dragged */
+    onDragStart?: (event: DragEditEvent) => void;
+    /** Callback during drag (called on mouse move) */
+    onDrag?: (event: DragEditEvent) => void;
+    /** Callback when drag is complete */
+    onDragEnd?: (event: DragEditEvent) => void;
+    /** Highlight color for dragged point (default: '#ffff00') */
+    highlightColor?: string;
+    /** Show preview line during drag (default: true) */
+    showPreview?: boolean;
+    /** Preview line style */
+    previewStyle?: {
+        color?: string;
+        width?: number;
+        dash?: number[];
+        opacity?: number;
+    };
+}
+/**
+ * Plugin API
+ */
+export interface DragEditAPI {
+    /** Enable drag editing */
+    enable(): void;
+    /** Disable drag editing */
+    disable(): void;
+    /** Check if drag editing is enabled */
+    isEnabled(): boolean;
+    /** Set editable series */
+    setEditableSeries(seriesIds: string[]): void;
+    /** Get currently dragged point (if any) */
+    getDraggedPoint(): DraggedPoint | null;
+    /** Cancel current drag operation */
+    cancelDrag(): void;
+    /** Update configuration */
+    updateConfig(config: Partial<PluginDragEditConfig>): void;
+}

package/dist/plugins/forecasting/algorithms.d.ts

@@ -0,0 +1,6 @@
+import { ForecastingMethod, ForecastingParams, ForecastingResult } from './types';
+
+/**
+ * Main dispatcher for forecasting algorithms
+ */
+export declare function calculateForecast(x: number[] | Float64Array | Float32Array, y: number[] | Float64Array | Float32Array, method: ForecastingMethod, horizon: number, params?: ForecastingParams): ForecastingResult;

package/dist/plugins/forecasting/exports.d.ts

@@ -0,0 +1,3 @@
+export * from './index';
+export * from './types';
+export * from './algorithms';

package/dist/plugins/forecasting/index.d.ts

@@ -0,0 +1,11 @@
+import { PluginForecastingConfig } from './types';
+import { PluginManifest, ChartPlugin } from '../types';
+
+declare const manifestForecasting: PluginManifest;
+/**
+ * Forecasting Plugin for Sci Plot
+ */
+export declare function PluginForecasting(config?: Partial<PluginForecastingConfig>): ChartPlugin<PluginForecastingConfig>;
+export * from './types';
+export * from './algorithms';
+export { manifestForecasting };

package/dist/plugins/forecasting/types.d.ts

@@ -0,0 +1,88 @@
+import { SeriesData } from '../../types';
+
+export type ForecastingMethod = 'sma' | 'ema' | 'wma' | 'linear' | 'expSmoothing' | 'holt' | 'holtWinters';
+export interface ForecastingOptions {
+    /** Method to use for forecasting */
+    method: ForecastingMethod;
+    /** Number of periods to forecast ahead */
+    horizon: number;
+    /** Confidence level (e.g., 0.95 for 95% confidence interval) */
+    confidence?: number;
+    /** Parameters specific to the chosen method */
+    params?: ForecastingParams;
+}
+export interface ForecastingParams {
+    /** Period for moving averages */
+    windowSize?: number;
+    /** Smoothing factor for level (alpha) */
+    alpha?: number;
+    /** Smoothing factor for trend (beta) */
+    beta?: number;
+    /** Smoothing factor for seasonality (gamma) */
+    gamma?: number;
+    /** Length of the seasonal cycle (for Holt-Winters) */
+    period?: number;
+    /** Polynomial order for trend fitting (default: 1) */
+    polynomialOrder?: number;
+}
+export interface ForecastingResult {
+    /** Forecasted points (X values) */
+    xValues: Float64Array | number[];
+    /** Forecasted values (Y values) */
+    yValues: Float64Array | number[];
+    /** Lower confidence bound */
+    lowerBound?: Float64Array | number[];
+    /** Upper confidence bound */
+    upperBound?: Float64Array | number[];
+    /** Method used */
+    method: ForecastingMethod;
+    /** Metadata and fit statistics */
+    metadata: {
+        mse?: number;
+        mae?: number;
+        r2?: number;
+        aic?: number;
+    };
+}
+export interface ForecastingVisualizationConfig {
+    /** Whether to show the forecast line (default: true) */
+    showLine?: boolean;
+    /** Whether to show the confidence interval (default: true) */
+    showConfidenceInterval?: boolean;
+    /** Line style for the forecast */
+    lineStyle?: {
+        color?: string;
+        width?: number;
+        dash?: number[];
+    };
+    /** Style for the confidence interval */
+    intervalStyle?: {
+        fillColor?: string;
+        opacity?: number;
+    };
+}
+export interface PluginForecastingConfig {
+    /** Default forecasting options */
+    defaultOptions?: Partial<ForecastingOptions>;
+    /** Default visualization settings */
+    defaultVisualization?: ForecastingVisualizationConfig;
+}
+export interface ForecastingAPI {
+    /**
+     * Forecast future values for a given dataset
+     */
+    forecast(data: SeriesData | number[] | Float32Array, options: ForecastingOptions): ForecastingResult;
+    /**
+     * Forecast future values for a series by ID
+     */
+    forecastSeries(seriesId: string, options: ForecastingOptions): Promise<ForecastingResult>;
+    /**
+     * Visualize the forecast on the chart overlay
+     */
+    visualize(result: ForecastingResult, config?: ForecastingVisualizationConfig): string;
+    /**
+     * Clear active forecast visualizations
+     */
+    clear(id?: string): void;
+    [key: string]: unknown;
+}

package/dist/plugins/gpu/index.d.ts

@@ -0,0 +1,24 @@
+import { ChartPlugin } from '../types';
+/**
+ * SciPlot Engine - GPU Abstraction Plugin
+ *
+ * Provides WebGPU and WebGL2 backend support, GPU compute capabilities,
+ * and performance benchmarking tools.
+ *
+ * @module plugins/gpu
+ */
+export { WebGPUBackend, WebGLBackend, GpuRenderer, createGpuRenderer, SeriesAdapter, parseColorToRGBA, PipelineCache, BaseBufferStore, BaseTextureStore, GpuBenchmark, GpuCompute, } from '../../gpu';
+export * from '../../gpu/types';
+export interface PluginGpuConfig {
+    /** Preferred backend: 'webgpu' | 'webgl2' | 'webgl1' */
+    preferredBackend?: string;
+    /** Enable hardware acceleration for compute tasks */
+    enableCompute?: boolean;
+}
+/**
+ * SciPlot GPU Plugin
+ *
+ * Enables high-performance GPU-accelerated rendering and compute.
+ */
+export declare function PluginGpu(_config?: PluginGpuConfig): ChartPlugin<PluginGpuConfig>;
+export default PluginGpu;