remotion 4.0.531 → 4.0.533
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/cjs/CompositionManager.d.ts +6 -0
- package/dist/cjs/HtmlInCanvas.d.ts +2 -0
- package/dist/cjs/HtmlInCanvas.js +15 -3
- package/dist/cjs/Sequence.js +31 -2
- package/dist/cjs/SequenceManager.d.ts +28 -0
- package/dist/cjs/SequenceManager.js +293 -26
- package/dist/cjs/effects/use-memoized-effects.js +4 -2
- package/dist/cjs/internals.d.ts +3 -0
- package/dist/cjs/internals.js +3 -0
- package/dist/cjs/use-sequence-registration.js +1 -1
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/cjs/with-interactivity-schema.js +5 -5
- package/dist/esm/index.mjs +428 -154
- package/dist/esm/version.mjs +1 -1
- package/package.json +2 -2
package/dist/cjs/internals.d.ts
CHANGED
|
@@ -98,6 +98,7 @@ export declare const Internals: {
|
|
|
98
98
|
readonly CompositionSetters: import("react").Context<import("./CompositionManagerContext.js").CompositionManagerSetters>;
|
|
99
99
|
readonly VisualModePropStatusesContext: import("react").Context<import("./SequenceManager.js").VisualModePropStatuses>;
|
|
100
100
|
readonly VisualModePropStatusesRefContext: import("react").Context<import("./SequenceManager.js").VisualModePropStatusesRef>;
|
|
101
|
+
readonly VisualModeBatchSettersContext: import("react").Context<import("./SequenceManager.js").VisualModeBatchSetters | null>;
|
|
101
102
|
readonly VisualModeDragOverridesContext: import("react").Context<import("./SequenceManager.js").VisualModeDragOverrides>;
|
|
102
103
|
readonly VisualModeSettersContext: import("react").Context<import("./SequenceManager.js").VisualModeSetters>;
|
|
103
104
|
readonly SequenceManager: import("react").Context<import("./SequenceManager.js").SequenceManagerContext>;
|
|
@@ -105,6 +106,8 @@ export declare const Internals: {
|
|
|
105
106
|
readonly children: import("react").ReactNode;
|
|
106
107
|
}>;
|
|
107
108
|
readonly SequenceManagerRefContext: import("react").Context<import("./SequenceManager.js").SequenceManagerRef>;
|
|
109
|
+
readonly useActiveFromDragOverrideKeys: () => ReadonlySet<string>;
|
|
110
|
+
readonly useSequenceManagerSequences: () => TSequence[];
|
|
108
111
|
readonly SequenceRegistrationContext: import("react").Context<boolean>;
|
|
109
112
|
readonly DisableSequenceRegistrationProvider: import("react").FC<{
|
|
110
113
|
readonly children: import("react").ReactNode;
|
package/dist/cjs/internals.js
CHANGED
|
@@ -165,11 +165,14 @@ exports.Internals = {
|
|
|
165
165
|
CompositionSetters: CompositionManagerContext_js_1.CompositionSetters,
|
|
166
166
|
VisualModePropStatusesContext: SequenceManager_js_1.VisualModePropStatusesContext,
|
|
167
167
|
VisualModePropStatusesRefContext: SequenceManager_js_1.VisualModePropStatusesRefContext,
|
|
168
|
+
VisualModeBatchSettersContext: SequenceManager_js_1.VisualModeBatchSettersContext,
|
|
168
169
|
VisualModeDragOverridesContext: SequenceManager_js_1.VisualModeDragOverridesContext,
|
|
169
170
|
VisualModeSettersContext: SequenceManager_js_1.VisualModeSettersContext,
|
|
170
171
|
SequenceManager: SequenceManager_js_1.SequenceManager,
|
|
171
172
|
SequenceManagerProvider: SequenceManager_js_1.SequenceManagerProvider,
|
|
172
173
|
SequenceManagerRefContext: SequenceManager_js_1.SequenceManagerRefContext,
|
|
174
|
+
useActiveFromDragOverrideKeys: SequenceManager_js_1.useActiveFromDragOverrideKeys,
|
|
175
|
+
useSequenceManagerSequences: SequenceManager_js_1.useSequenceManagerSequences,
|
|
173
176
|
SequenceRegistrationContext: SequenceManager_js_1.SequenceRegistrationContext,
|
|
174
177
|
DisableSequenceRegistrationProvider: SequenceManager_js_1.DisableSequenceRegistrationProvider,
|
|
175
178
|
CommitOrderInternals: sequence_order_marker_js_1.CommitOrderInternals,
|
|
@@ -4,7 +4,7 @@ exports.useSequenceRegistration = void 0;
|
|
|
4
4
|
const react_1 = require("react");
|
|
5
5
|
const SequenceManager_js_1 = require("./SequenceManager.js");
|
|
6
6
|
const useSequenceRegistration = ({ getSequence, id, }) => {
|
|
7
|
-
const { registerSequence, unregisterSequence, updateSequence } = (0, react_1.useContext)(SequenceManager_js_1.
|
|
7
|
+
const { registerSequence, unregisterSequence, updateSequence } = (0, react_1.useContext)(SequenceManager_js_1.SequenceManagerActionsContext);
|
|
8
8
|
const registrationDisabled = (0, react_1.useContext)(SequenceManager_js_1.DisableSequenceRegistrationContext);
|
|
9
9
|
const getSequenceRef = (0, react_1.useRef)(getSequence);
|
|
10
10
|
getSequenceRef.current = getSequence;
|
package/dist/cjs/version.d.ts
CHANGED
package/dist/cjs/version.js
CHANGED
|
@@ -127,7 +127,7 @@ const DisableInteractivityProvider = ({ children }) => {
|
|
|
127
127
|
return react_1.default.createElement(DisableInteractivityContext.Provider, { value: true }, children);
|
|
128
128
|
};
|
|
129
129
|
exports.DisableInteractivityProvider = DisableInteractivityProvider;
|
|
130
|
-
// Authoring surfaces outside the Studio, such as @remotion/
|
|
130
|
+
// Authoring surfaces outside the Studio, such as @remotion/sdk, opt into
|
|
131
131
|
// populating `controls` and applying Visual Mode overrides.
|
|
132
132
|
const EnableInteractivityContext = (0, react_1.createContext)(false);
|
|
133
133
|
const EnableInteractivityProvider = ({ children }) => {
|
|
@@ -160,8 +160,6 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
|
|
|
160
160
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
161
161
|
const { propStatuses } = (0, react_1.useContext)(SequenceManager_js_1.VisualModePropStatusesContext);
|
|
162
162
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
163
|
-
const { getDragOverrides } = (0, react_1.useContext)(SequenceManager_js_1.VisualModeDragOverridesContext);
|
|
164
|
-
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
165
163
|
const nodePathMapping = (0, react_1.useContext)(sequence_node_path_js_1.OverrideIdsToNodePathsGettersContext);
|
|
166
164
|
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
167
165
|
const frame = (0, use_current_frame_js_1.useCurrentFrame)();
|
|
@@ -212,6 +210,8 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
|
|
|
212
210
|
const nodePath = env.isReadOnlyStudio
|
|
213
211
|
? null
|
|
214
212
|
: ((_a = nodePathMapping.overrideIdToNodePathMappings[overrideId]) !== null && _a !== void 0 ? _a : null);
|
|
213
|
+
// eslint-disable-next-line react-hooks/rules-of-hooks
|
|
214
|
+
const dragOverrides = (0, SequenceManager_js_1.useDragOverridesForNodePath)(nodePath);
|
|
215
215
|
// Read the runtime values for every flat key from the JSX props,
|
|
216
216
|
// memoized on the leaf values so the object reference is stable
|
|
217
217
|
// when nothing changed — otherwise downstream `useMemo`s churn and
|
|
@@ -258,7 +258,7 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
|
|
|
258
258
|
return (0, use_schema_js_1.computeEffectiveSchemaValuesDotNotation)({
|
|
259
259
|
schema: schemaWithSequenceName,
|
|
260
260
|
currentValue: currentRuntimeValueDotNotation,
|
|
261
|
-
overrideValues:
|
|
261
|
+
overrideValues: dragOverrides,
|
|
262
262
|
propStatus: nodePath === null
|
|
263
263
|
? undefined
|
|
264
264
|
: (0, use_memoized_effects_js_1.getPropStatusesCtx)(propStatuses, nodePath),
|
|
@@ -266,7 +266,7 @@ const withInteractivitySchema = ({ Component, componentName, componentIdentity =
|
|
|
266
266
|
});
|
|
267
267
|
}, [
|
|
268
268
|
currentRuntimeValueDotNotation,
|
|
269
|
-
|
|
269
|
+
dragOverrides,
|
|
270
270
|
nodePath,
|
|
271
271
|
propStatuses,
|
|
272
272
|
frame,
|