jenmcquade · February 29, 2020 21:07 · Feb 29, 2020 · Feb 29, 2020 · Feb 29, 2020 · Feb 29, 2020
diff --git a/things-to-run.md → add-rails-livereload-to-a-project.md b/things-to-run.md → add-rails-livereload-to-a-project.md
@@ -1,3 +1,5 @@
+* Modify `Gemfile` and `/config/environments/development.rb` according to files in this gist.
+
 * Run `bundle install` in your project directory to install guard-livereload and rack-livereload
 
 * Run `bundle exec guard init livereload` to initialize a Guardfile in your project directory with LiveReload settings

diff --git a/Guardfile b/Guardfile
@@ -0,0 +1,59 @@
+# A sample Guardfile
+# More info at https://github.com/guard/guard#readme
+
+## Uncomment and set this to only include directories you want to watch
+# directories %w(app lib config test spec features) \
+#  .select{|d| Dir.exist?(d) ? d : UI.warning("Directory #{d} does not exist")}
+
+## Note: if you are using the `directories` clause above and you are not
+## watching the project directory ('.'), then you will want to move
+## the Guardfile to a watched dir and symlink it back, e.g.
+#
+#  $ mkdir config
+#  $ mv Guardfile config/
+#  $ ln -s config/Guardfile .
+#
+# and, you'll have to watch "config/Guardfile" instead of "Guardfile"
+
+guard 'livereload' do
+  extensions = {
+    css: :css,
+    scss: :css,
+    sass: :css,
+    js: :js,
+    coffee: :js,
+    html: :html,
+    png: :png,
+    gif: :gif,
+    jpg: :jpg,
+    jpeg: :jpeg,
+    # less: :less, # uncomment if you want LESS stylesheets done in browser
+  }
+
+  rails_view_exts = %w(erb haml slim)
+
+  # file types LiveReload may optimize refresh for
+  compiled_exts = extensions.values.uniq
+  watch(%r{public/.+\.(#{compiled_exts * '|'})})
+
+  extensions.each do |ext, type|
+    watch(%r{
+          (?:app|vendor)
+          (?:/assets/\w+/(?<path>[^.]+) # path+base without extension
+           (?<ext>\.#{ext})) # matching extension (must be first encountered)
+          (?:\.\w+|$) # other extensions
+          }x) do |m|
+      path = m[1]
+      "/assets/#{path}.#{type}"
+    end
+  end
+
+  watch(%r{(app|vendor)(/assets/\w+/(.+\.css)).*}) do |m| 
+    "/assets/application.css"
+  end
+
+  # file needing a full reload of the page anyway
+  watch(%r{app/views/.+\.(#{rails_view_exts * '|'})$})
+  watch(%r{app/helpers/.+\.rb})
+  watch(%r{config/locales/.+\.yml})
+end
diff --git a/things-to-run.md b/things-to-run.md
@@ -1,7 +1,7 @@
-# Run `bundle install` in your project directory to install guard-livereload and rack-livereload
+* Run `bundle install` in your project directory to install guard-livereload and rack-livereload
 
-# Run `bundle exec guard init livereload` to initialize a Guardfile in your project directory with LiveReload settings
+* Run `bundle exec guard init livereload` to initialize a Guardfile in your project directory with LiveReload settings
 
-# Run your Rails server from your project directory: `rails s`
+* Run your Rails server from your project directory: `rails s`
 
-# Run guard from your project directory to begin watching files: `bundle exec guard`
+* Run guard from your project directory to begin watching files: `bundle exec guard`
diff --git a/Gemfile b/Gemfile
@@ -0,0 +1,5 @@
+group :development do
+ # your dev gems on top
+ gem 'guard-livereload', '~> 2.5', require: false
+ gem 'rack-livereload'
+end
diff --git a/development.rb b/development.rb
@@ -0,0 +1,3 @@
+  # FILE /config/environments/development.rb
+  # Add Rack::LiveReload to the bottom of the middleware stack with the default options:
+  config.middleware.insert_after ActionDispatch::Static, Rack::LiveReload
diff --git a/things-to-run.md b/things-to-run.md
@@ -0,0 +1,7 @@
+# Run `bundle install` in your project directory to install guard-livereload and rack-livereload
+
+# Run `bundle exec guard init livereload` to initialize a Guardfile in your project directory with LiveReload settings
+
+# Run your Rails server from your project directory: `rails s`
+
+# Run guard from your project directory to begin watching files: `bundle exec guard`
No results found