@remotion/studio 4.0.506 → 4.0.508

package/dist/components/use-auto-save-config.js

@@ -0,0 +1,74 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useAutoSaveConfig = void 0;
+const react_1 = require("react");
+const client_id_1 = require("../helpers/client-id");
+const call_api_1 = require("./call-api");
+const useAutoSaveConfig = ({ enabled, onError, ready, syncRevision, updates, }) => {
+    const { previewServerState } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
+    const serializedUpdates = (0, react_1.useMemo)(() => JSON.stringify(updates), [updates]);
+    const initialUpdates = (0, react_1.useRef)(null);
+    const lastQueuedUpdates = (0, react_1.useRef)(null);
+    const lastSyncRevision = (0, react_1.useRef)(null);
+    const syncGeneration = (0, react_1.useRef)(0);
+    const saveQueue = (0, react_1.useRef)(Promise.resolve());
+    const mounted = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        mounted.current = true;
+        return () => {
+            mounted.current = false;
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!ready) {
+            return;
+        }
+        if (initialUpdates.current === null ||
+            lastSyncRevision.current !== syncRevision) {
+            initialUpdates.current = serializedUpdates;
+            lastQueuedUpdates.current = serializedUpdates;
+            lastSyncRevision.current = syncRevision;
+            syncGeneration.current++;
+            return;
+        }
+        if (!enabled ||
+            previewServerState.type !== 'connected' ||
+            lastQueuedUpdates.current === serializedUpdates) {
+            return;
+        }
+        lastQueuedUpdates.current = serializedUpdates;
+        onError(null);
+        const generation = syncGeneration.current;
+        saveQueue.current = saveQueue.current.then(async () => {
+            if (generation !== syncGeneration.current) {
+                return;
+            }
+            try {
+                const response = await (0, call_api_1.callApi)('/api/update-config', {
+                    clientId: previewServerState.clientId,
+                    updates,
+                });
+                if (!response.success &&
+                    mounted.current &&
+                    lastQueuedUpdates.current === serializedUpdates) {
+                    onError(response.reason);
+                }
+            }
+            catch (err) {
+                if (mounted.current &&
+                    lastQueuedUpdates.current === serializedUpdates) {
+                    onError(err.message);
+                }
+            }
+        });
+    }, [
+        enabled,
+        onError,
+        previewServerState,
+        ready,
+        serializedUpdates,
+        syncRevision,
+        updates,
+    ]);
+};
+exports.useAutoSaveConfig = useAutoSaveConfig;

package/dist/components/use-default-editor-info.d.ts

@@ -2,3 +2,4 @@ import type { EditorPickerId, GetDefaultEditorInfoResponse } from '@remotion/stu
 export declare const canUseEditorPicker: (previewServerConnected: boolean) => boolean;
 export declare const getPreferredEditorId: (editorInfo: GetDefaultEditorInfoResponse | null) => EditorPickerId | null;
 export declare const useDefaultEditorInfo: (enabled: boolean) => GetDefaultEditorInfoResponse | null;
+export declare const useDefaultCodingAgentInfo: (enabled: boolean) => import("@remotion/studio-shared").GetDefaultCodingAgentInfoResponse | null;

package/dist/components/use-default-editor-info.js

@@ -1,17 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useDefaultEditorInfo = exports.getPreferredEditorId = exports.canUseEditorPicker = void 0;
-const react_1 = require("react");
+exports.useDefaultCodingAgentInfo = exports.useDefaultEditorInfo = exports.getPreferredEditorId = exports.canUseEditorPicker = void 0;
 const browser_studio_operations_1 = require("../helpers/browser-studio-operations");
-const call_api_1 = require("./call-api");
-let editorInfoPromise = null;
-const loadDefaultEditorInfo = () => {
-    editorInfoPromise !== null && editorInfoPromise !== void 0 ? editorInfoPromise : (editorInfoPromise = (0, call_api_1.callApi)('/api/default-editor-info', {}).catch((err) => {
-        editorInfoPromise = null;
-        throw err;
-    }));
-    return editorInfoPromise;
-};
+const SettingsContext_1 = require("./SettingsContext");
 const canUseEditorPicker = (previewServerConnected) => {
     return (previewServerConnected &&
         !window.remotion_isReadOnlyStudio &&
@@ -21,27 +12,16 @@ exports.canUseEditorPicker = canUseEditorPicker;
 const getPreferredEditorId = (editorInfo) => {
     var _a;
     var _b;
-    return ((_b = (_a = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.find((editor) => editor.name === window.remotion_editorName)) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null);
+    return ((_b = (_a = editorInfo === null || editorInfo === void 0 ? void 0 : editorInfo.installedEditors.find((editor) => editor.nameWithType === window.remotion_editorName)) === null || _a === void 0 ? void 0 : _a.id) !== null && _b !== void 0 ? _b : null);
 };
 exports.getPreferredEditorId = getPreferredEditorId;
 const useDefaultEditorInfo = (enabled) => {
-    const [editorInfo, setEditorInfo] = (0, react_1.useState)(null);
-    (0, react_1.useEffect)(() => {
-        if (!enabled) {
-            return;
-        }
-        let cancelled = false;
-        loadDefaultEditorInfo()
-            .then((response) => {
-            if (!cancelled) {
-                setEditorInfo(response);
-            }
-        })
-            .catch(() => undefined);
-        return () => {
-            cancelled = true;
-        };
-    }, [enabled]);
-    return editorInfo;
+    const { editorInfo } = (0, SettingsContext_1.useSettings)();
+    return enabled ? editorInfo : null;
 };
 exports.useDefaultEditorInfo = useDefaultEditorInfo;
+const useDefaultCodingAgentInfo = (enabled) => {
+    const { codingAgentInfo } = (0, SettingsContext_1.useSettings)();
+    return enabled ? codingAgentInfo : null;
+};
+exports.useDefaultCodingAgentInfo = useDefaultCodingAgentInfo;

package/dist/esm/{chunk-jefhcs5z.js → chunk-fgedsvhb.js}

@@ -98,7 +98,6 @@ var TIMELINE_DROP_BLUE_ALPHA_16 = "rgba(0, 155, 255, 0.16)";
 var TIMELINE_DROP_BLUE_ALPHA_75 = "rgba(0, 155, 255, 0.75)";
 var TIMELINE_MARQUEE_BLUE_ALPHA_16 = "rgba(70, 130, 255, 0.16)";
 var TIMELINE_MARQUEE_BLUE_ALPHA_75 = "rgba(70, 130, 255, 0.75)";
-var EASING_SELECTED_BACKGROUND = "rgba(11, 132, 243, 0.18)";
 var INFO_BLUE_BACKGROUND = "rgba(59, 130, 246, 0.15)";
 var BORDER_BLACK = `1px solid ${BLACK_HEX}`;
 var BORDER_WHITE = `1px solid ${WHITE_HEX}`;
@@ -161,4 +160,4 @@ var getBackgroundFromHoverState = ({
   return TRANSPARENT;
 };
 
-export { __toESM, __require, BLACK, WHITE, RED, TRANSPARENT, CURRENT_COLOR, CURRENT_COLOR_LOWERCASE, WHITE_HEX, WHITE_FULL_HEX, BLACK_HEX, BLACK_FULL_HEX, BACKGROUND, BACKGROUND_HEX, BACKGROUND__TRANSPARENT, INPUT_BACKGROUND, LIGHT_COLOR, SELECTED_BACKGROUND, LIGHT_TEXT, RULER_COLOR, WHITE_ALPHA_05, WHITE_ALPHA_06, WHITE_ALPHA_08, WHITE_ALPHA_10, WHITE_ALPHA_12, WHITE_ALPHA_15, WHITE_ALPHA_20, WHITE_ALPHA_25, WHITE_ALPHA_30, WHITE_ALPHA_35, WHITE_ALPHA_40, WHITE_ALPHA_45, WHITE_ALPHA_50, WHITE_ALPHA_60, WHITE_ALPHA_70, WHITE_ALPHA_72, WHITE_ALPHA_80, BLACK_ALPHA_30, BLACK_ALPHA_40, BLACK_ALPHA_50, BLACK_ALPHA_60, BLACK_ALPHA_85, FAIL_COLOR, WARNING_COLOR, BLUE, BLUE_HOVERED, BLUE_DISABLED, UNSELECTED_GUIDE, SELECTED_GUIDE, LINE_COLOR, TIMELINE_TRACK_SEPARATOR, LIGHT_GRAY, KEYBOARD_SHORTCUT_KEY_COLOR, NOTIFICATION_BACKGROUND, RENDER_STATUS_BACKGROUND, ERROR_CODE_FRAME_BACKGROUND, ERROR_CODE_FRAME_LINE_BACKGROUND, ERROR_LINK_COLOR, INFO_BLUE, SERVER_DISCONNECTED_BACKGROUND, TIMELINE_BACKGROUND_COLOR, TIMELINE_SELECTED_BACKGROUND_COLOR, TIMELINE_SELECTED_LABEL_BACKGROUND_COLOR, TIMELINE_BLUE, TIMELINE_PLAYHEAD_COLOR, TIMELINE_DROP_BLUE_ALPHA_12, TIMELINE_DROP_BLUE_ALPHA_16, TIMELINE_MARQUEE_BLUE_ALPHA_16, EASING_SELECTED_BACKGROUND, INFO_BLUE_BACKGROUND, BORDER_BLACK, BORDER_WHITE, BORDER_WHITE_2PX, BORDER_CURRENT_COLOR, BORDER_TRANSPARENT_2PX, BORDER_BLACK_ALPHA_50, BORDER_BLACK_ALPHA_60, BORDER_WHITE_ALPHA_12, BORDER_WHITE_ALPHA_20, BORDER_INFO_BLUE, BORDER_STACK_FRAME_BLUE, BORDER_TIMELINE_DROP_BLUE, BORDER_TIMELINE_MARQUEE_BLUE, SHADOW_BLACK, SHADOW_BLACK_ALPHA_50_TOWARDS_BOTTOM, SHADOW_BLACK_ALPHA_50_TOWARDS_TOP, NOTIFICATION_SHADOW, SERVER_DISCONNECTED_SHADOW, COLOR_PICKER_POPUP_SHADOW, COLOR_PICKER_HANDLE_SHADOW, NOTIFICATION_BORDER, FOCUS_BOX_SHADOW, CHECKERBOARD_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_COLOR, COLOR_PICKER_SATURATION_VALUE_GRADIENT, COLOR_PICKER_SATURATION_BLACK_GRADIENT, COLOR_PICKER_ALPHA_TRANSPARENT, COLOR_PICKER_HUE_GRADIENT, ERROR_MESSAGE_MASK_IMAGE, SELECTED_OUTLINE_DROP_SHADOW, SELECTED_OUTLINE_UV_DROP_SHADOW, LOOPED_INDICATOR_DROP_SHADOW, TIMELINE_AUDIO_GRADIENT, TIMELINE_VIDEO_GRADIENT, TIMELINE_IMAGE_GRADIENT, getBackgroundFromHoverState };
+export { __toESM, __require, BLACK, WHITE, RED, TRANSPARENT, CURRENT_COLOR, CURRENT_COLOR_LOWERCASE, WHITE_HEX, WHITE_FULL_HEX, BLACK_HEX, BLACK_FULL_HEX, BACKGROUND, BACKGROUND_HEX, BACKGROUND__TRANSPARENT, INPUT_BACKGROUND, LIGHT_COLOR, SELECTED_BACKGROUND, LIGHT_TEXT, RULER_COLOR, WHITE_ALPHA_05, WHITE_ALPHA_06, WHITE_ALPHA_08, WHITE_ALPHA_10, WHITE_ALPHA_12, WHITE_ALPHA_15, WHITE_ALPHA_20, WHITE_ALPHA_25, WHITE_ALPHA_30, WHITE_ALPHA_35, WHITE_ALPHA_40, WHITE_ALPHA_45, WHITE_ALPHA_50, WHITE_ALPHA_60, WHITE_ALPHA_70, WHITE_ALPHA_72, WHITE_ALPHA_80, BLACK_ALPHA_30, BLACK_ALPHA_40, BLACK_ALPHA_50, BLACK_ALPHA_60, BLACK_ALPHA_85, FAIL_COLOR, WARNING_COLOR, BLUE, BLUE_HOVERED, BLUE_DISABLED, UNSELECTED_GUIDE, SELECTED_GUIDE, LINE_COLOR, TIMELINE_TRACK_SEPARATOR, LIGHT_GRAY, KEYBOARD_SHORTCUT_KEY_COLOR, NOTIFICATION_BACKGROUND, RENDER_STATUS_BACKGROUND, ERROR_CODE_FRAME_BACKGROUND, ERROR_CODE_FRAME_LINE_BACKGROUND, ERROR_LINK_COLOR, INFO_BLUE, SERVER_DISCONNECTED_BACKGROUND, TIMELINE_BACKGROUND_COLOR, TIMELINE_SELECTED_BACKGROUND_COLOR, TIMELINE_SELECTED_LABEL_BACKGROUND_COLOR, TIMELINE_BLUE, TIMELINE_PLAYHEAD_COLOR, TIMELINE_DROP_BLUE_ALPHA_12, TIMELINE_DROP_BLUE_ALPHA_16, TIMELINE_MARQUEE_BLUE_ALPHA_16, INFO_BLUE_BACKGROUND, BORDER_BLACK, BORDER_WHITE, BORDER_WHITE_2PX, BORDER_CURRENT_COLOR, BORDER_TRANSPARENT_2PX, BORDER_BLACK_ALPHA_50, BORDER_BLACK_ALPHA_60, BORDER_WHITE_ALPHA_12, BORDER_WHITE_ALPHA_20, BORDER_INFO_BLUE, BORDER_STACK_FRAME_BLUE, BORDER_TIMELINE_DROP_BLUE, BORDER_TIMELINE_MARQUEE_BLUE, SHADOW_BLACK, SHADOW_BLACK_ALPHA_50_TOWARDS_BOTTOM, SHADOW_BLACK_ALPHA_50_TOWARDS_TOP, NOTIFICATION_SHADOW, SERVER_DISCONNECTED_SHADOW, COLOR_PICKER_POPUP_SHADOW, COLOR_PICKER_HANDLE_SHADOW, NOTIFICATION_BORDER, FOCUS_BOX_SHADOW, CHECKERBOARD_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_IMAGE, COLOR_PICKER_CHECKER_BACKGROUND_COLOR, COLOR_PICKER_SATURATION_VALUE_GRADIENT, COLOR_PICKER_SATURATION_BLACK_GRADIENT, COLOR_PICKER_ALPHA_TRANSPARENT, COLOR_PICKER_HUE_GRADIENT, ERROR_MESSAGE_MASK_IMAGE, SELECTED_OUTLINE_DROP_SHADOW, SELECTED_OUTLINE_UV_DROP_SHADOW, LOOPED_INDICATOR_DROP_SHADOW, TIMELINE_AUDIO_GRADIENT, TIMELINE_VIDEO_GRADIENT, TIMELINE_IMAGE_GRADIENT, getBackgroundFromHoverState };