Added TodoMVC startup benchmarks.

samples/third_party/todomvc_performance/js_todomvc/components/todomvc-common/base.js

+(function () {
+        'use strict';
+
+        // Underscore's Template Module
+        // Courtesy of underscorejs.org
+        var _ = (function (_) {
+                _.defaults = function (object) {
+                        if (!object) {
+                                return object;
+                        }
+                        for (var argsIndex = 1, argsLength = arguments.length; argsIndex < argsLength; argsIndex++) {
+                                var iterable = arguments[argsIndex];
+                                if (iterable) {
+                                        for (var key in iterable) {
+                                                if (object[key] == null) {
+                                                        object[key] = iterable[key];
+                                                }
+                                        }
+                                }
+                        }
+                        return object;
+                }
+
+                // By default, Underscore uses ERB-style template delimiters, change the
+                // following template settings to use alternative delimiters.
+                _.templateSettings = {
+                        evaluate    : /<%([\s\S]+?)%>/g,
+                        interpolate : /<%=([\s\S]+?)%>/g,
+                        escape      : /<%-([\s\S]+?)%>/g
+                };
+
+                // When customizing `templateSettings`, if you don't want to define an
+                // interpolation, evaluation or escaping regex, we need one that is
+                // guaranteed not to match.
+                var noMatch = /(.)^/;
+
+                // Certain characters need to be escaped so that they can be put into a
+                // string literal.
+                var escapes = {
+                        "'":      "'",
+                        '\\':     '\\',
+                        '\r':     'r',
+                        '\n':     'n',
+                        '\t':     't',
+                        '\u2028': 'u2028',
+                        '\u2029': 'u2029'
+                };
+
+                var escaper = /\\|'|\r|\n|\t|\u2028|\u2029/g;
+
+                // JavaScript micro-templating, similar to John Resig's implementation.
+                // Underscore templating handles arbitrary delimiters, preserves whitespace,
+                // and correctly escapes quotes within interpolated code.
+                _.template = function(text, data, settings) {
+                        var render;
+                        settings = _.defaults({}, settings, _.templateSettings);
+
+                        // Combine delimiters into one regular expression via alternation.
+                        var matcher = new RegExp([
+                                (settings.escape || noMatch).source,
+                                (settings.interpolate || noMatch).source,
+                                (settings.evaluate || noMatch).source
+                        ].join('|') + '|$', 'g');
+
+                        // Compile the template source, escaping string literals appropriately.
+                        var index = 0;
+                        var source = "__p+='";
+                        text.replace(matcher, function(match, escape, interpolate, evaluate, offset) {
+                                source += text.slice(index, offset)
+                                        .replace(escaper, function(match) { return '\\' + escapes[match]; });
+
+                                if (escape) {
+                                        source += "'+\n((__t=(" + escape + "))==null?'':_.escape(__t))+\n'";
+                                }
+                                if (interpolate) {
+                                        source += "'+\n((__t=(" + interpolate + "))==null?'':__t)+\n'";
+                                }
+                                if (evaluate) {
+                                        source += "';\n" + evaluate + "\n__p+='";
+                                }
+                                index = offset + match.length;
+                                return match;
+                        });
+                        source += "';\n";
+
+                        // If a variable is not specified, place data values in local scope.
+                        if (!settings.variable) source = 'with(obj||{}){\n' + source + '}\n';
+
+                        source = "var __t,__p='',__j=Array.prototype.join," +
+                                "print=function(){__p+=__j.call(arguments,'');};\n" +
+                                source + "return __p;\n";
+
+                        try {
+                                render = new Function(settings.variable || 'obj', '_', source);
+                        } catch (e) {
+                                e.source = source;
+                                throw e;
+                        }
+
+                        if (data) return render(data, _);
+                        var template = function(data) {
+                                return render.call(this, data, _);
+                        };
+
+                        // Provide the compiled function source as a convenience for precompilation.
+                        template.source = 'function(' + (settings.variable || 'obj') + '){\n' + source + '}';
+
+                        return template;
+                };
+
+                return _;
+        })({});
+
+        if (location.hostname === 'todomvc.com') {
+                window._gaq = [['_setAccount','UA-31081062-1'],['_trackPageview']];(function(d,t){var g=d.createElement(t),s=d.getElementsByTagName(t)[0];g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'));
+        }
+
+        function redirect() {
+                if (location.hostname === 'tastejs.github.io') {
+                        location.href = location.href.replace('tastejs.github.io/todomvc', 'todomvc.com');
+                }
+        }
+
+        function findRoot() {
+                var base;
+
+                [/labs/, /\w*-examples/].forEach(function (href) {
+                        var match = location.href.match(href);
+
+                        if (!base && match) {
+                                base = location.href.indexOf(match);
+                        }
+                });
+
+                return location.href.substr(0, base);
+        }
+
+        function getFile(file, callback) {
+                if (!location.host) {
+                        return console.info('Miss the info bar? Run TodoMVC from a server to avoid a cross-origin error.');
+                }
+
+                var xhr = new XMLHttpRequest();
+
+                xhr.open('GET', findRoot() + file, true);
+                xhr.send();
+
+                xhr.onload = function () {
+                        if (xhr.status === 200 && callback) {
+                                callback(xhr.responseText);
+                        }
+                };
+        }
+
+        function Learn(learnJSON, config) {
+                if (!(this instanceof Learn)) {
+                        return new Learn(learnJSON, config);
+                }
+
+                var template, framework;
+
+                if (typeof learnJSON !== 'object') {
+                        try {
+                                learnJSON = JSON.parse(learnJSON);
+                        } catch (e) {
+                                return;
+                        }
+                }
+
+                if (config) {
+                        template = config.template;
+                        framework = config.framework;
+                }
+
+                if (!template && learnJSON.templates) {
+                        template = learnJSON.templates.todomvc;
+                }
+
+                if (!framework && document.querySelector('[data-framework]')) {
+                        framework = document.querySelector('[data-framework]').getAttribute('data-framework');
+                }
+
+
+                if (template && learnJSON[framework]) {
+                        this.frameworkJSON = learnJSON[framework];
+                        this.template = template;
+
+                        this.append();
+                }
+        }
+
+        Learn.prototype.append = function () {
+                var aside = document.createElement('aside');
+                aside.innerHTML = _.template(this.template, this.frameworkJSON);
+                aside.className = 'learn';
+
+                // Localize demo links
+                var demoLinks = aside.querySelectorAll('.demo-link');
+                Array.prototype.forEach.call(demoLinks, function (demoLink) {
+                        demoLink.setAttribute('href', findRoot() + demoLink.getAttribute('href'));
+                });
+
+                document.body.className = (document.body.className + ' learn-bar').trim();
+                document.body.insertAdjacentHTML('afterBegin', aside.outerHTML);
+        };
+
+        redirect();
+        getFile('learn.json', Learn);
+})();