diff options
Diffstat (limited to 'web/src/vendor/benchmarkjs-runner/src/runner.js')
| -rw-r--r-- | web/src/vendor/benchmarkjs-runner/src/runner.js | 271 |
1 files changed, 271 insertions, 0 deletions
diff --git a/web/src/vendor/benchmarkjs-runner/src/runner.js b/web/src/vendor/benchmarkjs-runner/src/runner.js new file mode 100644 index 00000000..c9162adc --- /dev/null +++ b/web/src/vendor/benchmarkjs-runner/src/runner.js @@ -0,0 +1,271 @@ +(function($) { + + var Runner = window.Runner = {}; + + // ---------------------------------------------------------------------------- + + /** + * JSON Data. + */ + + var Data = Runner.data = { + suites: [], + current: { suite: null } + }; + + /** + * Defines a new suite. + */ + + window.suite = function(name, options, fn) { + if (!fn) {fn = options; options = undefined; } + + var mySuite = new Benchmark.Suite(name, options); + mySuite.afterEach = []; + + Data.suites.push(mySuite); + Data.current.suite = mySuite; + + fn(); /* yield */ + + each(mySuite.afterEach, function(fn) { + each(mySuite, function(bench) { + bench.on('cycle', fn); + }); + }); + }; + + /** + * For things to run before an entire suite + */ + + window.before = function(fn) { + if (!Data.current.suite) throw new Error("No suite"); + var suite = Data.current.suite; + + suite.on('start', fn); + }; + + /** + * For things to run after an entire suite + */ + + window.after = function(fn) { + if (!Data.current.suite) throw new Error("No suite"); + var suite = Data.current.suite; + + suite.on('complete', fn); + }; + + /** + * Something to do after each. + */ + + window.afterEach = function(fn) { + if (!Data.current.suite) throw new Error("No suite"); + var suite = Data.current.suite; + + suite.afterEach.push(fn); + }; + + /** + * Starts a new benchmark inside a suite. + */ + + window.benchmark = window.bench = function(name, fn, options) { + if (!Data.current.suite) throw new Error("No suite"); + var suite = Data.current.suite; + + var bench = suite.add(name, fn, options); + }; + + // ---------------------------------------------------------------------------- + + /** + * Templates + */ + + var Tpl = Runner.templates = { + style: function() { + return "" + + "html { background: #fff; color: #111; margin: 40px; padding: 0; }" + + "body { font-size: 12pt; }" + + "input, button, body { font-family: Helvetica Neue, sans-serif; line-height: 1.5; }" + + "button { cursor: pointer; }" + + "button { margin: 0; padding: 0; outline: 0; background: transparent; border: 0; }" + + "h1, h2, h3 { font-weight: 200; font-size: 1em; margin: 0; padding: 0; }" + + ".b-suite { margin-bottom: 20px; }" + + ".b-header { margin-bottom: 10px; }" + + ".b-header h2 { font-size: 1.2em; font-weight: 200; display: inline-block; margin-right: 15px; }" + + ".b-header button { display: inline-block; vertical-align: middle; position: relative; top: -2px; }" + + ".b-header button { padding: 1px 10px; border: solid 1px #eee; border-radius: 2px; }" + + ".b-header button { border: solid 1px #1bd; border-radius: 15px; color: #1bd; }" + + ".b-header button:hover { background: #1bd; border-color: #1bd; color: white; }" + + ".b-header button:active { background: #222; border-color: #222; color: white; }" + + ".b-header button.disabled { background: white; border-color: #e0e0e0; color: #bbb; cursor: not-allowed; pointer-events: none; -webkit-pointer-events: none; opacity: 0.2; }" + + ".b-bench-status { margin-right: 15px; color: #1bd; font-size: 0.7em; }" + + ".b-bench { padding: 3px 0; }" + + ".b-bench h3 { display: inline-block; margin-right: 15px; font-size: 0.9em; }" + + ".b-progress { display: inline-block; width: 50px; height: 4px; border: solid 1px #ddd; position: relative; border-radius: 2px; margin-right: 10px; padding: 1px; overflow: hidden; }" + + ".b-progress { -webkit-transform: translate3d(0,0,0); }" + + ".b-progress-bar { width: 0; background: #ccc; height: 100%; -webkit-transition: width 100ms ease; -moz-transition: width 100ms ease; transition: width 100ms ease; }" + + ".b-running .b-progress-bar { background: #eee; }" + + ".b-expand { background: #f4f4f4; padding: 0 5px; letter-spacing: 1px; line-height: 12px; border: solid 1px transparent; color: #999; border-radius: 2px; }" + + ".b-expand:hover { background: #eaeaea; }" + + ".b-expand:active { background: #1bd; color: white; } " + + ".b-code { padding: 20px; background: #fcfcfc; box-shadow: inset 1px 1px 0 rgba(0, 0, 0, 0.05), inset 0 0 3px rgba(0, 0, 0, 0.05); margin: 10px 0; }" + + ".b-code pre { margin: 0; padding: 0; font-family: menlo, ubuntu mono, monospace; font-size: 0.7em; }" + + "pre .string, pre .number { color: #1bd; }" + + "pre .comment { color: #80808a; }" + + "pre .keyword { color: #5a3; }" + + ""; + }, + + suite: function(data) { + return "" + + "<div class='b-suite'>" + + "<div class='b-header'>" + + "<h2>" + data.name + "</h2>" + + "<button class='b-run'>Run</button>" + + "</div>" + + "<div class='b-benchmarks'></div>" + + "</div>"; + }, + + bench: function(data) { + return "" + + "<div class='b-bench'>" + + "<div class='b-progress'><div class='b-progress-bar'></div></div>" + + "<span class='b-bench-status'></span>" + + "<h3>" + data.name + "</h3>" + + "<button class='b-expand'>···</button>" + + "<div class='b-code' style='display:none'><pre>" + hilite(data.fn.toString().replace(/ +}$/, '}')) + "</pre></div>" + + "</div>"; + } + }; + + // ---------------------------------------------------------------------------- + // View stuff + + $(function() { + $("<style>").text(Tpl.style()).appendTo("head"); + + each(Data.suites, function(suite) { + // Create DOM for suite + var $suite = $(Tpl.suite(suite)).appendTo('body'); + + var timer; + + // Create DOM for benchmarks + each(suite, function(bench) { + var $bench = $(Tpl.bench(bench)).appendTo($suite.find('.b-benchmarks')); + }); + + // Bind DOM -> model events + $suite.find('.b-run').on('click', function() { + suite.reset(); + suite.run({ async: true }); + }); + + $suite.find('.b-expand').on('click', function() { + $(this).closest('.b-bench').find('.b-code').toggle(); + }); + + // Bind model -> DOM events + suite + .on('start', function() { + $suite.find('.b-run').addClass('disabled'); + }) + + .on('complete', function() { + $suite.find('.b-run').removeClass('disabled'); + updateSuite(suite, $suite); + }); + + each(suite, function(bench, i) { + var $bench = $suite.find('.b-bench').eq(i); + + bench + .on('start', function() { + updateSuite(suite, $suite); + $bench.find('.b-progress').addClass('b-running'); + $bench.find('.b-progress-bar').css({ width: '5%' }); + $bench.find('.b-bench-status').html('running...'); + }) + .on('error complete', function() { + updateSuite(suite, $suite); + $bench.find('.b-progress').removeClass('b-running'); + }); + }); + }); + + }); + + function updateSuite(suite, $suite) { + each(suite, function(bench, i) { + var $bench = $suite.find('.b-bench').eq(i); + + updateBench(suite, bench, $bench); + }); + } + + function updateBench(suite, bench, $bench) { + var fastest = suite.filter('fastest').pluck('hz')[0]; + + var str = '', tip = ''; + + if (bench.error) { + str = "ERROR"; + console.log(bench.error); + } + + else if (!bench.running && bench.count > 0) { + str = n(bench.hz) + " per sec"; + tip = "Executed " + n(bench.count) + "x, took "; + tip += n(bench.times.elapsed, 2) + "s"; + + var percent = bench.hz / fastest; + $bench.find('.b-progress').attr('title', n(percent*100) + "%"); + $bench.find('.b-progress-bar').css({ width: percent*100 + "%" }); + } + + $bench + .find('.b-bench-status').show().html(str).attr('title', tip).end(); + } + + /** + * Helper for each + */ + + function each(list, fn) { + var len = list.length; + for (var i=0; i<len; ++i) { fn(list[i], i); } + } + + /** + * Helper for comma-separating numbebrs + */ + + function n(x, round) { + if (round > 0) { + var exp = Math.pow(10, round); + return Math.round(x * exp)/exp; + } + // http://stackoverflow.com/questions/2901102/how-to-print-a-number-with-commas-as-thousands-separators-in-javascript + return parseInt(x, 10).toString().replace(/\B(?=(\d{3})+(?!\d))/g, ","); + } + + function hilite(str) { + return str + .replace(/</g, '<') + .replace(/>/g, '>') + .replace(/(".*?")/gm, '<span class="string">$1</span>') + .replace(/\/\/(.*)/gm, '<span class="comment">//$1</span>') + .replace(/('.*?')/gm, '<span class="string">$1</span>') + .replace(/(\d+\.\d+)/gm, '<span class="number">$1</span>') + .replace(/(\d+)/gm, '<span class="number">$1</span>') + .replace(/\bnew *(\w+)/gm, '<span class="keyword">new</span> <span class="init">$1</span>') + .replace(/\b(function|new|throw|return|var|if|else)\b/gm, '<span class="keyword">$1</span>'); + } + +})(jQuery); |