An idea for page-specific sprinkles that automatically setup and teardown. Doubling down on Server Rendered JavaScript...

_show.js.coffee

class Sprinkle
  run: =>
    document.addEventListener("turbolinks:load", @setup)

  setup: =>
    console.log "Sprinkle setup"
    document.removeEventListener "turbolinks:load", @setup
    document.addEventListener "turbolinks:before-cache", @teardown

  teardown: =>
    console.log "Sprinkle teardown"
    document.removeEventListener "turbolinks:before-cache", @teardown

class RootSprinkle extends Sprinkle
  setup: =>
    super
    console.log "RootSprinkle setup"
    element = document.getElementById "main"
    element.addEventListener "click", ->
      console.log("clicked <%= params[:id] %>")

(new RootSprinkle).run()

application_helper.rb

module ApplicationHelper
  def sprinkles(action)
    javascript_tag do
      render(partial: "#{action}.js.coffee").html_safe
    end
  end
end

show.html.erb

<%= sprinkles("show") %>

<div>
  <%= link_to "Root #{Time.current.to_i}", root_path(id: Time.current.to_i) %>
</div>

<div id="main">
  Main id: <%= params[:id] %>
</div>