static-post-processing-2016

static-post-processing-2016.js

var fs = require('fs');
var path = require('path');

// used deps
var inlineCSS = require('inline-css');
var htmlMinify = require('html-minifier').minify;

// working paths
var projectFolder = path.resolve(__dirname, '../../');
var workingFolder = path.join(projectFolder, 'build/emails/');
var destFolder = path.join(projectFolder, 'emails/');

var source = fs.readdirSync(workingFolder);

// preparations
try {
    fs.readdirSync(destFolder);
} catch (err) {
    fs.mkdirSync(destFolder);
}

// processing html files
source.forEach(function (fileName) {
    if (fileName.indexOf('.html') > -1) {

        // CSS inlining
        var htmlSource = fs.readFileSync(path.join(workingFolder, fileName), 'utf8');
        var cssSource = fs.readFileSync(path.join(workingFolder, 'styles.css'), 'utf8');

        var processPipe = inlineCSS(htmlSource, {
            url: './',
            extraCss: cssSource,
            applyStyleTags: false,
            removeStyleTags: false,
            applyLinkTags: false
        });

        // stripping react attributes
        // stripping extra classnames
        processPipe = processPipe.then(function (html) {
            return html
                .replace(/data-reactid="([.\w]+)"/g, '')
                .replace(/class="([.\w]+)"/g, '');
        });

        // HTML minifying
        processPipe = processPipe.then(function (html){
            return htmlMinify(html, {
                collapseWhitespace: true,
                caseSensitive: true,
                collapseInlineTagWhitespace: true
            });
        });

        processPipe.then(function (html){
            fs.writeFileSync(path.resolve(destFolder, fileName), html, 'utf8');
        });
    }
});