Add Hotwire Spark for live reloading

nickjj · Dec 27, 2024 · ebe3f5a · ebe3f5a
1 parent 323e6c9
commit ebe3f5a
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -11,6 +11,10 @@ Changelog](https://keepachangelog.com/en/1.0.0/).
 
 - `URL_HOST` environment variable for setting `default_url_options[:host]`
 
+#### Back-end dependencies
+
+- Add `hotwire-spark` for live reloading in development
+
 ### Changed
 
 - Reference `CABLE_PORT` in `compose.yaml`

diff --git a/Gemfile b/Gemfile
@@ -59,6 +59,9 @@ group :development do
 
   # Add speed badges [https://github.com/MiniProfiler/rack-mini-profiler]
   gem "rack-mini-profiler"
+
+  # Live reloading for Hotwire applications [https://github.com/hotwired/spark]
+  gem "hotwire-spark", "~> 0.1"
 end
 
 group :test do

diff --git a/Gemfile.lock b/Gemfile.lock
@@ -100,8 +100,13 @@ GEM
       reline (>= 0.3.8)
     drb (2.2.1)
     erubi (1.13.1)
+    ffi (1.17.0)
     globalid (1.2.1)
       activesupport (>= 6.1)
+    hotwire-spark (0.1.12)
+      listen
+      rails (>= 7.0.0)
+      zeitwerk
     i18n (1.14.6)
       concurrent-ruby (~> 1.0)
     io-console (0.8.0)
@@ -115,6 +120,9 @@ GEM
       railties (>= 6.0.0)
     json (2.9.1)
     language_server-protocol (3.17.0.3)
+    listen (3.9.0)
+      rb-fsevent (~> 0.10, >= 0.10.3)
+      rb-inotify (~> 0.9, >= 0.9.10)
     logger (1.6.4)
     loofah (2.23.1)
       crass (~> 1.0.2)
@@ -210,6 +218,9 @@ GEM
       zeitwerk (~> 2.6)
     rainbow (3.1.1)
     rake (13.2.1)
+    rb-fsevent (0.11.2)
+    rb-inotify (0.11.1)
+      ffi (~> 1.0)
     rdoc (6.10.0)
       psych (>= 4.0.0)
     redis (5.3.0)
@@ -304,6 +315,7 @@ DEPENDENCIES
   capybara
   cssbundling-rails
   debug
+  hotwire-spark (~> 0.1)
   jbuilder
   jsbundling-rails
   pg (~> 1.1)

diff --git a/README.md b/README.md
@@ -88,6 +88,7 @@ Dockerize an existing Rails app.
     - Use esbuild (`-j esbuild`) and TailwindCSS (`-c tailwind`)
     - Add `postcss-import` support for `tailwindcss` by using the `--postcss` flag
     - Add ActiveStorage JavaScript package
+    - Add [Hotwire Spark](https://github.com/hotwired/spark) for live reloading in development
 - **Public:**
     - Custom `502.html` and `maintenance.html` pages
     - Generate favicons using modern best practices