Looking for someone to write a gulp plugin

Just out of curiosity, what does this do that gulp watch doesnt?

Hey @zachleigh - it provides a hook in the browser when things have changed.

Something along these lines:

<script>
livereload.on('filechanged', function(file)
{
    if(file.match(/\.php$/))
    {
        runCustomFunction(file);
        return false;
    }
})</script>

AFAIK, it's not possible to hook into the existing LR function within the browser - unless you know differently?

The plugin I was using exposes a callback window._onLiveReloadFileChanged, and injects a socket.io script into the page as well, I presume for this purpose (but I don't know for sure).

Saying that, if there was a way to monkeypatch any existing LR JS functionality in the browser, I'd be happy with that too.

Hey, whaddya know - LR does expose its reloading function !

LiveReload.reloader.reload = function(path, options){ console.log(path); }

// /Volumes/Data/Work/Current/2015-07 - Timeslice, Kiosk 3.0/timeslice.kiosk/public/assets/js/all.min.js

Now to see if this works for .php files...

Boom! Problem solved, in gulp and the browser.

The gulp side was as easy as this:

gulp.watch(src).on('change', function(file){
    livereload.reload(file);
});

And can even be simplified to:

gulp.watch(src).on('change', livereload.reload)

The browser side ended up being a simple monkeypatch:

var reload = LiveReload.reloader.reload;
LiveReload.reloader.reload = function(path, options)
{
    return path.match(/\.php$/)
        ? app.reloadController(path)
        : reload.call(this, path, options);
};

I'm stunned. I've been mucking about with gulp plugins and different configurations for weeks.

Thanks for making me re-look at it @zachleigh !