@remotion/studio 4.0.441 → 4.0.443

package/dist/esm/renderEntry.mjs

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

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

@@ -1,6 +1,5 @@
 import type { TSequence } from 'remotion';
 import type { TrackWithHash } from './get-timeline-sequence-sort-key';
-export declare const calculateTimeline: ({ sequences, sequenceDuration, }: {
+export declare const calculateTimeline: ({ sequences, }: {
     sequences: TSequence[];
-    sequenceDuration: number;
 }) => TrackWithHash[];

package/dist/helpers/calculate-timeline.js

@@ -6,32 +6,11 @@ const get_timeline_nestedness_1 = require("./get-timeline-nestedness");
 const get_timeline_sequence_hash_1 = require("./get-timeline-sequence-hash");
 const get_timeline_sequence_sort_key_1 = require("./get-timeline-sequence-sort-key");
 const sort_by_nonce_history_1 = require("./sort-by-nonce-history");
-const calculateTimeline = ({ sequences, sequenceDuration, }) => {
+const calculateTimeline = ({ sequences, }) => {
     const sortedSequences = (0, sort_by_nonce_history_1.sortItemsByNonceHistory)(sequences);
     const tracks = [];
     if (sortedSequences.length === 0) {
-        return [
-            {
-                sequence: {
-                    displayName: '',
-                    duration: sequenceDuration,
-                    from: 0,
-                    id: 'seq',
-                    parent: null,
-                    type: 'sequence',
-                    rootId: '-',
-                    showInTimeline: true,
-                    nonce: [[0, 0]],
-                    loopDisplay: undefined,
-                    stack: null,
-                    premountDisplay: null,
-                    postmountDisplay: null,
-                    controls: null,
-                },
-                depth: 0,
-                hash: '-',
-            },
-        ];
+        return [];
     }
     const sameHashes = {};
     const hashesUsedInRoot = {};

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

@@ -16,4 +16,7 @@ export type SchemaFieldInfo = {
 };
 export declare const getSchemaFields: (controls: SequenceControls | null) => SchemaFieldInfo[] | null;
 export declare const getExpandedTrackHeight: (controls: SequenceControls | null) => number;
-export declare const getTimelineLayerHeight: (type: "audio" | "image" | "other" | "sequence" | "video") => 25 | 50;
+export declare const TIMELINE_LAYER_HEIGHT_VIDEO = 75;
+export declare const TIMELINE_LAYER_HEIGHT_IMAGE = 50;
+export declare const TIMELINE_LAYER_HEIGHT_AUDIO = 25;
+export declare const getTimelineLayerHeight: (type: "audio" | "image" | "other" | "sequence" | "video") => 25 | 50 | 75;

package/dist/helpers/timeline-layout.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getTimelineLayerHeight = exports.getExpandedTrackHeight = exports.getSchemaFields = exports.UNSUPPORTED_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.TIMELINE_TRACK_EXPANDED_HEIGHT = exports.TIMELINE_ITEM_BORDER_BOTTOM = exports.TIMELINE_BORDER = exports.TIMELINE_PADDING = void 0;
+exports.getTimelineLayerHeight = exports.TIMELINE_LAYER_HEIGHT_AUDIO = exports.TIMELINE_LAYER_HEIGHT_IMAGE = exports.TIMELINE_LAYER_HEIGHT_VIDEO = exports.getExpandedTrackHeight = exports.getSchemaFields = exports.UNSUPPORTED_FIELD_ROW_HEIGHT = exports.SCHEMA_FIELD_ROW_HEIGHT = exports.TIMELINE_TRACK_EXPANDED_HEIGHT = exports.TIMELINE_ITEM_BORDER_BOTTOM = exports.TIMELINE_BORDER = exports.TIMELINE_PADDING = void 0;
 exports.TIMELINE_PADDING = 16;
 exports.TIMELINE_BORDER = 1;
 exports.TIMELINE_ITEM_BORDER_BOTTOM = 1;
@@ -43,10 +43,16 @@ const getExpandedTrackHeight = (controls) => {
     return fields.reduce((sum, f) => sum + f.rowHeight, 0) + separators;
 };
 exports.getExpandedTrackHeight = getExpandedTrackHeight;
+exports.TIMELINE_LAYER_HEIGHT_VIDEO = 75;
+exports.TIMELINE_LAYER_HEIGHT_IMAGE = 50;
+exports.TIMELINE_LAYER_HEIGHT_AUDIO = 25;
 const getTimelineLayerHeight = (type) => {
-    if (type === 'video' || type === 'image') {
-        return 50;
+    if (type === 'video') {
+        return exports.TIMELINE_LAYER_HEIGHT_VIDEO;
     }
-    return 25;
+    if (type === 'image') {
+        return exports.TIMELINE_LAYER_HEIGHT_IMAGE;
+    }
+    return exports.TIMELINE_LAYER_HEIGHT_AUDIO;
 };
 exports.getTimelineLayerHeight = getTimelineLayerHeight;

package/package.json

@@ -3,7 +3,7 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
 	},
 	"name": "@remotion/studio",
-	"version": "4.0.441",
+	"version": "4.0.443",
 	"description": "APIs for interacting with the Remotion Studio",
 	"main": "dist",
 	"sideEffects": false,
@@ -26,13 +26,13 @@
 	},
 	"dependencies": {
 		"semver": "7.5.3",
-		"remotion": "4.0.441",
-		"@remotion/player": "4.0.441",
-		"@remotion/media-utils": "4.0.441",
-		"@remotion/renderer": "4.0.441",
-		"@remotion/web-renderer": "4.0.441",
-		"@remotion/studio-shared": "4.0.441",
-		"@remotion/zod-types": "4.0.441",
+		"remotion": "4.0.443",
+		"@remotion/player": "4.0.443",
+		"@remotion/media-utils": "4.0.443",
+		"@remotion/renderer": "4.0.443",
+		"@remotion/web-renderer": "4.0.443",
+		"@remotion/studio-shared": "4.0.443",
+		"@remotion/zod-types": "4.0.443",
 		"mediabunny": "1.39.2",
 		"memfs": "3.4.3",
 		"source-map": "0.7.3",
@@ -43,7 +43,7 @@
 		"react": "19.2.3",
 		"react-dom": "19.2.3",
 		"@types/semver": "^7.3.4",
-		"@remotion/eslint-config-internal": "4.0.441",
+		"@remotion/eslint-config-internal": "4.0.443",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},

package/dist/components/AudioWaveformBar.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-export declare const WAVEFORM_BAR_LENGTH = 2;
-export declare const WAVEFORM_BAR_MARGIN = 1;
-/**
- *
- * consider a sinus wave with an amplitude going from [-1, 1].
- * if we sample it infinitely, and convert all negative samples from negative to positive
- * what is the average of all samples?
- *
- * Answer: 2 / Math.PI = 0.6366
- */
-export declare const AudioWaveformBar: React.FC<{
-    readonly amplitude: number;
-}>;

package/dist/components/AudioWaveformBar.js

@@ -1,33 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AudioWaveformBar = exports.WAVEFORM_BAR_MARGIN = exports.WAVEFORM_BAR_LENGTH = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const timeline_layout_1 = require("../helpers/timeline-layout");
-exports.WAVEFORM_BAR_LENGTH = 2;
-exports.WAVEFORM_BAR_MARGIN = 1;
-const container = {
-    width: exports.WAVEFORM_BAR_LENGTH,
-    backgroundColor: 'rgba(255, 255, 255, 0.6)',
-    marginLeft: exports.WAVEFORM_BAR_MARGIN,
-    borderRadius: 2,
-};
-// Sonnet:
-/**
- *
- * consider a sinus wave with an amplitude going from [-1, 1].
- * if we sample it infinitely, and convert all negative samples from negative to positive
- * what is the average of all samples?
- *
- * Answer: 2 / Math.PI = 0.6366
- */
-const AudioWaveformBar = ({ amplitude }) => {
-    const style = (0, react_1.useMemo)(() => {
-        return {
-            ...container,
-            height: (0, timeline_layout_1.getTimelineLayerHeight)('other') * amplitude * (1 / 0.6366),
-        };
-    }, [amplitude]);
-    return jsx_runtime_1.jsx("div", { style: style });
-};
-exports.AudioWaveformBar = AudioWaveformBar;

package/dist/components/OpenEditorButton.d.ts

@@ -1,3 +0,0 @@
-export declare const OpenEditorButton: React.FC<{
-    type: 'git' | 'editor';
-}>;

package/dist/components/OpenEditorButton.js

@@ -1,67 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.OpenEditorButton = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const colors_1 = require("../helpers/colors");
-const get_git_menu_item_1 = require("../helpers/get-git-menu-item");
-const open_in_editor_1 = require("../helpers/open-in-editor");
-const NotificationCenter_1 = require("./Notifications/NotificationCenter");
-const svgStyle = {
-    width: 11,
-    height: 11,
-};
-const buttonStyle = {
-    border: 'none',
-    height: '20px',
-    display: 'flex',
-    paddingInline: '6px',
-    justifyContent: 'center',
-    alignItems: 'center',
-};
-const OpenEditorButton = ({ type }) => {
-    const [hovered, setHovered] = (0, react_1.useState)(false);
-    const svgFillColor = (0, react_1.useMemo)(() => {
-        return hovered ? 'white' : colors_1.LIGHT_TEXT;
-    }, [hovered]);
-    const handleClick = (0, react_1.useCallback)(async () => {
-        if (type === 'editor') {
-            await (0, open_in_editor_1.openInEditor)({
-                originalFileName: `${window.remotion_cwd}`,
-                originalLineNumber: 1,
-                originalColumnNumber: 1,
-                originalFunctionName: null,
-                originalScriptCode: null,
-            })
-                .then((res) => res.json())
-                .then(({ success }) => {
-                if (!success) {
-                    (0, NotificationCenter_1.showNotification)(`Could not open ${window.remotion_editorName}`, 2000);
-                }
-            })
-                .catch((err) => {
-                // eslint-disable-next-line no-console
-                console.error(err);
-                (0, NotificationCenter_1.showNotification)(`Could not open ${window.remotion_editorName}`, 2000);
-            });
-        }
-        if (type === 'git') {
-            if (!window.remotion_gitSource) {
-                throw new Error('No git source');
-            }
-            window.open((0, get_git_menu_item_1.getGitSourceBranchUrl)(window.remotion_gitSource), '_blank');
-        }
-    }, [type]);
-    const buttonTooltip = type === 'git'
-        ? `Open ${(0, get_git_menu_item_1.getGitSourceName)(window.remotion_gitSource)} Repo`
-        : `Open in ${window.remotion_editorName}`;
-    const openInEditorSvg = (jsx_runtime_1.jsx("svg", { viewBox: "0 0 512 512", style: svgStyle, children: jsx_runtime_1.jsx("path", { fill: svgFillColor, d: "M320 0c-17.7 0-32 14.3-32 32s14.3 32 32 32h82.7L201.4 265.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0L448 109.3V192c0 17.7 14.3 32 32 32s32-14.3 32-32V32c0-17.7-14.3-32-32-32H320zM80 32C35.8 32 0 67.8 0 112V432c0 44.2 35.8 80 80 80H400c44.2 0 80-35.8 80-80V320c0-17.7-14.3-32-32-32s-32 14.3-32 32V432c0 8.8-7.2 16-16 16H80c-8.8 0-16-7.2-16-16V112c0-8.8 7.2-16 16-16H192c17.7 0 32-14.3 32-32s-14.3-32-32-32H80z" }) }));
-    const onPointerEnter = (0, react_1.useCallback)(() => {
-        setHovered(true);
-    }, []);
-    const onPointerLeave = (0, react_1.useCallback)(() => {
-        setHovered(false);
-    }, []);
-    return (jsx_runtime_1.jsx("button", { title: buttonTooltip, type: "button", onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave, style: buttonStyle, onClick: handleClick, children: openInEditorSvg }));
-};
-exports.OpenEditorButton = OpenEditorButton;