bs-fullscreen-message

Overlay a fullscreen message to all browsers

Usage no npm install needed!

<script type="module">
  import bsFullscreenMessage from 'https://cdn.skypack.dev/bs-fullscreen-message';
</script>

README

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

fullscreen