@vectojs/core 0.2.1 → 0.2.2

package/dist/index.js

@@ -656,6 +656,17 @@ var Scene = (_class2 = class _Scene {
       this.caretBlinkTimer = null;
     }
   }
+  /**
+   * Manually advance the scene clock by `dt` milliseconds and render synchronously.
+   * Essential for deterministic rendering (e.g. video export).
+   * Note: You should call `scene.stop()` before using this to avoid conflict with the rAF loop.
+   */
+  step(dt) {
+    const time = this.lastTime + dt;
+    this.lastTime = time;
+    this.render(this.renderer, dt, time);
+    this.dirty = false;
+  }
   /**
    * Mark the scene as needing a redraw on the next frame.
    *
@@ -1109,19 +1120,17 @@ var Scene = (_class2 = class _Scene {
     }
     this.render(this.renderer, dt, time);
     const hasActiveAnimation = this.hasAnyPendingAnimation(this.root) || this.hasAnyPendingAnimation(this.overlayRoot);
-    if (hasActiveAnimation) {
+    const hasInteractive = this.hasAnyInteractive(this.root) || this.hasAnyInteractive(this.overlayRoot);
+    const shouldSyncInterval = this.a11ySyncInterval <= 0 || time - this.lastA11ySync >= this.a11ySyncInterval;
+    if ((hasInteractive || this.a11yElements.size > 0) && (shouldSyncInterval || this.a11yPendingSyncAfterAnimation)) {
+      this.lastA11ySync = time;
+      if (hasInteractive) {
+        this.syncA11y(this.root);
+      }
+      this.enforceA11yDomOrder();
+      this.a11yPendingSyncAfterAnimation = hasActiveAnimation;
+    } else if (hasActiveAnimation) {
       this.a11yPendingSyncAfterAnimation = true;
-    } else {
-      const hasInteractive = this.hasAnyInteractive(this.root) || this.hasAnyInteractive(this.overlayRoot);
-      const shouldSyncInterval = this.a11ySyncInterval <= 0 || time - this.lastA11ySync >= this.a11ySyncInterval;
-      if ((hasInteractive || this.a11yElements.size > 0) && (shouldSyncInterval || this.a11yPendingSyncAfterAnimation)) {
-        this.lastA11ySync = time;
-        if (hasInteractive) {
-          this.syncA11y(this.root);
-        }
-        this.enforceA11yDomOrder();
-        this.a11yPendingSyncAfterAnimation = false;
-      }
     }
     this.dirty = false;
     this.scheduleFrame();

package/dist/index.mjs

@@ -656,6 +656,17 @@ var Scene = class _Scene {
       this.caretBlinkTimer = null;
     }
   }
+  /**
+   * Manually advance the scene clock by `dt` milliseconds and render synchronously.
+   * Essential for deterministic rendering (e.g. video export).
+   * Note: You should call `scene.stop()` before using this to avoid conflict with the rAF loop.
+   */
+  step(dt) {
+    const time = this.lastTime + dt;
+    this.lastTime = time;
+    this.render(this.renderer, dt, time);
+    this.dirty = false;
+  }
   /**
    * Mark the scene as needing a redraw on the next frame.
    *
@@ -1109,19 +1120,17 @@ var Scene = class _Scene {
     }
     this.render(this.renderer, dt, time);
     const hasActiveAnimation = this.hasAnyPendingAnimation(this.root) || this.hasAnyPendingAnimation(this.overlayRoot);
-    if (hasActiveAnimation) {
+    const hasInteractive = this.hasAnyInteractive(this.root) || this.hasAnyInteractive(this.overlayRoot);
+    const shouldSyncInterval = this.a11ySyncInterval <= 0 || time - this.lastA11ySync >= this.a11ySyncInterval;
+    if ((hasInteractive || this.a11yElements.size > 0) && (shouldSyncInterval || this.a11yPendingSyncAfterAnimation)) {
+      this.lastA11ySync = time;
+      if (hasInteractive) {
+        this.syncA11y(this.root);
+      }
+      this.enforceA11yDomOrder();
+      this.a11yPendingSyncAfterAnimation = hasActiveAnimation;
+    } else if (hasActiveAnimation) {
       this.a11yPendingSyncAfterAnimation = true;
-    } else {
-      const hasInteractive = this.hasAnyInteractive(this.root) || this.hasAnyInteractive(this.overlayRoot);
-      const shouldSyncInterval = this.a11ySyncInterval <= 0 || time - this.lastA11ySync >= this.a11ySyncInterval;
-      if ((hasInteractive || this.a11yElements.size > 0) && (shouldSyncInterval || this.a11yPendingSyncAfterAnimation)) {
-        this.lastA11ySync = time;
-        if (hasInteractive) {
-          this.syncA11y(this.root);
-        }
-        this.enforceA11yDomOrder();
-        this.a11yPendingSyncAfterAnimation = false;
-      }
     }
     this.dirty = false;
     this.scheduleFrame();

package/dist/tree/Scene.d.ts

@@ -243,6 +243,12 @@ export declare class Scene {
      * Call {@link start} again to resume rendering.
      */
     stop(): void;
+    /**
+     * Manually advance the scene clock by `dt` milliseconds and render synchronously.
+     * Essential for deterministic rendering (e.g. video export).
+     * Note: You should call `scene.stop()` before using this to avoid conflict with the rAF loop.
+     */
+    step(dt: number): void;
     /**
      * Mark the scene as needing a redraw on the next frame.
      *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vectojs/core",
-  "version": "0.2.1",
+  "version": "0.2.2",
   "publishConfig": {
     "access": "public"
   },