@remotion/studio 4.0.305 → 4.0.306

package/dist/esm/internals.mjs

@@ -23697,7 +23697,7 @@ var CliCopyButton = ({
 };
 
 // src/components/RenderModal/OptionExplainer.tsx
-import { jsx as jsx227, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx227, jsxs as jsxs113, Fragment as Fragment35 } from "react/jsx-runtime";
 var container50 = {
   fontSize: 14,
   paddingTop: 10,
@@ -23756,15 +23756,19 @@ var OptionExplainer = ({ option }) => {
                 style: title5,
                 children: option.name
               }),
-              /* @__PURE__ */ jsx227(Spacing, {
-                x: 1
-              }),
-              /* @__PURE__ */ jsx227("a", {
-                style: link2,
-                href: option.docLink,
-                target: "_blank",
-                children: "Docs"
-              })
+              option.docLink ? /* @__PURE__ */ jsxs113(Fragment35, {
+                children: [
+                  /* @__PURE__ */ jsx227(Spacing, {
+                    x: 1
+                  }),
+                  /* @__PURE__ */ jsx227("a", {
+                    style: link2,
+                    href: option.docLink,
+                    target: "_blank",
+                    children: "Docs"
+                  })
+                ]
+              }) : null
             ]
           }),
           /* @__PURE__ */ jsx227("div", {
@@ -23848,7 +23852,7 @@ var OptionExplainerBubble = ({ id }) => {
 };
 
 // src/components/RenderModal/NumberSetting.tsx
-import { jsx as jsx229, jsxs as jsxs114, Fragment as Fragment35 } from "react/jsx-runtime";
+import { jsx as jsx229, jsxs as jsxs114, Fragment as Fragment36 } from "react/jsx-runtime";
 var NumberSetting = ({ name, value, step, hint, onValueChanged, max, min, formatter }) => {
   const onTextChanged = useCallback108((e) => {
     onValueChanged((q) => {
@@ -23869,7 +23873,7 @@ var NumberSetting = ({ name, value, step, hint, onValueChanged, max, min, format
         style: label5,
         children: [
           name,
-          hint ? /* @__PURE__ */ jsxs114(Fragment35, {
+          hint ? /* @__PURE__ */ jsxs114(Fragment36, {
             children: [
               /* @__PURE__ */ jsx229(Spacing, {
                 x: 0.5
@@ -24026,7 +24030,7 @@ var InlineEyeButton = ({ onClick, enabled }) => {
 };
 
 // src/components/RenderModal/EnvInput.tsx
-import { jsx as jsx232, jsxs as jsxs115, Fragment as Fragment36 } from "react/jsx-runtime";
+import { jsx as jsx232, jsxs as jsxs115, Fragment as Fragment37 } from "react/jsx-runtime";
 var input3 = {
   flex: 1,
   width: "100%"
@@ -24073,7 +24077,7 @@ var EnvInput = ({
     setValueWarningEligible(true);
   }, []);
   const isNodeEnvKey = envKey.trim() === "NODE_ENV";
-  return /* @__PURE__ */ jsxs115(Fragment36, {
+  return /* @__PURE__ */ jsxs115(Fragment37, {
     children: [
       /* @__PURE__ */ jsxs115(Row, {
         align: "center",
@@ -24957,7 +24961,7 @@ var useFileExistence = (outName) => {
 };
 
 // src/components/RenderModal/RenderModalOutputName.tsx
-import { jsx as jsx238, jsxs as jsxs120, Fragment as Fragment37 } from "react/jsx-runtime";
+import { jsx as jsx238, jsxs as jsxs120, Fragment as Fragment38 } from "react/jsx-runtime";
 var RenderModalOutputName = ({
   existence,
   inputStyle: inputStyle2,
@@ -24987,7 +24991,7 @@ var RenderModalOutputName = ({
               onChange: onValueChange,
               rightAlign: true
             }),
-            validationMessage ? /* @__PURE__ */ jsxs120(Fragment37, {
+            validationMessage ? /* @__PURE__ */ jsxs120(Fragment38, {
               children: [
                 /* @__PURE__ */ jsx238(Spacing, {
                   y: 1,
@@ -24999,7 +25003,7 @@ var RenderModalOutputName = ({
                   type: "error"
                 })
               ]
-            }) : existence ? /* @__PURE__ */ jsxs120(Fragment37, {
+            }) : existence ? /* @__PURE__ */ jsxs120(Fragment38, {
               children: [
                 /* @__PURE__ */ jsx238(Spacing, {
                   y: 1,
@@ -25029,7 +25033,7 @@ var getStringBeforeSuffix = (fileName) => {
 };
 
 // src/components/RenderModal/SeparateAudioOption.tsx
-import { jsx as jsx239, jsxs as jsxs121, Fragment as Fragment38 } from "react/jsx-runtime";
+import { jsx as jsx239, jsxs as jsxs121, Fragment as Fragment39 } from "react/jsx-runtime";
 var SeparateAudioOptionInput = ({ separateAudioTo, setSeparateAudioTo, audioCodec }) => {
   const existence = useFileExistence(separateAudioTo);
   const onValueChange = useCallback115((e) => {
@@ -25061,7 +25065,7 @@ var SeparateAudioOption = ({ separateAudioTo, setSeparateAudioTo, audioCodec, ou
       setSeparateAudioTo(null);
     }
   }, [audioCodec, outName, setSeparateAudioTo]);
-  return /* @__PURE__ */ jsxs121(Fragment38, {
+  return /* @__PURE__ */ jsxs121(Fragment39, {
     children: [
       /* @__PURE__ */ jsxs121("div", {
         style: optionRow,
@@ -25115,7 +25119,7 @@ var humanReadableAudioCodec = (audioCodec) => {
 };
 
 // src/components/RenderModal/RenderModalAudio.tsx
-import { jsx as jsx240, jsxs as jsxs122, Fragment as Fragment39 } from "react/jsx-runtime";
+import { jsx as jsx240, jsxs as jsxs122, Fragment as Fragment40 } from "react/jsx-runtime";
 var container53 = {
   flex: 1,
   overflowY: "auto"
@@ -25168,7 +25172,7 @@ var RenderModalAudio = ({
     style: container53,
     className: VERTICAL_SCROLLBAR_CLASSNAME,
     children: [
-      renderMode === "video" ? /* @__PURE__ */ jsxs122(Fragment39, {
+      renderMode === "video" ? /* @__PURE__ */ jsxs122(Fragment40, {
         children: [
           /* @__PURE__ */ jsx240(MutedSetting, {
             enforceAudioTrack,
@@ -25203,7 +25207,7 @@ var RenderModalAudio = ({
           })
         ]
       }) : null,
-      (renderMode === "video" || renderMode === "audio") && !muted && /* @__PURE__ */ jsxs122(Fragment39, {
+      (renderMode === "video" || renderMode === "audio") && !muted && /* @__PURE__ */ jsxs122(Fragment40, {
         children: [
           /* @__PURE__ */ jsx240(EnforceAudioTrackSetting, {
             muted,
@@ -25871,7 +25875,7 @@ var ScaleSetting = ({ scale, setScale }) => {
 };
 
 // src/components/RenderModal/RenderModalPicture.tsx
-import { jsx as jsx248, jsxs as jsxs128, Fragment as Fragment40 } from "react/jsx-runtime";
+import { jsx as jsx248, jsxs as jsxs128, Fragment as Fragment41 } from "react/jsx-runtime";
 var qualityControlModes = ["crf", "bitrate"];
 var container57 = {
   flex: 1,
@@ -26026,7 +26030,7 @@ var RenderModalPicture = ({
           })
         ]
       }) : null,
-      renderMode === "video" ? /* @__PURE__ */ jsxs128(Fragment40, {
+      renderMode === "video" ? /* @__PURE__ */ jsxs128(Fragment41, {
         children: [
           /* @__PURE__ */ jsxs128("div", {
             style: optionRow,
@@ -27582,7 +27586,7 @@ var GuiRenderStatus = ({ job }) => {
 };
 
 // src/components/RenderModal/RenderStatusModal.tsx
-import { jsx as jsx252, jsxs as jsxs131, Fragment as Fragment41 } from "react/jsx-runtime";
+import { jsx as jsx252, jsxs as jsxs131, Fragment as Fragment42 } from "react/jsx-runtime";
 var container59 = {
   padding: 20,
   maxWidth: 900,
@@ -27646,7 +27650,7 @@ var RenderStatusModal = ({
       /* @__PURE__ */ jsxs131("div", {
         style: container59,
         children: [
-          job.status === "failed" ? /* @__PURE__ */ jsxs131(Fragment41, {
+          job.status === "failed" ? /* @__PURE__ */ jsxs131(Fragment42, {
             children: [
               /* @__PURE__ */ jsx252("p", {
                 children: "The render failed because of the following error:"
@@ -27844,7 +27848,7 @@ var KnownBugs = ({ bugs }) => {
 };
 
 // src/components/UpdateModal/UpdateModal.tsx
-import { jsx as jsx256, jsxs as jsxs134, Fragment as Fragment42 } from "react/jsx-runtime";
+import { jsx as jsx256, jsxs as jsxs134, Fragment as Fragment43 } from "react/jsx-runtime";
 var container61 = {
   padding: 20,
   paddingTop: 0
@@ -27895,7 +27899,7 @@ var UpdateModal = ({ info, knownBugs }) => {
       /* @__PURE__ */ jsxs134("div", {
         style: container61,
         children: [
-          hasKnownBugs ? /* @__PURE__ */ jsxs134(Fragment42, {
+          hasKnownBugs ? /* @__PURE__ */ jsxs134(Fragment43, {
             children: [
               /* @__PURE__ */ jsxs134("div", {
                 style: title7,
@@ -27975,11 +27979,11 @@ var UpdateModal = ({ info, knownBugs }) => {
 };
 
 // src/components/Modals.tsx
-import { jsx as jsx257, jsxs as jsxs135, Fragment as Fragment43 } from "react/jsx-runtime";
+import { jsx as jsx257, jsxs as jsxs135, Fragment as Fragment44 } from "react/jsx-runtime";
 var Modals = ({ readOnlyStudio }) => {
   const { selectedModal: modalContextType } = useContext81(ModalsContext);
   const canRender = useContext81(StudioServerConnectionCtx).previewServerState.type === "connected";
-  return /* @__PURE__ */ jsxs135(Fragment43, {
+  return /* @__PURE__ */ jsxs135(Fragment44, {
     children: [
       modalContextType && modalContextType.type === "duplicate-comp" && /* @__PURE__ */ jsx257(DuplicateComposition, {
         compositionType: modalContextType.compositionType,

package/dist/esm/previewEntry.mjs

@@ -23977,7 +23977,7 @@ var CliCopyButton = ({
 };
 
 // src/components/RenderModal/OptionExplainer.tsx
-import { jsx as jsx228, jsxs as jsxs113 } from "react/jsx-runtime";
+import { jsx as jsx228, jsxs as jsxs113, Fragment as Fragment35 } from "react/jsx-runtime";
 var container50 = {
   fontSize: 14,
   paddingTop: 10,
@@ -24036,15 +24036,19 @@ var OptionExplainer = ({ option }) => {
                 style: title5,
                 children: option.name
               }),
-              /* @__PURE__ */ jsx228(Spacing, {
-                x: 1
-              }),
-              /* @__PURE__ */ jsx228("a", {
-                style: link2,
-                href: option.docLink,
-                target: "_blank",
-                children: "Docs"
-              })
+              option.docLink ? /* @__PURE__ */ jsxs113(Fragment35, {
+                children: [
+                  /* @__PURE__ */ jsx228(Spacing, {
+                    x: 1
+                  }),
+                  /* @__PURE__ */ jsx228("a", {
+                    style: link2,
+                    href: option.docLink,
+                    target: "_blank",
+                    children: "Docs"
+                  })
+                ]
+              }) : null
             ]
           }),
           /* @__PURE__ */ jsx228("div", {
@@ -24128,7 +24132,7 @@ var OptionExplainerBubble = ({ id }) => {
 };
 
 // src/components/RenderModal/NumberSetting.tsx
-import { jsx as jsx230, jsxs as jsxs114, Fragment as Fragment35 } from "react/jsx-runtime";
+import { jsx as jsx230, jsxs as jsxs114, Fragment as Fragment36 } from "react/jsx-runtime";
 var NumberSetting = ({ name, value, step, hint, onValueChanged, max, min, formatter }) => {
   const onTextChanged = useCallback109((e) => {
     onValueChanged((q) => {
@@ -24149,7 +24153,7 @@ var NumberSetting = ({ name, value, step, hint, onValueChanged, max, min, format
         style: label5,
         children: [
           name,
-          hint ? /* @__PURE__ */ jsxs114(Fragment35, {
+          hint ? /* @__PURE__ */ jsxs114(Fragment36, {
             children: [
               /* @__PURE__ */ jsx230(Spacing, {
                 x: 0.5
@@ -24306,7 +24310,7 @@ var InlineEyeButton = ({ onClick, enabled }) => {
 };
 
 // src/components/RenderModal/EnvInput.tsx
-import { jsx as jsx233, jsxs as jsxs115, Fragment as Fragment36 } from "react/jsx-runtime";
+import { jsx as jsx233, jsxs as jsxs115, Fragment as Fragment37 } from "react/jsx-runtime";
 var input3 = {
   flex: 1,
   width: "100%"
@@ -24353,7 +24357,7 @@ var EnvInput = ({
     setValueWarningEligible(true);
   }, []);
   const isNodeEnvKey = envKey.trim() === "NODE_ENV";
-  return /* @__PURE__ */ jsxs115(Fragment36, {
+  return /* @__PURE__ */ jsxs115(Fragment37, {
     children: [
       /* @__PURE__ */ jsxs115(Row, {
         align: "center",
@@ -25237,7 +25241,7 @@ var useFileExistence = (outName) => {
 };
 
 // src/components/RenderModal/RenderModalOutputName.tsx
-import { jsx as jsx239, jsxs as jsxs120, Fragment as Fragment37 } from "react/jsx-runtime";
+import { jsx as jsx239, jsxs as jsxs120, Fragment as Fragment38 } from "react/jsx-runtime";
 var RenderModalOutputName = ({
   existence,
   inputStyle: inputStyle2,
@@ -25267,7 +25271,7 @@ var RenderModalOutputName = ({
               onChange: onValueChange,
               rightAlign: true
             }),
-            validationMessage ? /* @__PURE__ */ jsxs120(Fragment37, {
+            validationMessage ? /* @__PURE__ */ jsxs120(Fragment38, {
               children: [
                 /* @__PURE__ */ jsx239(Spacing, {
                   y: 1,
@@ -25279,7 +25283,7 @@ var RenderModalOutputName = ({
                   type: "error"
                 })
               ]
-            }) : existence ? /* @__PURE__ */ jsxs120(Fragment37, {
+            }) : existence ? /* @__PURE__ */ jsxs120(Fragment38, {
               children: [
                 /* @__PURE__ */ jsx239(Spacing, {
                   y: 1,
@@ -25309,7 +25313,7 @@ var getStringBeforeSuffix = (fileName) => {
 };
 
 // src/components/RenderModal/SeparateAudioOption.tsx
-import { jsx as jsx240, jsxs as jsxs121, Fragment as Fragment38 } from "react/jsx-runtime";
+import { jsx as jsx240, jsxs as jsxs121, Fragment as Fragment39 } from "react/jsx-runtime";
 var SeparateAudioOptionInput = ({ separateAudioTo, setSeparateAudioTo, audioCodec }) => {
   const existence = useFileExistence(separateAudioTo);
   const onValueChange = useCallback116((e) => {
@@ -25341,7 +25345,7 @@ var SeparateAudioOption = ({ separateAudioTo, setSeparateAudioTo, audioCodec, ou
       setSeparateAudioTo(null);
     }
   }, [audioCodec, outName, setSeparateAudioTo]);
-  return /* @__PURE__ */ jsxs121(Fragment38, {
+  return /* @__PURE__ */ jsxs121(Fragment39, {
     children: [
       /* @__PURE__ */ jsxs121("div", {
         style: optionRow,
@@ -25395,7 +25399,7 @@ var humanReadableAudioCodec = (audioCodec) => {
 };
 
 // src/components/RenderModal/RenderModalAudio.tsx
-import { jsx as jsx241, jsxs as jsxs122, Fragment as Fragment39 } from "react/jsx-runtime";
+import { jsx as jsx241, jsxs as jsxs122, Fragment as Fragment40 } from "react/jsx-runtime";
 var container53 = {
   flex: 1,
   overflowY: "auto"
@@ -25448,7 +25452,7 @@ var RenderModalAudio = ({
     style: container53,
     className: VERTICAL_SCROLLBAR_CLASSNAME,
     children: [
-      renderMode === "video" ? /* @__PURE__ */ jsxs122(Fragment39, {
+      renderMode === "video" ? /* @__PURE__ */ jsxs122(Fragment40, {
         children: [
           /* @__PURE__ */ jsx241(MutedSetting, {
             enforceAudioTrack,
@@ -25483,7 +25487,7 @@ var RenderModalAudio = ({
           })
         ]
       }) : null,
-      (renderMode === "video" || renderMode === "audio") && !muted && /* @__PURE__ */ jsxs122(Fragment39, {
+      (renderMode === "video" || renderMode === "audio") && !muted && /* @__PURE__ */ jsxs122(Fragment40, {
         children: [
           /* @__PURE__ */ jsx241(EnforceAudioTrackSetting, {
             muted,
@@ -26151,7 +26155,7 @@ var ScaleSetting = ({ scale, setScale }) => {
 };
 
 // src/components/RenderModal/RenderModalPicture.tsx
-import { jsx as jsx249, jsxs as jsxs128, Fragment as Fragment40 } from "react/jsx-runtime";
+import { jsx as jsx249, jsxs as jsxs128, Fragment as Fragment41 } from "react/jsx-runtime";
 var qualityControlModes = ["crf", "bitrate"];
 var container57 = {
   flex: 1,
@@ -26306,7 +26310,7 @@ var RenderModalPicture = ({
           })
         ]
       }) : null,
-      renderMode === "video" ? /* @__PURE__ */ jsxs128(Fragment40, {
+      renderMode === "video" ? /* @__PURE__ */ jsxs128(Fragment41, {
         children: [
           /* @__PURE__ */ jsxs128("div", {
             style: optionRow,
@@ -27862,7 +27866,7 @@ var GuiRenderStatus = ({ job }) => {
 };
 
 // src/components/RenderModal/RenderStatusModal.tsx
-import { jsx as jsx253, jsxs as jsxs131, Fragment as Fragment41 } from "react/jsx-runtime";
+import { jsx as jsx253, jsxs as jsxs131, Fragment as Fragment42 } from "react/jsx-runtime";
 var container59 = {
   padding: 20,
   maxWidth: 900,
@@ -27926,7 +27930,7 @@ var RenderStatusModal = ({
       /* @__PURE__ */ jsxs131("div", {
         style: container59,
         children: [
-          job.status === "failed" ? /* @__PURE__ */ jsxs131(Fragment41, {
+          job.status === "failed" ? /* @__PURE__ */ jsxs131(Fragment42, {
             children: [
               /* @__PURE__ */ jsx253("p", {
                 children: "The render failed because of the following error:"
@@ -28124,7 +28128,7 @@ var KnownBugs = ({ bugs }) => {
 };
 
 // src/components/UpdateModal/UpdateModal.tsx
-import { jsx as jsx257, jsxs as jsxs134, Fragment as Fragment42 } from "react/jsx-runtime";
+import { jsx as jsx257, jsxs as jsxs134, Fragment as Fragment43 } from "react/jsx-runtime";
 var container61 = {
   padding: 20,
   paddingTop: 0
@@ -28175,7 +28179,7 @@ var UpdateModal = ({ info, knownBugs }) => {
       /* @__PURE__ */ jsxs134("div", {
         style: container61,
         children: [
-          hasKnownBugs ? /* @__PURE__ */ jsxs134(Fragment42, {
+          hasKnownBugs ? /* @__PURE__ */ jsxs134(Fragment43, {
             children: [
               /* @__PURE__ */ jsxs134("div", {
                 style: title7,
@@ -28255,11 +28259,11 @@ var UpdateModal = ({ info, knownBugs }) => {
 };
 
 // src/components/Modals.tsx
-import { jsx as jsx258, jsxs as jsxs135, Fragment as Fragment43 } from "react/jsx-runtime";
+import { jsx as jsx258, jsxs as jsxs135, Fragment as Fragment44 } from "react/jsx-runtime";
 var Modals = ({ readOnlyStudio }) => {
   const { selectedModal: modalContextType } = useContext81(ModalsContext);
   const canRender = useContext81(StudioServerConnectionCtx).previewServerState.type === "connected";
-  return /* @__PURE__ */ jsxs135(Fragment43, {
+  return /* @__PURE__ */ jsxs135(Fragment44, {
     children: [
       modalContextType && modalContextType.type === "duplicate-comp" && /* @__PURE__ */ jsx258(DuplicateComposition, {
         compositionType: modalContextType.compositionType,

package/dist/esm/renderEntry.mjs

@@ -181,7 +181,7 @@ var renderContent = (Root) => {
     renderToDOM(/* @__PURE__ */ jsx("div", {
       children: /* @__PURE__ */ jsx(DelayedSpinner, {})
     }));
-    import("./chunk-0z0vthv9.js").then(({ StudioInternals }) => {
+    import("./chunk-7fpagpwq.js").then(({ StudioInternals }) => {
       renderToDOM(/* @__PURE__ */ jsx(StudioInternals.Studio, {
         readOnly: true,
         rootComponent: Root

package/package.json

@@ -3,7 +3,7 @@
     "url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio"
   },
   "name": "@remotion/studio",
-  "version": "4.0.305",
+  "version": "4.0.306",
   "description": "APIs for interacting with the Remotion Studio",
   "main": "dist",
   "sideEffects": false,
@@ -23,20 +23,20 @@
     "source-map": "0.7.3",
     "open": "^8.4.2",
     "zod": "3.22.3",
-    "remotion": "4.0.305",
-    "@remotion/player": "4.0.305",
-    "@remotion/media-parser": "4.0.305",
-    "@remotion/media-utils": "4.0.305",
-    "@remotion/renderer": "4.0.305",
-    "@remotion/zod-types": "4.0.305",
-    "@remotion/studio-shared": "4.0.305"
+    "remotion": "4.0.306",
+    "@remotion/player": "4.0.306",
+    "@remotion/media-parser": "4.0.306",
+    "@remotion/media-utils": "4.0.306",
+    "@remotion/renderer": "4.0.306",
+    "@remotion/studio-shared": "4.0.306",
+    "@remotion/zod-types": "4.0.306"
   },
   "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.305"
+    "@remotion/eslint-config-internal": "4.0.306"
   },
   "publishConfig": {
     "access": "public"