var bricks = window.bricks || {};

var tooltip = null;

bricks.createTooltip = function(){
	tooltip = document.createElement('div');
	tooltip.className = 'tooltip';
	tooltip.style.left = '50%';
	tooltip.style.trabsform = 'translateX(-50%)';
	var mouseoutHandler = (event) => {
		event.target.removeChild(tooltip);
	}
	window.addEventListener('mouseover', event => {
		if (!event.target.tooltop) return true;
		tooltip.textContent = event.target.tooltip;
		event.target.addEventListener(
				'mouseout',
				mouseoutHandler,
				{once:true}
		);
	});
}
	
bricks.app = null;
/*
all type of bind action's desc has the following attributes:
	actiontype:'bricks',
	wid:
	event:
	target:
datawidget:
datascript:
datamethod:
datakwargs:
rtdata:
conform:
and each type of binds specified attributes list following

urlwidget action:
mode:,
options:{
	method:
	params:{},
	url:
}

bricks action:
mode:,
options:{
	"widgettype":"gg",
	...
}

method action:
method:
params: for methods kwargs


script action:
script:
params:

registerfunction action:
rfname:
params:

event action:
dispatch_event:
params:
*/

bricks.widgetBuild = async function(desc, widget){
	if (! widget){
		widget = bricks.Body;
	}
	const klassname = desc.widgettype;
	var base_url = null;
	if (klassname == 'urlwidget'){
		let url = absurl(desc.options.url, widget);
		base_url = url;
		let method = desc.options.method || 'GET';
		let opts = desc.options.params || {};
		var jcall = bricks.jcall;
		desc = await jcall(url, { "method":method, "params":opts});
	} else {
		base_url = widget.baseURI;
	}
	let klass = bricks.Factory.get(desc.widgettype);
	if (! klass){
		console.log('widgetBuild():',desc.widgettype, 'not registered', bricks.Factory.widgets_kw);
		return null;
	}
	desc.options.baseURI = base_url;
	let w = new klass(desc.options);
	if (desc.hasOwnProperty('id')){
		w.set_id(desc.id);
	}
	if (desc.hasOwnProperty('subwidgets')){
		for (let i=0; i<desc.subwidgets.length; i++){
			let sdesc = desc.subwidgets[i];
			let sw = await (bricks.widgetBuild(sdesc, w));
			if ( sw ){
				w.add_widget(sw);
			} else {
				console.log('widgetBuild() error: sdesc=', sdesc);
			}
		}
	}
	if (desc.hasOwnProperty('binds')){
		for (var i=0;i<desc.binds.length; i++){
			bricks.buildBind(w, desc.binds[i]);
		}
	}
	return w;
}

bricks.buildBind = function(w, desc){
	var widget = bricks.getWidgetById(desc.wid, w);
	if (!widget){
		cnsole.log('desc wid not find', desc);
		return;
	}
	var event = desc.event;
	bricks.buildEventBind(w, widget, event, desc);
}

bricks.buildEventBind = function(from_widget, widget, event, desc){
	var handler = bricks.universal_handler.bind(null,from_widget, widget, desc);
	if (desc.conform){
		var conform_widget = await (bricks.widgetBuild(desc.conform, widget));
		conform_widget.bind('on_conform', handler);
		handler = conform_widget.open.bind(conform_widget);
	}
	widget.bind(event, handler);
	
}

bricks.universal_handler = function(from_widget, widget, desc, event){
	debug('universal_handler() info', 'from_widget=', 
						from_widget,
						'widget=', widget, 
						'desc=', desc,
						event);
	var f = bricks.buildEventHandler(from_widget, desc);
	if (f){
		return f(event);
	}
	debug('universal_handler() error', 'from_widget=', 
						from_widget,
						'widget=', widget, 
						'desc=', desc,
						event);
}
bricks.buildEventHandler = function(w, desc){
	var target = bricks.getWidgetById(desc.target, w);
	if (! target){
		console.log('target miss desc=', desc, 'w=', w);
		return null
	}
	var rtdata = null;
	if (desc.rtdata) rtdata = desc.rtdata;
	else if (desc.datawidget){
		var data_desc = {
			widget:desc.datawidget,
			method:desc.datamethod,
			params:desc.dataparams,
			script:desc.datascript
		}
		rtdata = bricks.getRealtimeData(w, data_desc);
	}
	switch (desc.actiontype){
		case 'urlwidget':
			return bricks.buildUrlwidgetHandler(w, target, rtdata, desc);
			break;
		case 'bricks':
			return bricks.buildBricksHandler(w, target, rtdata, desc);
			break;
		case 'registerfunction':
			return bricks.buildRegisterFunction(w, target, rtdata, desc);
			break;
		case 'method':
			return bricks.buildMethodHandler(w, target, rtdata, desc);
			break;
		case 'script':
			var f = bricks.buildScriptHandler(w, target, rtdata, desc);
			return f;
			break;
		case 'event':
			return bricks.buildDispatchEventHandler(w, target, rtdata, desc);
			break;
		default:
			console.log('invalid actiontype', target, desc);
			break;
	}
}
bricks.getRealtimeData = function(w, desc){
	var target = bricks.getWidgetById(desc.widget, w);
	var f;
	if (! target){
		console.log('target miss', desc);
		return null
	}
	if (desc.method){
		f = buildMethodHandler(null, target, null, desc)
		return f();
	}
	if (desc.script){
		f = buildScriptHandler(null, target, null, desc)
		return f();
	}
	debug('getRealtimeData():desc=', desc, 'f=', f);
	return null;
}

bricks.buildUrlwidgetHandler = function(w, target, rtdata, desc){
	var f = async function(target, mode, options){
		console.log('target=', target, 'mode=', mode, 'options=', options);
		var w = await (bricks.widgetBuild(options, w));
		if (!w){
			console.log('options=', options, 'widgetBuild() failed');
			return;
		}
		if (mode == 'replace'){
			target.clear_widgets();
		}
		target.add_widget(w);
	}
	var options = objcopy(desc.options);
	extend(options.params, rtdata);
	var opts = {
		"widgettype":"urlwidget",
		"options":options
	}
	return f.bind(target, target, desc.mode || 'replace', opts);
}
bricks.buildBricksHandler = function(w, target, rtdata, desc){
	var f = async function(target, mode, options){
		console.log('target=', target, 'mode=', mode, 'options=', options);
		var w = await (bricks.widgetBuild(options, wa));
		if (!w){
			console.log('options=', options, 'widgetBuild() failed');
			return;
		}
		if (mode == 'replace'){
			target.clear_widgets();
		}
		target.add_widget(w);
	}
	var options = objcopy(desc.options);
	extend(options.options, rtdata);
	return f.bind(target, target, desc.mode || 'replace', options);
}
bricks.buildRegisterFunctionHandler = function(w, target, rtdata, desc){
	var f = objget(registerfunctions, desc.rfname);
	if( ! f){
		console.log('rfname:', desc.rfname, 'not registed', desc);
		return null;
	}
	var params = {};
	if (desc.params){
		extend(params, desc.params);
	}
	if (rtdata){
		extend(params, rtdata);
	}
	return f.bind(target, params);
}
bricks.buildMethodHandler = function(w, target, rtdata, desc){
	var f = target[desc.method];
	if (! f){
		console.log('method:', desc.method, 'not exists in', target, 'w=', w);
		return null;
	}
	var params = {};
	extend(params, desc.params)
	extend(params, rtdata);
	return f.bind(target, params);
}
bricks.buildScriptHandler = function(w, target, rtdata, desc){
	var params = {};
	extend(params, desc.params)
	extend(params, rtdata);
	var f = new Function('target', 'params', 'event', desc.script);
	console.log('params=', params, 'buildScriptHandler() ..........');
	return f.bind(target, target, params);
}
bricks.buildDispatchEventHandler = function(w, target, rtdata, desc){
	var params = {};
	extend(params, desc.params)
	extend(params, rtdata);
	var f = function(target, event_name, params){
		target.dispatch(event_name, params);
	}
	return f.bind(target, params);
}

bricks.getWidgetById = function(id, from_widget){
	if (! id){
		return from_widget;
	}
	if (typeof(id) != 'string') return id;
	var ids = id.split('/');
	var el = from_widget.dom_element;
	var new_el = null;
	var j = 0;
	for (var i=0; i< ids.length; i++){
		if (i == 0){
			if (ids[i] == 'self'){
				el = from_widget.dom_element;
				continue;
			}
			if (ids[i]=='root'){
				el = bricks.app.root.dom_element;
				continue;
			}
			if (ids[i]=='app'){
				return bricks.app;
			}
			if (ids[i] == 'window'){
				el = bricks.Body.dom_element;
				continue;
			}
		}
				
		try {
			if (ids[i][0] == '-'){
				var wid = substr(1, ids[i].length - 1)
				new_el = el.closest('#' + wid);
			} else {
				new_el = el.querySelector('#' + ids[i]);
			}
		}
		catch(err){
			console.log('getWidgetById():i=', ids[i], id, 'not found', err);
			return null;
		}
		if ( new_el == null ){
			console.log('getWidgetById():', id, from_widget, 'el=', el, 'id=', ids[i]);
			return null;
		}
		el = new_el;
	}
	if (typeof(el.bricks_widget) !== 'undefined'){
		console.log('getWidgetById():', id, from_widget, el, 'widget');
		return el.bricks_widget;
	}
	return el;
}

bricks.App = class {
	constructor(opts){
		/*
		opts = {
			login_url:
			"charsize:
			"language":
			"i18n":{
				"url":'rrr',
				"default_lang":'en'
			},
			"widget":{
				"widgettype":"Text",
				"options":{
				}
			}
		}
		*/
		this.opts = opts;
		bricks.app = this;
		this.login_url = opts.login_url;
		this.charsize = this.opts.charsize || 20;
		if (this.opts.language){
			this.lang = this.opts.language;
		}
		else {
			this.lang = navigator.language;
		}
		this.textList = [];
		this.i18n = new bricks.I18n(objget(opts, 'i18n', {}));
		this.session_id = null;
		bricks.createTooltip();
	}
	save_session(session){
		this.session_id = session;
	}
	get_session(){
		return this.session_id;
	}
	get_textsize(ctype){
		var tsize = this.charsize;
		var stimes = {
			"text":1.0,
			"title1":1.96,
			"title2":1.80,
			"title3":1.64,
			"title4":1.48,
			"title5":1.32,
			"title6":1.16
		}
		tsize = parseInt(stimes[ctype] * tsize);
		return tsize + 'px';
	}
	text_ref(textWidget){
		this.textList.push(new WeakRef(textWidget));
	}
	text_remove_dead(){
		var tList = this.textList;
		for (var i=0;i<tList.length;i++){
			if (! tList[i].deref()){
				this.textList.remove(tList[i]);
			}
		}
	}
	async setup_i18n(){
		let params = {'lang':this.lang};
		var jcall = bricks.jcall;
		d = await jcall(desc.url, {
					"method":desc.method||'GET', params:params});
		this.i18n.setup_dict(d);
	}
	async build(){
		var opts = structuredClone(this.opts.widget);
		var w = await (bricks.widgetBuild(opts, bricks.Body));
		if (!w){
			console.log('w=', w, 'Body=', bricks.Body, 'Factory=', bricks.Factory)
		}
		return w;
	}
	async run(){
		await (this.change_language(this));
		var w = await (this.build());
		this.root = w;
		if (!w){
			console.log('w=', w, 'Body=', bricks.Body, 'Factory=', bricks.Factory)
			return null;
		}
		bricks.Body.add_widget(w);
	}
	textsize_bigger(){
		this.charsize = this.charsize * 1.05;
		this.text_resize();
	}
	textsize_smaller(){
		this.charsize = this.charsize * 0.95;
		this.text_resize();
	}
	text_resize = function(){
		for (var i=0;i<this.textList.length;i++){
			if(this.textList[i].deref()){
				var w = this.textList[i].deref();
				var ts = this.get_textsize(w.ctype);
				w.change_fontsize(ts);
			}
		}
	}
	change_language = async function(lang){
		this.lang = lang;
		await (this.i18n.change_lang(lang));
		for (var i=0;i<this.textList.length;i++){
			if(this.textList[i].deref()){
				var w = this.textList[i].deref();
				if (w.opts.i18n) {
					w.set_i18n_text();
				}
			}
		}
	}
}