@remotion/studio-shared 4.0.500 → 4.0.502

package/dist/schema-field-info.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.getEffectFieldsToShow = exports.getFieldsToShow = exports.getSchemaFieldGroup = exports.SCHEMA_FIELD_GROUPS = exports.SCHEMA_FIELD_ROW_HEIGHT = void 0;
 const remotion_1 = require("remotion");
 const no_react_1 = require("remotion/no-react");
+const style_property_relations_1 = require("./style-property-relations");
 exports.SCHEMA_FIELD_ROW_HEIGHT = 22;
 exports.SCHEMA_FIELD_GROUPS = [
     { id: 'source', label: 'Source' },
@@ -11,6 +12,7 @@ exports.SCHEMA_FIELD_GROUPS = [
     { id: 'text', label: 'Text' },
     { id: 'background', label: 'Background' },
     { id: 'border', label: 'Border' },
+    { id: 'border-radius', label: 'Border radius' },
     { id: 'crop', label: 'Crop' },
     { id: 'layout', label: 'Layout' },
 ];
@@ -31,6 +33,38 @@ const CROP_FIELD_KEYS = new Set([
     'cropTop',
     'cropBottom',
 ]);
+const BORDER_RADIUS_FIELD_KEYS = new Set([
+    'style.borderRadius',
+    'style.borderTopLeftRadius',
+    'style.borderTopRightRadius',
+    'style.borderBottomRightRadius',
+    'style.borderBottomLeftRadius',
+]);
+const getBorderRadiusFieldKeysToShow = ({ activeSchema, propStatuses, nodePath, }) => {
+    if (!(style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY in activeSchema)) {
+        return null;
+    }
+    const statuses = remotion_1.Internals.getPropStatusesCtx(propStatuses, nodePath);
+    const shorthand = statuses === null || statuses === void 0 ? void 0 : statuses[style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY];
+    const longhands = style_property_relations_1.BORDER_RADIUS_LONGHAND_KEYS.map((key) => statuses === null || statuses === void 0 ? void 0 : statuses[key]);
+    // A supported shorthand is canonical even though the server also reports its
+    // expanded longhand values. This keeps one Inspector row and one keyframe track.
+    if ((shorthand === null || shorthand === void 0 ? void 0 : shorthand.status) === 'keyframed') {
+        return new Set([style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY]);
+    }
+    if ((shorthand === null || shorthand === void 0 ? void 0 : shorthand.status) === 'static' && shorthand.codeValue !== undefined) {
+        return new Set([style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY]);
+    }
+    const hasEditableLonghand = longhands.some((status) => (status === null || status === void 0 ? void 0 : status.status) === 'keyframed' ||
+        ((status === null || status === void 0 ? void 0 : status.status) === 'static' && status.codeValue !== undefined));
+    if (hasEditableLonghand) {
+        return new Set(style_property_relations_1.BORDER_RADIUS_LONGHAND_KEYS);
+    }
+    // No radius has been authored, an unsupported dynamic shorthand was authored,
+    // or shorthand and longhands were mixed. In all three cases, only show the
+    // shorthand row so duplicate representations never reach the Inspector/timeline.
+    return new Set([style_property_relations_1.BORDER_RADIUS_SHORTHAND_KEY]);
+};
 const BORDER_FIELD_KEYS = new Set([
     'style.borderWidth',
     'style.borderStyle',
@@ -59,6 +93,9 @@ const getSchemaFieldGroup = (key) => {
     if (CROP_FIELD_KEYS.has(key)) {
         return 'crop';
     }
+    if (BORDER_RADIUS_FIELD_KEYS.has(key)) {
+        return 'border-radius';
+    }
     if (BORDER_FIELD_KEYS.has(key)) {
         return 'border';
     }
@@ -90,6 +127,7 @@ const TIMELINE_SCHEMA_FIELD_TYPE_SUPPORT = {
     array: true,
     asset: true,
     boolean: true,
+    'remotion-captions': false,
     color: true,
     enum: true,
     'font-family': true,
@@ -146,8 +184,18 @@ const getFieldsToShow = ({ getDragOverrides, propStatuses, nodePath, schema, cur
         frame: null,
     });
     const activeSchema = remotion_1.Internals.flattenActiveSchema(schema, (key) => valuesDotNotation[key]);
+    const borderRadiusFieldKeysToShow = getBorderRadiusFieldKeysToShow({
+        activeSchema,
+        propStatuses,
+        nodePath,
+    });
     const fields = Object.entries(activeSchema)
         .map(([key, fieldSchema]) => {
+        if (BORDER_RADIUS_FIELD_KEYS.has(key) &&
+            borderRadiusFieldKeysToShow !== null &&
+            !borderRadiusFieldKeysToShow.has(key)) {
+            return null;
+        }
         if (!isTimelineSchemaFieldSupported(fieldSchema)) {
             return null;
         }

package/dist/style-property-relations.d.ts

@@ -0,0 +1,3 @@
+export declare const BORDER_RADIUS_SHORTHAND_KEY = "style.borderRadius";
+export declare const BORDER_RADIUS_LONGHAND_KEYS: readonly ["style.borderTopLeftRadius", "style.borderTopRightRadius", "style.borderBottomRightRadius", "style.borderBottomLeftRadius"];
+export declare const getStylePropertyLonghandKeys: (fieldKey: string) => readonly string[];

package/dist/style-property-relations.js

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getStylePropertyLonghandKeys = exports.BORDER_RADIUS_LONGHAND_KEYS = exports.BORDER_RADIUS_SHORTHAND_KEY = void 0;
+exports.BORDER_RADIUS_SHORTHAND_KEY = 'style.borderRadius';
+exports.BORDER_RADIUS_LONGHAND_KEYS = [
+    'style.borderTopLeftRadius',
+    'style.borderTopRightRadius',
+    'style.borderBottomRightRadius',
+    'style.borderBottomLeftRadius',
+];
+const STYLE_PROPERTY_LONGHANDS = new Map([
+    [exports.BORDER_RADIUS_SHORTHAND_KEY, exports.BORDER_RADIUS_LONGHAND_KEYS],
+]);
+const getStylePropertyLonghandKeys = (fieldKey) => {
+    var _a;
+    return (_a = STYLE_PROPERTY_LONGHANDS.get(fieldKey)) !== null && _a !== void 0 ? _a : [];
+};
+exports.getStylePropertyLonghandKeys = getStylePropertyLonghandKeys;

package/package.json

@@ -3,15 +3,16 @@
 		"url": "https://github.com/remotion-dev/remotion/tree/main/packages/studio-shared"
 	},
 	"name": "@remotion/studio-shared",
-	"version": "4.0.500",
+	"version": "4.0.502",
 	"description": "Internal package for shared objects between the Studio backend and frontend",
 	"main": "dist",
+	"module": "dist/esm/index.mjs",
 	"scripts": {
 		"lint": "eslint src",
 		"test": "bun test src",
 		"formatting": "oxfmt src --check",
 		"format": "oxfmt src",
-		"make": "tsgo -d"
+		"make": "tsgo -d && bun --env-file=../.env.bundle bundle.ts"
 	},
 	"author": "Jonny Burger <jonny@remotion.dev>",
 	"contributors": [],
@@ -20,12 +21,12 @@
 		"url": "https://github.com/remotion-dev/remotion/issues"
 	},
 	"dependencies": {
-		"@remotion/drag-and-drop": "4.0.500",
-		"remotion": "4.0.500"
+		"@remotion/studio-protocol": "4.0.502",
+		"remotion": "4.0.502"
 	},
 	"devDependencies": {
-		"@remotion/renderer": "4.0.500",
-		"@remotion/eslint-config-internal": "4.0.500",
+		"@remotion/renderer": "4.0.502",
+		"@remotion/eslint-config-internal": "4.0.502",
 		"eslint": "9.19.0",
 		"@typescript/native-preview": "7.0.0-dev.20260217.1"
 	},
@@ -33,15 +34,61 @@
 		"access": "public"
 	},
 	"exports": {
-		".": "./dist/index.js",
+		".": {
+			"types": "./dist/index.d.ts",
+			"require": "./dist/index.js",
+			"module": "./dist/esm/index.mjs",
+			"import": "./dist/esm/index.mjs"
+		},
 		"./studio-entry-points": {
 			"types": "./dist/studio-entry-points.d.ts",
-			"default": "./dist/studio-entry-points.js"
+			"require": "./dist/studio-entry-points.js",
+			"module": "./dist/esm/studio-entry-points.mjs",
+			"import": "./dist/esm/studio-entry-points.mjs"
 		},
 		"./studio-html": {
 			"types": "./dist/studio-html.d.ts",
-			"default": "./dist/studio-html.js"
+			"require": "./dist/studio-html.js",
+			"module": "./dist/esm/studio-html.mjs",
+			"import": "./dist/esm/studio-html.mjs"
+		},
+		"./keyframe-easing-presets": {
+			"types": "./dist/keyframe-easing-presets.d.ts",
+			"require": "./dist/keyframe-easing-presets.js",
+			"module": "./dist/esm/keyframe-easing-presets.mjs",
+			"import": "./dist/esm/keyframe-easing-presets.mjs"
+		},
+		"./keyframe-interpolation-function": {
+			"types": "./dist/keyframe-interpolation-function.d.ts",
+			"require": "./dist/keyframe-interpolation-function.js",
+			"module": "./dist/esm/keyframe-interpolation-function.mjs",
+			"import": "./dist/esm/keyframe-interpolation-function.mjs"
+		},
+		"./parse-spring-easing-config": {
+			"types": "./dist/parse-spring-easing-config.d.ts",
+			"require": "./dist/parse-spring-easing-config.js",
+			"module": "./dist/esm/parse-spring-easing-config.mjs",
+			"import": "./dist/esm/parse-spring-easing-config.mjs"
 		},
 		"./package.json": "./package.json"
+	},
+	"typesVersions": {
+		">=1.0": {
+			"studio-entry-points": [
+				"./dist/studio-entry-points.d.ts"
+			],
+			"studio-html": [
+				"./dist/studio-html.d.ts"
+			],
+			"keyframe-easing-presets": [
+				"./dist/keyframe-easing-presets.d.ts"
+			],
+			"keyframe-interpolation-function": [
+				"./dist/keyframe-interpolation-function.d.ts"
+			],
+			"parse-spring-easing-config": [
+				"./dist/parse-spring-easing-config.d.ts"
+			]
+		}
 	}
 }