/*!
* ui.js
* Copyright Mathias Bynens
* Modified by John-David Dalton
* Available under MIT license
*/
(function(window, document) {
/** Java applet archive path */
var archive = '../../nano.jar';
/** Cache of error messages */
var errors = [];
/** Google Analytics account id */
var gaId = '';
/** Cache of event handlers */
var handlers = {};
/** A flag to indicate that the page has loaded */
var pageLoaded = false;
/** Benchmark results element id prefix (e.g. `results-1`) */
var prefix = 'results-';
/** The element responsible for scrolling the page (assumes ui.js is just before ) */
var scrollEl = document.body;
/** Used to resolve a value's internal [[Class]] */
var toString = {}.toString;
/** Namespace */
var ui = new Benchmark.Suite;
/** Object containing various CSS class names */
var classNames = {
// used for error styles
'error': 'error',
// used to make content visible
'show': 'show',
// used to reset result styles
'results': 'results'
};
/** Used to flag environments/features */
var has = {
// used for pre-populating form fields
'localStorage': !!function() {
try {
return !localStorage.getItem(+new Date);
} catch(e) { }
}(),
// used to distinguish between a regular test page and an embedded chart
'runner': !!$('runner')
};
/** Object containing various text messages */
var texts = {
// inner text for the various run button states
'run': {
'again': 'Run again',
'ready': 'Run tests',
'running': 'Stop running'
},
// common status values
'status': {
'again': 'Done. Ready to run again.',
'ready': 'Ready to run.'
}
};
/** The options object for Benchmark.Suite#run */
var runOptions = {
'async': true,
'queued': true
};
/** API shortcuts */
var each = Benchmark.each,
extend = Benchmark.extend,
filter = Benchmark.filter,
forOwn = Benchmark.forOwn,
formatNumber = Benchmark.formatNumber,
indexOf = Benchmark.indexOf,
invoke = Benchmark.invoke,
join = Benchmark.join;
/*--------------------------------------------------------------------------*/
handlers.benchmark = {
/**
* The onCycle callback, used for onStart as well, assigned to new benchmarks.
*
* @private
*/
'cycle': function() {
var bench = this,
size = bench.stats.sample.length;
if (!bench.aborted) {
setStatus(bench.name + ' × ' + formatNumber(bench.count) + ' (' +
size + ' sample' + (size == 1 ? '' : 's') + ')');
}
},
/**
* The onStart callback assigned to new benchmarks.
*
* @private
*/
'start': function() {
// call user provided init() function
if (isFunction(window.init)) {
init();
}
}
};
handlers.button = {
/**
* The "run" button click event handler used to run or abort the benchmarks.
*
* @private
*/
'run': function() {
var stopped = !ui.running;
ui.abort();
ui.length = 0;
if (stopped) {
logError({ 'clear': true });
ui.push.apply(ui, filter(ui.benchmarks, function(bench) {
return !bench.error && bench.reset();
}));
ui.run(runOptions);
}
}
};
handlers.title = {
/**
* The title table cell click event handler used to run the corresponding benchmark.
*
* @private
* @param {Object} event The event object.
*/
'click': function(event) {
event || (event = window.event);
var id,
index,
target = event.target || event.srcElement;
while (target && !(id = target.id)) {
target = target.parentNode;
}
index = id && --id.split('-')[1] || 0;
ui.push(ui.benchmarks[index].reset());
ui.running ? ui.render(index) : ui.run(runOptions);
},
/**
* The title cell keyup event handler used to simulate a mouse click when hitting the ENTER key.
*
* @private
* @param {Object} event The event object.
*/
'keyup': function(event) {
if (13 == (event || window.event).keyCode) {
handlers.title.click(event);
}
}
};
handlers.window = {
/**
* The window hashchange event handler supported by Chrome 5+, Firefox 3.6+, and IE8+.
*
* @private
*/
'hashchange': function() {
ui.parseHash();
var scrollTop,
params = ui.params,
chart = params.chart,
filterBy = params.filterby;
if (pageLoaded) {
// configure posting
ui.browserscope.postable = has.runner && !('nopost' in params);
// configure chart renderer
if (chart || filterBy) {
scrollTop = $('results').offsetTop;
ui.browserscope.render({ 'chart': chart, 'filterBy': filterBy });
}
if (has.runner) {
// call user provided init() function
if (isFunction(window.init)) {
init();
}
// auto-run
if ('run' in params) {
scrollTop = $('runner').offsetTop;
setTimeout(handlers.button.run, 1);
}
// scroll to the relevant section
if (scrollTop) {
scrollEl.scrollTop = scrollTop;
}
}
}
},
/**
* The window load event handler used to initialize the UI.
*
* @private
*/
'load': function() {
// only for pages with a comment form
if (has.runner) {
// init the ui
addClass('controls', classNames.show);
addListener('run', 'click', handlers.button.run);
setHTML('run', texts.run.ready);
setHTML('user-agent', Benchmark.platform);
setStatus(texts.status.ready);
// answer spammer question
$('question').value = 'no';
// prefill author details
if (has.localStorage) {
each([$('author'), $('author-email'), $('author-url')], function(element) {
element.value = localStorage[element.id] || '';
element.oninput = element.onkeydown = function(event) {
event && event.type < 'k' && (element.onkeydown = null);
localStorage[element.id] = element.value;
};
});
}
// show warning when Firebug is enabled (avoids showing for Firebug Lite)
try {
// Firebug 1.9 no longer has `console.firebug`
if (console.firebug || /firebug/i.test(console.table())) {
addClass('firebug', classNames.show);
}
} catch(e) { }
}
// evaluate hash values
// (delay in an attempt to ensure this is executed after all other window load handlers)
setTimeout(function() {
pageLoaded = true;
handlers.window.hashchange();
}, 1);
}
};
/*--------------------------------------------------------------------------*/
/**
* Shortcut for document.getElementById().
*
* @private
* @param {Element|String} id The id of the element to retrieve.
* @returns {Element} The element, if found, or null.
*/
function $(id) {
return typeof id == 'string' ? document.getElementById(id) : id;
}
/**
* Adds a CSS class name to an element's className property.
*
* @private
* @param {Element|String} element The element or id of the element.
* @param {String} className The class name.
* @returns {Element} The element.
*/
function addClass(element, className) {
if ((element = $(element)) && !hasClass(element, className)) {
element.className += (element.className ? ' ' : '') + className;
}
return element;
}
/**
* Registers an event listener on an element.
*
* @private
* @param {Element|String} element The element or id of the element.
* @param {String} eventName The name of the event.
* @param {Function} handler The event handler.
* @returns {Element} The element.
*/
function addListener(element, eventName, handler) {
if ((element = $(element))) {
if (typeof element.addEventListener != 'undefined') {
element.addEventListener(eventName, handler, false);
} else if (typeof element.attachEvent != 'undefined') {
element.attachEvent('on' + eventName, handler);
}
}
return element;
}
/**
* Appends to an element's innerHTML property.
*
* @private
* @param {Element|String} element The element or id of the element.
* @param {String} html The HTML to append.
* @returns {Element} The element.
*/
function appendHTML(element, html) {
if ((element = $(element)) && html != null) {
element.innerHTML += html;
}
return element;
}
/**
* Shortcut for document.createElement().
*
* @private
* @param {String} tag The tag name of the element to create.
* @returns {Element} A new element of the given tag name.
*/
function createElement(tagName) {
return document.createElement(tagName);
}
/**
* Checks if an element is assigned the given class name.
*
* @private
* @param {Element|String} element The element or id of the element.
* @param {String} className The class name.
* @returns {Boolean} If assigned the class name return true, else false.
*/
function hasClass(element, className) {
return !!(element = $(element)) &&
(' ' + element.className + ' ').indexOf(' ' + className + ' ') > -1;
}
/**
* Set an element's innerHTML property.
*
* @private
* @param {Element|String} element The element or id of the element.
* @param {String} html The HTML to set.
* @returns {Element} The element.
*/
function setHTML(element, html) {
if ((element = $(element))) {
element.innerHTML = html == null ? '' : html;
}
return element;
}
/*--------------------------------------------------------------------------*/
/**
* Gets the Hz, i.e. operations per second, of `bench` adjusted for the
* margin of error.
*
* @private
* @param {Object} bench The benchmark object.
* @returns {Number} Returns the adjusted Hz.
*/
function getHz(bench) {
return 1 / (bench.stats.mean + bench.stats.moe);
}
/**
* Checks if a value has an internal [[Class]] of Function.
*
* @private
* @param {Mixed} value The value to check.
* @returns {Boolean} Returns `true` if the value is a function, else `false`.
*/
function isFunction(value) {
return toString.call(value) == '[object Function]';
}
/**
* Appends to or clears the error log.
*
* @private
* @param {String|Object} text The text to append or options object.
*/
function logError(text) {
var table,
div = $('error-info'),
options = {};
// juggle arguments
if (typeof text == 'object' && text) {
options = text;
text = options.text;
}
else if (arguments.length) {
options.text = text;
}
if (!div) {
table = $('test-table');
div = createElement('div');
div.id = 'error-info';
table.parentNode.insertBefore(div, table.nextSibling);
}
if (options.clear) {
div.className = div.innerHTML = '';
errors.length = 0;
}
if ('text' in options && indexOf(errors, text) < 0) {
errors.push(text);
addClass(div, classNames.show);
appendHTML(div, text);
}
}
/**
* Sets the status text.
*
* @private
* @param {String} text The text to write to the status.
*/
function setStatus(text) {
setHTML('status', text);
}
/*--------------------------------------------------------------------------*/
/**
* Parses the window.location.hash value into an object assigned to `ui.params`.
*
* @static
* @memberOf ui
* @returns {Object} The suite instance.
*/
function parseHash() {
var me = this,
hashes = location.hash.slice(1).split('&'),
params = me.params || (me.params = {});
// remove old params
forOwn(params, function(value, key) {
delete params[key];
});
// add new params
each(hashes[0] && hashes, function(value) {
value = value.split('=');
params[value[0].toLowerCase()] = (value[1] || '').toLowerCase();
});
return me;
}
/**
* Renders the results table cell of the corresponding benchmark(s).
*
* @static
* @memberOf ui
* @param {Number} [index] The index of the benchmark to render.
* @returns {Object} The suite instance.
*/
function render(index) {
each(index == null ? (index = 0, ui.benchmarks) : [ui.benchmarks[index]], function(bench) {
var parsed,
cell = $(prefix + (++index)),
error = bench.error,
hz = bench.hz;
// reset title and class
cell.title = '';
cell.className = classNames.results;
// status: error
if (error) {
setHTML(cell, 'Error');
addClass(cell, classNames.error);
parsed = join(error, '