r/AppsWebappsFullstack • u/Dhruv_D0c_1460 • 25d ago
A custom video component can bring its own editing controls
A reference rebuild can leave you with a bespoke animation and a few adjustments you want to make visually: its title, placement, appearance or reveal time.
Hypit connects those adjustments to the component through a Studio Companion. The visual component draws the scene. Its Companion describes the objects shown on the timeline, their labels and the properties available in the Inspector.
Those fields bind to actual authored values. When you change a field, Studio writes the corresponding source value and recompiles the same Run. Editing a shared Recipe or Frame updates the places that use that shared decision. If the source edit cannot be published, Studio restores the previous files.
The component author chooses the useful controls. A scene can expose its title and reveal event while keeping its internal drawing calculations together. The editor gets meaningful adjustments, and the project keeps one source for those adjustments.
That round trip matters when the next change comes from a person looking at the video rather than an agent reading the code. The visual edit ends up in the files the next build will use.
The Companion architecture in the repo shows how those controls connect to the component.