@remotion/studio 4.0.491 → 4.0.492
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/AssetSelectorItem.js +7 -4
- package/dist/components/Canvas.js +1 -0
- package/dist/components/CompositionOrStillIcon.d.ts +7 -0
- package/dist/components/CompositionOrStillIcon.js +11 -0
- package/dist/components/CompositionSelector.js +13 -1
- package/dist/components/CompositionSelectorItem.js +33 -5
- package/dist/components/CurrentAsset.d.ts +6 -0
- package/dist/components/CurrentAsset.js +14 -8
- package/dist/components/InlineEditableTitle.d.ts +1 -0
- package/dist/components/InlineEditableTitle.js +12 -7
- package/dist/components/InspectorInfoHeader.d.ts +1 -0
- package/dist/components/InspectorInfoHeader.js +7 -4
- package/dist/components/InspectorPanel/SequenceCompositionsSection.d.ts +5 -0
- package/dist/components/InspectorPanel/SequenceCompositionsSection.js +37 -0
- package/dist/components/InspectorPanel/SequenceInspectorHeader.js +2 -1
- package/dist/components/InspectorPanel/SequenceSelectionInspector.js +2 -1
- package/dist/components/InspectorPanel/common.js +1 -1
- package/dist/components/InspectorPanel/get-compositions-matching-single-child.d.ts +6 -0
- package/dist/components/InspectorPanel/get-compositions-matching-single-child.js +11 -0
- package/dist/components/InspectorSequenceSection.js +57 -3
- package/dist/components/NewComposition/NewComposition.js +11 -4
- package/dist/components/NewComposition/get-new-composition-defaults.d.ts +4 -0
- package/dist/components/NewComposition/get-new-composition-defaults.js +13 -0
- package/dist/components/Timeline/TimelineAssetField.d.ts +14 -0
- package/dist/components/Timeline/TimelineAssetField.js +125 -0
- package/dist/components/Timeline/TimelineExpandedSection.js +1 -0
- package/dist/components/Timeline/TimelineFieldLabel.js +4 -2
- package/dist/components/Timeline/TimelineKeyframeControls.js +1 -0
- package/dist/components/Timeline/TimelinePrimitiveFieldValue.js +4 -0
- package/dist/components/Timeline/TimelineRowChrome.js +8 -6
- package/dist/components/Timeline/TimelineRowLayoutContext.d.ts +7 -0
- package/dist/components/Timeline/TimelineRowLayoutContext.js +13 -0
- package/dist/components/Timeline/TimelineSelection.js +1 -0
- package/dist/components/Timeline/TimelineSequenceItem.js +1 -0
- package/dist/components/Timeline/get-sequence-context-menu-items.js +3 -3
- package/dist/components/Timeline/sequence-props-subscription-store.js +5 -1
- package/dist/components/Timeline/timeline-asset-link.d.ts +6 -0
- package/dist/components/Timeline/timeline-asset-link.js +27 -1
- package/dist/components/Timeline/timeline-field-display-utils.js +1 -0
- package/dist/components/Timeline/timeline-field-row-layout.d.ts +1 -1
- package/dist/components/Timeline/timeline-field-row-layout.js +2 -2
- package/dist/components/Timeline/timeline-row-layout.d.ts +3 -2
- package/dist/components/Timeline/timeline-row-layout.js +6 -5
- package/dist/components/Timeline/use-expanded-track-keyframe-rows.js +1 -0
- package/dist/components/Timeline/use-timeline-expanded-tree.d.ts +2 -1
- package/dist/components/Timeline/use-timeline-expanded-tree.js +3 -1
- package/dist/components/Timeline/use-timeline-height.js +1 -0
- package/dist/components/import-assets.d.ts +10 -2
- package/dist/components/import-assets.js +20 -6
- package/dist/components/root-composition-menu-items.d.ts +8 -0
- package/dist/components/root-composition-menu-items.js +45 -0
- package/dist/esm/{chunk-9wh9k3jj.js → chunk-ewx0568t.js} +5366 -4870
- package/dist/esm/internals.mjs +5366 -4870
- package/dist/esm/previewEntry.mjs +4742 -4246
- package/dist/esm/renderEntry.mjs +1 -1
- package/dist/helpers/get-file-manager-name.d.ts +1 -0
- package/dist/helpers/get-file-manager-name.js +13 -0
- package/dist/helpers/timeline-layout.d.ts +2 -1
- package/dist/helpers/timeline-layout.js +5 -1
- package/dist/helpers/url-state.d.ts +1 -0
- package/dist/helpers/url-state.js +8 -6
- package/dist/helpers/use-menu-structure.js +4 -2
- package/package.json +11 -11
package/dist/esm/renderEntry.mjs
CHANGED
|
@@ -212,7 +212,7 @@ var renderContent = (Root) => {
|
|
|
212
212
|
renderToDOM(/* @__PURE__ */ jsx("div", {
|
|
213
213
|
children: /* @__PURE__ */ jsx(DelayedSpinner, {})
|
|
214
214
|
}));
|
|
215
|
-
import("./chunk-
|
|
215
|
+
import("./chunk-ewx0568t.js").then(({ StudioInternals }) => {
|
|
216
216
|
window.remotion_isStudio = true;
|
|
217
217
|
window.remotion_isReadOnlyStudio = true;
|
|
218
218
|
window.remotion_inputProps = "{}";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const getFileManagerName: (platform: string | null) => string;
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
+
exports.getFileManagerName = void 0;
|
|
4
|
+
const getFileManagerName = (platform) => {
|
|
5
|
+
if (platform === 'darwin') {
|
|
6
|
+
return 'Finder';
|
|
7
|
+
}
|
|
8
|
+
if (platform === 'win32') {
|
|
9
|
+
return 'File Explorer';
|
|
10
|
+
}
|
|
11
|
+
return 'File Manager';
|
|
12
|
+
};
|
|
13
|
+
exports.getFileManagerName = getFileManagerName;
|
|
@@ -31,13 +31,14 @@ export type TimelineTreeNode = {
|
|
|
31
31
|
readonly label: string;
|
|
32
32
|
readonly field: AnySchemaFieldInfo | null;
|
|
33
33
|
};
|
|
34
|
-
export declare const buildTimelineTree: ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, }: {
|
|
34
|
+
export declare const buildTimelineTree: ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, includeSourceControls, }: {
|
|
35
35
|
sequence: TSequence;
|
|
36
36
|
nodePathInfo: SequenceNodePathInfo;
|
|
37
37
|
getDragOverrides: GetDragOverrides;
|
|
38
38
|
getEffectDragOverrides: GetEffectDragOverrides;
|
|
39
39
|
propStatuses: PropStatuses;
|
|
40
40
|
includeTextContent: boolean;
|
|
41
|
+
includeSourceControls: boolean;
|
|
41
42
|
}) => TimelineTreeNode[];
|
|
42
43
|
export type FlatTreeRow = {
|
|
43
44
|
readonly node: TimelineTreeNode;
|
|
@@ -14,7 +14,7 @@ exports.TIMELINE_ITEM_BORDER_BOTTOM = 1;
|
|
|
14
14
|
exports.TIMELINE_TRACK_EXPANDED_HEIGHT = 100;
|
|
15
15
|
exports.TREE_GROUP_ROW_HEIGHT = 22;
|
|
16
16
|
exports.EXPANDED_SECTION_PADDING_RIGHT = 10;
|
|
17
|
-
const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, }) => {
|
|
17
|
+
const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffectDragOverrides, propStatuses, includeTextContent, includeSourceControls, }) => {
|
|
18
18
|
var _a;
|
|
19
19
|
const roots = [];
|
|
20
20
|
const { sequenceSubscriptionKey, index, auxiliaryKeys, supportsEffects } = nodePathInfo;
|
|
@@ -28,6 +28,9 @@ const buildTimelineTree = ({ sequence, nodePathInfo, getDragOverrides, getEffect
|
|
|
28
28
|
});
|
|
29
29
|
if (controlFields && controlFields.length > 0) {
|
|
30
30
|
for (const f of controlFields) {
|
|
31
|
+
if (!includeSourceControls && f.key === 'src') {
|
|
32
|
+
continue;
|
|
33
|
+
}
|
|
31
34
|
roots.push({
|
|
32
35
|
kind: 'field',
|
|
33
36
|
nodePathInfo: {
|
|
@@ -136,6 +139,7 @@ const getExpandedTrackHeight = ({ sequence, nodePathInfo, getIsExpanded, propSta
|
|
|
136
139
|
getEffectDragOverrides: () => ({}),
|
|
137
140
|
propStatuses,
|
|
138
141
|
includeTextContent: false,
|
|
142
|
+
includeSourceControls: false,
|
|
139
143
|
});
|
|
140
144
|
const flat = (0, exports.flattenVisibleTreeNodes)({ nodes: tree, getIsExpanded });
|
|
141
145
|
if (flat.length === 0) {
|
|
@@ -1,19 +1,21 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.getRoute = exports.reloadUrl = exports.clearUrl = exports.pushUrl = void 0;
|
|
3
|
+
exports.getRoute = exports.reloadUrl = exports.clearUrl = exports.pushUrl = exports.getUrlForRoute = void 0;
|
|
4
4
|
const getUrlHandlingType = () => {
|
|
5
5
|
if (window.remotion_isReadOnlyStudio) {
|
|
6
6
|
return 'query-string';
|
|
7
7
|
}
|
|
8
8
|
return 'spa';
|
|
9
9
|
};
|
|
10
|
-
const
|
|
10
|
+
const getUrlForRoute = (route) => {
|
|
11
11
|
if (getUrlHandlingType() === 'query-string') {
|
|
12
|
-
|
|
13
|
-
}
|
|
14
|
-
else {
|
|
15
|
-
window.history.pushState({}, 'Studio', url);
|
|
12
|
+
return `${window.location.pathname}?${route}`;
|
|
16
13
|
}
|
|
14
|
+
return route;
|
|
15
|
+
};
|
|
16
|
+
exports.getUrlForRoute = getUrlForRoute;
|
|
17
|
+
const pushUrl = (url) => {
|
|
18
|
+
window.history.pushState({}, 'Studio', (0, exports.getUrlForRoute)(url));
|
|
17
19
|
};
|
|
18
20
|
exports.pushUrl = pushUrl;
|
|
19
21
|
const clearUrl = () => {
|
|
@@ -27,6 +27,7 @@ const sidebar_1 = require("../state/sidebar");
|
|
|
27
27
|
const check_fullscreen_support_1 = require("./check-fullscreen-support");
|
|
28
28
|
const client_id_1 = require("./client-id");
|
|
29
29
|
const colors_1 = require("./colors");
|
|
30
|
+
const get_file_manager_name_1 = require("./get-file-manager-name");
|
|
30
31
|
const get_git_menu_item_1 = require("./get-git-menu-item");
|
|
31
32
|
const mobile_layout_1 = require("./mobile-layout");
|
|
32
33
|
const open_in_editor_1 = require("./open-in-editor");
|
|
@@ -41,6 +42,7 @@ const rotate = {
|
|
|
41
42
|
};
|
|
42
43
|
const ICON_SIZE = 16;
|
|
43
44
|
const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelectedModal, }) => {
|
|
45
|
+
const fileManagerName = (0, get_file_manager_name_1.getFileManagerName)(window.remotion_fileSystemPlatform);
|
|
44
46
|
const items = [
|
|
45
47
|
readOnlyStudio
|
|
46
48
|
? null
|
|
@@ -165,7 +167,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
|
|
|
165
167
|
? {
|
|
166
168
|
id: 'open-project-in-explorer',
|
|
167
169
|
value: 'open-project-in-explorer',
|
|
168
|
-
label:
|
|
170
|
+
label: `Open in ${fileManagerName}`,
|
|
169
171
|
onClick: () => {
|
|
170
172
|
closeMenu();
|
|
171
173
|
(0, actions_1.openInFileExplorer)({ directory: window.remotion_cwd }).catch((err) => {
|
|
@@ -176,7 +178,7 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
|
|
|
176
178
|
keyHint: null,
|
|
177
179
|
leftItem: null,
|
|
178
180
|
subMenu: null,
|
|
179
|
-
quickSwitcherLabel:
|
|
181
|
+
quickSwitcherLabel: `Open project in ${fileManagerName}`,
|
|
180
182
|
disabled: previewServerState !== 'connected',
|
|
181
183
|
}
|
|
182
184
|
: null,
|
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.
|
|
6
|
+
"version": "4.0.492",
|
|
7
7
|
"description": "APIs for interacting with the Remotion Studio",
|
|
8
8
|
"main": "dist",
|
|
9
9
|
"scripts": {
|
|
@@ -25,15 +25,15 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"semver": "7.5.3",
|
|
28
|
-
"remotion": "4.0.
|
|
29
|
-
"@remotion/canvas-capture": "4.0.
|
|
30
|
-
"@remotion/player": "4.0.
|
|
31
|
-
"@remotion/media-utils": "4.0.
|
|
32
|
-
"@remotion/renderer": "4.0.
|
|
33
|
-
"@remotion/web-renderer": "4.0.
|
|
34
|
-
"@remotion/studio-shared": "4.0.
|
|
35
|
-
"@remotion/timeline-utils": "4.0.
|
|
36
|
-
"@remotion/zod-types": "4.0.
|
|
28
|
+
"remotion": "4.0.492",
|
|
29
|
+
"@remotion/canvas-capture": "4.0.492",
|
|
30
|
+
"@remotion/player": "4.0.492",
|
|
31
|
+
"@remotion/media-utils": "4.0.492",
|
|
32
|
+
"@remotion/renderer": "4.0.492",
|
|
33
|
+
"@remotion/web-renderer": "4.0.492",
|
|
34
|
+
"@remotion/studio-shared": "4.0.492",
|
|
35
|
+
"@remotion/timeline-utils": "4.0.492",
|
|
36
|
+
"@remotion/zod-types": "4.0.492",
|
|
37
37
|
"@jridgewell/trace-mapping": "0.3.31",
|
|
38
38
|
"mediabunny": "1.50.8",
|
|
39
39
|
"memfs": "3.4.3",
|
|
@@ -44,7 +44,7 @@
|
|
|
44
44
|
"react": "19.2.3",
|
|
45
45
|
"react-dom": "19.2.3",
|
|
46
46
|
"@types/semver": "7.5.3",
|
|
47
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
47
|
+
"@remotion/eslint-config-internal": "4.0.492",
|
|
48
48
|
"eslint": "9.19.0",
|
|
49
49
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
50
50
|
},
|