@remotion/studio 4.0.341 → 4.0.345

package/dist/esm/index.mjs

@@ -474,7 +474,7 @@ var updateDefaultProps = ({
   }));
 };
 // src/api/visual-control.ts
-import { getRemotionEnvironment as getRemotionEnvironment6 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment5 } from "remotion";
 
 // src/visual-controls/VisualControls.tsx
 import {
@@ -487,7 +487,7 @@ import {
   useRef,
   useState
 } from "react";
-import { getRemotionEnvironment as getRemotionEnvironment5 } from "remotion";
+import { useRemotionEnvironment } from "remotion";
 import { jsx as jsx2 } from "react/jsx-runtime";
 var VisualControlsTabActivatedContext = createContext(false);
 var VisualControlsContext = createContext({
@@ -508,7 +508,7 @@ var SetVisualControlsContext = createContext({
 
 // src/api/visual-control.ts
 var visualControl = (key, value, schema) => {
-  if (getRemotionEnvironment6().isRendering) {
+  if (getRemotionEnvironment5().isRendering) {
     return value;
   }
   if (!visualControlRef.current) {
@@ -517,10 +517,10 @@ var visualControl = (key, value, schema) => {
   return visualControlRef.current.globalVisualControl(key, value, schema);
 };
 // src/api/watch-public-folder.ts
-import { getRemotionEnvironment as getRemotionEnvironment7 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment6 } from "remotion";
 var WATCH_REMOTION_STATIC_FILES = "remotion_staticFilesChanged";
 var watchPublicFolder = (callback) => {
-  if (!getRemotionEnvironment7().isStudio) {
+  if (!getRemotionEnvironment6().isStudio) {
     console.warn("The watchPublicFolder() API is only available while using the Remotion Studio.");
     return { cancel: () => {
       return;
@@ -539,9 +539,9 @@ var watchPublicFolder = (callback) => {
   return { cancel };
 };
 // src/api/watch-static-file.ts
-import { getRemotionEnvironment as getRemotionEnvironment8 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment7 } from "remotion";
 var watchStaticFile = (fileName, callback) => {
-  if (!getRemotionEnvironment8().isStudio) {
+  if (!getRemotionEnvironment7().isStudio) {
     console.warn("watchStaticFile() is only available while using the Remotion Studio.");
     return { cancel: () => {
       return;

package/dist/esm/internals.mjs

@@ -689,6 +689,9 @@ var useKeybinding = () => {
     }
     const listener = (e) => {
       const commandKey = window.navigator.platform.startsWith("Mac") ? e.metaKey : e.ctrlKey;
+      if (!e.key) {
+        return;
+      }
       if (e.key.toLowerCase() === options.key.toLowerCase() && options.commandCtrlKey === commandKey) {
         if (!options.triggerIfInputFieldFocused) {
           const { activeElement } = document;
@@ -10125,7 +10128,7 @@ import {
   useRef as useRef22,
   useState as useState36
 } from "react";
-import { getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
+import { useRemotionEnvironment } from "remotion";
 
 // src/api/get-zod-schema-from-primitive.ts
 var getZodSchemaFromPrimitive = (value, z) => {
@@ -10254,9 +10257,10 @@ var VisualControlsProvider = ({ children }) => {
   }, []);
   const z = useZodIfPossible();
   const changedRef = useRef22(false);
+  const env = useRemotionEnvironment();
   const visualControl = useCallback41(function(key, value, schema) {
     if (handles && false) {}
-    if (!getRemotionEnvironment2().isStudio) {
+    if (!env.isStudio) {
       return value;
     }
     if (!z) {
@@ -10271,7 +10275,7 @@ var VisualControlsProvider = ({ children }) => {
       changedRef.current = true;
     }
     return currentValue;
-  }, [setControl, handles, z]);
+  }, [setControl, handles, z, env.isStudio]);
   const updateHandles = useCallback41(() => {
     setHandles(() => {
       return imperativeHandles.current;
@@ -10329,7 +10333,7 @@ import React61, { useCallback as useCallback44, useContext as useContext33 } fro
 import { Internals as Internals28 } from "remotion";
 
 // src/api/save-default-props.ts
-import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
 
 // src/components/RenderModal/SchemaEditor/extract-enum-json-paths.ts
 var extractEnumJsonPaths = ({
@@ -10522,9 +10526,9 @@ var extractEnumJsonPaths = ({
 };
 
 // src/api/helpers/calc-new-props.ts
-import { Internals as Internals27, getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
+import { Internals as Internals27, getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
 var calcNewProps = (compositionId, defaultProps) => {
-  if (!getRemotionEnvironment3().isStudio) {
+  if (!getRemotionEnvironment2().isStudio) {
     throw new Error("saveDefaultProps can only be called in the Remotion Studio.");
   }
   const { compositionsRef, editorPropsProviderRef } = Internals27;
@@ -10559,7 +10563,7 @@ var saveDefaultProps = async ({
   compositionId,
   defaultProps
 }) => {
-  if (!getRemotionEnvironment4().isStudio) {
+  if (!getRemotionEnvironment3().isStudio) {
     throw new Error("saveDefaultProps() is only available in the Studio");
   }
   if (window.remotion_isReadOnlyStudio) {
@@ -17815,27 +17819,36 @@ var renderMediaOnWeb = async ({
     }
   };
   const root = ReactDOM8.createRoot(div);
-  root.render(/* @__PURE__ */ jsx174(Internals44.RemotionRoot, {
-    logLevel: "info",
-    numberOfAudioTags: 0,
-    onlyRenderComposition: null,
-    currentCompositionMetadata: {
-      props: {},
-      durationInFrames,
-      fps,
-      height,
-      width,
-      defaultCodec: null,
-      defaultOutName: null,
-      defaultVideoImageFormat: null,
-      defaultPixelFormat: null
+  root.render(/* @__PURE__ */ jsx174(Internals44.RemotionEnvironmentContext, {
+    value: {
+      isStudio: false,
+      isRendering: true,
+      isPlayer: false,
+      isReadOnlyStudio: false,
+      isClientSideRendering: true
     },
-    audioLatencyHint: "interactive",
-    children: /* @__PURE__ */ jsx174(Internals44.CanUseRemotionHooks, {
-      value: true,
-      children: /* @__PURE__ */ jsx174(Internals44.CompositionManager.Provider, {
-        value: compositionManagerContext,
-        children: /* @__PURE__ */ jsx174(Component, {})
+    children: /* @__PURE__ */ jsx174(Internals44.RemotionRoot, {
+      logLevel: "info",
+      numberOfAudioTags: 0,
+      onlyRenderComposition: null,
+      currentCompositionMetadata: {
+        props: {},
+        durationInFrames,
+        fps,
+        height,
+        width,
+        defaultCodec: null,
+        defaultOutName: null,
+        defaultVideoImageFormat: null,
+        defaultPixelFormat: null
+      },
+      audioLatencyHint: "interactive",
+      children: /* @__PURE__ */ jsx174(Internals44.CanUseRemotionHooks, {
+        value: true,
+        children: /* @__PURE__ */ jsx174(Internals44.CompositionManager.Provider, {
+          value: compositionManagerContext,
+          children: /* @__PURE__ */ jsx174(Component, {})
+        })
       })
     })
   }));
@@ -35300,7 +35313,8 @@ var parseList = ({
   const startOffset = iterator.counter.getOffset();
   const type = iterator.getByteString(4, false);
   if (type !== "INFO") {
-    throw new Error(`Only supporting LIST INFO, but got ${type}`);
+    iterator.discard(ckSize - 4);
+    return Promise.resolve(null);
   }
   const metadata = [];
   const remainingBytes = () => ckSize - (iterator.counter.getOffset() - startOffset);
@@ -35384,7 +35398,7 @@ var parseWav = (state) => {
   if (type === "id3") {
     return parseId32({ state });
   }
-  if (type === "junk" || type === "fllr" || type === "bext") {
+  if (type === "junk" || type === "fllr" || type === "bext" || type === "cue") {
     return parseJunk({ state });
   }
   if (type === "fact") {
@@ -38955,9 +38969,9 @@ import React142, { useCallback as useCallback100, useContext as useContext71, us
 import { VERSION as VERSION2 } from "remotion";
 
 // src/api/install-package.ts
-import { getRemotionEnvironment as getRemotionEnvironment5 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
 var installPackages = (packageNames) => {
-  if (!getRemotionEnvironment5().isStudio) {
+  if (!getRemotionEnvironment4().isStudio) {
     throw new Error("installPackages() is only available in the Studio");
   }
   if (window.remotion_isReadOnlyStudio) {

package/dist/esm/previewEntry.mjs

@@ -694,6 +694,9 @@ var useKeybinding = () => {
     }
     const listener = (e) => {
       const commandKey = window.navigator.platform.startsWith("Mac") ? e.metaKey : e.ctrlKey;
+      if (!e.key) {
+        return;
+      }
       if (e.key.toLowerCase() === options.key.toLowerCase() && options.commandCtrlKey === commandKey) {
         if (!options.triggerIfInputFieldFocused) {
           const { activeElement } = document;
@@ -10405,7 +10408,7 @@ import {
   useRef as useRef22,
   useState as useState37
 } from "react";
-import { getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
+import { useRemotionEnvironment } from "remotion";
 
 // src/api/get-zod-schema-from-primitive.ts
 var getZodSchemaFromPrimitive = (value, z) => {
@@ -10534,9 +10537,10 @@ var VisualControlsProvider = ({ children }) => {
   }, []);
   const z = useZodIfPossible();
   const changedRef = useRef22(false);
+  const env = useRemotionEnvironment();
   const visualControl = useCallback42(function(key, value, schema) {
     if (handles && false) {}
-    if (!getRemotionEnvironment2().isStudio) {
+    if (!env.isStudio) {
       return value;
     }
     if (!z) {
@@ -10551,7 +10555,7 @@ var VisualControlsProvider = ({ children }) => {
       changedRef.current = true;
     }
     return currentValue;
-  }, [setControl, handles, z]);
+  }, [setControl, handles, z, env.isStudio]);
   const updateHandles = useCallback42(() => {
     setHandles(() => {
       return imperativeHandles.current;
@@ -10609,7 +10613,7 @@ import React62, { useCallback as useCallback45, useContext as useContext33 } fro
 import { Internals as Internals28 } from "remotion";
 
 // src/api/save-default-props.ts
-import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
 
 // src/components/RenderModal/SchemaEditor/extract-enum-json-paths.ts
 var extractEnumJsonPaths = ({
@@ -10802,9 +10806,9 @@ var extractEnumJsonPaths = ({
 };
 
 // src/api/helpers/calc-new-props.ts
-import { Internals as Internals27, getRemotionEnvironment as getRemotionEnvironment3 } from "remotion";
+import { Internals as Internals27, getRemotionEnvironment as getRemotionEnvironment2 } from "remotion";
 var calcNewProps = (compositionId, defaultProps) => {
-  if (!getRemotionEnvironment3().isStudio) {
+  if (!getRemotionEnvironment2().isStudio) {
     throw new Error("saveDefaultProps can only be called in the Remotion Studio.");
   }
   const { compositionsRef, editorPropsProviderRef } = Internals27;
@@ -10839,7 +10843,7 @@ var saveDefaultProps = async ({
   compositionId,
   defaultProps
 }) => {
-  if (!getRemotionEnvironment4().isStudio) {
+  if (!getRemotionEnvironment3().isStudio) {
     throw new Error("saveDefaultProps() is only available in the Studio");
   }
   if (window.remotion_isReadOnlyStudio) {
@@ -18095,27 +18099,36 @@ var renderMediaOnWeb = async ({
     }
   };
   const root = ReactDOM8.createRoot(div);
-  root.render(/* @__PURE__ */ jsx175(Internals44.RemotionRoot, {
-    logLevel: "info",
-    numberOfAudioTags: 0,
-    onlyRenderComposition: null,
-    currentCompositionMetadata: {
-      props: {},
-      durationInFrames,
-      fps,
-      height,
-      width,
-      defaultCodec: null,
-      defaultOutName: null,
-      defaultVideoImageFormat: null,
-      defaultPixelFormat: null
+  root.render(/* @__PURE__ */ jsx175(Internals44.RemotionEnvironmentContext, {
+    value: {
+      isStudio: false,
+      isRendering: true,
+      isPlayer: false,
+      isReadOnlyStudio: false,
+      isClientSideRendering: true
     },
-    audioLatencyHint: "interactive",
-    children: /* @__PURE__ */ jsx175(Internals44.CanUseRemotionHooks, {
-      value: true,
-      children: /* @__PURE__ */ jsx175(Internals44.CompositionManager.Provider, {
-        value: compositionManagerContext,
-        children: /* @__PURE__ */ jsx175(Component, {})
+    children: /* @__PURE__ */ jsx175(Internals44.RemotionRoot, {
+      logLevel: "info",
+      numberOfAudioTags: 0,
+      onlyRenderComposition: null,
+      currentCompositionMetadata: {
+        props: {},
+        durationInFrames,
+        fps,
+        height,
+        width,
+        defaultCodec: null,
+        defaultOutName: null,
+        defaultVideoImageFormat: null,
+        defaultPixelFormat: null
+      },
+      audioLatencyHint: "interactive",
+      children: /* @__PURE__ */ jsx175(Internals44.CanUseRemotionHooks, {
+        value: true,
+        children: /* @__PURE__ */ jsx175(Internals44.CompositionManager.Provider, {
+          value: compositionManagerContext,
+          children: /* @__PURE__ */ jsx175(Component, {})
+        })
       })
     })
   }));
@@ -35580,7 +35593,8 @@ var parseList = ({
   const startOffset = iterator.counter.getOffset();
   const type = iterator.getByteString(4, false);
   if (type !== "INFO") {
-    throw new Error(`Only supporting LIST INFO, but got ${type}`);
+    iterator.discard(ckSize - 4);
+    return Promise.resolve(null);
   }
   const metadata = [];
   const remainingBytes = () => ckSize - (iterator.counter.getOffset() - startOffset);
@@ -35664,7 +35678,7 @@ var parseWav = (state) => {
   if (type === "id3") {
     return parseId32({ state });
   }
-  if (type === "junk" || type === "fllr" || type === "bext") {
+  if (type === "junk" || type === "fllr" || type === "bext" || type === "cue") {
     return parseJunk({ state });
   }
   if (type === "fact") {
@@ -39235,9 +39249,9 @@ import React143, { useCallback as useCallback101, useContext as useContext71, us
 import { VERSION as VERSION2 } from "remotion";
 
 // src/api/install-package.ts
-import { getRemotionEnvironment as getRemotionEnvironment5 } from "remotion";
+import { getRemotionEnvironment as getRemotionEnvironment4 } from "remotion";
 var installPackages = (packageNames) => {
-  if (!getRemotionEnvironment5().isStudio) {
+  if (!getRemotionEnvironment4().isStudio) {
     throw new Error("installPackages() is only available in the Studio");
   }
   if (window.remotion_isReadOnlyStudio) {

package/dist/esm/renderEntry.mjs

@@ -8,11 +8,12 @@ import { useContext, useEffect, useRef, useState } from "react";
 import ReactDOM from "react-dom/client";
 import {
   AbsoluteFill,
-  continueRender,
-  delayRender,
   getInputProps,
   getRemotionEnvironment,
-  Internals
+  continueRender as globalContinueRender,
+  delayRender as globalDelayRender,
+  Internals,
+  useDelayRender
 } from "remotion";
 import { NoReactInternals } from "remotion/no-react";
 import { jsx, jsxs } from "react/jsx-runtime";
@@ -69,10 +70,11 @@ var GetVideoComposition = ({ state }) => {
   const { compositions, currentCompositionMetadata, canvasContent } = useContext(Internals.CompositionManager);
   const { setCanvasContent } = useContext(Internals.CompositionSetters);
   const portalContainer = useRef(null);
+  const { delayRender, continueRender } = useDelayRender();
   const [handle] = useState(() => delayRender(`Waiting for Composition "${state.compositionName}"`));
   useEffect(() => {
     return () => continueRender(handle);
-  }, [handle]);
+  }, [handle, continueRender]);
   useEffect(() => {
     if (compositions.length === 0) {
       return;
@@ -99,7 +101,7 @@ var GetVideoComposition = ({ state }) => {
     return () => {
       current.removeChild(Internals.portalNode());
     };
-  }, [canvasContent, handle]);
+  }, [canvasContent, handle, continueRender]);
   if (!currentCompositionMetadata) {
     return null;
   }
@@ -115,7 +117,7 @@ var GetVideoComposition = ({ state }) => {
   });
 };
 var DEFAULT_ROOT_COMPONENT_TIMEOUT = 1e4;
-var waitForRootHandle = delayRender("Loading root component - See https://remotion.dev/docs/troubleshooting/loading-root-component if you experience a timeout", {
+var waitForRootHandle = globalDelayRender("Loading root component - See https://remotion.dev/docs/troubleshooting/loading-root-component if you experience a timeout", {
   timeoutInMilliseconds: typeof window === "undefined" ? DEFAULT_ROOT_COMPONENT_TIMEOUT : window.remotion_puppeteerTimeout ?? DEFAULT_ROOT_COMPONENT_TIMEOUT
 });
 var videoContainer = document.getElementById("video-container");
@@ -183,7 +185,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-p78vvys0.js").then(({ StudioInternals }) => {
+    import("./chunk-z55bp9m5.js").then(({ StudioInternals }) => {
       renderToDOM(/* @__PURE__ */ jsx(StudioInternals.Studio, {
         readOnly: true,
         rootComponent: Root
@@ -200,15 +202,15 @@ var renderContent = (Root) => {
 };
 Internals.waitForRoot((Root) => {
   renderContent(Root);
-  continueRender(waitForRootHandle);
+  globalContinueRender(waitForRootHandle);
 });
 var setBundleModeAndUpdate = (state) => {
   setBundleMode(state);
-  const delay = delayRender("Waiting for root component to load - See https://remotion.dev/docs/troubleshooting/loading-root-component if you experience a timeout");
+  const delay = globalDelayRender("Waiting for root component to load - See https://remotion.dev/docs/troubleshooting/loading-root-component if you experience a timeout");
   Internals.waitForRoot((Root) => {
     renderContent(Root);
     requestAnimationFrame(() => {
-      continueRender(delay);
+      globalContinueRender(delay);
     });
   });
 };
@@ -239,7 +241,7 @@ if (typeof window !== "undefined") {
     const compositions = getUnevaluatedComps();
     const inputProps = typeof window === "undefined" || getRemotionEnvironment().isPlayer ? {} : getInputProps() ?? {};
     return Promise.all(compositions.map(async (c) => {
-      const handle = delayRender(`Running calculateMetadata() for composition ${c.id}. If you didn't want to evaluate this composition, use "selectComposition()" instead of "getCompositions()"`);
+      const handle = globalDelayRender(`Running calculateMetadata() for composition ${c.id}. If you didn't want to evaluate this composition, use "selectComposition()" instead of "getCompositions()"`);
       const originalProps = {
         ...c.defaultProps ?? {},
         ...inputProps ?? {}
@@ -256,7 +258,7 @@ if (typeof window !== "undefined") {
         compositionId: c.id
       });
       const resolved = await Promise.resolve(comp);
-      continueRender(handle);
+      globalContinueRender(handle);
       const { props, defaultProps, ...data } = resolved;
       return {
         ...data,
@@ -283,7 +285,7 @@ if (typeof window !== "undefined") {
       throw new Error(`Could not find composition with ID ${compId}. Available compositions: ${compositions.map((c) => c.id).join(", ")}`);
     }
     const abortController = new AbortController;
-    const handle = delayRender(`Running the calculateMetadata() function for composition ${compId}`);
+    const handle = globalDelayRender(`Running the calculateMetadata() function for composition ${compId}`);
     const inputProps = typeof window === "undefined" || getRemotionEnvironment().isPlayer ? {} : getInputProps() ?? {};
     const originalProps = {
       ...selectedComp.defaultProps ?? {},
@@ -300,7 +302,7 @@ if (typeof window !== "undefined") {
       defaultProps: selectedComp.defaultProps ?? {},
       compositionId: selectedComp.id
     }));
-    continueRender(handle);
+    globalContinueRender(handle);
     const { props, defaultProps, ...data } = prom;
     return {
       ...data,

package/dist/helpers/use-keybinding.js

@@ -31,6 +31,11 @@ const useKeybinding = () => {
             const commandKey = window.navigator.platform.startsWith('Mac')
                 ? e.metaKey
                 : e.ctrlKey;
+            // Apparently, e.key can be undefined in Edge:
+            // https://github.com/remotion-dev/remotion/issues/5637
+            if (!e.key) {
+                return;
+            }
             if (e.key.toLowerCase() === options.key.toLowerCase() &&
                 options.commandCtrlKey === commandKey) {
                 if (!options.triggerIfInputFieldFocused) {

package/dist/renderEntry.js

@@ -101,10 +101,11 @@ const GetVideoComposition = ({ state }) => {
     const { compositions, currentCompositionMetadata, canvasContent } = (0, react_1.useContext)(remotion_1.Internals.CompositionManager);
     const { setCanvasContent } = (0, react_1.useContext)(remotion_1.Internals.CompositionSetters);
     const portalContainer = (0, react_1.useRef)(null);
-    const [handle] = (0, react_1.useState)(() => (0, remotion_1.delayRender)(`Waiting for Composition "${state.compositionName}"`));
+    const { delayRender, continueRender } = (0, remotion_1.useDelayRender)();
+    const [handle] = (0, react_1.useState)(() => delayRender(`Waiting for Composition "${state.compositionName}"`));
     (0, react_1.useEffect)(() => {
-        return () => (0, remotion_1.continueRender)(handle);
-    }, [handle]);
+        return () => continueRender(handle);
+    }, [handle, continueRender]);
     (0, react_1.useEffect)(() => {
         if (compositions.length === 0) {
             return;
@@ -129,11 +130,11 @@ const GetVideoComposition = ({ state }) => {
             throw new Error('portal did not render');
         }
         current.appendChild(remotion_1.Internals.portalNode());
-        (0, remotion_1.continueRender)(handle);
+        continueRender(handle);
         return () => {
             current.removeChild(remotion_1.Internals.portalNode());
         };
-    }, [canvasContent, handle]);
+    }, [canvasContent, handle, continueRender]);
     if (!currentCompositionMetadata) {
         return null;
     }

package/dist/visual-controls/VisualControls.js

@@ -55,6 +55,7 @@ const VisualControlsProvider = ({ children }) => {
     }, []);
     const z = (0, get_zod_if_possible_1.useZodIfPossible)();
     const changedRef = (0, react_1.useRef)(false);
+    const env = (0, remotion_1.useRemotionEnvironment)();
     const visualControl = (0, react_1.useCallback)(
     // eslint-disable-next-line prefer-arrow-callback
     function (key, value, schema) {
@@ -62,7 +63,7 @@ const VisualControlsProvider = ({ children }) => {
         if (handles && false) {
             /** Intentional: State is managed imperatively */
         }
-        if (!(0, remotion_1.getRemotionEnvironment)().isStudio) {
+        if (!env.isStudio) {
             return value;
         }
         if (!z) {
@@ -77,7 +78,7 @@ const VisualControlsProvider = ({ children }) => {
             changedRef.current = true;
         }
         return currentValue;
-    }, [setControl, handles, z]);
+    }, [setControl, handles, z, env.isStudio]);
     const updateHandles = (0, react_1.useCallback)(() => {
         setHandles(() => {
             return imperativeHandles.current;

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.341",
+  "version": "4.0.345",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -23,22 +23,22 @@
     "source-map": "0.7.3",
     "open": "^8.4.2",
     "zod": "3.22.3",
-    "@remotion/player": "4.0.341",
-    "remotion": "4.0.341",
-    "@remotion/media-utils": "4.0.341",
-    "@remotion/media-parser": "4.0.341",
-    "@remotion/web-renderer": "4.0.341",
-    "@remotion/studio-shared": "4.0.341",
-    "@remotion/webcodecs": "4.0.341",
-    "@remotion/zod-types": "4.0.341",
-    "@remotion/renderer": "4.0.341"
+    "remotion": "4.0.345",
+    "@remotion/player": "4.0.345",
+    "@remotion/renderer": "4.0.345",
+    "@remotion/media-utils": "4.0.345",
+    "@remotion/studio-shared": "4.0.345",
+    "@remotion/media-parser": "4.0.345",
+    "@remotion/webcodecs": "4.0.345",
+    "@remotion/zod-types": "4.0.345",
+    "@remotion/web-renderer": "4.0.345"
   },
   "devDependencies": {
     "react": "19.0.0",
     "react-dom": "19.0.0",
     "@types/semver": "^7.3.4",
     "eslint": "9.19.0",
-    "@remotion/eslint-config-internal": "4.0.341"
+    "@remotion/eslint-config-internal": "4.0.345"
   },
   "publishConfig": {
     "access": "public"