modern-canvas 0.4.5 → 0.4.6

package/dist/index.cjs

@@ -6139,6 +6139,7 @@ exports.TimelineNode = class TimelineNode extends exports.Node {
       this.computedDuration = parent?.computedDuration ? Math.min(this._startTime + this.duration, parent.endTime) - this._startTime : this.duration;
       this._currentTime = this.timelineCurrentTime - this._startTime;
       this.emit("updateCurrentTime", this._currentTime);
+      this.insideTimeRange = this.isInsideTimeRange();
     }
   }
   _process(delta) {
@@ -6155,6 +6156,9 @@ __decorateClass$H([
 __decorateClass$H([
   property({ default: false })
 ], exports.TimelineNode.prototype, "paused", 2);
+__decorateClass$H([
+  protectedProperty()
+], exports.TimelineNode.prototype, "insideTimeRange", 2);
 exports.TimelineNode = __decorateClass$H([
   customNode("TimelineNode")
 ], exports.TimelineNode);
@@ -8040,6 +8044,7 @@ exports.CanvasItem = class CanvasItem extends exports.TimelineNode {
         this._updateGlobalOpacity();
         break;
       case "visible":
+      case "insideTimeRange":
         this._updateGlobalVisible();
         break;
     }
@@ -8070,7 +8075,7 @@ exports.CanvasItem = class CanvasItem extends exports.TimelineNode {
   }
   _updateGlobalVisible() {
     this._parentGlobalVisible = this.getParent()?.globalVisible;
-    this._globalVisible = this.visible && (this._parentGlobalVisible ?? true);
+    this._globalVisible = (this._parentGlobalVisible ?? true) && this.visible && this.insideTimeRange;
   }
   _updateGlobalOpacity() {
     this._parentGlobalOpacity = this.getParent()?.opacity;
@@ -13142,25 +13147,25 @@ class Engine extends SceneTree {
   }
   toCanvas2D() {
     const imageData = this.toImageData();
-    const canvas0 = document.createElement("canvas");
-    canvas0.width = imageData.width;
-    canvas0.height = imageData.height;
-    canvas0.getContext("2d")?.putImageData(imageData, 0, 0);
-    const canvas = document.createElement("canvas");
-    canvas.width = this.width;
-    canvas.height = this.height;
-    canvas.getContext("2d")?.drawImage(
-      canvas0,
+    const canvas1 = document.createElement("canvas");
+    canvas1.width = imageData.width;
+    canvas1.height = imageData.height;
+    canvas1.getContext("2d")?.putImageData(imageData, 0, 0);
+    const canvas2 = document.createElement("canvas");
+    canvas2.width = this.width;
+    canvas2.height = this.height;
+    canvas2.getContext("2d")?.drawImage(
+      canvas1,
       0,
       0,
-      canvas0.width,
-      canvas0.height,
+      canvas1.width,
+      canvas1.height,
       0,
       0,
-      canvas.width,
-      canvas.height
+      canvas2.width,
+      canvas2.height
     );
-    return canvas;
+    return canvas2;
   }
 }
 
@@ -13195,6 +13200,7 @@ async function performRender(options) {
     }
   });
   await engine.waitUntilLoad();
+  await options.onBeforeRender?.(engine);
   return engine.toCanvas2D();
 }
 async function render(options) {

package/dist/index.d.cts

@@ -1723,6 +1723,7 @@ declare class TimelineNode extends Node {
     delay: number;
     duration: number;
     paused: boolean;
+    insideTimeRange: boolean;
     constructor(properties?: Partial<TimelineNodeProperties>, nodes?: Node[]);
     /** Timeline */
     computedDuration: number;
@@ -3041,6 +3042,7 @@ interface RenderOptions {
     data: Record<string, any> | Node | (Node | Record<string, any>)[];
     width: number;
     height: number;
+    onBeforeRender?: (engine: Engine) => void | Promise<void>;
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 

package/dist/index.d.mts

@@ -1723,6 +1723,7 @@ declare class TimelineNode extends Node {
     delay: number;
     duration: number;
     paused: boolean;
+    insideTimeRange: boolean;
     constructor(properties?: Partial<TimelineNodeProperties>, nodes?: Node[]);
     /** Timeline */
     computedDuration: number;
@@ -3041,6 +3042,7 @@ interface RenderOptions {
     data: Record<string, any> | Node | (Node | Record<string, any>)[];
     width: number;
     height: number;
+    onBeforeRender?: (engine: Engine) => void | Promise<void>;
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;
 

package/dist/index.d.ts

@@ -1723,6 +1723,7 @@ declare class TimelineNode extends Node {
     delay: number;
     duration: number;
     paused: boolean;
+    insideTimeRange: boolean;
     constructor(properties?: Partial<TimelineNodeProperties>, nodes?: Node[]);
     /** Timeline */
     computedDuration: number;
@@ -3041,6 +3042,7 @@ interface RenderOptions {
     data: Record<string, any> | Node | (Node | Record<string, any>)[];
     width: number;
     height: number;
+    onBeforeRender?: (engine: Engine) => void | Promise<void>;
 }
 declare function render(options: RenderOptions): Promise<HTMLCanvasElement>;