@remotion/cli 4.0.0-prefetch.11 → 4.0.0-prefetch.12

package/dist/determine-image-format.d.ts

@@ -0,0 +1,11 @@
+import type { ImageFormat, StillImageFormat } from '@remotion/renderer';
+export declare const determineFinalImageFormat: ({ downloadName, outName, configImageFormat, cliFlag, isLambda, }: {
+    downloadName: string | null;
+    outName: string | null;
+    configImageFormat: ImageFormat | null;
+    cliFlag: ImageFormat | null;
+    isLambda: boolean;
+}) => {
+    format: StillImageFormat;
+    source: string;
+};

package/dist/determine-image-format.js

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.determineFinalImageFormat = void 0;
+const deriveExtensionFromFilename = (filename) => {
+    if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.png')) {
+        return 'png';
+    }
+    if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.jpg')) {
+        return 'jpeg';
+    }
+    if (filename === null || filename === void 0 ? void 0 : filename.endsWith('.jpeg')) {
+        return 'jpeg';
+    }
+    return null;
+};
+const determineFinalImageFormat = ({ downloadName, outName, configImageFormat, cliFlag, isLambda, }) => {
+    const outNameExtension = deriveExtensionFromFilename(outName);
+    const downloadNameExtension = deriveExtensionFromFilename(downloadName);
+    const outNameDescription = isLambda ? 'S3 output key' : 'out name';
+    if (outNameExtension &&
+        downloadNameExtension &&
+        outNameExtension !== downloadNameExtension) {
+        throw new TypeError(`Image format mismatch: ${outName} was given as the ${outNameDescription} and ${downloadName} was given as the download name, but the extensions don't match.`);
+    }
+    if (downloadNameExtension) {
+        if (cliFlag && downloadNameExtension !== cliFlag) {
+            throw new TypeError(`Image format mismatch: ${downloadName} was given as the download name, but --image-format=${cliFlag} was passed. The image formats must match.`);
+        }
+        return { format: downloadNameExtension, source: 'Download name extension' };
+    }
+    if (outNameExtension) {
+        if (cliFlag && outNameExtension !== cliFlag) {
+            throw new TypeError(`Image format mismatch: ${outName} was given as the ${outNameDescription}, but --image-format=${cliFlag} was passed. The image formats must match.`);
+        }
+        return { format: outNameExtension, source: 'Out name extension' };
+    }
+    if (cliFlag === 'none') {
+        throw new TypeError('The --image-format flag must not be "none" for stills.');
+    }
+    if (cliFlag !== null) {
+        return { format: cliFlag, source: '--image-format flag' };
+    }
+    if (configImageFormat !== null && configImageFormat !== 'none') {
+        return { format: configImageFormat, source: 'Config file' };
+    }
+    return { format: 'png', source: 'Default' };
+};
+exports.determineFinalImageFormat = determineFinalImageFormat;

package/dist/editor/components/Canvas.js

@@ -122,8 +122,12 @@ const Canvas = () => {
         if (!current) {
             return;
         }
-        current.addEventListener('wheel', onWheel);
-        return () => current.removeEventListener('wheel', onWheel);
+        current.addEventListener('wheel', onWheel, { passive: false });
+        return () => 
+        // @ts-expect-error
+        current.removeEventListener('wheel', onWheel, {
+            passive: false,
+        });
     }, [onWheel]);
     const onReset = (0, react_1.useCallback)(() => {
         setSize(() => {

package/dist/editor/components/NewComposition/RemInput.js

@@ -33,7 +33,7 @@ const RemInputForwardRef = (props, ref) => {
     }, [isFocused, isHovered, props.style]);
     (0, react_1.useImperativeHandle)(ref, () => {
         return inputRef.current;
-    });
+    }, []);
     (0, react_1.useEffect)(() => {
         if (!inputRef.current) {
             return;

package/dist/editor/components/Notifications/NotificationCenter.js

@@ -32,7 +32,7 @@ const NotificationCenter = () => {
         return {
             addNotification,
         };
-    });
+    }, [addNotification]);
     return ((0, jsx_runtime_1.jsx)("div", { style: container, children: notifications.map((n) => {
             return ((0, jsx_runtime_1.jsx)(Notification_1.Notification, { created: n.created, duration: n.duration, id: n.id, onRemove: onRemove, children: n.content }, n.id));
         }) }));

package/dist/editor/components/SizeSelector.js

@@ -84,7 +84,7 @@ const SizeSelector = () => {
                 },
                 type: 'item',
                 value: newSize.size,
-                keyHint: newSize.size ? '0' : null,
+                keyHint: newSize.size === 1 ? '0' : null,
                 leftItem: String(size.size) === String(newSize.size) ? (0, jsx_runtime_1.jsx)(Checkmark_1.Checkmark, {}) : null,
                 subMenu: null,
             };

package/dist/editor/components/Timeline/Timeline.js

@@ -60,7 +60,7 @@ const Timeline = () => {
                 });
             },
         };
-    });
+    }, [timeline]);
     const withoutHidden = (0, react_1.useMemo)(() => {
         return timeline.filter((t) => !(0, is_collapsed_1.isTrackHidden)(t, timeline, state));
     }, [state, timeline]);

package/dist/editor/components/Timeline/TimelineSlider.js

@@ -43,7 +43,7 @@ const TimelineSlider = () => {
                 current.style.transform = `translateX(${(0, get_left_of_timeline_slider_1.getXPositionOfItemInTimelineImperatively)(frame, (0, imperative_state_1.getCurrentDuration)(), (_b = width !== null && width !== void 0 ? width : (_a = timeline_refs_1.sliderAreaRef.current) === null || _a === void 0 ? void 0 : _a.clientWidth) !== null && _b !== void 0 ? _b : 0)}px)`;
             },
         };
-    });
+    }, []);
     (0, react_1.useEffect)(() => {
         const currentRef = ref.current;
         if (!currentRef) {

package/dist/editor/components/TimelineInOutToggle.js

@@ -211,7 +211,7 @@ const TimelineInOutPointToggle = () => {
                 });
             },
         };
-    });
+    }, [onInMark, onInOutClear, onOutMark, setInAndOutFrames]);
     if (!videoConfig) {
         return null;
     }