lasso/dist-compat/browser-refresh/index.js

Lasso.js is a build tool and runtime library for building and bundling all of the resources needed by a web application

var browserRefreshClient = require('browser-refresh-client');
var nodePath = require('path');

var styleExtensions = {
    css: true,
    less: true,
    styl: true,
    stylus: true,
    scss: true,
    sass: true,
    webp: true
};

var imageExtensions = {
    png: true,
    jpeg: true,
    jpg: true,
    gif: true,
    svg: true
};

var enabled = false;

exports.enable = function (patterns) {
    if (!browserRefreshClient.isBrowserRefreshEnabled() || enabled) {
        return;
    }

    enabled = true;

    const lasso = require('../');

    lasso.setDevelopmentMode();

    if (!patterns) {
        // Reasonable default with client-side only files...
        patterns = '*.marko *.css *.less *.styl *.scss *.sass *.png *.jpeg *.jpg *.gif *.webp *.svg *.eot *.ttf *.woff *.woff2';
    }

    browserRefreshClient.enableSpecialReload(patterns, { autoRefresh: false }).onFileModified(function (path) {
        lasso.handleWatchedFileChanged(path);

        var extname = nodePath.extname(path);
        if (extname) {
            extname = extname.substring(1);
        }

        if (imageExtensions[extname]) {
            console.log('[lasso/browser-refresh] Image modified: ' + path);
            browserRefreshClient.refreshImages();
        } else if (styleExtensions[extname]) {
            console.log('[lasso/browser-refresh] StyleSheet modified: ' + path);
            browserRefreshClient.refreshStyles();
        } else {
            console.log('[lasso/browser-refresh] File modified: ' + path);
            browserRefreshClient.refreshPage();
        }
    });
};