remotion 4.0.22 → 4.0.24

package/dist/cjs/interpolate-colors.js

@@ -323,8 +323,7 @@ function normalizeColor(color) {
         if ((match = matchers.hsl.exec(color))) {
             return ((hslToRgb(parse360(match[1]), // h
             parsePercentage(match[2]), // s
-            parsePercentage(match[3]) // l
-            ) |
+            parsePercentage(match[3])) |
                 0x000000ff) >>> // a
                 0);
         }
@@ -333,8 +332,7 @@ function normalizeColor(color) {
         if ((match = matchers.hsla.exec(color))) {
             return ((hslToRgb(parse360(match[1]), // h
             parsePercentage(match[2]), // s
-            parsePercentage(match[3]) // l
-            ) |
+            parsePercentage(match[3])) |
                 parse1(match[4])) >>> // a
                 0);
         }

package/dist/cjs/use-delay-render.d.ts

@@ -0,0 +1,7 @@
+type ContinueRenderFnBinded = () => void;
+/**
+ * @description Same as delayRender(), but as a hook.
+ * @see [Documentation](https://remotion.dev/docs/use-delay-render)
+ */
+export declare const useDelayRender: (label?: string) => ContinueRenderFnBinded;
+export {};

package/dist/cjs/use-delay-render.js

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useDelayRender = void 0;
+const react_1 = require("react");
+const delay_render_js_1 = require("./delay-render.js");
+/**
+ * @description Same as delayRender(), but as a hook.
+ * @see [Documentation](https://remotion.dev/docs/use-delay-render)
+ */
+const useDelayRender = (label) => {
+    const [handle] = (0, react_1.useState)(() => (0, delay_render_js_1.delayRender)(label));
+    return (0, react_1.useCallback)(() => {
+        (0, delay_render_js_1.continueRender)(handle);
+    }, [handle]);
+};
+exports.useDelayRender = useDelayRender;

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.22";
+export declare const VERSION = "4.0.24";

package/dist/cjs/version.js

@@ -2,4 +2,4 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.VERSION = void 0;
 // Automatically generated on publish
-exports.VERSION = '4.0.22';
+exports.VERSION = '4.0.24';

package/dist/cjs/video/VideoForDevelopment.js

@@ -115,7 +115,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         // Without this, on iOS Safari, the video cannot be seeked.
         // if a seek is triggered before `loadedmetadata` is fired,
         // the video will not seek, even if `loadedmetadata` is fired afterwards.
-        preload: "metadata", muted: muted || mediaMuted, playsInline: true, src: actualSrc, ...nativeProps }));
+        preload: (0, video_fragment_js_1.isIosSafari)() ? 'metadata' : 'auto', muted: muted || mediaMuted, playsInline: true, src: actualSrc, ...nativeProps }));
 };
 // Copy types from forwardRef but not necessary to remove ref
 exports.VideoForDevelopment = (0, react_1.forwardRef)(VideoForDevelopmentRefForwardingFunction);

package/dist/esm/index.mjs

@@ -59,7 +59,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.22';
+const VERSION = '4.0.24';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -3616,8 +3616,7 @@ function normalizeColor(color) {
         if ((match = matchers.hsl.exec(color))) {
             return ((hslToRgb(parse360(match[1]), // h
             parsePercentage(match[2]), // s
-            parsePercentage(match[3]) // l
-            ) |
+            parsePercentage(match[3])) |
                 0x000000ff) >>> // a
                 0);
         }
@@ -3626,8 +3625,7 @@ function normalizeColor(color) {
         if ((match = matchers.hsla.exec(color))) {
             return ((hslToRgb(parse360(match[1]), // h
             parsePercentage(match[2]), // s
-            parsePercentage(match[3]) // l
-            ) |
+            parsePercentage(match[3])) |
                 parse1(match[4])) >>> // a
                 0);
         }
@@ -4468,7 +4466,7 @@ const VideoForDevelopmentRefForwardingFunction = (props, ref) => {
         // Without this, on iOS Safari, the video cannot be seeked.
         // if a seek is triggered before `loadedmetadata` is fired,
         // the video will not seek, even if `loadedmetadata` is fired afterwards.
-        preload: "metadata", muted: muted || mediaMuted, playsInline: true, src: actualSrc, ...nativeProps }));
+        preload: isIosSafari() ? 'metadata' : 'auto', muted: muted || mediaMuted, playsInline: true, src: actualSrc, ...nativeProps }));
 };
 // Copy types from forwardRef but not necessary to remove ref
 const VideoForDevelopment = forwardRef(VideoForDevelopmentRefForwardingFunction);

package/dist/esm/version.mjs

@@ -1,4 +1,4 @@
 // Automatically generated on publish
-const VERSION = '4.0.22';
+const VERSION = '4.0.24';
 
 export { VERSION };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.22",
+  "version": "4.0.24",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -28,7 +28,7 @@
     "eslint": "8.42.0",
     "eslint-plugin-require-extensions": "^0.1.2",
     "jsdom": "21.1.0",
-    "prettier": "^2.7.1",
+    "prettier": "3.0.2",
     "prettier-plugin-organize-imports": "^3.2.2",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",