ng-packery/gulp/tasks/browserSync.js

AngularJS Directive for Packery Layout

'use strict';

import config      from '../config';
import url         from 'url';
import browserSync from 'browser-sync';
import gulp        from 'gulp';

gulp.task('browserSync', function () {

    const DEFAULT_FILE = 'index.html';
    const ASSET_EXTENSION_REGEX = new RegExp(`\\b(?!\\?)\\.(${config.assetExtensions.join('|')})\\b(?!\\.)`, 'i');

    browserSync.init({
        server: {
            baseDir: config.buildDir,
            middleware: function (req, res, next) {
                let fileHref = url.parse(req.url).href;

                if (!ASSET_EXTENSION_REGEX.test(fileHref)) {
                    req.url = '/' + DEFAULT_FILE;
                }

                return next();
            }
        },
        port: config.browserPort,
        ui: {
            port: config.UIPort
        },
        browser: 'google chrome',
        ghostMode: {
            links: false
        }
    });

});