bs-eslint-message

BrowserSync plugin to display eslint errors (or any other message) within connected browsers. Built specifically for gulp-eslint, but uses eslint's native error object, so should work with any eslint wrapper that exposes a results object.

Note: Uses a lot of es6 syntax, so probably won't work in older browsers 💁

Install

npm i browser-sync gulp-eslint bs-eslint-message

Usage with gulp-eslint

const gulp = require('gulp')
const eslint = require('gulp-eslint')
const browserSync = require('browser-sync').create()

gulp.task('serve', () => {
  browserSync.init({
    server: 'dist',
    plugins: ['bs-eslint-message']
  })
})

gulp.task('lint', () => {
  gulp.src('src/**/*.js')
    .pipe(eslint())
    .pipe(eslint.results(results => {
      browserSync.sockets.emit('msg:eslint', results)
    }))
    .pipe(eslint.format())
})

Send a basic message

const gulp = require('gulp')
const eslint = require('gulp-eslint')
const browserSync = require('browser-sync').create()

gulp.task('serve', () => {
  browserSync.init({
    server: 'dist',
    plugins: ['bs-eslint-message']
  })
  // Basic message only needs title and body
  setTimeout(() => {
    browserSync.sockets.emit('msg', {
      title: 'Hello world',
      body: 'This is the best 💃'
    })
  }, 2000)
})