@remotion/web-renderer 4.0.397 → 4.0.398

package/dist/artifact.d.ts

@@ -9,7 +9,7 @@ export declare const onlyArtifact: ({ assets, frameBuffer, }: {
     assets: TRenderAsset[];
     frameBuffer: Blob | OffscreenCanvas | null;
 }) => Promise<EmittedArtifact[]>;
-export type OnArtifact = (asset: EmittedArtifact) => void;
+export type WebRendererOnArtifact = (asset: EmittedArtifact) => void;
 export type ArtifactsRef = React.RefObject<{
     collectAssets: () => TRenderAsset[];
 } | null>;
@@ -18,6 +18,6 @@ export declare const handleArtifacts: () => {
         imageData: Blob | OffscreenCanvas | null;
         frame: number;
         assets: TRenderAsset[];
-        onArtifact: OnArtifact;
+        onArtifact: WebRendererOnArtifact;
     }) => Promise<void>;
 };

package/dist/esm/index.mjs

@@ -544,7 +544,7 @@ var sendUsageEvent = async ({
     return;
   }
   if (licenseKey === null) {
-    Internals3.Log.warn({ logLevel: "warn", tag: "web-renderer" }, `Pass "licenseKey" to ${apiName}(). If you qualify for the free license (https://remotion.dev/license), pass "free-license" instead.`);
+    Internals3.Log.warn({ logLevel: "warn", tag: "web-renderer" }, `Pass "licenseKey" to ${apiName}(). If you qualify for the Free License (https://remotion.dev/license), pass "free-license" instead.`);
   }
   await registerUsageEvent({
     apiKey: licenseKey === "free-license" ? null : licenseKey,
@@ -2775,7 +2775,7 @@ var internalRenderMediaOnWeb = async ({
   logLevel,
   mediaCacheSizeInBytes,
   schema,
-  codec,
+  videoCodec: codec,
   container,
   signal,
   onProgress,
@@ -2969,6 +2969,11 @@ var internalRenderMediaOnWeb = async ({
     await output.finalize();
     const mimeType = getMimeType(container);
     if (webFsTarget) {
+      sendUsageEvent({
+        licenseKey: licenseKey ?? null,
+        succeeded: true,
+        apiName: "renderMediaOnWeb"
+      });
       await webFsTarget.close();
       return {
         getBlob: () => {
@@ -3009,14 +3014,14 @@ var internalRenderMediaOnWeb = async ({
 };
 var renderMediaOnWeb = (options) => {
   const container = options.container ?? "mp4";
-  const codec = options.codec ?? getDefaultVideoCodecForContainer(container);
+  const codec = options.videoCodec ?? getDefaultVideoCodecForContainer(container);
   onlyOneRenderAtATimeQueue.ref = onlyOneRenderAtATimeQueue.ref.catch(() => Promise.resolve()).then(() => internalRenderMediaOnWeb({
     ...options,
     delayRenderTimeoutInMilliseconds: options.delayRenderTimeoutInMilliseconds ?? 30000,
     logLevel: options.logLevel ?? window.remotion_logLevel ?? "info",
     schema: options.schema ?? undefined,
     mediaCacheSizeInBytes: options.mediaCacheSizeInBytes ?? null,
-    codec,
+    videoCodec: codec,
     container,
     signal: options.signal ?? null,
     onProgress: options.onProgress ?? null,

package/dist/index.d.ts

@@ -1,7 +1,9 @@
-export type { WebRendererCodec, WebRendererContainer, WebRendererQuality, } from './mediabunny-mappings';
+export type { EmittedArtifact, WebRendererOnArtifact } from './artifact';
+export type { FrameRange } from './frame-range';
+export type { WebRendererContainer, WebRendererQuality, WebRendererVideoCodec, } from './mediabunny-mappings';
 export type { WebRendererOutputTarget } from './output-target';
 export { renderMediaOnWeb } from './render-media-on-web';
 export type { RenderMediaOnWebOptions, RenderMediaOnWebProgress, RenderMediaOnWebProgressCallback, RenderMediaOnWebResult, } from './render-media-on-web';
 export { renderStillOnWeb } from './render-still-on-web';
-export type { RenderStillOnWebImageFormat as RenderStillImageFormat, RenderStillOnWebOptions, } from './render-still-on-web';
+export type { RenderStillOnWebImageFormat, RenderStillOnWebOptions, } from './render-still-on-web';
 export type { OnFrameCallback } from './validate-video-frame';

package/dist/mediabunny-mappings.d.ts

@@ -1,10 +1,10 @@
 import type { Quality } from 'mediabunny';
 import { type OutputFormat, type VideoCodec } from 'mediabunny';
-export type WebRendererCodec = 'h264' | 'h265' | 'vp8' | 'vp9' | 'av1';
+export type WebRendererVideoCodec = 'h264' | 'h265' | 'vp8' | 'vp9' | 'av1';
 export type WebRendererContainer = 'mp4' | 'webm';
 export type WebRendererQuality = 'very-low' | 'low' | 'medium' | 'high' | 'very-high';
-export declare const codecToMediabunnyCodec: (codec: WebRendererCodec) => VideoCodec;
+export declare const codecToMediabunnyCodec: (codec: WebRendererVideoCodec) => VideoCodec;
 export declare const containerToMediabunnyContainer: (container: WebRendererContainer) => OutputFormat;
-export declare const getDefaultVideoCodecForContainer: (container: WebRendererContainer) => WebRendererCodec;
+export declare const getDefaultVideoCodecForContainer: (container: WebRendererContainer) => WebRendererVideoCodec;
 export declare const getQualityForWebRendererQuality: (quality: WebRendererQuality) => Quality;
 export declare const getMimeType: (container: WebRendererContainer) => string;

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

@@ -1,10 +1,10 @@
 import { type LogLevel } from 'remotion';
 import type { AnyZodObject, z } from 'zod';
-import { type OnArtifact } from './artifact';
+import { type WebRendererOnArtifact } from './artifact';
 import { type FrameRange } from './frame-range';
 import type { InternalState } from './internal-state';
 import type { WebRendererContainer, WebRendererQuality } from './mediabunny-mappings';
-import { type WebRendererCodec } from './mediabunny-mappings';
+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';
@@ -34,7 +34,7 @@ type OptionalRenderMediaOnWebOptions<Schema extends AnyZodObject> = {
     logLevel: LogLevel;
     schema: Schema | undefined;
     mediaCacheSizeInBytes: number | null;
-    codec: WebRendererCodec;
+    videoCodec: WebRendererVideoCodec;
     container: WebRendererContainer;
     signal: AbortSignal | null;
     onProgress: RenderMediaOnWebProgressCallback | null;
@@ -43,7 +43,7 @@ type OptionalRenderMediaOnWebOptions<Schema extends AnyZodObject> = {
     videoBitrate: number | WebRendererQuality;
     frameRange: FrameRange | null;
     transparent: boolean;
-    onArtifact: OnArtifact | null;
+    onArtifact: WebRendererOnArtifact | null;
     onFrame: OnFrameCallback | null;
     outputTarget: WebRendererOutputTarget | null;
     licenseKey: string | undefined;

package/dist/render-media-on-web.js

@@ -21,7 +21,7 @@ import { cleanupStaleOpfsFiles, createWebFsTarget } from './web-fs-target';
 // TODO: Metadata
 // TODO: Validating inputs
 // TODO: Apply defaultCodec
-const internalRenderMediaOnWeb = async ({ composition, inputProps, delayRenderTimeoutInMilliseconds, logLevel, mediaCacheSizeInBytes, schema, codec, container, signal, onProgress, hardwareAcceleration, keyframeIntervalInSeconds, videoBitrate, frameRange, transparent, onArtifact, onFrame, outputTarget: userDesiredOutputTarget, licenseKey, muted, }) => {
+const internalRenderMediaOnWeb = async ({ composition, inputProps, delayRenderTimeoutInMilliseconds, logLevel, mediaCacheSizeInBytes, schema, videoCodec: codec, container, signal, onProgress, hardwareAcceleration, keyframeIntervalInSeconds, videoBitrate, frameRange, transparent, onArtifact, onFrame, outputTarget: userDesiredOutputTarget, licenseKey, muted, }) => {
     var _a, _b, _c, _d, _e, _f, _g;
     const outputTarget = userDesiredOutputTarget === null
         ? (await canUseWebFsWriter())
@@ -218,6 +218,11 @@ const internalRenderMediaOnWeb = async ({ composition, inputProps, delayRenderTi
         await output.finalize();
         const mimeType = getMimeType(container);
         if (webFsTarget) {
+            sendUsageEvent({
+                licenseKey: licenseKey !== null && licenseKey !== void 0 ? licenseKey : null,
+                succeeded: true,
+                apiName: 'renderMediaOnWeb',
+            });
             await webFsTarget.close();
             return {
                 getBlob: () => {
@@ -261,7 +266,7 @@ const internalRenderMediaOnWeb = async ({ composition, inputProps, delayRenderTi
 export const renderMediaOnWeb = (options) => {
     var _a, _b;
     const container = (_a = options.container) !== null && _a !== void 0 ? _a : 'mp4';
-    const codec = (_b = options.codec) !== null && _b !== void 0 ? _b : getDefaultVideoCodecForContainer(container);
+    const codec = (_b = options.videoCodec) !== null && _b !== void 0 ? _b : getDefaultVideoCodecForContainer(container);
     onlyOneRenderAtATimeQueue.ref = onlyOneRenderAtATimeQueue.ref
         .catch(() => Promise.resolve())
         .then(() => {
@@ -272,7 +277,7 @@ export const renderMediaOnWeb = (options) => {
             logLevel: (_c = (_b = options.logLevel) !== null && _b !== void 0 ? _b : window.remotion_logLevel) !== null && _c !== void 0 ? _c : 'info',
             schema: (_d = options.schema) !== null && _d !== void 0 ? _d : undefined,
             mediaCacheSizeInBytes: (_e = options.mediaCacheSizeInBytes) !== null && _e !== void 0 ? _e : null,
-            codec,
+            videoCodec: codec,
             container,
             signal: (_f = options.signal) !== null && _f !== void 0 ? _f : null,
             onProgress: (_g = options.onProgress) !== null && _g !== void 0 ? _g : null,

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

@@ -1,6 +1,6 @@
 import { type LogLevel } from 'remotion';
 import type { AnyZodObject } from 'zod';
-import type { OnArtifact } from './artifact';
+import type { WebRendererOnArtifact } from './artifact';
 import type { InternalState } from './internal-state';
 import type { CompositionCalculateMetadataOrExplicit } from './props-if-has-props';
 import type { InputPropsIfHasProps } from './render-media-on-web';
@@ -17,7 +17,7 @@ type OptionalRenderStillOnWebOptions<Schema extends AnyZodObject> = {
     schema: Schema | undefined;
     mediaCacheSizeInBytes: number | null;
     signal: AbortSignal | null;
-    onArtifact: OnArtifact | null;
+    onArtifact: WebRendererOnArtifact | null;
     licenseKey: string | undefined;
 };
 export type RenderStillOnWebOptions<Schema extends AnyZodObject, Props extends Record<string, unknown>> = MandatoryRenderStillOnWebOptions<Schema, Props> & Partial<OptionalRenderStillOnWebOptions<Schema>> & InputPropsIfHasProps<Schema, Props>;

package/dist/send-telemetry-event.js

@@ -11,7 +11,7 @@ export const sendUsageEvent = async ({ licenseKey, succeeded, apiName, }) => {
         return;
     }
     if (licenseKey === null) {
-        Internals.Log.warn({ logLevel: 'warn', tag: 'web-renderer' }, `Pass "licenseKey" to ${apiName}(). If you qualify for the free license (https://remotion.dev/license), pass "free-license" instead.`);
+        Internals.Log.warn({ logLevel: 'warn', tag: 'web-renderer' }, `Pass "licenseKey" to ${apiName}(). If you qualify for the Free License (https://remotion.dev/license), pass "free-license" instead.`);
     }
     await registerUsageEvent({
         apiKey: licenseKey === 'free-license' ? null : licenseKey,

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.397",
+	"version": "4.0.398",
 	"main": "dist/index.js",
 	"sideEffects": false,
 	"scripts": {
@@ -16,14 +16,14 @@
 	"author": "Remotion <jonny@remotion.dev>",
 	"license": "UNLICENSED",
 	"dependencies": {
-		"@remotion/licensing": "4.0.397",
-		"remotion": "4.0.397",
+		"@remotion/licensing": "4.0.398",
+		"remotion": "4.0.398",
 		"mediabunny": "1.27.2"
 	},
 	"devDependencies": {
-		"@remotion/eslint-config-internal": "4.0.397",
-		"@remotion/player": "4.0.397",
-		"@remotion/media": "4.0.397",
+		"@remotion/eslint-config-internal": "4.0.398",
+		"@remotion/player": "4.0.398",
+		"@remotion/media": "4.0.398",
 		"@vitejs/plugin-react": "4.1.0",
 		"@vitest/browser-playwright": "4.0.9",
 		"playwright": "1.55.1",