thunf / bs-fullscreen-message

Fullscreen, in-browser error/success messages

bs-fullscreen-message

Overlay a fullscreen message to all browsers

Useful for showing errors from webpack/browserify/gulp etc

Install

npm i browser-sync bs-fullscreen-message

Usage

var browserSync = require('browser-sync').create();

browserSync.init({
    server: 'test/fixtures',
    plugins: ['bs-fullscreen-message']
});

// Emit an event to connected clients
setTimeout(function () {
    browserSync.sockets.emit('fullscreen:message', {
        title: "Hello from Example",
        body:  '10 seconds have elapsed!'
    });
}, 5000);

Example from webpack.babel recipe

Checkout the example here https://github.com/BrowserSync/recipes/blob/master/recipes/webpack.babel/app.js