@remotion/web-renderer 4.0.423 → 4.0.424

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 (69) hide show
  1. package/dist/esm/index.mjs +8 -0
  2. package/package.json +9 -11
  3. package/dist/add-sample.js +0 -20
  4. package/dist/artifact.js +0 -56
  5. package/dist/audio.js +0 -42
  6. package/dist/can-use-webfs-target.js +0 -19
  7. package/dist/compose.js +0 -85
  8. package/dist/create-scaffold.js +0 -104
  9. package/dist/drawing/border-radius.js +0 -151
  10. package/dist/drawing/calculate-object-fit.js +0 -208
  11. package/dist/drawing/calculate-transforms.js +0 -127
  12. package/dist/drawing/clamp-rect-to-parent-bounds.js +0 -18
  13. package/dist/drawing/do-rects-intersect.js +0 -6
  14. package/dist/drawing/draw-background.js +0 -62
  15. package/dist/drawing/draw-border.js +0 -353
  16. package/dist/drawing/draw-box-shadow.js +0 -103
  17. package/dist/drawing/draw-dom-element.js +0 -85
  18. package/dist/drawing/draw-element.js +0 -84
  19. package/dist/drawing/draw-outline.js +0 -93
  20. package/dist/drawing/draw-rounded.js +0 -34
  21. package/dist/drawing/drawn-fn.js +0 -1
  22. package/dist/drawing/fit-svg-into-its-dimensions.js +0 -35
  23. package/dist/drawing/get-clipped-background.d.ts +0 -8
  24. package/dist/drawing/get-clipped-background.js +0 -14
  25. package/dist/drawing/get-padding-box.js +0 -30
  26. package/dist/drawing/get-pretransform-rect.js +0 -49
  27. package/dist/drawing/handle-3d-transform.js +0 -26
  28. package/dist/drawing/handle-mask.js +0 -21
  29. package/dist/drawing/has-transform.js +0 -14
  30. package/dist/drawing/mask-image.js +0 -14
  31. package/dist/drawing/opacity.js +0 -7
  32. package/dist/drawing/overflow.js +0 -14
  33. package/dist/drawing/parse-linear-gradient.js +0 -260
  34. package/dist/drawing/parse-transform-origin.js +0 -7
  35. package/dist/drawing/precompose.d.ts +0 -11
  36. package/dist/drawing/precompose.js +0 -14
  37. package/dist/drawing/process-node.js +0 -122
  38. package/dist/drawing/round-to-expand-rect.js +0 -7
  39. package/dist/drawing/text/apply-text-transform.js +0 -12
  40. package/dist/drawing/text/draw-text.js +0 -53
  41. package/dist/drawing/text/find-line-breaks.text.js +0 -118
  42. package/dist/drawing/text/get-collapsed-text.d.ts +0 -1
  43. package/dist/drawing/text/get-collapsed-text.js +0 -46
  44. package/dist/drawing/text/handle-text-node.js +0 -24
  45. package/dist/drawing/transform-in-3d.js +0 -177
  46. package/dist/drawing/transform-rect-with-matrix.js +0 -19
  47. package/dist/drawing/transform.js +0 -10
  48. package/dist/drawing/turn-svg-into-drawable.js +0 -41
  49. package/dist/frame-range.js +0 -15
  50. package/dist/get-audio-encoding-config.js +0 -18
  51. package/dist/get-biggest-bounding-client-rect.js +0 -43
  52. package/dist/index.js +0 -2
  53. package/dist/internal-state.js +0 -36
  54. package/dist/mediabunny-mappings.js +0 -63
  55. package/dist/output-target.js +0 -1
  56. package/dist/props-if-has-props.js +0 -1
  57. package/dist/render-media-on-web.js +0 -304
  58. package/dist/render-operations-queue.js +0 -3
  59. package/dist/render-still-on-web.js +0 -110
  60. package/dist/send-telemetry-event.js +0 -22
  61. package/dist/take-screenshot.js +0 -30
  62. package/dist/throttle-progress.js +0 -43
  63. package/dist/tree-walker-cleanup-after-children.js +0 -33
  64. package/dist/update-time.js +0 -17
  65. package/dist/validate-video-frame.js +0 -34
  66. package/dist/wait-for-ready.js +0 -39
  67. package/dist/walk-tree.js +0 -14
  68. package/dist/web-fs-target.js +0 -41
  69. package/dist/with-resolvers.js +0 -9
@@ -1,43 +0,0 @@
1
- const DEFAULT_THROTTLE_MS = 250;
2
- /**
3
- * Creates a throttled version of a progress callback that ensures it's not called
4
- * more frequently than the specified interval (default: 250ms)
5
- */
6
- export const createThrottledProgressCallback = (callback, throttleMs = DEFAULT_THROTTLE_MS) => {
7
- if (!callback) {
8
- return null;
9
- }
10
- let lastCallTime = 0;
11
- let pendingUpdate = null;
12
- let timeoutId = null;
13
- const throttled = (progress) => {
14
- const now = Date.now();
15
- const timeSinceLastCall = now - lastCallTime;
16
- // Always store the latest progress
17
- pendingUpdate = progress;
18
- // If enough time has passed, call immediately
19
- if (timeSinceLastCall >= throttleMs) {
20
- lastCallTime = now;
21
- callback(progress);
22
- pendingUpdate = null;
23
- // Clear any pending timeout
24
- if (timeoutId !== null) {
25
- clearTimeout(timeoutId);
26
- timeoutId = null;
27
- }
28
- }
29
- else if (timeoutId === null) {
30
- // Schedule a call for when the throttle period expires
31
- const remainingTime = throttleMs - timeSinceLastCall;
32
- timeoutId = setTimeout(() => {
33
- if (pendingUpdate !== null) {
34
- lastCallTime = Date.now();
35
- callback(pendingUpdate);
36
- pendingUpdate = null;
37
- }
38
- timeoutId = null;
39
- }, remainingTime);
40
- }
41
- };
42
- return throttled;
43
- };
@@ -1,33 +0,0 @@
1
- export const createTreeWalkerCleanupAfterChildren = (treeWalker) => {
2
- const cleanupAfterChildren = [];
3
- const checkCleanUpAtBeginningOfIteration = () => {
4
- for (let i = 0; i < cleanupAfterChildren.length;) {
5
- const cleanup = cleanupAfterChildren[i];
6
- if (!(cleanup.element === treeWalker.currentNode ||
7
- cleanup.element.contains(treeWalker.currentNode))) {
8
- cleanup.cleanupFn();
9
- cleanupAfterChildren.splice(i, 1);
10
- }
11
- else {
12
- i++;
13
- }
14
- }
15
- };
16
- const addCleanup = (element, cleanupFn) => {
17
- // Last registered must be cleaned up first
18
- cleanupAfterChildren.unshift({
19
- element,
20
- cleanupFn,
21
- });
22
- };
23
- const cleanupInTheEndOfTheIteration = () => {
24
- for (const cleanup of cleanupAfterChildren) {
25
- cleanup.cleanupFn();
26
- }
27
- };
28
- return {
29
- checkCleanUpAtBeginningOfIteration,
30
- addCleanup,
31
- cleanupInTheEndOfTheIteration,
32
- };
33
- };
@@ -1,17 +0,0 @@
1
- import { jsx as _jsx } from "react/jsx-runtime";
2
- import { useImperativeHandle, useState } from 'react';
3
- import { flushSync } from 'react-dom';
4
- import { Internals } from 'remotion';
5
- export const UpdateTime = ({ children, audioEnabled, videoEnabled, logLevel, compId, initialFrame, timeUpdater, }) => {
6
- const [frame, setFrame] = useState(initialFrame);
7
- useImperativeHandle(timeUpdater, () => ({
8
- update: (f) => {
9
- flushSync(() => {
10
- setFrame(f);
11
- });
12
- },
13
- }));
14
- return (_jsx(Internals.RemotionRootContexts, { audioEnabled: audioEnabled, videoEnabled: videoEnabled, logLevel: logLevel, numberOfAudioTags: 0, audioLatencyHint: "interactive", frameState: {
15
- [compId]: frame,
16
- }, children: children }));
17
- };
@@ -1,34 +0,0 @@
1
- /**
2
- * Validates and processes a VideoFrame returned from an onFrame callback
3
- */
4
- /**
5
- * Validates that a VideoFrame returned from onFrame callback matches expected dimensions and timestamp
6
- * If validation fails, closes both frames and throws an error
7
- */
8
- export const validateVideoFrame = ({ originalFrame, returnedFrame, expectedWidth, expectedHeight, expectedTimestamp, }) => {
9
- // Validate that the returned frame is actually a VideoFrame
10
- if (!(returnedFrame instanceof VideoFrame)) {
11
- originalFrame.close();
12
- throw new Error('onFrame callback must return a VideoFrame or void');
13
- }
14
- // Check if it's the same frame (no validation needed)
15
- if (returnedFrame === originalFrame) {
16
- return returnedFrame;
17
- }
18
- // Validate dimensions
19
- if (returnedFrame.displayWidth !== expectedWidth ||
20
- returnedFrame.displayHeight !== expectedHeight) {
21
- originalFrame.close();
22
- returnedFrame.close();
23
- throw new Error(`VideoFrame dimensions mismatch: expected ${expectedWidth}x${expectedHeight}, got ${returnedFrame.displayWidth}x${returnedFrame.displayHeight}`);
24
- }
25
- // Validate timestamp
26
- if (returnedFrame.timestamp !== expectedTimestamp) {
27
- originalFrame.close();
28
- returnedFrame.close();
29
- throw new Error(`VideoFrame timestamp mismatch: expected ${expectedTimestamp}, got ${returnedFrame.timestamp}`);
30
- }
31
- // If we got a different frame but it's valid, close the original and use the new one
32
- originalFrame.close();
33
- return returnedFrame;
34
- };
@@ -1,39 +0,0 @@
1
- import { withResolvers } from './with-resolvers';
2
- export const waitForReady = ({ timeoutInMilliseconds, scope, signal, apiName, internalState, }) => {
3
- const start = performance.now();
4
- const { promise, resolve, reject } = withResolvers();
5
- let cancelled = false;
6
- const check = () => {
7
- if (cancelled) {
8
- return;
9
- }
10
- if (signal === null || signal === void 0 ? void 0 : signal.aborted) {
11
- cancelled = true;
12
- internalState === null || internalState === void 0 ? void 0 : internalState.addWaitForReadyTime(performance.now() - start);
13
- reject(new Error(`${apiName}() was cancelled`));
14
- return;
15
- }
16
- if (scope.remotion_renderReady === true) {
17
- internalState === null || internalState === void 0 ? void 0 : internalState.addWaitForReadyTime(performance.now() - start);
18
- resolve();
19
- return;
20
- }
21
- if (scope.remotion_cancelledError !== undefined) {
22
- cancelled = true;
23
- internalState === null || internalState === void 0 ? void 0 : internalState.addWaitForReadyTime(performance.now() - start);
24
- reject(scope.remotion_cancelledError);
25
- return;
26
- }
27
- if (performance.now() - start > timeoutInMilliseconds + 3000) {
28
- cancelled = true;
29
- internalState === null || internalState === void 0 ? void 0 : internalState.addWaitForReadyTime(performance.now() - start);
30
- reject(new Error(Object.values(scope.remotion_delayRenderTimeouts)
31
- .map((d) => d.label)
32
- .join(', ')));
33
- return;
34
- }
35
- requestAnimationFrame(check);
36
- };
37
- requestAnimationFrame(check);
38
- return promise;
39
- };
package/dist/walk-tree.js DELETED
@@ -1,14 +0,0 @@
1
- export function skipToNextNonDescendant(treeWalker) {
2
- // Try to go to next sibling
3
- if (treeWalker.nextSibling()) {
4
- return true;
5
- }
6
- // No sibling, go up to parent and try to find ancestor's sibling
7
- while (treeWalker.parentNode()) {
8
- if (treeWalker.nextSibling()) {
9
- return true;
10
- }
11
- }
12
- // No more nodes
13
- return false;
14
- }
@@ -1,41 +0,0 @@
1
- let sessionId = null;
2
- const getPrefix = () => {
3
- if (!sessionId) {
4
- sessionId = crypto.randomUUID();
5
- }
6
- return `__remotion_render:${sessionId}:`;
7
- };
8
- export const cleanupStaleOpfsFiles = async () => {
9
- try {
10
- const root = await navigator.storage.getDirectory();
11
- for await (const [name] of root.entries()) {
12
- if (name.startsWith('__remotion_render:') &&
13
- !name.startsWith(getPrefix())) {
14
- await root.removeEntry(name);
15
- }
16
- }
17
- }
18
- catch (_a) {
19
- // Ignore, could already be closed
20
- }
21
- };
22
- export const createWebFsTarget = async () => {
23
- const directoryHandle = await navigator.storage.getDirectory();
24
- const filename = `${getPrefix()}${crypto.randomUUID()}`;
25
- const fileHandle = await directoryHandle.getFileHandle(filename, {
26
- create: true,
27
- });
28
- const writable = await fileHandle.createWritable();
29
- const stream = new WritableStream({
30
- async write(chunk) {
31
- await writable.seek(chunk.position);
32
- await writable.write(chunk);
33
- },
34
- });
35
- const getBlob = async () => {
36
- const handle = await directoryHandle.getFileHandle(filename);
37
- return handle.getFile();
38
- };
39
- const close = () => writable.close();
40
- return { stream, getBlob, close };
41
- };
@@ -1,9 +0,0 @@
1
- export const withResolvers = function () {
2
- let resolve;
3
- let reject;
4
- const promise = new Promise((res, rej) => {
5
- resolve = res;
6
- reject = rej;
7
- });
8
- return { promise, resolve: resolve, reject: reject };
9
- };