@remotion/player 3.3.38 → 3.3.39

package/dist/utils/use-cancellable-promises.d.ts

@@ -1,7 +0,0 @@
-import type { CancellablePromise } from './cancellable-promise';
-declare const useCancellablePromises: () => {
-    appendPendingPromise: (promise: CancellablePromise) => void;
-    removePendingPromise: (promise: CancellablePromise) => void;
-    clearPendingPromises: () => void[];
-};
-export { useCancellablePromises };

package/dist/utils/use-cancellable-promises.js

@@ -1,21 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useCancellablePromises = void 0;
-const react_1 = require("react");
-const useCancellablePromises = () => {
-    const pendingPromises = (0, react_1.useRef)([]);
-    const appendPendingPromise = (0, react_1.useCallback)((promise) => {
-        pendingPromises.current = [...pendingPromises.current, promise];
-    }, []);
-    const removePendingPromise = (0, react_1.useCallback)((promise) => {
-        pendingPromises.current = pendingPromises.current.filter((p) => p !== promise);
-    }, []);
-    const clearPendingPromises = (0, react_1.useCallback)(() => pendingPromises.current.map((p) => p.cancel()), []);
-    const api = (0, react_1.useMemo)(() => ({
-        appendPendingPromise,
-        removePendingPromise,
-        clearPendingPromises,
-    }), [appendPendingPromise, clearPendingPromises, removePendingPromise]);
-    return api;
-};
-exports.useCancellablePromises = useCancellablePromises;

package/dist/utils/use-click-prevention-on-double-click.d.ts

@@ -1,3 +0,0 @@
-import type { SyntheticEvent } from 'react';
-declare const useClickPreventionOnDoubleClick: (onClick: (e: SyntheticEvent) => void, onDoubleClick: () => void, doubleClickToFullscreen: boolean) => [(e: SyntheticEvent) => void, () => void];
-export { useClickPreventionOnDoubleClick };

package/dist/utils/use-click-prevention-on-double-click.js

@@ -1,45 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useClickPreventionOnDoubleClick = void 0;
-const react_1 = require("react");
-const cancellable_promise_1 = require("./cancellable-promise");
-const delay_1 = require("./delay");
-const use_cancellable_promises_1 = require("./use-cancellable-promises");
-const useClickPreventionOnDoubleClick = (onClick, onDoubleClick, doubleClickToFullscreen) => {
-    const api = (0, use_cancellable_promises_1.useCancellablePromises)();
-    const handleClick = (0, react_1.useCallback)(async (e) => {
-        api.clearPendingPromises();
-        const waitForClick = (0, cancellable_promise_1.cancellablePromise)((0, delay_1.delay)(200));
-        api.appendPendingPromise(waitForClick);
-        try {
-            await waitForClick.promise;
-            api.removePendingPromise(waitForClick);
-            onClick(e);
-        }
-        catch (errorInfo) {
-            const info = errorInfo;
-            api.removePendingPromise(waitForClick);
-            if (!info.isCanceled) {
-                throw info.error;
-            }
-        }
-    }, [api, onClick]);
-    const handleDoubleClick = (0, react_1.useCallback)(() => {
-        api.clearPendingPromises();
-        onDoubleClick();
-    }, [api, onDoubleClick]);
-    const returnValue = (0, react_1.useMemo)(() => {
-        if (!doubleClickToFullscreen) {
-            return [onClick, onDoubleClick];
-        }
-        return [handleClick, handleDoubleClick];
-    }, [
-        doubleClickToFullscreen,
-        handleClick,
-        handleDoubleClick,
-        onClick,
-        onDoubleClick,
-    ]);
-    return returnValue;
-};
-exports.useClickPreventionOnDoubleClick = useClickPreventionOnDoubleClick;

package/dist/utils/use-element-size.d.ts

@@ -1,15 +0,0 @@
-export declare type Size = {
-    width: number;
-    height: number;
-    left: number;
-    top: number;
-    windowSize: {
-        width: number;
-        height: number;
-    };
-};
-export declare const updateAllElementsSizes: () => void;
-export declare const useElementSize: (ref: React.RefObject<HTMLElement>, options: {
-    triggerOnWindowResize: boolean;
-    shouldApplyCssTransforms: boolean;
-}) => Size | null;

package/dist/utils/use-element-size.js

@@ -1,98 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useElementSize = exports.updateAllElementsSizes = void 0;
-const react_1 = require("react");
-let elementSizeHooks = [];
-const updateAllElementsSizes = () => {
-    for (const listener of elementSizeHooks) {
-        listener();
-    }
-};
-exports.updateAllElementsSizes = updateAllElementsSizes;
-const useElementSize = (ref, options) => {
-    const [size, setSize] = (0, react_1.useState)(null);
-    const observer = (0, react_1.useMemo)(() => {
-        if (typeof ResizeObserver === 'undefined') {
-            return null;
-        }
-        return new ResizeObserver((entries) => {
-            // The contentRect returns the width without any `scale()`'s being applied. The height is wrong
-            const { contentRect } = entries[0];
-            // The clientRect returns the size with `scale()` being applied.
-            const newSize = entries[0].target.getClientRects();
-            if (!newSize || !newSize[0]) {
-                setSize(null);
-                return;
-            }
-            const probableCssParentScale = newSize[0].width / contentRect.width;
-            const width = options.shouldApplyCssTransforms
-                ? newSize[0].width
-                : newSize[0].width * (1 / probableCssParentScale);
-            const height = options.shouldApplyCssTransforms
-                ? newSize[0].height
-                : newSize[0].height * (1 / probableCssParentScale);
-            setSize({
-                width,
-                height,
-                left: newSize[0].x,
-                top: newSize[0].y,
-                windowSize: {
-                    height: window.innerHeight,
-                    width: window.innerWidth,
-                },
-            });
-        });
-    }, [options.shouldApplyCssTransforms]);
-    const updateSize = (0, react_1.useCallback)(() => {
-        if (!ref.current) {
-            return;
-        }
-        const rect = ref.current.getClientRects();
-        if (!rect[0]) {
-            setSize(null);
-            return;
-        }
-        setSize({
-            width: rect[0].width,
-            height: rect[0].height,
-            left: rect[0].x,
-            top: rect[0].y,
-            windowSize: {
-                height: window.innerHeight,
-                width: window.innerWidth,
-            },
-        });
-    }, [ref]);
-    (0, react_1.useEffect)(() => {
-        if (!observer) {
-            return;
-        }
-        updateSize();
-        const { current } = ref;
-        if (ref.current) {
-            observer.observe(ref.current);
-        }
-        return () => {
-            if (current) {
-                observer.unobserve(current);
-            }
-        };
-    }, [observer, ref, updateSize]);
-    (0, react_1.useEffect)(() => {
-        if (!options.triggerOnWindowResize) {
-            return;
-        }
-        window.addEventListener('resize', updateSize);
-        return () => {
-            window.removeEventListener('resize', updateSize);
-        };
-    }, [options.triggerOnWindowResize, updateSize]);
-    (0, react_1.useEffect)(() => {
-        elementSizeHooks.push(updateSize);
-        return () => {
-            elementSizeHooks = elementSizeHooks.filter((e) => e !== updateSize);
-        };
-    }, [updateSize]);
-    return size;
-};
-exports.useElementSize = useElementSize;

package/dist/utils/validate-in-out-frame.d.ts

@@ -1,6 +0,0 @@
-export declare const validateSingleFrame: (frame: unknown, variableName: string) => number | null;
-export declare const validateInOutFrames: ({ inFrame, durationInFrames, outFrame, }: {
-    inFrame: unknown;
-    outFrame: unknown;
-    durationInFrames: number;
-}) => void;

package/dist/utils/validate-in-out-frame.js

@@ -1,54 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateInOutFrames = exports.validateSingleFrame = void 0;
-const validateSingleFrame = (frame, variableName) => {
-    if (typeof frame === 'undefined' || frame === null) {
-        return frame !== null && frame !== void 0 ? frame : null;
-    }
-    if (typeof frame !== 'number') {
-        throw new TypeError(`"${variableName}" must be a number, but is ${JSON.stringify(frame)}`);
-    }
-    if (Number.isNaN(frame)) {
-        throw new TypeError(`"${variableName}" must not be NaN, but is ${JSON.stringify(frame)}`);
-    }
-    if (!Number.isFinite(frame)) {
-        throw new TypeError(`"${variableName}" must be finite, but is ${JSON.stringify(frame)}`);
-    }
-    if (frame % 1 !== 0) {
-        throw new TypeError(`"${variableName}" must be an integer, but is ${JSON.stringify(frame)}`);
-    }
-    return frame;
-};
-exports.validateSingleFrame = validateSingleFrame;
-const validateInOutFrames = ({ inFrame, durationInFrames, outFrame, }) => {
-    const validatedInFrame = (0, exports.validateSingleFrame)(inFrame, 'inFrame');
-    const validatedOutFrame = (0, exports.validateSingleFrame)(outFrame, 'outFrame');
-    if (validatedInFrame === null && validatedOutFrame === null) {
-        return;
-    }
-    // Must not be over the duration
-    if (validatedInFrame !== null && validatedInFrame > durationInFrames - 1) {
-        throw new Error('inFrame must be less than (durationInFrames - 1), but is ' +
-            validatedInFrame);
-    }
-    if (validatedOutFrame !== null && validatedOutFrame > durationInFrames - 1) {
-        throw new Error('outFrame must be less than (durationInFrames - 1), but is ' +
-            validatedOutFrame);
-    }
-    // Must not be under 0
-    if (validatedInFrame !== null && validatedInFrame < 0) {
-        throw new Error('inFrame must be greater than 0, but is ' + validatedInFrame);
-    }
-    if (validatedOutFrame !== null && validatedOutFrame <= 0) {
-        throw new Error(`outFrame must be greater than 0, but is ${validatedOutFrame}. If you want to render a single frame, use <Thumbnail /> instead.`);
-    }
-    if (validatedOutFrame !== null &&
-        validatedInFrame !== null &&
-        validatedOutFrame <= validatedInFrame) {
-        throw new Error('outFrame must be greater than inFrame, but is ' +
-            validatedOutFrame +
-            ' <= ' +
-            validatedInFrame);
-    }
-};
-exports.validateInOutFrames = validateInOutFrames;

package/dist/utils/validate-initial-frame.d.ts

@@ -1,4 +0,0 @@
-export declare const validateInitialFrame: ({ initialFrame, durationInFrames, }: {
-    initialFrame: unknown;
-    durationInFrames: unknown;
-}) => void;

package/dist/utils/validate-initial-frame.js

@@ -1,27 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validateInitialFrame = void 0;
-const validateInitialFrame = ({ initialFrame, durationInFrames, }) => {
-    if (typeof durationInFrames !== 'number') {
-        throw new Error(`\`durationInFrames\` must be a number, but is ${JSON.stringify(durationInFrames)}`);
-    }
-    if (typeof initialFrame === 'undefined') {
-        return;
-    }
-    if (typeof initialFrame !== 'number') {
-        throw new Error(`\`initialFrame\` must be a number, but is ${JSON.stringify(initialFrame)}`);
-    }
-    if (Number.isNaN(initialFrame)) {
-        throw new Error(`\`initialFrame\` must be a number, but is NaN`);
-    }
-    if (!Number.isFinite(initialFrame)) {
-        throw new Error(`\`initialFrame\` must be a number, but is Infinity`);
-    }
-    if (initialFrame % 1 !== 0) {
-        throw new Error(`\`initialFrame\` must be an integer, but is ${JSON.stringify(initialFrame)}`);
-    }
-    if (initialFrame > durationInFrames - 1) {
-        throw new Error(`\`initialFrame\` must be less or equal than \`durationInFrames - 1\`, but is ${JSON.stringify(initialFrame)}`);
-    }
-};
-exports.validateInitialFrame = validateInitialFrame;

package/dist/utils/validate-playbackrate.d.ts

@@ -1 +0,0 @@
-export declare const validatePlaybackRate: (playbackRate: number | undefined) => void;

package/dist/utils/validate-playbackrate.js

@@ -1,18 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.validatePlaybackRate = void 0;
-const validatePlaybackRate = (playbackRate) => {
-    if (playbackRate === undefined) {
-        return;
-    }
-    if (playbackRate > 4) {
-        throw new Error(`The highest possible playback rate is 4. You passed: ${playbackRate}`);
-    }
-    if (playbackRate < -4) {
-        throw new Error(`The lowest possible playback rate is -4. You passed: ${playbackRate}`);
-    }
-    if (playbackRate === 0) {
-        throw new Error(`A playback rate of 0 is not supported.`);
-    }
-};
-exports.validatePlaybackRate = validatePlaybackRate;

package/dist/volume-persistance.d.ts

@@ -1,2 +0,0 @@
-export declare const persistVolume: (volume: number) => void;
-export declare const getPreferredVolume: () => number;

package/dist/volume-persistance.js

@@ -1,19 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getPreferredVolume = exports.persistVolume = void 0;
-const VOLUME_PERSISTANCE_KEY = 'remotion.volumePreference';
-const persistVolume = (volume) => {
-    if (typeof window === 'undefined') {
-        return;
-    }
-    window.localStorage.setItem(VOLUME_PERSISTANCE_KEY, String(volume));
-};
-exports.persistVolume = persistVolume;
-const getPreferredVolume = () => {
-    if (typeof window === 'undefined') {
-        return 1;
-    }
-    const val = window.localStorage.getItem(VOLUME_PERSISTANCE_KEY);
-    return val ? Number(val) : 1;
-};
-exports.getPreferredVolume = getPreferredVolume;