Live updates with Turbo for Items

Author: SystemZ

.idea/baka-home.iml

@@ -28,7 +28,7 @@ gem "stimulus-rails"
 gem "jbuilder"
 
 # Use Redis adapter to run Action Cable in production
-# gem "redis", "~> 4.0"
+gem "redis", "~> 4.0"
 
 # Use Kredis to get higher-level data types in Redis [https://github.com/rails/kredis]
 # gem "kredis"

Gemfile

@@ -168,6 +168,7 @@ GEM
       thor (~> 1.0)
       zeitwerk (~> 2.5)
     rake (13.0.6)
+    redis (4.5.1)
     regexp_parser (2.2.0)
     reline (0.3.1)
       io-console (~> 0.5)
@@ -222,6 +223,7 @@ DEPENDENCIES
   jbuilder
   puma (~> 5.0)
   rails (~> 7.0.1)
+  redis (~> 4.0)
   selenium-webdriver
   sprockets-rails
   sqlite3 (~> 1.4)

Gemfile.lock

@@ -1,4 +1,8 @@
 class Item < ApplicationRecord
   belongs_to :location
   belongs_to :brand
+
+  after_create_commit { broadcast_append_to 'item' }
+  after_update_commit { broadcast_replace_to 'item' }
+  after_destroy_commit { broadcast_remove_to 'item' }
 end

app/models/item.rb

@@ -1,13 +1,16 @@
+<%= turbo_stream_from "item" %>
 <p style="color: green"><%= notice %></p>
 
 <h1>Items</h1>
 
 <div id="items">
   <% @items.each do |item| %>
-    <%= render item %>
-    <p>
-      <%= link_to "Show this item", item %>
-    </p>
+    <%= turbo_frame_tag "item" do %>
+      <%= render item %>
+      <p>
+        <%= link_to "Show this item", item, 'data-turbo-frame': :_top %>
+      </p>
+    <% end %>
   <% end %>
 </div>
 

app/views/items/index.html.erb

@@ -1,6 +1,9 @@
 <p style="color: green"><%= notice %></p>
 
-<%= render @item %>
+<%= turbo_stream_from "item" %>
+<%= turbo_frame_tag "item" do %>
+  <%= render @item %>
+<% end %>
 
 <div>
   <%= link_to "Edit this item", edit_item_path(@item) %> |

app/views/items/show.html.erb

@@ -1,5 +1,6 @@
 development:
-  adapter: async
+  adapter: redis
+  url: redis://localhost:6379/1
 
 test:
   adapter: test