Replace rails ujs with turbo

Author: codez

Gemfile

@@ -17,6 +17,7 @@ gem "sprockets-rails"
 gem "jsbundling-rails"
 gem "cssbundling-rails"
 gem "turbo-rails"
+gem "stimulus-rails"
 
 gem 'sassc-rails'
 

Rakefile

@@ -37,12 +37,15 @@ namespace :test do
   end
 
   namespace :app do
-    task :environment do
-      ENV['RAILS_ROOT'] = TEST_APP_ROOT
-      ENV['RAILS_ENV'] = 'test'
 
-      require(File.join(TEST_APP_ROOT, 'config', 'environment'))
-    end
+    desc "Initializes the test application with a couple of classes"
+    task init: [:seed, :customize]
+
+    desc "Customize some of the functionality provided by dry_crud"
+    task customize: ['test:app:add_pagination',
+                     'test:app:use_bootstrap',
+                     'test:app:build_assets'
+                     ]
 
     desc "Create a rails test application"
     task :create do
@@ -53,10 +56,6 @@ namespace :test do
                      File.read(File.join(File.dirname(__FILE__),
                                'test', 'templates', 'Gemfile.append')))
         sh "cd #{TEST_APP_ROOT}; bundle install --local" # update Gemfile.lock
-        #sh "cd #{TEST_APP_ROOT}; bundle binstubs bundler"
-        #sh "cd #{TEST_APP_ROOT}; rails javascript:install:esbuild"
-        #sh "cd #{TEST_APP_ROOT}; yarn add esbuild from \".\""
-        #sh "cd #{TEST_APP_ROOT}; gem install foreman from \".\""
 
         sh "cd #{TEST_APP_ROOT}; rails g rspec:install"
         FileUtils.rm_f(File.join(TEST_APP_ROOT,
@@ -87,6 +86,13 @@ namespace :test do
                            destination_root: TEST_APP_ROOT).invoke_all
     end
 
+    task :environment do
+      ENV['RAILS_ROOT'] = TEST_APP_ROOT
+      ENV['RAILS_ENV'] = 'test'
+
+      require(File.join(TEST_APP_ROOT, 'config', 'environment'))
+    end
+
     desc "Populates the test application with some models and controllers"
     task populate: [:generate_crud] do
       # copy test app templates
@@ -117,15 +123,6 @@ namespace :test do
       end
     end
 
-    desc "Initializes the test application with a couple of classes"
-    task init: [:seed, :customize]
-
-    desc "Customize some of the functionality provided by dry_crud"
-    task customize: ['test:app:add_pagination',
-                     'test:app:add_ujs',
-                     'test:app:use_bootstrap'
-                     ]
-
     desc "Adds pagination to the test app"
     task :add_pagination do
       list_ctrl = File.join(TEST_APP_ROOT,
@@ -145,17 +142,6 @@ namespace :test do
                    "= paginate entries\n\n= render 'list'")
     end
 
-    desc "Adds Rails UJS to the test app"
-    task :add_ujs do
-      sh "cd #{TEST_APP_ROOT}; yarn add @rails/ujs"
-      app_js = File.join(TEST_APP_ROOT, 'app', 'javascript', 'application.js')
-      if File.exist?(app_js) && File.read(app_js) !~ /ujs/
-        file_replace(app_js,
-                      /\n\z/,
-                      "\nimport Rails from '@rails/ujs'\nRails.start()\n")
-      end
-    end
-
     desc "Use Boostrap Icons in the test app"
     task :use_bootstrap do
       sh "cd #{TEST_APP_ROOT}; yarn add bootstrap-icons"
@@ -178,6 +164,10 @@ namespace :test do
                                'app', 'assets', 'stylesheets', 'sample.scss'))
     end
 
+    desc "Build javascript and css in the test app"
+    task :build_assets do
+      sh "cd #{TEST_APP_ROOT}; rails javascript:build css:build"
+    end
   end
 end
 

app/assets/stylesheets/sample.scss

@@ -222,7 +222,7 @@ a.icon img {
 .icon-plus {
   background-image: image-url("actions/add.png");
 }
-.icon-remove {
+.icon-trash {
   background-image: image-url("actions/delete.png");
 }
 .icon-pencil {

app/helpers/actions_helper.rb

@@ -38,9 +38,9 @@ def edit_action_link(path = nil)
   # Uses the current +entry+ if no path is given.
   def destroy_action_link(path = nil)
     path ||= path_args(entry)
-    action_link(ti('link.delete'), 'remove', path,
-                data: { confirm: ti(:confirm_delete),
-                        method: :delete })
+    action_link(ti('link.delete'), 'trash', path,
+                data: { 'turbo-confirm': ti(:confirm_delete),
+                        'turbo-method': :delete })
   end
 
   # Standard list action to the given path.

app/helpers/dry_crud/table/actions.rb

@@ -57,11 +57,11 @@ def destroy_action_col(**html_options, &block)
         action_col do |entry|
           path = action_path(entry, &block)
           if path
-            table_action_link('remove',
+            table_action_link('trash',
                               path,
                               **html_options.merge(
-                                data: { confirm: ti(:confirm_delete),
-                                        method: :delete }
+                                data: { 'turbo-confirm': ti(:confirm_delete),
+                                        'turbo-method': :delete }
                               ))
           end
         end

app/views/shared/_error_messages.html.erb

@@ -1,8 +1,8 @@
 <% if errors.any? %>
   <div id='error_explanation' class='alert alert-danger'>
-      <h2>
+      <p>
       <%= ti(:"errors.header", count: errors.count, model: object.to_s) %>
-      </h2>
+      </p>
       <ul>
           <% errors.full_messages.each do |msg| %>
             <li><%= msg %></li>

test/templates/app/controllers/admin/cities_controller.rb

@@ -1,6 +1,6 @@
 module Admin
   # Cities Controller nested under /admin and countries
-  class CitiesController < AjaxController
+  class CitiesController < TurboController
     self.nesting = :admin, Country
 
     self.search_columns = :name, 'countries.name'

test/templates/app/controllers/admin/countries_controller.rb

@@ -1,6 +1,6 @@
 module Admin
   # Countries Controller nested under /admin
-  class CountriesController < AjaxController
+  class CountriesController < TurboController
     self.nesting = :admin
 
     self.search_columns = :name, :code

test/templates/app/controllers/people_controller.rb

@@ -1,5 +1,5 @@
 # People Controller
-class PeopleController < AjaxController
+class PeopleController < TurboController
   self.search_columns = [:name, :email, :remarks, 'cities.name']
 
   self.default_sort = 'people.name, countries.code, cities.name'

test/templates/app/controllers/ajax_controller.rb renamed to test/templates/app/controllers/turbo_controller.rb

@@ -1,10 +1,10 @@
 # Crud controller responding to js as well
-class AjaxController < CrudController
-  def ajax; end
+class TurboController < CrudController
+  def turbo; end
 
   def update
     super do |format, _success|
-      format.js
+      format.turbo_stream
     end
   end
 end