packages/docs/docs/studio/code-edits.mdx
The Studio does support some ways to edit your codebase visually.
You can right-click a composition in the left sidebar and select Duplicate..., Rename... or Delete....
These actions edit the file that registers the <Composition> or <Still> tag.
When deleting a composition, the component that was rendered by the composition remains in your codebase.
<Sequence>'sSome props of <Sequence>'s can be changed visually through the Studio.
Some other components which inherit from <Sequence>, such as <Video>, <Audio>, `` and <HtmlInCanvas> also allow this.
When a value is changed, the value is written back to the codebase immediately.
All <Sequence>'s which are in the same location are updated.
If in the code, sequences are programmatically duplicated (such as by calling .map()) on an array, all instances receive the same update.
Edits can be undone by pressing <kbd>⌘/Ctrl</kbd> + <kbd>Z</kbd> in the Studio.
Redo can also be performed by pressing <kbd>⌘/Ctrl</kbd> + <kbd>Y</kbd> in the Studio.
Prop updates bypass Fast Refresh for reduced latency and are synced to other instances of the Studio once the drag sliders are released.
If the code is being edited in the meanwhile, the undo stack is being cleared.
It is not yet possible:
from, durationInFrames of a <Sequence> and trimBefore and trimAfter of a <Video>We plan to add this functionality in the future.
You can right-click on a sequence in the timeline and select Duplicate or Delete to duplicate or delete the sequence.
If multiple sequences are in the same location, all will be duplicated or deleted. In this case, a dialog will be shown asking you to confirm.
You can right-click on an effect in the expanded timeline and select Delete to remove it from the effects prop.
Deleting effects can be undone by pressing <kbd>⌘/Ctrl</kbd> + <kbd>Z</kbd> in the Studio.
This is possible if the effects are written as an inline array. Effects from computed arrays cannot be deleted visually.