remotion 4.0.493 → 4.0.495

package/dist/cjs/use-premounting.d.ts

@@ -0,0 +1,19 @@
+import type React from 'react';
+export declare const usePremounting: ({ from, durationInFrames, premountFor, postmountFor, style, styleWhilePremounted, styleWhilePostmounted, hideWhilePremounted, }: {
+    readonly from: number;
+    readonly durationInFrames: number;
+    readonly premountFor: number | null;
+    readonly postmountFor: number | null;
+    readonly style: React.CSSProperties | null;
+    readonly styleWhilePremounted: React.CSSProperties | null;
+    readonly styleWhilePostmounted: React.CSSProperties | null;
+    readonly hideWhilePremounted: "display-none" | "opacity";
+}) => {
+    effectivePremountFor: number;
+    effectivePostmountFor: number;
+    premountingActive: boolean;
+    postmountingActive: boolean;
+    isPremountingOrPostmounting: boolean;
+    freezeFrame: number;
+    premountingStyle: React.CSSProperties | null;
+};

package/dist/cjs/use-premounting.js

@@ -0,0 +1,62 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.usePremounting = void 0;
+const react_1 = require("react");
+const PremountContext_js_1 = require("./PremountContext.js");
+const use_current_frame_js_1 = require("./use-current-frame.js");
+const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
+const use_video_config_js_1 = require("./use-video-config.js");
+const v5_flag_js_1 = require("./v5-flag.js");
+const usePremounting = ({ from, durationInFrames, premountFor, postmountFor, style, styleWhilePremounted, styleWhilePostmounted, hideWhilePremounted, }) => {
+    const parentPremountContext = (0, react_1.useContext)(PremountContext_js_1.PremountContext);
+    const frame = (0, use_current_frame_js_1.useCurrentFrame)() - parentPremountContext.premountFramesRemaining;
+    const environment = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
+    const { fps } = (0, use_video_config_js_1.useVideoConfig)();
+    const effectivePremountFor = v5_flag_js_1.ENABLE_V5_BREAKING_CHANGES
+        ? (premountFor !== null && premountFor !== void 0 ? premountFor : fps)
+        : (premountFor !== null && premountFor !== void 0 ? premountFor : 0);
+    const effectivePostmountFor = postmountFor !== null && postmountFor !== void 0 ? postmountFor : 0;
+    const endThreshold = Math.ceil(from + durationInFrames - 1);
+    const premountingActive = !environment.isRendering &&
+        frame < from &&
+        frame >= from - effectivePremountFor;
+    const postmountingActive = !environment.isRendering &&
+        frame > endThreshold &&
+        frame <= endThreshold + effectivePostmountFor;
+    const isPremountingOrPostmounting = premountingActive || postmountingActive;
+    const freezeFrame = premountingActive
+        ? from
+        : postmountingActive
+            ? from + durationInFrames - 1
+            : 0;
+    const premountingStyle = (0, react_1.useMemo)(() => {
+        if (!isPremountingOrPostmounting) {
+            return style;
+        }
+        return {
+            ...style,
+            ...(hideWhilePremounted === 'opacity' ? { opacity: 0 } : { display: 'none' }),
+            pointerEvents: 'none',
+            ...(premountingActive ? styleWhilePremounted : {}),
+            ...(postmountingActive ? styleWhilePostmounted : {}),
+        };
+    }, [
+        isPremountingOrPostmounting,
+        hideWhilePremounted,
+        postmountingActive,
+        premountingActive,
+        style,
+        styleWhilePostmounted,
+        styleWhilePremounted,
+    ]);
+    return {
+        effectivePremountFor,
+        effectivePostmountFor,
+        premountingActive,
+        postmountingActive,
+        isPremountingOrPostmounting,
+        freezeFrame,
+        premountingStyle,
+    };
+};
+exports.usePremounting = usePremounting;

package/dist/cjs/use-schema.d.ts

@@ -25,6 +25,12 @@ export type VideoConfigNumericExpression = {
     multiplicand: number;
     factorPosition: 'left' | 'right';
     value: number;
+} | {
+    type: 'video-config-subtraction';
+    identifier: string;
+    minuend: number;
+    subtrahend: number;
+    value: number;
 };
 export type CanUpdateSequencePropStatusLinearEasing = {
     type: 'linear';

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.493";
+export declare const VERSION = "4.0.495";

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.493';
+exports.VERSION = '4.0.495';