@remotion/studio 4.0.440 → 4.0.442
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/AudioWaveform.js +67 -61
- package/dist/components/Editor.js +7 -4
- package/dist/components/EditorGuides/Guide.js +2 -1
- package/dist/components/EditorRuler/Ruler.js +2 -1
- package/dist/components/EditorRuler/index.js +4 -7
- package/dist/components/ForceSpecificCursor.d.ts +3 -0
- package/dist/components/ForceSpecificCursor.js +68 -0
- package/dist/components/NewComposition/InputDragger.js +3 -0
- package/dist/components/RenderModal/RenderModalJSONPropsEditor.js +10 -3
- package/dist/components/Splitter/SplitterHandle.js +3 -0
- package/dist/components/Timeline/Timeline.js +3 -3
- package/dist/components/Timeline/TimelineDragHandler.js +4 -0
- package/dist/components/Timeline/TimelineWidthProvider.js +16 -1
- package/dist/components/draw-peaks.d.ts +1 -0
- package/dist/components/draw-peaks.js +61 -0
- package/dist/components/load-waveform-peaks.d.ts +3 -0
- package/dist/components/load-waveform-peaks.js +67 -0
- package/dist/components/parse-color.d.ts +1 -0
- package/dist/components/parse-color.js +17 -0
- package/dist/esm/{chunk-1x2ychmc.js → chunk-j8c13fkw.js} +1898 -1743
- package/dist/esm/internals.mjs +1898 -1743
- package/dist/esm/previewEntry.mjs +1879 -1724
- package/dist/esm/renderEntry.mjs +1 -1
- package/dist/helpers/calculate-timeline.d.ts +1 -2
- package/dist/helpers/calculate-timeline.js +2 -23
- package/package.json +9 -9
- package/dist/components/AudioWaveformBar.d.ts +0 -14
- package/dist/components/AudioWaveformBar.js +0 -33
package/dist/esm/renderEntry.mjs
CHANGED
|
@@ -208,7 +208,7 @@ var renderContent = (Root) => {
|
|
|
208
208
|
renderToDOM(/* @__PURE__ */ jsx("div", {
|
|
209
209
|
children: /* @__PURE__ */ jsx(DelayedSpinner, {})
|
|
210
210
|
}));
|
|
211
|
-
import("./chunk-
|
|
211
|
+
import("./chunk-j8c13fkw.js").then(({ StudioInternals }) => {
|
|
212
212
|
window.remotion_isStudio = true;
|
|
213
213
|
window.remotion_isReadOnlyStudio = true;
|
|
214
214
|
window.remotion_inputProps = "{}";
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import type { TSequence } from 'remotion';
|
|
2
2
|
import type { TrackWithHash } from './get-timeline-sequence-sort-key';
|
|
3
|
-
export declare const calculateTimeline: ({ sequences,
|
|
3
|
+
export declare const calculateTimeline: ({ sequences, }: {
|
|
4
4
|
sequences: TSequence[];
|
|
5
|
-
sequenceDuration: number;
|
|
6
5
|
}) => TrackWithHash[];
|
|
@@ -6,32 +6,11 @@ const get_timeline_nestedness_1 = require("./get-timeline-nestedness");
|
|
|
6
6
|
const get_timeline_sequence_hash_1 = require("./get-timeline-sequence-hash");
|
|
7
7
|
const get_timeline_sequence_sort_key_1 = require("./get-timeline-sequence-sort-key");
|
|
8
8
|
const sort_by_nonce_history_1 = require("./sort-by-nonce-history");
|
|
9
|
-
const calculateTimeline = ({ sequences,
|
|
9
|
+
const calculateTimeline = ({ sequences, }) => {
|
|
10
10
|
const sortedSequences = (0, sort_by_nonce_history_1.sortItemsByNonceHistory)(sequences);
|
|
11
11
|
const tracks = [];
|
|
12
12
|
if (sortedSequences.length === 0) {
|
|
13
|
-
return [
|
|
14
|
-
{
|
|
15
|
-
sequence: {
|
|
16
|
-
displayName: '',
|
|
17
|
-
duration: sequenceDuration,
|
|
18
|
-
from: 0,
|
|
19
|
-
id: 'seq',
|
|
20
|
-
parent: null,
|
|
21
|
-
type: 'sequence',
|
|
22
|
-
rootId: '-',
|
|
23
|
-
showInTimeline: true,
|
|
24
|
-
nonce: [[0, 0]],
|
|
25
|
-
loopDisplay: undefined,
|
|
26
|
-
stack: null,
|
|
27
|
-
premountDisplay: null,
|
|
28
|
-
postmountDisplay: null,
|
|
29
|
-
controls: null,
|
|
30
|
-
},
|
|
31
|
-
depth: 0,
|
|
32
|
-
hash: '-',
|
|
33
|
-
},
|
|
34
|
-
];
|
|
13
|
+
return [];
|
|
35
14
|
}
|
|
36
15
|
const sameHashes = {};
|
|
37
16
|
const hashesUsedInRoot = {};
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/studio",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.442",
|
|
7
7
|
"description": "APIs for interacting with the Remotion Studio",
|
|
8
8
|
"main": "dist",
|
|
9
9
|
"sideEffects": false,
|
|
@@ -26,13 +26,13 @@
|
|
|
26
26
|
},
|
|
27
27
|
"dependencies": {
|
|
28
28
|
"semver": "7.5.3",
|
|
29
|
-
"remotion": "4.0.
|
|
30
|
-
"@remotion/player": "4.0.
|
|
31
|
-
"@remotion/media-utils": "4.0.
|
|
32
|
-
"@remotion/renderer": "4.0.
|
|
33
|
-
"@remotion/web-renderer": "4.0.
|
|
34
|
-
"@remotion/studio-shared": "4.0.
|
|
35
|
-
"@remotion/zod-types": "4.0.
|
|
29
|
+
"remotion": "4.0.442",
|
|
30
|
+
"@remotion/player": "4.0.442",
|
|
31
|
+
"@remotion/media-utils": "4.0.442",
|
|
32
|
+
"@remotion/renderer": "4.0.442",
|
|
33
|
+
"@remotion/web-renderer": "4.0.442",
|
|
34
|
+
"@remotion/studio-shared": "4.0.442",
|
|
35
|
+
"@remotion/zod-types": "4.0.442",
|
|
36
36
|
"mediabunny": "1.39.2",
|
|
37
37
|
"memfs": "3.4.3",
|
|
38
38
|
"source-map": "0.7.3",
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
"react": "19.2.3",
|
|
44
44
|
"react-dom": "19.2.3",
|
|
45
45
|
"@types/semver": "^7.3.4",
|
|
46
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
46
|
+
"@remotion/eslint-config-internal": "4.0.442",
|
|
47
47
|
"eslint": "9.19.0",
|
|
48
48
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
49
49
|
},
|
|
@@ -1,14 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
export declare const WAVEFORM_BAR_LENGTH = 2;
|
|
3
|
-
export declare const WAVEFORM_BAR_MARGIN = 1;
|
|
4
|
-
/**
|
|
5
|
-
*
|
|
6
|
-
* consider a sinus wave with an amplitude going from [-1, 1].
|
|
7
|
-
* if we sample it infinitely, and convert all negative samples from negative to positive
|
|
8
|
-
* what is the average of all samples?
|
|
9
|
-
*
|
|
10
|
-
* Answer: 2 / Math.PI = 0.6366
|
|
11
|
-
*/
|
|
12
|
-
export declare const AudioWaveformBar: React.FC<{
|
|
13
|
-
readonly amplitude: number;
|
|
14
|
-
}>;
|
|
@@ -1,33 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.AudioWaveformBar = exports.WAVEFORM_BAR_MARGIN = exports.WAVEFORM_BAR_LENGTH = void 0;
|
|
4
|
-
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
|
-
const react_1 = require("react");
|
|
6
|
-
const timeline_layout_1 = require("../helpers/timeline-layout");
|
|
7
|
-
exports.WAVEFORM_BAR_LENGTH = 2;
|
|
8
|
-
exports.WAVEFORM_BAR_MARGIN = 1;
|
|
9
|
-
const container = {
|
|
10
|
-
width: exports.WAVEFORM_BAR_LENGTH,
|
|
11
|
-
backgroundColor: 'rgba(255, 255, 255, 0.6)',
|
|
12
|
-
marginLeft: exports.WAVEFORM_BAR_MARGIN,
|
|
13
|
-
borderRadius: 2,
|
|
14
|
-
};
|
|
15
|
-
// Sonnet:
|
|
16
|
-
/**
|
|
17
|
-
*
|
|
18
|
-
* consider a sinus wave with an amplitude going from [-1, 1].
|
|
19
|
-
* if we sample it infinitely, and convert all negative samples from negative to positive
|
|
20
|
-
* what is the average of all samples?
|
|
21
|
-
*
|
|
22
|
-
* Answer: 2 / Math.PI = 0.6366
|
|
23
|
-
*/
|
|
24
|
-
const AudioWaveformBar = ({ amplitude }) => {
|
|
25
|
-
const style = (0, react_1.useMemo)(() => {
|
|
26
|
-
return {
|
|
27
|
-
...container,
|
|
28
|
-
height: (0, timeline_layout_1.getTimelineLayerHeight)('other') * amplitude * (1 / 0.6366),
|
|
29
|
-
};
|
|
30
|
-
}, [amplitude]);
|
|
31
|
-
return jsx_runtime_1.jsx("div", { style: style });
|
|
32
|
-
};
|
|
33
|
-
exports.AudioWaveformBar = AudioWaveformBar;
|