@remotion/studio 4.0.481 → 4.0.482

package/dist/esm/renderEntry.mjs

@@ -209,7 +209,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-4rq5gt8c.js").then(({ StudioInternals }) => {
+    import("./chunk-nkqfa5bw.js").then(({ StudioInternals }) => {
       window.remotion_isStudio = true;
       window.remotion_isReadOnlyStudio = true;
       window.remotion_inputProps = "{}";

package/dist/helpers/calculate-timeline.js

@@ -42,6 +42,10 @@ const calculateTimeline = ({ sequences, overrideIdsToNodePaths, }) => {
         }
         sameHashes[actualHash].push(sequence.id);
         const cascadedStart = (0, get_sequence_visible_range_1.getCascadedStart)(sequence, sortedSequences);
+        const cascadedStartWithTrim = (0, get_sequence_visible_range_1.getCascadedStartWithTrim)(sequence, sortedSequences);
+        const effectiveFrom = sequence.trimBefore === null
+            ? sequence.from
+            : sequence.from - sequence.trimBefore;
         const visibleStart = (0, get_sequence_visible_range_1.getTimelineVisibleStart)(sequence, sortedSequences);
         const visibleDuration = (0, get_sequence_visible_range_1.getTimelineVisibleDuration)(sequence, sortedSequences);
         const overrideId = (_c = (_a = sequence.controls) === null || _a === void 0 ? void 0 : _a.overrideId) !== null && _c !== void 0 ? _c : null;
@@ -61,9 +65,9 @@ const calculateTimeline = ({ sequences, overrideIdsToNodePaths, }) => {
             cascadedStart,
             cascadedDuration: sequence.duration,
             keyframeDisplayOffset: hasKeyframeRows
-                ? cascadedStart - sequence.from
+                ? cascadedStartWithTrim - effectiveFrom
                 : 0,
-            sequenceFrameOffset: visibleStart - cascadedStart,
+            sequenceFrameOffset: visibleStart - cascadedStartWithTrim,
             nodePathInfo: nodePath
                 ? {
                     sequenceSubscriptionKey: nodePath,

package/dist/helpers/get-sequence-visible-range.d.ts

@@ -1,4 +1,5 @@
 import type { TSequence } from 'remotion';
 export declare const getCascadedStart: (sequence: TSequence, sequences: TSequence[]) => number;
+export declare const getCascadedStartWithTrim: (sequence: TSequence, sequences: TSequence[]) => number;
 export declare const getTimelineVisibleStart: (sequence: TSequence, sequences: TSequence[]) => number;
 export declare const getTimelineVisibleDuration: (sequence: TSequence, sequences: TSequence[]) => number;

package/dist/helpers/get-sequence-visible-range.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTimelineVisibleDuration = exports.getTimelineVisibleStart = exports.getCascadedStart = void 0;
+exports.getTimelineVisibleDuration = exports.getTimelineVisibleStart = exports.getCascadedStartWithTrim = exports.getCascadedStart = void 0;
 const getCascadedStart = (sequence, sequences) => {
     if (!sequence.parent) {
         return sequence.from;
@@ -12,6 +12,20 @@ const getCascadedStart = (sequence, sequences) => {
     return (0, exports.getCascadedStart)(parent, sequences) + sequence.from;
 };
 exports.getCascadedStart = getCascadedStart;
+const getCascadedStartWithTrim = (sequence, sequences) => {
+    const effectiveFrom = sequence.trimBefore === null
+        ? sequence.from
+        : sequence.from - sequence.trimBefore;
+    if (!sequence.parent) {
+        return effectiveFrom;
+    }
+    const parent = sequences.find((s) => s.id === sequence.parent);
+    if (!parent) {
+        throw new TypeError('Parent not found for sequence ' + sequence.id);
+    }
+    return (0, exports.getCascadedStartWithTrim)(parent, sequences) + effectiveFrom;
+};
+exports.getCascadedStartWithTrim = getCascadedStartWithTrim;
 const getTimelineVisibleStart = (sequence, sequences) => {
     const cascadedStart = Math.max(0, (0, exports.getCascadedStart)(sequence, sequences));
     if (!sequence.parent) {

package/dist/state/modals.d.ts

@@ -104,6 +104,8 @@ export type AddEffectModalState = {
     clientId: string;
 };
 export type ModalState = {
+    type: 'new-comp';
+} | {
     type: 'duplicate-comp';
     compositionId: string;
     compositionType: CompType;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.481",
+	"version": "4.0.482",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"scripts": {
@@ -25,15 +25,15 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.481",
-		"@remotion/canvas-capture": "4.0.481",
-		"@remotion/player": "4.0.481",
-		"@remotion/media-utils": "4.0.481",
-		"@remotion/renderer": "4.0.481",
-		"@remotion/web-renderer": "4.0.481",
-		"@remotion/studio-shared": "4.0.481",
-		"@remotion/timeline-utils": "4.0.481",
-		"@remotion/zod-types": "4.0.481",
+		"remotion": "4.0.482",
+		"@remotion/canvas-capture": "4.0.482",
+		"@remotion/player": "4.0.482",
+		"@remotion/media-utils": "4.0.482",
+		"@remotion/renderer": "4.0.482",
+		"@remotion/web-renderer": "4.0.482",
+		"@remotion/studio-shared": "4.0.482",
+		"@remotion/timeline-utils": "4.0.482",
+		"@remotion/zod-types": "4.0.482",
 		"@jridgewell/trace-mapping": "0.3.31",
 		"mediabunny": "1.47.0",
 		"memfs": "3.4.3",
@@ -44,7 +44,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "7.5.3",
-		"@remotion/eslint-config-internal": "4.0.481",
+		"@remotion/eslint-config-internal": "4.0.482",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/components/Timeline/TimelineItemStack.d.ts

@@ -1,5 +0,0 @@
-import React from 'react';
-import type { OriginalPosition } from '../../error-overlay/react-overlay/utils/get-source-map';
-export declare const TimelineItemStack: React.FC<{
-    readonly originalLocation: OriginalPosition | null;
-}>;

package/dist/components/Timeline/TimelineItemStack.js

@@ -1,29 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TimelineItemStack = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../../helpers/colors");
-const source_attribution_1 = require("./TimelineStack/source-attribution");
-const TimelineItemStack = ({ originalLocation }) => {
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            fontSize: 12,
-            color: colors_1.VERY_LIGHT_TEXT,
-            display: 'flex',
-            flexDirection: 'row',
-            alignItems: 'center',
-            whiteSpace: 'nowrap',
-            textOverflow: 'ellipsis',
-            overflow: 'hidden',
-            flexShrink: 100000,
-            userSelect: 'none',
-            WebkitUserSelect: 'none',
-        };
-    }, []);
-    if (!originalLocation) {
-        return null;
-    }
-    return (jsx_runtime_1.jsx("div", { style: style, children: (0, source_attribution_1.getOriginalSourceAttribution)(originalLocation) }));
-};
-exports.TimelineItemStack = TimelineItemStack;