remotion 4.0.149 → 4.0.150

package/bundle.ts

@@ -1,4 +1,17 @@
-import {build} from 'bun';
+import {build, revision} from 'bun';
+
+if (process.env.NODE_ENV !== 'production') {
+	throw new Error('This script must be run using NODE_ENV=production');
+}
+
+if (!revision.startsWith('07ce')) {
+	// eslint-disable-next-line no-console
+	console.warn('warn: Remotion currently uses a fork of Bun to bundle.');
+	// eslint-disable-next-line no-console
+	console.log(
+		'You dont currently run the fork, this could lead to duplicate key warnings in React.',
+	);
+}
 
 const output = await build({
 	entrypoints: ['src/index.ts'],
@@ -8,10 +21,7 @@ const output = await build({
 });
 
 const [file] = output.outputs;
-const text = (await file.text())
-	.replace(/jsxDEV/g, 'jsx')
-	.replace(/react\/jsx-dev-runtime/g, 'react/jsx-runtime');
-
+const text = await file.text();
 await Bun.write('dist/esm/index.mjs', text);
 
 const versionOutput = await build({

package/dist/cjs/version.d.ts

@@ -3,4 +3,4 @@
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-export declare const VERSION = "4.0.149";
+export declare const VERSION = "4.0.150";

package/dist/cjs/version.js

@@ -7,4 +7,4 @@ exports.VERSION = void 0;
  * @see [Documentation](https://remotion.dev/docs/version)
  * @returns {string} The current version of the remotion package
  */
-exports.VERSION = '4.0.149';
+exports.VERSION = '4.0.150';

package/dist/cjs/video/props.d.ts

@@ -45,6 +45,7 @@ export type OffthreadVideoProps = {
     toneMapped?: boolean;
     pauseWhenBuffering?: boolean;
     loopVolumeCurveBehavior?: LoopVolumeCurveBehavior;
+    delayRenderTimeoutInMilliseconds?: number;
     /**
      * @deprecated For internal use only
      */

package/dist/esm/index.mjs

@@ -43,7 +43,7 @@ var NativeLayersProvider = ({
   return jsx(NativeLayersContext.Provider, {
     value: context,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/Clipper.tsx
@@ -120,7 +120,7 @@ var IsPlayerContextProvider = ({
   return jsx2(IsPlayerContext.Provider, {
     value: true,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 var useIsPlayer = () => {
   return useContext2(IsPlayerContext);
@@ -132,7 +132,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.149";
+var VERSION = "4.0.150";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -210,7 +210,7 @@ var AbsoluteFillRefForwarding = (props, ref) => {
     ref,
     style: actualStyle,
     ...other
-  }, undefined, false, undefined, this);
+  });
 };
 var AbsoluteFill = forwardRef(AbsoluteFillRefForwarding);
 
@@ -267,8 +267,8 @@ var SequenceManagerProvider = ({ children }) => {
     children: jsx4(SequenceVisibilityToggleContext.Provider, {
       value: hiddenContext,
       children
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 
 // src/nonce.ts
@@ -421,7 +421,7 @@ var EditorPropsProvider = ({ children }) => {
   return jsx5(EditorPropsContext.Provider, {
     value: ctx,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/static-file.ts
@@ -847,7 +847,7 @@ var ResolveCompositionConfig = ({ children }) => {
   return jsx6(ResolveCompositionContext.Provider, {
     value: resolvedConfigsIncludingStaticOnes,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 var useResolvedVideoConfig = (preferredCompositionId) => {
   const context = useContext5(ResolveCompositionContext);
@@ -1014,7 +1014,7 @@ var CanUseRemotionHooksProvider = ({ children }) => {
   return jsx7(CanUseRemotionHooks.Provider, {
     value: true,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/use-unsafe-video-config.ts
@@ -1144,7 +1144,7 @@ var Freeze = ({
   return jsx8(TimelineContext.Provider, {
     value: timelineValue,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/Sequence.tsx
@@ -1284,8 +1284,8 @@ var RegularSequenceRefForwardingFunction = ({
       style: defaultStyle,
       className: other.className,
       children: content
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 var RegularSequence = forwardRef2(RegularSequenceRefForwardingFunction);
 var PremountedSequenceRefForwardingFunction = (props, ref) => {
@@ -1318,8 +1318,8 @@ var PremountedSequenceRefForwardingFunction = (props, ref) => {
       _remotionInternalPremountDisplay: premountFor,
       _remotionInternalIsPremounting: premountingActive,
       ...otherProps
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 var PremountedSequence = forwardRef2(PremountedSequenceRefForwardingFunction);
 var SequenceRefForwardingFunction = (props, ref) => {
@@ -1327,12 +1327,12 @@ var SequenceRefForwardingFunction = (props, ref) => {
     return jsx9(PremountedSequence, {
       ...props,
       ref
-    }, undefined, false, undefined, this);
+    });
   }
   return jsx9(RegularSequence, {
     ...props,
     ref
-  }, undefined, false, undefined, this);
+  });
 };
 var Sequence = forwardRef2(SequenceRefForwardingFunction);
 // src/audio/Audio.tsx
@@ -1454,8 +1454,8 @@ var Loop = ({ durationInFrames, times = Infinity, children, name, ...props }) =>
       layout: props.layout,
       style,
       children
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+    })
+  });
 };
 Loop.useLoop = useLoop;
 
@@ -1488,7 +1488,7 @@ var PrefetchProvider = ({ children }) => {
   return jsx11(PreloadContext.Provider, {
     value: _preloads,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/prefetch.ts
@@ -1715,7 +1715,7 @@ var DurationsContextProvider = ({ children }) => {
   return jsx12(DurationsContext.Provider, {
     value,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/audio/AudioForPreview.tsx
@@ -1820,7 +1820,7 @@ var BufferingProvider = ({ children }) => {
   return jsx13(BufferingContextReact.Provider, {
     value: bufferManager,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/use-buffer-state.ts
@@ -2546,7 +2546,8 @@ useRef as useRef4,
 useState as useState10
 } from "react";
 import {
-jsx as jsx14
+jsx as jsx14,
+jsxs
 } from "react/jsx-runtime";
 var EMPTY_AUDIO = "data:audio/mp3;base64,/+MYxAAJcAV8AAgAABn//////+/gQ5BAMA+D4Pg+BAQBAEAwD4Pg+D4EBAEAQDAPg++hYBH///hUFQVBUFREDQNHmf///////+MYxBUGkAGIMAAAAP/29Xt6lUxBTUUzLjEwMFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV/+MYxDUAAANIAAAAAFVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVV";
 var compareProps = (obj1, obj2) => {
@@ -2697,7 +2698,7 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component }) =>
       resetAudio();
     };
   }, [component, resetAudio]);
-  return jsx14(SharedAudioContext.Provider, {
+  return jsxs(SharedAudioContext.Provider, {
     value,
     children: [
       refs.map(({ id, ref }) => {
@@ -2705,11 +2706,11 @@ var SharedAudioContextProvider = ({ children, numberOfAudioTags, component }) =>
           ref,
           preload: "metadata",
           src: EMPTY_AUDIO
-        }, id, false, undefined, this);
+        }, id);
       }),
       children
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 var useSharedAudio = (aud, audioId) => {
   const ctx = useContext19(SharedAudioContext);
@@ -2868,7 +2869,7 @@ var AudioForDevelopmentForwardRefFunction = (props, ref) => {
     ref: audioRef,
     preload: "metadata",
     ...propsToPass
-  }, undefined, false, undefined, this);
+  });
 };
 var AudioForPreview = forwardRef3(AudioForDevelopmentForwardRefFunction);
 
@@ -2933,7 +2934,7 @@ var RenderAssetManagerProvider = ({ children }) => {
   return jsx16(RenderAssetManager.Provider, {
     value: contextValue,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/delay-render.ts
@@ -3130,7 +3131,7 @@ var AudioForRenderingRefForwardingFunction = (props, ref) => {
   return jsx17("audio", {
     ref: audioRef,
     ...nativeProps
-  }, undefined, false, undefined, this);
+  });
 };
 var AudioForRendering = forwardRef4(AudioForRenderingRefForwardingFunction);
 
@@ -3184,8 +3185,8 @@ var AudioRefForwardingFunction = (props, ref) => {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   if (typeof startFrom !== "undefined" || typeof endAt !== "undefined") {
     validateStartFromProps(startFrom, endAt);
@@ -3202,8 +3203,8 @@ var AudioRefForwardingFunction = (props, ref) => {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
         ref
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   validateMediaProps(props, "Audio");
   if (environment.isRendering) {
@@ -3213,7 +3214,7 @@ var AudioRefForwardingFunction = (props, ref) => {
       ref,
       onError,
       _remotionInternalNeedsDurationCalculation: Boolean(loop3)
-    }, undefined, false, undefined, this);
+    });
   }
   return jsx18(AudioForPreview, {
     _remotionInternalNativeLoopPassed: props._remotionInternalNativeLoopPassed ?? false,
@@ -3226,7 +3227,7 @@ var AudioRefForwardingFunction = (props, ref) => {
     pauseWhenBuffering: pauseWhenBuffering ?? false,
     _remotionInternalNeedsDurationCalculation: Boolean(loop3),
     showInTimeline: showInTimeline ?? true
-  }, undefined, false, undefined, this);
+  });
 };
 var Audio = forwardRef5(AudioRefForwardingFunction);
 addSequenceStackTraces(Audio);
@@ -3285,12 +3286,13 @@ var Folder = ({
   return jsx19(FolderContext.Provider, {
     value,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/loading-indicator.tsx
 import {
-jsx as jsx20
+jsx as jsx20,
+jsxs as jsxs2
 } from "react/jsx-runtime";
 var rotate = {
   transform: `rotate(90deg)`
@@ -3306,7 +3308,7 @@ var container = {
   alignItems: "center"
 };
 var Loading = () => {
-  return jsx20(AbsoluteFill, {
+  return jsxs2(AbsoluteFill, {
     style: container,
     id: "remotion-comp-loading",
     children: [
@@ -3326,7 +3328,7 @@ var Loading = () => {
 					animation-fill-mode: forwards;
 				}
 			`
-      }, undefined, false, undefined, this),
+      }),
       jsx20("svg", {
         width: ICON_SIZE,
         height: ICON_SIZE,
@@ -3338,18 +3340,18 @@ var Loading = () => {
           strokeWidth: "100",
           strokeLinejoin: "round",
           d: "M 2 172 a 196 100 0 0 0 195 5 A 196 240 0 0 0 100 2.259 A 196 240 0 0 0 2 172 z"
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this),
-      jsx20("p", {
+        })
+      }),
+      jsxs2("p", {
         style: label,
         children: [
           "Resolving ",
           "<Suspense>",
           "..."
         ]
-      }, undefined, true, undefined, this)
+      })
     ]
-  }, undefined, true, undefined, this);
+  });
 };
 
 // src/portal-node.ts
@@ -3436,7 +3438,7 @@ var ClipComposition = ({ children }) => {
   return jsx21(AbsoluteFill, {
     style,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 var Fallback = () => {
   useEffect17(() => {
@@ -3517,13 +3519,13 @@ var Composition = ({
     return createPortal(jsx21(ClipComposition, {
       children: jsx21(CanUseRemotionHooksProvider, {
         children: jsx21(Suspense, {
-          fallback: jsx21(Loading, {}, undefined, false, undefined, this),
+          fallback: jsx21(Loading, {}),
           children: jsx21(Comp, {
             ...resolved.result.props ?? {}
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this), portalNode());
+          })
+        })
+      })
+    }), portalNode());
   }
   if (environment.isRendering && video && video.component === lazy) {
     const Comp = lazy;
@@ -3532,12 +3534,12 @@ var Composition = ({
     }
     return createPortal(jsx21(CanUseRemotionHooksProvider, {
       children: jsx21(Suspense, {
-        fallback: jsx21(Fallback, {}, undefined, false, undefined, this),
+        fallback: jsx21(Fallback, {}),
         children: jsx21(Comp, {
           ...resolved.result.props ?? {}
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this), portalNode());
+        })
+      })
+    }), portalNode());
   }
   return null;
 };
@@ -3635,11 +3637,11 @@ var CompositionManagerProvider = ({ children, numberOfAudioTags }) => {
             numberOfAudioTags,
             component: composition?.component ?? null,
             children
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+          })
+        })
+      })
+    })
+  });
 };
 // src/bezier.ts
 var a = function(aA1, aA2) {
@@ -3887,7 +3889,7 @@ var IFrameRefForwarding = ({
     ref,
     onError: didGetError,
     onLoad: didLoad
-  }, undefined, false, undefined, this);
+  });
 };
 var IFrame = forwardRef6(IFrameRefForwarding);
 // src/Img.tsx
@@ -4008,7 +4010,7 @@ var ImgRefForwarding = ({
     ref: imageRef,
     src: actualSrc,
     onError: didGetError
-  }, undefined, false, undefined, this);
+  });
 };
 var Img = forwardRef7(ImgRefForwarding);
 // src/default-css.ts
@@ -4205,15 +4207,15 @@ var RemotionRoot = ({ children, numberOfAudioTags }) => {
                 children: jsx25(DurationsContextProvider, {
                   children: jsx25(BufferingProvider, {
                     children
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  });
 };
 
 // src/setup-env-variables.ts
@@ -4223,12 +4225,12 @@ var getEnvVariables = () => {
     if (!param) {
       return {};
     }
-    return { ...JSON.parse(param), NODE_ENV: "development" };
+    return { ...JSON.parse(param), NODE_ENV: "production" };
   }
   if (false) {
   }
   return {
-    NODE_ENV: "development"
+    NODE_ENV: "production"
   };
 };
 var setupEnvVariables = () => {
@@ -4403,18 +4405,18 @@ var RemotionContextProvider = (props2) => {
                         children: jsx26(BufferingContextReact.Provider, {
                           value: contexts.bufferManagerContext,
                           children
-                        }, undefined, false, undefined, this)
-                      }, undefined, false, undefined, this)
-                    }, undefined, false, undefined, this)
-                  }, undefined, false, undefined, this)
-                }, undefined, false, undefined, this)
-              }, undefined, false, undefined, this)
-            }, undefined, false, undefined, this)
-          }, undefined, false, undefined, this)
-        }, undefined, false, undefined, this)
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this)
-  }, undefined, false, undefined, this);
+                        })
+                      })
+                    })
+                  })
+                })
+              })
+            })
+          })
+        })
+      })
+    })
+  });
 };
 
 // src/internals.ts
@@ -4878,13 +4880,13 @@ var IsInsideSeriesContainer = ({ children }) => {
   return jsx27(IsInsideSeriesContext.Provider, {
     value: true,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 var IsNotInsideSeriesProvider = ({ children }) => {
   return jsx27(IsInsideSeriesContext.Provider, {
     value: false,
     children
-  }, undefined, false, undefined, this);
+  });
 };
 var useRequireToBeInsideSeries = () => {
   const isInsideSeries = React25.useContext(IsInsideSeriesContext);
@@ -4901,7 +4903,7 @@ var SeriesSequenceRefForwardingFunction = ({ children }, _ref) => {
   useRequireToBeInsideSeries();
   return jsx28(IsNotInsideSeriesProvider, {
     children
-  }, undefined, false, undefined, this);
+  });
 };
 var SeriesSequence = forwardRef8(SeriesSequenceRefForwardingFunction);
 var Series = (props2) => {
@@ -4956,7 +4958,7 @@ var Series = (props2) => {
         ...passedProps,
         ref: castedChild.ref,
         children: child
-      }, undefined, false, undefined, this);
+      });
     });
   }, [props2.children]);
   if (ENABLE_V5_BREAKING_CHANGES) {
@@ -4964,12 +4966,12 @@ var Series = (props2) => {
       children: jsx28(Sequence, {
         ...props2,
         children: childrenValue
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   return jsx28(IsInsideSeriesContainer, {
     children: childrenValue
-  }, undefined, false, undefined, this);
+  });
 };
 Series.Sequence = SeriesSequence;
 addSequenceStackTraces(SeriesSequence);
@@ -5348,7 +5350,7 @@ var OffthreadVideoForRendering = ({
     className,
     ...props2,
     onError: onErr
-  }, undefined, false, undefined, this);
+  });
 };
 
 // src/video/VideoForPreview.tsx
@@ -5506,7 +5508,7 @@ var VideoForDevelopmentRefForwardingFunction = (props2, ref) => {
     loop: _remotionInternalNativeLoopPassed,
     style: actualStyle,
     ...nativeProps
-  }, undefined, false, undefined, this);
+  });
 };
 var VideoForPreview = forwardRef9(VideoForDevelopmentRefForwardingFunction);
 
@@ -5547,14 +5549,14 @@ var OffthreadVideo = (props2) => {
       children: jsx31(OffthreadVideo, {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
     return jsx31(OffthreadVideoForRendering, {
       ...otherProps
-    }, undefined, false, undefined, this);
+    });
   }
   const { transparent, toneMapped, ...withoutTransparent } = otherProps;
   return jsx31(VideoForPreview, {
@@ -5565,7 +5567,7 @@ var OffthreadVideo = (props2) => {
     pauseWhenBuffering: pauseWhenBuffering ?? false,
     showInTimeline: showInTimeline ?? true,
     ...withoutTransparent
-  }, undefined, false, undefined, this);
+  });
 };
 // src/video/Video.tsx
 import {forwardRef as forwardRef11, useCallback as useCallback13, useContext as useContext29} from "react";
@@ -5858,7 +5860,7 @@ var VideoForRenderingForwardFunction = ({
     ref: videoRef,
     ...props2,
     onError
-  }, undefined, false, undefined, this);
+  });
 };
 var VideoForRendering = forwardRef10(VideoForRenderingForwardFunction);
 
@@ -5907,8 +5909,8 @@ var VideoForwardingFunction = (props2, ref) => {
         ...propsOtherThanLoop,
         ref,
         _remotionInternalNativeLoopPassed: true
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   if (typeof startFrom !== "undefined" || typeof endAt !== "undefined") {
     validateStartFromProps(startFrom, endAt);
@@ -5924,8 +5926,8 @@ var VideoForwardingFunction = (props2, ref) => {
         pauseWhenBuffering: pauseWhenBuffering ?? false,
         ...otherProps,
         ref
-      }, undefined, false, undefined, this)
-    }, undefined, false, undefined, this);
+      })
+    });
   }
   validateMediaProps(props2, "Video");
   if (environment.isRendering) {
@@ -5933,7 +5935,7 @@ var VideoForwardingFunction = (props2, ref) => {
       onDuration,
       ...otherProps,
       ref
-    }, undefined, false, undefined, this);
+    });
   }
   return jsx33(VideoForPreview, {
     onlyWarnForMediaSeekingError: false,
@@ -5944,7 +5946,7 @@ var VideoForwardingFunction = (props2, ref) => {
     _remotionInternalStack: stack ?? null,
     _remotionInternalNativeLoopPassed: _remotionInternalNativeLoopPassed ?? false,
     showInTimeline: showInTimeline ?? true
-  }, undefined, false, undefined, this);
+  });
 };
 var Video = forwardRef11(VideoForwardingFunction);
 addSequenceStackTraces(Video);

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.149";
+var VERSION = "4.0.150";
 export {
   VERSION
 };

package/ensure-correct-version.ts

@@ -19,7 +19,7 @@ export const VERSION = '${version}';
 fs.writeFileSync(path.resolve(process.cwd(), 'src/version.ts'), src);
 
 cp.execSync('pnpm build');
-cp.execSync('bunx tsc -d');
+cp.execSync('bun x tsc -d');
 
 const distFile = fs.readFileSync('dist/esm/version.mjs', 'utf-8');
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.149",
+  "version": "4.0.150",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -82,6 +82,6 @@
     "formatting": "prettier src --check",
     "lint": "eslint src --ext ts,tsx",
     "test": "vitest --run",
-    "build": "bun bundle.ts"
+    "build": "bun --env-file=../.env.bundle bundle.ts"
   }
 }