@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.
Files changed (63) hide show
  1. package/dist/components/AssetSelectorItem.js +7 -4
  2. package/dist/components/Canvas.js +1 -0
  3. package/dist/components/CompositionOrStillIcon.d.ts +7 -0
  4. package/dist/components/CompositionOrStillIcon.js +11 -0
  5. package/dist/components/CompositionSelector.js +13 -1
  6. package/dist/components/CompositionSelectorItem.js +33 -5
  7. package/dist/components/CurrentAsset.d.ts +6 -0
  8. package/dist/components/CurrentAsset.js +14 -8
  9. package/dist/components/InlineEditableTitle.d.ts +1 -0
  10. package/dist/components/InlineEditableTitle.js +12 -7
  11. package/dist/components/InspectorInfoHeader.d.ts +1 -0
  12. package/dist/components/InspectorInfoHeader.js +7 -4
  13. package/dist/components/InspectorPanel/SequenceCompositionsSection.d.ts +5 -0
  14. package/dist/components/InspectorPanel/SequenceCompositionsSection.js +37 -0
  15. package/dist/components/InspectorPanel/SequenceInspectorHeader.js +2 -1
  16. package/dist/components/InspectorPanel/SequenceSelectionInspector.js +2 -1
  17. package/dist/components/InspectorPanel/common.js +1 -1
  18. package/dist/components/InspectorPanel/get-compositions-matching-single-child.d.ts +6 -0
  19. package/dist/components/InspectorPanel/get-compositions-matching-single-child.js +11 -0
  20. package/dist/components/InspectorSequenceSection.js +57 -3
  21. package/dist/components/NewComposition/NewComposition.js +11 -4
  22. package/dist/components/NewComposition/get-new-composition-defaults.d.ts +4 -0
  23. package/dist/components/NewComposition/get-new-composition-defaults.js +13 -0
  24. package/dist/components/Timeline/TimelineAssetField.d.ts +14 -0
  25. package/dist/components/Timeline/TimelineAssetField.js +125 -0
  26. package/dist/components/Timeline/TimelineExpandedSection.js +1 -0
  27. package/dist/components/Timeline/TimelineFieldLabel.js +4 -2
  28. package/dist/components/Timeline/TimelineKeyframeControls.js +1 -0
  29. package/dist/components/Timeline/TimelinePrimitiveFieldValue.js +4 -0
  30. package/dist/components/Timeline/TimelineRowChrome.js +8 -6
  31. package/dist/components/Timeline/TimelineRowLayoutContext.d.ts +7 -0
  32. package/dist/components/Timeline/TimelineRowLayoutContext.js +13 -0
  33. package/dist/components/Timeline/TimelineSelection.js +1 -0
  34. package/dist/components/Timeline/TimelineSequenceItem.js +1 -0
  35. package/dist/components/Timeline/get-sequence-context-menu-items.js +3 -3
  36. package/dist/components/Timeline/sequence-props-subscription-store.js +5 -1
  37. package/dist/components/Timeline/timeline-asset-link.d.ts +6 -0
  38. package/dist/components/Timeline/timeline-asset-link.js +27 -1
  39. package/dist/components/Timeline/timeline-field-display-utils.js +1 -0
  40. package/dist/components/Timeline/timeline-field-row-layout.d.ts +1 -1
  41. package/dist/components/Timeline/timeline-field-row-layout.js +2 -2
  42. package/dist/components/Timeline/timeline-row-layout.d.ts +3 -2
  43. package/dist/components/Timeline/timeline-row-layout.js +6 -5
  44. package/dist/components/Timeline/use-expanded-track-keyframe-rows.js +1 -0
  45. package/dist/components/Timeline/use-timeline-expanded-tree.d.ts +2 -1
  46. package/dist/components/Timeline/use-timeline-expanded-tree.js +3 -1
  47. package/dist/components/Timeline/use-timeline-height.js +1 -0
  48. package/dist/components/import-assets.d.ts +10 -2
  49. package/dist/components/import-assets.js +20 -6
  50. package/dist/components/root-composition-menu-items.d.ts +8 -0
  51. package/dist/components/root-composition-menu-items.js +45 -0
  52. package/dist/esm/{chunk-9wh9k3jj.js → chunk-ewx0568t.js} +5366 -4870
  53. package/dist/esm/internals.mjs +5366 -4870
  54. package/dist/esm/previewEntry.mjs +4742 -4246
  55. package/dist/esm/renderEntry.mjs +1 -1
  56. package/dist/helpers/get-file-manager-name.d.ts +1 -0
  57. package/dist/helpers/get-file-manager-name.js +13 -0
  58. package/dist/helpers/timeline-layout.d.ts +2 -1
  59. package/dist/helpers/timeline-layout.js +5 -1
  60. package/dist/helpers/url-state.d.ts +1 -0
  61. package/dist/helpers/url-state.js +8 -6
  62. package/dist/helpers/use-menu-structure.js +4 -2
  63. package/package.json +11 -11
@@ -212,7 +212,7 @@ var renderContent = (Root) => {
212
212
  renderToDOM(/* @__PURE__ */ jsx("div", {
213
213
  children: /* @__PURE__ */ jsx(DelayedSpinner, {})
214
214
  }));
215
- import("./chunk-9wh9k3jj.js").then(({ StudioInternals }) => {
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,3 +1,4 @@
1
+ export declare const getUrlForRoute: (route: string) => string;
1
2
  export declare const pushUrl: (url: string) => void;
2
3
  export declare const clearUrl: () => void;
3
4
  export declare const reloadUrl: () => void;
@@ -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 pushUrl = (url) => {
10
+ const getUrlForRoute = (route) => {
11
11
  if (getUrlHandlingType() === 'query-string') {
12
- window.history.pushState({}, 'Studio', `${window.location.pathname}?${url}`);
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: 'Open in Explorer',
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: 'Open project in Explorer',
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.491",
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.491",
29
- "@remotion/canvas-capture": "4.0.491",
30
- "@remotion/player": "4.0.491",
31
- "@remotion/media-utils": "4.0.491",
32
- "@remotion/renderer": "4.0.491",
33
- "@remotion/web-renderer": "4.0.491",
34
- "@remotion/studio-shared": "4.0.491",
35
- "@remotion/timeline-utils": "4.0.491",
36
- "@remotion/zod-types": "4.0.491",
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.491",
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
  },