remotion 4.0.498 → 4.0.500

package/dist/cjs/use-crop-style.js

@@ -0,0 +1,19 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useCropStyle = void 0;
+const react_1 = require("react");
+const sequence_crop_js_1 = require("./sequence-crop.js");
+const useCropStyle = ({ cropLeft, cropRight, cropTop, cropBottom, style, componentName, }) => {
+    (0, sequence_crop_js_1.validateSequenceCrop)({ cropLeft, cropRight, cropTop, cropBottom }, componentName);
+    return (0, react_1.useMemo)(() => {
+        const cropClipPath = (0, sequence_crop_js_1.getSequenceCropClipPath)({
+            ...(0, sequence_crop_js_1.resolveSequenceCrop)({ cropLeft, cropRight, cropTop, cropBottom }),
+            borderRadius: style === null || style === void 0 ? void 0 : style.borderRadius,
+        });
+        if (cropClipPath === null) {
+            return style;
+        }
+        return { ...style, clipPath: cropClipPath };
+    }, [cropBottom, cropLeft, cropRight, cropTop, style]);
+};
+exports.useCropStyle = useCropStyle;

package/dist/cjs/use-media-in-timeline.d.ts

@@ -17,7 +17,6 @@ export declare const useBasicMediaInTimeline: ({ volume, mediaVolume, mediaType,
     duration: number;
     doesVolumeChange: boolean;
     nonce: import("./nonce.js").NonceHistoryContext;
-    rootId: string;
     finalDisplayName: string;
     startMediaFrom: number;
     src: string;

package/dist/cjs/use-media-in-timeline.js

@@ -8,7 +8,6 @@ const get_timeline_duration_js_1 = require("./get-timeline-duration.js");
 const nonce_js_1 = require("./nonce.js");
 const SequenceContext_js_1 = require("./SequenceContext.js");
 const SequenceManager_js_1 = require("./SequenceManager.js");
-const timeline_position_state_js_1 = require("./timeline-position-state.js");
 const use_remotion_environment_js_1 = require("./use-remotion-environment.js");
 const use_video_config_js_1 = require("./use-video-config.js");
 const volume_prop_js_1 = require("./volume-prop.js");
@@ -58,7 +57,6 @@ const useBasicMediaInTimeline = ({ volume, mediaVolume, mediaType, src, displayN
     }, [initialVolume, mediaType, src, volume]);
     const doesVolumeChange = typeof volume === 'function';
     const nonce = (0, nonce_js_1.useNonce)();
-    const { rootId } = (0, timeline_position_state_js_1.useTimelineContext)();
     const startMediaFrom = 0 - mediaStartsAt + (trimBefore !== null && trimBefore !== void 0 ? trimBefore : 0);
     const memoizedResult = (0, react_1.useMemo)(() => {
         return {
@@ -66,7 +64,6 @@ const useBasicMediaInTimeline = ({ volume, mediaVolume, mediaType, src, displayN
             duration,
             doesVolumeChange,
             nonce,
-            rootId,
             finalDisplayName: displayName !== null && displayName !== void 0 ? displayName : (0, get_asset_file_name_js_1.getAssetDisplayName)(src),
             startMediaFrom,
             src,
@@ -77,7 +74,6 @@ const useBasicMediaInTimeline = ({ volume, mediaVolume, mediaType, src, displayN
         duration,
         doesVolumeChange,
         nonce,
-        rootId,
         displayName,
         src,
         startMediaFrom,
@@ -92,7 +88,7 @@ const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate,
     const { registerSequence, unregisterSequence } = (0, react_1.useContext)(SequenceManager_js_1.SequenceManager);
     const { durationInFrames } = (0, use_video_config_js_1.useVideoConfig)();
     const mediaStartsAt = (0, use_audio_frame_js_1.useMediaStartsAt)();
-    const { volumes, duration, doesVolumeChange, nonce, rootId, finalDisplayName } = (0, exports.useBasicMediaInTimeline)({
+    const { volumes, duration, doesVolumeChange, nonce, finalDisplayName } = (0, exports.useBasicMediaInTimeline)({
         volume,
         mediaVolume,
         mediaType,
@@ -128,7 +124,6 @@ const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate,
             parent: (_c = parentSequence === null || parentSequence === void 0 ? void 0 : parentSequence.id) !== null && _c !== void 0 ? _c : null,
             displayName: finalDisplayName,
             documentationLink,
-            rootId,
             volume: volumes,
             showInTimeline: true,
             nonce: nonce.get(),
@@ -169,7 +164,6 @@ const useMediaInTimeline = ({ volume, mediaVolume, src, mediaType, playbackRate,
         postmountDisplay,
         loopDisplay,
         documentationLink,
-        rootId,
         finalDisplayName,
         isStudio,
         refForOutline,

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

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.498';
+exports.VERSION = '4.0.500';

package/dist/cjs/with-interactivity-schema.js

@@ -126,7 +126,7 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity,
     const Wrapped = (0, react_1.forwardRef)((props, ref) => {
         var _a;
         const env = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
-        if (!env.isStudio || env.isReadOnlyStudio || env.isRendering) {
+        if (!env.isStudio || env.isRendering) {
             return react_1.default.createElement(Component, {
                 ...props,
                 controls: null,
@@ -163,7 +163,9 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity,
             stackToOverrideMap[stack] = newOverrideId;
             return newOverrideId;
         });
-        const nodePath = (_a = nodePathMapping.overrideIdToNodePathMappings[overrideId]) !== null && _a !== void 0 ? _a : null;
+        const nodePath = env.isReadOnlyStudio
+            ? null
+            : ((_a = nodePathMapping.overrideIdToNodePathMappings[overrideId]) !== null && _a !== void 0 ? _a : null);
         // Read the runtime values for every flat key from the JSX props,
         // memoized on the leaf values so the object reference is stable
         // when nothing changed — otherwise downstream `useMemo`s churn and