@tranding-custom-chart/renderer-canvas 0.0.0-stage → 2.0.0

package/dist/scheduler.js

@@ -0,0 +1,77 @@
+/**
+ * @file packages/chart-renderer-canvas/src/scheduler.ts
+ * Coalesced requestAnimationFrame render scheduler.
+ * Batches high-frequency update requests into a single 60/120fps paint pass.
+ */
+export class RenderScheduler {
+    _frameId = null;
+    _isDirty = false;
+    _renderCallback;
+    _disposed = false;
+    constructor(renderCallback) {
+        this._renderCallback = renderCallback;
+    }
+    /**
+     * Marks the canvas as dirty and schedules a render pass on the next animation frame.
+     */
+    requestRender() {
+        if (this._disposed)
+            return;
+        this._isDirty = true;
+        if (this._frameId === null) {
+            if (typeof requestAnimationFrame === 'function') {
+                this._frameId = requestAnimationFrame(this._onFrame);
+            }
+            else {
+                // Fallback for non-browser or worker environments
+                this._frameId = setTimeout(this._onFrame, 16);
+            }
+        }
+    }
+    /**
+     * Immediately runs a synchronous render pass if dirty, cancelling any pending rAF.
+     */
+    flushSync() {
+        if (this._disposed)
+            return;
+        this._cancelPendingFrame();
+        if (this._isDirty) {
+            this._isDirty = false;
+            this._renderCallback();
+        }
+    }
+    isDirty() {
+        return this._isDirty;
+    }
+    dispose() {
+        this._disposed = true;
+        this._cancelPendingFrame();
+        this._isDirty = false;
+    }
+    _onFrame = () => {
+        this._frameId = null;
+        if (this._disposed)
+            return;
+        if (this._isDirty) {
+            this._isDirty = false;
+            try {
+                this._renderCallback();
+            }
+            catch (err) {
+                // Log actionable error without crashing host app
+                console.error('RenderScheduler error during paint:', err);
+            }
+        }
+    };
+    _cancelPendingFrame() {
+        if (this._frameId !== null) {
+            if (typeof cancelAnimationFrame === 'function') {
+                cancelAnimationFrame(this._frameId);
+            }
+            else {
+                clearTimeout(this._frameId);
+            }
+            this._frameId = null;
+        }
+    }
+}

package/package.json

@@ -1,6 +1,35 @@
 {
   "name": "@tranding-custom-chart/renderer-canvas",
-  "version": "0.0.0-stage",
-  "stub": true,
-  "description": "Temporary package placeholder for staged publishing"
-}
+  "version": "2.0.0",
+  "description": "High-performance Canvas 2D rendering engine and 20+ chart renderers for Trend Chart",
+  "type": "module",
+  "license": "MIT",
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/thecreatorstudio97/trend-chart.git",
+    "directory": "packages/chart-renderer-canvas"
+  },
+  "main": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "dependencies": {
+    "@tranding-custom-chart/core": "^2.0.0"
+  },
+  "files": [
+    "dist",
+    "README.md"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "scripts": {
+    "build": "tsc -p tsconfig.build.json",
+    "typecheck": "tsc --noEmit -p tsconfig.json",
+    "test": "vitest run --config vitest.config.ts"
+  }
+}