feat(studio): runtime-first dynamic keyframe system [8/10]#1190
Open
miguel-heygen wants to merge 1 commit into
Open
feat(studio): runtime-first dynamic keyframe system [8/10]#1190miguel-heygen wants to merge 1 commit into
miguel-heygen wants to merge 1 commit into
Conversation
This was referenced Jun 4, 2026
Collaborator
Author
|
Warning This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
This stack of pull requests is managed by Graphite. Learn more about stacking. |
…lization Read GSAP keyframe data from the live runtime instead of only the AST parser. Dynamic keyframes (loops, variables, computed selectors) now show diamonds on timeline clips and animation cards in the design panel. On first edit, dynamic code is automatically materialized: - Unresolved keyframes (keyframes: kf) replaced with static object - Unresolved selectors (tl.to(sel, ...)) entire loop unrolled into individual static tl.to() calls per element Key changes: - Parser: hasUnresolvedKeyframes/hasUnresolvedSelector flags - Runtime bridge: scanAllRuntimeKeyframes reads tween.vars from iframe - Tween cache: interval-based runtime scan for dynamic animations - materializeKeyframesInScript + unrollDynamicAnimations parser functions - Keyframe cache dual-writes both sourceFile#id and index.html#id keys - commitMutation updates cache from mutation response - easeEach placement fix (inside keyframes object, not tween vars)
miguel-heygen
force-pushed
the
feat/keyframes-6-dynamic-keyframes
branch
from
6e391b2 to
eca150f
Compare
miguel-heygen
force-pushed
the
feat/keyframes-5-split-clip
branch
from
4e164ee to
0dbfe93
Compare
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
tween.vars.keyframes) instead of AST onlyhasUnresolvedKeyframes/hasUnresolvedSelectorflags on GsapAnimationscanAllRuntimeKeyframesdiscovers all keyframed tweens in the iframematerializeKeyframesInScript+unrollDynamicAnimations— on first edit, dynamic loops are replaced with individual static tl.to() callseaseEachplacement fix (inside keyframes object, not tween vars level)+773 LOC