mhsw-espurna/code/gulpfile.js

/*

ESP8266 file system builder

Copyright (C) 2016-2018 by Xose Pérez <xose dot perez at gmail dot com>

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.

*/

/*eslint quotes: ["error", "single"]*/
/*eslint-env es6*/

// -----------------------------------------------------------------------------
// Dependencies
// -----------------------------------------------------------------------------

const fs = require('fs');
const gulp = require('gulp');
const htmlmin = require('gulp-htmlmin');
const uglify = require('gulp-uglify');
const gzip = require('gulp-gzip');
const inline = require('gulp-inline');
const inlineImages = require('gulp-css-base64');
const favicon = require('gulp-base64-favicon');
const htmllint = require('gulp-htmllint');
const csslint = require('gulp-csslint');
const crass = require('gulp-crass');
const replace = require('gulp-replace');
const remover = require('gulp-remove-code');
const map = require('map-stream');
const rename = require('gulp-rename');
const runSequence = require('run-sequence');

// -----------------------------------------------------------------------------
// Configuration
// -----------------------------------------------------------------------------

const dataFolder = 'espurna/data/';
const staticFolder = 'espurna/static/';

// -----------------------------------------------------------------------------
// Methods
// -----------------------------------------------------------------------------

var buildHeaderFile = function() {

    String.prototype.replaceAll = function(search, replacement) {
        var target = this;
        return target.split(search).join(replacement);
    };

    return map(function(file, cb) {

        var parts = file.path.split("/");
        var filename = parts[parts.length - 1];
        var destination = staticFolder + filename + ".h";
        var safename = "webui_image";

        var wstream = fs.createWriteStream(destination);
        wstream.on('error', function (err) {
            console.error(err);
        });

        var data = fs.readFileSync(file.path);

        wstream.write('#define ' + safename + '_len ' + data.length + '\n');
        wstream.write('const uint8_t ' + safename + '[] PROGMEM = {');

        for (var i=0; i<data.length; i++) {
            if (0 === (i % 20)) {
                wstream.write('\n');
            }
            wstream.write('0x' + ('00' + data[i].toString(16)).slice(-2));
            if (i < (data.length - 1)) {
                wstream.write(',');
            }
        }

        wstream.write('\n};');
        wstream.end();

        var fstat = fs.statSync(file.path);
        console.log("Created '" + filename + "' size: " + fstat.size + " bytes");

        cb(0, destination);

   });

}

var htmllintReporter = function(filepath, issues) {
	if (issues.length > 0) {
		issues.forEach(function (issue) {
			console.info(
                '[gulp-htmllint] ' +
                filepath + ' [' +
                issue.line + ',' +
                issue.column + ']: ' +
                '(' + issue.code + ') ' +
                issue.msg
            );
		});
		process.exitCode = 1;
	}
};

var buildWebUI = function(module) {

    var modules = {"light": false, "sensor": false, "rfbridge": false};
    if ("all" == module) {
        modules["light"] = true;
        modules["rfbridge"] = true;
        modules["sensor"] = true;
    } else if ("small" != module) {
        modules[module] = true;
    }

    return gulp.src('html/*.html').
        pipe(htmllint({
            'failOnError': true,
            'rules': {
                'id-class-style': false,
                'label-req-for': false,
            }
        }, htmllintReporter)).
        pipe(favicon()).
        pipe(inline({
            base: 'html/',
            js: [],
            css: [crass, inlineImages],
            disabledTypes: ['svg', 'img']
        })).
        pipe(remover(modules)).
        pipe(htmlmin({
            collapseWhitespace: true,
            removeComments: true,
            minifyCSS: true,
            minifyJS: true
        })).
        pipe(replace('pure-', 'p-')).
        pipe(gzip()).
        pipe(rename("index." + module + ".html.gz")).
        pipe(gulp.dest(dataFolder));

};

// -----------------------------------------------------------------------------
// Tasks
// -----------------------------------------------------------------------------

gulp.task('build_certs', function() {
    gulp.src(dataFolder + 'server.*').
        pipe(buildHeaderFile());
});

gulp.task('csslint', function() {
    gulp.src('html/*.css').
        pipe(csslint({ids: false})).
        pipe(csslint.formatter());
});

gulp.task('build_webui_small', function() {
    return buildWebUI("small");
})

gulp.task('build_webui_sensor', function() {
    return buildWebUI("sensor");
})

gulp.task('build_webui_light', function() {
    return buildWebUI("light");
})

gulp.task('build_webui_rfbridge', function() {
    return buildWebUI("rfbridge");
})

gulp.task('build_webui_all', function() {
    return buildWebUI("all");
})

gulp.task('buildfs_inline', function(cb) {
    runSequence([
        'build_webui_small',
        'build_webui_sensor',
        'build_webui_light',
        'build_webui_rfbridge',
        'build_webui_all'
    ], cb);
});

gulp.task('buildfs_embeded', ['buildfs_inline'], function() {
    gulp.src(dataFolder + 'index.*').
        pipe(buildHeaderFile());
});

gulp.task('default', ['buildfs_embeded']);