as.js

;(function(){
	function as(el, gun, cb, opt){
		el = $(el);
		if(gun === as.gui && as.el && as.el.is(el)){ return }

		opt = opt || {};
		opt.match = opt.match || '{{ ';
		opt.end = opt.end || ' }}';
		;(function(){ // experimental
			function nest(t, s,e, r, i,tmp,u){
				if(r && !r.length){ return t||'' }
				if(!t){ return [] }
				e = e || s;
				i = t.indexOf(s, i||0);
				if(0 > i){ return [] }
				tmp = t.indexOf(e, i+1);
				if(!r){ return [t.slice(i+s.length, tmp)].concat(nest(t, s,e, r, tmp,tmp,u)) }
				return t.slice(0,i)+r[0]+nest(t.slice(tmp+e.length), s,e, r.slice(1), 0,tmp,u);
			}

			/* experimental */
			function template(tag, attr){
				var html = (tag = $(tag))[0].outerHTML, sub, tmp;
				if(html && (0 > html.indexOf(opt.match))){ return }
				if(!attr){
					$.each(tag[0].attributes, function(i,v){
						if(!v){ return }
						if(!nest(v.value, opt.match, opt.end).length){ return }
						template(tag, v.name)
					});
					if((sub = tag.children()).length){
						return sub.each(function(){ template(this) });
					}
				}
				var data = [], plate = attr? tag.attr(attr) : tag.html();
				tmp = nest(plate, opt.match, opt.end);
				if(!tmp.length){ return }
				$.each(tmp, function(pos, match){
					var expr = match.split(' ');
					var path = (expr[0]).split('.');
					if(expr = expr.slice(1).join(' ')){
						expr = new Function("_", "b", "return (_)" + expr);
					}
					var val = (expr && expr('')) || '';
					data.push(val);
					if(!attr){ tag.text(val) }

					var ref = gun, sup = [], tmp;
					if(tmp = tag.attr('name')){ sup.push(tmp) }
					tag.parents("[name]").each(function(){
						sup.push($(this).attr('name'));
					});
					$.each(path = sup.reverse().concat(path), function(i,v){
						ref = ref.get(v);
					});
					ref.on(function(v){
						v = data[pos] = expr? expr(v) : v;
						var tmp = nest(plate, opt.match, opt.end, data);
						if(attr){
							tag.attr(attr, tmp);
						} else {
							tag.text(tmp);
						}
					});
				});
			}
			template(el);

		}());

		as.gui = gun;
		as.el = el;
		if(el.data('as')){
			el.html(el.data('as').fresh);
		} else {
			el.data('as', {
				fresh: el.html()
			})
		}
		el.find("[name]").each(function(){
			if($(this).find("[name]").length){ return }
			var name = $(this),
				parents = name.parents("[name]"),
				path = [],
				ref = gun;

			path.push(name.attr('name'));
			parents.each(function(){
				path.push($(this).attr('name'));
			});
			path = path.reverse();

			path.forEach(function(key){
				if('#' === key){
					ref = ref.map()
				} else {
					ref = ref.get(key);
				}
			});
			
			var many = path.slice().reverse().indexOf('#'), model;
			many = (0 < ++many)? many : false;
			if(many){
				model = name.closest("[name='#']");
				model = model.data('model') || model.data('model', {$: model.clone(), on: model.parent(), has: {}}).hide().data('model');
			} 

			ref.get(function(at){
				var data = at.put, key = at.get, gui = at.gun || at.$, ui = name, back;
				if(model){
					ui = model.has[(gui._).id];
					if(!ui){
						back = gui.back(many - 1);
						ui = model.has[(back._).id];
						if(!ui){
							if(!(back._).get){ return }
							ui = (model.has[(back._).id] = model.$.clone(true).prependTo(model.on));
						}
						ui = ui.find("[name='"+key+"']").first();
						model.has[(gui._).id] = ui;
					}
				}
				ui.data('gun', gui);
				if(ui.data('was') === data){ return }
				if(many && ui.is('.sort')){
					var up = ui.closest("[name='#']");
					var tmp = as.sort(data, up.parent().children().last());
					tmp? up.insertAfter(tmp) : up.prependTo(up.parent());
				}
				if(as.lock === gui){ return }
				if(!(data && data instanceof Object)){
					(ui[0] && u === ui[0].value)? ui.text(data) : ui.val(data);
				}
				ui.data('was', data);
				if(cb){
					cb(data, key, ui);
				}
			});
		});
	}
	as.wait = function(cb, wait, to){
		return function(a,b,c){
			var me = as.typing = this;
			clearTimeout(to);
			to = setTimeout(function(){
				cb.call(me, a,b,c);
				as.typing = me = false;
			}, wait || 200);
		}
	}
	as.sort = function sort(num, li){ return parseFloat(num) >= parseFloat($(li).find('.sort').text() || -Infinity)? li : sort(num, li.prev()) }
	$(document).on('keyup', 'input, textarea, [contenteditable]', as.wait(function(){
		var el = $(this);
		var data = (el[0] && u === el[0].value)? el.text() : el.val();
		var g = el.data('gun');
		if(!g){ return }
		as.lock = g;
		g.put(data);
	}, 99));
	//$(document).on('submit', 'form', function(e){ e.preventDefault() });
	var u;
	window.as = as;
	$.as = as;
}());

;(function(){
	$(document).on('click', 'a, button', function(e){
		var tmp = $(this).attr('href') || '';
		if(0 === tmp.indexOf('http')){ return }
		e.preventDefault();
		r(tmp);
	});
	function r(href){
		if(!href){ return }
		if(href[0] == '#'){ href = href.slice(1) }
		var h = href.split('/')[0];
		$('.page').hide();
		$('#' + h).show();
		if(r.on === h){ return }
		location.hash = href;
		(r.page[h] || {on:function(){}}).on();
		r.on = h;
		return r;
	};
	r.page = function(h, cb){
		r.page[h] = r.page[h] || {on: cb};
		return r;
	}
	r.render = function(id, model, onto, data){
		var $data = $(
			$('#' + id).get(0) ||
			$('.model').find(model).clone(true).attr('id', id).appendTo(onto)
		);
		$.each(data, function(field, val){
			if($.isPlainObject(val)){ return }
			$data.find("[name='" + field + "']").val(val).text(val);
		});
		return $data;
	}
	window.onhashchange = function(){ r(location.hash.slice(1)) };
	$.as && ($.as.route = r);
	if(window.as){
		as.route = r;
	} else {
		$.route = r;
	}
}());

;$(function(){
	$('.page').not(':first').hide();
	$.as.route(location.hash.slice(1));
	$(JOY.start = JOY.start || function(){ $.as(document, gun, null, JOY.opt) });

	if($('body').attr('peers')){ (console.warn || console.log)('Warning: Please upgrade <body peers=""> to https://github.com/eraeco/joydb#peers !') }

});
;(function(){ // need to isolate into separate module!
	var joy = window.JOY = function(){};
	joy.auth = function(a,b,cb,o){
		if(!o){ o = cb ; cb = 0 }
		if(o === true){
			gun.user().create(a, b);
			return;
		}
		gun.user().auth(a,b, cb,o);
	}

	var opt = joy.opt = window.CONFIG || {}, peers;
	$('link[type=peer]').each(function(){ (peers || (peers = [])).push($(this).attr('href')) });
	!window.gun && (opt.peers = opt.peers || peers || (function(){
		(console.warn || console.log)('Warning: No peer provided, defaulting to DEMO peer. Do not run in production, or your data will be regularly wiped, reset, or deleted. For more info, check https://github.com/eraeco/joydb#peers !');
		return ['https://gunjs.herokuapp.com/gun'];
	}()));
	window.gun = window.gun || Gun(opt);

	gun.on('auth', function(ack){
		console.log("Your namespace is publicly available at", ack.soul);
	});
}());