remotion 4.0.360 → 4.0.362

package/dist/cjs/config/input-props.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getInputProps = void 0;
 const get_remotion_environment_js_1 = require("../get-remotion-environment.js");
+const input_props_override_js_1 = require("../input-props-override.js");
 const input_props_serialization_js_1 = require("../input-props-serialization.js");
 let didWarnSSRImport = false;
 const warnOnceSSRImport = () => {
@@ -24,6 +25,10 @@ const getInputProps = () => {
     if ((0, get_remotion_environment_js_1.getRemotionEnvironment)().isPlayer) {
         throw new Error('You cannot call `getInputProps()` from a <Player>. Instead, the props are available as React props from component that you passed as `component` prop.');
     }
+    const override = (0, input_props_override_js_1.getInputPropsOverride)();
+    if (override) {
+        return override;
+    }
     const param = window.remotion_inputProps;
     if (!param) {
         return {};

package/dist/cjs/enable-sequence-stack-traces.js

@@ -5,16 +5,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.addSequenceStackTraces = exports.enableSequenceStackTraces = void 0;
 const react_1 = __importDefault(require("react"));
+const jsx_runtime_1 = __importDefault(require("react/jsx-runtime"));
 const get_remotion_environment_1 = require("./get-remotion-environment");
 const originalCreateElement = react_1.default.createElement;
+const originalJsx = jsx_runtime_1.default.jsx;
 const componentsToAddStacksTo = [];
-// Gets called when a new component is added,
-// also when the Studio is mounted
-const enableSequenceStackTraces = () => {
-    if (!(0, get_remotion_environment_1.getRemotionEnvironment)().isStudio) {
-        return;
-    }
-    const proxy = new Proxy(originalCreateElement, {
+const enableProxy = (api) => {
+    return new Proxy(api, {
         apply(target, thisArg, argArray) {
             if (componentsToAddStacksTo.includes(argArray[0])) {
                 const [first, props, ...rest] = argArray;
@@ -27,7 +24,15 @@ const enableSequenceStackTraces = () => {
             return Reflect.apply(target, thisArg, argArray);
         },
     });
-    react_1.default.createElement = proxy;
+};
+// Gets called when a new component is added,
+// also when the Studio is mounted
+const enableSequenceStackTraces = () => {
+    if (!(0, get_remotion_environment_1.getRemotionEnvironment)().isStudio) {
+        return;
+    }
+    react_1.default.createElement = enableProxy(originalCreateElement);
+    jsx_runtime_1.default.jsx = enableProxy(originalJsx);
 };
 exports.enableSequenceStackTraces = enableSequenceStackTraces;
 const addSequenceStackTraces = (component) => {

package/dist/cjs/input-props-override.d.ts

@@ -0,0 +1,2 @@
+export declare const getInputPropsOverride: () => Record<string, unknown> | null;
+export declare const setInputPropsOverride: (override: Record<string, unknown> | null) => void;

package/dist/cjs/input-props-override.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.setInputPropsOverride = exports.getInputPropsOverride = void 0;
+const getKey = () => {
+    return `remotion_inputPropsOverride` + window.location.origin;
+};
+const getInputPropsOverride = () => {
+    if (typeof localStorage === 'undefined')
+        return null;
+    const override = localStorage.getItem(getKey());
+    if (!override)
+        return null;
+    return JSON.parse(override);
+};
+exports.getInputPropsOverride = getInputPropsOverride;
+const setInputPropsOverride = (override) => {
+    if (typeof localStorage === 'undefined')
+        return;
+    if (override === null) {
+        localStorage.removeItem(getKey());
+        return;
+    }
+    localStorage.setItem(getKey(), JSON.stringify(override));
+};
+exports.setInputPropsOverride = setInputPropsOverride;

package/dist/cjs/internals.d.ts

@@ -350,5 +350,7 @@ export declare const Internals: {
         isStudio: boolean;
         finalDisplayName: string;
     };
+    readonly getInputPropsOverride: () => Record<string, unknown> | null;
+    readonly setInputPropsOverride: (override: Record<string, unknown> | null) => void;
 };
 export type { CompositionManagerContext, CompProps, LoggingContextValue, MediaVolumeContextValue, RemotionEnvironment, SerializedJSONWithCustomFields, SetMediaVolumeContextValue, SetTimelineContextValue, TCompMetadata, TComposition, TimelineContextValue, TRenderAsset, TSequence, WatchRemotionStaticFilesPayload, };

package/dist/cjs/internals.js

@@ -50,6 +50,7 @@ const EditorProps_js_1 = require("./EditorProps.js");
 const enable_sequence_stack_traces_js_1 = require("./enable-sequence-stack-traces.js");
 const get_preview_dom_element_js_1 = require("./get-preview-dom-element.js");
 const get_remotion_environment_js_1 = require("./get-remotion-environment.js");
+const input_props_override_js_1 = require("./input-props-override.js");
 const is_player_js_1 = require("./is-player.js");
 const log_level_context_js_1 = require("./log-level-context.js");
 const log_js_1 = require("./log.js");
@@ -176,4 +177,6 @@ exports.Internals = {
     OBJECTFIT_CONTAIN_CLASS_NAME: default_css_js_1.OBJECTFIT_CONTAIN_CLASS_NAME,
     InnerOffthreadVideo: OffthreadVideo_js_1.InnerOffthreadVideo,
     useBasicMediaInTimeline: use_media_in_timeline_js_1.useBasicMediaInTimeline,
+    getInputPropsOverride: input_props_override_js_1.getInputPropsOverride,
+    setInputPropsOverride: input_props_override_js_1.setInputPropsOverride,
 };

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

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.360';
+exports.VERSION = '4.0.362';

package/dist/esm/index.mjs

@@ -34,6 +34,7 @@ var Clipper = () => {
 
 // src/enable-sequence-stack-traces.ts
 import React from "react";
+import JsxRuntime from "react/jsx-runtime";
 
 // src/get-remotion-environment.ts
 function getNodeEnvString() {
@@ -58,12 +59,10 @@ var getRemotionEnvironment = () => {
 
 // src/enable-sequence-stack-traces.ts
 var originalCreateElement = React.createElement;
+var originalJsx = JsxRuntime.jsx;
 var componentsToAddStacksTo = [];
-var enableSequenceStackTraces = () => {
-  if (!getRemotionEnvironment().isStudio) {
-    return;
-  }
-  const proxy = new Proxy(originalCreateElement, {
+var enableProxy = (api) => {
+  return new Proxy(api, {
     apply(target, thisArg, argArray) {
       if (componentsToAddStacksTo.includes(argArray[0])) {
         const [first, props, ...rest] = argArray;
@@ -76,7 +75,13 @@ var enableSequenceStackTraces = () => {
       return Reflect.apply(target, thisArg, argArray);
     }
   });
-  React.createElement = proxy;
+};
+var enableSequenceStackTraces = () => {
+  if (!getRemotionEnvironment().isStudio) {
+    return;
+  }
+  React.createElement = enableProxy(originalCreateElement);
+  JsxRuntime.jsx = enableProxy(originalJsx);
 };
 var addSequenceStackTraces = (component) => {
   componentsToAddStacksTo.push(component);
@@ -105,7 +110,7 @@ function truthy(value) {
 }
 
 // src/version.ts
-var VERSION = "4.0.360";
+var VERSION = "4.0.362";
 
 // src/multiple-versions-warning.ts
 var checkMultipleRemotionVersions = () => {
@@ -456,6 +461,28 @@ var EditorPropsProvider = ({ children }) => {
   });
 };
 
+// src/input-props-override.ts
+var getKey = () => {
+  return `remotion_inputPropsOverride` + window.location.origin;
+};
+var getInputPropsOverride = () => {
+  if (typeof localStorage === "undefined")
+    return null;
+  const override = localStorage.getItem(getKey());
+  if (!override)
+    return null;
+  return JSON.parse(override);
+};
+var setInputPropsOverride = (override) => {
+  if (typeof localStorage === "undefined")
+    return;
+  if (override === null) {
+    localStorage.removeItem(getKey());
+    return;
+  }
+  localStorage.setItem(getKey(), JSON.stringify(override));
+};
+
 // src/input-props-serialization.ts
 var DATE_TOKEN = "remotion-date:";
 var FILE_TOKEN = "remotion-file:";
@@ -538,6 +565,10 @@ var getInputProps = () => {
   if (getRemotionEnvironment().isPlayer) {
     throw new Error("You cannot call `getInputProps()` from a <Player>. Instead, the props are available as React props from component that you passed as `component` prop.");
   }
+  const override = getInputPropsOverride();
+  if (override) {
+    return override;
+  }
   const param = window.remotion_inputProps;
   if (!param) {
     return {};
@@ -6975,7 +7006,9 @@ var Internals = {
   AudioForPreview,
   OBJECTFIT_CONTAIN_CLASS_NAME,
   InnerOffthreadVideo,
-  useBasicMediaInTimeline
+  useBasicMediaInTimeline,
+  getInputPropsOverride,
+  setInputPropsOverride
 };
 // src/interpolate-colors.ts
 var NUMBER = "[-+]?\\d*\\.?\\d+";

package/dist/esm/version.mjs

@@ -1,5 +1,5 @@
 // src/version.ts
-var VERSION = "4.0.360";
+var VERSION = "4.0.362";
 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.360",
+	"version": "4.0.362",
 	"description": "Make videos programmatically",
 	"main": "dist/cjs/index.js",
 	"types": "dist/cjs/index.d.ts",
@@ -34,7 +34,7 @@
 		"react-dom": "19.0.0",
 		"webpack": "5.96.1",
 		"zod": "3.22.3",
-		"@remotion/eslint-config-internal": "4.0.359",
+		"@remotion/eslint-config-internal": "4.0.362",
 		"eslint": "9.19.0"
 	},
 	"keywords": [