https://lynxjs.org/api/elements/built-in/text.html#layout

The layout event returns the result information after text layout, including the number of lines of the current text, and the start and end positions of the text in each line relative to the entire text.

data Action = HandleLayout LayoutEvent

view :: context -> props -> Model -> View context Action
view _ _ model = text_ [ onLayout HandleLayout ] [ text "hi" ]

update :: Action -> Effect context props Model Action
update (HandleLayout LayoutEvent {..}) = io_ (consoleLog "layout event received")

Like onLayout, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onLayout, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleLayout LayoutEvent

view_ [ event (static (onLayoutMain HandleLayout)) ] [ "some view" ]

Like onLayoutMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleLayout LayoutEvent Model DOMRef

view_ [ event (static (onLayoutMainWith HandleLayout)) ] [ "some view" ]

https://lynxjs.org/api/elements/built-in/text.html#selectionchange

This event is triggered whenever the selected text range changes.

data Action = HandleSelectionChange SelectionChangeEvent

view :: context -> props -> Model -> View context Action
view _ _ model = text_ [ onSelectionChange HandleSelectionChange ] [ text "hi" ]

update :: Action -> Effect context props Model Action
update (HandleSelectionChange SelectionChangeEvent {..}) =
  io_ (consoleLog "selection change event received")

Like onSelectionChange, but the handler also receives the target element's DOMRef. Use for main-thread (MTS) handlers that imperatively mutate the element.

Like onSelectionChange, but dispatched on the Lynx main thread (MTS).

Runs imperatively on the MTS (no VDOM diff). Meant to be used with -XStaticPointers.

data Action = HandleSelectionChange SelectionChangeEvent

view_ [ event (static (onSelectionChangeMain HandleSelectionChange)) ] [ "some view" ]

Like onSelectionChangeMain, but the handler also receives read-only access to the model and the target element's DOMRef (for imperative MTS mutation).

data Action = HandleSelectionChange SelectionChangeEvent Model DOMRef

view_ [ event (static (onSelectionChangeMainWith HandleSelectionChange)) ] [ "some view" ]