Discuss adding Browser-Sync

[mikeschinkel]

Discuss adding Browser-Sync from here

The question is, will it have benefit for front-end devs to have this in our box, or not?

If you are a front end dev and have experience with Browser Sync, please post your opinion here.

[clubdeuce]

@mikeschinkel Including it in the box is trivial. Shall we just include it?

@sarutole What are your thoughts?

[mikeschinkel]

@clubdeuce My only question would be can it be usefuk if it i is in the box or does it have to run locally on the host to be useful? @sarutole?

[nonameolsson]

I have added it to a couple of other projects, but always on the host, or in the theme. Not as part of any Vagrant box. Is it possible to add in the box, and to run it from host?

[mikeschinkel]

@nonameolsson Neither @clubdeuce nor I are front-end developers (except for when we have to be) so we are not sure if it is possible to or not. If it is possible, we want to do it.

If you are interested and willing to do a screenshare with me so we could explore together if we can make it work which could result in us adding to the box sooner than later?

If you are interested send your email address to team@wplib.box and I can add you to wplib.slack.com and we can coordinate a time there? But if you have no time to do so please reply and let me know that here instead.

[nonameolsson]

Hi @mikeschinkel! Thanks for your answer. During this week I will try to, if time at work allows it, add BrowserSync to the box. I will let you know here how it goes, and maybe after that we can see if/how we proceed.

Thanks for sharing great code!

[mikeschinkel]

@nonameolsson

I will try to, if time at work allows it, add BrowserSync to the box.

Excellent. Thank!

Thanks for sharing great code!

You are welcome. You know how to help us share more?

Tell all your WP developer friends about WPLib Box. :-)

[nonameolsson]

@mikeschinkel I have now added BrowserSync and it works ok. There's still stuff that I'm not sure how it should be configured. But it works.

Should it be a very, very basic integration, with just BrowserSync? Or should it include CSS injection etc? What kind of integration would you prefer?

[mikeschinkel]

@nonameolsson Awesome!

As for your questions, I am not familiar with the differences. Is there any chance we could do a screenshare at some point in the near future and you could walk me through it so I can understand your workflow?

[mikeschinkel]

Here are some references for our use for implementing this feature:

• https://mikeybeck.com/blog/browsersync-with-vagrant/
• https://stackoverflow.com/questions/29023331/how-do-i-use-vagrant-and-browsersync-with-local-domain
• https://github.com/BrowserSync/browser-sync/issues/318
• http://blog.tekmi.nl/how-to-configure-browser-sync-live-reloading-in-your-current-or-next-laravel-project-running-on-homestead-virtual-machine/
• https://discourse.roots.io/t/browsersync-w-vagrant-dev-url-instead-of-localhost-3000/5751
• https://discourse.roots.io/t/browsersync-with-sage-on-a-vagrant-box/3050/6
• https://github.com/angular-fullstack/generator-angular-fullstack/issues/2202

"Easiest way to get BrowserSync work with Vagrant is to use http://vccw.cc/ 106 When you have installed all npm dependencies etc then just run “gulp watch” and go to default ip of this vagrant box which is http://192.168.33.10:3000/ 14. Now my browsersync it working"