remotion 4.0.0 → 4.0.1

package/dist/cjs/ResolveCompositionConfig.js

@@ -30,12 +30,23 @@ const ResolveCompositionConfig = ({ children }) => {
             : {};
     }, [allEditorProps, renderModalComposition]);
     const doResolution = (0, react_1.useCallback)((composition, editorProps) => {
+        var _a;
         const controller = new AbortController();
         if (currentCompositionMetadata) {
             return controller;
         }
+        const inputProps = typeof window === 'undefined' ||
+            (0, get_environment_js_1.getRemotionEnvironment)() === 'player-development' ||
+            (0, get_environment_js_1.getRemotionEnvironment)() === 'player-production'
+            ? {}
+            : (_a = (0, input_props_js_1.getInputProps)()) !== null && _a !== void 0 ? _a : {};
         const { signal } = controller;
-        const promOrNot = (0, resolve_video_config_js_1.resolveVideoConfig)({ composition, editorProps, signal });
+        const promOrNot = (0, resolve_video_config_js_1.resolveVideoConfig)({
+            composition,
+            editorProps,
+            inputProps,
+            signal,
+        });
         if (typeof promOrNot === 'object' && 'then' in promOrNot) {
             setResolvedConfigs((r) => ({
                 ...r,

package/dist/cjs/internals.d.ts

@@ -102,10 +102,11 @@ export declare const Internals: {
     readonly usePreload: (src: string) => string;
     readonly processColor: typeof processColor;
     readonly NonceContext: import("react").Context<import("./nonce.js").TNonceContext>;
-    readonly resolveVideoConfig: ({ composition, editorProps: editorPropsOrUndefined, signal, }: {
+    readonly resolveVideoConfig: ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }: {
         composition: import("./CompositionManager.js").TCompMetadataWithCalcFunction<import("zod").AnyZodObject, Record<string, unknown>>;
         editorProps: object;
         signal: AbortSignal;
+        inputProps: Record<string, unknown>;
     }) => import("./video-config.js").VideoConfig | Promise<import("./video-config.js").VideoConfig>;
     readonly useResolvedVideoConfig: (preferredCompositionId: string | null) => ({
         type: "loading";

package/dist/cjs/resolve-video-config.d.ts

@@ -1,8 +1,9 @@
 import type { AnyZodObject } from 'zod';
 import type { TCompMetadataWithCalcFunction } from './CompositionManager.js';
 import type { VideoConfig } from './video-config.js';
-export declare const resolveVideoConfig: ({ composition, editorProps: editorPropsOrUndefined, signal, }: {
+export declare const resolveVideoConfig: ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }: {
     composition: TCompMetadataWithCalcFunction<AnyZodObject, Record<string, unknown>>;
     editorProps: object;
     signal: AbortSignal;
+    inputProps: Record<string, unknown>;
 }) => VideoConfig | Promise<VideoConfig>;

package/dist/cjs/resolve-video-config.js

@@ -1,24 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.resolveVideoConfig = void 0;
-const input_props_js_1 = require("./config/input-props.js");
-const get_environment_js_1 = require("./get-environment.js");
 const validate_dimensions_js_1 = require("./validation/validate-dimensions.js");
 const validate_duration_in_frames_js_1 = require("./validation/validate-duration-in-frames.js");
 const validate_fps_js_1 = require("./validation/validate-fps.js");
-const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
     const calculatedProm = composition.calculateMetadata
         ? composition.calculateMetadata({
             defaultProps: (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {},
             props: {
                 ...((_b = composition.defaultProps) !== null && _b !== void 0 ? _b : {}),
                 ...(editorPropsOrUndefined !== null && editorPropsOrUndefined !== void 0 ? editorPropsOrUndefined : {}),
-                ...(typeof window === 'undefined' ||
-                    (0, get_environment_js_1.getRemotionEnvironment)() === 'player-development' ||
-                    (0, get_environment_js_1.getRemotionEnvironment)() === 'player-production'
-                    ? {}
-                    : (_c = (0, input_props_js_1.getInputProps)()) !== null && _c !== void 0 ? _c : {}),
+                ...inputProps,
             },
             abortSignal: signal,
         })
@@ -51,15 +45,18 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
         return {
             ...data,
             id: composition.id,
-            defaultProps: (_d = composition.defaultProps) !== null && _d !== void 0 ? _d : {},
-            props: (_e = composition.defaultProps) !== null && _e !== void 0 ? _e : {},
+            defaultProps: (_c = composition.defaultProps) !== null && _c !== void 0 ? _c : {},
+            props: {
+                ...((_d = composition.defaultProps) !== null && _d !== void 0 ? _d : {}),
+                ...(inputProps !== null && inputProps !== void 0 ? inputProps : {}),
+            },
         };
     }
     return {
         ...data,
         id: composition.id,
-        defaultProps: (_f = composition.defaultProps) !== null && _f !== void 0 ? _f : {},
-        props: (_h = (_g = calculatedProm.props) !== null && _g !== void 0 ? _g : composition.defaultProps) !== null && _h !== void 0 ? _h : {},
+        defaultProps: (_e = composition.defaultProps) !== null && _e !== void 0 ? _e : {},
+        props: (_g = (_f = calculatedProm.props) !== null && _f !== void 0 ? _f : composition.defaultProps) !== null && _g !== void 0 ? _g : {},
     };
 };
 exports.resolveVideoConfig = resolveVideoConfig;

package/dist/cjs/static-file.js

@@ -49,6 +49,14 @@ const inner = (path) => {
     }
     return `/${trimLeadingSlash(path)}`;
 };
+const encodeBySplitting = (path) => {
+    const splitBySlash = path.split('/');
+    const encodedArray = splitBySlash.map((element) => {
+        return encodeURIComponent(element);
+    });
+    const merged = encodedArray.join('/');
+    return merged;
+};
 /**
  * @description Reference a file from the public/ folder. If the file does not appear in the autocomplete, type the path manually.
  * @see [Documentation](https://www.remotion.dev/docs/staticfile)
@@ -78,7 +86,8 @@ const staticFile = (path) => {
     if (includesHex.containsHex) {
         warnOnce(`WARNING: You seem to pass an already encoded path (path contains ${includesHex.hexCode}). Since Remotion 4.0, the encoding is done by staticFile() itself. You may want to remove a encodeURIComponent() wrapping.`);
     }
-    const preparsed = inner(encodeURIComponent(path));
+    const preprocessed = encodeBySplitting(path);
+    const preparsed = inner(preprocessed);
     if (!preparsed.startsWith('/')) {
         return `/${preparsed}`;
     }

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "4.0.0";
+export declare const VERSION = "4.0.1";

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.0';
+exports.VERSION = '4.0.1';

package/dist/esm/index.mjs

@@ -58,7 +58,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '4.0.0';
+const VERSION = '4.0.1';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -399,19 +399,15 @@ function validateFps(fps, location, isGif) {
     }
 }
 
-const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, }) => {
-    var _a, _b, _c, _d, _e, _f, _g, _h;
+const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined, signal, inputProps, }) => {
+    var _a, _b, _c, _d, _e, _f, _g;
     const calculatedProm = composition.calculateMetadata
         ? composition.calculateMetadata({
             defaultProps: (_a = composition.defaultProps) !== null && _a !== void 0 ? _a : {},
             props: {
                 ...((_b = composition.defaultProps) !== null && _b !== void 0 ? _b : {}),
                 ...(editorPropsOrUndefined !== null && editorPropsOrUndefined !== void 0 ? editorPropsOrUndefined : {}),
-                ...(typeof window === 'undefined' ||
-                    getRemotionEnvironment() === 'player-development' ||
-                    getRemotionEnvironment() === 'player-production'
-                    ? {}
-                    : (_c = getInputProps()) !== null && _c !== void 0 ? _c : {}),
+                ...inputProps,
             },
             abortSignal: signal,
         })
@@ -444,15 +440,18 @@ const resolveVideoConfig = ({ composition, editorProps: editorPropsOrUndefined,
         return {
             ...data,
             id: composition.id,
-            defaultProps: (_d = composition.defaultProps) !== null && _d !== void 0 ? _d : {},
-            props: (_e = composition.defaultProps) !== null && _e !== void 0 ? _e : {},
+            defaultProps: (_c = composition.defaultProps) !== null && _c !== void 0 ? _c : {},
+            props: {
+                ...((_d = composition.defaultProps) !== null && _d !== void 0 ? _d : {}),
+                ...(inputProps !== null && inputProps !== void 0 ? inputProps : {}),
+            },
         };
     }
     return {
         ...data,
         id: composition.id,
-        defaultProps: (_f = composition.defaultProps) !== null && _f !== void 0 ? _f : {},
-        props: (_h = (_g = calculatedProm.props) !== null && _g !== void 0 ? _g : composition.defaultProps) !== null && _h !== void 0 ? _h : {},
+        defaultProps: (_e = composition.defaultProps) !== null && _e !== void 0 ? _e : {},
+        props: (_g = (_f = calculatedProm.props) !== null && _f !== void 0 ? _f : composition.defaultProps) !== null && _g !== void 0 ? _g : {},
     };
 };
 const validateCalculated = ({ composition, calculated, }) => {
@@ -495,12 +494,23 @@ const ResolveCompositionConfig = ({ children }) => {
             : {};
     }, [allEditorProps, renderModalComposition]);
     const doResolution = useCallback((composition, editorProps) => {
+        var _a;
         const controller = new AbortController();
         if (currentCompositionMetadata) {
             return controller;
         }
+        const inputProps = typeof window === 'undefined' ||
+            getRemotionEnvironment() === 'player-development' ||
+            getRemotionEnvironment() === 'player-production'
+            ? {}
+            : (_a = getInputProps()) !== null && _a !== void 0 ? _a : {};
         const { signal } = controller;
-        const promOrNot = resolveVideoConfig({ composition, editorProps, signal });
+        const promOrNot = resolveVideoConfig({
+            composition,
+            editorProps,
+            inputProps,
+            signal,
+        });
         if (typeof promOrNot === 'object' && 'then' in promOrNot) {
             setResolvedConfigs((r) => ({
                 ...r,
@@ -4048,6 +4058,14 @@ const inner = (path) => {
     }
     return `/${trimLeadingSlash(path)}`;
 };
+const encodeBySplitting = (path) => {
+    const splitBySlash = path.split('/');
+    const encodedArray = splitBySlash.map((element) => {
+        return encodeURIComponent(element);
+    });
+    const merged = encodedArray.join('/');
+    return merged;
+};
 /**
  * @description Reference a file from the public/ folder. If the file does not appear in the autocomplete, type the path manually.
  * @see [Documentation](https://www.remotion.dev/docs/staticfile)
@@ -4077,7 +4095,8 @@ const staticFile = (path) => {
     if (includesHex.containsHex) {
         warnOnce(`WARNING: You seem to pass an already encoded path (path contains ${includesHex.hexCode}). Since Remotion 4.0, the encoding is done by staticFile() itself. You may want to remove a encodeURIComponent() wrapping.`);
     }
-    const preparsed = inner(encodeURIComponent(path));
+    const preprocessed = encodeBySplitting(path);
+    const preparsed = inner(preprocessed);
     if (!preparsed.startsWith('/')) {
         return `/${preparsed}`;
     }

package/dist/esm/version.mjs

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "remotion",
-  "version": "4.0.0",
+  "version": "4.0.1",
   "description": "Render videos in React",
   "main": "dist/cjs/index.js",
   "types": "dist/cjs/index.d.ts",