Rails stimulus per-page or per-view controller actions. keywords: javascript, ruby, rails, stimulus, esbuild

dynamic_div_wrapper.html.erb

<div
  class="container-fluid admin <%= params[:controller] %> <%= params[:action] %>"
  data-controller="<%= obj.model_name.plural.downcase %>"
  data-<%= obj.model_name.plural.downcase %>-action="<%= params[:action] %>"
>
</div>

static_div_wrapper.html.erb

<div class="container-fluid admin widgets new" data-controller="widgets" data-widgets-action="new">
</div>

widgets_controller.js

import { Controller } from '@hotwired/stimulus'

const newConnect = function() {
  console.log('action:', 'new', 'connected')
}

const editConnect = function() {
  console.log('action:', 'new', 'connected')
}

const showConnect = function() {
  console.log('action:', 'new', 'connected')
}

const indexConnect = function() {
  console.log('action:', 'new', 'connected')
}

export default class extends Controller {
  connect() {
    const controllerAction = this.data.get('action')
    switch (controllerAction) {
      case 'edit':
        editConnect()
        break
      case 'new':
        newConnect()
        break
      case 'show':
        showConnect()
        break
      case 'index':
        indexConnect()
        break
    }
  }
}