@remotion/studio 4.0.469 → 4.0.470

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 (90) hide show
  1. package/dist/Studio.js +1 -1
  2. package/dist/api/save-render-output.js +3 -12
  3. package/dist/components/AudioWaveform.js +19 -2
  4. package/dist/components/ContextMenu.js +5 -1
  5. package/dist/components/EditorContent.js +5 -4
  6. package/dist/components/Menu/MenuItem.d.ts +1 -1
  7. package/dist/components/MenuBuildIndicator.js +0 -1
  8. package/dist/components/NewComposition/InputDragger.js +1 -0
  9. package/dist/components/Preview.js +4 -1
  10. package/dist/components/SelectedOutlineOverlay.d.ts +18 -0
  11. package/dist/components/SelectedOutlineOverlay.js +645 -0
  12. package/dist/components/Timeline/Timeline.js +27 -13
  13. package/dist/components/Timeline/TimelineDeleteKeybindings.d.ts +2 -0
  14. package/dist/components/Timeline/TimelineDeleteKeybindings.js +86 -0
  15. package/dist/components/Timeline/TimelineDragHandler.js +19 -244
  16. package/dist/components/Timeline/{TimelineEffectGroupRow.d.ts → TimelineEffectItem.d.ts} +1 -1
  17. package/dist/components/Timeline/{TimelineEffectGroupRow.js → TimelineEffectItem.js} +50 -33
  18. package/dist/components/Timeline/{TimelineEffectFieldRow.d.ts → TimelineEffectPropItem.d.ts} +2 -1
  19. package/dist/components/Timeline/{TimelineEffectFieldRow.js → TimelineEffectPropItem.js} +97 -8
  20. package/dist/components/Timeline/TimelineExpandArrowButton.js +5 -1
  21. package/dist/components/Timeline/TimelineExpandedKeyframeRow.js +37 -5
  22. package/dist/components/Timeline/TimelineExpandedRow.d.ts +1 -0
  23. package/dist/components/Timeline/TimelineExpandedRow.js +9 -7
  24. package/dist/components/Timeline/TimelineExpandedSection.d.ts +1 -0
  25. package/dist/components/Timeline/TimelineExpandedSection.js +2 -2
  26. package/dist/components/Timeline/TimelineInOutDragHandler.d.ts +2 -0
  27. package/dist/components/Timeline/TimelineInOutDragHandler.js +324 -0
  28. package/dist/components/Timeline/TimelineInOutPointer.js +3 -1
  29. package/dist/components/Timeline/TimelineInOutPointerHandle.d.ts +1 -0
  30. package/dist/components/Timeline/TimelineInOutPointerHandle.js +5 -4
  31. package/dist/components/Timeline/TimelineKeyframeControls.d.ts +17 -0
  32. package/dist/components/Timeline/TimelineKeyframeControls.js +217 -0
  33. package/dist/components/Timeline/TimelineKeyframeDiamond.js +7 -6
  34. package/dist/components/Timeline/TimelineKeyframedValue.d.ts +8 -0
  35. package/dist/components/Timeline/TimelineKeyframedValue.js +36 -0
  36. package/dist/components/Timeline/TimelineList.js +3 -15
  37. package/dist/components/Timeline/TimelineRowChrome.d.ts +3 -1
  38. package/dist/components/Timeline/TimelineRowChrome.js +23 -5
  39. package/dist/components/Timeline/TimelineSelection.d.ts +53 -9
  40. package/dist/components/Timeline/TimelineSelection.js +305 -48
  41. package/dist/components/Timeline/TimelineSequence.d.ts +2 -0
  42. package/dist/components/Timeline/TimelineSequence.js +18 -6
  43. package/dist/components/Timeline/TimelineSequenceFrame.js +1 -0
  44. package/dist/components/Timeline/{TimelineListItem.d.ts → TimelineSequenceItem.d.ts} +2 -1
  45. package/dist/components/Timeline/{TimelineListItem.js → TimelineSequenceItem.js} +49 -33
  46. package/dist/components/Timeline/{TimelineFieldRow.d.ts → TimelineSequencePropItem.d.ts} +2 -1
  47. package/dist/components/Timeline/{TimelineFieldRow.js → TimelineSequencePropItem.js} +81 -5
  48. package/dist/components/Timeline/TimelineTimeIndicators.js +0 -1
  49. package/dist/components/Timeline/TimelineTrack.js +3 -1
  50. package/dist/components/Timeline/TimelineTranslateField.js +14 -22
  51. package/dist/components/Timeline/call-add-keyframe.d.ts +23 -0
  52. package/dist/components/Timeline/call-add-keyframe.js +54 -0
  53. package/dist/components/Timeline/call-delete-keyframe.d.ts +21 -0
  54. package/dist/components/Timeline/call-delete-keyframe.js +50 -0
  55. package/dist/components/Timeline/delete-selected-keyframe.d.ts +11 -0
  56. package/dist/components/Timeline/delete-selected-keyframe.js +51 -0
  57. package/dist/components/Timeline/delete-selected-timeline-item.d.ts +17 -0
  58. package/dist/components/Timeline/delete-selected-timeline-item.js +183 -0
  59. package/dist/components/Timeline/duplicate-selected-timeline-item.d.ts +13 -0
  60. package/dist/components/Timeline/duplicate-selected-timeline-item.js +66 -0
  61. package/dist/components/Timeline/find-track-for-node-path-info.d.ts +7 -0
  62. package/dist/components/Timeline/find-track-for-node-path-info.js +13 -0
  63. package/dist/components/Timeline/get-keyframe-navigation.d.ts +9 -0
  64. package/dist/components/Timeline/get-keyframe-navigation.js +26 -0
  65. package/dist/components/Timeline/parse-keyframe-field-from-node-path.d.ts +8 -0
  66. package/dist/components/Timeline/parse-keyframe-field-from-node-path.js +26 -0
  67. package/dist/components/Timeline/save-sequence-prop.d.ts +14 -2
  68. package/dist/components/Timeline/save-sequence-prop.js +42 -7
  69. package/dist/components/Timeline/timeline-row-layout.d.ts +1 -0
  70. package/dist/components/Timeline/timeline-row-layout.js +2 -1
  71. package/dist/components/Timeline/timeline-translate-utils.d.ts +2 -0
  72. package/dist/components/Timeline/timeline-translate-utils.js +20 -0
  73. package/dist/components/Timeline/use-expanded-track-keyframe-rows.js +10 -3
  74. package/dist/components/composition-menu-items.js +32 -1
  75. package/dist/error-overlay/remotion-overlay/OpenInEditor.js +0 -1
  76. package/dist/esm/{chunk-1mp51e0w.js → chunk-dny42qnq.js} +9896 -6174
  77. package/dist/esm/internals.mjs +9896 -6174
  78. package/dist/esm/previewEntry.mjs +9870 -6148
  79. package/dist/esm/renderEntry.mjs +3 -1
  80. package/dist/helpers/format-file-location.d.ts +9 -0
  81. package/dist/helpers/format-file-location.js +27 -0
  82. package/dist/helpers/get-box-quads-polyfill-internals.d.ts +82 -0
  83. package/dist/helpers/get-box-quads-polyfill-internals.js +2395 -0
  84. package/dist/helpers/get-box-quads-ponyfill.d.ts +10 -0
  85. package/dist/helpers/get-box-quads-ponyfill.js +23 -0
  86. package/dist/helpers/open-in-editor.d.ts +1 -1
  87. package/dist/helpers/open-in-editor.js +11 -26
  88. package/dist/helpers/use-menu-structure.js +8 -16
  89. package/dist/renderEntry.js +2 -2
  90. package/package.json +10 -10
@@ -166,6 +166,7 @@ var renderContent = (Root) => {
166
166
  logLevel: window.remotion_logLevel ?? "info",
167
167
  numberOfAudioTags: 0,
168
168
  audioLatencyHint: window.remotion_audioLatencyHint ?? "playback",
169
+ previewSampleRate: window.remotion_previewSampleRate,
169
170
  children: /* @__PURE__ */ jsxs(Internals.RenderAssetManagerProvider, {
170
171
  collectAssets: null,
171
172
  children: [
@@ -192,6 +193,7 @@ var renderContent = (Root) => {
192
193
  logLevel: window.remotion_logLevel ?? "info",
193
194
  numberOfAudioTags: 0,
194
195
  audioLatencyHint: window.remotion_audioLatencyHint ?? "playback",
196
+ previewSampleRate: window.remotion_previewSampleRate,
195
197
  children: /* @__PURE__ */ jsx(Internals.RenderAssetManagerProvider, {
196
198
  collectAssets: null,
197
199
  children: /* @__PURE__ */ jsx(Root, {})
@@ -207,7 +209,7 @@ var renderContent = (Root) => {
207
209
  renderToDOM(/* @__PURE__ */ jsx("div", {
208
210
  children: /* @__PURE__ */ jsx(DelayedSpinner, {})
209
211
  }));
210
- import("./chunk-1mp51e0w.js").then(({ StudioInternals }) => {
212
+ import("./chunk-dny42qnq.js").then(({ StudioInternals }) => {
211
213
  window.remotion_isStudio = true;
212
214
  window.remotion_isReadOnlyStudio = true;
213
215
  window.remotion_inputProps = "{}";
@@ -0,0 +1,9 @@
1
+ type FileLocation = {
2
+ readonly source: string | null;
3
+ readonly line: number | null;
4
+ };
5
+ export declare const formatFileLocation: ({ location, root, }: {
6
+ readonly location: FileLocation | null;
7
+ readonly root: string;
8
+ }) => string | null;
9
+ export {};
@@ -0,0 +1,27 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.formatFileLocation = void 0;
4
+ const normalizeSlashes = (path) => path.replace(/\\/g, '/');
5
+ const stripTrailingSlashes = (path) => path.replace(/\/+$/, '');
6
+ const stripLeadingDotSlash = (path) => path.replace(/^\.\/+/, '');
7
+ const formatFileLocation = ({ location, root, }) => {
8
+ if (!(location === null || location === void 0 ? void 0 : location.source) || location.line === null) {
9
+ return null;
10
+ }
11
+ const source = normalizeSlashes(location.source);
12
+ const normalizedRoot = stripTrailingSlashes(normalizeSlashes(root));
13
+ const shouldCompareCaseInsensitive = /^[a-z]:\//i.test(source) || /^[a-z]:\//i.test(normalizedRoot);
14
+ const sourceForComparison = shouldCompareCaseInsensitive
15
+ ? source.toLowerCase()
16
+ : source;
17
+ const rootForComparison = shouldCompareCaseInsensitive
18
+ ? normalizedRoot.toLowerCase()
19
+ : normalizedRoot;
20
+ const sourceIsInsideRoot = normalizedRoot.length > 0 &&
21
+ sourceForComparison.startsWith(rootForComparison + '/');
22
+ const relativeSource = sourceIsInsideRoot
23
+ ? source.slice(normalizedRoot.length + 1)
24
+ : source;
25
+ return `${stripLeadingDotSlash(relativeSource)}:${location.line}`;
26
+ };
27
+ exports.formatFileLocation = formatFileLocation;
@@ -0,0 +1,82 @@
1
+ /**
2
+ * @param {globalThis} windowObj?
3
+ * @param {boolean=} force
4
+ */
5
+ export declare function addPolyfill(windowObj?: globalThis, force?: boolean | undefined): void;
6
+ /**
7
+ * @param {globalThis} windowObj?
8
+ */
9
+ export declare function patchAdoptNode(windowObj?: globalThis): void;
10
+ /**
11
+ * @param {Node} node
12
+ * @param {DOMQuadInit} quad
13
+ * @param {Element} from
14
+ * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
15
+ * @returns {DOMQuad}
16
+ */
17
+ export declare function convertQuadFromNode(node: Node, quad: DOMQuadInit, from: Element, options?: {
18
+ fromBox?: 'margin' | 'border' | 'padding' | 'content';
19
+ toBox?: 'margin' | 'border' | 'padding' | 'content';
20
+ iframes?: HTMLIFrameElement[];
21
+ } | undefined): DOMQuad;
22
+ /**
23
+ * @param {Node} node
24
+ * @param {{x: number, y: number, width: number, height: number}} rect
25
+ * @param {Element} from
26
+ * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
27
+ * @returns {DOMQuad}
28
+ */
29
+ export declare function convertRectFromNode(node: Node, rect: {
30
+ x: number;
31
+ y: number;
32
+ width: number;
33
+ height: number;
34
+ }, from: Element, options?: {
35
+ fromBox?: 'margin' | 'border' | 'padding' | 'content';
36
+ toBox?: 'margin' | 'border' | 'padding' | 'content';
37
+ iframes?: HTMLIFrameElement[];
38
+ } | undefined): DOMQuad;
39
+ /**
40
+ * @param {Node} node
41
+ * @param {DOMPointInit} point
42
+ * @param {Element} from
43
+ * @param {{fromBox?: 'margin'|'border'|'padding'|'content', toBox?: 'margin'|'border'|'padding'|'content', iframes?: HTMLIFrameElement[]}=} options
44
+ * @returns {DOMPoint}
45
+ */
46
+ export declare function convertPointFromNode(node: Node, point: DOMPointInit, from: Element, options?: {
47
+ fromBox?: 'margin' | 'border' | 'padding' | 'content';
48
+ toBox?: 'margin' | 'border' | 'padding' | 'content';
49
+ iframes?: HTMLIFrameElement[];
50
+ } | undefined): DOMPoint;
51
+ export declare function clearCache(): void;
52
+ export declare function useCache(): void;
53
+ /**
54
+ * @param {Node} node
55
+ * @param {{box?: 'margin'|'border'|'padding'|'content', relativeTo?: Element, iframes?: HTMLIFrameElement[]}=} options
56
+ * @returns {DOMQuad[]}
57
+ */
58
+ export declare function getBoxQuads(node: Node, options?: {
59
+ box?: 'margin' | 'border' | 'padding' | 'content';
60
+ relativeTo?: Element;
61
+ iframes?: HTMLIFrameElement[];
62
+ } | undefined): DOMQuad[];
63
+ /**
64
+ * @param {Node} node
65
+ * @param {DOMMatrix=} matrix
66
+ */
67
+ export declare function getElementSize(node: Node, matrix?: DOMMatrix | undefined): {
68
+ width: number;
69
+ height: number;
70
+ };
71
+ /**
72
+ * @param {Node} node
73
+ * @param {Element} ancestor
74
+ * @param {HTMLIFrameElement[]} iframes
75
+ * @param {boolean=} excludeSelfZoom
76
+ */
77
+ export declare function getResultingTransformationBetweenElementAndAllAncestors(node: Node, ancestor: Element, iframes: HTMLIFrameElement[], excludeSelfZoom?: boolean | undefined): DOMMatrix;
78
+ /**
79
+ * @param {Node} element
80
+ * @param {HTMLIFrameElement[]=} iframes
81
+ */
82
+ export declare function getElementCombinedTransform(element: Node, iframes?: HTMLIFrameElement[] | undefined): DOMMatrix;