@remotion/studio 4.0.431 → 4.0.433

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

@@ -0,0 +1,150 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSequencePropsSubscription = void 0;
+const react_1 = require("react");
+const remotion_1 = require("remotion");
+const client_id_1 = require("../../helpers/client-id");
+const timeline_layout_1 = require("../../helpers/timeline-layout");
+const call_api_1 = require("../call-api");
+const useSequencePropsSubscription = (sequence, originalLocation) => {
+    var _a;
+    var _b, _c, _d, _e;
+    const { setCodeValues } = (0, react_1.useContext)(remotion_1.Internals.VisualModeOverridesContext);
+    const overrideId = (_b = (_a = sequence.controls) === null || _a === void 0 ? void 0 : _a.overrideId) !== null && _b !== void 0 ? _b : null;
+    const setPropStatusesForSequence = (0, react_1.useCallback)((statuses) => {
+        if (!overrideId) {
+            return;
+        }
+        setCodeValues(overrideId, statuses);
+    }, [overrideId, setCodeValues]);
+    const { previewServerState: state, subscribeToEvent } = (0, react_1.useContext)(client_id_1.StudioServerConnectionCtx);
+    const clientId = state.type === 'connected' ? state.clientId : undefined;
+    const schemaFields = (0, react_1.useMemo)(() => (0, timeline_layout_1.getSchemaFields)(sequence.controls), [sequence.controls]);
+    const schemaKeysString = (0, react_1.useMemo)(() => (schemaFields ? schemaFields.map((f) => f.key).join(',') : null), [schemaFields]);
+    const validatedLocation = (0, react_1.useMemo)(() => {
+        var _a;
+        if (!originalLocation ||
+            !originalLocation.source ||
+            !originalLocation.line) {
+            return null;
+        }
+        return {
+            source: originalLocation.source,
+            line: originalLocation.line,
+            column: (_a = originalLocation.column) !== null && _a !== void 0 ? _a : 0,
+        };
+    }, [originalLocation]);
+    const locationSource = (_c = validatedLocation === null || validatedLocation === void 0 ? void 0 : validatedLocation.source) !== null && _c !== void 0 ? _c : null;
+    const locationLine = (_d = validatedLocation === null || validatedLocation === void 0 ? void 0 : validatedLocation.line) !== null && _d !== void 0 ? _d : null;
+    const locationColumn = (_e = validatedLocation === null || validatedLocation === void 0 ? void 0 : validatedLocation.column) !== null && _e !== void 0 ? _e : null;
+    const currentLocationSource = (0, react_1.useRef)(locationSource);
+    currentLocationSource.current = locationSource;
+    const currentLocationLine = (0, react_1.useRef)(locationLine);
+    currentLocationLine.current = locationLine;
+    const currentLocationColumn = (0, react_1.useRef)(locationColumn);
+    currentLocationColumn.current = locationColumn;
+    const nodePathRef = (0, react_1.useRef)(null);
+    const isMountedRef = (0, react_1.useRef)(true);
+    (0, react_1.useEffect)(() => {
+        isMountedRef.current = true;
+        return () => {
+            isMountedRef.current = false;
+        };
+    }, []);
+    (0, react_1.useEffect)(() => {
+        if (!clientId ||
+            !locationSource ||
+            !locationLine ||
+            locationColumn === null ||
+            !schemaKeysString) {
+            setPropStatusesForSequence(null);
+            return;
+        }
+        const keys = schemaKeysString.split(',');
+        (0, call_api_1.callApi)('/api/subscribe-to-sequence-props', {
+            fileName: locationSource,
+            line: locationLine,
+            column: locationColumn,
+            keys,
+            clientId,
+        })
+            .then((result) => {
+            if (currentLocationSource.current !== locationSource ||
+                currentLocationLine.current !== locationLine ||
+                currentLocationColumn.current !== locationColumn) {
+                return;
+            }
+            if (result.canUpdate) {
+                nodePathRef.current = result.nodePath;
+                setPropStatusesForSequence(result.props);
+            }
+            else {
+                nodePathRef.current = null;
+                setPropStatusesForSequence(null);
+            }
+        })
+            .catch((err) => {
+            nodePathRef.current = null;
+            remotion_1.Internals.Log.error(err);
+            setPropStatusesForSequence(null);
+        });
+        return () => {
+            const currentNodePath = nodePathRef.current;
+            // Only clear props on true unmount, not on re-subscribe due to
+            // line number changes — avoids flicker while re-subscribing.
+            if (!isMountedRef.current) {
+                setPropStatusesForSequence(null);
+            }
+            nodePathRef.current = null;
+            if (currentNodePath) {
+                (0, call_api_1.callApi)('/api/unsubscribe-from-sequence-props', {
+                    fileName: locationSource,
+                    nodePath: currentNodePath,
+                    clientId,
+                }).catch(() => {
+                    // Ignore unsubscribe errors
+                });
+            }
+        };
+    }, [
+        clientId,
+        locationSource,
+        locationLine,
+        locationColumn,
+        schemaKeysString,
+        setPropStatusesForSequence,
+    ]);
+    (0, react_1.useEffect)(() => {
+        if (!locationSource || !locationLine || locationColumn === null) {
+            return;
+        }
+        const listener = (event) => {
+            if (event.type !== 'sequence-props-updated') {
+                return;
+            }
+            if (event.fileName !== currentLocationSource.current ||
+                !nodePathRef.current ||
+                JSON.stringify(event.nodePath) !== JSON.stringify(nodePathRef.current)) {
+                return;
+            }
+            if (event.result.canUpdate) {
+                setPropStatusesForSequence(event.result.props);
+            }
+            else {
+                setPropStatusesForSequence(null);
+            }
+        };
+        const unsub = subscribeToEvent('sequence-props-updated', listener);
+        return () => {
+            unsub();
+        };
+    }, [
+        locationSource,
+        locationLine,
+        locationColumn,
+        subscribeToEvent,
+        setPropStatusesForSequence,
+    ]);
+    return nodePathRef.current;
+};
+exports.useSequencePropsSubscription = useSequencePropsSubscription;

package/dist/error-overlay/react-overlay/utils/get-source-map.d.ts

@@ -4,5 +4,10 @@ export type OriginalPosition = {
     column: number | null;
     source: string | null;
 };
+export type CodePosition = {
+    line: number;
+    column: number;
+    source: string;
+};
 export declare const getOriginalPosition: (source_map: SourceMapConsumer, line: number, column: number) => OriginalPosition;
 export declare function getSourceMap(fileUri: string, fileContents: string): Promise<SourceMapConsumer | null>;