resolvcharts 0.2.0 → 0.3.0

package/dist/index.cjs

@@ -1381,6 +1381,11 @@ function padDomain(min, max, includeZero = false) {
 	}
 	return [lo, hi];
 }
+/** @category Utilities
+* Pin domain ends — each defined bound overrides the fitted value. */
+function boundDomain(dom, min, max) {
+	return [min ?? dom[0], max ?? dom[1]];
+}
 //#endregion
 //#region src/core/scheduler.ts
 const raf = typeof requestAnimationFrame === "function" ? (cb) => requestAnimationFrame(cb) : (cb) => setTimeout(() => cb(Date.now()), 16);
@@ -1696,6 +1701,8 @@ const GPU_KIND = {
 };
 /** points retained beyond the window's left edge so they slide off-screen instead of vanishing mid-plot */
 const EDGE_KEEP = 3;
+/** default point count at which `renderer: "auto"` engages the GPU path */
+const GPU_THRESHOLD = 1e5;
 /** Chart instance. Create via {@link createChart}.
 * @category Charts
 */
@@ -1721,6 +1728,8 @@ var Chart = class {
 		this.destroyed = false;
 		this.pendingView = false;
 		this.gpu = null;
+		this.gpuInit = false;
+		this.dataRev = 0;
 		this.lastAppendAt = 0;
 		this.estInterval = 400;
 		this.onScroll = () => {
@@ -1783,7 +1792,35 @@ var Chart = class {
 		this.reduced = typeof matchMedia === "function" && matchMedia("(prefers-reduced-motion: reduce)").matches;
 		if (options.tooltip ?? this.mod.defaultTooltip) this.tooltip = new Tooltip(el, this.theme);
 		this.data = this.normalize(options.data, null);
-		if (GPU_KIND[options.type] && (options.renderer === "webgpu" || options.renderer === "auto")) Promise.resolve().then(() => require("./series-J_5Z6dah.cjs")).then(({ GpuSeries }) => GpuSeries.create(options.gpu).then((g) => {
+		this.maybeInitGpu();
+		this.bindEvents();
+		const dom = this.layout();
+		this.view = {
+			x: [...dom.x],
+			y: [...dom.y]
+		};
+		this.viewTo = {
+			x: [...dom.x],
+			y: [...dom.y]
+		};
+		this.startAnimation(dom);
+	}
+	/**
+	* Lazily acquire the WebGPU backend. `"webgpu"` attaches unconditionally;
+	* `"auto"` waits until the xy point count crosses `gpuThreshold` — small
+	* charts never pay adapter/device acquisition.
+	*/
+	maybeInitGpu() {
+		if (this.gpu || this.gpuInit || this.destroyed) return;
+		if (!GPU_KIND[this.options.type]) return;
+		const r = this.options.renderer ?? "auto";
+		if (r !== "auto" && r !== "webgpu") return;
+		if (r === "auto") {
+			const d = this.data;
+			if ((d.kind === "xy" ? d.sortedX.length * Math.max(1, d.series.length) : 0) < (this.options.gpuThreshold ?? GPU_THRESHOLD)) return;
+		}
+		this.gpuInit = true;
+		Promise.resolve().then(() => require("./series-PmAjztEh.cjs")).then(({ GpuSeries }) => GpuSeries.create(this.options.gpu).then((g) => {
 			if (!g || this.destroyed) {
 				g?.destroy();
 				return;
@@ -1796,17 +1833,6 @@ var Chart = class {
 				return false;
 			});
 		}));
-		this.bindEvents();
-		const dom = this.layout();
-		this.view = {
-			x: [...dom.x],
-			y: [...dom.y]
-		};
-		this.viewTo = {
-			x: [...dom.x],
-			y: [...dom.y]
-		};
-		this.startAnimation(dom);
 	}
 	normalize(data, prev) {
 		const t = this.options.type;
@@ -2002,7 +2028,7 @@ var Chart = class {
 			const includeZero = this.options.type === "area" || this.options.type === "sparkline";
 			return {
 				x,
-				y: padDomain(min, max, includeZero)
+				y: this.yDomain(padDomain(min, max, includeZero))
 			};
 		}
 		if (d.kind === "category") {
@@ -2038,7 +2064,7 @@ var Chart = class {
 			}
 			return {
 				x: [0, d.categories.length],
-				y: padDomain(min, max, true)
+				y: this.yDomain(padDomain(min, max, true))
 			};
 		}
 		if (d.kind === "ohlc") {
@@ -2057,7 +2083,7 @@ var Chart = class {
 			}
 			return {
 				x,
-				y: padDomain(min, max)
+				y: this.yDomain(padDomain(min, max))
 			};
 		}
 		if (d.kind === "waterfall") {
@@ -2073,14 +2099,17 @@ var Chart = class {
 			}
 			return {
 				x: [0, d.bars.length],
-				y: padDomain(min, max, true)
+				y: this.yDomain(padDomain(min, max, true))
 			};
 		}
 		return {
 			x: [0, 1],
-			y: [0, 1]
+			y: this.yDomain([0, 1])
 		};
 	}
+	yDomain(y) {
+		return boundDomain(y, this.options.yMin, this.options.yMax);
+	}
 	lerpView(eased) {
 		const f = this.viewFrom;
 		const to = this.viewTo;
@@ -2182,30 +2211,35 @@ var Chart = class {
 		else this.mod.render(this.renderContext(t, scales));
 		if (this.hover) this.drawHover(this.hover, scales.yScale);
 	}
-	/** series rasterization on the GPU; grid/labels/hover stay on Canvas2D */
+	/**
+	* Series rasterization on the GPU; grid/labels/hover stay on Canvas2D.
+	* Raw data lives in GPU buffers — the per-frame cost is uniform writes +
+	* instanced draws, with compute decimation above the density threshold.
+	*/
 	gpuRender(t, scales) {
 		const g = this.gpu;
 		const d = this.data;
 		const kind = GPU_KIND[this.options.type];
-		if (!g || !kind || d.kind !== "xy") {
+		if (!g || g.unavailable || !kind || d.kind !== "xy") {
 			this.mod.render(this.renderContext(t, scales));
 			return;
 		}
-		const r = this.renderContext(t, scales);
+		g.syncData(d, this.dataRev);
+		const view = {
+			x: scales.xScale.domain,
+			y: scales.yScale.domain
+		};
 		const flow = this.options.flow ? FLOW_RIPPLE : 0;
-		g.begin(this.backend.plot);
-		for (const s of d.series) {
+		g.begin(this.backend.plot, t, flow);
+		for (let i = 0; i < d.series.length; i++) {
+			const s = d.series[i];
+			if (!s) continue;
 			if (kind === "points") {
-				const pts = mapSeriesPx(d.sortedX, s.y, s.prevY, t, scales.yScale.domain[0], scales.xScale, scales.yScale, flow);
-				g.points(pts, s.color, 2.5, .65);
+				g.points(i, s.color, 2.5, .65, view);
 				continue;
 			}
-			const pts = seriesPoints(r, s);
-			if (kind === "area") {
-				const base = scales.yScale(Math.max(0, scales.yScale.domain[0]));
-				g.area(pts, s.color, base, this.backend.plot);
-			}
-			g.line(pts, s.color, 2);
+			if (kind === "area") g.area(i, s.color, Math.max(0, scales.yScale.domain[0]), view);
+			g.line(i, s.color, 2, view);
 		}
 		g.end();
 	}
@@ -2340,6 +2374,8 @@ var Chart = class {
 	setData(data) {
 		const prev = this.data;
 		this.data = this.normalize(data, prev);
+		this.dataRev++;
+		this.maybeInitGpu();
 		const dom = this.layout();
 		this.startAnimation(dom);
 	}
@@ -2405,8 +2441,14 @@ var Chart = class {
 			sortedX,
 			series
 		};
-		if (m > 1 && x < sortedX[m - 2]) resortXY(nd);
+		const resort = m > 1 && x < sortedX[m - 2];
+		if (resort) resortXY(nd);
 		this.data = nd;
+		if (resort) this.dataRev++;
+		else if (this.gpu && !this.gpu.unavailable) {
+			if (!this.gpu.appended(x, d.series.map((s, i) => ys[i] ?? s.y[n - 1]), d.series.map((s) => s.y[n - 1]), drop)) this.dataRev++;
+		}
+		this.maybeInitGpu();
 		this.pendingView = true;
 		sharedScheduler.add(this.frame);
 	}
@@ -2482,6 +2524,7 @@ function createChart(el, options) {
 }
 //#endregion
 exports.Chart = Chart;
+exports.boundDomain = boundDomain;
 exports.computeTicks = computeTicks;
 exports.createChart = createChart;
 exports.darkTheme = darkTheme;