chartgpu 0.1.4 → 0.1.6

package/README.md

@@ -129,7 +129,7 @@ flowchart TB
 
 ### Candlestick Charts
 
-Financial OHLC (open-high-low-close) candlestick rendering with classic/hollow style toggle and color customization.
+Financial OHLC (open-high-low-close) candlestick rendering with classic/hollow style toggle and color customization. The live streaming demo renders **5 million candlesticks at over 100 FPS** with real-time updates.
 
 ![Candlestick chart example](docs/assets/candle-stick-example.png)
 

package/dist/core/RenderScheduler.d.ts

@@ -54,11 +54,10 @@ export declare function startRenderScheduler(state: RenderSchedulerState, callba
  */
 export declare function stopRenderScheduler(state: RenderSchedulerState): RenderSchedulerState;
 /**
- * Marks the current frame as dirty, indicating it needs to be rendered.
+ * Marks the current frame as dirty and schedules a render if idle.
  *
- * This function is prepared for future optimization where frames can be
- * skipped if nothing has changed. Currently, all frames render regardless
- * of the dirty flag.
+ * This function implements render-on-demand: it schedules a frame when the
+ * scheduler is idle. Multiple calls coalesce into a single frame.
  *
  * @param state - The scheduler state
  * @throws {Error} If state is invalid

package/dist/core/RenderScheduler.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RenderScheduler.d.ts","sourceRoot":"","sources":["../../src/core/RenderScheduler.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;AAEzD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AAmBD;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,oBAAoB,CAgB5D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,oBAAoB,EAC3B,QAAQ,EAAE,cAAc,GACvB,oBAAoB,CAyDtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,CAkBrF;AAED;;;;;;;;;GASG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CAQ/D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,CAmBxF;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,cAAc,GAAG,oBAAoB,CAGzF;AAED;;;;;GAKG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAuB;IAErC;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;;IAKH;;;;;OAKG;IACH,KAAK,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAIrC;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,aAAa,IAAI,IAAI;IAIrB;;;OAGG;IACH,OAAO,IAAI,IAAI;CAGhB"}
+{"version":3,"file":"RenderScheduler.d.ts","sourceRoot":"","sources":["../../src/core/RenderScheduler.ts"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH;;;GAGG;AACH,MAAM,MAAM,cAAc,GAAG,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;AAEzD;;;GAGG;AACH,MAAM,WAAW,oBAAoB;IACnC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,OAAO,EAAE,OAAO,CAAC;CAC3B;AAoBD;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,oBAAoB,CAiB5D;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,oBAAoB,CAClC,KAAK,EAAE,oBAAoB,EAC3B,QAAQ,EAAE,cAAc,GACvB,oBAAoB,CAsEtB;AAED;;;;;;;;;;GAUG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,CAmBrF;AAED;;;;;;;;GAQG;AACH,wBAAgB,aAAa,CAAC,KAAK,EAAE,oBAAoB,GAAG,IAAI,CA2B/D;AAED;;;;;;;;;;;GAWG;AACH,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,oBAAoB,GAAG,oBAAoB,CAoBxF;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,cAAc,GAAG,oBAAoB,CAGzF;AAED;;;;;GAKG;AACH,qBAAa,eAAe;IAC1B,OAAO,CAAC,MAAM,CAAuB;IAErC;;OAEG;IACH,IAAI,OAAO,IAAI,OAAO,CAErB;IAED;;OAEG;;IAKH;;;;;OAKG;IACH,KAAK,CAAC,QAAQ,EAAE,cAAc,GAAG,IAAI;IAIrC;;OAEG;IACH,IAAI,IAAI,IAAI;IAIZ;;OAEG;IACH,aAAa,IAAI,IAAI;IAIrB;;;OAGG;IACH,OAAO,IAAI,IAAI;CAGhB"}

package/dist/index.js

@@ -6940,7 +6940,8 @@ function qr() {
     rafId: null,
     callback: null,
     lastFrameTime: 0,
-    dirty: !1
+    dirty: !1,
+    frameHandler: null
   }), t;
 }
 function $s(e, t) {
@@ -6956,12 +6957,16 @@ function $s(e, t) {
     const o = Wt.get(r);
     if (!o || !o.callback)
       return;
-    const l = s - o.lastFrameTime;
-    o.lastFrameTime = s, o.dirty && (o.dirty = !1), o.callback(l);
-    const c = Wt.get(r);
-    c && c.callback && (c.rafId = requestAnimationFrame(i));
+    o.rafId = null;
+    let l = s - o.lastFrameTime;
+    const c = 100;
+    if (l > c && (l = c), o.lastFrameTime = s, o.dirty) {
+      o.dirty = !1, o.callback(l);
+      const f = Wt.get(r);
+      f && f.callback && f.dirty && (f.rafId = requestAnimationFrame(i));
+    }
   };
-  return n.rafId = requestAnimationFrame(i), {
+  return n.frameHandler = i, n.rafId = requestAnimationFrame(i), {
     id: e.id,
     running: !0
   };
@@ -6970,7 +6975,7 @@ function ru(e) {
   const t = Wt.get(e.id);
   if (!t)
     throw new Error("Invalid scheduler state. Use createRenderScheduler() to create a new state.");
-  return t.callback = null, t.rafId !== null && (cancelAnimationFrame(t.rafId), t.rafId = null), {
+  return t.callback = null, t.frameHandler = null, t.rafId !== null && (cancelAnimationFrame(t.rafId), t.rafId = null), {
     id: e.id,
     running: !1
   };
@@ -6979,11 +6984,11 @@ function iu(e) {
   const t = Wt.get(e.id);
   if (!t)
     throw new Error("Invalid scheduler state. Use createRenderScheduler() to create a new state.");
-  t.dirty = !0;
+  t.dirty = !0, t.callback !== null && t.rafId === null && (t.lastFrameTime = performance.now(), t.frameHandler && (t.rafId = requestAnimationFrame(t.frameHandler)));
 }
 function su(e) {
   const t = Wt.get(e.id);
-  return t && (t.rafId !== null && (cancelAnimationFrame(t.rafId), t.rafId = null), t.callback = null, Wt.delete(e.id)), qr();
+  return t && (t.rafId !== null && (cancelAnimationFrame(t.rafId), t.rafId = null), t.callback = null, t.frameHandler = null, Wt.delete(e.id)), qr();
 }
 function xu(e) {
   const t = qr();