☰

GM_config

GreaseMonkey Script Configurator

此脚本不应直接安装，它是一个供其他脚本使用的外部库。如果您需要使用该库，请在脚本元属性加入：// @require https://update.cn-greasyfork.org/scripts/1884/4836/GM_config.js 

  1. // ==UserScript==
  2. // @name           GM_config
  3. // @namespace      http://userscripts.org/users/23652
  4. // @description    GreaseMonkey Script Configurator
  5. // @include        http://*
  6. // @include        https://*
  7. // @include        file:*
  8. // @copyright      JoeSimmons & Sizzlemctwizzle & IzzySoft
  9. // @version        1.2.57
  10. // @license        LGPL version 3 or any later version; http://www.gnu.org/copyleft/lgpl.html
  11. // ==/UserScript==
  12.  
  13. /* Instructions ---------------------------------------------------------------------------------------------------
  14.  
  15. GM_config is cross-browser compatible.
  16.  
  17. To use it in a Greasemonkey/Tampermonkey/Violentmonkey script, you can just @require it.
  18.  
  19. If you can't @require it, you will need to manually include the code at the beginning of your user script.
  20.  
  21. In non-Greasemonkey, stored settings will only be accessible on the same domain in which they were saved.
  22.  
  23. ---------------------------------------------------------------------------------------------------------------- */
  24.  
  25.  
  26.  
  27. /* CHANGELOG --------------------------------------------------------------------------
  28.  
  29. 1.2.57
  30. 	- Fixed TypeError with the "options" setting of a "select" field
  31. 			The "options" setting needs to be a JSON object, not an array
  32.  
  33. 1.2.56
  34. 	- started keeping changelog in source
  35. 	- added type "password"
  36. 	- fixed error when user doesn't define any sections
  37.  
  38. ------------------------------------------------------------------------------------- */
  39.  
  40.  
  41.  
  42. var GM_config = {
  43.  storage: 'GM_config',
  44.  init: function() {
  45.         // loop through GM_config.init() arguments
  46. 	for(var i=0,l=arguments.length,arg; i<l; ++i) {
  47. 		arg=arguments[i];
  48. 		switch(typeof arg) {
  49.             case 'object': for(var j in arg) { // could be a callback functions or settings object
  50. 							switch(j) {
  51. 							case "open": GM_config.onOpen=arg[j]; delete arg[j]; break; // called when frame is gone
  52. 							case "close": GM_config.onClose=arg[j]; delete arg[j]; break; // called when settings have been saved
  53. 							case "save": GM_config.onSave=arg[j]; delete arg[j]; break; // store the settings objects
  54. 							default: var settings = arg;
  55. 							}
  56. 			} break;
  57.             case 'function': GM_config.onOpen = arg; break; // passing a bare function is set to open
  58.                         // could be custom CSS or the title string
  59. 			case 'string': if(arg.indexOf('{') !== -1 && arg.indexOf('}') !== -1) var css = arg;
  60. 				else GM_config.title = arg;
  61. 				break;
  62. 		}
  63. 	}
  64. 	if(!GM_config.title) GM_config.title = 'Settings - Anonymous Script'; // if title wasn't passed through init()
  65.  
  66. 	// give the script a unique saving ID for non-firefox browsers
  67. 	GM_config.storage = GM_config.title.replace(/\W+/g, "").toLowerCase();
  68.  
  69. 	var stored = GM_config.read(); // read the stored settings
  70. 	GM_config.passed_values = {};
  71. 	for(var i in settings) {
  72. 		GM_config.doSettingValue(settings, stored, i, null, false);
  73. 		if(settings[i].kids) for(var kid in settings[i].kids) GM_config.doSettingValue(settings, stored, kid, i, true);
  74. 	}
  75. 	GM_config.values = GM_config.passed_values;
  76. 	GM_config.settings = settings;
  77. 	if (css) GM_config.css.stylish = css;
  78.  },
  79.  open: function() {
  80.  if(document.evaluate("//iframe[@id='GM_config']",document,null,9,null).singleNodeValue) return;
  81. 	// Create frame
  82. 	document.body.appendChild((GM_config.frame=GM_config.create('iframe',{id:'GM_config', style:'position: fixed; top: 0; left: 0; opacity: 0; display: none; z-index: 999999; width: 75%; height: 75%; max-height: 95%; max-width: 95%; border:3px ridge #000000; overflow: auto;'})));
  83.         GM_config.frame.src = 'about:blank'; // In WebKit src cant be set until it is added to the page
  84. 	GM_config.frame.addEventListener('load', function() {
  85. 		var obj = GM_config, doc = this.contentDocument, frameBody = doc.getElementsByTagName('body')[0], create=obj.create, settings=obj.settings, anch, secNo;
  86. 		obj.frame.contentDocument.getElementsByTagName('head')[0].appendChild(create('style',{type:'text/css',textContent:obj.css.basic + "\n\n" + obj.css.stylish}));
  87.  
  88. 		// Add header and title
  89. 		frameBody.appendChild(create('div', {id:'header',className:'config_header block center', innerHTML:obj.title}));
  90.  
  91. 		// Append elements
  92. 		anch = frameBody; // define frame body
  93. 		secNo = 0; // anchor to append elements
  94. 		for(var i in settings) {
  95. 			var type, field = settings[i], value = obj.values[i], section = (field.section ? field.section : ["Main Options"]),
  96. 				headerExists = doc.evaluate(".//div[@class='section_header_holder' and starts-with(@id, 'section_')]", frameBody, null, 9, null).singleNodeValue;
  97.  
  98. 			if(typeof field.section !== "undefined" || headerExists === null) {
  99. 				anch = frameBody.appendChild(create('div', {className:'section_header_holder', id:'section_'+secNo, kids:new Array(
  100. 				  create('a', {className:'section_header center', href:"javascript:void(0);", id:'c_section_kids_'+secNo, textContent:section[0], onclick:function(){GM_config.toggle(this.id.substring(2));}}),
  101. 				  create('div', {id:'section_kids_'+secNo, className:'section_kids', style:obj.getValue('section_kids_'+secNo, "")==""?"":"display: none;"})
  102. 				)}));
  103. 				if(section[1]) anch.appendChild(create('p', {className:'section_desc center',innerHTML:section[1]}));
  104. 				secNo++;
  105. 			}
  106. 			anch.childNodes[1].appendChild(GM_config.addToFrame(field, i, false));
  107. 		}
  108.  
  109. 		// Add save and close buttons
  110. 		frameBody.appendChild(obj.create('div', {id:'buttons_holder', kids:new Array(
  111. 			obj.create('button',{id:'saveBtn',textContent:'Save',title:'Save options and close window',className:'saveclose_buttons',onclick:function(){GM_config.close(true)}}),
  112. 			obj.create('button',{id:'cancelBtn', textContent:'Cancel',title:'Close window',className:'saveclose_buttons',onclick:function(){GM_config.close(false)}}),
  113. 			obj.create('div', {className:'reset_holder block', kids:new Array(
  114. 				obj.create('a',{id:'resetLink',textContent:'Restore to default',href:'#',title:'Restore settings to default configuration',className:'reset',onclick:obj.reset})
  115. 		)}))}));
  116.  
  117. 		obj.center(); // Show and center it
  118. 		window.addEventListener('resize', obj.center, false); // Center it on resize
  119. 		if (obj.onOpen) obj.onOpen(); // Call the open() callback function
  120. 		
  121. 		// Close frame on window close
  122. 		window.addEventListener('beforeunload', function(){GM_config.remove(this);}, false);
  123. 	}, false);
  124.  },
  125.  close: function(save) {
  126. 	if(save) {
  127. 		var type, fields = GM_config.settings, typewhite=/radio|text|hidden|password|checkbox/;
  128. 		for(f in fields) {
  129. 			var field = GM_config.frame.contentDocument.getElementById('field_'+f), kids=fields[f].kids;
  130. 			if(typewhite.test(field.type)) type=field.type;
  131. 				else type=field.tagName.toLowerCase();
  132. 			GM_config.doSave(f, field, type);
  133. 			if(kids) for(var kid in kids) {
  134. 			var field = GM_config.frame.contentDocument.getElementById('field_'+kid);
  135. 			if(typewhite.test(field.type)) type=field.type;
  136. 				else type=field.tagName.toLowerCase();
  137. 			GM_config.doSave(kid, field, type, f);
  138. 			}
  139. 		}
  140.                 if(GM_config.onSave) GM_config.onSave(); // Call the save() callback function
  141.                 GM_config.save();
  142. 	}
  143. 	if(GM_config.frame) GM_config.remove(GM_config.frame);
  144. 	delete GM_config.frame;
  145.         if(GM_config.onClose) GM_config.onClose(); //  Call the close() callback function
  146.  },
  147.  set: function(name,val) {
  148. 	GM_config.values[name] = val;
  149.  },
  150.  get: function(name) {
  151. 	return GM_config.values[name];
  152.  },
  153.  isGM: (typeof window.opera === "undefined" && typeof window.chrome === "undefined" && typeof GM_info === "object" && typeof GM_registerMenuCommand === "function"),
  154.  log: function(str) {
  155.  
  156. 	if(this.isGM) return GM_log(str);
  157. 		else if(window.opera) return window.opera.postError(str);
  158. 		else return console.log(str);
  159.  
  160.  },
  161.  getValue : function(name, d) {
  162. 	var r, def = (typeof d !== "undefined" ? d : "");
  163. 	switch(this.isGM === true) {
  164. 		case true: r = GM_getValue(name, def); break;
  165. 		case false: r = localStorage.getItem(name) || def; break;
  166. 	}
  167. 	return r;
  168. },
  169.  setValue : function(name, value) {
  170. 	switch(this.isGM === true) {
  171. 		case true: GM_setValue(name, value); break;
  172. 		case false: localStorage.setItem(name, value); break;
  173. 	}
  174.  },
  175.   deleteValue : function(name) {
  176. 	switch(this.isGM === true) {
  177. 		case true: GM_deleteValue(name); break;
  178. 		case false: localStorage.removeItem(name); break;
  179. 	}
  180. },
  181.  save: function(store, obj) {
  182.     try {
  183. 		var val = JSON.stringify(obj || GM_config.values);
  184. 		GM_config.setValue((store||GM_config.storage),val);
  185.     } catch(e) {
  186. 		GM_config.log("GM_config failed to save settings!\n" + e);
  187.     }
  188.  },
  189.  read: function(store) {
  190. 	var val = GM_config.getValue((store || GM_config.storage), '{}');
  191. 	switch(typeof val) {
  192. 		case "string": var rval = JSON.parse(val); break;
  193. 		case "object": var rval = val; break;
  194. 		default: var rval = {};
  195. 	}
  196.     return rval;
  197.  },
  198.  reset: function(e) {
  199. 	e.preventDefault();
  200. 	var type, obj = GM_config, fields = obj.settings;
  201. 	for(f in fields) {
  202. 		var field = obj.frame.contentDocument.getElementById('field_'+f), kids=fields[f].kids;
  203. 		if(field.type=='radio'||field.type=='text'||field.type=='checkbox') type=field.type;
  204. 		else type=field.tagName.toLowerCase();
  205. 		GM_config.doReset(field, type, null, f, null, false);
  206. 		if(kids) for(var kid in kids) {
  207. 			var field = GM_config.frame.contentDocument.getElementById('field_'+kid);
  208. 			if(field.type=='radio'||field.type=='text'||field.type=='checkbox') type=field.type;
  209. 				else type=field.tagName.toLowerCase();
  210. 			GM_config.doReset(field, type, f, kid, true);
  211. 		}
  212. 	}
  213.  },
  214.  addToFrame : function(field, i, k) {
  215. 	var elem, obj = this, anch = this.frame, value = obj.values[i], Options = field.options, label = field.label, create=obj.create, isKid = (k !== null && k === true);
  216. 		switch(field.type) {
  217. 				case 'textarea':
  218. 					elem = create(isKid ? "span" : "div", {title:field.title||'', kids:new Array(
  219. 						create('span', {textContent:label, className:'field_label'}),
  220. 						create('textarea', {id:'field_'+i,innerHTML:value, cols:(field.cols?field.cols:20), rows:(field.rows?field.rows:2)})
  221. 					), className: 'config_var'});
  222. 					break;
  223. 				case 'radio':
  224. 					var boxes = new Array();
  225. 					for (var j = 0,len = Options.length; j<len; j++) {
  226. 						boxes.push(create('span', {textContent:Options[j]}));
  227. 						boxes.push(create('input', {value:Options[j], type:'radio', name:i, checked:Options[j]==value?true:false}));
  228. 					}
  229. 					elem = create(isKid ? "span" : "div", {title:field.title||'', kids:new Array(
  230. 						create('span', {textContent:label, className:'field_label'}),
  231. 						create('span', {id:'field_'+i, kids:boxes})
  232. 					), className: 'config_var'});
  233. 					break;
  234. 				case 'select':
  235. 					var options = [];
  236. 					if(typeof Options === "object" && typeof Options.push !== "function") for(var j in Options) options.push(create('option',{textContent:Options[j],value:j,selected:(j==value)}));
  237. 						else options.push(create("option", {textContent:"Error - \"options\" needs to be a JSON object.", value:"error", selected:"selected"}));
  238. 					elem = create(isKid ? "span" : "div", {title:field.title||'', kids:new Array(
  239. 						create('span', {textContent:label, className:'field_label'}),
  240. 						create('select',{id:'field_'+i, kids:options})
  241. 					), className: 'config_var'});
  242. 					break;
  243. 				case 'checkbox':
  244. 					elem = create(isKid ? "span" : "div", {title:field.title||'', kids:new Array(
  245. 						create('label', {textContent:label, className:'field_label', "for":'field_'+i}),
  246. 						create('input', {id:'field_'+i, type:'checkbox', value:value, checked:value})
  247. 					), className: 'config_var'});
  248. 					break;
  249. 				case 'button':
  250. 				var tmp;
  251. 					elem = create(isKid ? "span" : "div", {kids:new Array(
  252. 						(tmp=create('input', {id:'field_'+i, type:'button', value:label, size:(field.size?field.size:25), title:field.title||''}))
  253. 					), className: 'config_var'});
  254. 					if(field.script) obj.addEvent(tmp, 'click', field.script);
  255. 					break;
  256. 				case 'hidden':
  257. 					elem = create(isKid ? "span" : "div", {title:field.title||'', kids:new Array(
  258. 						create('input', {id:'field_'+i, type:'hidden', value:value})
  259. 					), className: 'config_var'});
  260. 					break;
  261. 				case 'password':
  262. 					elem = create(isKid ? "span" : "div", {title:field.title||'', kids:new Array(
  263. 						create('span', {textContent:label, className:'field_label'}),
  264. 						create('input', {id:'field_'+i, type:'password', value:value, size:(field.size?field.size:25)})
  265. 					), className: 'config_var'});
  266. 					break;
  267. 				default:
  268. 					elem = create(isKid ? "span" : "div", {title:field.title||'', kids:new Array(
  269. 						create('span', {textContent:label, className:'field_label'}),
  270. 						create('input', {id:'field_'+i, type:'text', value:value, size:(field.size?field.size:25)})
  271. 					), className: 'config_var'});
  272. 			}
  273. 	if(field.kids) {
  274. 		var kids=field.kids;
  275. 		for(var kid in kids) elem.appendChild(obj.addToFrame(kids[kid], kid, true));
  276. 	}
  277. return elem;
  278. },
  279.  doSave : function(f, field, type, oldf) {
  280.  var isNum=/^[\d\.]+$/, set = oldf ? GM_config.settings[oldf]["kids"] : GM_config.settings;
  281.  switch(type) {
  282. 				case 'text':
  283. 					GM_config.values[f] = ((set[f].type=='text') ? field.value : ((isNum.test(field.value) && ",int,float".indexOf(","+set[f].type)!=-1) ? parseFloat(field.value) : false));
  284. 					if(set[f]===false) {
  285. 						alert('Invalid type for field: '+f+'\nPlease use type: '+set[f].type);
  286. 						return;
  287. 					}
  288. 					break;
  289. 				case 'hidden': case 'password':
  290. 					GM_config.values[f] = field.value.toString();
  291. 					break;
  292. 				case 'textarea':
  293. 					GM_config.values[f] = field.value;
  294. 					break;
  295. 				case 'checkbox':
  296. 					GM_config.values[f] = field.checked;
  297. 					break;
  298. 				case 'select':
  299. 					GM_config.values[f] = field.options[field.selectedIndex].value;
  300. 					break;
  301. 				case 'span':
  302. 					var radios = field.getElementsByTagName('input');
  303. 					if(radios.length>0) for(var i=radios.length-1; i>=0; i--) {
  304. 						if(radios[i].checked) GM_config.values[f] = radios[i].value;
  305. 					}
  306. 					break;
  307. 			}
  308.  },
  309.  doSettingValue : function(settings, stored, i, oldi, k) {
  310. 		var set = k!=null && k==true && oldi!=null ? settings[oldi]["kids"][i] : settings[i];
  311. 			if(",save,open,close".indexOf(","+i) == -1) {
  312.             // The code below translates to:
  313.             // if a setting was passed to init but wasn't stored then 
  314.             //      if a default value wasn't passed through init() then use null
  315.             //      else use the default value passed through init()
  316.             // 		else use the stored value
  317.             try {
  318.             var value = (stored[i]==undefined ? (set["default"]==undefined ? null : set["default"]) : stored[i]);
  319. 			} catch(e) {
  320. 			var value = (stored[i]=="undefined" ? (set["default"]=="undefined" ? null : set["default"]) : stored[i]);
  321. 			}
  322.             
  323.             // If the value isn't stored and no default was passed through init()
  324.             // try to predict a default value based on the type
  325.             if (value === null) {
  326.                 switch(set["type"]) {
  327.                     case 'radio': case 'select':
  328.                         value = set.options[0]; break;
  329.                     case 'checkbox':
  330.                         value = false; break;
  331.                     case 'int': case 'float':
  332.                         value = 0; break;
  333.                     default:
  334. 					value = (typeof stored[i]=="function") ? stored[i] : "";
  335.                 }
  336. 			}
  337. 			
  338. 			}
  339. 	GM_config.passed_values[i] = value;
  340.  },
  341.  doReset : function(field, type, oldf, f, k) {
  342.  var isKid = k!=null && k==true, obj=GM_config,
  343. 	 set = isKid ? obj.settings[oldf]["kids"][f] : obj.settings[f];
  344.  switch(type) {
  345. 			case 'text':
  346. 				field.value = set['default'] || '';
  347. 				break;
  348. 			case 'hidden': case 'password':
  349. 				field.value = set['default'] || '';
  350. 				break;
  351. 			case 'textarea':
  352. 				field.value = set['default'] || '';
  353. 				break;
  354. 			case 'checkbox':
  355. 				field.checked = set['default'] || false;
  356. 				break;
  357. 			case 'select':
  358. 				if(set['default']) {
  359. 					for(var i=field.options.length-1; i>=0; i--)
  360. 					if(field.options[i].value==set['default']) field.selectedIndex=i;
  361. 				}
  362. 				else field.selectedIndex=0;
  363. 				break;
  364. 			case 'span':
  365. 				var radios = field.getElementsByTagName('input');
  366. 				if(radios.length>0) for(var i=radios.length-1; i>=0; i--) {
  367. 					if(radios[i].value==set['default']) {
  368. 						radios[i].checked=true;
  369. 					}
  370. 				}
  371. 				break;
  372. 		}
  373.  },
  374.  values: {},
  375.  settings: {},
  376.  css: {
  377. 	 basic: 'body {background:#FFFFFF;}\n' +
  378. 	 '.indent40 {margin-left:40%;}\n' +
  379. 	 '* {font-family: arial, tahoma, sans-serif, myriad pro;}\n' +
  380. 	 '.field_label {font-weight:bold; font-size:12px; margin-right:6px;}\n' +
  381. 	 '.block {display:block;}\n' +
  382. 	 '.saveclose_buttons {\n' +
  383. 	 'margin:16px 10px 10px 10px;\n' +
  384. 	 'padding:2px 12px 2px 12px;\n' +
  385. 	 '}\n' +
  386. 	 '.reset, #buttons_holder, .reset a {text-align:right; color:#000000;}\n' +
  387. 	 '.config_header {font-size:20pt; margin:0;}\n' +
  388. 	 '.config_desc, .section_desc, .reset {font-size:9pt;}\n' +
  389. 	 '.center {text-align:center;}\n' +
  390. 	 '.section_header_holder {margin-top:8px;}\n' +
  391. 	 '.config_var {margin:0 0 4px 0; display:block;}\n' +
  392. 	 '.config_var {font-size: 13px !important;}\n' +
  393. 	 '.section_header {font-size:13pt; background:#414141; color:#FFFFFF; border:1px solid #000000; margin:0;}\n' +
  394. 	 '.section_desc {font-size:9pt; background:#EFEFEF; color:#575757; border:1px solid #CCCCCC; margin:0 0 6px 0;}\n' +
  395. 	 'input[type="radio"] {margin-right:8px;}',
  396. 	 stylish: ''
  397.  },
  398.  create: function(a,b) {
  399. 	var ret=window.document.createElement(a);
  400. 	if(b) for(var prop in b) {
  401. 		if(prop.indexOf('on')==0) ret.addEventListener(prop.substring(2),b[prop],false);
  402. 		else if(prop=="kids" && (prop=b[prop])) for(var i=0; i<prop.length; i++) ret.appendChild(prop[i]);
  403. 		else if(",style,accesskey,id,name,src,href,for".indexOf(","+prop.toLowerCase())!=-1) ret.setAttribute(prop, b[prop]);
  404. 		else ret[prop]=b[prop];
  405. 	}
  406. 	return ret;
  407.  },
  408.  center: function() {
  409. 	var node = GM_config.frame, style = node.style, beforeOpacity = style.opacity;
  410. 	if(style.display=='none') style.opacity='0';
  411. 	style.display = '';
  412. 	style.top = Math.floor((window.innerHeight/2)-(node.offsetHeight/2)) + 'px';
  413. 	style.left = Math.floor((window.innerWidth/2)-(node.offsetWidth/2)) + 'px';
  414. 	style.opacity = '1';
  415.  },
  416.  run: function() {
  417.     var script=GM_config.getAttribute('script');
  418.     if(script && typeof script=='string' && script!='') {
  419.       func = new Function(script);
  420.       window.setTimeout(func, 0);
  421.     }
  422.  },
  423.  addEvent: function(el, ev, scr) {
  424. 	if(el) el.addEventListener(ev, function() {
  425. 		typeof scr === 'function' ? window.setTimeout(scr, 0) : eval(scr)
  426. 	}, false);
  427. },
  428.  remove: function(el) {
  429. 	if(el && el.parentNode) el.parentNode.removeChild(el);
  430. },
  431.  toggle : function(e) {
  432. 	var node=GM_config.frame.contentDocument.getElementById(e);
  433. 	node.style.display=(node.style.display!='none')?'none':'';
  434. 	GM_config.setValue(e, node.style.display);
  435.  },
  436. };
  437.  
  438.  
  439. /* EXAMPLE CODE BELOW --------------------------
  440.  
  441. GM_config.init("Test", {
  442. 	"one" : {
  443. 		"label" : "Option One",
  444. 		"type" : "checkbox",
  445. 		"default" : false
  446. 	},
  447. 	"two" : {
  448. 		"label" : "Option Two",
  449. 		"type" : "checkbox",
  450. 		"default" : false
  451. 	},
  452. 	"three" : {
  453. 		"label" : "Option Three",
  454. 		"type" : "password"
  455. 	},
  456. 	 "four" : {
  457. 		"label" : "Option Four",
  458. 		"type" : "select",
  459. 		"options" : {
  460. 			"one" : "One",
  461. 			"two" : "Two"
  462. 		}
  463. 	}
  464. });
  465.  
  466. GM_config.open();
  467.  
  468. ------------------------------------------------- */