https://github.com/shakyshane/bs-fullscreen-message

Fullscreen, in-browser error/success messages
https://github.com/shakyshane/bs-fullscreen-message

Last synced: about 1 month ago
JSON representation

Fullscreen, in-browser error/success messages

• Host: GitHub
• URL: https://github.com/shakyshane/bs-fullscreen-message
• Owner: shakyShane
• Created: 2015-11-10T12:33:56.000Z (about 9 years ago)
• Default Branch: master
• Last Pushed: 2021-10-21T02:01:19.000Z (about 3 years ago)
• Last Synced: 2024-04-14T07:49:47.828Z (9 months ago)
• Language: JavaScript
• Homepage:
• Size: 7.81 KB
• Stars: 19
• Watchers: 2
• Forks: 6
• Open Issues: 4
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
## bs-fullscreen-message

> Overlay a fullscreen message to all browsers

Useful for showing errors from webpack/browserify/gulp etc

## Install

```shell

npm i browser-sync bs-fullscreen-message

```

## Usage

```js

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](https://s31.postimg.org/cfa3zg3fv/Screen_Shot_2016_06_16_at_09_15_30.png)

### Example from using `gulp-sass` plugin

![fullscreen](https://s31.postimg.org/rcil0ggob/Screen_Shot_2016_06_16_at_09_14_03.png)