frame.debug.js

/*! LAB.js (LABjs :: Loading And Blocking JavaScript)
    v2.0.3 (c) Kyle Simpson
    MIT License
*/
(function(o){var K=o.$LAB,y="UseLocalXHR",z="AlwaysPreserveOrder",u="AllowDuplicates",A="CacheBust",B="BasePath",C=/^[^?#]*\//.exec(location.href)[0],D=/^\w+\:\/\/\/?[^\/]+/.exec(C)[0],i=document.head||document.getElementsByTagName("head"),L=(o.opera&&Object.prototype.toString.call(o.opera)=="[object Opera]")||("MozAppearance"in document.documentElement.style),q=document.createElement("script"),E=typeof q.preload=="boolean",r=E||(q.readyState&&q.readyState=="uninitialized"),F=!r&&q.async===true,M=!r&&!F&&!L;function G(a){return Object.prototype.toString.call(a)=="[object Function]"}function H(a){return Object.prototype.toString.call(a)=="[object Array]"}function N(a,c){var b=/^\w+\:\/\//;if(/^\/\/\/?/.test(a)){a=location.protocol+a}else if(!b.test(a)&&a.charAt(0)!="/"){a=(c||"")+a}return b.test(a)?a:((a.charAt(0)=="/"?D:C)+a)}function s(a,c){for(var b in a){if(a.hasOwnProperty(b)){c[b]=a[b]}}return c}function O(a){var c=false;for(var b=0;b<a.scripts.length;b++){if(a.scripts[b].ready&&a.scripts[b].exec_trigger){c=true;a.scripts[b].exec_trigger();a.scripts[b].exec_trigger=null}}return c}function t(a,c,b,d){a.onload=a.onreadystatechange=function(){if((a.readyState&&a.readyState!="complete"&&a.readyState!="loaded")||c[b])return;a.onload=a.onreadystatechange=null;d()}}function I(a){a.ready=a.finished=true;for(var c=0;c<a.finished_listeners.length;c++){a.finished_listeners[c]()}a.ready_listeners=[];a.finished_listeners=[]}function P(d,f,e,g,h){setTimeout(function(){var a,c=f.real_src,b;if("item"in i){if(!i[0]){setTimeout(arguments.callee,25);return}i=i[0]}a=document.createElement("script");if(f.type)a.type=f.type;if(f.charset)a.charset=f.charset;if(h){if(r){e.elem=a;if(E){a.preload=true;a.onpreload=g}else{a.onreadystatechange=function(){if(a.readyState=="loaded")g()}}a.src=c}else if(h&&c.indexOf(D)==0&&d[y]){b=new XMLHttpRequest();b.onreadystatechange=function(){if(b.readyState==4){b.onreadystatechange=function(){};e.text=b.responseText+"\n//@ sourceURL="+c;g()}};b.open("GET",c);b.send()}else{a.type="text/cache-script";t(a,e,"ready",function(){i.removeChild(a);g()});a.src=c;i.insertBefore(a,i.firstChild)}}else if(F){a.async=false;t(a,e,"finished",g);a.src=c;i.insertBefore(a,i.firstChild)}else{t(a,e,"finished",g);a.src=c;i.insertBefore(a,i.firstChild)}},0)}function J(){var l={},Q=r||M,n=[],p={},m;l[y]=true;l[z]=false;l[u]=false;l[A]=false;l[B]="";function R(a,c,b){var d;function f(){if(d!=null){d=null;I(b)}}if(p[c.src].finished)return;if(!a[u])p[c.src].finished=true;d=b.elem||document.createElement("script");if(c.type)d.type=c.type;if(c.charset)d.charset=c.charset;t(d,b,"finished",f);if(b.elem){b.elem=null}else if(b.text){d.onload=d.onreadystatechange=null;d.text=b.text}else{d.src=c.real_src}i.insertBefore(d,i.firstChild);if(b.text){f()}}function S(c,b,d,f){var e,g,h=function(){b.ready_cb(b,function(){R(c,b,e)})},j=function(){b.finished_cb(b,d)};b.src=N(b.src,c[B]);b.real_src=b.src+(c[A]?((/\?.*$/.test(b.src)?"&_":"?_")+~~(Math.random()*1E9)+"="):"");if(!p[b.src])p[b.src]={items:[],finished:false};g=p[b.src].items;if(c[u]||g.length==0){e=g[g.length]={ready:false,finished:false,ready_listeners:[h],finished_listeners:[j]};P(c,b,e,((f)?function(){e.ready=true;for(var a=0;a<e.ready_listeners.length;a++){e.ready_listeners[a]()}e.ready_listeners=[]}:function(){I(e)}),f)}else{e=g[0];if(e.finished){j()}else{e.finished_listeners.push(j)}}}function v(){var e,g=s(l,{}),h=[],j=0,w=false,k;function T(a,c){a.ready=true;a.exec_trigger=c;x()}function U(a,c){a.ready=a.finished=true;a.exec_trigger=null;for(var b=0;b<c.scripts.length;b++){if(!c.scripts[b].finished)return}c.finished=true;x()}function x(){while(j<h.length){if(G(h[j])){try{h[j++]()}catch(err){}continue}else if(!h[j].finished){if(O(h[j]))continue;break}j++}if(j==h.length){w=false;k=false}}function V(){if(!k||!k.scripts){h.push(k={scripts:[],finished:true})}}e={script:function(){for(var f=0;f<arguments.length;f++){(function(a,c){var b;if(!H(a)){c=[a]}for(var d=0;d<c.length;d++){V();a=c[d];if(G(a))a=a();if(!a)continue;if(H(a)){b=[].slice.call(a);b.unshift(d,1);[].splice.apply(c,b);d--;continue}if(typeof a=="string")a={src:a};a=s(a,{ready:false,ready_cb:T,finished:false,finished_cb:U});k.finished=false;k.scripts.push(a);S(g,a,k,(Q&&w));w=true;if(g[z])e.wait()}})(arguments[f],arguments[f])}return e},wait:function(){if(arguments.length>0){for(var a=0;a<arguments.length;a++){h.push(arguments[a])}k=h[h.length-1]}else k=false;x();return e}};return{script:e.script,wait:e.wait,setOptions:function(a){s(a,g);return e}}}m={setGlobalDefaults:function(a){s(a,l);return m},setOptions:function(){return v().setOptions.apply(null,arguments)},script:function(){return v().script.apply(null,arguments)},wait:function(){return v().wait.apply(null,arguments)},queueScript:function(){n[n.length]={type:"script",args:[].slice.call(arguments)};return m},queueWait:function(){n[n.length]={type:"wait",args:[].slice.call(arguments)};return m},runQueue:function(){var a=m,c=n.length,b=c,d;for(;--b>=0;){d=n.shift();a=a[d.type].apply(null,d.args)}return a},noConflict:function(){o.$LAB=K;return m},sandbox:function(){return J()}};return m}o.$LAB=J();(function(a,c,b){if(document.readyState==null&&document[a]){document.readyState="loading";document[a](c,b=function(){document.removeEventListener(c,b,false);document.readyState="complete"},false)}})("addEventListener","DOMContentLoaded")})(this);

/* Frame.js (Javascript Job Manager)
	v1. (c) Bishop Zareh
	MIT License
*/
(function(global){

	///////////////////////////////////////////////////////
	// Main interface

	global.Frame = function(a, b){
		var args = _makeArray(arguments);
		if (a instanceof Array){ 
			for(var v in a) { args[0] = a[v]; Frame.apply(null, args); }; 
		} else {
			switch(typeof a){
				case 'string': return Frame.lib.apply(null, args); break;
				case 'number': return Frame.soon.apply(null, _rewrap.apply(null, args)); break;
				case 'function': return Frame.soon.apply(null, args);  break;
				case 'undefined': return Frame.next.apply(null, args);  break; 
				default: 
					args.unshift('Unidentified input: '); 
					Frame.error.apply(null, args); 
					return args; 
				break;
			}
		}
	};

	// for production version 
	// var Fn = Frame;
	// var no = function(){}; 

	// helper for arrays
	var _makeArray = function(a) { return [].slice.call(a, 0); };
	Frame.array = _makeArray;

	// helper for setTimeouts
	var _rewrap = function(){ 
		var props = _makeArray(arguments),
			delay = props.shift(),
			fn = props.shift();

		props.unshift(function(){
			var args = _makeArray(arguments);
			setTimeout(function() { 
				fn.apply(null, args);
			}, delay); 
		});
		return props;
	};

	// TODO: better parallels?
	// TODO: yepnope?
	
	///////////////////////////////////////////////////////
	// Library loader

	var _libs = [];

	// Init Lib Loader
	// add existing script tags to the list of libraries 
	var existing = document.getElementsByTagName( "script" );
	for(i in existing){
		if(typeof existing[i].hasAttribute !== 'undefined'){
			if (existing[i].hasAttribute("src")){
				_libs.push(existing[i].getAttribute('src')); 
			}
		}
	};

	Frame.script = $LAB.script;

	Frame.libs = 
	Frame.library = function(){ return _libs; }; // return list of loaded libs
	Frame.lib = function(a, b){  // explicitly run $LAB
		var args = _makeArray(arguments);
		var _loaded = false;
		// process the input types differently
		if (typeof a === 'string'){
			for(var v in _libs){ if (_libs[v] === a) { _loaded = true; } }
		} else if (a instanceof Array){
			var all = 0;
			for(var l in a){ 
				for(var v in _libs){ 
					if (_libs[v] === a[l]) { all++; } 
			} }
			if(all === a.length){ _loaded = true; }
		} else if (typeof a === 'object' && typeof a.src !== 'undefined'){
			for(var v in _libs){ if (_libs[v] === a.src) { _loaded = true; } }
		}
		if (!_loaded) {
			Frame(function(){ 
				$LAB.script(a).wait( function(){ 
					if (typeof a ==='string'){
						_libs.push(a); 
					} else if (a instanceof Array){
						for(var l in a){ _libs.push(a[l]); }
					} else if (typeof a === 'object' && typeof a.src !== 'undefined'){
						_libs.push(a.src); 
					}
					Frame.log('Library loaded: '+ a); 
					if (typeof b == 'function') {
						args[0] = Frame.next; 
						b.apply(null, args); 
					} else { Frame(); } 
				});
			}); 
		} else { 
			Frame.log('Library already loaded, skipping: '+ a);  
			if (typeof b == 'function') { b(function(){}, a); }
		}
		return args;
	}; 
	
	
	
	///////////////////////////////////////////////////////
	// Unit testing
	
	var _keeper = false, // promise keeper, sort of, TODO: make a real promise keeper
		_timer	= false, // unit test
		_speed	= false, // unit test
		_speeds	= []; 	
	
	Frame.running               = false;
	Frame.last                  = false;
	Frame.useTimeout            = true;
	Frame.overrideTimeoutLength = false;
	Frame.baseTimeout           = 265;
	Frame.testDuration          = 1250;
	Frame.machineSpeed          = 3; // higher is slower
	Frame.timeout               = Frame.baseTimeout * Frame.machineSpeed;
	Frame.keeperSteps           = 5;
	Frame.keeperDuration        = Frame.timeout / Frame.keeperSteps;
	
	Frame.resetTimeout = function(){
		Frame.timeout = (Frame.overrideTimeoutLength) 
			? Frame.overrideTimeoutLength 
			: Frame.baseTimeout * Frame.machineSpeed;
		Frame.keeperDuration = Frame.timeout / Frame.keeperSteps;
		return Frame.timeout;
	};

	// Machine Speed Test
	Frame.speedTest = function (a){
		if (Frame.useTimeout) {
			var _ticks = 1;
			var _ticker = setInterval(function(){ _ticks++; }, 1);
			setTimeout(function(){
				_ticker = clearInterval(_ticker); _ticker = false;
				Frame.machineSpeed = Math.ceil(Frame.testDuration/_ticks);
				if (Frame.machineSpeed < 1) { Frame.machineSpeed = 1; }
				Frame.resetTimeout();
				Frame.log('Speed test complete, Speed Rating: '+ Frame.machineSpeed + ', Timeout set to: '+ Frame.timeout);
				if (typeof a === 'function') { a.apply(Frame, _makeArray(arguments).splice(1)) }
			}, Frame.testDuration);
			return 'Speed Test running...';
		}
	};

	// Speed report
	Frame.report = function(){ Frame.log('speeds ', _speeds.splice(1)); }

	//////////////////
	/////  Internals

	// Start a unit
	var _start = function(){
		Frame.running = true; // update global
		if(Frame.debug > 4) { Frame.log(Frame.last); } // debug
		else if(Frame.debug > 3) { 
			Frame.log(
				'---- ' + (_speed || 0) + 'ms', 
				'queue: '+ _queue.length, 
				'later: '+_later.length, 
				' ----' ); 
		} 

		// speed test
		_speeds.push(_speed);
		_speed = 0; 
		_clear();

		// promise keeper
		if (Frame.useTimeout) {
			_timer = setInterval(function(){_speed++;}, 1);
			_keeper = setInterval(function(){
				if (_speed > Frame.timeout){
					Frame.error('Timed out after '+_speed, Frame.last);
					Frame();
				}
			}, Frame.keeperDuration );
		}
	};

	// Unit is done!
	var _stop = function(){
		if(Frame.debug > 3) { Frame.log('---- Frame done ----'); } // debug
		_clear();
		Frame.running = false; 
	};
	
	// Clear intervals
	var _clear = function(){
		_keeper = clearInterval(_keeper); _keeper = false; // oddly this seems like the best way to clear an interval
		_timer = clearInterval(_timer); _timer = false;
	};


	///////////////////////////////////////////////////////
	// Queue functions

	var _queue = [],
		_qArgs = [],
		_later = [],
		_lArgs = [];

	Frame.queue = function(){ return _queue.concat(_later); } // returns the existing queue
	Frame.args = function(){ return _qArgs.concat(_lArgs); } // returns the existing queue
	Frame.len = 
	Frame.count = function(){ return (_queue.length + _later.length); } // returns length of the queue

	Frame.soon = function(a){ // add function to queue
		var args = _makeArray(arguments);
		if (typeof a === 'number') { return Frame.apply(null, args); } 
		else if (typeof a ==='function'){ 
			_qArgs.push(args.splice(1));
			if (Frame.debug > 4){ Frame.log('Frame added soon', Frame.count()); }
			return _queue.push(a); 
		} 
		return false;
	};

	Frame.bump = 
	Frame.double = function(){ // add function to queue
		var args = _makeArray(arguments);
		if (Frame.debug > 4){ Frame.log('Frame doubled', args); };
		Frame(function(next){
			Frame.apply(null, args);
			next();
		});
		return args;
	};

	Frame.now = function(a){ // prepend to queue
		var args = _makeArray(arguments);
		if (typeof a === 'number') { return Frame.now.apply(null, _rewrap.apply(null, args)); } 
		else if(typeof a ==='function'){ 
			_qArgs.unshift(args.splice(1));
			if (Frame.debug > 4){ Frame.log('Frame added now', Frame.count()); }
			return _queue.unshift(a); 
		}
		return false;
	};

	Frame.later = function(a){ // run when main queue is empty
		var args = _makeArray(arguments);
		if (typeof a === 'number') { return Frame.later.apply(null, _rewrap.apply(null, args)); } 
		else if(typeof a ==='function'){ 
			_lArgs.push(args.splice(1));
			if (Frame.debug > 4){ Frame.log('Frame added later', Frame.count()); } 
			return _later.push(a); 			
		}
		return false;
	};

	Frame.next = function(a){ // go to next item in queue
		var args = _makeArray(arguments);

		if(_queue.length > 0){
			Frame.last = _qArgs.shift();
			Frame.last.unshift( _queue.shift() ); 
			Frame.last = Frame.last.concat(args); // add any waterfall arguments
			Frame.stack.push(Frame.last);
			return _run.apply(null, Frame.last);
		} else if (_later.length > 0){
			Frame.last = _lArgs.shift();
			Frame.last.unshift( _later.shift() ); 
			Frame.last = Frame.last.concat(args); 
			Frame.stack.push(Frame.last);
			return _run.apply(null, Frame.last);
		} else {
			_stop();
			return false;
		}
	}; 
	
	Frame.go =
	Frame.begin =
	Frame.start =
	Frame.init = function(){ // start Frame queue
		if (Frame.running === false){ Frame.title('Frame started'); Frame.next(); return true; } 
		else { Frame.title('Frame already running'); return false; }
	};

	var _run = function(fn){ // the magic
		var args = _makeArray(arguments);
		if (typeof fn === 'function') { 
			_start();
			try { // only catches some errors, but has minimal speed impact and adds safety
				// replace the first argument with the callback function
				// callback is next() instead of Frame(), so waterfall args can be passed in
	 			args[0] = Frame.next; 
	 			return fn.apply(null, args);
	 		} catch(e) {
	 			_clear();
	 			Frame.error(e, Frame.last);
	 			Frame(); // move on
	 			return e;
	 		}
	 		return true;
		} else {
			_stop(); // doubled up here for safety
			return false;
		}
	}; 

	///////////////////////////////////////////////////////
	// Debug suite (debug version only)
	// Frame.debug = 0; // silent
	// Frame.debug = 1; // log only
	// Frame.debug = 2; // logs & errors
	// Frame.debug = 3; // titles, logs & errors
	// Frame.debug = 4; // titles, logs & errors, and additional start and stop messages
	
	Frame.debug = 0; // default debug level
	Frame.errors = [];
	Frame.stack = [];
	
	Frame.log = function(){ 
		var args = _makeArray(arguments);
		Frame.stack.push(args);
		if (Frame.debug > 0) {
			try {
				console.log.apply(console, args);
			} catch(e) {
				Frame.errors.push(args.shift(e));
			}
		}
	};

	Frame.title = function(a){ 
		var args = _makeArray(arguments);
		if (Frame.debug > 2) {
			args.unshift('Frame Title: ');
			Frame.log.apply(document, args);
		}
	}; 
	
	Frame.error =  function(a){ 
		var args = _makeArray(arguments);
		Frame.errors.push(args);
		if (Frame.debug > 1) {
			args.unshift('Frame Error: ');
			Frame.log.apply(document, args);
		}
	};

	
	///////////////////////////////////////////////////////
	// Start it up!
	
	Frame.resetTimeout();
	
	// queue a speed test in the later queue
	Frame.later(function(){
		Frame.speedTest(Frame.next);
	});

	Frame.title('Frame Finished Loading');

})(exports = this.exports || this || {});