@remotion/studio 4.0.478 → 4.0.481

package/dist/components/selected-outline-uv.d.ts

@@ -1,7 +1,7 @@
-import type { CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, GetEffectDragOverrides, PropStatuses, SequenceFieldSchema, SequencePropsSubscriptionKey, SequenceSchema, TSequence } from 'remotion';
+import type { CanUpdateSequencePropStatusKeyframed, CanUpdateSequencePropStatusStatic, GetEffectDragOverrides, PropStatuses, InteractivitySchemaField, SequencePropsSubscriptionKey, InteractivitySchema, TSequence } from 'remotion';
 import { type OutlinePoint } from './selected-outline-geometry';
 export type UvCoordinate = readonly [number, number];
-export type UvCoordinateFieldSchema = Extract<SequenceFieldSchema, {
+export type UvCoordinateFieldSchema = Extract<InteractivitySchemaField, {
     type: 'uv-coordinate';
 }>;
 export type SelectedOutlineUvHandle = {
@@ -11,8 +11,9 @@ export type SelectedOutlineUvHandle = {
     readonly fieldDefault: UvCoordinate | undefined;
     readonly fieldKey: string;
     readonly fieldSchema: UvCoordinateFieldSchema;
+    readonly isSelected: boolean;
     readonly nodePath: SequencePropsSubscriptionKey;
-    readonly schema: SequenceSchema;
+    readonly schema: InteractivitySchema;
     readonly sourceFrame: number;
     readonly value: UvCoordinate;
 };

package/dist/components/selected-outline-uv.js

@@ -196,6 +196,10 @@ const getSelectedUvHandles = ({ propStatuses, clientId, getEffectDragOverrides,
         if (effectStatus.type !== 'can-update-effect') {
             continue;
         }
+        const shouldShowUvHandles = selectedFields.allFields || selectedFields.fieldKeys.size > 0;
+        if (!shouldShowUvHandles) {
+            continue;
+        }
         const dragOverrides = getEffectDragOverrides(nodePath, effectIndex);
         const activeSchema = remotion_1.Internals.flattenActiveSchema(effect.schema, (key) => {
             const propStatus = effectStatus.props[key];
@@ -212,8 +216,7 @@ const getSelectedUvHandles = ({ propStatuses, clientId, getEffectDragOverrides,
             });
         });
         for (const [fieldKey, fieldSchema] of Object.entries(activeSchema)) {
-            if (fieldSchema.type !== 'uv-coordinate' ||
-                (!selectedFields.allFields && !selectedFields.fieldKeys.has(fieldKey))) {
+            if (fieldSchema.type !== 'uv-coordinate') {
                 continue;
             }
             const propStatus = effectStatus.props[fieldKey];
@@ -240,6 +243,7 @@ const getSelectedUvHandles = ({ propStatuses, clientId, getEffectDragOverrides,
                 fieldDefault: fieldSchema.default,
                 fieldKey,
                 fieldSchema,
+                isSelected: selectedFields.fieldKeys.has(fieldKey),
                 nodePath,
                 schema: effect.schema,
                 sourceFrame,

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

@@ -24,6 +24,12 @@ const errorWhileErrorStyle = {
     lineHeight: 1.5,
     whiteSpace: 'pre',
 };
+const errorWhileSymbolicatingStyle = {
+    color: 'white',
+    lineHeight: 1.5,
+    marginTop: 24,
+    opacity: 0.7,
+};
 const shouldLogError = (error) => {
     return (!(0, error_origin_1.wasErrorLoggedByServer)(error) && (0, studio_shared_1.getLocationFromBuildError)(error) === null);
 };
@@ -51,6 +57,7 @@ const logSymbolicatedStudioError = (record) => {
     });
 };
 const ErrorLoader = ({ error, keyboardShortcuts, onRetry, canHaveDismissButton, calculateMetadata, }) => {
+    var _a;
     const [state, setState] = (0, react_1.useState)({
         type: 'loading',
     });
@@ -90,7 +97,7 @@ const ErrorLoader = ({ error, keyboardShortcuts, onRetry, canHaveDismissButton,
     }
     if (state.type === 'error') {
         return (jsx_runtime_1.jsxs("div", { style: container, children: [
-                jsx_runtime_1.jsx(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: error.name, message: error.message, canHaveDismissButton: canHaveDismissButton }), jsx_runtime_1.jsx("div", { style: errorWhileErrorStyle, children: "Error while getting stack trace:" }), jsx_runtime_1.jsx("div", { style: errorWhileErrorStyle, children: state.err.stack }), jsx_runtime_1.jsx("div", { style: errorWhileErrorStyle, children: "Report this in the Remotion repo." })
+                jsx_runtime_1.jsx(ErrorTitle_1.ErrorTitle, { symbolicating: false, name: error.name, message: error.message, canHaveDismissButton: canHaveDismissButton }), jsx_runtime_1.jsx("div", { style: errorWhileErrorStyle, children: (_a = error.stack) !== null && _a !== void 0 ? _a : 'Check the Terminal and browser console for error messages.' }), jsx_runtime_1.jsxs("div", { style: errorWhileSymbolicatingStyle, children: ["Could not symbolicate the stack trace: ", state.err.message] })
             ] }));
     }
     if (state.type === 'no-record') {