zulip/frontend_tests/zjsunit/render.js

var render = (function () {

var exports = {};

var fs = require('fs');
var _ = require('underscore/underscore.js');
var Handlebars = require('handlebars');

function template_dir() {
    return __dirname + '/../../static/templates';
}

exports.init = function () {
    Handlebars.templates = {};
};

exports.render_template = function (name, args) {
    exports.compile_template(name);
    return global.templates.render(name, args);
};

exports.compile_template = function (name) {
    var included_fns = exports.find_included_partials(name);

    _.each(included_fns, function (fn) {
        exports.compile_template(fn);
    });

    if (Handlebars.templates === undefined) {
        Handlebars.templates = {};
    }

    if (_.has(Handlebars.template, name)) {
        // we already compile the template
        return;
    }

    var file = exports.template_finder.get(name);
    var data = fs.readFileSync(file.url).toString();
    Handlebars.templates[name] = Handlebars.compile(data);
};

// list all files in a directory and it's subdirectories in a recursive sync way.
exports.walk = function (dir, filelist) {
    filelist = filelist || [];

    // grab files one level deep.
    var files = fs.readdirSync(dir);

    // for each file, check if it's a directory. If so, continue recursion.
    // if not add to the file list.
    files.forEach(function (file) {
        if (fs.statSync(dir + "/" + file).isDirectory()) {
            filelist = exports.walk(dir + "/" + file, filelist);
        } else {
            var url = dir + "/" + file;
            // Get the file path starting after static/templates/
            var name = url.replace(/^.+static\/templates\//, '');
            filelist.push({ url, name });
        }
    });

    // return all recursively found files.
    return filelist;
};

exports.template_finder = (function () {
    // This class lets you find template files in our file system.
    // It may be slightly overkill for our flat directory system;
    // it might make more sense to just do something more like
    // this: get_template_dir() + name + '.handlebars'

    var self = {};

    // get all files and then map them into friendlier names.
    var all_files = exports.walk(template_dir());
    var files = all_files
        .filter(function (file) {
            return (/\.handlebars$/).test(file.name);
        })
        .map(function (file) {
            return {
                url: file.url,
                name: file.name.replace(/\.handlebars$/, ""),
            };
        });

    self.get = function (name) {
        var file = files.find(function (file) {
            return file.name === name;
        });
        assert(file);

        return file;
    };

    self.get_all = function () {
        return files;
    };

    return self;
}());

exports.find_included_partials = function (name) {

    var file = exports.template_finder.get(name);

    assert(file);

    var template = fs.readFileSync(file.url, "utf8");

    var lst = [];

    // match partial tags.
    // this uses String.prototype.replace which is kind of hacky but
    // it is the only JS function IIRC that allows you to match all
    // instances of a pattern AND return capture groups.
    template.replace(/\{\{\s*partial\s*"(.+?)"/ig, function (match, $1) {
        lst.push($1);
    });

    return lst;
};

return exports;
}());
module.exports = render;