remotion 3.3.98 → 3.3.100

package/dist/cjs/internals.d.ts

@@ -41,7 +41,6 @@ export declare const Internals: {
     RemotionContextProvider: (props: import("./wrap-remotion-context.js").RemotionContextProviderProps) => JSX.Element;
     CSSUtils: typeof CSSUtils;
     setupEnvVariables: () => void;
-    ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
     MediaVolumeContext: import("react").Context<MediaVolumeContextValue>;
     SetMediaVolumeContext: import("react").Context<SetMediaVolumeContextValue>;
     validateDurationInFrames: ({ allowFloats, component, durationInFrames, }: {

package/dist/cjs/internals.js

@@ -73,7 +73,6 @@ exports.Internals = {
     RemotionContextProvider: wrap_remotion_context_js_1.RemotionContextProvider,
     CSSUtils,
     setupEnvVariables: setup_env_variables_js_1.setupEnvVariables,
-    ENV_VARIABLES_ENV_NAME: setup_env_variables_js_1.ENV_VARIABLES_ENV_NAME,
     MediaVolumeContext: volume_position_state_js_1.MediaVolumeContext,
     SetMediaVolumeContext: volume_position_state_js_1.SetMediaVolumeContext,
     validateDurationInFrames: validate_duration_in_frames_js_1.validateDurationInFrames,

package/dist/cjs/nonce.js

@@ -9,7 +9,13 @@ exports.NonceContext = (0, react_1.createContext)({
 const useNonce = () => {
     const context = (0, react_1.useContext)(exports.NonceContext);
     const [nonce, setNonce] = (0, react_1.useState)(() => context.getNonce());
+    const lastContext = (0, react_1.useRef)(context);
+    // Only if context changes, but not initially
     (0, react_1.useEffect)(() => {
+        if (lastContext.current === context) {
+            return;
+        }
+        lastContext.current = context;
         setNonce(context.getNonce);
     }, [context]);
     return nonce;

package/dist/cjs/setup-env-variables.d.ts

@@ -1,2 +1 @@
-export declare const ENV_VARIABLES_ENV_NAME: "ENV_VARIABLES";
 export declare const setupEnvVariables: () => void;

package/dist/cjs/setup-env-variables.js

@@ -1,8 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.setupEnvVariables = exports.ENV_VARIABLES_ENV_NAME = void 0;
+exports.setupEnvVariables = void 0;
 const get_environment_js_1 = require("./get-environment.js");
-exports.ENV_VARIABLES_ENV_NAME = 'ENV_VARIABLES';
 const getEnvVariables = () => {
     if ((0, get_environment_js_1.getRemotionEnvironment)() === 'rendering') {
         const param = window.remotion_envVariables;
@@ -12,11 +11,10 @@ const getEnvVariables = () => {
         return { ...JSON.parse(param), NODE_ENV: process.env.NODE_ENV };
     }
     if ((0, get_environment_js_1.getRemotionEnvironment)() === 'preview') {
-        // Webpack will convert this to an object at compile time.
-        // Don't convert this syntax to a computed property.
+        // For the Preview, we already set the environment variables in index-html.ts.
+        // We just add NODE_ENV here.
         return {
-            ...process.env.ENV_VARIABLES,
-            NODE_ENV: process.env.NODE_ENV,
+            NODE_ENV: 'development',
         };
     }
     throw new Error('Can only call getEnvVariables() if environment is `rendering` or `preview`');

package/dist/cjs/version.d.ts

@@ -1 +1 @@
-export declare const VERSION = "3.3.98";
+export declare const VERSION = "3.3.100";

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 = '3.3.98';
+exports.VERSION = '3.3.100';

package/dist/esm/index.mjs

@@ -58,7 +58,7 @@ function truthy(value) {
 }
 
 // Automatically generated on publish
-const VERSION = '3.3.98';
+const VERSION = '3.3.100';
 
 const checkMultipleRemotionVersions = () => {
     if (typeof globalThis === 'undefined') {
@@ -542,7 +542,13 @@ const NonceContext = createContext({
 const useNonce = () => {
     const context = useContext(NonceContext);
     const [nonce, setNonce] = useState(() => context.getNonce());
+    const lastContext = useRef(context);
+    // Only if context changes, but not initially
     useEffect(() => {
+        if (lastContext.current === context) {
+            return;
+        }
+        lastContext.current = context;
         setNonce(context.getNonce);
     }, [context]);
     return nonce;
@@ -2218,7 +2224,6 @@ const RemotionRoot = ({ children, numberOfAudioTags }) => {
     return (jsx(NonceContext.Provider, { value: nonceContext, children: jsx(TimelineContext.Provider, { value: timelineContextValue, children: jsx(SetTimelineContext.Provider, { value: setTimelineContextValue, children: jsx(PrefetchProvider, { children: jsx(NativeLayersProvider, { children: jsx(CompositionManagerProvider, { numberOfAudioTags: numberOfAudioTags, children: jsx(DurationsContextProvider, { children: children }) }) }) }) }) }) }));
 };
 
-const ENV_VARIABLES_ENV_NAME = 'ENV_VARIABLES';
 const getEnvVariables = () => {
     if (getRemotionEnvironment() === 'rendering') {
         const param = window.remotion_envVariables;
@@ -2228,11 +2233,10 @@ const getEnvVariables = () => {
         return { ...JSON.parse(param), NODE_ENV: process.env.NODE_ENV };
     }
     if (getRemotionEnvironment() === 'preview') {
-        // Webpack will convert this to an object at compile time.
-        // Don't convert this syntax to a computed property.
+        // For the Preview, we already set the environment variables in index-html.ts.
+        // We just add NODE_ENV here.
         return {
-            ...process.env.ENV_VARIABLES,
-            NODE_ENV: process.env.NODE_ENV,
+            NODE_ENV: 'development',
         };
     }
     throw new Error('Can only call getEnvVariables() if environment is `rendering` or `preview`');
@@ -2403,7 +2407,6 @@ const Internals = {
     RemotionContextProvider,
     CSSUtils,
     setupEnvVariables,
-    ENV_VARIABLES_ENV_NAME,
     MediaVolumeContext,
     SetMediaVolumeContext,
     validateDurationInFrames,

package/dist/esm/version.mjs

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

package/package.json

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