@remotion/studio 4.0.399 → 4.0.401
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/OpenEditorButton.js +1 -0
- package/dist/components/RenderModal/GuiRenderStatus.js +8 -1
- package/dist/esm/{chunk-ecq04waf.js → chunk-71hmw645.js} +30 -1
- package/dist/esm/internals.mjs +30 -1
- package/dist/esm/previewEntry.mjs +30 -1
- package/dist/esm/renderEntry.mjs +1 -1
- package/package.json +9 -9
|
@@ -29,6 +29,13 @@ const right = {
|
|
|
29
29
|
const BundlingProgress = ({ progress, doneIn }) => {
|
|
30
30
|
return ((0, jsx_runtime_1.jsxs)("div", { style: progressItem, children: [progress === 1 ? ((0, jsx_runtime_1.jsx)(SuccessIcon_1.SuccessIcon, {})) : ((0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { progress: progress })), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("div", { style: label, children: progress === 1 ? 'Bundled' : `Bundling ${progress * 100}%` }), doneIn ? (0, jsx_runtime_1.jsxs)("div", { style: right, children: [doneIn, "ms"] }) : null] }));
|
|
31
31
|
};
|
|
32
|
+
const BrowserSetupProgress = ({ progress, doneIn, startedBundling, alreadyAvailable }) => {
|
|
33
|
+
return ((0, jsx_runtime_1.jsxs)("div", { style: progressItem, children: [progress === 1 || alreadyAvailable ? ((0, jsx_runtime_1.jsx)(SuccessIcon_1.SuccessIcon, {})) : ((0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { progress: progress })), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("div", { style: label, children: alreadyAvailable && startedBundling
|
|
34
|
+
? 'Headless browser already available'
|
|
35
|
+
: progress === 1
|
|
36
|
+
? 'Downloaded Headless Shell'
|
|
37
|
+
: `Downloading Headless Shell ${Math.round(progress * 100)}%` }), doneIn ? (0, jsx_runtime_1.jsxs)("div", { style: right, children: [doneIn, "ms"] }) : null] }));
|
|
38
|
+
};
|
|
32
39
|
const RenderingProgress = ({ progress }) => {
|
|
33
40
|
return ((0, jsx_runtime_1.jsxs)("div", { style: progressItem, children: [progress.frames === progress.totalFrames ? ((0, jsx_runtime_1.jsx)(SuccessIcon_1.SuccessIcon, {})) : ((0, jsx_runtime_1.jsx)(CircularProgress_1.CircularProgress, { progress: progress.frames / progress.totalFrames })), (0, jsx_runtime_1.jsx)(layout_1.Spacing, { x: 1 }), (0, jsx_runtime_1.jsx)("div", { style: label, children: progress.doneIn
|
|
34
41
|
? `Rendered ${progress.totalFrames} frames`
|
|
@@ -73,6 +80,6 @@ const GuiRenderStatus = ({ job }) => {
|
|
|
73
80
|
if (job.status === 'idle' || job.status === 'failed') {
|
|
74
81
|
throw new Error('This component should not be rendered when the job is idle');
|
|
75
82
|
}
|
|
76
|
-
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 0.5 }), (0, jsx_runtime_1.jsx)(BundlingProgress, { progress: job.progress.bundling.progress, doneIn: job.progress.bundling.doneIn }), job.progress.rendering ? ((0, jsx_runtime_1.jsx)(RenderingProgress, { progress: job.progress.rendering })) : null, job.progress.stitching ? ((0, jsx_runtime_1.jsx)(StitchingProgress, { progress: job.progress.stitching })) : null, job.progress.downloads.length > 0 ? ((0, jsx_runtime_1.jsx)(DownloadsProgress, { downloads: job.progress.downloads })) : null, job.status === 'done' ? (0, jsx_runtime_1.jsx)(OpenFile, { job: job }) : null, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 })] }));
|
|
83
|
+
return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 0.5 }), (0, jsx_runtime_1.jsx)(BrowserSetupProgress, { ...job.progress.browser, startedBundling: Boolean(job.progress.bundling) }), job.progress.bundling && ((0, jsx_runtime_1.jsx)(BundlingProgress, { progress: job.progress.bundling.progress, doneIn: job.progress.bundling.doneIn })), job.progress.rendering ? ((0, jsx_runtime_1.jsx)(RenderingProgress, { progress: job.progress.rendering })) : null, job.progress.stitching ? ((0, jsx_runtime_1.jsx)(StitchingProgress, { progress: job.progress.stitching })) : null, job.progress.downloads.length > 0 ? ((0, jsx_runtime_1.jsx)(DownloadsProgress, { downloads: job.progress.downloads })) : null, job.status === 'done' ? (0, jsx_runtime_1.jsx)(OpenFile, { job: job }) : null, (0, jsx_runtime_1.jsx)(layout_1.Spacing, { y: 1 })] }));
|
|
77
84
|
};
|
|
78
85
|
exports.GuiRenderStatus = GuiRenderStatus;
|
|
@@ -7129,6 +7129,7 @@ var buttonStyle = {
|
|
|
7129
7129
|
border: "none",
|
|
7130
7130
|
height: "20px",
|
|
7131
7131
|
display: "flex",
|
|
7132
|
+
paddingInline: "6px",
|
|
7132
7133
|
justifyContent: "center",
|
|
7133
7134
|
alignItems: "center"
|
|
7134
7135
|
};
|
|
@@ -37893,6 +37894,30 @@ var BundlingProgress = ({ progress, doneIn }) => {
|
|
|
37893
37894
|
]
|
|
37894
37895
|
});
|
|
37895
37896
|
};
|
|
37897
|
+
var BrowserSetupProgress = ({ progress, doneIn, startedBundling, alreadyAvailable }) => {
|
|
37898
|
+
return /* @__PURE__ */ jsxs115("div", {
|
|
37899
|
+
style: progressItem,
|
|
37900
|
+
children: [
|
|
37901
|
+
progress === 1 || alreadyAvailable ? /* @__PURE__ */ jsx224(SuccessIcon, {}) : /* @__PURE__ */ jsx224(CircularProgress, {
|
|
37902
|
+
progress
|
|
37903
|
+
}),
|
|
37904
|
+
/* @__PURE__ */ jsx224(Spacing, {
|
|
37905
|
+
x: 1
|
|
37906
|
+
}),
|
|
37907
|
+
/* @__PURE__ */ jsx224("div", {
|
|
37908
|
+
style: label10,
|
|
37909
|
+
children: alreadyAvailable && startedBundling ? "Headless browser already available" : progress === 1 ? "Downloaded Headless Shell" : `Downloading Headless Shell ${Math.round(progress * 100)}%`
|
|
37910
|
+
}),
|
|
37911
|
+
doneIn ? /* @__PURE__ */ jsxs115("div", {
|
|
37912
|
+
style: right3,
|
|
37913
|
+
children: [
|
|
37914
|
+
doneIn,
|
|
37915
|
+
"ms"
|
|
37916
|
+
]
|
|
37917
|
+
}) : null
|
|
37918
|
+
]
|
|
37919
|
+
});
|
|
37920
|
+
};
|
|
37896
37921
|
var RenderingProgress = ({ progress }) => {
|
|
37897
37922
|
return /* @__PURE__ */ jsxs115("div", {
|
|
37898
37923
|
style: progressItem,
|
|
@@ -38013,7 +38038,11 @@ var GuiRenderStatus = ({ job }) => {
|
|
|
38013
38038
|
/* @__PURE__ */ jsx224(Spacing, {
|
|
38014
38039
|
y: 0.5
|
|
38015
38040
|
}),
|
|
38016
|
-
/* @__PURE__ */ jsx224(
|
|
38041
|
+
/* @__PURE__ */ jsx224(BrowserSetupProgress, {
|
|
38042
|
+
...job.progress.browser,
|
|
38043
|
+
startedBundling: Boolean(job.progress.bundling)
|
|
38044
|
+
}),
|
|
38045
|
+
job.progress.bundling && /* @__PURE__ */ jsx224(BundlingProgress, {
|
|
38017
38046
|
progress: job.progress.bundling.progress,
|
|
38018
38047
|
doneIn: job.progress.bundling.doneIn
|
|
38019
38048
|
}),
|
package/dist/esm/internals.mjs
CHANGED
|
@@ -7148,6 +7148,7 @@ var buttonStyle = {
|
|
|
7148
7148
|
border: "none",
|
|
7149
7149
|
height: "20px",
|
|
7150
7150
|
display: "flex",
|
|
7151
|
+
paddingInline: "6px",
|
|
7151
7152
|
justifyContent: "center",
|
|
7152
7153
|
alignItems: "center"
|
|
7153
7154
|
};
|
|
@@ -37912,6 +37913,30 @@ var BundlingProgress = ({ progress, doneIn }) => {
|
|
|
37912
37913
|
]
|
|
37913
37914
|
});
|
|
37914
37915
|
};
|
|
37916
|
+
var BrowserSetupProgress = ({ progress, doneIn, startedBundling, alreadyAvailable }) => {
|
|
37917
|
+
return /* @__PURE__ */ jsxs115("div", {
|
|
37918
|
+
style: progressItem,
|
|
37919
|
+
children: [
|
|
37920
|
+
progress === 1 || alreadyAvailable ? /* @__PURE__ */ jsx224(SuccessIcon, {}) : /* @__PURE__ */ jsx224(CircularProgress, {
|
|
37921
|
+
progress
|
|
37922
|
+
}),
|
|
37923
|
+
/* @__PURE__ */ jsx224(Spacing, {
|
|
37924
|
+
x: 1
|
|
37925
|
+
}),
|
|
37926
|
+
/* @__PURE__ */ jsx224("div", {
|
|
37927
|
+
style: label10,
|
|
37928
|
+
children: alreadyAvailable && startedBundling ? "Headless browser already available" : progress === 1 ? "Downloaded Headless Shell" : `Downloading Headless Shell ${Math.round(progress * 100)}%`
|
|
37929
|
+
}),
|
|
37930
|
+
doneIn ? /* @__PURE__ */ jsxs115("div", {
|
|
37931
|
+
style: right3,
|
|
37932
|
+
children: [
|
|
37933
|
+
doneIn,
|
|
37934
|
+
"ms"
|
|
37935
|
+
]
|
|
37936
|
+
}) : null
|
|
37937
|
+
]
|
|
37938
|
+
});
|
|
37939
|
+
};
|
|
37915
37940
|
var RenderingProgress = ({ progress }) => {
|
|
37916
37941
|
return /* @__PURE__ */ jsxs115("div", {
|
|
37917
37942
|
style: progressItem,
|
|
@@ -38032,7 +38057,11 @@ var GuiRenderStatus = ({ job }) => {
|
|
|
38032
38057
|
/* @__PURE__ */ jsx224(Spacing, {
|
|
38033
38058
|
y: 0.5
|
|
38034
38059
|
}),
|
|
38035
|
-
/* @__PURE__ */ jsx224(
|
|
38060
|
+
/* @__PURE__ */ jsx224(BrowserSetupProgress, {
|
|
38061
|
+
...job.progress.browser,
|
|
38062
|
+
startedBundling: Boolean(job.progress.bundling)
|
|
38063
|
+
}),
|
|
38064
|
+
job.progress.bundling && /* @__PURE__ */ jsx224(BundlingProgress, {
|
|
38036
38065
|
progress: job.progress.bundling.progress,
|
|
38037
38066
|
doneIn: job.progress.bundling.doneIn
|
|
38038
38067
|
}),
|
|
@@ -7153,6 +7153,7 @@ var buttonStyle = {
|
|
|
7153
7153
|
border: "none",
|
|
7154
7154
|
height: "20px",
|
|
7155
7155
|
display: "flex",
|
|
7156
|
+
paddingInline: "6px",
|
|
7156
7157
|
justifyContent: "center",
|
|
7157
7158
|
alignItems: "center"
|
|
7158
7159
|
};
|
|
@@ -38192,6 +38193,30 @@ var BundlingProgress = ({ progress, doneIn }) => {
|
|
|
38192
38193
|
]
|
|
38193
38194
|
});
|
|
38194
38195
|
};
|
|
38196
|
+
var BrowserSetupProgress = ({ progress, doneIn, startedBundling, alreadyAvailable }) => {
|
|
38197
|
+
return /* @__PURE__ */ jsxs115("div", {
|
|
38198
|
+
style: progressItem,
|
|
38199
|
+
children: [
|
|
38200
|
+
progress === 1 || alreadyAvailable ? /* @__PURE__ */ jsx225(SuccessIcon, {}) : /* @__PURE__ */ jsx225(CircularProgress, {
|
|
38201
|
+
progress
|
|
38202
|
+
}),
|
|
38203
|
+
/* @__PURE__ */ jsx225(Spacing, {
|
|
38204
|
+
x: 1
|
|
38205
|
+
}),
|
|
38206
|
+
/* @__PURE__ */ jsx225("div", {
|
|
38207
|
+
style: label10,
|
|
38208
|
+
children: alreadyAvailable && startedBundling ? "Headless browser already available" : progress === 1 ? "Downloaded Headless Shell" : `Downloading Headless Shell ${Math.round(progress * 100)}%`
|
|
38209
|
+
}),
|
|
38210
|
+
doneIn ? /* @__PURE__ */ jsxs115("div", {
|
|
38211
|
+
style: right3,
|
|
38212
|
+
children: [
|
|
38213
|
+
doneIn,
|
|
38214
|
+
"ms"
|
|
38215
|
+
]
|
|
38216
|
+
}) : null
|
|
38217
|
+
]
|
|
38218
|
+
});
|
|
38219
|
+
};
|
|
38195
38220
|
var RenderingProgress = ({ progress }) => {
|
|
38196
38221
|
return /* @__PURE__ */ jsxs115("div", {
|
|
38197
38222
|
style: progressItem,
|
|
@@ -38312,7 +38337,11 @@ var GuiRenderStatus = ({ job }) => {
|
|
|
38312
38337
|
/* @__PURE__ */ jsx225(Spacing, {
|
|
38313
38338
|
y: 0.5
|
|
38314
38339
|
}),
|
|
38315
|
-
/* @__PURE__ */ jsx225(
|
|
38340
|
+
/* @__PURE__ */ jsx225(BrowserSetupProgress, {
|
|
38341
|
+
...job.progress.browser,
|
|
38342
|
+
startedBundling: Boolean(job.progress.bundling)
|
|
38343
|
+
}),
|
|
38344
|
+
job.progress.bundling && /* @__PURE__ */ jsx225(BundlingProgress, {
|
|
38316
38345
|
progress: job.progress.bundling.progress,
|
|
38317
38346
|
doneIn: job.progress.bundling.doneIn
|
|
38318
38347
|
}),
|
package/dist/esm/renderEntry.mjs
CHANGED
|
@@ -206,7 +206,7 @@ var renderContent = (Root) => {
|
|
|
206
206
|
renderToDOM(/* @__PURE__ */ jsx("div", {
|
|
207
207
|
children: /* @__PURE__ */ jsx(DelayedSpinner, {})
|
|
208
208
|
}));
|
|
209
|
-
import("./chunk-
|
|
209
|
+
import("./chunk-71hmw645.js").then(({ StudioInternals }) => {
|
|
210
210
|
window.remotion_isStudio = true;
|
|
211
211
|
window.remotion_isReadOnlyStudio = true;
|
|
212
212
|
window.remotion_inputProps = "{}";
|
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.401",
|
|
7
7
|
"description": "APIs for interacting with the Remotion Studio",
|
|
8
8
|
"main": "dist",
|
|
9
9
|
"sideEffects": false,
|
|
@@ -25,13 +25,13 @@
|
|
|
25
25
|
},
|
|
26
26
|
"dependencies": {
|
|
27
27
|
"semver": "7.5.3",
|
|
28
|
-
"remotion": "4.0.
|
|
29
|
-
"@remotion/player": "4.0.
|
|
30
|
-
"@remotion/media-utils": "4.0.
|
|
31
|
-
"@remotion/renderer": "4.0.
|
|
32
|
-
"@remotion/web-renderer": "4.0.
|
|
33
|
-
"@remotion/studio-shared": "4.0.
|
|
34
|
-
"@remotion/zod-types": "4.0.
|
|
28
|
+
"remotion": "4.0.401",
|
|
29
|
+
"@remotion/player": "4.0.401",
|
|
30
|
+
"@remotion/media-utils": "4.0.401",
|
|
31
|
+
"@remotion/renderer": "4.0.401",
|
|
32
|
+
"@remotion/web-renderer": "4.0.401",
|
|
33
|
+
"@remotion/studio-shared": "4.0.401",
|
|
34
|
+
"@remotion/zod-types": "4.0.401",
|
|
35
35
|
"mediabunny": "1.27.3",
|
|
36
36
|
"memfs": "3.4.3",
|
|
37
37
|
"source-map": "0.7.3",
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
"react": "19.2.3",
|
|
43
43
|
"react-dom": "19.2.3",
|
|
44
44
|
"@types/semver": "^7.3.4",
|
|
45
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
45
|
+
"@remotion/eslint-config-internal": "4.0.401",
|
|
46
46
|
"eslint": "9.19.0"
|
|
47
47
|
},
|
|
48
48
|
"publishConfig": {
|