Skip to content

@remotion/studio: Add keyframe navigation controls to timeline field rows#7845

Merged
JonnyBurger merged 3 commits into
mainfrom
jonnyburger/timeline-keyframe-navigation-7776
May 31, 2026
Merged

@remotion/studio: Add keyframe navigation controls to timeline field rows#7845
JonnyBurger merged 3 commits into
mainfrom
jonnyburger/timeline-keyframe-navigation-7776

Conversation

@JonnyBurger
Copy link
Copy Markdown
Member

@JonnyBurger JonnyBurger commented May 30, 2026

No description provided.

JonnyBurger and others added 2 commits May 30, 2026 12:04
…d rows

Implement previous/next keyframe seeking and keyframe toggling for selected sequence controls and effect props, backed by new add-keyframe API routes.

Fixes #7776

Co-authored-by: Cursor <cursoragent@cursor.com>
…pensation

Position the prev/diamond/next controls before the row padding and offset
the following chrome so selecting a field row does not shift its label.

Co-authored-by: Cursor <cursoragent@cursor.com>
@vercel
Copy link
Copy Markdown
Contributor

vercel Bot commented May 30, 2026

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

Project Deployment Actions Updated (UTC)
bugs Ready Ready Preview, Comment May 30, 2026 12:05pm
remotion Ready Ready Preview, Comment May 30, 2026 12:05pm

Request Review

Copy link
Copy Markdown
Contributor

@pullfrog pullfrog Bot left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Reviewed changes — Add prev/diamond/next keyframe navigation controls to timeline field rows, plus backend routes and optimistic UI updates for adding sequence and effect keyframes.

  • /api/add-sequence-keyframe and /api/add-effect-keyframe routes — mirror existing delete handlers, use withSavePropsLock, push undo stack entries, suppress HMR, and return refreshed prop status
  • optimisticAddSequenceKeyframe and optimisticAddEffectKeyframe — symmetric to existing delete optimistic helpers, correctly convert static props to keyframed, append keyframes while preserving easing invariants, and update existing keyframe values in place
  • TimelineKeyframeControls — mounted only on selected rows, uses getPreviousKeyframeDisplayFrame / getNextKeyframeDisplayFrame for navigation, diamond toggle switches between add and delete via hasKeyframeAtSourceFrame, respects clientId and canToggleKeyframe guards
  • TimelineRowChrome — negative margin compensation keeps the label column stable when controls mount/unmount on selection
  • Tests cover navigation helpers and optimistic add logic for both sequences and effects

Pullfrog  | View workflow run | Using Kimi K2𝕏

@JonnyBurger JonnyBurger reopened this May 30, 2026
@JonnyBurger JonnyBurger changed the title @remotion/studio: Add keyframe navigation controls to timeline field rows @remotion/studio: Add keyframe navigation controls to timeline field rows May 30, 2026
Co-authored-by: Copilot <223556219+Copilot@users.noreply.github.com>
@JonnyBurger JonnyBurger merged commit fb7a0fd into main May 31, 2026
30 of 31 checks passed
@JonnyBurger JonnyBurger deleted the jonnyburger/timeline-keyframe-navigation-7776 branch May 31, 2026 10:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant