@remotion/studio-server: Support interpolateColors keyframes

[JonnyBurger]

Closes #7700

Summary

• Adds an interpolateColors() <Solid> case to the keyframed props example composition.
• Detects interpolateColors() calls as keyframed computed props for visual mode/timeline status.
• Updates the keyframe codemod to preserve interpolateColors() and emit it when adding string color keyframes.
• Adds focused Studio Server tests for color keyframe detection and codemod updates.

Testing

• bun test packages/studio-server/src/test/update-keyframes.test.ts packages/studio-server/src/test/compute-sequence-props-status.test.ts
• bun run build
• bun run formatting
• bun run stylecheck (blocked by known @remotion/lambda-go Go 1.22.2 vs required Go >= 1.23.0 environment issue)
• bunx turbo run lint formatting --filter='@remotion/studio-server' --filter='@remotion/example' --no-update-notifier
• bunx remotion still keyframed-props-test --frame=50 --props src/my-props.json --gl=swangle --output ../../out/keyframed-props-test-frame-50.png

Artifact

Rendered keyframed interpolateColors Solid

_{To show artifacts inline, enable in settings.}

  

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
bugs	Ready	Preview, Comment	May 26, 2026 2:43pm
remotion	Ready	Preview, Comment	May 26, 2026 2:43pm

[pullfrog]

✅ No new issues found.

Reviewed changes — adds interpolateColors() support to the studio-server keyframe detection and codemod system, enabling visual mode editing of color keyframes.

• Generalize keyframe detection — getInterpolateExpression/getInterpolateKeyframes renamed to getInterpolation* and extended to match both interpolate and interpolateColors calls
• Choose callee on static-to-keyframe conversion — getInterpolationCalleeForValues selects interpolateColors when both values are strings, interpolate otherwise
• Preserve original callee — existing interpolateColors calls keep their callee when adding/removing keyframes
• Add test coverage — tests for detecting interpolateColors keyframes, adding keyframes to existing color interpolations, and converting static string values to color interpolations
• Add example composition — <Solid> with interpolateColors in KeyframedPropsTest.tsx

  ^{｜ View workflow run ｜ Using Big Pickle (free) (credentials for Anthropic not configured) ｜ 𝕏}