Integrate JavaScript Close to Ruby Components in PhlexUI

[cirdes]

Description

Inspired by the ViewComponent framework, I propose that Stimulus Controllers and PhlexUI components share the same folder structure. This approach will create a seamless connection between Ruby components and their corresponding JavaScript logic, enhancing the developer experience and maintaining consistency within the application.

https://viewcomponent.org/guide/javascript_and_css.html#stimulus

app/view/components
├── ...
├── example
 |   ├── component.rb
 |   └── component_controller.js
├── ...

Benefits

• Tight Integration: Ensures a 1:1 mapping between a JavaScript controller and a Ruby component, making it easier to manage component-specific logic.
• Improved Organization: Keeps related JavaScript and Ruby code close together, enhancing maintainability and readability.
• Consistency: Follows a proven approach similar to ViewComponent, providing a familiar pattern for developers already using that framework.