@remotion/studio 4.0.490 → 4.0.491

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 (76) hide show
  1. package/dist/components/Canvas.js +1 -0
  2. package/dist/components/CurrentComposition.js +4 -1
  3. package/dist/components/EditorContent.js +1 -1
  4. package/dist/components/GlobalKeybindings.d.ts +1 -3
  5. package/dist/components/GlobalKeybindings.js +2 -9
  6. package/dist/components/InspectorLocationCopy.d.ts +7 -0
  7. package/dist/components/InspectorLocationCopy.js +65 -0
  8. package/dist/components/InspectorPanel/SequenceInspectorHeader.js +4 -3
  9. package/dist/components/KeyboardShortcutsExplainer.js +4 -0
  10. package/dist/components/OptionsPanel.js +4 -8
  11. package/dist/components/OutlineToggle.d.ts +3 -1
  12. package/dist/components/OutlineToggle.js +2 -2
  13. package/dist/components/PreviewToolbar.js +1 -1
  14. package/dist/components/RenderButton.js +9 -33
  15. package/dist/components/RenderModal/WebRenderModal.js +3 -8
  16. package/dist/components/RenderModal/WebRenderModalAdvanced.d.ts +0 -2
  17. package/dist/components/RenderModal/WebRenderModalAdvanced.js +2 -9
  18. package/dist/components/RenderQueue/ClientRenderQueueProcessor.js +0 -2
  19. package/dist/components/RenderQueue/client-side-render-types.d.ts +0 -1
  20. package/dist/components/RenderQueue/index.js +0 -9
  21. package/dist/components/SelectedOutlineElement.js +40 -38
  22. package/dist/components/SelectedOutlineOverlay.d.ts +1 -1
  23. package/dist/components/SelectedOutlineOverlay.js +2 -13
  24. package/dist/components/SnappingToggle.d.ts +3 -1
  25. package/dist/components/SnappingToggle.js +2 -2
  26. package/dist/components/Timeline/TimelineClipboardKeybindings.d.ts +20 -1
  27. package/dist/components/Timeline/TimelineClipboardKeybindings.js +301 -155
  28. package/dist/components/Timeline/TimelineEffectPropItem.js +7 -11
  29. package/dist/components/Timeline/TimelineFieldLabel.d.ts +1 -0
  30. package/dist/components/Timeline/TimelineFieldLabel.js +4 -2
  31. package/dist/components/Timeline/TimelineFieldRowContent.d.ts +8 -0
  32. package/dist/components/Timeline/TimelineFieldRowContent.js +16 -0
  33. package/dist/components/Timeline/TimelinePrimitiveFieldValue.js +1 -1
  34. package/dist/components/Timeline/TimelineRowChrome.js +2 -0
  35. package/dist/components/Timeline/TimelineSequence.js +2 -4
  36. package/dist/components/Timeline/TimelineSequencePropItem.js +8 -10
  37. package/dist/components/Timeline/TimelineSequenceRightEdgeDragHandle.d.ts +2 -0
  38. package/dist/components/Timeline/TimelineSequenceRightEdgeDragHandle.js +18 -6
  39. package/dist/components/Timeline/TimelineTextContentField.js +12 -5
  40. package/dist/components/Timeline/TimelineVideoInfo.d.ts +3 -1
  41. package/dist/components/Timeline/TimelineVideoInfo.js +11 -4
  42. package/dist/components/Timeline/delete-selected-timeline-item.js +4 -5
  43. package/dist/components/Timeline/effects-clipboard.d.ts +14 -0
  44. package/dist/components/Timeline/effects-clipboard.js +68 -0
  45. package/dist/components/Timeline/get-sequence-context-menu-items.js +37 -0
  46. package/dist/components/Timeline/get-timeline-media-start-frame.d.ts +6 -0
  47. package/dist/components/Timeline/get-timeline-media-start-frame.js +15 -0
  48. package/dist/components/Timeline/sequence-props-subscription-store.d.ts +3 -2
  49. package/dist/components/Timeline/sequence-props-subscription-store.js +4 -2
  50. package/dist/components/Timeline/timeline-field-row-layout.d.ts +1 -0
  51. package/dist/components/Timeline/timeline-field-row-layout.js +8 -1
  52. package/dist/components/Timeline/timeline-row-layout.d.ts +1 -1
  53. package/dist/components/Timeline/timeline-row-layout.js +1 -1
  54. package/dist/components/Timeline/use-sequence-props-subscription.js +10 -1
  55. package/dist/components/import-assets.d.ts +4 -0
  56. package/dist/components/import-assets.js +9 -2
  57. package/dist/components/selected-outline-measurement.d.ts +4 -0
  58. package/dist/components/selected-outline-measurement.js +3 -1
  59. package/dist/components/selected-outline-types.d.ts +1 -6
  60. package/dist/esm/{chunk-16nwrbrm.js → chunk-9wh9k3jj.js} +7288 -7038
  61. package/dist/esm/index.mjs +0 -1
  62. package/dist/esm/internals.mjs +7288 -7038
  63. package/dist/esm/previewEntry.mjs +5948 -5698
  64. package/dist/esm/renderEntry.mjs +1 -1
  65. package/dist/helpers/format-file-location.d.ts +5 -0
  66. package/dist/helpers/format-file-location.js +9 -1
  67. package/dist/helpers/retry-payload.js +0 -1
  68. package/dist/helpers/studio-runtime-config.d.ts +0 -1
  69. package/dist/helpers/studio-runtime-config.js +1 -6
  70. package/dist/helpers/use-menu-structure.js +15 -18
  71. package/dist/state/modals.d.ts +0 -1
  72. package/package.json +11 -11
  73. package/dist/components/RenderModal/WebRendererExperimentalBadge.d.ts +0 -1
  74. package/dist/components/RenderModal/WebRendererExperimentalBadge.js +0 -35
  75. package/dist/helpers/show-browser-rendering.d.ts +0 -1
  76. package/dist/helpers/show-browser-rendering.js +0 -5
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.insertElement = exports.insertComposition = exports.insertComponent = exports.insertExistingAssets = exports.insertRemoteAudio = exports.importRemoteAsset = exports.importAssets = exports.pickFilesToImport = exports.getComponentDimensions = exports.getAssetElementFromPath = exports.getAssetElement = void 0;
3
+ exports.insertElement = exports.insertComposition = exports.insertComponent = exports.insertExistingAssets = exports.insertRemoteAudio = exports.importRemoteAsset = exports.importAssets = exports.pickFilesToImport = exports.getComponentDimensions = exports.getElementPositionForDrop = exports.getAssetElementFromPath = exports.getAssetElement = void 0;
4
4
  const media_utils_1 = require("@remotion/media-utils");
5
5
  const studio_shared_1 = require("@remotion/studio-shared");
6
6
  const remotion_1 = require("remotion");
@@ -174,6 +174,13 @@ const getCenteredPosition = ({ dimensions, dropPosition, }) => {
174
174
  y: dropPosition.centerY - dimensions.height / 2,
175
175
  };
176
176
  };
177
+ const getElementPositionForDrop = ({ dimensions, dropPosition, }) => {
178
+ if (dimensions === null) {
179
+ return null;
180
+ }
181
+ return getCenteredPosition({ dimensions, dropPosition });
182
+ };
183
+ exports.getElementPositionForDrop = getElementPositionForDrop;
177
184
  const getComponentPropNumber = (props, name) => {
178
185
  const prop = props.find((p) => p.name === name);
179
186
  return typeof (prop === null || prop === void 0 ? void 0 : prop.value) === 'number' ? prop.value : null;
@@ -630,7 +637,7 @@ const insertElement = async ({ compositionFile, compositionId, dropPosition, ele
630
637
  compositionFile,
631
638
  compositionId,
632
639
  element,
633
- position: getCenteredPosition({
640
+ position: (0, exports.getElementPositionForDrop)({
634
641
  dimensions: element.dimensions,
635
642
  dropPosition,
636
643
  }),
@@ -48,6 +48,10 @@ export declare const getOutlineSelectionInteraction: ({ shiftKey, metaKey, ctrlK
48
48
  readonly metaKey: boolean;
49
49
  readonly ctrlKey: boolean;
50
50
  }) => TimelineSelectionInteraction;
51
+ export declare const getOutlineDoubleClickAction: ({ button, canOpenInEditor, }: {
52
+ readonly button: number;
53
+ readonly canOpenInEditor: boolean;
54
+ }) => "open-in-editor" | null;
51
55
  type SelectedEffectFields = {
52
56
  allFields: boolean;
53
57
  fieldKeys: Set<string>;
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.outlinesAreEqual = exports.measureOutlines = exports.getSequencesWithSelectableOutlines = exports.getSelectedTransformOriginInfo = exports.getSelectedEffectFieldsBySequenceKey = exports.getOutlineSelectionInteraction = exports.getSequenceKeysContainingSelection = exports.getSelectedSequenceKeys = exports.getTransformedSvgViewportPoints = exports.getSelectedOutlineRotationPivot = exports.getSelectedOutlineRotationCornerInfo = exports.getRotationCursor = exports.getSelectedOutlineRotationDeltaDegrees = exports.getAngleDegrees = exports.vectorBetween = exports.vectorLength = exports.dot = exports.getOutlineCenter = exports.midpoint = exports.pointToString = void 0;
3
+ exports.outlinesAreEqual = exports.measureOutlines = exports.getSequencesWithSelectableOutlines = exports.getSelectedTransformOriginInfo = exports.getSelectedEffectFieldsBySequenceKey = exports.getOutlineDoubleClickAction = exports.getOutlineSelectionInteraction = exports.getSequenceKeysContainingSelection = exports.getSelectedSequenceKeys = exports.getTransformedSvgViewportPoints = exports.getSelectedOutlineRotationPivot = exports.getSelectedOutlineRotationCornerInfo = exports.getRotationCursor = exports.getSelectedOutlineRotationDeltaDegrees = exports.getAngleDegrees = exports.vectorBetween = exports.vectorLength = exports.dot = exports.getOutlineCenter = exports.midpoint = exports.pointToString = void 0;
4
4
  const calculate_timeline_1 = require("../helpers/calculate-timeline");
5
5
  const colors_1 = require("../helpers/colors");
6
6
  const get_box_quads_ponyfill_1 = require("../helpers/get-box-quads-ponyfill");
@@ -220,6 +220,8 @@ const getOutlineSelectionInteraction = ({ shiftKey, metaKey, ctrlKey, }) => ({
220
220
  toggleKey: metaKey || ctrlKey,
221
221
  });
222
222
  exports.getOutlineSelectionInteraction = getOutlineSelectionInteraction;
223
+ const getOutlineDoubleClickAction = ({ button, canOpenInEditor, }) => button === 0 && canOpenInEditor ? 'open-in-editor' : null;
224
+ exports.getOutlineDoubleClickAction = getOutlineDoubleClickAction;
223
225
  const getKeyframeOrEasingField = (item) => {
224
226
  if (item.type !== 'keyframe' && item.type !== 'easing') {
225
227
  return null;
@@ -1,4 +1,4 @@
1
- import type { CanUpdateSequencePropStatus, CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, InteractivitySchema, InteractivitySchemaField, SequencePropsSubscriptionKey, TSequence } from 'remotion';
1
+ import type { CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, InteractivitySchema, InteractivitySchemaField, SequencePropsSubscriptionKey, TSequence } from 'remotion';
2
2
  import type { SequenceNodePathInfo } from '../helpers/get-timeline-sequence-sort-key';
3
3
  import type { ComboboxValue } from './NewComposition/ComboBox';
4
4
  import type { SelectedOutlineUvHandle } from './selected-outline-uv';
@@ -18,7 +18,6 @@ export type SelectedOutlineTarget = {
18
18
  readonly scaleDrag: SelectedOutlineScaleDragTarget | null;
19
19
  readonly rotationDrag: SelectedOutlineRotationDragTarget | null;
20
20
  readonly transformOriginDrag: SelectedOutlineTransformOriginDragTarget | null;
21
- readonly textEdit: SelectedOutlineTextEditTarget | null;
22
21
  readonly uvHandles: readonly SelectedOutlineUvHandle[];
23
22
  };
24
23
  export type SelectedOutlineEffectDropTarget = {
@@ -26,10 +25,6 @@ export type SelectedOutlineEffectDropTarget = {
26
25
  readonly fileName: string;
27
26
  readonly nodePath: SequencePropsSubscriptionKey;
28
27
  };
29
- export type SelectedOutlineTextEditTarget = {
30
- readonly nodePath: SequencePropsSubscriptionKey;
31
- readonly propStatus: CanUpdateSequencePropStatus;
32
- };
33
28
  export type SelectedOutlineDragTarget = {
34
29
  readonly propStatus: CanUpdateSequencePropStatusStatic | CanUpdateSequencePropStatusKeyframed;
35
30
  readonly clientId: string;