@remotion/studio 4.0.451 → 4.0.453

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.
Files changed (32) hide show
  1. package/dist/Studio.js +1 -1
  2. package/dist/audio-waveform-worker.d.ts +1 -0
  3. package/dist/audio-waveform-worker.js +102 -0
  4. package/dist/components/AudioWaveform.d.ts +2 -0
  5. package/dist/components/AudioWaveform.js +166 -18
  6. package/dist/components/Timeline/LoopedIndicator.js +5 -19
  7. package/dist/components/Timeline/TimelineSequence.js +18 -10
  8. package/dist/components/Timeline/TimelineVideoInfo.d.ts +2 -0
  9. package/dist/components/Timeline/TimelineVideoInfo.js +51 -12
  10. package/dist/components/Timeline/TimelineWidthProvider.js +1 -16
  11. package/dist/components/audio-waveform-worker-types.d.ts +28 -0
  12. package/dist/components/audio-waveform-worker-types.js +2 -0
  13. package/dist/components/draw-peaks.d.ts +1 -1
  14. package/dist/components/load-waveform-peaks.d.ts +11 -1
  15. package/dist/components/load-waveform-peaks.js +25 -24
  16. package/dist/components/looped-media-timeline.d.ts +6 -0
  17. package/dist/components/looped-media-timeline.js +14 -0
  18. package/dist/components/slice-waveform-peaks.d.ts +7 -0
  19. package/dist/components/slice-waveform-peaks.js +15 -0
  20. package/dist/components/waveform-peak-processor.d.ts +23 -0
  21. package/dist/components/waveform-peak-processor.js +77 -0
  22. package/dist/esm/audio-waveform-worker.mjs +345 -0
  23. package/dist/esm/{chunk-v2r2309d.js → chunk-hn4803e7.js} +1016 -717
  24. package/dist/esm/internals.mjs +1016 -717
  25. package/dist/esm/previewEntry.mjs +996 -697
  26. package/dist/esm/renderEntry.mjs +3 -3
  27. package/dist/helpers/calculate-timeline.js +16 -0
  28. package/dist/helpers/get-timeline-nestedness.js +2 -1
  29. package/dist/make-audio-waveform-worker.d.ts +1 -0
  30. package/dist/make-audio-waveform-worker.js +10 -0
  31. package/dist/renderEntry.js +2 -2
  32. package/package.json +18 -9
@@ -165,7 +165,7 @@ var renderContent = (Root) => {
165
165
  videoEnabled: window.remotion_videoEnabled,
166
166
  logLevel: window.remotion_logLevel ?? "info",
167
167
  numberOfAudioTags: 0,
168
- audioLatencyHint: window.remotion_audioLatencyHint ?? "interactive",
168
+ audioLatencyHint: window.remotion_audioLatencyHint ?? "playback",
169
169
  visualModeEnabled: false,
170
170
  children: /* @__PURE__ */ jsxs(Internals.RenderAssetManagerProvider, {
171
171
  collectAssets: null,
@@ -192,7 +192,7 @@ var renderContent = (Root) => {
192
192
  videoEnabled: window.remotion_videoEnabled,
193
193
  logLevel: window.remotion_logLevel ?? "info",
194
194
  numberOfAudioTags: 0,
195
- audioLatencyHint: window.remotion_audioLatencyHint ?? "interactive",
195
+ audioLatencyHint: window.remotion_audioLatencyHint ?? "playback",
196
196
  visualModeEnabled: false,
197
197
  children: /* @__PURE__ */ jsx(Internals.RenderAssetManagerProvider, {
198
198
  collectAssets: null,
@@ -209,7 +209,7 @@ var renderContent = (Root) => {
209
209
  renderToDOM(/* @__PURE__ */ jsx("div", {
210
210
  children: /* @__PURE__ */ jsx(DelayedSpinner, {})
211
211
  }));
212
- import("./chunk-v2r2309d.js").then(({ StudioInternals }) => {
212
+ import("./chunk-hn4803e7.js").then(({ StudioInternals }) => {
213
213
  window.remotion_isStudio = true;
214
214
  window.remotion_isReadOnlyStudio = true;
215
215
  window.remotion_inputProps = "{}";
@@ -6,6 +6,19 @@ 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 getInheritedLoopDisplay = (sequence, sequences) => {
10
+ if (sequence.loopDisplay) {
11
+ return sequence.loopDisplay;
12
+ }
13
+ if (!sequence.parent) {
14
+ return undefined;
15
+ }
16
+ const parent = sequences.find((s) => s.id === sequence.parent);
17
+ if (!parent) {
18
+ return undefined;
19
+ }
20
+ return getInheritedLoopDisplay(parent, sequences);
21
+ };
9
22
  const calculateTimeline = ({ sequences, }) => {
10
23
  const sortedSequences = (0, sort_by_nonce_history_1.sortItemsByNonceHistory)(sequences);
11
24
  const tracks = [];
@@ -33,6 +46,9 @@ const calculateTimeline = ({ sequences, }) => {
33
46
  ...sequence,
34
47
  from: visibleStart,
35
48
  duration: visibleDuration,
49
+ loopDisplay: sequence.type === 'audio' || sequence.type === 'video'
50
+ ? getInheritedLoopDisplay(sequence, sortedSequences)
51
+ : sequence.loopDisplay,
36
52
  },
37
53
  depth: (0, get_timeline_nestedness_1.getTimelineNestedLevel)(sequence, sortedSequences, 0),
38
54
  hash: actualHash,
@@ -9,6 +9,7 @@ const getTimelineNestedLevel = (sequence, allSequences, depth) => {
9
9
  if (!parentSequence) {
10
10
  throw new Error('has parentId but no parent');
11
11
  }
12
- return (0, exports.getTimelineNestedLevel)(parentSequence, allSequences, depth + 1);
12
+ const parentContributes = parentSequence.showInTimeline;
13
+ return (0, exports.getTimelineNestedLevel)(parentSequence, allSequences, parentContributes ? depth + 1 : depth);
13
14
  };
14
15
  exports.getTimelineNestedLevel = getTimelineNestedLevel;
@@ -0,0 +1 @@
1
+ export declare const makeAudioWaveformWorker: () => Worker;
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.makeAudioWaveformWorker = void 0;
4
+ const makeAudioWaveformWorker = () => {
5
+ // @ts-expect-error `import.meta.url` is required for bundling the worker entry.
6
+ return new Worker(new URL('./audio-waveform-worker.mjs', import.meta.url), {
7
+ type: 'module',
8
+ });
9
+ };
10
+ exports.makeAudioWaveformWorker = makeAudioWaveformWorker;
@@ -186,13 +186,13 @@ const renderContent = (Root) => {
186
186
  defaultPixelFormat: bundleMode.compositionDefaultPixelFormat,
187
187
  defaultProResProfile: bundleMode.compositionDefaultProResProfile,
188
188
  defaultSampleRate: bundleMode.compositionDefaultSampleRate,
189
- }, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_a = window.remotion_logLevel) !== null && _a !== void 0 ? _a : 'info', numberOfAudioTags: 0, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'interactive', visualModeEnabled: false, children: jsx_runtime_1.jsxs(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: [
189
+ }, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_a = window.remotion_logLevel) !== null && _a !== void 0 ? _a : 'info', numberOfAudioTags: 0, audioLatencyHint: (_b = window.remotion_audioLatencyHint) !== null && _b !== void 0 ? _b : 'playback', visualModeEnabled: false, children: jsx_runtime_1.jsxs(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: [
190
190
  jsx_runtime_1.jsx(Root, {}), jsx_runtime_1.jsx(GetVideoComposition, { state: bundleMode })
191
191
  ] }) }) }));
192
192
  renderToDOM(markup);
193
193
  }
194
194
  if (bundleMode.type === 'evaluation') {
195
- const markup = (jsx_runtime_1.jsx(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_c = window.remotion_logLevel) !== null && _c !== void 0 ? _c : 'info', numberOfAudioTags: 0, audioLatencyHint: (_d = window.remotion_audioLatencyHint) !== null && _d !== void 0 ? _d : 'interactive', visualModeEnabled: false, children: jsx_runtime_1.jsx(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: jsx_runtime_1.jsx(Root, {}) }) }) }));
195
+ const markup = (jsx_runtime_1.jsx(remotion_1.Internals.CompositionManagerProvider, { initialCanvasContent: null, onlyRenderComposition: null, currentCompositionMetadata: null, initialCompositions: [], children: jsx_runtime_1.jsx(remotion_1.Internals.RemotionRootContexts, { frameState: null, audioEnabled: window.remotion_audioEnabled, videoEnabled: window.remotion_videoEnabled, logLevel: (_c = window.remotion_logLevel) !== null && _c !== void 0 ? _c : 'info', numberOfAudioTags: 0, audioLatencyHint: (_d = window.remotion_audioLatencyHint) !== null && _d !== void 0 ? _d : 'playback', visualModeEnabled: false, children: jsx_runtime_1.jsx(remotion_1.Internals.RenderAssetManagerProvider, { collectAssets: null, children: jsx_runtime_1.jsx(Root, {}) }) }) }));
196
196
  renderToDOM(markup);
197
197
  }
198
198
  if (bundleMode.type === 'index') {
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.451",
6
+ "version": "4.0.453",
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.451",
30
- "@remotion/player": "4.0.451",
31
- "@remotion/media-utils": "4.0.451",
32
- "@remotion/renderer": "4.0.451",
33
- "@remotion/web-renderer": "4.0.451",
34
- "@remotion/studio-shared": "4.0.451",
35
- "@remotion/zod-types": "4.0.451",
29
+ "remotion": "4.0.453",
30
+ "@remotion/player": "4.0.453",
31
+ "@remotion/media-utils": "4.0.453",
32
+ "@remotion/renderer": "4.0.453",
33
+ "@remotion/web-renderer": "4.0.453",
34
+ "@remotion/studio-shared": "4.0.453",
35
+ "@remotion/zod-types": "4.0.453",
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.451",
46
+ "@remotion/eslint-config-internal": "4.0.453",
47
47
  "eslint": "9.19.0",
48
48
  "@typescript/native-preview": "7.0.0-dev.20260217.1"
49
49
  },
@@ -75,6 +75,12 @@
75
75
  "require": "./dist/previewEntry.js",
76
76
  "module": "./dist/esm/previewEntry.mjs",
77
77
  "import": "./dist/esm/previewEntry.mjs"
78
+ },
79
+ "./audio-waveform-worker": {
80
+ "types": "./dist/audio-waveform-worker.d.ts",
81
+ "require": "./dist/audio-waveform-worker.js",
82
+ "module": "./dist/esm/audio-waveform-worker.mjs",
83
+ "import": "./dist/esm/audio-waveform-worker.mjs"
78
84
  }
79
85
  },
80
86
  "homepage": "https://www.remotion.dev/docs/studio/api",
@@ -88,6 +94,9 @@
88
94
  ],
89
95
  "previewEntry": [
90
96
  "./dist/previewEntry.d.ts"
97
+ ],
98
+ "audio-waveform-worker": [
99
+ "./dist/audio-waveform-worker.d.ts"
91
100
  ]
92
101
  }
93
102
  }