Replace rails ujs with turbo

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 → 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

test/templates/app/views/admin/cities/_form.html.erb

@@ -1,5 +1,4 @@
-<% remote ||= false %>
-<%= crud_form remote: remote do |f| %>
+<%= crud_form do |f| %>
   <%= f.labeled(:name, caption: 'Called') do %>
     <%= f.input_field :name %>
   <% end %>

test/templates/app/views/admin/cities/_form.html.haml

@@ -1,5 +1,4 @@
-- remote ||= false
-= crud_form remote: remote do |f|
+= crud_form do |f|
   = f.labeled(:name, caption: 'Called') do
     = f.input_field :name
   = f.labeled_input_field :person_ids, help: 'All people living in this city'

test/templates/app/views/ajax/_actions_index.html.erb → test/templates/app/views/turbo/_actions_index.html.erb

@@ -1,9 +1,9 @@
 <%= render partial: 'crud/actions_index' %>
 
-<%= action_link(ti(:'link.ajax'),
+<%= action_link(ti(:'link.turbo'),
                 nil,
-                { action: 'ajax' },
-                method: :get, remote: true) %>
+                { action: 'turbo' },
+                data: { 'turbo-stream': true }) %>
 
 <div id="response"></div>
 

test/templates/app/views/ajax/_actions_index.html.haml → test/templates/app/views/turbo/_actions_index.html.haml

@@ -1,9 +1,9 @@
 = render 'crud/actions_index'
 
-= action_link(ti(:'link.ajax'),
+= action_link(ti(:'link.turbo'),
               nil,
-              { action: 'ajax' },
-              method: :get, remote: true)
+              { action: 'turbo' },
+              data: { 'turbo-stream': true })
 
 #response
 

test/templates/app/views/turbo/_actions_show.html.erb

@@ -0,0 +1,7 @@
+<%= index_action_link %>
+<%= edit_action_link %>
+<%= action_link(ti(:"link.edit") + ' Turbo',
+                'pencil',
+                edit_polymorphic_path(path_args(entry)),
+                data: { 'turbo-stream': true }) %>
+<%= destroy_action_link %>

test/templates/app/views/turbo/_actions_show.html.haml

@@ -0,0 +1,7 @@
+= index_action_link
+= edit_action_link
+= action_link(ti(:"link.edit") + ' Turbo',
+              'pencil',
+              edit_polymorphic_path(path_args(entry)),
+              data: { 'turbo-stream': true })
+= destroy_action_link

test/templates/app/views/turbo/_hello.html.erb

@@ -0,0 +1 @@
+hello from turbo

test/templates/app/views/turbo/_hello.html.haml

@@ -0,0 +1 @@
+hello from turbo

test/templates/app/views/turbo/edit.turbo_stream.erb

@@ -0,0 +1 @@
+<%= turbo_stream.update(:content, partial: 'form') %>

test/templates/app/views/turbo/edit.turbo_stream.haml

@@ -0,0 +1 @@
+= turbo_stream.update(:content, partial: 'form')

test/templates/app/views/turbo/show.turbo_stream.erb

@@ -0,0 +1 @@
+<%= turbo_stream.update(:content, partial: 'attrs') %>

test/templates/app/views/turbo/show.turbo_stream.haml

@@ -0,0 +1 @@
+= turbo_stream.update(:content, partial: 'attrs')

test/templates/app/views/turbo/turbo.turbo_stream.erb

@@ -0,0 +1 @@
+<%= turbo_stream.update(:response, partial: 'hello') %>

test/templates/app/views/turbo/turbo.turbo_stream.haml

@@ -0,0 +1 @@
+= turbo_stream.update(:response, partial: 'hello')

test/templates/app/views/turbo/update.turbo_stream.erb

@@ -0,0 +1 @@
+<%= turbo_stream.update(:content, partial: entry.errors.present? ? 'form' : 'attrs') %>

test/templates/app/views/turbo/update.turbo_stream.haml

@@ -0,0 +1 @@
+= turbo_stream.update(:content, partial: entry.errors.present? ? 'form' : 'attrs')

test/templates/config/locales/cities.en.yml

@@ -6,10 +6,10 @@ en:
       vips: VIPs
     link:
       maps: Maps
-  ajax:
+  turbo:
     global:
       link:
-        ajax: Ajahx
+        turbo: Turbo
   # cities controller
   admin/cities:
     global:
@@ -26,7 +26,7 @@ en:
     update:
       flash:
         success: The %{model} got an update
-        
+
   # people controller
   people:
     global:
@@ -35,13 +35,13 @@ en:
       i_think_its: I think it's
       nice: Nice
       check_google: Check Google
-  
+
   # vips controller
   vips:
     index:
       title: Listing VIPs
       no_list_entries: No VIPs found
-      
+
   # model associations
   activerecord:
     errors:
@@ -53,4 +53,4 @@ en:
         no_entry: Nobody
         none_available: Nobody here
       city:
-        none_available: No City
+        none_available: No City

test/templates/config/routes.rb

@@ -4,7 +4,7 @@
 
   resources :people do
     collection do
-      get :ajax
+      get :turbo
     end
   end
 
@@ -13,12 +13,12 @@
   namespace :admin do
     resources :countries do
       collection do
-        get :ajax
+        get :turbo
       end
 
       resources :cities do
         collection do
-          get :ajax
+          get :turbo
         end
       end
     end