lightweight-charts-indicators 0.9.0 → 0.9.1

package/README.md

@@ -69,6 +69,9 @@ before, and the indicator pane keeps its height across a redraw.
 - **Render options**: `inputs` (plots whose visibility follows an input), `plots` (per-plot `visible`, `color`,
   `lineWidth`, `style`, `palette`), `lastValueVisible`, `titleVisible`, `priceLineVisible`, `precision`, and
   `autoscale: false` to leave the indicator out of the price-pane autoscale.
+- **Live updates**: `reuseSeries: true` keeps the series of the previous render (same indicator, bars changed at
+  the end). Series of the same type, pane and creation order are kept; when only their newest points changed
+  (or a bar was added) those points are updated instead of the whole data being set again.
 
 The demo page (`example/`) uses the same renderer.
 

package/dist/index.cjs

@@ -169207,4 +169207,4 @@ var registryPart5 = [
   }
 ];
 var indicatorRegistry = [...registryPart1, ...registryPart2, ...registryPart3, ...registryPart4, ...registryPart5];
-var version = "0.9.0";
+var version = "0.9.1";

package/dist/index.d.ts

@@ -2493,5 +2493,5 @@ export interface IndicatorRegistryEntry {
     calculate: (bars: Bar[], inputs?: any) => any;
 }
 export declare const indicatorRegistry: IndicatorRegistryEntry[];
-export declare const version = "0.9.0";
+export declare const version = "0.9.1";
 //# sourceMappingURL=index.d.ts.map

package/dist/index.mjs

@@ -167004,7 +167004,7 @@ var registryPart5 = [
   }
 ];
 var indicatorRegistry = [...registryPart1, ...registryPart2, ...registryPart3, ...registryPart4, ...registryPart5];
-var version = "0.9.0";
+var version = "0.9.1";
 export {
   ADR,
   ADX,

package/dist/render/renderer.d.ts

@@ -55,6 +55,12 @@ export interface RenderOptions {
     precision?: number | null;
     /** Series in the price pane take part in its autoscale (default true; false = scale on the price only) */
     autoscale?: boolean;
+    /**
+     * Keep the series of the previous render (same indicator, bars changed at the end: a live update). A series of the
+     * same type in the same pane and creation order is kept with the new options; when only its newest points changed
+     * they are updated, else its data is replaced. Default false: every series is created again.
+     */
+    reuseSeries?: boolean;
 }
 export declare class IndicatorRenderer {
     private readonly chart;
@@ -70,6 +76,15 @@ export declare class IndicatorRenderer {
     private tableObserver;
     private tableFrame;
     private renderOpts;
+    /** Series of this render in creation order, with their type (series definition or custom pane view class) */
+    private created;
+    /** Series of the previous render a reuseSeries render can take again (by creation order); null = taken */
+    private pool;
+    private kinds;
+    /** Series taken from the pool in this render */
+    private reused;
+    /** Data last set on each series */
+    private lastData;
     constructor(chart: IChartApi, options?: IndicatorRendererOptions);
     /** Pane of a non-overlay indicator for the next render() */
     setPaneIndex(paneIndex: number): void;
@@ -80,14 +95,22 @@ export declare class IndicatorRenderer {
      * redraw (its height is not lost).
      */
     render(entry: RenderableIndicator, result: IndicatorResult, bars: Bar[], options?: RenderOptions): void;
+    private draw;
     /** Remove everything this instance drew (and its pane when it becomes empty, unless preserveEmptyPane) */
     clear(): void;
+    /** Remove what the last render drew; `keepSeries`: its series go to the pool instead (reuseSeries) */
     private clearOwned;
     /** Options of a series in `pane`: left out of the autoscale in the price pane when autoscale is off */
     private scaleOptions;
     /** Plot series options from the render options (labels on the price scale, precision) */
     private plotOptions;
     private own;
+    /** The pool series of this creation slot when it has the same type and pane (options re-applied), else null */
+    private take;
+    private addSeries;
+    private addCustomSeries;
+    /** Series data; a reused series whose newest points alone changed (or that has new bars) gets them as updates */
+    private setData;
     private attach;
     /** Invisible line series that holds primitives (and, with autoscale, the price range of what they draw) */
     private anchor;

package/dist/render/renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/render/renderer.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"renderer.d.ts","sourceRoot":"","sources":["../../src/render/renderer.ts"],"names":[],"mappings":"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"}

package/dist/render.mjs

@@ -1606,6 +1606,15 @@ var IndicatorRenderer = class {
   tableObserver = null;
   tableFrame = 0;
   renderOpts = {};
+  /** Series of this render in creation order, with their type (series definition or custom pane view class) */
+  created = [];
+  /** Series of the previous render a reuseSeries render can take again (by creation order); null = taken */
+  pool = [];
+  kinds = /* @__PURE__ */ new WeakMap();
+  /** Series taken from the pool in this render */
+  reused = /* @__PURE__ */ new Set();
+  /** Data last set on each series */
+  lastData = /* @__PURE__ */ new WeakMap();
   /** Pane of a non-overlay indicator for the next render() */
   setPaneIndex(paneIndex) {
     this.opts.paneIndex = paneIndex;
@@ -1623,14 +1632,21 @@ var IndicatorRenderer = class {
     const paneApi = pane > 0 ? this.chart.panes()[pane] : void 0;
     const preserved = paneApi?.preserveEmptyPane();
     paneApi?.setPreserveEmptyPane(true);
-    this.clearOwned();
-    if (paneApi && !this.opts.preserveEmptyPane)
-      paneApi.setPreserveEmptyPane(preserved ?? false);
-    this.renderOpts = options;
-    this.grid.setBars(bars);
-    if (!bars.length)
-      return;
-    const r = result;
+    try {
+      this.clearOwned(options.reuseSeries === true);
+      this.renderOpts = options;
+      this.grid.setBars(bars);
+      if (bars.length)
+        this.draw(entry, result, bars, pane);
+    } finally {
+      for (const p of this.pool.splice(0))
+        if (p)
+          this.chart.removeSeries(p.series);
+      if (paneApi && !this.opts.preserveEmptyPane)
+        paneApi.setPreserveEmptyPane(preserved ?? false);
+    }
+  }
+  draw(entry, r, bars, pane) {
     this.drawPlots(entry, r, pane);
     this.drawHLines(entry, r, pane, bars);
     if (r.fills?.length) {
@@ -1682,15 +1698,21 @@ var IndicatorRenderer = class {
         this.chart.removePane(i);
     }
   }
-  clearOwned() {
+  /** Remove what the last render drew; `keepSeries`: its series go to the pool instead (reuseSeries) */
+  clearOwned(keepSeries = false) {
     for (const { series, primitive } of this.attached)
       series.detachPrimitive(primitive);
     this.attached = [];
     for (const p of this.markerPlugins)
       p.detach();
     this.markerPlugins = [];
-    for (const s of this.series())
-      this.chart.removeSeries(s);
+    if (keepSeries)
+      this.pool = this.created;
+    else
+      for (const s of this.series())
+        this.chart.removeSeries(s);
+    this.created = [];
+    this.reused.clear();
     this.plotSeries = [];
     this.otherSeries = [];
     for (const { el } of this.tables)
@@ -1719,16 +1741,58 @@ var IndicatorRenderer = class {
     };
   }
   own(series, plot = false) {
-    (plot ? this.plotSeries : this.otherSeries).push(series);
+    const s = series;
+    (plot ? this.plotSeries : this.otherSeries).push(s);
+    this.created.push({ series: s, kind: this.kinds.get(s) });
+    return series;
+  }
+  /** The pool series of this creation slot when it has the same type and pane (options re-applied), else null */
+  take(kind, pane, options) {
+    const slot = this.created.length;
+    const p = this.pool[slot];
+    if (!p || p.kind !== kind || p.series.getPane().paneIndex() !== pane)
+      return null;
+    this.pool[slot] = null;
+    p.series.applyOptions(options);
+    this.reused.add(p.series);
+    return p.series;
+  }
+  addSeries(definition, options, pane) {
+    const reused = this.take(definition, pane, options);
+    if (reused)
+      return reused;
+    const series = this.chart.addSeries(definition, options, pane);
+    this.kinds.set(series, definition);
+    return series;
+  }
+  addCustomSeries(view, options, pane) {
+    const reused = this.take(view.constructor, pane, options);
+    if (reused)
+      return reused;
+    const series = this.chart.addCustomSeries(view, options, pane);
+    this.kinds.set(series, view.constructor);
     return series;
   }
+  /** Series data; a reused series whose newest points alone changed (or that has new bars) gets them as updates */
+  setData(series, data) {
+    const s = series;
+    const old = this.reused.has(s) ? this.lastData.get(s) : void 0;
+    this.lastData.set(s, data);
+    const from = old ? changedTail(old, data) : -1;
+    if (from < 0) {
+      s.setData(data);
+      return;
+    }
+    for (let i = from; i < data.length; i++)
+      s.update(data[i], i < old.length - 1);
+  }
   attach(series, primitive) {
     series.attachPrimitive(primitive);
     this.attached.push({ series, primitive });
   }
   /** Invisible line series that holds primitives (and, with autoscale, the price range of what they draw) */
   anchor(pane, autoscale = true) {
-    return this.own(this.chart.addSeries(LineSeries, {
+    return this.own(this.addSeries(LineSeries, {
       color: "transparent",
       lineVisible: false,
       lastValueVisible: false,
@@ -1801,7 +1865,7 @@ var IndicatorRenderer = class {
   }
   addLine(data, o, pane, title) {
     const lineWidth = o.lineWidth && o.lineWidth >= 1 ? o.lineWidth : 2;
-    const series = this.own(this.chart.addSeries(LineSeries, {
+    const series = this.own(this.addSeries(LineSeries, {
       color: o.color,
       lineWidth,
       lineStyle: o.lineStyle,
@@ -1815,7 +1879,7 @@ var IndicatorRenderer = class {
     }, pane), true);
     const valid = data.filter((d) => d.value != null && !Number.isNaN(d.value));
     const simpleLine = (o.lineType ?? LineType.Simple) === LineType.Simple && o.lineVisible !== false && !o.pointMarkersVisible;
-    series.setData(simpleLine ? segmentColors(valid, o.color) : valid);
+    this.setData(series, simpleLine ? segmentColors(valid, o.color) : valid);
     return series;
   }
   /**
@@ -1835,14 +1899,15 @@ var IndicatorRenderer = class {
   }
   /** plot.style_histogram: bars of the plot line width from histbase (thin histogram series) */
   addThinHistogram(data, color, lineWidth, base, pane, title) {
-    const series = this.own(this.chart.addCustomSeries(new ThinHistogramPaneView(), {
+    const series = this.own(this.addCustomSeries(new ThinHistogramPaneView(), {
       histColor: color,
       histWidth: Math.max(1, lineWidth ?? 1),
       histBase: base,
       ...this.plotOptions(title),
       ...this.scaleOptions(pane)
     }, pane), true);
-    series.setData(
+    this.setData(
+      series,
       data.map((d) => {
         const time = d.time;
         if (d.value == null || Number.isNaN(d.value))
@@ -1853,17 +1918,17 @@ var IndicatorRenderer = class {
   }
   /** plot.style_columns: bars of the bar slot width from histbase */
   addColumns(data, color, base, pane, title) {
-    const series = this.own(this.chart.addSeries(HistogramSeries, {
+    const series = this.own(this.addSeries(HistogramSeries, {
       color,
       base,
       ...this.plotOptions(title),
       ...this.scaleOptions(pane)
     }, pane), true);
-    series.setData(data.filter((d) => d.value != null && !Number.isNaN(d.value)));
+    this.setData(series, data.filter((d) => d.value != null && !Number.isNaN(d.value)));
   }
   addCross(data, color, lineWidth, pane) {
     const anchor = this.anchor(pane);
-    anchor.setData(data.filter((d) => d.value != null && !Number.isNaN(d.value)));
+    this.setData(anchor, data.filter((d) => d.value != null && !Number.isNaN(d.value)));
     const primitive = new CrossPlotPrimitive();
     this.attach(anchor, primitive);
     primitive.setData(data, color, (lineWidth ?? 2) * 3);
@@ -1871,7 +1936,7 @@ var IndicatorRenderer = class {
   /** linebr / steplinebr: a line that breaks at na values */
   addLineBr(data, color, lineWidth, lineStyle, steps, pane) {
     const anchor = this.anchor(pane);
-    anchor.setData(data.filter((d) => d.value != null && !Number.isNaN(d.value)));
+    this.setData(anchor, data.filter((d) => d.value != null && !Number.isNaN(d.value)));
     const primitive = new LineBrPrimitive();
     this.attach(anchor, primitive);
     primitive.setData(data, color, lineWidth ?? 2, lineStyle, steps);
@@ -1892,7 +1957,7 @@ var IndicatorRenderer = class {
     for (const h of hlines) {
       if (h.display === "none")
         continue;
-      const series = this.own(this.chart.addSeries(LineSeries, {
+      const series = this.own(this.addSeries(LineSeries, {
         color: h.color ?? "#787B86",
         lineWidth: h.linewidth ?? 1,
         lineStyle: LINE_STYLES[h.linestyle ?? "solid"] ?? LineStyle.Solid,
@@ -1901,7 +1966,7 @@ var IndicatorRenderer = class {
         priceLineVisible: false,
         ...this.scaleOptions(pane)
       }, pane));
-      series.setData([{ time: first, value: h.price }, { time: last, value: h.price }]);
+      this.setData(series, [{ time: first, value: h.price }, { time: last, value: h.price }]);
     }
     if (!entry.hlineConfig?.length)
       return;
@@ -1936,7 +2001,7 @@ var IndicatorRenderer = class {
         const gradient = fill.gradient;
         const colors = fill.colors;
         const anchor = this.anchor(pane);
-        anchor.setData(bars.map((b) => ({ time: b.time, value: Math.max(p1, p2) })));
+        this.setData(anchor, bars.map((b) => ({ time: b.time, value: Math.max(p1, p2) })));
         const primitive = new PlotFillPrimitive();
         primitive.setData(bars.map((b, i) => ({
           time: b.time,
@@ -1949,7 +2014,7 @@ var IndicatorRenderer = class {
         continue;
       }
       const color = fill.color ?? "rgba(41,98,255,0.1)";
-      const series = this.own(this.chart.addSeries(BaselineSeries, {
+      const series = this.own(this.addSeries(BaselineSeries, {
         baseValue: { type: "price", price: Math.min(p1, p2) },
         topFillColor1: color,
         topFillColor2: color,
@@ -1963,7 +2028,7 @@ var IndicatorRenderer = class {
         crosshairMarkerVisible: false,
         ...this.scaleOptions(pane)
       }, pane));
-      series.setData([
+      this.setData(series, [
         { time: first, value: Math.max(p1, p2) },
         { time: last, value: Math.max(p1, p2) }
       ]);
@@ -2012,7 +2077,7 @@ var IndicatorRenderer = class {
         continue;
       const bothOverlay = overlayPlots.has(String(fill.plot1)) && overlayPlots.has(String(fill.plot2));
       const anchor = this.anchor(bothOverlay ? 0 : pane);
-      anchor.setData(valid.map((p) => ({ time: p.time, value: Math.max(p.v1, p.v2) })));
+      this.setData(anchor, valid.map((p) => ({ time: p.time, value: Math.max(p.v1, p.v2) })));
       const primitive = new PlotFillPrimitive();
       primitive.setData(points);
       this.attach(anchor, primitive);
@@ -2058,7 +2123,7 @@ var IndicatorRenderer = class {
     if (onPrice.native.length || onPrice.extended.length) {
       const target = main ?? this.anchor(0, false);
       if (!main)
-        target.setData(anchorData(this.grid.bars.map((b) => ({ time: b.time, value: b.close })), this.grid));
+        this.setData(target, anchorData(this.grid.bars.map((b) => ({ time: b.time, value: b.close })), this.grid));
       if (onPrice.native.length)
         this.markerPlugins.push(createSeriesMarkers(target, onPrice.native));
       if (onPrice.extended.length) {
@@ -2071,7 +2136,7 @@ var IndicatorRenderer = class {
     if (paneMarkers.length) {
       const parts = split(paneMarkers, true);
       const anchor = this.anchor(pane);
-      anchor.setData(anchorData(paneMarkers.map((m) => ({ time: m.time, value: m.price })), this.grid));
+      this.setData(anchor, anchorData(paneMarkers.map((m) => ({ time: m.time, value: m.price })), this.grid));
       if (parts.native.length)
         this.markerPlugins.push(createSeriesMarkers(anchor, parts.native));
       if (parts.extended.length) {
@@ -2125,7 +2190,7 @@ var IndicatorRenderer = class {
       const anchor = this.anchor(p, false);
       const first = list[0].time;
       const last = list[list.length - 1].time;
-      anchor.setData((first === last ? [first] : [first, last]).map((time) => ({ time, value: 0 })));
+      this.setData(anchor, (first === last ? [first] : [first, last]).map((time) => ({ time, value: 0 })));
       const primitive = new BgColorPrimitive();
       this.attach(anchor, primitive);
       primitive.setData(list);
@@ -2134,7 +2199,7 @@ var IndicatorRenderer = class {
   /** plotcandle: a candlestick series (force_overlay candles go to the price pane) */
   drawCandles(_id, data, pane) {
     const p = data.some((d) => d.forceOverlay) ? 0 : pane;
-    const series = this.own(this.chart.addSeries(CandlestickSeries, {
+    const series = this.own(this.addSeries(CandlestickSeries, {
       upColor: "#26a69a",
       downColor: "#ef5350",
       borderVisible: true,
@@ -2144,7 +2209,7 @@ var IndicatorRenderer = class {
       priceLineVisible: false,
       ...this.scaleOptions(p)
     }, p));
-    series.setData(data.map((d) => {
+    this.setData(series, data.map((d) => {
       const time = d.time;
       if (![d.open, d.high, d.low, d.close].every((v) => Number.isFinite(v)))
         return { time };
@@ -2161,7 +2226,7 @@ var IndicatorRenderer = class {
   /** plotbar: an OHLC bar series in the bar colour (PineScript default colour when none) */
   drawBars(data, pane) {
     const p = data.some((d) => d.forceOverlay) ? 0 : pane;
-    const series = this.own(this.chart.addSeries(BarSeries, {
+    const series = this.own(this.addSeries(BarSeries, {
       upColor: "#2962FF",
       downColor: "#2962FF",
       openVisible: true,
@@ -2170,7 +2235,7 @@ var IndicatorRenderer = class {
       priceLineVisible: false,
       ...this.scaleOptions(p)
     }, p));
-    series.setData(data.map((d) => {
+    this.setData(series, data.map((d) => {
       const time = d.time;
       if (![d.open, d.high, d.low, d.close].every((v) => Number.isFinite(v)))
         return { time };
@@ -2192,7 +2257,7 @@ var IndicatorRenderer = class {
     }
     for (const [p, group] of groups) {
       const anchor = this.anchor(p, autoscale);
-      anchor.setData(anchorData(group.flatMap(points), this.grid));
+      this.setData(anchor, anchorData(group.flatMap(points), this.grid));
       this.attach(anchor, new DrawingPrimitive(this.grid, group, draw, zOrder));
     }
   }
@@ -2231,7 +2296,7 @@ var IndicatorRenderer = class {
     const data = [];
     for (let i = 1; i <= k; i++)
       data.push({ time: this.grid.lastTime + i * this.grid.interval });
-    series.setData(data);
+    this.setData(series, data);
   }
   // ─── Tables ───────────────────────────────────────────────────────────────
   /**
@@ -2290,6 +2355,36 @@ function segmentColors(data, base) {
     return next ? { ...d, color: next.color ?? base } : d;
   });
 }
+var TAIL_POINTS = 2;
+function changedTail(old, next) {
+  const m = old.length;
+  if (next.length < m || next.length - m > TAIL_POINTS)
+    return -1;
+  let i = 0;
+  while (i < m && samePoint(old[i], next[i]))
+    i++;
+  if (i < m - TAIL_POINTS)
+    return -1;
+  for (let j = i; j < m; j++)
+    if (old[j].time !== next[j].time)
+      return -1;
+  return i;
+}
+function samePoint(a, b) {
+  if (a === b)
+    return true;
+  const x = a;
+  const y = b;
+  let n = 0;
+  for (const k in y) {
+    if (x[k] !== y[k])
+      return false;
+    n++;
+  }
+  for (const _ in x)
+    n--;
+  return n === 0;
+}
 function lastOutputTime(r) {
   let max = -Infinity;
   const see = (t) => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "lightweight-charts-indicators",
-  "version": "0.9.0",
+  "version": "0.9.1",
   "type": "module",
   "description": "1290 technical analysis indicators for the lightweight-charts library",
   "main": "dist/index.cjs",