Code Editsv4.0.461

The Studio does support some ways to edit your codebase visually.

Changing props of <Sequence>'s

Some props of <Sequence>'s can be changed visually through the Studio.
Some other components which inherit from <Sequence>, such as <Video>, <Audio>, <Img> 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 ⌘/Ctrl + Z in the Studio.
Redo can also be performed by pressing ⌘/Ctrl + Y 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.

Future plans

It is not yet possible:

• to enable these controls for your own components
• to edit from, durationInFrames of a <Sequence> and trimBefore and trimAfter of a <Video>

We plan to add this functionality in the future.

Duplicating and deleting sequences

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.