@remotion/web-renderer 4.0.425 → 4.0.427

package/dist/create-scaffold.d.ts

@@ -1,6 +1,6 @@
 import { type ComponentType } from 'react';
 import type { Codec, DelayRenderScope, LogLevel, TRenderAsset } from 'remotion';
-import type { AnyZodObject } from 'zod';
+import type { $ZodObject } from 'zod/v4/core';
 import type { TimeUpdaterRef } from './update-time';
 export type ErrorHolder = {
     error: Error | null;
@@ -17,7 +17,7 @@ export declare function createScaffold<Props extends Record<string, unknown>>({
     initialFrame: number;
     durationInFrames: number;
     fps: number;
-    schema: AnyZodObject | null;
+    schema: $ZodObject | null;
     Component: ComponentType<Props>;
     audioEnabled: boolean;
     videoEnabled: boolean;

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

@@ -1,9 +1,6 @@
 import type { BorderRadiusCorners } from './border-radius';
-interface BoxShadow {
-    offsetX: number;
-    offsetY: number;
-    blurRadius: number;
-    color: string;
+import type { ShadowBase } from './parse-shadow';
+interface BoxShadow extends ShadowBase {
     inset: boolean;
 }
 export declare const parseBoxShadow: (boxShadowValue: string) => BoxShadow[];

package/dist/drawing/parse-shadow.d.ts

@@ -0,0 +1,7 @@
+export interface ShadowBase {
+    offsetX: number;
+    offsetY: number;
+    blurRadius: number;
+    color: string;
+}
+export declare const parseShadowValues: (shadowValue: string) => ShadowBase[];

package/dist/drawing/text/parse-text-shadow.d.ts

@@ -0,0 +1,3 @@
+import type { ShadowBase } from '../parse-shadow';
+export type TextShadow = ShadowBase;
+export declare const parseTextShadow: (textShadowValue: string) => ShadowBase[];

package/dist/esm/index.mjs

@@ -2425,12 +2425,14 @@ var drawBorder = ({
 
 // src/drawing/draw-box-shadow.ts
 import { Internals as Internals5 } from "remotion";
-var parseBoxShadow = (boxShadowValue) => {
-  if (!boxShadowValue || boxShadowValue === "none") {
+
+// src/drawing/parse-shadow.ts
+var parseShadowValues = (shadowValue) => {
+  if (!shadowValue || shadowValue === "none") {
     return [];
   }
   const shadows = [];
-  const shadowStrings = boxShadowValue.split(/,(?![^(]*\))/);
+  const shadowStrings = shadowValue.split(/,(?![^(]*\))/);
   for (const shadowStr of shadowStrings) {
     const trimmed = shadowStr.trim();
     if (!trimmed || trimmed === "none") {
@@ -2440,10 +2442,8 @@ var parseBoxShadow = (boxShadowValue) => {
       offsetX: 0,
       offsetY: 0,
       blurRadius: 0,
-      color: "rgba(0, 0, 0, 0.5)",
-      inset: false
+      color: "rgba(0, 0, 0, 0.5)"
     };
-    shadow.inset = /\binset\b/i.test(trimmed);
     let remaining = trimmed.replace(/\binset\b/gi, "").trim();
     const colorMatch = remaining.match(/(rgba?\([^)]+\)|hsla?\([^)]+\)|#[0-9a-f]{3,8}|[a-z]+)/i);
     if (colorMatch) {
@@ -2463,6 +2463,19 @@ var parseBoxShadow = (boxShadowValue) => {
   }
   return shadows;
 };
+
+// src/drawing/draw-box-shadow.ts
+var parseBoxShadow = (boxShadowValue) => {
+  if (!boxShadowValue || boxShadowValue === "none") {
+    return [];
+  }
+  const baseShadows = parseShadowValues(boxShadowValue);
+  const shadowStrings = boxShadowValue.split(/,(?![^(]*\))/);
+  return baseShadows.map((base, i) => ({
+    ...base,
+    inset: /\binset\b/i.test(shadowStrings[i] || "")
+  }));
+};
 var drawBorderRadius = ({
   ctx,
   rect,
@@ -3295,6 +3308,11 @@ var findWords = (span) => {
   return tokens;
 };
 
+// src/drawing/text/parse-text-shadow.ts
+var parseTextShadow = (textShadowValue) => {
+  return parseShadowValues(textShadowValue);
+};
+
 // src/drawing/text/draw-text.ts
 var drawText = ({
   span,
@@ -3311,7 +3329,8 @@ var drawText = ({
       writingMode,
       letterSpacing,
       textTransform,
-      webkitTextFillColor
+      webkitTextFillColor,
+      textShadow: textShadowValue
     } = computedStyle;
     const isVertical = writingMode !== "horizontal-tb";
     if (isVertical) {
@@ -3333,13 +3352,28 @@ var drawText = ({
     const transformedText = applyTextTransform(originalText, textTransform);
     span.textContent = transformedText;
     const tokens = findWords(span);
+    const textShadows = parseTextShadow(textShadowValue);
     for (const token of tokens) {
       const measurements = contextToDraw.measureText(originalText);
       const { fontBoundingBoxDescent, fontBoundingBoxAscent } = measurements;
       const fontHeight = fontBoundingBoxAscent + fontBoundingBoxDescent;
       const leading = token.rect.height - fontHeight;
       const halfLeading = leading / 2;
-      contextToDraw.fillText(token.text, (isRTL ? token.rect.right : token.rect.left) - parentRect.x, token.rect.top + fontBoundingBoxAscent + halfLeading - parentRect.y);
+      const x = (isRTL ? token.rect.right : token.rect.left) - parentRect.x;
+      const y = token.rect.top + fontBoundingBoxAscent + halfLeading - parentRect.y;
+      for (let i = textShadows.length - 1;i >= 0; i--) {
+        const shadow = textShadows[i];
+        contextToDraw.shadowColor = shadow.color;
+        contextToDraw.shadowBlur = shadow.blurRadius;
+        contextToDraw.shadowOffsetX = shadow.offsetX;
+        contextToDraw.shadowOffsetY = shadow.offsetY;
+        contextToDraw.fillText(token.text, x, y);
+      }
+      contextToDraw.shadowColor = "transparent";
+      contextToDraw.shadowBlur = 0;
+      contextToDraw.shadowOffsetX = 0;
+      contextToDraw.shadowOffsetY = 0;
+      contextToDraw.fillText(token.text, x, y);
     }
     span.textContent = originalText;
     contextToDraw.restore();

package/dist/props-if-has-props.d.ts

@@ -1,8 +1,9 @@
 import type { ComponentType } from 'react';
 import type { CalculateMetadataFunction } from 'remotion';
-import type { AnyZodObject, z } from 'zod';
-export type InferProps<Schema extends AnyZodObject, Props extends Record<string, unknown>> = AnyZodObject extends Schema ? {} extends Props ? Record<string, unknown> : Props : {} extends Props ? z.input<Schema> : z.input<Schema> & Props;
-export type DefaultPropsIfHasProps<Schema extends AnyZodObject, Props> = AnyZodObject extends Schema ? {} extends Props ? {
+import type { z } from 'zod';
+import type { $ZodObject } from 'zod/v4/core';
+export type InferProps<Schema extends $ZodObject, Props extends Record<string, unknown>> = $ZodObject extends Schema ? {} extends Props ? Record<string, unknown> : Props : {} extends Props ? z.input<Schema> : z.input<Schema> & Props;
+export type DefaultPropsIfHasProps<Schema extends $ZodObject, Props> = $ZodObject extends Schema ? {} extends Props ? {
     defaultProps?: z.input<Schema> & Props;
 } : {
     defaultProps: Props;
@@ -12,21 +13,21 @@ export type DefaultPropsIfHasProps<Schema extends AnyZodObject, Props> = AnyZodO
     defaultProps: z.input<Schema> & Props;
 };
 type LooseComponentType<T> = ComponentType<T> | ((props: T) => React.ReactNode);
-type OptionalDimensions<Schema extends AnyZodObject, Props extends Record<string, unknown>> = {
+type OptionalDimensions<Schema extends $ZodObject, Props extends Record<string, unknown>> = {
     component: LooseComponentType<Props>;
     id: string;
     width?: number;
     height?: number;
     calculateMetadata: CalculateMetadataFunction<InferProps<Schema, Props>>;
 };
-type MandatoryDimensions<Schema extends AnyZodObject, Props extends Record<string, unknown>> = {
+type MandatoryDimensions<Schema extends $ZodObject, Props extends Record<string, unknown>> = {
     component: LooseComponentType<Props>;
     id: string;
     width: number;
     height: number;
     calculateMetadata?: CalculateMetadataFunction<InferProps<Schema, Props>> | null;
 };
-export type CompositionCalculateMetadataOrExplicit<Schema extends AnyZodObject, Props extends Record<string, unknown>> = ((OptionalDimensions<Schema, Props> & {
+export type CompositionCalculateMetadataOrExplicit<Schema extends $ZodObject, Props extends Record<string, unknown>> = ((OptionalDimensions<Schema, Props> & {
     fps?: number;
     durationInFrames?: number;
 }) | (MandatoryDimensions<Schema, Props> & {

package/dist/render-media-on-web.d.ts

@@ -1,5 +1,6 @@
 import { type LogLevel } from 'remotion';
-import type { AnyZodObject, z } from 'zod';
+import type { z } from 'zod';
+import type { $ZodObject } from 'zod/v4/core';
 import { type WebRendererOnArtifact } from './artifact';
 import { type FrameRange } from './frame-range';
 import type { InternalState } from './internal-state';
@@ -8,7 +9,7 @@ import { type WebRendererVideoCodec } from './mediabunny-mappings';
 import type { WebRendererOutputTarget } from './output-target';
 import type { CompositionCalculateMetadataOrExplicit } from './props-if-has-props';
 import { type OnFrameCallback } from './validate-video-frame';
-export type InputPropsIfHasProps<Schema extends AnyZodObject, Props> = AnyZodObject extends Schema ? {} extends Props ? {
+export type InputPropsIfHasProps<Schema extends $ZodObject, Props> = $ZodObject extends Schema ? {} extends Props ? {
     inputProps?: z.input<Schema> & Props;
 } : {
     inputProps: Props;
@@ -17,7 +18,7 @@ export type InputPropsIfHasProps<Schema extends AnyZodObject, Props> = AnyZodObj
 } : {
     inputProps: z.input<Schema> & Props;
 };
-type MandatoryRenderMediaOnWebOptions<Schema extends AnyZodObject, Props extends Record<string, unknown>> = {
+type MandatoryRenderMediaOnWebOptions<Schema extends $ZodObject, Props extends Record<string, unknown>> = {
     composition: CompositionCalculateMetadataOrExplicit<Schema, Props>;
 };
 export type RenderMediaOnWebProgress = {
@@ -30,7 +31,7 @@ export type RenderMediaOnWebResult = {
 };
 export type RenderMediaOnWebProgressCallback = (progress: RenderMediaOnWebProgress) => void;
 export type WebRendererHardwareAcceleration = 'no-preference' | 'prefer-hardware' | 'prefer-software';
-type OptionalRenderMediaOnWebOptions<Schema extends AnyZodObject> = {
+type OptionalRenderMediaOnWebOptions<Schema extends $ZodObject> = {
     delayRenderTimeoutInMilliseconds: number;
     logLevel: LogLevel;
     schema: Schema | undefined;
@@ -54,6 +55,8 @@ type OptionalRenderMediaOnWebOptions<Schema extends AnyZodObject> = {
     muted: boolean;
     scale: number;
 };
-export type RenderMediaOnWebOptions<Schema extends AnyZodObject, Props extends Record<string, unknown>> = MandatoryRenderMediaOnWebOptions<Schema, Props> & Partial<OptionalRenderMediaOnWebOptions<Schema>> & InputPropsIfHasProps<Schema, Props>;
-export declare const renderMediaOnWeb: <Schema extends AnyZodObject, Props extends Record<string, unknown>>(options: RenderMediaOnWebOptions<Schema, Props>) => Promise<RenderMediaOnWebResult>;
+export type RenderMediaOnWebOptions<Schema extends $ZodObject, Props extends Record<string, unknown>> = MandatoryRenderMediaOnWebOptions<Schema, Props> & Partial<OptionalRenderMediaOnWebOptions<Schema>> & InputPropsIfHasProps<Schema, Props>;
+export declare const renderMediaOnWeb: <Schema extends $ZodObject<Readonly<Readonly<{
+    [k: string]: z.core.$ZodType<unknown, unknown, z.core.$ZodTypeInternals<unknown, unknown>>;
+}>>, z.core.$ZodObjectConfig>, Props extends Record<string, unknown>>(options: RenderMediaOnWebOptions<Schema, Props>) => Promise<RenderMediaOnWebResult>;
 export {};

package/dist/render-still-on-web.d.ts

@@ -1,16 +1,16 @@
 import { type LogLevel } from 'remotion';
-import type { AnyZodObject } from 'zod';
+import type { $ZodObject } from 'zod/v4/core';
 import type { WebRendererOnArtifact } from './artifact';
 import type { CompositionCalculateMetadataOrExplicit } from './props-if-has-props';
 import type { InputPropsIfHasProps } from './render-media-on-web';
 export type RenderStillOnWebImageFormat = 'png' | 'jpeg' | 'webp';
-type MandatoryRenderStillOnWebOptions<Schema extends AnyZodObject, Props extends Record<string, unknown>> = {
+type MandatoryRenderStillOnWebOptions<Schema extends $ZodObject, Props extends Record<string, unknown>> = {
     frame: number;
     imageFormat: RenderStillOnWebImageFormat;
 } & {
     composition: CompositionCalculateMetadataOrExplicit<Schema, Props>;
 };
-type OptionalRenderStillOnWebOptions<Schema extends AnyZodObject> = {
+type OptionalRenderStillOnWebOptions<Schema extends $ZodObject> = {
     delayRenderTimeoutInMilliseconds: number;
     logLevel: LogLevel;
     schema: Schema | undefined;
@@ -21,8 +21,10 @@ type OptionalRenderStillOnWebOptions<Schema extends AnyZodObject> = {
     scale: number;
     isProduction: boolean;
 };
-export type RenderStillOnWebOptions<Schema extends AnyZodObject, Props extends Record<string, unknown>> = MandatoryRenderStillOnWebOptions<Schema, Props> & Partial<OptionalRenderStillOnWebOptions<Schema>> & InputPropsIfHasProps<Schema, Props>;
-export declare const renderStillOnWeb: <Schema extends AnyZodObject, Props extends Record<string, unknown>>(options: RenderStillOnWebOptions<Schema, Props>) => Promise<{
+export type RenderStillOnWebOptions<Schema extends $ZodObject, Props extends Record<string, unknown>> = MandatoryRenderStillOnWebOptions<Schema, Props> & Partial<OptionalRenderStillOnWebOptions<Schema>> & InputPropsIfHasProps<Schema, Props>;
+export declare const renderStillOnWeb: <Schema extends $ZodObject<Readonly<Readonly<{
+    [k: string]: import("zod/v4/core").$ZodType<unknown, unknown, import("zod/v4/core").$ZodTypeInternals<unknown, unknown>>;
+}>>, import("zod/v4/core").$ZodObjectConfig>, Props extends Record<string, unknown>>(options: RenderStillOnWebOptions<Schema, Props>) => Promise<{
     blob: Blob;
     internalState: {
         getDrawn3dPixels: () => number;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/web-renderer"
 	},
 	"name": "@remotion/web-renderer",
-	"version": "4.0.425",
+	"version": "4.0.427",
 	"main": "dist/index.js",
 	"type": "module",
 	"scripts": {
@@ -18,16 +18,16 @@
 	"author": "Remotion <jonny@remotion.dev>",
 	"license": "UNLICENSED",
 	"dependencies": {
-		"@remotion/licensing": "4.0.425",
-		"remotion": "4.0.425",
+		"@remotion/licensing": "4.0.427",
+		"remotion": "4.0.427",
 		"mediabunny": "1.34.4"
 	},
 	"devDependencies": {
 		"@react-three/fiber": "9.2.0",
-		"@remotion/eslint-config-internal": "4.0.425",
-		"@remotion/player": "4.0.425",
-		"@remotion/media": "4.0.425",
-		"@remotion/three": "4.0.425",
+		"@remotion/eslint-config-internal": "4.0.427",
+		"@remotion/player": "4.0.427",
+		"@remotion/media": "4.0.427",
+		"@remotion/three": "4.0.427",
 		"@types/three": "0.170.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1",
 		"@vitejs/plugin-react": "4.3.4",
@@ -39,7 +39,7 @@
 		"three": "0.178.0",
 		"vitest": "4.0.9",
 		"vitest-browser-react": "^2.0.2",
-		"zod": "3.22.3"
+		"zod": "4.3.6"
 	},
 	"peerDependencies": {
 		"react": ">=18.0.0",