remotion 4.0.495 → 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/cjs/HtmlInCanvas.js +5 -5
- package/dist/cjs/version.d.ts +1 -1
- package/dist/cjs/version.js +1 -1
- package/dist/esm/index.mjs +6 -5
- package/dist/esm/version.mjs +1 -1
- package/package.json +2 -2
package/dist/cjs/HtmlInCanvas.js
CHANGED
|
@@ -3,7 +3,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
3
3
|
exports.HtmlInCanvas = exports.htmlInCanvasSchema = exports.HTML_IN_CANVAS_UNSUPPORTED_MESSAGE = exports.isHtmlInCanvasSupported = void 0;
|
|
4
4
|
const jsx_runtime_1 = require("react/jsx-runtime");
|
|
5
5
|
const react_1 = require("react");
|
|
6
|
-
const delay_render_js_1 = require("./delay-render.js");
|
|
7
6
|
const run_effect_chain_js_1 = require("./effects/run-effect-chain.js");
|
|
8
7
|
const use_effect_chain_state_js_1 = require("./effects/use-effect-chain-state.js");
|
|
9
8
|
const use_memoized_effects_js_1 = require("./effects/use-memoized-effects.js");
|
|
@@ -87,7 +86,7 @@ const HtmlInCanvasContent = (0, react_1.forwardRef)(({ width, height, effects, c
|
|
|
87
86
|
const resolvedPixelDensity = resolveHtmlInCanvasPixelDensity(pixelDensity);
|
|
88
87
|
const canvasWidth = Math.ceil(width * resolvedPixelDensity);
|
|
89
88
|
const canvasHeight = Math.ceil(height * resolvedPixelDensity);
|
|
90
|
-
const { continueRender, cancelRender } = (0, use_delay_render_js_1.useDelayRender)();
|
|
89
|
+
const { delayRender, continueRender, cancelRender } = (0, use_delay_render_js_1.useDelayRender)();
|
|
91
90
|
const { isClientSideRendering, isRendering } = (0, use_remotion_environment_js_1.useRemotionEnvironment)();
|
|
92
91
|
const canRetryMissingPaintRecord = !isRendering || isClientSideRendering;
|
|
93
92
|
const usesDirectLayoutCanvas = onPaint === undefined && onInit === undefined;
|
|
@@ -144,7 +143,7 @@ const HtmlInCanvasContent = (0, react_1.forwardRef)(({ width, height, effects, c
|
|
|
144
143
|
if (!placeholderCanvas) {
|
|
145
144
|
throw new Error('Canvas not found');
|
|
146
145
|
}
|
|
147
|
-
const handle =
|
|
146
|
+
const handle = delayRender('onPaint');
|
|
148
147
|
if (!initializedRef.current) {
|
|
149
148
|
const currentOnInit = onInitRef.current;
|
|
150
149
|
if (!currentOnInit) {
|
|
@@ -265,6 +264,7 @@ const HtmlInCanvasContent = (0, react_1.forwardRef)(({ width, height, effects, c
|
|
|
265
264
|
chainState,
|
|
266
265
|
continueRender,
|
|
267
266
|
cancelRender,
|
|
267
|
+
delayRender,
|
|
268
268
|
resolvedPixelDensity,
|
|
269
269
|
canRetryMissingPaintRecord,
|
|
270
270
|
]);
|
|
@@ -323,14 +323,14 @@ const HtmlInCanvasContent = (0, react_1.forwardRef)(({ width, height, effects, c
|
|
|
323
323
|
if (!canvas) {
|
|
324
324
|
return;
|
|
325
325
|
}
|
|
326
|
-
const handle =
|
|
326
|
+
const handle = delayRender('waiting for first paint after canvas resize');
|
|
327
327
|
canvas.addEventListener('paint', () => {
|
|
328
328
|
continueRender(handle);
|
|
329
329
|
}, { once: true });
|
|
330
330
|
return () => {
|
|
331
331
|
continueRender(handle);
|
|
332
332
|
};
|
|
333
|
-
}, [width, height, continueRender, canvasSizeKey]);
|
|
333
|
+
}, [width, height, continueRender, delayRender, canvasSizeKey]);
|
|
334
334
|
const innerStyle = (0, react_1.useMemo)(() => {
|
|
335
335
|
return {
|
|
336
336
|
width,
|
package/dist/cjs/version.d.ts
CHANGED
package/dist/cjs/version.js
CHANGED
package/dist/esm/index.mjs
CHANGED
|
@@ -1310,7 +1310,7 @@ var getSingleChildComponent = (children) => {
|
|
|
1310
1310
|
};
|
|
1311
1311
|
|
|
1312
1312
|
// src/version.ts
|
|
1313
|
-
var VERSION = "4.0.
|
|
1313
|
+
var VERSION = "4.0.496";
|
|
1314
1314
|
|
|
1315
1315
|
// src/multiple-versions-warning.ts
|
|
1316
1316
|
var checkMultipleRemotionVersions = () => {
|
|
@@ -9268,7 +9268,7 @@ var HtmlInCanvasContent = forwardRef9(({
|
|
|
9268
9268
|
const resolvedPixelDensity = resolveHtmlInCanvasPixelDensity(pixelDensity);
|
|
9269
9269
|
const canvasWidth = Math.ceil(width * resolvedPixelDensity);
|
|
9270
9270
|
const canvasHeight = Math.ceil(height * resolvedPixelDensity);
|
|
9271
|
-
const { continueRender: continueRender2, cancelRender: cancelRender2 } = useDelayRender();
|
|
9271
|
+
const { delayRender: delayRender2, continueRender: continueRender2, cancelRender: cancelRender2 } = useDelayRender();
|
|
9272
9272
|
const { isClientSideRendering, isRendering } = useRemotionEnvironment();
|
|
9273
9273
|
const canRetryMissingPaintRecord = !isRendering || isClientSideRendering;
|
|
9274
9274
|
const usesDirectLayoutCanvas = onPaint === undefined && onInit === undefined;
|
|
@@ -9322,7 +9322,7 @@ var HtmlInCanvasContent = forwardRef9(({
|
|
|
9322
9322
|
if (!placeholderCanvas) {
|
|
9323
9323
|
throw new Error("Canvas not found");
|
|
9324
9324
|
}
|
|
9325
|
-
const handle =
|
|
9325
|
+
const handle = delayRender2("onPaint");
|
|
9326
9326
|
if (!initializedRef.current) {
|
|
9327
9327
|
const currentOnInit = onInitRef.current;
|
|
9328
9328
|
if (!currentOnInit) {
|
|
@@ -9423,6 +9423,7 @@ var HtmlInCanvasContent = forwardRef9(({
|
|
|
9423
9423
|
chainState,
|
|
9424
9424
|
continueRender2,
|
|
9425
9425
|
cancelRender2,
|
|
9426
|
+
delayRender2,
|
|
9426
9427
|
resolvedPixelDensity,
|
|
9427
9428
|
canRetryMissingPaintRecord
|
|
9428
9429
|
]);
|
|
@@ -9474,14 +9475,14 @@ var HtmlInCanvasContent = forwardRef9(({
|
|
|
9474
9475
|
if (!canvas) {
|
|
9475
9476
|
return;
|
|
9476
9477
|
}
|
|
9477
|
-
const handle =
|
|
9478
|
+
const handle = delayRender2("waiting for first paint after canvas resize");
|
|
9478
9479
|
canvas.addEventListener("paint", () => {
|
|
9479
9480
|
continueRender2(handle);
|
|
9480
9481
|
}, { once: true });
|
|
9481
9482
|
return () => {
|
|
9482
9483
|
continueRender2(handle);
|
|
9483
9484
|
};
|
|
9484
|
-
}, [width, height, continueRender2, canvasSizeKey]);
|
|
9485
|
+
}, [width, height, continueRender2, delayRender2, canvasSizeKey]);
|
|
9485
9486
|
const innerStyle = useMemo31(() => {
|
|
9486
9487
|
return {
|
|
9487
9488
|
width,
|
package/dist/esm/version.mjs
CHANGED
package/package.json
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
|
|
4
4
|
},
|
|
5
5
|
"name": "remotion",
|
|
6
|
-
"version": "4.0.
|
|
6
|
+
"version": "4.0.496",
|
|
7
7
|
"description": "Make videos programmatically",
|
|
8
8
|
"main": "dist/cjs/index.js",
|
|
9
9
|
"types": "dist/cjs/index.d.ts",
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
"react-dom": "19.2.3",
|
|
36
36
|
"webpack": "5.105.0",
|
|
37
37
|
"zod": "4.3.6",
|
|
38
|
-
"@remotion/eslint-config-internal": "4.0.
|
|
38
|
+
"@remotion/eslint-config-internal": "4.0.496",
|
|
39
39
|
"eslint": "9.19.0",
|
|
40
40
|
"@typescript/native-preview": "7.0.0-dev.20260217.1"
|
|
41
41
|
},
|