Override Marionette With Twig Templates (use cache templates)

TwigTemplateManager.js

var loadExistingTwigTemplate = function (templateId) {
    return Twig.twig({
        ref: templateId
    });
};

Marionette.TemplateCache.prototype.compileTemplate = function (template) {
    switch (template.type) {
        case 'twig/template':
            // first, see if the template is already loaded
            var existingTemplate = loadExistingTwigTemplate(template.id);

            if (!_.isUndefined(existingTemplate)) return existingTemplate;

            var tpl;
            try {
                tpl = Twig.twig({
                    id: template.id,
                    data: template.html
                });
            } catch (e) {
                tpl = Twig.twig({'ref': template.id});
            }

            return tpl;
        default:
            return _.template(template.html);
    }
};

Marionette.TemplateCache.prototype.loadTemplate = function (templateId) {
    // first, see if the template is already loaded
    if (loadExistingTwigTemplate(templateId) !== null) {
        return {
            id: templateId,
            type: 'twig/template'
        };
    }

    // second, load the template from a script tag
    // eg: <script type="twig/template" id="templateId">
    var template = {
        html: $(templateId).html(),
        type: $(templateId).attr('type')
    };

    if (_.isUndefined(template.html) || _.isNull(template.html)) {
        return console.debug("Could not find template: '" + templateId + "'", "NoTemplateError");
    }

    return template;
};

Marionette.Renderer = {
    render: function (template, data) {
        if (!template) {
            throw new Marionette.Error({
                name: 'TemplateNotFoundError',
                message: 'Cannot render the template since its false, null or undefined.'
            });
        }

        // If the template is a function call it with data
        if (_.isFunction(template)) return template(data);
        if (_.isFunction(template.render)) return template.render(data);
    }
};