@remotion/studio 4.0.476 → 4.0.477
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/Canvas.js +40 -1
- package/dist/components/ControlButton.d.ts +1 -0
- package/dist/components/ControlButton.js +7 -2
- package/dist/components/EditorGuides/Guide.js +122 -20
- package/dist/components/EditorRuler/Ruler.js +21 -15
- package/dist/components/EditorRuler/index.js +18 -10
- package/dist/components/OutlineToggle.js +1 -1
- package/dist/components/SelectedOutlineElement.d.ts +17 -0
- package/dist/components/SelectedOutlineElement.js +938 -0
- package/dist/components/SelectedOutlineOverlay.d.ts +4 -210
- package/dist/components/SelectedOutlineOverlay.js +64 -1637
- package/dist/components/SelectedOutlineUvControls.js +1 -1
- package/dist/components/ShowGuidesProvider.js +4 -4
- package/dist/components/Timeline/SubscribeToNodePaths.d.ts +2 -1
- package/dist/components/Timeline/SubscribeToNodePaths.js +2 -1
- package/dist/components/Timeline/Timeline.js +3 -1
- package/dist/components/Timeline/TimelineClipboardKeybindings.js +9 -10
- package/dist/components/Timeline/TimelineDeleteKeybindings.js +15 -4
- package/dist/components/Timeline/TimelineKeyframeEasingLine.js +7 -11
- package/dist/components/Timeline/TimelineList.js +1 -1
- package/dist/components/Timeline/TimelineSelection.d.ts +27 -13
- package/dist/components/Timeline/TimelineSelection.js +47 -28
- package/dist/components/Timeline/TimelineSequence.js +169 -8
- package/dist/components/Timeline/TimelineSequenceFrame.d.ts +1 -0
- package/dist/components/Timeline/TimelineSequenceFrame.js +17 -6
- package/dist/components/Timeline/TimelineSequenceItem.d.ts +1 -0
- package/dist/components/Timeline/TimelineSequenceItem.js +90 -130
- package/dist/components/Timeline/delete-selected-timeline-item.js +4 -0
- package/dist/components/Timeline/duplicate-selected-timeline-item.d.ts +1 -2
- package/dist/components/Timeline/get-sequence-context-menu-items.d.ts +20 -0
- package/dist/components/Timeline/get-sequence-context-menu-items.js +160 -0
- package/dist/components/Timeline/sequence-props-subscription-store.d.ts +2 -1
- package/dist/components/Timeline/sequence-props-subscription-store.js +11 -3
- package/dist/components/Timeline/should-clear-selection-on-pointer-down.d.ts +2 -0
- package/dist/components/Timeline/should-clear-selection-on-pointer-down.js +16 -2
- package/dist/components/Timeline/update-selected-easing.d.ts +4 -6
- package/dist/components/Timeline/use-sequence-props-subscription.d.ts +2 -1
- package/dist/components/Timeline/use-sequence-props-subscription.js +3 -1
- package/dist/components/Timeline/use-timeline-keyframe-drag.d.ts +37 -1
- package/dist/components/Timeline/use-timeline-keyframe-drag.js +282 -1
- package/dist/components/import-assets.d.ts +36 -8
- package/dist/components/import-assets.js +170 -10
- package/dist/components/selected-outline-drag.d.ts +117 -0
- package/dist/components/selected-outline-drag.js +427 -0
- package/dist/components/selected-outline-measurement.d.ts +67 -0
- package/dist/components/selected-outline-measurement.js +355 -0
- package/dist/components/selected-outline-types.d.ts +121 -0
- package/dist/components/selected-outline-types.js +15 -0
- package/dist/components/selected-outline-uv.d.ts +1 -0
- package/dist/components/selected-outline-uv.js +12 -0
- package/dist/esm/{chunk-0atarw3p.js → chunk-t8fjnw2d.js} +12570 -11492
- package/dist/esm/internals.mjs +12570 -11492
- package/dist/esm/previewEntry.mjs +12580 -11502
- package/dist/esm/renderEntry.mjs +1 -1
- package/dist/helpers/editor-guide-selection.d.ts +31 -0
- package/dist/helpers/editor-guide-selection.js +58 -0
- package/dist/helpers/editor-ruler.d.ts +3 -3
- package/dist/helpers/editor-ruler.js +16 -18
- package/dist/state/editor-guides.d.ts +2 -2
- package/dist/state/editor-guides.js +2 -2
- package/package.json +11 -11
|
@@ -1,214 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
import { type TimelineSelection, type TimelineSelectionInteraction } from './Timeline/TimelineSelection';
|
|
7
|
-
type SelectedOutlineDragTarget = {
|
|
8
|
-
readonly propStatus: CanUpdateSequencePropStatusStatic | CanUpdateSequencePropStatusKeyframed;
|
|
9
|
-
readonly clientId: string;
|
|
10
|
-
readonly fieldDefault: string | undefined;
|
|
11
|
-
readonly keyframeDisplayOffset: number;
|
|
12
|
-
readonly nodePath: SequencePropsSubscriptionKey;
|
|
13
|
-
readonly schema: SequenceSchema;
|
|
14
|
-
};
|
|
15
|
-
type ScaleFieldSchema = Extract<SequenceFieldSchema, {
|
|
16
|
-
type: 'scale';
|
|
17
|
-
}>;
|
|
18
|
-
type RotationFieldSchema = Extract<SequenceFieldSchema, {
|
|
19
|
-
type: 'rotation-css';
|
|
20
|
-
}>;
|
|
21
|
-
type SelectedOutlineScaleDragTarget = {
|
|
22
|
-
readonly propStatus: CanUpdateSequencePropStatusStatic | CanUpdateSequencePropStatusKeyframed;
|
|
23
|
-
readonly clientId: string;
|
|
24
|
-
readonly fieldDefault: number | string | undefined;
|
|
25
|
-
readonly fieldSchema: ScaleFieldSchema;
|
|
26
|
-
readonly keyframeDisplayOffset: number;
|
|
27
|
-
readonly linked: boolean;
|
|
28
|
-
readonly nodePath: SequencePropsSubscriptionKey;
|
|
29
|
-
readonly schema: SequenceSchema;
|
|
30
|
-
};
|
|
31
|
-
type SelectedOutlineRotationDragTarget = {
|
|
32
|
-
readonly propStatus: CanUpdateSequencePropStatusStatic | CanUpdateSequencePropStatusKeyframed;
|
|
33
|
-
readonly clientId: string;
|
|
34
|
-
readonly fieldDefault: string | undefined;
|
|
35
|
-
readonly fieldSchema: RotationFieldSchema;
|
|
36
|
-
readonly keyframeDisplayOffset: number;
|
|
37
|
-
readonly nodePath: SequencePropsSubscriptionKey;
|
|
38
|
-
readonly schema: SequenceSchema;
|
|
39
|
-
readonly transformOriginValue: string;
|
|
40
|
-
};
|
|
41
|
-
export type SelectedOutlineDragState = {
|
|
42
|
-
readonly defaultValue: string | null;
|
|
43
|
-
readonly key: string;
|
|
44
|
-
readonly sourceFrame: number;
|
|
45
|
-
readonly startX: number;
|
|
46
|
-
readonly startY: number;
|
|
47
|
-
readonly target: SelectedOutlineDragTarget;
|
|
48
|
-
};
|
|
49
|
-
export type SelectedOutlineScaleDragState = {
|
|
50
|
-
readonly defaultValue: string | null;
|
|
51
|
-
readonly key: string;
|
|
52
|
-
readonly sourceFrame: number;
|
|
53
|
-
readonly startX: number;
|
|
54
|
-
readonly startY: number;
|
|
55
|
-
readonly startZ: number;
|
|
56
|
-
readonly target: SelectedOutlineScaleDragTarget;
|
|
57
|
-
};
|
|
58
|
-
export type SelectedOutlineRotationDragState = {
|
|
59
|
-
readonly defaultValue: string | null;
|
|
60
|
-
readonly key: string;
|
|
61
|
-
readonly sourceFrame: number;
|
|
62
|
-
readonly startDegrees: number;
|
|
63
|
-
readonly target: SelectedOutlineRotationDragTarget;
|
|
64
|
-
};
|
|
65
|
-
type SequenceWithSelectedOutline = {
|
|
66
|
-
readonly depth: number;
|
|
67
|
-
readonly keyframeDisplayOffset: number;
|
|
68
|
-
readonly key: string;
|
|
69
|
-
readonly nodePathInfo: SequenceNodePathInfo;
|
|
70
|
-
readonly sequence: TSequence;
|
|
71
|
-
};
|
|
72
|
-
export declare const selectedOutlineDragThresholdPx = 4;
|
|
73
|
-
export declare const getSelectedOutlineRotationDeltaDegrees: ({ from, to, }: {
|
|
74
|
-
readonly from: number;
|
|
75
|
-
readonly to: number;
|
|
76
|
-
}) => number;
|
|
77
|
-
export type SelectedOutlineRotationCorner = 'top-left' | 'top-right' | 'bottom-right' | 'bottom-left';
|
|
78
|
-
export declare const getSelectedOutlineRotationCornerInfo: (points: readonly [OutlinePoint, OutlinePoint, OutlinePoint, OutlinePoint], corner: SelectedOutlineRotationCorner) => {
|
|
79
|
-
center: OutlinePoint;
|
|
80
|
-
cursor: string;
|
|
81
|
-
cursorDegrees: number;
|
|
82
|
-
point: OutlinePoint;
|
|
83
|
-
};
|
|
84
|
-
export declare const getSelectedOutlineRotationPivot: ({ dimensions, points, transformOriginValue, }: {
|
|
85
|
-
readonly dimensions: {
|
|
86
|
-
readonly width: number;
|
|
87
|
-
readonly height: number;
|
|
88
|
-
} | null;
|
|
89
|
-
readonly points: readonly [OutlinePoint, OutlinePoint, OutlinePoint, OutlinePoint];
|
|
90
|
-
readonly transformOriginValue: string;
|
|
91
|
-
}) => OutlinePoint;
|
|
92
|
-
type SvgViewport = {
|
|
93
|
-
readonly x: number;
|
|
94
|
-
readonly y: number;
|
|
95
|
-
readonly width: number;
|
|
96
|
-
readonly height: number;
|
|
97
|
-
};
|
|
98
|
-
type SvgScreenCtm = Pick<DOMMatrixReadOnly, 'a' | 'b' | 'c' | 'd' | 'e' | 'f'>;
|
|
99
|
-
export declare const getTransformedSvgViewportPoints: ({ viewport, ctm, containerRect, }: {
|
|
100
|
-
readonly viewport: SvgViewport;
|
|
101
|
-
readonly ctm: SvgScreenCtm;
|
|
102
|
-
readonly containerRect: Pick<DOMRect, "left" | "top">;
|
|
103
|
-
}) => readonly [OutlinePoint, OutlinePoint, OutlinePoint, OutlinePoint];
|
|
104
|
-
export declare const getSelectedSequenceKeys: (selectedItems: readonly TimelineSelection[]) => Set<string>;
|
|
105
|
-
export declare const getOutlineSelectionInteraction: ({ shiftKey, metaKey, ctrlKey, }: {
|
|
106
|
-
readonly shiftKey: boolean;
|
|
107
|
-
readonly metaKey: boolean;
|
|
108
|
-
readonly ctrlKey: boolean;
|
|
109
|
-
}) => TimelineSelectionInteraction;
|
|
110
|
-
type SelectedEffectFields = {
|
|
111
|
-
allFields: boolean;
|
|
112
|
-
fieldKeys: Set<string>;
|
|
113
|
-
};
|
|
114
|
-
export declare const getSelectedEffectFieldsBySequenceKey: (selectedItems: readonly TimelineSelection[]) => Map<string, Map<number, SelectedEffectFields>>;
|
|
115
|
-
export declare const getSequencesWithSelectableOutlines: ({ sequences, overrideIdsToNodePaths, }: {
|
|
116
|
-
readonly sequences: readonly TSequence[];
|
|
117
|
-
readonly overrideIdsToNodePaths: OverrideIdToNodePaths;
|
|
118
|
-
}) => SequenceWithSelectedOutline[];
|
|
119
|
-
export declare const getSelectedOutlineDragValues: ({ dragStates, deltaX, deltaY, }: {
|
|
120
|
-
readonly dragStates: readonly SelectedOutlineDragState[];
|
|
121
|
-
readonly deltaX: number;
|
|
122
|
-
readonly deltaY: number;
|
|
123
|
-
}) => Map<string, string>;
|
|
124
|
-
export declare const applySelectedOutlineDragAxisLock: ({ deltaX, deltaY, axisLocked, }: {
|
|
125
|
-
readonly deltaX: number;
|
|
126
|
-
readonly deltaY: number;
|
|
127
|
-
readonly axisLocked: boolean;
|
|
128
|
-
}) => {
|
|
129
|
-
deltaX: number;
|
|
130
|
-
deltaY: number;
|
|
131
|
-
};
|
|
132
|
-
export declare const isSelectedOutlineDragPastThreshold: ({ deltaX, deltaY, }: {
|
|
133
|
-
readonly deltaX: number;
|
|
134
|
-
readonly deltaY: number;
|
|
135
|
-
}) => boolean;
|
|
136
|
-
export type SelectedOutlineStaticDragChange = SaveSequencePropChange & {
|
|
137
|
-
readonly type: 'static';
|
|
138
|
-
};
|
|
139
|
-
export type SelectedOutlineKeyframedDragChange = {
|
|
140
|
-
readonly type: 'keyframed';
|
|
141
|
-
readonly fileName: string;
|
|
142
|
-
readonly nodePath: SequencePropsSubscriptionKey;
|
|
143
|
-
readonly fieldKey: string;
|
|
144
|
-
readonly sourceFrame: number;
|
|
145
|
-
readonly value: unknown;
|
|
146
|
-
readonly schema: SequenceSchema;
|
|
147
|
-
readonly clientId: string;
|
|
148
|
-
};
|
|
149
|
-
export type SelectedOutlineDragChange = SelectedOutlineStaticDragChange | SelectedOutlineKeyframedDragChange;
|
|
150
|
-
export declare const getSelectedOutlineDragChanges: ({ dragStates, lastValues, }: {
|
|
151
|
-
readonly dragStates: readonly SelectedOutlineDragState[];
|
|
152
|
-
readonly lastValues: ReadonlyMap<string, string>;
|
|
153
|
-
}) => SelectedOutlineDragChange[];
|
|
154
|
-
export type SelectedOutlineKeyboardNudgeDirection = 'left' | 'right' | 'up' | 'down';
|
|
155
|
-
export declare const getSelectedOutlineKeyboardNudgeDelta: ({ direction, shiftKey, }: {
|
|
156
|
-
readonly direction: SelectedOutlineKeyboardNudgeDirection;
|
|
157
|
-
readonly shiftKey: boolean;
|
|
158
|
-
}) => number;
|
|
159
|
-
export declare const getSelectedOutlineKeyboardNudgeDeltas: ({ deltaX, deltaY, direction, shiftKey, }: {
|
|
160
|
-
readonly deltaX: number;
|
|
161
|
-
readonly deltaY: number;
|
|
162
|
-
readonly direction: SelectedOutlineKeyboardNudgeDirection;
|
|
163
|
-
readonly shiftKey: boolean;
|
|
164
|
-
}) => {
|
|
165
|
-
deltaX: number;
|
|
166
|
-
deltaY: number;
|
|
167
|
-
};
|
|
168
|
-
export type SelectedOutlineScaleEdge = 'top' | 'right' | 'bottom' | 'left';
|
|
169
|
-
type SelectedOutlineScaleEdgeInfo = {
|
|
170
|
-
readonly axis: 'x' | 'y';
|
|
171
|
-
readonly cursor: string;
|
|
172
|
-
readonly end: OutlinePoint;
|
|
173
|
-
readonly extent: number;
|
|
174
|
-
readonly normal: OutlinePoint;
|
|
175
|
-
readonly start: OutlinePoint;
|
|
176
|
-
};
|
|
177
|
-
export declare const getSelectedOutlineScaleEdgeInfo: (points: readonly [OutlinePoint, OutlinePoint, OutlinePoint, OutlinePoint], edge: SelectedOutlineScaleEdge) => SelectedOutlineScaleEdgeInfo | null;
|
|
178
|
-
export declare const getSelectedOutlineScaleDragStates: ({ dragTargets, getDragOverrides, timelinePosition, }: {
|
|
179
|
-
readonly dragTargets: readonly SelectedOutlineScaleDragTarget[];
|
|
180
|
-
readonly getDragOverrides: GetDragOverrides;
|
|
181
|
-
readonly timelinePosition: number;
|
|
182
|
-
}) => SelectedOutlineScaleDragState[];
|
|
183
|
-
export declare const getSelectedOutlineScaleDragValues: ({ axis, dragStates, scaleFactor, }: {
|
|
184
|
-
readonly axis: "x" | "y";
|
|
185
|
-
readonly dragStates: readonly SelectedOutlineScaleDragState[];
|
|
186
|
-
readonly scaleFactor: number;
|
|
187
|
-
}) => Map<string, string | number>;
|
|
188
|
-
export declare const getSelectedOutlineScaleDragChanges: ({ dragStates, lastValues, }: {
|
|
189
|
-
readonly dragStates: readonly SelectedOutlineScaleDragState[];
|
|
190
|
-
readonly lastValues: ReadonlyMap<string, string | number>;
|
|
191
|
-
}) => SelectedOutlineDragChange[];
|
|
192
|
-
export declare const getSelectedOutlineRotationDragStates: ({ dragTargets, getDragOverrides, timelinePosition, }: {
|
|
193
|
-
readonly dragTargets: readonly SelectedOutlineRotationDragTarget[];
|
|
194
|
-
readonly getDragOverrides: GetDragOverrides;
|
|
195
|
-
readonly timelinePosition: number;
|
|
196
|
-
}) => SelectedOutlineRotationDragState[];
|
|
197
|
-
export declare const getSelectedOutlineRotationDragValues: ({ dragStates, rotationDeltaDegrees, }: {
|
|
198
|
-
readonly dragStates: readonly SelectedOutlineRotationDragState[];
|
|
199
|
-
readonly rotationDeltaDegrees: number;
|
|
200
|
-
}) => Map<string, string>;
|
|
201
|
-
export declare const getSelectedOutlineRotationDragChanges: ({ dragStates, lastValues, }: {
|
|
202
|
-
readonly dragStates: readonly SelectedOutlineRotationDragState[];
|
|
203
|
-
readonly lastValues: ReadonlyMap<string, string>;
|
|
204
|
-
}) => SelectedOutlineDragChange[];
|
|
205
|
-
export declare const compensateTranslateForTransformOrigin: ({ startTranslate, deltaOrigin, rotate, scale, }: {
|
|
206
|
-
readonly startTranslate: readonly [number, number];
|
|
207
|
-
readonly deltaOrigin: readonly [number, number];
|
|
208
|
-
readonly rotate: number;
|
|
209
|
-
readonly scale: readonly [number, number];
|
|
210
|
-
}) => readonly [number, number];
|
|
2
|
+
export { applySelectedOutlineDragAxisLock, compensateTranslateForTransformOrigin, getSelectedOutlineDragChanges, getSelectedOutlineDragValues, getSelectedOutlineKeyboardNudgeDelta, getSelectedOutlineKeyboardNudgeDeltas, getSelectedOutlineRotationDragChanges, getSelectedOutlineRotationDragStates, getSelectedOutlineRotationDragValues, getSelectedOutlineScaleDragChanges, getSelectedOutlineScaleDragStates, getSelectedOutlineScaleDragValues, getSelectedOutlineScaleEdgeInfo, isSelectedOutlineDragPastThreshold, } from './selected-outline-drag';
|
|
3
|
+
export { getOutlineSelectionInteraction, getSelectedEffectFieldsBySequenceKey, getSelectedOutlineRotationCornerInfo, getSelectedOutlineRotationDeltaDegrees, getSelectedOutlineRotationPivot, getSelectedSequenceKeys, getSequencesWithSelectableOutlines, getTransformedSvgViewportPoints, } from './selected-outline-measurement';
|
|
4
|
+
export { selectedOutlineDragThresholdPx } from './selected-outline-types';
|
|
5
|
+
export type { SelectedOutlineDragState, SelectedOutlineRotationDragState, SelectedOutlineScaleDragState, } from './selected-outline-types';
|
|
211
6
|
export declare const SelectedOutlineOverlay: React.FC<{
|
|
212
7
|
readonly scale: number;
|
|
213
8
|
}>;
|
|
214
|
-
export {};
|