@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.
- package/dist/components/Canvas.js +1 -0
- package/dist/components/CurrentComposition.js +4 -1
- package/dist/components/EditorContent.js +1 -1
- package/dist/components/GlobalKeybindings.d.ts +1 -3
- package/dist/components/GlobalKeybindings.js +2 -9
- package/dist/components/InspectorLocationCopy.d.ts +7 -0
- package/dist/components/InspectorLocationCopy.js +65 -0
- package/dist/components/InspectorPanel/SequenceInspectorHeader.js +4 -3
- package/dist/components/KeyboardShortcutsExplainer.js +4 -0
- package/dist/components/OptionsPanel.js +4 -8
- package/dist/components/OutlineToggle.d.ts +3 -1
- package/dist/components/OutlineToggle.js +2 -2
- package/dist/components/PreviewToolbar.js +1 -1
- package/dist/components/RenderButton.js +9 -33
- package/dist/components/RenderModal/WebRenderModal.js +3 -8
- package/dist/components/RenderModal/WebRenderModalAdvanced.d.ts +0 -2
- package/dist/components/RenderModal/WebRenderModalAdvanced.js +2 -9
- package/dist/components/RenderQueue/ClientRenderQueueProcessor.js +0 -2
- package/dist/components/RenderQueue/client-side-render-types.d.ts +0 -1
- package/dist/components/RenderQueue/index.js +0 -9
- package/dist/components/SelectedOutlineElement.js +40 -38
- package/dist/components/SelectedOutlineOverlay.d.ts +1 -1
- package/dist/components/SelectedOutlineOverlay.js +2 -13
- package/dist/components/SnappingToggle.d.ts +3 -1
- package/dist/components/SnappingToggle.js +2 -2
- package/dist/components/Timeline/TimelineClipboardKeybindings.d.ts +20 -1
- package/dist/components/Timeline/TimelineClipboardKeybindings.js +301 -155
- package/dist/components/Timeline/TimelineEffectPropItem.js +7 -11
- package/dist/components/Timeline/TimelineFieldLabel.d.ts +1 -0
- package/dist/components/Timeline/TimelineFieldLabel.js +4 -2
- package/dist/components/Timeline/TimelineFieldRowContent.d.ts +8 -0
- package/dist/components/Timeline/TimelineFieldRowContent.js +16 -0
- package/dist/components/Timeline/TimelinePrimitiveFieldValue.js +1 -1
- package/dist/components/Timeline/TimelineRowChrome.js +2 -0
- package/dist/components/Timeline/TimelineSequence.js +2 -4
- package/dist/components/Timeline/TimelineSequencePropItem.js +8 -10
- package/dist/components/Timeline/TimelineSequenceRightEdgeDragHandle.d.ts +2 -0
- package/dist/components/Timeline/TimelineSequenceRightEdgeDragHandle.js +18 -6
- package/dist/components/Timeline/TimelineTextContentField.js +12 -5
- package/dist/components/Timeline/TimelineVideoInfo.d.ts +3 -1
- package/dist/components/Timeline/TimelineVideoInfo.js +11 -4
- package/dist/components/Timeline/delete-selected-timeline-item.js +4 -5
- package/dist/components/Timeline/effects-clipboard.d.ts +14 -0
- package/dist/components/Timeline/effects-clipboard.js +68 -0
- package/dist/components/Timeline/get-sequence-context-menu-items.js +37 -0
- package/dist/components/Timeline/get-timeline-media-start-frame.d.ts +6 -0
- package/dist/components/Timeline/get-timeline-media-start-frame.js +15 -0
- package/dist/components/Timeline/sequence-props-subscription-store.d.ts +3 -2
- package/dist/components/Timeline/sequence-props-subscription-store.js +4 -2
- package/dist/components/Timeline/timeline-field-row-layout.d.ts +1 -0
- package/dist/components/Timeline/timeline-field-row-layout.js +8 -1
- package/dist/components/Timeline/timeline-row-layout.d.ts +1 -1
- package/dist/components/Timeline/timeline-row-layout.js +1 -1
- package/dist/components/Timeline/use-sequence-props-subscription.js +10 -1
- package/dist/components/import-assets.d.ts +4 -0
- package/dist/components/import-assets.js +9 -2
- package/dist/components/selected-outline-measurement.d.ts +4 -0
- package/dist/components/selected-outline-measurement.js +3 -1
- package/dist/components/selected-outline-types.d.ts +1 -6
- package/dist/esm/{chunk-16nwrbrm.js → chunk-9wh9k3jj.js} +7288 -7038
- package/dist/esm/index.mjs +0 -1
- package/dist/esm/internals.mjs +7288 -7038
- package/dist/esm/previewEntry.mjs +5948 -5698
- package/dist/esm/renderEntry.mjs +1 -1
- package/dist/helpers/format-file-location.d.ts +5 -0
- package/dist/helpers/format-file-location.js +9 -1
- package/dist/helpers/retry-payload.js +0 -1
- package/dist/helpers/studio-runtime-config.d.ts +0 -1
- package/dist/helpers/studio-runtime-config.js +1 -6
- package/dist/helpers/use-menu-structure.js +15 -18
- package/dist/state/modals.d.ts +0 -1
- package/package.json +11 -11
- package/dist/components/RenderModal/WebRendererExperimentalBadge.d.ts +0 -1
- package/dist/components/RenderModal/WebRendererExperimentalBadge.js +0 -35
- package/dist/helpers/show-browser-rendering.d.ts +0 -1
- package/dist/helpers/show-browser-rendering.js +0 -5
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-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.
|
|
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
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
|
|
122
|
-
|
|
123
|
-
|
|
124
|
-
|
|
125
|
-
|
|
126
|
-
|
|
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',
|
package/dist/state/modals.d.ts
CHANGED
|
@@ -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.
|
|
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.
|
|
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.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.
|
|
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)();
|