@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.
- package/dist/Studio.js +1 -1
- package/dist/api/save-render-output.js +3 -12
- package/dist/components/AudioWaveform.js +19 -2
- package/dist/components/ContextMenu.js +5 -1
- package/dist/components/EditorContent.js +5 -4
- package/dist/components/Menu/MenuItem.d.ts +1 -1
- package/dist/components/MenuBuildIndicator.js +0 -1
- package/dist/components/NewComposition/InputDragger.js +1 -0
- package/dist/components/Preview.js +4 -1
- package/dist/components/SelectedOutlineOverlay.d.ts +18 -0
- package/dist/components/SelectedOutlineOverlay.js +645 -0
- package/dist/components/Timeline/Timeline.js +27 -13
- package/dist/components/Timeline/TimelineDeleteKeybindings.d.ts +2 -0
- package/dist/components/Timeline/TimelineDeleteKeybindings.js +86 -0
- package/dist/components/Timeline/TimelineDragHandler.js +19 -244
- package/dist/components/Timeline/{TimelineEffectGroupRow.d.ts → TimelineEffectItem.d.ts} +1 -1
- package/dist/components/Timeline/{TimelineEffectGroupRow.js → TimelineEffectItem.js} +50 -33
- package/dist/components/Timeline/{TimelineEffectFieldRow.d.ts → TimelineEffectPropItem.d.ts} +2 -1
- package/dist/components/Timeline/{TimelineEffectFieldRow.js → TimelineEffectPropItem.js} +97 -8
- package/dist/components/Timeline/TimelineExpandArrowButton.js +5 -1
- package/dist/components/Timeline/TimelineExpandedKeyframeRow.js +37 -5
- package/dist/components/Timeline/TimelineExpandedRow.d.ts +1 -0
- package/dist/components/Timeline/TimelineExpandedRow.js +9 -7
- package/dist/components/Timeline/TimelineExpandedSection.d.ts +1 -0
- package/dist/components/Timeline/TimelineExpandedSection.js +2 -2
- package/dist/components/Timeline/TimelineInOutDragHandler.d.ts +2 -0
- package/dist/components/Timeline/TimelineInOutDragHandler.js +324 -0
- package/dist/components/Timeline/TimelineInOutPointer.js +3 -1
- package/dist/components/Timeline/TimelineInOutPointerHandle.d.ts +1 -0
- package/dist/components/Timeline/TimelineInOutPointerHandle.js +5 -4
- package/dist/components/Timeline/TimelineKeyframeControls.d.ts +17 -0
- package/dist/components/Timeline/TimelineKeyframeControls.js +217 -0
- package/dist/components/Timeline/TimelineKeyframeDiamond.js +7 -6
- package/dist/components/Timeline/TimelineKeyframedValue.d.ts +8 -0
- package/dist/components/Timeline/TimelineKeyframedValue.js +36 -0
- package/dist/components/Timeline/TimelineList.js +3 -15
- package/dist/components/Timeline/TimelineRowChrome.d.ts +3 -1
- package/dist/components/Timeline/TimelineRowChrome.js +23 -5
- package/dist/components/Timeline/TimelineSelection.d.ts +53 -9
- package/dist/components/Timeline/TimelineSelection.js +305 -48
- package/dist/components/Timeline/TimelineSequence.d.ts +2 -0
- package/dist/components/Timeline/TimelineSequence.js +18 -6
- package/dist/components/Timeline/TimelineSequenceFrame.js +1 -0
- package/dist/components/Timeline/{TimelineListItem.d.ts → TimelineSequenceItem.d.ts} +2 -1
- package/dist/components/Timeline/{TimelineListItem.js → TimelineSequenceItem.js} +49 -33
- package/dist/components/Timeline/{TimelineFieldRow.d.ts → TimelineSequencePropItem.d.ts} +2 -1
- package/dist/components/Timeline/{TimelineFieldRow.js → TimelineSequencePropItem.js} +81 -5
- package/dist/components/Timeline/TimelineTimeIndicators.js +0 -1
- package/dist/components/Timeline/TimelineTrack.js +3 -1
- package/dist/components/Timeline/TimelineTranslateField.js +14 -22
- package/dist/components/Timeline/call-add-keyframe.d.ts +23 -0
- package/dist/components/Timeline/call-add-keyframe.js +54 -0
- package/dist/components/Timeline/call-delete-keyframe.d.ts +21 -0
- package/dist/components/Timeline/call-delete-keyframe.js +50 -0
- package/dist/components/Timeline/delete-selected-keyframe.d.ts +11 -0
- package/dist/components/Timeline/delete-selected-keyframe.js +51 -0
- package/dist/components/Timeline/delete-selected-timeline-item.d.ts +17 -0
- package/dist/components/Timeline/delete-selected-timeline-item.js +183 -0
- package/dist/components/Timeline/duplicate-selected-timeline-item.d.ts +13 -0
- package/dist/components/Timeline/duplicate-selected-timeline-item.js +66 -0
- package/dist/components/Timeline/find-track-for-node-path-info.d.ts +7 -0
- package/dist/components/Timeline/find-track-for-node-path-info.js +13 -0
- package/dist/components/Timeline/get-keyframe-navigation.d.ts +9 -0
- package/dist/components/Timeline/get-keyframe-navigation.js +26 -0
- package/dist/components/Timeline/parse-keyframe-field-from-node-path.d.ts +8 -0
- package/dist/components/Timeline/parse-keyframe-field-from-node-path.js +26 -0
- package/dist/components/Timeline/save-sequence-prop.d.ts +14 -2
- package/dist/components/Timeline/save-sequence-prop.js +42 -7
- package/dist/components/Timeline/timeline-row-layout.d.ts +1 -0
- package/dist/components/Timeline/timeline-row-layout.js +2 -1
- package/dist/components/Timeline/timeline-translate-utils.d.ts +2 -0
- package/dist/components/Timeline/timeline-translate-utils.js +20 -0
- package/dist/components/Timeline/use-expanded-track-keyframe-rows.js +10 -3
- package/dist/components/composition-menu-items.js +32 -1
- package/dist/error-overlay/remotion-overlay/OpenInEditor.js +0 -1
- package/dist/esm/{chunk-1mp51e0w.js → chunk-dny42qnq.js} +9896 -6174
- package/dist/esm/internals.mjs +9896 -6174
- package/dist/esm/previewEntry.mjs +9870 -6148
- package/dist/esm/renderEntry.mjs +3 -1
- package/dist/helpers/format-file-location.d.ts +9 -0
- package/dist/helpers/format-file-location.js +27 -0
- package/dist/helpers/get-box-quads-polyfill-internals.d.ts +82 -0
- package/dist/helpers/get-box-quads-polyfill-internals.js +2395 -0
- package/dist/helpers/get-box-quads-ponyfill.d.ts +10 -0
- package/dist/helpers/get-box-quads-ponyfill.js +23 -0
- package/dist/helpers/open-in-editor.d.ts +1 -1
- package/dist/helpers/open-in-editor.js +11 -26
- package/dist/helpers/use-menu-structure.js +8 -16
- package/dist/renderEntry.js +2 -2
- package/package.json +10 -10
package/dist/esm/renderEntry.mjs
CHANGED
|
@@ -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-
|
|
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,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;
|