blahutka · September 15, 2025 07:04 · blahutka · Mar 6, 2025
diff --git a/01 button.rb Phlex + Stimulus b/01 button.rb Phlex + Stimulus
 # app/components/ui/button.rb
 class Components::Ui::Button < Components::Base

  def view_template
    button class: "btn btn-primary", data: {controller: 'ui--button'} do
      "Click me"
    end
  end
 end
diff --git a/02 button_controller.js b/02 button_controller.js
 // app/components/ui/button_controller.js
 import { Controller } from "@hotwired/stimulus"

 export default class extends Controller {
  connect() {
    console.log("Button controller connected! ui--button ready")
  }
 }
diff --git a/03 _button.scss b/03 _button.scss
 // app/components/ui/_button.scss
 button {
 color: blue;
 }
diff --git a/04 application.scss b/04 application.scss
 // app/assets/stylesheets/application.scss

 @import "components/ui/button";
diff --git a/assets.rb b/assets.rb
 # config/initializers/assets.rb

 Rails.application.config.assets.paths << Rails.root.join("app")
diff --git a/development.rb b/development.rb
 # config/environments/development.rb
 config.importmap.cache_sweepers << Rails.root.join('app/components')
diff --git a/importmap.rb b/importmap.rb
 pin_all_from "app/components", under: "components", to: "components"
diff --git a/index.js b/index.js
 // app/javascript/controllers/index.js
 //
 // Import and register all your controllers from the importmap under controllers/*

 import { application } from "controllers/application"
 import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"

 eagerLoadControllersFrom("controllers", application)
 eagerLoadControllersFrom("components", application)
diff --git a/manifest.js b/manifest.js
 // app/assets/config/manifest.js
 //
 //= link_tree ../../components .js
	# app/components/ui/button.rb
	class Components::Ui::Button < Components::Base

	def view_template
	button class: "btn btn-primary", data: {controller: 'ui--button'} do
	"Click me"
	end
	end
	end
	// app/components/ui/button_controller.js
	import { Controller } from "@hotwired/stimulus"

	export default class extends Controller {
	connect() {
	console.log("Button controller connected! ui--button ready")
	}
	}
	// app/assets/stylesheets/application.scss

	@import "components/ui/button";
	# config/initializers/assets.rb

	Rails.application.config.assets.paths << Rails.root.join("app")
	# config/environments/development.rb
	config.importmap.cache_sweepers << Rails.root.join('app/components')
	// app/javascript/controllers/index.js
	//
	// Import and register all your controllers from the importmap under controllers/*

	import { application } from "controllers/application"
	import { eagerLoadControllersFrom } from "@hotwired/stimulus-loading"

	eagerLoadControllersFrom("controllers", application)
	eagerLoadControllersFrom("components", application)
	// app/assets/config/manifest.js
	//
	//= link_tree ../../components .js