remotion 4.0.351 → 4.0.352

package/dist/cjs/default-css.d.ts

@@ -1,3 +1,3 @@
 export declare const injectCSS: (css: string) => void;
-export declare const OFFTHREAD_VIDEO_CLASS_NAME = "__remotion_offthreadvideo";
+export declare const OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain";
 export declare const makeDefaultPreviewCSS: (scope: string | null, backgroundColor: string) => string;

package/dist/cjs/default-css.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.makeDefaultPreviewCSS = exports.OFFTHREAD_VIDEO_CLASS_NAME = exports.injectCSS = void 0;
+exports.makeDefaultPreviewCSS = exports.OBJECTFIT_CONTAIN_CLASS_NAME = exports.injectCSS = void 0;
 const injected = {};
 const injectCSS = (css) => {
     // Skip in node
@@ -17,7 +17,8 @@ const injectCSS = (css) => {
     injected[css] = true;
 };
 exports.injectCSS = injectCSS;
-exports.OFFTHREAD_VIDEO_CLASS_NAME = '__remotion_offthreadvideo';
+// make object-fit: contain low priority, so it can be overridden by another class name
+exports.OBJECTFIT_CONTAIN_CLASS_NAME = '__remotion_objectfitcontain';
 const makeDefaultPreviewCSS = (scope, backgroundColor) => {
     if (!scope) {
         return `
@@ -28,7 +29,7 @@ const makeDefaultPreviewCSS = (scope, backgroundColor) => {
       margin: 0;
 	    background-color: ${backgroundColor};
     }
-    .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
+    .${exports.OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
     `;
@@ -41,7 +42,7 @@ const makeDefaultPreviewCSS = (scope, backgroundColor) => {
       width: 100%;
       height: 100%;
     }
-    ${scope} .${exports.OFFTHREAD_VIDEO_CLASS_NAME} {
+    ${scope} .${exports.OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
   `;

package/dist/cjs/index.d.ts

@@ -48,6 +48,8 @@ declare global {
         remotion_inputProps: string;
         remotion_envVariables: string;
         remotion_isMainTab: boolean;
+        remotion_mediaCacheSizeInBytes: number | null;
+        remotion_initialMemoryAvailable: number | null;
         remotion_collectAssets: () => TRenderAsset[];
         remotion_isPlayer: boolean;
         remotion_isStudio: boolean;

package/dist/cjs/internals.d.ts

@@ -292,5 +292,6 @@ export declare const Internals: {
         readonly stack?: string | undefined;
         readonly onNativeError: React.ReactEventHandler<HTMLAudioElement>;
     }, "ref"> & import("react").RefAttributes<HTMLAudioElement>>;
+    readonly OBJECTFIT_CONTAIN_CLASS_NAME: "__remotion_objectfitcontain";
 };
 export type { CompositionManagerContext, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -44,6 +44,7 @@ const CanUseRemotionHooks_js_1 = require("./CanUseRemotionHooks.js");
 const CompositionManager_js_1 = require("./CompositionManager.js");
 const CompositionManagerContext_js_1 = require("./CompositionManagerContext.js");
 const CSSUtils = __importStar(require("./default-css.js"));
+const default_css_js_1 = require("./default-css.js");
 const EditorProps_js_1 = require("./EditorProps.js");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");
 const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
@@ -167,4 +168,5 @@ exports.Internals = {
     RemotionEnvironmentContext: remotion_environment_context_js_1.RemotionEnvironmentContext,
     warnAboutTooHighVolume: volume_safeguard_js_1.warnAboutTooHighVolume,
     AudioForPreview: AudioForPreview_js_1.AudioForPreview,
+    OBJECTFIT_CONTAIN_CLASS_NAME: default_css_js_1.OBJECTFIT_CONTAIN_CLASS_NAME,
 };

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.351";
+export declare const VERSION = "4.0.352";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.351';
+exports.VERSION = '4.0.352';

package/dist/cjs/video/OffthreadVideoForRendering.js

@@ -193,7 +193,7 @@ crossOrigin, audioStreamIndex, ...props }) => {
         }
     }, [imageSrc, onError]);
     const className = (0, react_1.useMemo)(() => {
-        return [default_css_js_1.OFFTHREAD_VIDEO_CLASS_NAME, props.className]
+        return [default_css_js_1.OBJECTFIT_CONTAIN_CLASS_NAME, props.className]
             .filter(truthy_js_1.truthy)
             .join(' ');
     }, [props.className]);

package/dist/esm/index.mjs

@@ -105,7 +105,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.351";
+var VERSION = "4.0.352";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -5740,7 +5740,7 @@ var exports_default_css = {};
 __export(exports_default_css, {
   makeDefaultPreviewCSS: () => makeDefaultPreviewCSS,
   injectCSS: () => injectCSS,
-  OFFTHREAD_VIDEO_CLASS_NAME: () => OFFTHREAD_VIDEO_CLASS_NAME
+  OBJECTFIT_CONTAIN_CLASS_NAME: () => OBJECTFIT_CONTAIN_CLASS_NAME
 });
 var injected = {};
 var injectCSS = (css) => {
@@ -5756,7 +5756,7 @@ var injectCSS = (css) => {
   head.prepend(style);
   injected[css] = true;
 };
-var OFFTHREAD_VIDEO_CLASS_NAME = "__remotion_offthreadvideo";
+var OBJECTFIT_CONTAIN_CLASS_NAME = "__remotion_objectfitcontain";
 var makeDefaultPreviewCSS = (scope, backgroundColor) => {
   if (!scope) {
     return `
@@ -5767,7 +5767,7 @@ var makeDefaultPreviewCSS = (scope, backgroundColor) => {
       margin: 0;
 	    background-color: ${backgroundColor};
     }
-    .${OFFTHREAD_VIDEO_CLASS_NAME} {
+    .${OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
     `;
@@ -5780,7 +5780,7 @@ var makeDefaultPreviewCSS = (scope, backgroundColor) => {
       width: 100%;
       height: 100%;
     }
-    ${scope} .${OFFTHREAD_VIDEO_CLASS_NAME} {
+    ${scope} .${OBJECTFIT_CONTAIN_CLASS_NAME} {
       object-fit: contain;
     }
   `;
@@ -6484,7 +6484,8 @@ var Internals = {
   compositionSelectorRef,
   RemotionEnvironmentContext,
   warnAboutTooHighVolume,
-  AudioForPreview
+  AudioForPreview,
+  OBJECTFIT_CONTAIN_CLASS_NAME
 };
 // src/interpolate-colors.ts
 var NUMBER = "[-+]?\\d*\\.?\\d+";
@@ -7509,7 +7510,7 @@ var OffthreadVideoForRendering = ({
     }
   }, [imageSrc, onError]);
   const className = useMemo29(() => {
-    return [OFFTHREAD_VIDEO_CLASS_NAME, props2.className].filter(truthy).join(" ");
+    return [OBJECTFIT_CONTAIN_CLASS_NAME, props2.className].filter(truthy).join(" ");
   }, [props2.className]);
   const onImageFrame = useCallback15((img) => {
     if (onVideoFrame) {

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.351";
+var VERSION = "4.0.352";
 export {
   VERSION
 };

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.351",
+  "version": "4.0.352",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "webpack": "5.96.1",
     "zod": "3.22.3",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.351"
+    "@remotion/eslint-config-internal": "4.0.352"
   },
   "keywords": [
     "video",