@remotion/web-renderer 4.0.399 → 4.0.401

package/dist/compose.d.ts

@@ -1,10 +1,25 @@
-import type { LogLevel } from 'remotion';
-import type { InternalState } from './internal-state';
 export declare const compose: ({ element, context, logLevel, parentRect, internalState, onlyBackgroundClip, }: {
     element: HTMLElement | SVGElement;
     context: OffscreenCanvasRenderingContext2D;
-    logLevel: LogLevel;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     parentRect: DOMRect;
-    internalState: InternalState;
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: import("./internal-state").HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
     onlyBackgroundClip: boolean;
 }) => Promise<void>;

package/dist/create-scaffold.d.ts

@@ -1,9 +1,8 @@
 import { type ComponentType } from 'react';
-import type { Codec, LogLevel, TRenderAsset } from 'remotion';
-import { type _InternalTypes } from 'remotion';
+import type { Codec, DelayRenderScope, LogLevel, TRenderAsset } from 'remotion';
 import type { AnyZodObject } from 'zod';
 import type { TimeUpdaterRef } from './update-time';
-export declare function createScaffold<Props extends Record<string, unknown>>({ width, height, delayRenderTimeoutInMilliseconds, logLevel, resolvedProps, id, mediaCacheSizeInBytes, durationInFrames, fps, initialFrame, schema, Component, audioEnabled, videoEnabled, defaultCodec, defaultOutName, }: {
+export declare function createScaffold<Props extends Record<string, unknown>>({ width, height, delayRenderTimeoutInMilliseconds, logLevel, resolvedProps, id, mediaCacheSizeInBytes, durationInFrames, fps, initialFrame, schema, Component, audioEnabled, videoEnabled, defaultCodec, defaultOutName }: {
     width: number;
     height: number;
     delayRenderTimeoutInMilliseconds: number;
@@ -21,11 +20,11 @@ export declare function createScaffold<Props extends Record<string, unknown>>({
     defaultCodec: Codec | null;
     defaultOutName: string | null;
 }): Promise<{
-    delayRenderScope: _InternalTypes['DelayRenderScope'];
+    delayRenderScope: DelayRenderScope;
     div: HTMLDivElement;
-    cleanupScaffold: () => void;
     timeUpdater: React.RefObject<TimeUpdaterRef | null>;
     collectAssets: React.RefObject<{
         collectAssets: () => TRenderAsset[];
     } | null>;
+    [Symbol.dispose]: () => void;
 }>;

package/dist/drawing/border-radius.d.ts

@@ -16,12 +16,12 @@ export type BorderRadiusCorners = {
         vertical: number;
     };
 };
-export declare function parseBorderRadius({ borderRadius, width, height, }: {
+export declare function parseBorderRadius({ borderRadius, width, height }: {
     borderRadius: string;
     width: number;
     height: number;
 }): BorderRadiusCorners;
-export declare function setBorderRadius({ ctx, rect, borderRadius, forceClipEvenWhenZero, computedStyle, backgroundClip, }: {
+export declare function setBorderRadius({ ctx, rect, borderRadius, forceClipEvenWhenZero, computedStyle, backgroundClip }: {
     ctx: OffscreenCanvasRenderingContext2D;
     rect: DOMRect;
     borderRadius: BorderRadiusCorners;

package/dist/drawing/calculate-transforms.d.ts

@@ -5,7 +5,7 @@ export declare const calculateTransforms: ({ element, rootElement, }: {
 }) => {
     dimensions: DOMRect;
     totalMatrix: DOMMatrix;
-    reset: () => void;
+    [Symbol.dispose]: () => void;
     nativeTransformOrigin: {
         x: number;
         y: number;

package/dist/drawing/draw-background.d.ts

@@ -1,13 +1,30 @@
-import type { LogLevel } from 'remotion';
-import type { InternalState } from '../internal-state';
-export declare const drawBackground: ({ backgroundImage, context, rect, backgroundColor, backgroundClip, element, logLevel, internalState, computedStyle, }: {
+export declare const drawBackground: ({ backgroundImage, context, rect, backgroundColor, backgroundClip, element, logLevel, internalState, computedStyle, offsetLeft: parentOffsetLeft, offsetTop: parentOffsetTop, }: {
     backgroundImage: string;
     context: OffscreenCanvasRenderingContext2D;
     rect: DOMRect;
     backgroundColor: string;
     backgroundClip: string;
     element: HTMLElement | SVGElement;
-    logLevel: LogLevel;
-    internalState: InternalState;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: import("../internal-state").HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
     computedStyle: CSSStyleDeclaration;
+    offsetLeft: number;
+    offsetTop: number;
 }) => Promise<void>;

package/dist/drawing/draw-box-shadow.d.ts

@@ -1,4 +1,3 @@
-import type { LogLevel } from 'remotion';
 import type { BorderRadiusCorners } from './border-radius';
 interface BoxShadow {
     offsetX: number;
@@ -13,6 +12,6 @@ export declare const drawBorderRadius: ({ ctx, rect, borderRadius, computedStyle
     rect: DOMRect;
     borderRadius: BorderRadiusCorners;
     computedStyle: CSSStyleDeclaration;
-    logLevel: LogLevel;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
 }) => void;
 export {};

package/dist/drawing/draw-element.d.ts

@@ -1,5 +1,3 @@
-import type { LogLevel } from 'remotion';
-import type { InternalState } from '../internal-state';
 import type { DrawFn } from './drawn-fn';
 export declare const drawElement: ({ rect, computedStyle, context, draw, opacity, totalMatrix, parentRect, logLevel, element, internalState, }: {
     rect: DOMRect;
@@ -9,9 +7,26 @@ export declare const drawElement: ({ rect, computedStyle, context, draw, opacity
     totalMatrix: DOMMatrix;
     draw: DrawFn;
     parentRect: DOMRect;
-    logLevel: LogLevel;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     element: HTMLElement | SVGElement;
-    internalState: InternalState;
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: import("../internal-state").HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
 }) => Promise<{
     cleanupAfterChildren: () => void;
 }>;

package/dist/drawing/drawn-fn.d.ts

@@ -1,4 +1,4 @@
-export type DrawFn = ({ computedStyle, contextToDraw, dimensions, }: {
+export type DrawFn = ({ computedStyle, contextToDraw, dimensions }: {
     dimensions: DOMRect;
     computedStyle: CSSStyleDeclaration;
     contextToDraw: OffscreenCanvasRenderingContext2D;

package/dist/drawing/get-clipped-background.d.ts

@@ -1,8 +1,23 @@
-import type { LogLevel } from 'remotion';
-import type { InternalState } from '../internal-state';
 export declare const getClippedBackground: ({ element, boundingRect, logLevel, internalState, }: {
     element: HTMLElement | SVGElement;
     boundingRect: DOMRect;
-    logLevel: LogLevel;
-    internalState: InternalState;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: import("../internal-state").HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
 }) => Promise<OffscreenCanvasRenderingContext2D>;

package/dist/drawing/handle-3d-transform.d.ts

@@ -1,4 +1,3 @@
-import type { InternalState } from '../internal-state';
 export declare const getPrecomposeRectFor3DTransform: ({ element, parentRect, matrix, }: {
     element: HTMLElement | SVGElement;
     parentRect: DOMRect;
@@ -9,5 +8,22 @@ export declare const handle3dTransform: ({ matrix, precomposeRect, tempCanvas, r
     precomposeRect: DOMRect;
     tempCanvas: OffscreenCanvas;
     rectAfterTransforms: DOMRect;
-    internalState: InternalState;
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: import("../internal-state").HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
 }) => OffscreenCanvas | null;

package/dist/drawing/precompose.d.ts

@@ -1,10 +1,25 @@
-import type { LogLevel } from 'remotion';
-import type { InternalState } from '../internal-state';
 export declare const precomposeDOMElement: ({ boundingRect, element, logLevel, internalState, }: {
     boundingRect: DOMRect;
     element: HTMLElement | SVGElement;
-    logLevel: LogLevel;
-    internalState: InternalState;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: import("../internal-state").HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
 }) => Promise<{
     tempCanvas: OffscreenCanvas;
     tempContext: OffscreenCanvasRenderingContext2D;

package/dist/drawing/process-node.d.ts

@@ -1,5 +1,3 @@
-import { type LogLevel } from 'remotion';
-import type { InternalState } from '../internal-state';
 import type { DrawFn } from './drawn-fn';
 export type ProcessNodeReturnValue = {
     type: 'continue';
@@ -11,8 +9,25 @@ export declare const processNode: ({ element, context, draw, logLevel, parentRec
     element: HTMLElement | SVGElement;
     context: OffscreenCanvasRenderingContext2D;
     draw: DrawFn;
-    logLevel: LogLevel;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     parentRect: DOMRect;
-    internalState: InternalState;
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: import("../internal-state").HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
     rootElement: HTMLElement | SVGElement;
 }) => Promise<ProcessNodeReturnValue>;

package/dist/drawing/text/draw-text.d.ts

@@ -1,7 +1,6 @@
-import type { LogLevel } from 'remotion';
 import type { DrawFn } from '../drawn-fn';
 export declare const drawText: ({ span, logLevel, onlyBackgroundClip, }: {
     span: HTMLSpanElement;
-    logLevel: LogLevel;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     onlyBackgroundClip: boolean;
 }) => DrawFn;

package/dist/drawing/text/handle-text-node.d.ts

@@ -1,12 +1,27 @@
-import type { LogLevel } from 'remotion';
-import type { InternalState } from '../../internal-state';
 import type { ProcessNodeReturnValue } from '../process-node';
 export declare const handleTextNode: ({ node, context, logLevel, parentRect, internalState, rootElement, onlyBackgroundClip, }: {
     node: Text;
     context: OffscreenCanvasRenderingContext2D;
-    logLevel: LogLevel;
+    logLevel: "error" | "info" | "trace" | "verbose" | "warn";
     parentRect: DOMRect;
-    internalState: InternalState;
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: import("../../internal-state").HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
     rootElement: HTMLElement | SVGElement;
     onlyBackgroundClip: boolean;
 }) => Promise<ProcessNodeReturnValue>;

package/dist/drawing/transform-in-3d.d.ts

@@ -1,10 +1,27 @@
-import type { InternalState } from '../internal-state';
+import type { HelperCanvasState } from '../internal-state';
 export declare const transformIn3d: ({ matrix, sourceCanvas, untransformedRect, rectAfterTransforms, internalState, }: {
     untransformedRect: DOMRect;
     matrix: DOMMatrix;
     sourceCanvas: OffscreenCanvas;
     rectAfterTransforms: DOMRect;
-    internalState: InternalState;
+    internalState: {
+        getDrawn3dPixels: () => number;
+        getPrecomposedTiles: () => number;
+        addPrecompose: ({ canvasWidth, canvasHeight, }: {
+            canvasWidth: number;
+            canvasHeight: number;
+        }) => void;
+        helperCanvasState: HelperCanvasState;
+        [Symbol.dispose]: () => void;
+        getWaitForReadyTime: () => number;
+        addWaitForReadyTime: (time: number) => void;
+        getAddSampleTime: () => number;
+        addAddSampleTime: (time: number) => void;
+        getCreateFrameTime: () => number;
+        addCreateFrameTime: (time: number) => void;
+        getAudioMixingTime: () => number;
+        addAudioMixingTime: (time: number) => void;
+    };
 }) => {
     canvas: OffscreenCanvas;
     rect: DOMRect;

package/dist/drawing/transform-rect-with-matrix.d.ts

@@ -1,4 +1,4 @@
-export declare function transformDOMRect({ rect, matrix, }: {
+export declare function transformDOMRect({ rect, matrix }: {
     rect: DOMRect;
     matrix: DOMMatrix;
 }): DOMRect;