StipplePlotly

@reactive! mutable struct Example <: ReactiveModel
    @mixin plot::PBPlotWithEvents
end

# commented lines below: manual definition of plot_events
# @reactive! mutable struct Example <: ReactiveModel
#     plot::R{Plot} = Plot()
#     plot_selected::R{Dict{String, Any}} = Dict{String, Any}()
#     plot_hover::R{Dict{String, Any}} = Dict{String, Any}()
# end

function ui(model::Example)
    page(model, class = "container", 
    row(class = "st-module", [
        plotly(:plot, syncevents = true),
    ]))
end

# The following line will watch all plots that have `syncevents` enabled
# or that have set `syncprefix` explicitly.
Stipple.js_mounted(::Example) = watchplots(:Example)

function handlers(model)
  on(model.isready) do isready
      isready || return
      push!(model)
  end

  on(model.plot_selected) do data
      haskey(data, "points") && @info "Selection: $(getindex.(data["points"], "pointIndex"))"
  end

  return model
end