@nexart/ui-renderer 0.8.7 → 0.8.8

package/dist/preview/code-renderer.d.ts

@@ -1,5 +1,5 @@
 /**
- * @nexart/ui-renderer v0.8.7 - Code Mode Renderer
+ * @nexart/ui-renderer v0.8.8 - Code Mode Renderer
  *
  * ╔══════════════════════════════════════════════════════════════════════════╗
  * ║  PREVIEW RENDERER — LIGHTWEIGHT, NON-AUTHORITATIVE                       ║
@@ -7,7 +7,7 @@
  * ║  This renderer is a preview-only runtime.                                ║
  * ║  It does not guarantee determinism or protocol compliance.               ║
  * ║                                                                          ║
- * ║  Performance: FPS-capped at 8 FPS, canvas max 900px                      ║
+ * ║  Performance: Native requestAnimationFrame (~60 FPS), canvas max 900px   ║
  * ║  Animation: Runs continuously until stop() is called                     ║
  * ║                                                                          ║
  * ║  For minting, export, or validation: use @nexart/codemode-sdk            ║

package/dist/preview/code-renderer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"code-renderer.d.ts","sourceRoot":"","sources":["../../src/preview/code-renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAwBjE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,KAAK,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC;CACnB;AAwBD,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,gBAAgB,EACxB,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,cAAmB,GAC3B,YAAY,CAoTd"}
+{"version":3,"file":"code-renderer.d.ts","sourceRoot":"","sources":["../../src/preview/code-renderer.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;GAcG;AAEH,OAAO,KAAK,EAAE,gBAAgB,EAAE,cAAc,EAAE,MAAM,UAAU,CAAC;AAiBjE,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,IAAI,CAAC;IACnB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,KAAK,CAAC;IACnB,UAAU,EAAE,KAAK,CAAC;CACnB;AAwBD,wBAAgB,oBAAoB,CAClC,MAAM,EAAE,gBAAgB,EACxB,MAAM,EAAE,iBAAiB,EACzB,OAAO,GAAE,cAAmB,GAC3B,YAAY,CA4Sd"}

package/dist/preview/code-renderer.js

@@ -1,5 +1,5 @@
 /**
- * @nexart/ui-renderer v0.8.7 - Code Mode Renderer
+ * @nexart/ui-renderer v0.8.8 - Code Mode Renderer
  *
  * ╔══════════════════════════════════════════════════════════════════════════╗
  * ║  PREVIEW RENDERER — LIGHTWEIGHT, NON-AUTHORITATIVE                       ║
@@ -7,14 +7,13 @@
  * ║  This renderer is a preview-only runtime.                                ║
  * ║  It does not guarantee determinism or protocol compliance.               ║
  * ║                                                                          ║
- * ║  Performance: FPS-capped at 8 FPS, canvas max 900px                      ║
+ * ║  Performance: Native requestAnimationFrame (~60 FPS), canvas max 900px   ║
  * ║  Animation: Runs continuously until stop() is called                     ║
  * ║                                                                          ║
  * ║  For minting, export, or validation: use @nexart/codemode-sdk            ║
  * ╚══════════════════════════════════════════════════════════════════════════╝
  */
-import { PREVIEW_FPS, CANVAS_LIMITS, } from './preview-types';
-import { createFpsThrottle, shouldRenderFrame, recordFrame, resetThrottle, } from './frame-budget';
+import { CANVAS_LIMITS, } from './preview-types';
 import { calculateScaledDimensions, applyScaledDimensions, reapplyContextScale, clearCanvasIgnoringTransform, } from './canvas-scaler';
 import { createPreviewRuntime } from './preview-runtime';
 const PROTOCOL_VERSION = '1.2.0';
@@ -42,8 +41,8 @@ function normalizeVars(vars) {
     return result;
 }
 export function renderCodeModeSystem(system, canvas, options = {}) {
-    console.log('[UIRenderer] Preview mode → FPS-capped continuous animation');
-    console.log(`[UIRenderer] Target: ${PREVIEW_FPS.TARGET_FPS} FPS, canvas max ${CANVAS_LIMITS.MAX_DIMENSION}px`);
+    console.log('[UIRenderer] Preview mode → native requestAnimationFrame (~60 FPS)');
+    console.log(`[UIRenderer] Canvas max ${CANVAS_LIMITS.MAX_DIMENSION}px`);
     if (activeRendererInstance) {
         activeRendererInstance.destroy();
         activeRendererInstance = null;
@@ -61,7 +60,6 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
     let animationId = null;
     let isRunning = false;
     let isDestroyed = false;
-    const throttle = createFpsThrottle();
     const normalizedVars = normalizeVars(system.vars);
     let runtime = null;
     let setupFn = null;
@@ -217,15 +215,14 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
             if (setupFn) {
                 setupFn();
             }
-            resetThrottle(throttle);
             isRunning = true;
             // ╔═══════════════════════════════════════════════════════════════════════╗
-            // ║  ANIMATION LOOP — CONTINUOUS FPS-CAPPED RENDERING                     ║
+            // ║  ANIMATION LOOP — NATIVE requestAnimationFrame (~60 FPS)              ║
             // ║                                                                       ║
-            // ║  requestAnimationFrame runs continuously until stop() is called.      ║
-            // ║  FPS throttle (8 FPS) prevents excessive CPU usage.                   ║
+            // ║  v0.8.8: Removed FPS throttle for smooth rendering matching NexArt.   ║
+            // ║  Browser handles frame pacing naturally via requestAnimationFrame.    ║
             // ║  Looping uses modulo math: t = (frame % total) / total                ║
-            // ║  Canvas cleared before each draw; skipped frames preserve pixels.     ║
+            // ║  Canvas cleared before each draw() call.                              ║
             // ╚═══════════════════════════════════════════════════════════════════════╝
             const loop = () => {
                 // Schedule next frame first — loop runs until stop()
@@ -233,10 +230,6 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
                 // Exit if stopped or destroyed
                 if (!isRunning || isDestroyed)
                     return;
-                // FPS throttle — skip if not enough time has passed
-                if (!shouldRenderFrame(throttle)) {
-                    return; // Preserve current canvas
-                }
                 frameCount++;
                 // Update runtime timing using modulo for natural looping
                 if (runtime) {
@@ -251,7 +244,6 @@ export function renderCodeModeSystem(system, canvas, options = {}) {
                     if (drawFn)
                         drawFn();
                     drawBadge();
-                    recordFrame(throttle);
                 }
                 catch (error) {
                     console.warn('[UIRenderer] Draw error:', error);

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@nexart/ui-renderer",
-  "version": "0.8.7",
-  "description": "Lightweight Preview Runtime for NexArt Protocol. Non-canonical, FPS-capped continuous animation (8 FPS, max 900px canvas).",
+  "version": "0.8.8",
+  "description": "Lightweight Preview Runtime for NexArt Protocol. Non-canonical, native requestAnimationFrame (~60 FPS, max 900px canvas).",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.js",