@remotion/studio 4.0.473 → 4.0.475

package/dist/esm/renderEntry.mjs

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

package/dist/helpers/colors.d.ts

@@ -10,7 +10,6 @@ export declare const VERY_LIGHT_TEXT = "rgba(255, 255, 255, 0.3)";
 export declare const CLEAR_HOVER = "rgba(255, 255, 255, 0.06)";
 export declare const INPUT_BORDER_COLOR_UNHOVERED = "rgba(0, 0, 0, 0.6)";
 export declare const INPUT_BORDER_COLOR_HOVERED = "rgba(255, 255, 255, 0.05)";
-export declare const TIMELINE_BACKGROUND = "#111";
 export declare const FAIL_COLOR = "#ff3232";
 export declare const TEXT_COLOR = "#fff";
 export declare const WARNING_COLOR = "#f1c40f";

package/dist/helpers/colors.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getBackgroundFromHoverState = exports.TIMELINE_TRACK_SEPARATOR = exports.LINE_COLOR = exports.SELECTED_GUIDE = exports.UNSELECTED_GUIDE = exports.LIGHT_TRANSPARENT = exports.BLUE_DISABLED = exports.BLUE = exports.WARNING_COLOR = exports.TEXT_COLOR = exports.FAIL_COLOR = exports.TIMELINE_BACKGROUND = exports.INPUT_BORDER_COLOR_HOVERED = exports.INPUT_BORDER_COLOR_UNHOVERED = exports.CLEAR_HOVER = exports.VERY_LIGHT_TEXT = exports.RULER_COLOR = exports.LIGHT_TEXT = exports.SELECTED_BACKGROUND = exports.LIGHT_COLOR = exports.BORDER_COLOR = exports.INPUT_BACKGROUND = exports.BACKGROUND__TRANSPARENT = exports.BACKGROUND = void 0;
+exports.getBackgroundFromHoverState = exports.TIMELINE_TRACK_SEPARATOR = exports.LINE_COLOR = exports.SELECTED_GUIDE = exports.UNSELECTED_GUIDE = exports.LIGHT_TRANSPARENT = exports.BLUE_DISABLED = exports.BLUE = exports.WARNING_COLOR = exports.TEXT_COLOR = exports.FAIL_COLOR = exports.INPUT_BORDER_COLOR_HOVERED = exports.INPUT_BORDER_COLOR_UNHOVERED = exports.CLEAR_HOVER = exports.VERY_LIGHT_TEXT = exports.RULER_COLOR = exports.LIGHT_TEXT = exports.SELECTED_BACKGROUND = exports.LIGHT_COLOR = exports.BORDER_COLOR = exports.INPUT_BACKGROUND = exports.BACKGROUND__TRANSPARENT = exports.BACKGROUND = void 0;
 exports.BACKGROUND = 'rgb(31,36,40)';
 exports.BACKGROUND__TRANSPARENT = 'rgba(31,36,40, 0)';
 exports.INPUT_BACKGROUND = '#2f363d';
@@ -14,7 +14,6 @@ const SELECTED_HOVER_BACKGROUND = 'hsla(0, 0%, 100%, 0.25)';
 exports.CLEAR_HOVER = 'rgba(255, 255, 255, 0.06)';
 exports.INPUT_BORDER_COLOR_UNHOVERED = 'rgba(0, 0, 0, 0.6)';
 exports.INPUT_BORDER_COLOR_HOVERED = 'rgba(255, 255, 255, 0.05)';
-exports.TIMELINE_BACKGROUND = '#111';
 exports.FAIL_COLOR = '#ff3232';
 exports.TEXT_COLOR = '#fff';
 exports.WARNING_COLOR = '#f1c40f';

package/dist/helpers/timeline-layout.d.ts

@@ -1,9 +1,9 @@
-import { type AnySchemaFieldInfo, type CodeValues, type DragOverrides, type EffectSchemaFieldInfo, type SchemaFieldInfo, type SequenceControls, type SequenceSchemaFieldInfo } from '@remotion/studio-shared';
+import { type AnySchemaFieldInfo, type DragOverrides, type EffectSchemaFieldInfo, type PropStatuses, type SchemaFieldInfo, type SequenceControls, type SequenceSchemaFieldInfo } from '@remotion/studio-shared';
 import type { GetDragOverrides, GetEffectDragOverrides, SequenceSchema as SequenceSchemaShape, TSequence } from 'remotion';
 import type { GetIsExpanded } from '../components/ExpandedTracksProvider';
 import type { SequenceNodePathInfo } from './get-timeline-sequence-sort-key';
 export { getEffectFieldsToShow, getFieldsToShow, SCHEMA_FIELD_ROW_HEIGHT, } from '@remotion/studio-shared';
-export type { AnySchemaFieldInfo, CodeValues, DragOverrides, EffectSchemaFieldInfo, SchemaFieldInfo, SequenceControls, SequenceSchemaFieldInfo, };
+export type { AnySchemaFieldInfo, DragOverrides, EffectSchemaFieldInfo, PropStatuses, SchemaFieldInfo, SequenceControls, SequenceSchemaFieldInfo, };
 export declare const TIMELINE_PADDING = 16;
 export declare const TIMELINE_BORDER = 1;
 export declare const TIMELINE_ITEM_BORDER_BOTTOM = 1;
@@ -29,12 +29,12 @@ export type TimelineTreeNode = {
     readonly label: string;
     readonly field: AnySchemaFieldInfo | null;
 };
-export declare const buildTimelineTree: ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, codeValues, }: {
+export declare const buildTimelineTree: ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, }: {
     sequence: TSequence;
     nodePathInfo: SequenceNodePathInfo;
     getDragOverrides: GetDragOverrides;
     getEffectDragOverrides: GetEffectDragOverrides;
-    codeValues: CodeValues;
+    propStatuses: PropStatuses;
 }) => TimelineTreeNode[];
 export type FlatTreeRow = {
     readonly node: TimelineTreeNode;
@@ -46,11 +46,11 @@ export declare const flattenVisibleTreeNodes: ({ nodes, getIsExpanded, depth, }:
     depth?: number | undefined;
 }) => FlatTreeRow[];
 export declare const getTreeRowHeight: (node: TimelineTreeNode) => number;
-export declare const getExpandedTrackHeight: ({ sequence, nodePathInfo, getIsExpanded, codeValues, }: {
+export declare const getExpandedTrackHeight: ({ sequence, nodePathInfo, getIsExpanded, propStatuses, }: {
     sequence: TSequence;
     nodePathInfo: SequenceNodePathInfo;
     getIsExpanded: GetIsExpanded;
-    codeValues: CodeValues;
+    propStatuses: PropStatuses;
 }) => number;
 export declare const TIMELINE_LAYER_FILMSTRIP_HEIGHT = 26;
 export declare const TIMELINE_VIDEO_INFO_WAVEFORM_HEIGHT = 17;

package/dist/helpers/timeline-layout.js

@@ -12,7 +12,7 @@ exports.TIMELINE_ITEM_BORDER_BOTTOM = 1;
 exports.TIMELINE_TRACK_EXPANDED_HEIGHT = 100;
 exports.TREE_GROUP_ROW_HEIGHT = 22;
 exports.EXPANDED_SECTION_PADDING_RIGHT = 10;
-const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, codeValues, }) => {
+const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, }) => {
     var _a;
     const roots = [];
     const { sequenceSubscriptionKey, index, auxiliaryKeys, supportsEffects } = nodePathInfo;
@@ -20,7 +20,7 @@ const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffect
         schema: sequence.controls.schema,
         currentRuntimeValueDotNotation: sequence.controls.currentRuntimeValueDotNotation,
         getDragOverrides,
-        codeValues,
+        propStatuses,
         nodePath: sequenceSubscriptionKey,
     });
     if (controlFields && controlFields.length > 0) {
@@ -57,7 +57,7 @@ const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffect
                     effect,
                     effectIndex: i,
                     nodePath: sequenceSubscriptionKey,
-                    codeValues,
+                    propStatuses,
                     getEffectDragOverrides,
                 });
                 return {
@@ -124,14 +124,14 @@ const getTreeRowHeight = (node) => {
     return exports.TREE_GROUP_ROW_HEIGHT;
 };
 exports.getTreeRowHeight = getTreeRowHeight;
-const getExpandedTrackHeight = ({ sequence, nodePathInfo, getIsExpanded, codeValues, }) => {
+const getExpandedTrackHeight = ({ sequence, nodePathInfo, getIsExpanded, propStatuses, }) => {
     const tree = (0, exports.buildTimelineTree)({
         sequence,
         nodePathInfo,
         // We assume that no drag overrides can change the timeline layout
         getDragOverrides: () => ({}),
         getEffectDragOverrides: () => ({}),
-        codeValues,
+        propStatuses,
     });
     const flat = (0, exports.flattenVisibleTreeNodes)({ nodes: tree, getIsExpanded });
     if (flat.length === 0) {

package/dist/state/modals.d.ts

@@ -7,6 +7,7 @@ import type { _InternalTypes } from 'remotion';
 import type { CompType } from '../components/NewComposition/DuplicateComposition';
 import type { QuickSwitcherMode } from '../components/QuickSwitcher/NoResults';
 import type { RenderType } from '../components/RenderModal/RenderModalAdvanced';
+import type { EasingEditorModalState } from '../components/Timeline/EasingEditorModal';
 import type { KeyframeSettingsModalState } from '../components/Timeline/KeyframeSettingsModal';
 import type { Bug, UpdateInfo } from '../components/UpdateCheck';
 export type WebRenderModalState = {
@@ -117,15 +118,12 @@ export type ModalState = {
     folderName: string;
     parentName: string | null;
     stack: string | null;
-} | {
-    type: 'delete-static-file';
-    relativePath: string;
 } | {
     type: 'rename-static-file';
     relativePath: string;
 } | {
     type: 'input-props-override';
-} | KeyframeSettingsModalState | RenderModalState | WebRenderModalState | {
+} | EasingEditorModalState | KeyframeSettingsModalState | RenderModalState | WebRenderModalState | {
     type: 'render-progress';
     jobId: string;
 } | {

package/package.json

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

package/dist/components/NewComposition/DeleteStaticFile.d.ts

@@ -1,4 +0,0 @@
-import React from 'react';
-export declare const DeleteStaticFileModal: React.FC<{
-    readonly relativePath: string;
-}>;

package/dist/components/NewComposition/DeleteStaticFile.js

@@ -1,44 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DeleteStaticFileModal = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const delete_static_file_1 = require("../../api/delete-static-file");
-const modals_1 = require("../../state/modals");
-const Button_1 = require("../Button");
-const layout_1 = require("../layout");
-const styles_1 = require("../Menu/styles");
-const ModalFooter_1 = require("../ModalFooter");
-const ModalHeader_1 = require("../ModalHeader");
-const NotificationCenter_1 = require("../Notifications/NotificationCenter");
-const DismissableModal_1 = require("./DismissableModal");
-const content = {
-    padding: 16,
-    fontSize: 14,
-    flex: 1,
-    minWidth: 500,
-};
-const DeleteStaticFileModal = ({ relativePath }) => {
-    const { setSelectedModal } = (0, react_1.useContext)(modals_1.ModalsContext);
-    const [submitting, setSubmitting] = (0, react_1.useState)(false);
-    const onDelete = (0, react_1.useCallback)(() => {
-        setSubmitting(true);
-        const notification = (0, NotificationCenter_1.showNotification)(`Deleting ${relativePath}...`, null);
-        (0, delete_static_file_1.deleteStaticFile)(relativePath)
-            .then(() => {
-            setSelectedModal(null);
-            notification.replaceContent(`Deleted ${relativePath}`, 2000);
-        })
-            .catch((err) => {
-            setSubmitting(false);
-            notification.replaceContent(`Could not delete ${relativePath}: ${err.message}`, 3000);
-        });
-    }, [relativePath, setSelectedModal]);
-    return (jsx_runtime_1.jsxs(DismissableModal_1.DismissableModal, { children: [
-            jsx_runtime_1.jsx(ModalHeader_1.ModalHeader, { title: 'Delete asset' }), jsx_runtime_1.jsxs("div", { style: content, children: ["Do you want to delete the asset", ' ', jsx_runtime_1.jsx("code", { style: styles_1.inlineCodeSnippet, children: relativePath }),
-                    " from your public folder?"] }), jsx_runtime_1.jsx(ModalFooter_1.ModalFooterContainer, { children: jsx_runtime_1.jsxs(layout_1.Row, { align: "center", justify: "flex-end", children: [
-                        jsx_runtime_1.jsx(Button_1.Button, { onClick: () => setSelectedModal(null), children: "Cancel" }), jsx_runtime_1.jsx(layout_1.Spacing, { x: 1 }), jsx_runtime_1.jsx(Button_1.Button, { onClick: onDelete, disabled: submitting, children: "Delete" })
-                    ] }) })
-        ] }));
-};
-exports.DeleteStaticFileModal = DeleteStaticFileModal;