@remotion/studio 4.0.445 → 4.0.447

package/dist/components/Timeline/use-sequence-props-subscription.js

@@ -45,6 +45,7 @@ const useSequencePropsSubscription = (sequence, originalLocation, visualModeEnab
     currentLocationColumn.current = locationColumn;
     const nodePathRef = (0, react_1.useRef)(null);
     const [nodePath, setNodePath] = (0, react_1.useState)(null);
+    const [jsxInMapCallback, setJsxInMapCallback] = (0, react_1.useState)(false);
     const isMountedRef = (0, react_1.useRef)(true);
     const setNodePathBoth = (0, react_1.useCallback)((next) => {
         nodePathRef.current = next;
@@ -60,6 +61,7 @@ const useSequencePropsSubscription = (sequence, originalLocation, visualModeEnab
         if (!visualModeEnabled) {
             setPropStatusesForSequence(null);
             setNodePathBoth(null);
+            setJsxInMapCallback(false);
             return;
         }
         if (!clientId ||
@@ -69,6 +71,7 @@ const useSequencePropsSubscription = (sequence, originalLocation, visualModeEnab
             !schemaKeysString) {
             setPropStatusesForSequence(null);
             setNodePathBoth(null);
+            setJsxInMapCallback(false);
             return;
         }
         const keys = schemaKeysString.split(',');
@@ -88,14 +91,17 @@ const useSequencePropsSubscription = (sequence, originalLocation, visualModeEnab
             if (result.canUpdate) {
                 setNodePathBoth(result.nodePath);
                 setPropStatusesForSequence(result.props);
+                setJsxInMapCallback(result.jsxInMapCallback);
             }
             else {
                 setNodePathBoth(null);
                 setPropStatusesForSequence(null);
+                setJsxInMapCallback(false);
             }
         })
             .catch((err) => {
             setNodePathBoth(null);
+            setJsxInMapCallback(false);
             remotion_1.Internals.Log.error(err);
             setPropStatusesForSequence(null);
         });
@@ -107,6 +113,7 @@ const useSequencePropsSubscription = (sequence, originalLocation, visualModeEnab
                 setPropStatusesForSequence(null);
             }
             setNodePathBoth(null);
+            setJsxInMapCallback(false);
             if (currentNodePath) {
                 (0, call_api_1.callApi)('/api/unsubscribe-from-sequence-props', {
                     fileName: locationSource,
@@ -145,10 +152,12 @@ const useSequencePropsSubscription = (sequence, originalLocation, visualModeEnab
             }
             if (event.result.canUpdate) {
                 setPropStatusesForSequence(event.result.props);
+                setJsxInMapCallback(event.result.jsxInMapCallback);
             }
             else {
                 setPropStatusesForSequence(null);
                 setNodePathBoth(null);
+                setJsxInMapCallback(false);
             }
         };
         const unsub = subscribeToEvent('sequence-props-updated', listener);
@@ -164,6 +173,6 @@ const useSequencePropsSubscription = (sequence, originalLocation, visualModeEnab
         setPropStatusesForSequence,
         setNodePathBoth,
     ]);
-    return nodePath;
+    return { nodePath, jsxInMapCallback };
 };
 exports.useSequencePropsSubscription = useSequencePropsSubscription;

package/dist/error-overlay/remotion-overlay/ErrorDisplay.js

@@ -65,7 +65,7 @@ const ErrorDisplay = ({ display, keyboardShortcuts, onRetry, canHaveDismissButto
                 ] })) : null, display.stackFrames.length > 0 && window.remotion_editorName ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
                     jsx_runtime_1.jsx(OpenInEditor_1.OpenInEditor, { canHaveKeyboardShortcuts: keyboardShortcuts, stack: display.stackFrames[0] }), jsx_runtime_1.jsx("div", { style: spacer })
                 ] })) : null, jsx_runtime_1.jsx(CopyStackTrace_1.CopyStackTrace, { canHaveKeyboardShortcuts: keyboardShortcuts, errorText: errorTextForCopy }), jsx_runtime_1.jsx("div", { style: spacer }), jsx_runtime_1.jsx(SearchGitHubIssues_1.SearchGithubIssues, { canHaveKeyboardShortcuts: keyboardShortcuts, message: display.error.message }), jsx_runtime_1.jsx("div", { style: spacer }), jsx_runtime_1.jsx(AskOnDiscord_1.AskOnDiscord, { canHaveKeyboardShortcuts: keyboardShortcuts }), onRetry ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
-                    jsx_runtime_1.jsx("div", { style: spacer }), jsx_runtime_1.jsx(Retry_1.RetryButton, { onClick: onRetry })
+                    jsx_runtime_1.jsx("div", { style: spacer }), jsx_runtime_1.jsx(Retry_1.RetryButton, { onClick: onRetry, label: calculateMetadata ? 'Retry calculateMetadata()' : 'Retry' })
                 ] })) : null, calculateMetadata ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [
                     jsx_runtime_1.jsx("br", {}), jsx_runtime_1.jsx(layout_1.Spacing, { y: 0.5 }), jsx_runtime_1.jsx(CalculateMetadataErrorExplainer_1.CalculateMetadataErrorExplainer, {})
                 ] })) : null, display.error instanceof remotion_1.MediaPlaybackError ? (jsx_runtime_1.jsxs(jsx_runtime_1.Fragment, { children: [

package/dist/error-overlay/remotion-overlay/Retry.d.ts

@@ -1,3 +1,4 @@
 export declare const RetryButton: React.FC<{
     onClick: () => void;
+    readonly label?: string;
 }>;

package/dist/error-overlay/remotion-overlay/Retry.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.RetryButton = void 0;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const Button_1 = require("../../components/Button");
-const RetryButton = ({ onClick }) => {
-    return jsx_runtime_1.jsx(Button_1.Button, { onClick: onClick, children: "Retry calculateMetadata()" });
+const RetryButton = ({ onClick, label = 'Retry' }) => {
+    return jsx_runtime_1.jsx(Button_1.Button, { onClick: onClick, children: label });
 };
 exports.RetryButton = RetryButton;