violentmonkey/options.js

var L=$('#sList'),cur=null,C=$('.content');
zip.workerScriptsPath='lib/zip.js/';
initI18n();
function split(t){return t.replace(/^\s+|\s+$/g,'').split(/\s*\n\s*/).filter(function(e){return e;});}
function getName(d,n,def){
	d.title=n||'';
	d.innerHTML=n?n.replace(/&/g,'&amp;').replace(/</g,'&lt;'):(def||'<em>'+_('labelNoName')+'</em>');
}

// Main options
function allowUpdate(n){
	return n.update&&(
		n.custom.updateURL||n.meta.updateURL
		||n.custom.downloadURL||n.meta.downloadURL||n.custom.lastInstallURL
	);
}
function setIcon(n,d){
	d.src=cache[n.meta.icon]||'images/icon48.png';
}
function getAuthor(a,n){
	var m=n.match(/^(.*?)\s<(\S*?@\S*?)>$/),t=_('labelAuthor');
	if(m) a.innerHTML=t+'<a href=mailto:'+m[2]+'>'+m[1]+'</a>';
	else {
		if(n) n=t+n;a.innerText=n;
	}
}
function modifyItem(r){
	var o=map[r.id],d=o.div,n=o.obj;
	if(r.message) d.querySelector('.message').innerHTML=r.message;
	d.className=n.enabled?'':'disabled';
	var a=d.querySelector('.update');
	if(a) a.disabled=r.updating;
	a=d.querySelector('.name');
	getName(a,n.custom.name||n.meta.name);
	if(o=n.custom.homepageURL||n.meta.homepageURL||n.meta.homepage) a.href=o;	// compatible with @homepage
	if(o=n.meta.supportURL) {
		a=d.querySelector('.support');a.classList.remove('hide');
		a.href=o;a.title=_('hintSupportPage');
	}
	getAuthor(d.querySelector('.author'),n.meta.author||'');
	a=d.querySelector('.descrip');
	getName(a,n.meta.description||'','&nbsp;');
	setIcon(n,d.querySelector('.icon'));
	a=d.querySelector('.enable');
	a.innerHTML=n.enabled?_('buttonDisable'):_('buttonEnable');
}
function loadItem(o,r){
	var d=o.div,n=o.obj;if(!r) r={id:n.id};
	d.innerHTML='<img class=icon>'
	+'<div class=panelH>'
		+'<a class="name ellipsis" target=_blank></a>'
		+'<a class="support hide" target=_blank>?</a>'
		+'<span class=version>'+(n.meta.version?'v'+n.meta.version:'')+'</span>'
		+'<span class=author></span>'
	+'</div>'
	+'<div class=panelT>'
		+'<span class=move data=move>&equiv;</span>'
	+'</div>'
	+'<p class="descrip ellipsis"></p>'
	+'<div class=panelB>'
		+'<button data=edit>'+_('buttonEdit')+'</button> '
		+'<button data=enable class=enable></button> '
		+'<button data=remove>'+_('buttonRemove')+'</button> '
		+(allowUpdate(n)?'<button data=update class=update>'+_('buttonUpdate')+'</button> ':'')
		+'<span class=message></span>'
	+'</div>';
	modifyItem(r);
}
function addItem(o){
	o.div=document.createElement('div');
	loadItem(o);
	L.appendChild(o.div);
}
(function(){
	function getSource(e){
		var o=e.target,p,i;
		for(p=o;p&&p.parentNode!=L;p=p.parentNode);
		i=Array.prototype.indexOf.call(L.childNodes,p);
		return [i,p,o];
	}
	function moveItem(e){
		var m=getSource(e);if(m[0]<0) return;
		if(m[0]>=0&&m[0]!=t) {
			e=m;m=e[1];if(e[0]>t) m=m.nextSibling;
			L.insertBefore(o[1],m);
			t=e[0];
		}
	}
	function movedItem(e){
		if(!moving) return;moving=false;
		o[1].classList.remove('moving');
		L.onmousemove=L.onmouseup=null;L.onmousedown=startMove;
		if(o[0]!=t) {
			chrome.runtime.sendMessage({cmd:'Move',data:{id:ids[o[0]],offset:t-o[0]}});
			var s=t>o[0]?1:-1,i=o[0],x=ids[i];
			for(;i!=t;i+=s) ids[i]=ids[i+s];
			ids[t]=x;
		}
	}
	function startMove(e){
		o=getSource(e);t=o[0];
		if(o[2].getAttribute('data')=='move') {
			if(moving) return;moving=true;
			e.preventDefault();
			o[1].classList.add('moving');
			L.onmousedown=null;
			L.onmousemove=moveItem;
			L.onmouseup=movedItem;
		}
	}
	var maps={
		edit:function(i){
			E.cur=map[ids[i]];
			chrome.runtime.sendMessage({cmd:'GetScript',data:ids[i]},gotScript);
		},
		enable:function(i,p,o){
			var e=map[ids[i]].obj;
			chrome.runtime.sendMessage({cmd:'UpdateMeta',data:{id:e.id,enabled:!e.enabled?1:0}});
		},
		remove:function(i,p){
			chrome.runtime.sendMessage({cmd:'RemoveScript',data:ids[i]});
			delete map[ids.splice(i,1)[0]];
			L.removeChild(p);
		},
		update:function(i){
			chrome.runtime.sendMessage({cmd:'CheckUpdate',data:ids[i]});
		}
	},o,t,moving=false;
	L.onmousedown=startMove;
	L.onclick=function(e){
		var o=getSource(e),d=o[2].getAttribute('data'),f=maps[d];
		if(f) {
			e.preventDefault();
			f.apply(this,o);
		}
	};
})();
$('#bNew').onclick=function(){chrome.runtime.sendMessage({cmd:'NewScript'},function(o){
	E.cur=null;gotScript(o);
});};
$('#bUpdate').onclick=function(){chrome.runtime.sendMessage({cmd:'CheckUpdateAll'});};
function switchTab(e){
	var h,o;
	if(e) {
		e=e.target;h=e.getAttribute('href').substr(1);
	} else {
		h=location.hash||'#Installed';
		h=h.substr(1);
		e=$('#sm'+h);
	}
	o=C.querySelector('#tab'+h);
	if(!o) return switchTab({target:$('#smInstalled')});
	if(cur) {
		cur.menu.classList.remove('selected');
		cur.tab.classList.add('hide');
	}
	cur={menu:e,tab:o};
	e.classList.add('selected');
	o.classList.remove('hide');
	switch(h) {	// init
		case 'Settings':xLoad();break;
	}
}
$('.sidemenu').onclick=switchTab;
function confirmCancel(dirty){
	return !dirty||confirm(_('confirmNotSaved'));
}

// Advanced
var H=$('#iImport'),V=$('#bVacuum');
$('#cUpdate').onchange=function(){chrome.runtime.sendMessage({cmd:'AutoUpdate',data:this.checked});};
H.onchange=function(e){
	zip.createReader(new zip.BlobReader(e.target.files[0]),function(r){
		r.getEntries(function(e){
			function getFiles(){
				var i=e.shift();
				if(i) i.getData(writer,function(t){
					var c={code:t};
					if(vm.scripts&&(v=vm.scripts[i.filename.slice(0,-8)])) {
						delete v.id;c.more=v;
					}
					chrome.runtime.sendMessage({cmd:'ParseScript',data:c});
					count++;
					getFiles();
				}); else {
					alert(_('msgImported',[count]));
					location.reload();
				}
			}
			var i,vm={},writer=new zip.TextWriter(),count=0;
			for(i=0;i<e.length;i++) if(e[i].filename=='ViolentMonkey') break;
			if(i<e.length) e.splice(i,1)[0].getData(writer,function(t){
				try{
					vm=JSON.parse(t);
				}catch(e){
					vm={};
					console.log('Error parsing ViolentMonkey configuration.');
				}
				if(vm.values) for(z in vm.values) chrome.runtime.sendMessage({cmd:'SetValue',data:{uri:z,values:vm.values[z]}});
				if(vm.settings) for(z in vm.settings) chrome.runtime.sendMessage({cmd:'SetOption',data:{key:z,value:vm.settings[z],check:true}});
				getFiles();
			}); else getFiles();
		});
	},function(e){console.log(e);});
};
$('#bImport').onclick=function(){
	var e=document.createEvent('MouseEvent');
	e.initMouseEvent('click',true,true,window,0,0,0,0,0,false,false,false,false,0,null);
	H.dispatchEvent(e);
};
V.onclick=function(){
	this.disabled=true;
	this.innerHTML=_('buttonVacuuming');
	chrome.runtime.sendMessage({cmd:'Vacuum'});
};
V.title=_('hintVacuum');

// Export
var xL=$('#xList'),xE=$('#bExport'),xD=$('#cWithData');
function xLoad() {
	xL.innerHTML='';xE.disabled=false;
	ids.forEach(function(i){
		var d=document.createElement('div'),n=map[i].obj;
		d.className='ellipsis selected';
		getName(d,n.custom.name||n.meta.name);
		xL.appendChild(d);
	});
}
xD.onchange=function(){chrome.runtime.sendMessage({cmd:'SetOption',data:{key:'withData',value:this.checked}});};
xL.onclick=function(e){
	var t=e.target;
	if(t.parentNode!=this) return;
	t.classList.toggle('selected');
};
$('#bSelect').onclick=function(){
	var c=xL.childNodes,v,i;
	for(i=0;i<c.length;i++) if(!c[i].classList.contains('selected')) break;
	v=i<c.length;
	for(i=0;i<c.length;i++) if(v) c[i].classList.add('selected'); else c[i].classList.remove('selected');
};
function exported(o){
	function addFiles(){
		adding=true;
		if(!writer) {	// create writer
			zip.createWriter(new zip.BlobWriter(),function(w){writer=w;addFiles();});
			return;
		}
		var i=files.shift();
		if(i) {
			if(i.name) {	// add file
				writer.add(i.name,new zip.TextReader(i.content),addFiles);
				return;
			} else	// finished
				writer.close(function(b){
					var u=URL.createObjectURL(b),e=document.createEvent('MouseEvent');
					e.initMouseEvent('click',true,true,window,0,0,0,0,0,false,false,false,false,0,null);
					xH.href=u;
					xH.download='scripts.zip';
					xH.dispatchEvent(e);
					writer=null;
					URL.revokeObjectURL(u);
				});
		}
		adding=false;
	}
	function addFile(o){
		files.push(o);
		if(!adding) addFiles();
	}
	var writer=null,files=[],adding=false,xH=$('#xHelper'),
			n,_n,names={},vm={scripts:{},settings:o.settings};
	if(xD.checked) vm.values={};
	o.scripts.forEach(function(c){
		var j=0;
		n=_n=c.custom.name||c.meta.name||'Noname';
		while(names[n]) n=_n+'_'+(++j);names[n]=1;
		addFile({name:n+'.user.js',content:c.code});
		vm.scripts[n]={id:c.id,custom:c.custom,enabled:c.enabled,update:c.update};
		if(xD.checked&&(n=o.values[c.uri])) vm.values[c.uri]=n;
	});
	addFile({name:'ViolentMonkey',content:JSON.stringify(vm)});
	addFile({});	// finish adding files
}
xE.onclick=function(e){
	e.preventDefault();
	this.disabled=true;
	var i,c=[];
	for(i=0;i<ids.length;i++)
		if(xL.childNodes[i].classList.contains('selected')) c.push(ids[i]);
	chrome.runtime.sendMessage({cmd:'ExportZip',data:{values:xD.checked,data:c}},exported);
};

// Script Editor
var E=$('#wndEditor'),U=$('#eUpdate'),M=$('#eMeta'),
		mN=$('#mName'),mH=$('#mHomepageURL'),mR=$('#mRunAt'),
		mU=$('#mUpdateURL'),mD=$('#mDownloadURL'),
    mI=$('#mInclude'),mE=$('#mExclude'),mM=$('#mMatch'),
    cI=$('#cInclude'),cE=$('#cExclude'),cM=$('#cMatch'),
		eS=$('#eSave'),eSC=$('#eSaveClose'),T,sC=$('#sCustom');
function markClean(){
	eS.disabled=eSC.disabled=true;
}
function mReset(){
	M.classList.add('hide');
	sC.innerHTML='&laquo;';
	var e=[],c=E.scr.custom,m=E.scr.meta;
	M.dirty=false;
	mN.value=c.name||'';
	mN.placeholder=m.name||'';
	mH.value=c.homepageURL||'';
	mH.placeholder=m.homepageURL||'';
	mU.value=c.updateURL||'';
	mU.placeholder=m.updateURL||_('hintUseDownloadURL');
	mD.value=c.downloadURL||'';
	mD.placeholder=m.downloadURL||c.lastInstallURL||'';
	switch(c['run-at']){
		case 'document-start':mR.value='start';break;
		case 'document-idle':mR.value='idle';break;
		case 'document-end':mR.value='end';break;
		default:mR.value='default';
	}
	cI.checked=c._include!=false;
	mI.value=(c.include||e).join('\n');
	cM.checked=c._match!=false;
	mM.value=(c.match||e).join('\n');
	cE.checked=c._exclude!=false;
	mE.value=(c.exclude||e).join('\n');
}
function gotScript(o){
	E.classList.remove('hide');
	E.scr=o;U.checked=o.update;
	T.setValueAndFocus(o.code);
	T.clearHistory();markClean();mReset();
}
function eSave(){
	if(M.dirty) {
		var c=E.scr.custom;
		c.name=mN.value;
		c.homepageURL=mH.value;
		c.updateURL=mU.value;
		c.downloadURL=mD.value;
		switch(mR.value){
			case 'start':c['run-at']='document-start';break;
			case 'idle':c['run-at']='document-idle';break;
			case 'end':c['run-at']='document-end';break;
			default:delete c['run-at'];
		}
		c._include=cI.checked;
		c.include=split(mI.value);
		c._match=cM.checked;
		c.match=split(mM.value);
		c._exclude=cE.checked;
		c.exclude=split(mE.value);
	}
	chrome.runtime.sendMessage({
		cmd:'ParseScript',
		data:{
			id:E.scr.id,
			code:T.getValue(),
			message:'',
			more:{
				custom:E.scr.custom,
				update:E.scr.update=U.checked
			}
		}
	});
	markClean();
}
function mClose(){M.classList.add('hide');}
function eClose(){E.classList.add('hide');E.scr=null;}
U.onchange=E.markDirty=function(){eS.disabled=eSC.disabled=false;};
M.markDirty=function(){M.dirty=true;E.markDirty();};
[mN,mH,mR,mU,mD,mI,mM,mE,cI,cM,cE].forEach(function(i){i.onchange=M.markDirty;});
$('#bCustom').onclick=function(){
	var r=M.classList.toggle('hide');
	sC.innerHTML=r?'&laquo;':'&raquo;';
};
eS.onclick=eSave;
eSC.onclick=function(){eSave();eClose();};
E.close=$('#eClose').onclick=function(){if(confirmCancel(!eS.disabled)) eClose();};
initEditor(function(o){T=o;},{save:eSave,exit:E.close,onchange:E.markDirty});
// double click to fill with default value
function mDefault(e){
	e=e.target;
	if(!e.value) e.value=e.placeholder;
}
[mN,mH,mU,mD,mI,mM,mE].forEach(function(i){i.ondblclick=mDefault;});

// Load at last
var ids=[],map={},cache;
function loadOptions(o){
	L.innerHTML='';
	cache=o.cache;
	o.scripts.forEach(function(i){
		ids.push(i.id);addItem(map[i.id]={obj:i});
	});
	$('#cUpdate').checked=o.settings.autoUpdate;
	xD.checked=o.settings.withData;
	switchTab();
}
switchTab();
function updateItem(r){
	if(!('id' in r)) return;
	var m=map[r.id];
	if(!m) map[r.id]=m={};
	if(r.obj) m.obj=r.obj;
	switch(r.status){
		case 0:loadItem(m,r);break;
		case 1:ids.push(r.id);addItem(m);break;
		default:modifyItem(r);
	}
}
chrome.runtime.sendMessage({cmd:'GetData'},loadOptions);
chrome.runtime.onMessage.addListener(function(req,src){
	var maps={
		Vacuumed: function(){
			for(var i=0;i<ids.length;i++) map[ids[i]].obj.position=i+1;
			V.innerHTML=_('buttonVacuumed');
		},
	},f=maps[req.cmd];
	if(f) f(req.data,src);
});
var port=chrome.runtime.connect({name:'Options'});
port.onMessage.addListener(updateItem);