pugconfig.js

/**
 * This custom script is used to build/copy example sources for distribution:
 * - copy specific assets such as style sheets or scripts (either 3rd party or custom ones)
 * - compile specific pug templates and render to dist path
 */

const watch = process.argv.indexOf('--watch') > 1;

const fs = require('fs');
const glob = require("glob");
const path = require('path');
const pug = require('pug');

const distDir = './dist';
const websiteDir = './website';

const assets = [
    ['./', distDir, ['examples.json'], false],
    ['./data', distDir + '/data', ['*'], false],
    [websiteDir, distDir, ['css/*.css', 'js/*.js', 'img/*.{svg,png}', 'fonts/*', '*.{svg,png,ico,xml,json}'], false],
    ['./node_modules/webgl-operate/dist', distDir + '/js', ['webgl-operate.{js,js.map}'], true]];

const copy = require('./copy.js');

const examples = require('./examples.json').examples;


var build_pending = false;
function build() {

    assets.forEach((asset) => copy(asset[0], asset[1], asset[2], asset[3]));

    examples.forEach((example) => {
        const src = path.join(websiteDir, example + '.pug');
        const dst = path.join(distDir, example + '.html');
        if (!fs.existsSync(src)) {
            console.log('skipped:', example);
            return;
        }
        const html = pug.renderFile(src, { pretty: true });
        fs.writeFileSync(dst, html);
        console.log('emitted:', dst);
    });

    build_pending = false;
}


build(); // trigger initial build

if (watch) {
    fs.watch(websiteDir, { recursive: true }, function () {
        if (build_pending) {
            return;
        }
        build_pending = true;
        setTimeout(build, 100);
    });
}