@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
@@ -212,7 +212,7 @@ var renderContent = (Root) => {
212
212
  renderToDOM(/* @__PURE__ */ jsx("div", {
213
213
  children: /* @__PURE__ */ jsx(DelayedSpinner, {})
214
214
  }));
215
- import("./chunk-16nwrbrm.js").then(({ StudioInternals }) => {
215
+ import("./chunk-9wh9k3jj.js").then(({ StudioInternals }) => {
216
216
  window.remotion_isStudio = true;
217
217
  window.remotion_isReadOnlyStudio = true;
218
218
  window.remotion_inputProps = "{}";
@@ -6,4 +6,9 @@ export declare const formatFileLocation: ({ location, root, }: {
6
6
  readonly location: FileLocation | null;
7
7
  readonly root: string;
8
8
  }) => string | null;
9
+ export declare const formatLocationForAgents: ({ name, location, root, }: {
10
+ readonly name: string | null;
11
+ readonly location: FileLocation | null;
12
+ readonly root: string;
13
+ }) => string | null;
9
14
  export {};
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.formatFileLocation = void 0;
3
+ exports.formatLocationForAgents = exports.formatFileLocation = void 0;
4
4
  const normalizeSlashes = (path) => path.replace(/\\/g, '/');
5
5
  const stripTrailingSlashes = (path) => path.replace(/\/+$/, '');
6
6
  const stripLeadingDotSlash = (path) => path.replace(/^\.\/+/, '');
@@ -25,3 +25,11 @@ const formatFileLocation = ({ location, root, }) => {
25
25
  return `${stripLeadingDotSlash(relativeSource)}:${location.line}`;
26
26
  };
27
27
  exports.formatFileLocation = formatFileLocation;
28
+ const formatLocationForAgents = ({ name, location, root, }) => {
29
+ const fileLocation = (0, exports.formatFileLocation)({ location, root });
30
+ if (!name || !fileLocation) {
31
+ return null;
32
+ }
33
+ return `${name} in ${fileLocation}`;
34
+ };
35
+ exports.formatLocationForAgents = formatLocationForAgents;
@@ -202,7 +202,6 @@ const makeClientRetryPayload = (job) => {
202
202
  initialKeyframeIntervalInSeconds: job.type === 'client-video' ? job.keyframeIntervalInSeconds : null,
203
203
  initialMuted: job.type === 'client-video' ? job.muted : null,
204
204
  initialTransparent: job.type === 'client-video' ? job.transparent : null,
205
- initialAllowHtmlInCanvas: job.allowHtmlInCanvas,
206
205
  initialPageResponsiveness: job.type === 'client-video' ? job.pageResponsiveness : 'disabled',
207
206
  };
208
207
  };
@@ -2,6 +2,5 @@ export declare const DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = 300;
2
2
  export declare const getStudioAskAIEnabled: () => boolean;
3
3
  export declare const getStudioInteractivityEnabled: () => boolean;
4
4
  export declare const getStudioKeyboardShortcutsEnabled: () => boolean;
5
- export declare const getStudioExperimentalClientSideRenderingEnabled: () => boolean;
6
5
  export declare const getStudioMaxTimelineTracks: () => number;
7
6
  export declare const getStudioBufferStateDelayInMilliseconds: () => number;
@@ -1,12 +1,11 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.getStudioBufferStateDelayInMilliseconds = exports.getStudioMaxTimelineTracks = exports.getStudioExperimentalClientSideRenderingEnabled = exports.getStudioKeyboardShortcutsEnabled = exports.getStudioInteractivityEnabled = exports.getStudioAskAIEnabled = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = void 0;
3
+ exports.getStudioBufferStateDelayInMilliseconds = exports.getStudioMaxTimelineTracks = exports.getStudioKeyboardShortcutsEnabled = exports.getStudioInteractivityEnabled = exports.getStudioAskAIEnabled = exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = void 0;
4
4
  const studio_shared_1 = require("@remotion/studio-shared");
5
5
  exports.DEFAULT_BUFFER_STATE_DELAY_IN_MILLISECONDS = 300;
6
6
  const defaultStudioRuntimeConfig = {
7
7
  askAIEnabled: false,
8
8
  bufferStateDelayInMilliseconds: null,
9
- experimentalClientSideRenderingEnabled: false,
10
9
  interactivityEnabled: true,
11
10
  keyboardShortcutsEnabled: true,
12
11
  maxTimelineTracks: null,
@@ -30,10 +29,6 @@ const getStudioKeyboardShortcutsEnabled = () => {
30
29
  return getStudioRuntimeConfig().keyboardShortcutsEnabled;
31
30
  };
32
31
  exports.getStudioKeyboardShortcutsEnabled = getStudioKeyboardShortcutsEnabled;
33
- const getStudioExperimentalClientSideRenderingEnabled = () => {
34
- return getStudioRuntimeConfig().experimentalClientSideRenderingEnabled;
35
- };
36
- exports.getStudioExperimentalClientSideRenderingEnabled = getStudioExperimentalClientSideRenderingEnabled;
37
32
  const getStudioMaxTimelineTracks = () => {
38
33
  var _a;
39
34
  return (_a = getStudioRuntimeConfig().maxTimelineTracks) !== null && _a !== void 0 ? _a : studio_shared_1.DEFAULT_TIMELINE_TRACKS;
@@ -31,7 +31,6 @@ const get_git_menu_item_1 = require("./get-git-menu-item");
31
31
  const mobile_layout_1 = require("./mobile-layout");
32
32
  const open_in_editor_1 = require("./open-in-editor");
33
33
  const pick_color_1 = require("./pick-color");
34
- const show_browser_rendering_1 = require("./show-browser-rendering");
35
34
  const studio_runtime_config_1 = require("./studio-runtime-config");
36
35
  const use_keybinding_1 = require("./use-keybinding");
37
36
  const openExternal = (link) => {
@@ -109,23 +108,21 @@ const getFileMenu = ({ readOnlyStudio, closeMenu, previewServerState, setSelecte
109
108
  subMenu: null,
110
109
  quickSwitcherLabel: 'Render...',
111
110
  },
112
- show_browser_rendering_1.SHOW_BROWSER_RENDERING && !readOnlyStudio
113
- ? {
114
- id: 'render-on-web',
115
- value: 'render-on-web',
116
- label: 'Render on web...',
117
- onClick: () => {
118
- closeMenu();
119
- const renderButton = document.getElementById('render-modal-button-client');
120
- renderButton.click();
121
- },
122
- type: 'item',
123
- keyHint: null,
124
- leftItem: null,
125
- subMenu: null,
126
- quickSwitcherLabel: 'Render on web...',
127
- }
128
- : null,
111
+ {
112
+ id: 'render-on-web',
113
+ value: 'render-on-web',
114
+ label: 'Render on web...',
115
+ onClick: () => {
116
+ closeMenu();
117
+ const renderButton = document.getElementById('render-modal-button-client');
118
+ renderButton.click();
119
+ },
120
+ type: 'item',
121
+ keyHint: null,
122
+ leftItem: null,
123
+ subMenu: null,
124
+ quickSwitcherLabel: 'Render on web...',
125
+ },
129
126
  !readOnlyStudio
130
127
  ? {
131
128
  type: 'divider',
@@ -31,7 +31,6 @@ export type WebRenderModalState = {
31
31
  initialMuted: boolean | null;
32
32
  initialLicenseKey: string | null;
33
33
  initialMediaCacheSizeInBytes: number | null;
34
- initialAllowHtmlInCanvas: boolean;
35
34
  initialPageResponsiveness: WebRendererPageResponsiveness;
36
35
  };
37
36
  export type RenderModalState = {
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.490",
6
+ "version": "4.0.491",
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.490",
29
- "@remotion/canvas-capture": "4.0.490",
30
- "@remotion/player": "4.0.490",
31
- "@remotion/media-utils": "4.0.490",
32
- "@remotion/renderer": "4.0.490",
33
- "@remotion/web-renderer": "4.0.490",
34
- "@remotion/studio-shared": "4.0.490",
35
- "@remotion/timeline-utils": "4.0.490",
36
- "@remotion/zod-types": "4.0.490",
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",
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.490",
47
+ "@remotion/eslint-config-internal": "4.0.491",
48
48
  "eslint": "9.19.0",
49
49
  "@typescript/native-preview": "7.0.0-dev.20260217.1"
50
50
  },
@@ -1 +0,0 @@
1
- export declare const WebRendererExperimentalBadge: React.FC;
@@ -1,35 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.WebRendererExperimentalBadge = void 0;
4
- const jsx_runtime_1 = require("react/jsx-runtime");
5
- const colors_1 = require("../../helpers/colors");
6
- const ValidationMessage_1 = require("../NewComposition/ValidationMessage");
7
- const row = {
8
- display: 'flex',
9
- flexDirection: 'row',
10
- alignItems: 'center',
11
- justifyContent: 'center',
12
- };
13
- const text = {
14
- fontSize: 14,
15
- fontFamily: 'sans-serif',
16
- color: colors_1.LIGHT_TEXT,
17
- };
18
- const icon = {
19
- width: 14,
20
- height: 14,
21
- flexShrink: 0,
22
- fill: colors_1.WARNING_COLOR,
23
- marginRight: 8,
24
- };
25
- const link = {
26
- color: 'inherit',
27
- textDecoration: 'underline',
28
- fontSize: 14,
29
- };
30
- const WebRendererExperimentalBadge = () => {
31
- return (jsx_runtime_1.jsxs("div", { style: row, children: [
32
- jsx_runtime_1.jsx(ValidationMessage_1.WarningTriangle, { type: "warning", style: icon }), jsx_runtime_1.jsxs("div", { style: text, children: ["The Remotion Web Renderer is experimental.", ' ', jsx_runtime_1.jsx("a", { href: "https://github.com/remotion-dev/remotion/issues/5913", target: "_blank", rel: "noopener noreferrer", style: link, children: "Track progress on GitHub" }), ' ', "and discuss in the", ' ', jsx_runtime_1.jsx("a", { href: "https://remotion.dev/discord", target: "_blank", rel: "noopener noreferrer", style: link, children: "#web-renderer" }), ' ', "channel on Discord."] })
33
- ] }));
34
- };
35
- exports.WebRendererExperimentalBadge = WebRendererExperimentalBadge;
@@ -1 +0,0 @@
1
- export declare const SHOW_BROWSER_RENDERING: boolean;
@@ -1,5 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.SHOW_BROWSER_RENDERING = void 0;
4
- const studio_runtime_config_1 = require("./studio-runtime-config");
5
- exports.SHOW_BROWSER_RENDERING = (0, studio_runtime_config_1.getStudioExperimentalClientSideRenderingEnabled)();