live reloading javascript files don't work for me about guard-livereload

[thibaudgg]

Don't forget to make match assets path used in your html page, ie:

guard 'livereload' do
  watch( %r{.+/(.+\.css|js)} ) { |m| "/assets_path/#{m[1]}" } # EDIT HERE
  watch( %r{.+\.html} )
end

[milushov]

@thibaudgg, but i don't have assets directory, what for i need this line config? 😐

[thibaudgg]

Livereload get the "/home/roma/Dropbox/r/divers/javascripts/app.js" path, you need to send only "javascripts/app.js", so you need to edit the { |m| ... } block. Maybe { |m| m[1] } should work.

[milushov]

{ |m| m[1] } doesn't work too

[thibaudgg]

What do you get on your browser console?

[milushov]

with this line - nothing

[thibaudgg]

And you have added (...) in watch( %r{.+/(.+\.css|js)} ) ?

[milushov]

hmm.. i don't understand, i'am trying:

guard 'livereload' do
  watch( %r{.+/(.+\.css|js)} ) { |m| m[1] }
  watch( %r{.+\.html} )
end

and this don't work for me

[thibaudgg]

Do you understand regex?

[milushov]

actually yes, but not well

[thibaudgg]

With the ( ) do you get something in your browser console?

maybe try:

guard 'livereload' do
  watch( %r{(.*\.(css|js))} ) { |m| "/#{m[1]}" }
  watch( %r{.+\.html} )
end

so if you edit/touch /home/roma/Dropbox/r/divers/javascripts/app.js guard-livereload will send /javascripts/app.js.

You launch guard inside /home/roma/Dropbox/r/divers/ directory, right?

[milushov]

With the ( ) do you get something in your browser console?
you mean double nested ( ) in case below? 😳

with this:

guard 'livereload' do
  watch( %r{(.*\.(css|js))} ) { |m| "/#{m[1]}" }
  watch( %r{.+\.html} )
end

i get in console:
LiveReload: ["refresh",{"path":"/home/roma/Dropbox/r/divers//javascripts/app.js","apply_js_live":true,"apply_css_live":true}]
and css file still reloading ok

You launch guard inside /home/roma/Dropbox/r/divers/ directory, right?
yep

[thibaudgg]

Ok, this should works:

watch( %r{.*/((javascripts|stylesheets)/.*(css|js))} ) { |m| "/#{m[1]}" }

And you should get /javascripts/app.js path in your brower.

[milushov]

console now returns nothing, reloading css file now not work 😞
may be problem with this extension ?

[thibaudgg]

I don't think so, there's something wrong in your config. Maybe the app from http://livereload.com will be easier to use for you?

[milushov]

how i known for linux available only chrome extension

[thibaudgg]

I don't understand, sorry.

[milushov]

my english or how to solve my issue? 😃

[thibaudgg]

both I guess, sorry :)

[milushov]

ok 😃