@remotion/web-renderer 4.0.494 → 4.0.496
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/esm/index.mjs +11 -0
- package/package.json +11 -11
package/dist/esm/index.mjs
CHANGED
|
@@ -1170,6 +1170,7 @@ function createScaffold({
|
|
|
1170
1170
|
wrapper.style.inset = "0";
|
|
1171
1171
|
wrapper.style.overflow = "hidden";
|
|
1172
1172
|
wrapper.style.visibility = "hidden";
|
|
1173
|
+
wrapper.style.filter = "opacity(0)";
|
|
1173
1174
|
wrapper.style.pointerEvents = "none";
|
|
1174
1175
|
wrapper.style.zIndex = "-9999";
|
|
1175
1176
|
const div = document.createElement("div");
|
|
@@ -1187,6 +1188,14 @@ function createScaffold({
|
|
|
1187
1188
|
wrapper.appendChild(div);
|
|
1188
1189
|
document.body.appendChild(wrapper);
|
|
1189
1190
|
const htmlInCanvasContext = useHtmlInCanvas ? setupHtmlInCanvas({ wrapper, div, width, height }) : null;
|
|
1191
|
+
const updateFallbackScaffoldVisibility = () => {
|
|
1192
|
+
if (htmlInCanvasContext) {
|
|
1193
|
+
return;
|
|
1194
|
+
}
|
|
1195
|
+
div.style.visibility = containsLayoutSubtreeCanvas(div) ? "visible" : "";
|
|
1196
|
+
};
|
|
1197
|
+
const fallbackScaffoldObserver = htmlInCanvasContext ? null : new MutationObserver(updateFallbackScaffoldVisibility);
|
|
1198
|
+
fallbackScaffoldObserver?.observe(div, { childList: true, subtree: true });
|
|
1190
1199
|
const errorHolder = { error: null };
|
|
1191
1200
|
const root = ReactDOM.createRoot(div, {
|
|
1192
1201
|
onUncaughtError: (err, errorInfo) => {
|
|
@@ -1277,12 +1286,14 @@ function createScaffold({
|
|
|
1277
1286
|
})
|
|
1278
1287
|
}));
|
|
1279
1288
|
});
|
|
1289
|
+
updateFallbackScaffoldVisibility();
|
|
1280
1290
|
return {
|
|
1281
1291
|
delayRenderScope,
|
|
1282
1292
|
div,
|
|
1283
1293
|
errorHolder,
|
|
1284
1294
|
htmlInCanvasContext,
|
|
1285
1295
|
[Symbol.dispose]: () => {
|
|
1296
|
+
fallbackScaffoldObserver?.disconnect();
|
|
1286
1297
|
root.unmount();
|
|
1287
1298
|
if (htmlInCanvasContext) {
|
|
1288
1299
|
teardownHtmlInCanvas({ htmlInCanvasContext, wrapper, div });
|
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/web-renderer"
|
|
4
4
|
},
|
|
5
5
|
"name": "@remotion/web-renderer",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.496",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"type": "module",
|
|
9
9
|
"scripts": {
|
|
@@ -22,20 +22,20 @@
|
|
|
22
22
|
"@mediabunny/mp3-encoder": "1.50.8",
|
|
23
23
|
"@mediabunny/aac-encoder": "1.50.8",
|
|
24
24
|
"@mediabunny/flac-encoder": "1.50.8",
|
|
25
|
-
"@remotion/licensing": "4.0.
|
|
26
|
-
"remotion": "4.0.
|
|
25
|
+
"@remotion/licensing": "4.0.496",
|
|
26
|
+
"remotion": "4.0.496",
|
|
27
27
|
"mediabunny": "1.50.8"
|
|
28
28
|
},
|
|
29
29
|
"devDependencies": {
|
|
30
|
-
"@remotion/effects": "4.0.
|
|
30
|
+
"@remotion/effects": "4.0.496",
|
|
31
31
|
"@react-three/fiber": "9.2.0",
|
|
32
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
33
|
-
"@remotion/paths": "4.0.
|
|
34
|
-
"@remotion/player": "4.0.
|
|
35
|
-
"@remotion/media": "4.0.
|
|
36
|
-
"@remotion/shapes": "4.0.
|
|
37
|
-
"@remotion/three": "4.0.
|
|
38
|
-
"@remotion/transitions": "4.0.
|
|
32
|
+
"@remotion/eslint-config-internal": "4.0.496",
|
|
33
|
+
"@remotion/paths": "4.0.496",
|
|
34
|
+
"@remotion/player": "4.0.496",
|
|
35
|
+
"@remotion/media": "4.0.496",
|
|
36
|
+
"@remotion/shapes": "4.0.496",
|
|
37
|
+
"@remotion/three": "4.0.496",
|
|
38
|
+
"@remotion/transitions": "4.0.496",
|
|
39
39
|
"@types/three": "0.170.0",
|
|
40
40
|
"@typescript/native-preview": "7.0.0-dev.20260217.1",
|
|
41
41
|
"@vitejs/plugin-react": "4.3.4",
|