remotion 4.0.258 → 4.0.260

package/dist/cjs/Composition.js

@@ -34,7 +34,10 @@ const Composition = ({ width, height, fps, durationInFrames, id, defaultProps, s
     var _a, _b;
     const { registerComposition, unregisterComposition } = (0, react_1.useContext)(CompositionManagerContext_js_1.CompositionManager);
     const video = (0, use_video_js_1.useVideo)();
-    const lazy = (0, use_lazy_component_js_1.useLazyComponent)(compProps);
+    const lazy = (0, use_lazy_component_js_1.useLazyComponent)({
+        compProps: compProps,
+        componentName: 'Composition',
+    });
     const nonce = (0, nonce_js_1.useNonce)();
     const isPlayer = (0, is_player_js_1.useIsPlayer)();
     const environment = (0, get_remotion_environment_js_1.getRemotionEnvironment)();

package/dist/cjs/EditorProps.d.ts

@@ -14,6 +14,10 @@ export declare const editorPropsProviderRef: React.RefObject<{
     getProps: () => Props;
     setProps: React.Dispatch<React.SetStateAction<Props>>;
 } | null>;
+export declare const timeValueRef: React.RefObject<{
+    goToFrame: () => void;
+    seek: (newFrame: number) => void;
+} | null>;
 export declare const EditorPropsProvider: React.FC<{
     readonly children: React.ReactNode;
 }>;

package/dist/cjs/EditorProps.js

@@ -23,7 +23,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.EditorPropsProvider = exports.editorPropsProviderRef = exports.EditorPropsContext = void 0;
+exports.EditorPropsProvider = exports.timeValueRef = exports.editorPropsProviderRef = exports.EditorPropsContext = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_1 = __importStar(require("react"));
 exports.EditorPropsContext = (0, react_1.createContext)({
@@ -36,6 +36,7 @@ exports.EditorPropsContext = (0, react_1.createContext)({
     },
 });
 exports.editorPropsProviderRef = react_1.default.createRef();
+exports.timeValueRef = react_1.default.createRef();
 const EditorPropsProvider = ({ children }) => {
     const [props, setProps] = react_1.default.useState({});
     const updateProps = (0, react_1.useCallback)(({ defaultProps, id, newProps, }) => {

package/dist/cjs/internals.d.ts

@@ -28,7 +28,10 @@ export declare const Internals: {
     readonly getRoot: () => import("react").FC<{}> | null;
     readonly useMediaVolumeState: () => readonly [number, (u: number) => void];
     readonly useMediaMutedState: () => readonly [boolean, (u: React.SetStateAction<boolean>) => void];
-    readonly useLazyComponent: <Props>(compProps: CompProps<Props>) => import("react").ExoticComponent<Props | (import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>)> & {
+    readonly useLazyComponent: <Props>({ compProps, componentName, }: {
+        compProps: CompProps<Props>;
+        componentName: string;
+    }) => import("react").ExoticComponent<Props | (import("react").PropsWithoutRef<Props> & import("react").RefAttributes<import("react").Component<Props, any, any>>)> & {
         readonly _result: import("react").ComponentType<Props>;
     };
     readonly truthy: typeof truthy;
@@ -169,11 +172,11 @@ export declare const Internals: {
     readonly PROPS_UPDATED_EXTERNALLY: "remotion.propsUpdatedExternally";
     readonly validateRenderAsset: (artifact: TRenderAsset) => void;
     readonly Log: {
-        trace: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
-        verbose: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
-        info: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
-        warn: (logLevel: import("./log.js").LogLevel, ...args: Parameters<typeof console.log>) => void;
-        error: (...args: Parameters<typeof console.log>) => void;
+        trace: (logLevel: import("./log.js").LogLevel, message?: any, ...optionalParams: any[]) => void;
+        verbose: (logLevel: import("./log.js").LogLevel, message?: any, ...optionalParams: any[]) => void;
+        info: (logLevel: import("./log.js").LogLevel, message?: any, ...optionalParams: any[]) => void;
+        warn: (logLevel: import("./log.js").LogLevel, message?: any, ...optionalParams: any[]) => void;
+        error: (message?: any, ...optionalParams: any[]) => void;
     };
     readonly LogLevelContext: import("react").Context<LoggingContextValue>;
     readonly useLogLevel: () => import("./log.js").LogLevel;
@@ -183,5 +186,9 @@ export declare const Internals: {
         message: string;
         mountTime: number | null;
     }) => void;
+    readonly timeValueRef: import("react").RefObject<{
+        goToFrame: () => void;
+        seek: (newFrame: number) => void;
+    } | null>;
 };
 export type { CompositionManagerContext, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TRenderAsset as TAsset, TCompMetadata, TComposition, TimelinePosition as Timeline, TimelineContextValue, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -131,4 +131,5 @@ exports.Internals = {
     LogLevelContext: log_level_context_js_1.LogLevelContext,
     useLogLevel: log_level_context_js_1.useLogLevel,
     playbackLogging: playback_logging_js_1.playbackLogging,
+    timeValueRef: EditorProps_js_1.timeValueRef,
 };

package/dist/cjs/log.d.ts

@@ -2,9 +2,9 @@ export declare const logLevels: readonly ["trace", "verbose", "info", "warn", "e
 export type LogLevel = (typeof logLevels)[number];
 export declare const isEqualOrBelowLogLevel: (currentLevel: LogLevel, level: LogLevel) => boolean;
 export declare const Log: {
-    trace: (logLevel: LogLevel, ...args: Parameters<typeof console.log>) => void;
-    verbose: (logLevel: LogLevel, ...args: Parameters<typeof console.log>) => void;
-    info: (logLevel: LogLevel, ...args: Parameters<typeof console.log>) => void;
-    warn: (logLevel: LogLevel, ...args: Parameters<typeof console.log>) => void;
-    error: (...args: Parameters<typeof console.log>) => void;
+    trace: (logLevel: LogLevel, message?: any, ...optionalParams: any[]) => void;
+    verbose: (logLevel: LogLevel, message?: any, ...optionalParams: any[]) => void;
+    info: (logLevel: LogLevel, message?: any, ...optionalParams: any[]) => void;
+    warn: (logLevel: LogLevel, message?: any, ...optionalParams: any[]) => void;
+    error: (message?: any, ...optionalParams: any[]) => void;
 };

package/dist/cjs/use-lazy-component.d.ts

@@ -3,5 +3,8 @@ import type { CompProps } from './Composition.js';
 type LazyExoticComponent<T extends ComponentType<any>> = ExoticComponent<ComponentPropsWithRef<T>> & {
     readonly _result: T;
 };
-export declare const useLazyComponent: <Props>(compProps: CompProps<Props>) => LazyExoticComponent<ComponentType<Props>>;
+export declare const useLazyComponent: <Props>({ compProps, componentName, }: {
+    compProps: CompProps<Props>;
+    componentName: string;
+}) => LazyExoticComponent<ComponentType<Props>>;
 export {};

package/dist/cjs/use-lazy-component.js

@@ -26,10 +26,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.useLazyComponent = void 0;
 const react_1 = __importStar(require("react"));
 // Expected, it can be any component props
-const useLazyComponent = (compProps) => {
+const useLazyComponent = ({ compProps, componentName, }) => {
     const lazy = (0, react_1.useMemo)(() => {
         if ('lazyComponent' in compProps &&
             typeof compProps.lazyComponent !== 'undefined') {
+            if (typeof compProps.lazyComponent === 'undefined') {
+                throw new Error(`A value of \`undefined\` was passed to the \`lazyComponent\` prop. Check the value you are passing to the <${componentName}/> component.`);
+            }
             return react_1.default.lazy(compProps.lazyComponent);
         }
         if ('component' in compProps) {
@@ -37,6 +40,9 @@ const useLazyComponent = (compProps) => {
             if (typeof document === 'undefined') {
                 return compProps.component;
             }
+            if (typeof compProps.component === 'undefined') {
+                throw new Error(`A value of \`undefined\` was passed to the \`component\` prop. Check the value you are passing to the <${componentName}/> component.`);
+            }
             return react_1.default.lazy(() => Promise.resolve({ default: compProps.component }));
         }
         throw new Error("You must pass either 'component' or 'lazyComponent'");

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.258";
+export declare const VERSION = "4.0.260";

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.258';
+exports.VERSION = '4.0.260';

package/dist/esm/index.mjs

@@ -104,7 +104,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.258";
+var VERSION = "4.0.260";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -353,6 +353,7 @@ var EditorPropsContext = createContext6({
   }
 });
 var editorPropsProviderRef = React4.createRef();
+var timeValueRef = React4.createRef();
 var EditorPropsProvider = ({ children }) => {
   const [props, setProps] = React4.useState({});
   const updateProps = useCallback2(({
@@ -4386,15 +4387,24 @@ var portalNode = () => {
 
 // src/use-lazy-component.ts
 import React18, { useMemo as useMemo22 } from "react";
-var useLazyComponent = (compProps) => {
+var useLazyComponent = ({
+  compProps,
+  componentName
+}) => {
   const lazy = useMemo22(() => {
     if ("lazyComponent" in compProps && typeof compProps.lazyComponent !== "undefined") {
+      if (typeof compProps.lazyComponent === "undefined") {
+        throw new Error(`A value of \`undefined\` was passed to the \`lazyComponent\` prop. Check the value you are passing to the <${componentName}/> component.`);
+      }
       return React18.lazy(compProps.lazyComponent);
     }
     if ("component" in compProps) {
       if (typeof document === "undefined") {
         return compProps.component;
       }
+      if (typeof compProps.component === "undefined") {
+        throw new Error(`A value of \`undefined\` was passed to the \`component\` prop. Check the value you are passing to the <${componentName}/> component.`);
+      }
       return React18.lazy(() => Promise.resolve({ default: compProps.component }));
     }
     throw new Error("You must pass either 'component' or 'lazyComponent'");
@@ -4446,7 +4456,10 @@ var Composition = ({
 }) => {
   const { registerComposition, unregisterComposition } = useContext24(CompositionManager);
   const video = useVideo();
-  const lazy = useLazyComponent(compProps);
+  const lazy = useLazyComponent({
+    compProps,
+    componentName: "Composition"
+  });
   const nonce = useNonce();
   const isPlayer = useIsPlayer();
   const environment = getRemotionEnvironment();
@@ -5491,7 +5504,8 @@ var Internals = {
   Log,
   LogLevelContext,
   useLogLevel,
-  playbackLogging
+  playbackLogging,
+  timeValueRef
 };
 // src/interpolate-colors.ts
 var NUMBER = "[-+]?\\d*\\.?\\d+";

package/dist/esm/version.mjs

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

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/core"
   },
   "name": "remotion",
-  "version": "4.0.258",
+  "version": "4.0.260",
   "description": "Make videos programmatically",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",
@@ -27,8 +27,8 @@
     "react-dom": "19.0.0",
     "webpack": "5.96.1",
     "zod": "3.22.3",
-    "eslint": "9.14.0",
-    "@remotion/eslint-config-internal": "4.0.258"
+    "eslint": "9.19.0",
+    "@remotion/eslint-config-internal": "4.0.260"
   },
   "keywords": [
     "remotion",