"JS" Command Hooks

[mobile-bungalow]

Vanilla Live View exposes several utility commands that can be used to run local, optimistic changes when an even is about to be sent to the server.

To implement this we need to instrument the VDOM to emit local events which optimisitcally remove, mutate and insert elements. These will be valid until otherwise reverted by server side diffs.

[bcardarella]

I'll break these into individual issues but here is the list of commands:

• add_class - Add classes to elements, with optional transitions
• remove_class - Remove classes from elements, with optional transitions
• toggle_class - Sets or removes classes from elements, with optional transitions
• set_attribute - Set an attribute on elements
• remove_attribute - Remove an attribute from elements
• toggle_attribute - Sets or removes element attribute based on attribute presence.
• show - Show elements, with optional transitions
• hide - Hide elements, with optional transitions
• toggle - Shows or hides elements based on visibility, with optional transitions
• transition - Apply a temporary transition to elements for animations
• dispatch - Dispatch a ViewTree event to elements

[carson-katri]

Core should also add a way to send a transition to use when applying a diff.

For example, the SwiftUI client could use this to wrap any element changes in a withAnimation block.