☰

Greasyfork 快捷編輯收藏

在GF腳本頁直接編輯收藏集

  1. // ==UserScript==
  2. // @name               Greasyfork script-set-edit button
  3. // @name:zh-CN         Greasyfork 快捷编辑收藏
  4. // @name:zh-TW         Greasyfork 快捷編輯收藏
  5. // @name:en            Greasyfork script-set-edit button
  6. // @name:en-US         Greasyfork script-set-edit button
  7. // @name:fr            Greasyfork Set Edit+
  8. // @namespace          Greasyfork-Favorite
  9. // @version            0.3.0
  10. // @description        Add / Remove script into / from script set directly in GF script info page
  11. // @description:zh-CN  在GF脚本页直接编辑收藏集
  12. // @description:zh-TW  在GF腳本頁直接編輯收藏集
  13. // @description:en     Add / Remove script into / from script set directly in GF script info page
  14. // @description:en-US  Add / Remove script into / from script set directly in GF script info page
  15. // @description:fr     Ajouter un script à un jeu de scripts / supprimer un script d'un jeu de scripts directement sur la page d'informations sur les scripts GF
  16. // @author             PY-DNG
  17. // @license            GPL-3.0-or-later
  18. // @match              http*://*.gf.qytechs.cn/*
  19. // @match              http*://*.sleazyfork.org/*
  20. // @match              http*://*.gf.qytechs.cn/*
  21. // @require            https://update.gf.qytechs.cn/scripts/456034/1532680/Basic%20Functions%20%28For%20userscripts%29.js
  22. // @require            https://update.gf.qytechs.cn/scripts/449583/1324274/ConfigManager.js
  23. // @icon               data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAbBJREFUOE+Vk7GKGlEUhr8pAiKKDlqpCDpLUCzWBxCENBa+hBsL9wHsLWxXG4tNtcGH0MIiWopY7JSGEUWsbESwUDMw4Z7siLsZDbnlPff/7n/+e67G38sA6sAXIPVWXgA/gCdgfinRPuhfCoXCw3Q65XA4eLBl6zvw1S2eAZqmvTqOc5/NZhkMBqRSKWzbvgYxgbwquoAX4MGyLHK5HIlEgtFo9C+IOFEAo1gsWsvlUmyPx2MymYxAhsMh6XT6lpM7BXjWdf1xNpuRz+fl8GQywTAMGo0G1WpVnJxOJ692vinADPgcDAaZz+cCOR6PmKZJPB4XUb/fp1wuewF+KoBCf1JVBVE5dDodms3mWdDtdqlUKl6AX+8ALmS9XgtM0/5kvNlspKX9fv8RIgBp4bISCoXo9XqsVitKpRK6rrPb7STQ7XZ7eVRaeAYerz14OBxGOfL7/eIgmUwKzHEcJZEQ1eha1wBqPxqNihufzyeQWCzmtiPPqJYM0jWIyiISibBYLAgEAtTrdVqt1nmQXN0rcH/LicqmVqvRbrdN27bfjbKru+nk7ZD3Z7q4+b++82/YPKIrXsKZ3AAAAABJRU5ErkJggg==
  24. // @grant              GM_setValue
  25. // @grant              GM_getValue
  26. // @grant              GM_listValues
  27. // @grant              GM_deleteValue
  28. // @grant              GM_registerMenuCommand
  29. // @grant              GM_unregisterMenuCommand
  30. // ==/UserScript==
  31.  
  32. /* eslint-disable no-multi-spaces */
  33. /* eslint-disable no-return-assign */
  34.  
  35. /* global LogLevel DoLog Err $ $All $CrE $AEL $$CrE addStyle detectDom destroyEvent copyProp copyProps parseArgs escJsStr replaceText getUrlArgv dl_browser dl_GM AsyncManager queueTask FunctionLoader loadFuncs require isLoaded */
  36. /* global ConfigManager */
  37.  
  38. (function __MAIN__() {
  39.     'use strict';
  40.  
  41. 	const CONST = {
  42. 		Text: {
  43. 			'zh-CN': {
  44. 				FavEdit: '收藏集：',
  45. 				Add: '加入此集',
  46. 				Remove: '移出此集',
  47. 				Edit: '手动编辑',
  48. 				EditIframe: '页内编辑',
  49. 				CloseIframe: '关闭编辑',
  50. 				CopySID: '复制脚本ID',
  51. 				Sync: '同步',
  52. 				NotLoggedIn: '请先登录(不可用)Greasyfork',
  53. 				NoSetsYet: '您还没有创建过收藏集',
  54. 				NewSet: '新建收藏集',
  55. 				sortByApiDefault: ['默认排序', '默认倒序'],
  56. 				Working: ['工作中...', '就快好了...'],
  57. 				InSetStatus: ['[ ]', '[✔]'],
  58. 				Groups: {
  59. 					Server: 'GreasyFork收藏集',
  60. 					Local: '本地收藏集',
  61. 					New: '新建'
  62. 				},
  63. 				Refreshing: {
  64. 					List: '获取收藏集列表...',
  65. 					Script: '获取收藏集内容...',
  66. 					Data: '获取收藏集数据...'
  67. 				},
  68. 				UseAPI: ['[ ] 使用GF的收藏集API', '[✔]使用GF的收藏集API'],
  69. 				Error: {
  70. 					AlreadyExist: '脚本已经在此收藏集中了',
  71. 					NotExist: '脚本不在此收藏集中',
  72. 					NetworkError: '网络错误',
  73. 					Unknown: '未知错误'
  74. 				}
  75. 			},
  76. 			'zh-TW': {
  77. 				FavEdit: '收藏集：',
  78. 				Add: '加入此集',
  79. 				Remove: '移出此集',
  80. 				Edit: '手動編輯',
  81. 				EditIframe: '頁內編輯',
  82. 				CloseIframe: '關閉編輯',
  83. 				CopySID: '複製腳本ID',
  84. 				Sync: '同步',
  85. 				NotLoggedIn: '請先登錄Greasyfork',
  86. 				NoSetsYet: '您還沒有創建過收藏集',
  87. 				NewSet: '新建收藏集',
  88. 				sortByApiDefault: ['默認排序', '默認倒序'],
  89. 				Working: ['工作中...', '就快好了...'],
  90. 				InSetStatus: ['[ ]', '[✔]'],
  91. 				Groups: {
  92. 					Server: 'GreasyFork收藏集',
  93. 					Local: '本地收藏集',
  94. 					New: '新建'
  95. 				},
  96. 				Refreshing: {
  97. 					List: '獲取收藏集清單...',
  98. 					Script: '獲取收藏集內容...',
  99. 					Data: '獲取收藏集數據...'
  100. 				},
  101. 				UseAPI: ['[ ] 使用GF的收藏集API', '[✔]使用GF的收藏集API'],
  102. 				Error: {
  103. 					AlreadyExist: '腳本已經在此收藏集中了',
  104. 					NotExist: '腳本不在此收藏集中',
  105. 					NetworkError: '網絡錯誤',
  106. 					Unknown: '未知錯誤'
  107. 				}
  108. 			},
  109. 			'en': {
  110. 				FavEdit: 'Script set: ',
  111. 				Add: 'Add',
  112. 				Remove: 'Remove',
  113. 				Edit: 'Edit Manually',
  114. 				EditIframe: 'In-Page Edit',
  115. 				CloseIframe: 'Close Editor',
  116. 				CopySID: 'Copy Script-ID',
  117. 				Sync: 'Sync',
  118. 				NotLoggedIn: 'Login to greasyfork to use script sets',
  119. 				NoSetsYet: 'You haven\'t created a collection yet',
  120. 				NewSet: 'Create a new set',
  121. 				sortByApiDefault: ['Default', 'Default reverse'],
  122. 				Working: ['Working...', 'Just a moment...'],
  123. 				InSetStatus: ['[ ]', '[✔]'],
  124. 				Groups: {
  125. 					Server: 'GreasyFork',
  126. 					Local: 'Local',
  127. 					New: 'New'
  128. 				},
  129. 				Refreshing: {
  130. 					List: 'Fetching script sets...',
  131. 					Script: 'Fetching set content...',
  132. 					Data: 'Fetching script sets data...'
  133. 				},
  134. 				UseAPI: ['[ ] Use GF API', '[✔] Use GF API'],
  135. 				Error: {
  136. 					AlreadyExist: 'Script is already in set',
  137. 					NotExist: 'Script is not in set yet',
  138. 					NetworkError: 'Network Error',
  139. 					Unknown: 'Unknown Error'
  140. 				}
  141. 			},
  142. 			'default': {
  143. 				FavEdit: 'Script set: ',
  144. 				Add: 'Add',
  145. 				Remove: 'Remove',
  146. 				Edit: 'Edit Manually',
  147. 				EditIframe: 'In-Page Edit',
  148. 				CloseIframe: 'Close Editor',
  149. 				CopySID: 'Copy Script-ID',
  150. 				Sync: 'Sync',
  151. 				NotLoggedIn: 'Login to greasyfork to use script sets',
  152. 				NoSetsYet: 'You haven\'t created a collection yet',
  153. 				NewSet: 'Create a new set',
  154. 				sortByApiDefault: ['Default', 'Default reverse'],
  155. 				Working: ['Working...', 'Just a moment...'],
  156. 				InSetStatus: ['[ ]', '[✔]'],
  157. 				Groups: {
  158. 					Server: 'GreasyFork',
  159. 					Local: 'Local',
  160. 					New: 'New'
  161. 				},
  162. 				Refreshing: {
  163. 					List: 'Fetching script sets...',
  164. 					Script: 'Fetching set content...',
  165. 					Data: 'Fetching script sets data...'
  166. 				},
  167. 				UseAPI: ['[ ] Use GF API', '[✔] Use GF API'],
  168. 				Error: {
  169. 					AlreadyExist: 'Script is already in set',
  170. 					NotExist: 'Script is not in set yet',
  171. 					NetworkError: 'Network Error',
  172. 					Unknown: 'Unknown Error'
  173. 				}
  174. 			},
  175. 		},
  176. 		URL: {
  177. 			SetLink: `https://${location.host}/scripts?set=$ID`,
  178. 			SetEdit: `https://${location.host}/users/$UID/sets/$ID/edit`
  179. 		},
  180. 		ConfigRule: {
  181. 			'version-key': 'config-version',
  182. 			ignores: ['useAPI'],
  183. 			defaultValues: {
  184. 				'script-sets': {
  185. 					sets: [],
  186. 					time: 0,
  187. 					'config-version': 2,
  188. 				},
  189. 				'useAPI': true
  190. 			},
  191. 			'updaters': {
  192. 				/*'config-key': [
  193. 					function() {
  194. 						// This function contains updater for config['config-key'] from v0 to v1
  195. 					},
  196. 					function() {
  197. 						// This function contains updater for config['config-key'] from v1 to v2
  198. 					}
  199. 				]*/
  200. 				'script-sets': [
  201. 					config => {
  202. 						// v0 ==> v1
  203. 						// Fill set.id
  204. 						const sets = config.sets;
  205. 						sets.forEach(set => {
  206. 							const id = getUrlArgv(set.link, 'set');
  207. 							set.id = id;
  208. 							set.scripts = null; // After first refresh, it should be an array of SIDs:string
  209. 						});
  210.  
  211. 						// Delete old version identifier
  212. 						delete config.version;
  213.  
  214. 						return config;
  215. 					},
  216. 					config => {
  217. 						// v1 ==> v2
  218. 						return config
  219. 					}
  220. 				]
  221. 			},
  222. 		}
  223. 	};
  224.  
  225. 	// Get i18n code
  226. 	let i18n = $('#language-selector-locale') ? $('#language-selector-locale').value : navigator.language;
  227. 	if (!Object.keys(CONST.Text).includes(i18n)) {i18n = 'default';}
  228.  
  229. 	const CM = new ConfigManager(CONST.ConfigRule);
  230. 	const CONFIG = CM.Config;
  231. 	CM.updateAllConfigs();
  232. 	CM.setDefaults();
  233.  
  234. 	loadFuncs([{
  235.         id: 'utils',
  236.         func() {
  237.             function makeBooleanSettings(settings) {
  238.                 for (const setting of settings) {
  239.                     makeBooleanMenu(setting.text, setting.key, setting.defaultValue, setting.callback, setting.initCallback);
  240.                 }
  241.  
  242.                 function makeBooleanMenu(texts, key, defaultValue=false, callback=null, initCallback=false) {
  243.                     const initialVal = GM_getValue(key, defaultValue);
  244.                     const initialText = texts[initialVal + 0];
  245.                     let id = makeMenu(initialText, onClick);
  246.                     initCallback && callback(key, initialVal);
  247.  
  248.                     function onClick() {
  249.                         const newValue = !GM_getValue(key, defaultValue);
  250.                         const newText = texts[newValue + 0];
  251.                         GM_setValue(key, newValue);
  252.                         id = makeMenu(newText, onClick, id);
  253.                         typeof callback === 'function' && callback(key, newValue);
  254.                     }
  255.  
  256.                     function makeMenu(text, func, id) {
  257.                         if (GM_info.scriptHandler === 'Tampermonkey' && GM_hasVersion('5.0')) {
  258.                             return GM_registerMenuCommand(text, func, {
  259.                                 id,
  260.                                 autoClose: false,
  261.                             });
  262.                         } else {
  263.                             GM_unregisterMenuCommand(id);
  264.                             return GM_registerMenuCommand(text, func);
  265.                         }
  266.                     }
  267.                 }
  268.  
  269.                 function GM_hasVersion(version) {
  270.                     return hasVersion(GM_info?.version || '0', version);
  271.  
  272.                     function hasVersion(ver1, ver2) {
  273.                         return compareVersions(ver1.toString(), ver2.toString()) >= 0;
  274.  
  275.                         // https://gf.qytechs.cn/app/javascript/versioncheck.js
  276.                         // https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/version/format
  277.                         function compareVersions(a, b) {
  278.                         if (a == b) {
  279.                             return 0;
  280.                         }
  281.                         let aParts = a.split('.');
  282.                         let bParts = b.split('.');
  283.                         for (let i = 0; i < aParts.length; i++) {
  284.                             let result = compareVersionPart(aParts[i], bParts[i]);
  285.                             if (result != 0) {
  286.                             return result;
  287.                             }
  288.                         }
  289.                         // If all of a's parts are the same as b's parts, but b has additional parts, b is greater.
  290.                         if (bParts.length > aParts.length) {
  291.                             return -1;
  292.                         }
  293.                         return 0;
  294.                         }
  295.  
  296.                         function compareVersionPart(partA, partB) {
  297.                         let partAParts = parseVersionPart(partA);
  298.                         let partBParts = parseVersionPart(partB);
  299.                         for (let i = 0; i < partAParts.length; i++) {
  300.                             // "A string-part that exists is always less than a string-part that doesn't exist"
  301.                             if (partAParts[i].length > 0 && partBParts[i].length == 0) {
  302.                             return -1;
  303.                             }
  304.                             if (partAParts[i].length == 0 && partBParts[i].length > 0) {
  305.                             return 1;
  306.                             }
  307.                             if (partAParts[i] > partBParts[i]) {
  308.                             return 1;
  309.                             }
  310.                             if (partAParts[i] < partBParts[i]) {
  311.                             return -1;
  312.                             }
  313.                         }
  314.                         return 0;
  315.                         }
  316.  
  317.                         // It goes number, string, number, string. If it doesn't exist, then
  318.                         // 0 for numbers, empty string for strings.
  319.                         function parseVersionPart(part) {
  320.                         if (!part) {
  321.                             return [0, "", 0, ""];
  322.                         }
  323.                         let partParts = /([0-9]*)([^0-9]*)([0-9]*)([^0-9]*)/.exec(part)
  324.                         return [
  325.                             partParts[1] ? parseInt(partParts[1]) : 0,
  326.                             partParts[2],
  327.                             partParts[3] ? parseInt(partParts[3]) : 0,
  328.                             partParts[4]
  329.                         ];
  330.                         }
  331.                     }
  332.                 }
  333.             }
  334.  
  335.             // Copy text to clipboard (needs to be called in an user event)
  336.             function copyText(text) {
  337.                 // Create a new textarea for copying
  338.                 const newInput = document.createElement('textarea');
  339.                 document.body.appendChild(newInput);
  340.                 newInput.value = text;
  341.                 newInput.select();
  342.                 document.execCommand('copy');
  343.                 document.body.removeChild(newInput);
  344.             }
  345.  
  346.             return {
  347.                 makeBooleanSettings,
  348.                 copyText
  349.             }
  350.         }
  351.     }, {
  352.         id: 'api',
  353.         func() {
  354.             const API = {
  355.                 async getScriptSets() {
  356.                     const userpage = API.getUserpage();
  357.                     const oDom = await API.getDocument(userpage);
  358.         
  359.                     const list =  Array.from($(oDom, 'ul#user-script-sets').children);
  360.                     const NoSets = list.length === 1 && list.every(li => li.children.length === 1);
  361.                     const script_sets = NoSets ? [] : Array.from($(oDom, 'ul#user-script-sets').children).filter(li => li.children.length === 2).map(li => {
  362.                         try {
  363.                             return {
  364.                                 name: li.children[0].innerText,
  365.                                 link: li.children[0].href,
  366.                                 linkedit: li.children[1].href,
  367.                                 id: getUrlArgv(li.children[0].href, 'set')
  368.                             }
  369.                         } catch(err) {
  370.                             DoLog(LogLevel.Error, [li, err, li.children.length, li.children[0]?.innerHTML, li.children[1]?.innerHTML], 'error');
  371.                             Err(err);
  372.                         }
  373.                     });
  374.         
  375.                     return script_sets;
  376.                 },
  377.         
  378.                 async getSetScripts(url) {
  379.                     return [...$All(await API.getDocument(url), '#script-set-scripts>input[name="scripts-included[]"]')].map(input => input.value);
  380.                 },
  381.         
  382.                 /**
  383.                  * @typedef {Object} SetsDataAPI
  384.                  * @property {Response} resp - api fetch response object
  385.                  * @property {boolean} ok - resp.ok (resp.status >= 200 && resp.status <= 299)
  386.                  * @property {(Object|null)} data - api response json data, or null if not resp.ok
  387.                  */
  388.                 /**
  389.                  * @returns {SetsDataAPI}
  390.                  */
  391.                 async getSetsData() {
  392.                     const userpage = API.getUserpage();
  393.                     const url = (userpage.endsWith('/') ? userpage : userpage + '/') + 'sets'
  394.         
  395.                     const resp = await fetch(url, { credentials: 'same-origin' });
  396.                     if (resp.ok) {
  397.                         return {
  398.                             ok: true,
  399.                             resp,
  400.                             data: await resp.json()
  401.                         };
  402.                     } else {
  403.                         return {
  404.                             ok: false,
  405.                             resp,
  406.                             data: null
  407.                         };
  408.                     }
  409.                 },
  410.         
  411.                 /**
  412.                  * @returns {(string|null)} the user's profile page url, from page top-right link <a>.href
  413.                  */
  414.                 getUserpage() {
  415.                     const a = $('#nav-user-info>.user-profile-link>a');
  416.                     return a ? a.href : null;
  417.                 },
  418.         
  419.                 /**
  420.                  * @returns {(string|null)} the user's id, in string format
  421.                  */
  422.                 getUserID() {
  423.                     const userpage = API.getUserpage(); //https://gf.qytechs.cn/zh-CN/users/667968-pyudng
  424.                     return userpage ? userpage.match(/\/users\/(\d+)(-[^\/]*\/*)?/)[1] : null;
  425.                 },
  426.         
  427.                 // editCallback recieves:
  428.                 //     true: edit doc load success
  429.                 //     false: already in set
  430.                 // finishCallback recieves:
  431.                 //     text: successfully added to set with text tip `text`
  432.                 //     true: successfully loaded document but no text tip found
  433.                 //     false: xhr error
  434.                 addFav(url, sid, editCallback, finishCallback) {
  435.                     API.modifyFav(url, oDom => {
  436.                         const existingInput = [...$All(oDom, '#script-set-scripts>input[name="scripts-included[]"][type="hidden"]')].find(input => input.value === sid);
  437.                         if (existingInput) {
  438.                             editCallback(false);
  439.                             return false;
  440.                         }
  441.         
  442.                         const input = $CrE('input');
  443.                         input.value = sid;
  444.                         input.name = 'scripts-included[]';
  445.                         input.type = 'hidden';
  446.                         $(oDom, '#script-set-scripts').appendChild(input);
  447.                         editCallback(true);
  448.                     }, oDom => {
  449.                         const status = $(oDom, 'p.notice');
  450.                         const status_text = status ? status.innerText : true;
  451.                         finishCallback(status_text);
  452.                     }, err => finishCallback(false));
  453.                 },
  454.         
  455.                 // editCallback recieves:
  456.                 //     true: edit doc load success
  457.                 //     false: already not in set
  458.                 // finishCallback recieves:
  459.                 //     text: successfully removed from set with text tip `text`
  460.                 //     true: successfully loaded document but no text tip found
  461.                 //     false: xhr error
  462.                 removeFav(url, sid, editCallback, finishCallback) {
  463.                     API.modifyFav(url, oDom => {
  464.                         const existingInput = [...$All(oDom, '#script-set-scripts>input[name="scripts-included[]"][type="hidden"]')].find(input => input.value === sid);
  465.                         if (!existingInput) {
  466.                             editCallback(false);
  467.                             return false;
  468.                         }
  469.         
  470.                         existingInput.remove();
  471.                         editCallback(true);
  472.                     }, oDom => {
  473.                         const status = $(oDom, 'p.notice');
  474.                         const status_text = status ? status.innerText : true;
  475.                         finishCallback(status_text);
  476.                     }, err => finishCallback(false));
  477.                 },
  478.         
  479.                 async modifyFav(url, editCallback, finishCallback, onerror) {
  480.                     const oDom = await API.getDocument(url);
  481.                     if (editCallback(oDom) === false) { return false; }
  482.         
  483.                     const form = $(oDom, '.change-script-set');
  484.                     const data = new FormData(form);
  485.                     data.append('save', '1');
  486.         
  487.                     // Use XMLHttpRequest insteadof GM_xmlhttpRequest because there's unknown issue with GM_xmlhttpRequest
  488.                     const xhr = new XMLHttpRequest();
  489.                     xhr.open('POST', API.toAbsoluteURL(form.getAttribute('action')));
  490.                     xhr.responseType = 'blob';
  491.                     xhr.onload = async e => finishCallback(await API.parseDocument(xhr.response));
  492.                     xhr.onerror = onerror;
  493.                     xhr.send(data);
  494.                 },
  495.         
  496.                 // Download and parse a url page into a html document(dom).
  497.                 // Returns a promise fulfills with dom
  498.                 async getDocument(url, retry=5) {
  499.                     try {
  500.                         const response = await fetch(url, {
  501.                             method: 'GET',
  502.                             cache: 'reload',
  503.                         });
  504.                         if (response.status === 200) {
  505.                             const blob = await response.blob();
  506.                             const oDom = await API.parseDocument(blob);
  507.                             return oDom;
  508.                         } else {
  509.                             throw new Error(`response.status is not 200 (${response.status})`);
  510.                         }
  511.                     } catch(err) {
  512.                         if (--retry > 0) {
  513.                             return API.getDocument(url, retry);
  514.                         } else {
  515.                             throw err;
  516.                         }
  517.                     }
  518.                 },
  519.         
  520.                 // Returns a promise fulfills with dom
  521.                 parseDocument(htmlblob) {
  522.                     return new Promise((resolve, reject) => {
  523.                         const reader = new FileReader();
  524.                         reader.onload = function(e) {
  525.                             const htmlText = reader.result;
  526.                             const dom = new DOMParser().parseFromString(htmlText, 'text/html');
  527.                             resolve(dom);
  528.                         }
  529.                         reader.onerror = err => reject(err);
  530.                         reader.readAsText(htmlblob, document.characterSet);
  531.                     });
  532.                 },
  533.         
  534.                 toAbsoluteURL(relativeURL, base=`${location.protocol}//${location.host}/`) {
  535.                     return new URL(relativeURL, base).href;
  536.                 },
  537.         
  538.                 GM_hasVersion(version) {
  539.                     return hasVersion(GM_info?.version || '0', version);
  540.         
  541.                     function hasVersion(ver1, ver2) {
  542.                         return compareVersions(ver1.toString(), ver2.toString()) >= 0;
  543.         
  544.                         // https://gf.qytechs.cn/app/javascript/versioncheck.js
  545.                         // https://developer.mozilla.org/en-US/docs/Mozilla/Add-ons/WebExtensions/manifest.json/version/format
  546.                         function compareVersions(a, b) {
  547.                           if (a == b) {
  548.                             return 0;
  549.                           }
  550.                           let aParts = a.split('.');
  551.                           let bParts = b.split('.');
  552.                           for (let i = 0; i < aParts.length; i++) {
  553.                             let result = compareVersionPart(aParts[i], bParts[i]);
  554.                             if (result != 0) {
  555.                               return result;
  556.                             }
  557.                           }
  558.                           // If all of a's parts are the same as b's parts, but b has additional parts, b is greater.
  559.                           if (bParts.length > aParts.length) {
  560.                             return -1;
  561.                           }
  562.                           return 0;
  563.                         }
  564.         
  565.                         function compareVersionPart(partA, partB) {
  566.                           let partAParts = parseVersionPart(partA);
  567.                           let partBParts = parseVersionPart(partB);
  568.                           for (let i = 0; i < partAParts.length; i++) {
  569.                             // "A string-part that exists is always less than a string-part that doesn't exist"
  570.                             if (partAParts[i].length > 0 && partBParts[i].length == 0) {
  571.                               return -1;
  572.                             }
  573.                             if (partAParts[i].length == 0 && partBParts[i].length > 0) {
  574.                               return 1;
  575.                             }
  576.                             if (partAParts[i] > partBParts[i]) {
  577.                               return 1;
  578.                             }
  579.                             if (partAParts[i] < partBParts[i]) {
  580.                               return -1;
  581.                             }
  582.                           }
  583.                           return 0;
  584.                         }
  585.         
  586.                         // It goes number, string, number, string. If it doesn't exist, then
  587.                         // 0 for numbers, empty string for strings.
  588.                         function parseVersionPart(part) {
  589.                           if (!part) {
  590.                             return [0, "", 0, ""];
  591.                           }
  592.                           let partParts = /([0-9]*)([^0-9]*)([0-9]*)([^0-9]*)/.exec(part)
  593.                           return [
  594.                             partParts[1] ? parseInt(partParts[1]) : 0,
  595.                             partParts[2],
  596.                             partParts[3] ? parseInt(partParts[3]) : 0,
  597.                             partParts[4]
  598.                           ];
  599.                         }
  600.                     }
  601.                 }
  602.             };
  603.         
  604.             return API;
  605.         }
  606.     }, {
  607. 		id: 'Favorite panel',
  608. 		checker: {
  609. 			type: 'func',
  610. 			value: () => {
  611. 				const path = location.pathname.split('/').filter(p=>p).map(p => p.toLowerCase());
  612. 				const index = path.indexOf('scripts');
  613. 				const scripts_exist = [0,1].includes(index);
  614. 				const is_scripts_list = path.length-1 === index;
  615. 				const is_set_page = /[\?&]set=\d+/.test(location.search);
  616. 				const correct_page = [undefined, 'code', 'feedback'].includes(path[index+2]);
  617. 				return scripts_exist && !is_scripts_list && !is_set_page && correct_page;
  618. 			}
  619. 		},
  620.         dependencies: ['utils', 'api'],
  621. 		func() {
  622.             const utils = require('utils');
  623.             const GFScriptSetAPI = require('api');
  624.             //if (!GFScriptSetAPI.getUserpage()) {return false;}
  625.  
  626.             class FavoritePanel {
  627.                 #CM;
  628.                 #sid;
  629.                 #sets;
  630.                 #elements;
  631.                 #disabled;
  632.  
  633.                 constructor(CM) {
  634.                     this.#CM = CM;
  635.                     this.#sid = location.pathname.match(/scripts\/(\d+)/)[1];
  636.                     this.#sets = this.#CM.getConfig('script-sets').sets;
  637.                     this.#elements = {};
  638.                     this.disabled = false;
  639.  
  640.                     // Sort sets by name in alphabetical order
  641.                     FavoritePanel.#sortSetsdata(this.#sets);
  642.  
  643.                     const script_after = $('#script-feedback-suggestion+*') || $('#new-script-discussion');
  644.                     const script_parent = script_after.parentElement;
  645.  
  646.                     // Container
  647.                     const script_favorite = this.#elements.container = $$CrE({
  648.                         tagName: 'div',
  649.                         props: {
  650.                             id: 'script-favorite',
  651.                             innerHTML: CONST.Text[i18n].FavEdit
  652.                         },
  653.                         styles: { margin: '0.75em 0' }
  654.                     });
  655.  
  656.                     // Selecter
  657.                     const favorite_groups = this.#elements.select = $$CrE({
  658.                         tagName: 'select',
  659.                         props: { id: 'favorite-groups' },
  660.                         styles: { maxWidth: '40vw' },
  661.                         listeners: [['change', (() => {
  662.                             let lastSelected = 0;
  663.                             const record = () => lastSelected = favorite_groups.selectedIndex;
  664.                             const recover = () => favorite_groups.selectedIndex = lastSelected;
  665.  
  666.                             return e => {
  667.                                 const value = favorite_groups.value;
  668.                                 const type = /^\d+$/.test(value) ? 'set-id' : 'command';
  669.  
  670.                                 switch (type) {
  671.                                     case 'set-id': {
  672.                                         const set = this.#sets.find(set => set.id === favorite_groups.value);
  673.                                         favorite_edit.href = set.linkedit;
  674.                                         break;
  675.                                     }
  676.                                     case 'command': {
  677.                                         recover();
  678.                                         this.#execCommand(value);
  679.                                     }
  680.                                 }
  681.  
  682.                                 this.#refreshButtonDisplay();
  683.                                 record();
  684.                             }
  685.                         }) ()]]
  686.                     });
  687.                     favorite_groups.id = 'favorite-groups';
  688.  
  689.                     // Buttons
  690.                     const makeBtn = (id, innerHTML, onClick, isLink=false) => $$CrE({
  691.                         tagName: 'a',
  692.                         props: {
  693.                             id, innerHTML,
  694.                             [isLink ? 'target' : 'href']: isLink ? '_blank' : 'javascript:void(0);'
  695.                         },
  696.                         styles: { margin: '0px 0.5em' },
  697.                         listeners: [['click', onClick]]
  698.                     });
  699.  
  700.                     const favorite_add = this.#elements.btnAdd = makeBtn('favorite-add', CONST.Text[i18n].Add, e => this.#addFav());
  701.                     const favorite_remove = this.#elements.btnRemove = makeBtn('favorite-remove', CONST.Text[i18n].Remove, e => this.#removeFav());
  702.                     const favorite_edit = this.#elements.btnEdit = makeBtn('favorite-edit', CONST.Text[i18n].Edit, e => {}, true);
  703.                     const favorite_iframe = this.#elements.btnIframe = makeBtn('favorite-edit-in-page', CONST.Text[i18n].EditIframe, e => this.#editInPage(e));
  704.                     const favorite_copy = this.#elements.btnCopy = makeBtn('favorite-add', CONST.Text[i18n].CopySID, e => utils.copyText(this.#sid));
  705.                     const favorite_sync = this.#elements.btnSync = makeBtn('favorite-sync', CONST.Text[i18n].Sync, e => this.#refresh());
  706.  
  707.                     script_favorite.appendChild(favorite_groups);
  708.                     script_after.before(script_favorite);
  709.                     [favorite_add, favorite_remove, favorite_edit, favorite_iframe, favorite_copy, favorite_sync].forEach(button => script_favorite.appendChild(button));
  710.  
  711.                     // Text tip
  712.                     const tip = this.#elements.tip = $CrE('span');
  713.                     script_favorite.appendChild(tip);
  714.  
  715.                     // Display cached sets first
  716.                     this.#displaySets();
  717.  
  718.                     // Request GF document to update sets
  719.                     this.#autoRefresh();
  720.                 }
  721.  
  722.                 get sid() {
  723.                     return this.#sid;
  724.                 }
  725.  
  726.                 get sets() {
  727.                     return FavoritePanel.#deepClone(this.#sets);
  728.                 }
  729.  
  730.                 get elements() {
  731.                     return FavoritePanel.#lightClone(this.#elements);
  732.                 }
  733.  
  734.                 #refresh() {
  735.                     const that = this;
  736.                     const method = CONFIG.useAPI ? 'api' : 'doc';
  737.                     return {
  738.                         api: () => this.#refresh_api(),
  739.                         doc: () => this.#refresh_doc()
  740.                     }[method]();
  741.                 }
  742.  
  743.                 async #refresh_api() {
  744.                     const CONFIG = this.#CM.Config;
  745.  
  746.                     this.#disable();
  747.                     this.#tip(CONST.Text[i18n].Refreshing.Data);
  748.  
  749.                     // Check login status
  750.                     if (!GFScriptSetAPI.getUserpage()) {
  751.                         this.#tip(CONST.Text[i18n].NotLoggedIn);
  752.                         return;
  753.                     }
  754.  
  755.                     // Request sets data api
  756.                     const api_result = await GFScriptSetAPI.getSetsData();
  757.                     const sets_data = api_result.data;
  758.                     const uid = GFScriptSetAPI.getUserID();
  759.  
  760.                     if (!api_result.ok) {
  761.                         // When api fails, use doc as fallback
  762.                         DoLog(LogLevel.Error, 'Sets API failed.');
  763.                         DoLog(LogLevel.Error, api_result);
  764.                         return this.#refresh_doc();
  765.                     }
  766.  
  767.                     // For forward compatibility, convert all setids and scriptids to string
  768.                     // and fill property set.link and set.linkedit
  769.                     for (const set of sets_data) {
  770.                         // convert set id to string
  771.                         set.id = set.id.toString();
  772.                         // https://gf.qytechs.cn/zh-CN/scripts?set=439237
  773.                         set.link = replaceText(CONST.URL.SetLink, { $ID: set.id });
  774.                         // https://gf.qytechs.cn/zh-CN/users/667968-pyudng/sets/439237/edit
  775.                         set.linkedit = replaceText(CONST.URL.SetEdit, { $UID: uid, $ID: set.id });
  776.  
  777.                         // there's two kind of sets: Favorite and non-favorite
  778.                         // favorite set's data is an array of object, where each object represents a script, with script's properties
  779.                         // non-favorite set's data is an array of ints, where each int means a script's id
  780.                         // For forward compatibility, we only store script ids, in string format
  781.                         set.scripts.forEach((script, i, scripts) => {
  782.                             if (typeof script === 'number') {
  783.                                 scripts[i] = script.toString();
  784.                             } else {
  785.                                 scripts[i] = script.id.toString();
  786.                             }
  787.                         });
  788.                     }
  789.  
  790.                     // Sort sets by name in alphabetical order
  791.                     FavoritePanel.#sortSetsdata(sets_data);
  792.  
  793.                     this.#sets = CONFIG['script-sets'].sets = sets_data;
  794.                     CONFIG['script-sets'].time = Date.now();
  795.  
  796.                     this.#tip();
  797.                     this.#enable();
  798.                     this.#displaySets();
  799.                     this.#refreshButtonDisplay();
  800.                 }
  801.  
  802.                 // Request document: get sets list and
  803.                 async #refresh_doc() {
  804.                     const CONFIG = this.#CM.Config;
  805.  
  806.                     this.#disable();
  807.                     this.#tip(CONST.Text[i18n].Refreshing.List);
  808.  
  809.                     // Check login status
  810.                     if (!GFScriptSetAPI.getUserpage()) {
  811.                         this.#tip(CONST.Text[i18n].NotLoggedIn);
  812.                         return;
  813.                     }
  814.  
  815.                     // Refresh sets list
  816.                     this.#sets = CONFIG['script-sets'].sets = await GFScriptSetAPI.getScriptSets();
  817.                     CONFIG['script-sets'].time = Date.now();
  818.                     this.#displaySets();
  819.  
  820.                     // Refresh each set's script list
  821.                     this.#tip(CONST.Text[i18n].Refreshing.Script);
  822.                     await Promise.all(this.#sets.map(async set => {
  823.                         // Fetch scripts
  824.                         set.scripts = await GFScriptSetAPI.getSetScripts(set.linkedit);
  825.                         this.#displaySets();
  826.  
  827.                         // Save to GM_storage
  828.                         const setIndex = CONFIG['script-sets'].sets.findIndex(s => s.id === set.id);
  829.                         CONFIG['script-sets'].sets[setIndex].scripts = set.scripts;
  830.                         CONFIG['script-sets'].time = Date.now();
  831.                     }));
  832.  
  833.                     this.#tip();
  834.                     this.#enable();
  835.                     this.#refreshButtonDisplay();
  836.                 }
  837.  
  838.                 // Refresh on instance creation.
  839.                 // This should be running in low-frequecy. Refreshing makes lots of requests which may resul in a 503 error(rate limit) for the user.
  840.                 #autoRefresh(minTime=1*24*60*60*1000) {
  841.                     const CONFIG = this.#CM.Config;
  842.                     const lastRefresh = new Date(CONFIG['script-sets'].time);
  843.                     if (Date.now() - lastRefresh > minTime) {
  844.                         this.#refresh();
  845.                         return true;
  846.                     } else {
  847.                         return false;
  848.                     }
  849.                 }
  850.  
  851.                 #addFav() {
  852.                     const set = this.#getCurrentSet();
  853.                     const option = set.elmOption;
  854.  
  855.                     this.#displayNotice(CONST.Text[i18n].Working[0]);
  856.                     GFScriptSetAPI.addFav(this.#getCurrentSet().linkedit, this.#sid, editStatus => {
  857.                         if (!editStatus) {
  858.                             this.#displayNotice(CONST.Text[i18n].Error.AlreadyExist);
  859.                             option.innerText = `${CONST.Text[i18n].InSetStatus[1]} ${set.name}`;
  860.                         } else {
  861.                             this.#displayNotice(CONST.Text[i18n].Working[1]);
  862.                         }
  863.                     }, finishStatus => {
  864.                         if (finishStatus) {
  865.                             // Save to this.#sets and GM_storage
  866.                             if (CONFIG['script-sets'].sets.some(set => !set.scripts)) {
  867.                                 // If scripts property is missing, do sync(refresh)
  868.                                 this.#refresh();
  869.                             } else {
  870.                                 const setIndex = CONFIG['script-sets'].sets.findIndex(s => s.id === set.id);
  871.                                 CONFIG['script-sets'].sets[setIndex].scripts.push(this.#sid);
  872.                                 this.#sets = CM.getConfig('script-sets').sets;
  873.                             }
  874.  
  875.                             // Display
  876.                             this.#displayNotice(typeof finishStatus === 'string' ? finishStatus : CONST.Text[i18n].Error.Unknown);
  877.                             set.elmOption.innerText = `${CONST.Text[i18n].InSetStatus[1]} ${set.name}`;
  878.                             this.#displaySets();
  879.                         } else {
  880.                             this.#displayNotice(CONST.Text[i18n].Error.NetworkError);
  881.                         }
  882.                     });
  883.                 }
  884.  
  885.                 #removeFav() {
  886.                     const set = this.#getCurrentSet();
  887.                     const option = set.elmOption;
  888.  
  889.                     this.#displayNotice(CONST.Text[i18n].Working[0]);
  890.                     GFScriptSetAPI.removeFav(this.#getCurrentSet().linkedit, this.#sid, editStatus => {
  891.                         if (!editStatus) {
  892.                             this.#displayNotice(CONST.Text[i18n].Error.NotExist);
  893.                             option.innerText = `${CONST.Text[i18n].InSetStatus[0]} ${set.name}`;
  894.                         } else {
  895.                             this.#displayNotice(CONST.Text[i18n].Working[1]);
  896.                         }
  897.                     }, finishStatus => {
  898.                         if (finishStatus) {
  899.                             // Save to this.#sets and GM_storage
  900.                             if (CONFIG['script-sets'].sets.some(set => !set.scripts)) {
  901.                                 // If scripts property is missing, do sync(refresh)
  902.                                 this.#refresh();
  903.                             } else {
  904.                                 const setIndex = CONFIG['script-sets'].sets.findIndex(s => s.id === set.id);
  905.                                 const scriptIndex = CONFIG['script-sets'].sets[setIndex].scripts.indexOf(this.#sid);
  906.                                 CONFIG['script-sets'].sets[setIndex].scripts.splice(scriptIndex, 1);
  907.                                 this.#sets = CM.getConfig('script-sets').sets;
  908.                             }
  909.  
  910.                             // Display
  911.                             this.#displayNotice(typeof finishStatus === 'string' ? finishStatus : CONST.Text[i18n].Error.Unknown);
  912.                             set.elmOption.innerText = `${CONST.Text[i18n].InSetStatus[0]} ${set.name}`;
  913.                             this.#displaySets();
  914.                         } else {
  915.                             this.#displayNotice(CONST.Text[i18n].Error.NetworkError);
  916.                         }
  917.                     });
  918.                 }
  919.  
  920.                 #editInPage(e) {
  921.                     e.preventDefault();
  922.  
  923.                     const _iframes = [...$All(this.#elements.container, '.script-edit-page')];
  924.                     if (_iframes.length) {
  925.                         // Iframe exists, close iframe
  926.                         this.#elements.btnIframe.innerText = CONST.Text[i18n].EditIframe;
  927.                         _iframes.forEach(ifr => ifr.remove());
  928.                         this.#refresh();
  929.                     } else {
  930.                         // Iframe not exist, make iframe
  931.                         this.#elements.btnIframe.innerText = CONST.Text[i18n].CloseIframe;
  932.  
  933.                         const iframe = $$CrE({
  934.                             tagName: 'iframe',
  935.                             props: {
  936.                                 src: this.#getCurrentSet().linkedit
  937.                             },
  938.                             styles: {
  939.                                 width: '100%',
  940.                                 height: '60vh'
  941.                             },
  942.                             classes: ['script-edit-page'],
  943.                             listeners: [['load', e => {
  944.                                 //this.#refresh();
  945.                                 //iframe.style.height = iframe.contentDocument.body.parentElement.offsetHeight + 'px';
  946.                             }]]
  947.                         });
  948.                         this.#elements.container.appendChild(iframe);
  949.                     }
  950.                 }
  951.  
  952.                 #displayNotice(text) {
  953.                     const notice = $CrE('p');
  954.                     notice.classList.add('notice');
  955.                     notice.id = 'fav-notice';
  956.                     notice.innerText = text;
  957.                     const old_notice = $('#fav-notice');
  958.                     old_notice && old_notice.parentElement.removeChild(old_notice);
  959.                     $('#script-content').insertAdjacentElement('afterbegin', notice);
  960.                 }
  961.  
  962.                 #tip(text='', timeout=0) {
  963.                     this.#elements.tip.innerText = text;
  964.                     timeout > 0 && setTimeout(() => this.#elements.tip.innerText = '', timeout);
  965.                 }
  966.  
  967.                 // Apply this.#sets to gui
  968.                 #displaySets() {
  969.                     const elements = this.#elements;
  970.  
  971.                     // Save selected set
  972.                     const old_value = elements.select.value;
  973.                     [...elements.select.children].forEach(child => child.remove());
  974.  
  975.                     // Make <optgroup>s and <option>s
  976.                     const serverGroup = elements.serverGroup = $$CrE({ tagName: 'optgroup', attrs: { label: CONST.Text[i18n].Groups.Server } });
  977.                     this.#sets.forEach(set => {
  978.                         // Create <option>
  979.                         set.elmOption = $$CrE({
  980.                             tagName: 'option',
  981.                             props: {
  982.                                 innerText: set.name,
  983.                                 value: set.id
  984.                             }
  985.                         });
  986.                         // Display inset status
  987.                         if (set.scripts) {
  988.                             const inSet = set.scripts.includes(this.#sid);
  989.                             set.elmOption.innerText = `${CONST.Text[i18n].InSetStatus[inSet+0]} ${set.name}`;
  990.                         }
  991.                         // Append <option> into <select>
  992.                         serverGroup.appendChild(set.elmOption);
  993.                     });
  994.                     if (this.#sets.length === 0) {
  995.                         const optEmpty = elements.optEmpty = $$CrE({
  996.                             tagName: 'option',
  997.                             props: {
  998.                                 innerText: CONST.Text[i18n].NoSetsYet,
  999.                                 value: 'empty',
  1000.                                 selected: true
  1001.                             }
  1002.                         });
  1003.                         serverGroup.appendChild(optEmpty);
  1004.                     }
  1005.  
  1006.                     const newGroup = elements.newGroup = $$CrE({ tagName: 'optgroup', attrs: { label: CONST.Text[i18n].Groups.New } });
  1007.                     const newSet = elements.newSet = $$CrE({
  1008.                         tagName: 'option',
  1009.                         props: {
  1010.                             innerText: CONST.Text[i18n].NewSet,
  1011.                             value: 'new',
  1012.                         }
  1013.                     });
  1014.                     newGroup.appendChild(newSet);
  1015.                     [serverGroup, newGroup].forEach(optgroup => elements.select.appendChild(optgroup));
  1016.  
  1017.                     // Adjust <select> width
  1018.                     elements.select.style.width = Math.max.apply(null, Array.from($All(elements.select, 'option')).map(o => o.innerText.length)).toString() + 'em';
  1019.  
  1020.                     // Select previous selected set's <option>
  1021.                     const selected = old_value ? [...$All(elements.select, 'option')].find(option => option.value === old_value) : null;
  1022.                     selected && (selected.selected = true);
  1023.  
  1024.                     // Set edit-button.href
  1025.                     if (elements.select.value !== 'empty') {
  1026.                         const curset = this.#sets.find(set => set.id === elements.select.value);
  1027.                         elements.btnEdit.href = curset.linkedit;
  1028.                     }
  1029.  
  1030.                     // Display correct button
  1031.                     this.#refreshButtonDisplay();
  1032.                 }
  1033.  
  1034.                 // Display only add button when script in current set, otherwise remove button
  1035.                 // Disable set-related buttons when not selecting options that not represents a set
  1036.                 #refreshButtonDisplay() {
  1037.                     const set = this.#getCurrentSet();
  1038.                     !this.#disabled && ([this.#elements.btnAdd, this.#elements.btnRemove, this.#elements.btnEdit, this.#elements.btnIframe]
  1039.                             .forEach(element => set ? FavoritePanel.#enableElement(element) : FavoritePanel.#disableElement(element)));
  1040.                     if (!set || !set.scripts) { return null; }
  1041.                     if (set.scripts.includes(this.#sid)) {
  1042.                         this.#elements.btnAdd.style.setProperty('display', 'none');
  1043.                         this.#elements.btnRemove.style.removeProperty('display');
  1044.                         return true;
  1045.                     } else {
  1046.                         this.#elements.btnRemove.style.setProperty('display', 'none');
  1047.                         this.#elements.btnAdd.style.removeProperty('display');
  1048.                         return false;
  1049.                     }
  1050.                 }
  1051.  
  1052.                 #execCommand(command) {
  1053.                     switch (command) {
  1054.                         case 'new': {
  1055.                             const url = GFScriptSetAPI.getUserpage() + (this.#getCurrentSet() ? '/sets/new' : '/sets/new?fav=1');
  1056.                             window.open(url);
  1057.                             break;
  1058.                         }
  1059.                         case 'empty': {
  1060.                             // Do nothing
  1061.                             break;
  1062.                         }
  1063.                     }
  1064.                 }
  1065.  
  1066.                 // Returns null if no <option>s yet
  1067.                 #getCurrentSet() {
  1068.                     return this.#sets.find(set => set.id === this.#elements.select.value) || null;
  1069.                 }
  1070.  
  1071.                 #disable() {
  1072.                     [
  1073.                         this.#elements.select,
  1074.                         this.#elements.btnAdd, this.#elements.btnRemove,
  1075.                         this.#elements.btnEdit, this.#elements.btnIframe,
  1076.                         this.#elements.btnCopy, this.#elements.btnSync
  1077.                     ].forEach(element => FavoritePanel.#disableElement(element));
  1078.                     this.#disabled = true;
  1079.                 }
  1080.  
  1081.                 #enable() {
  1082.                     [
  1083.                         this.#elements.select,
  1084.                         this.#elements.btnAdd, this.#elements.btnRemove,
  1085.                         this.#elements.btnEdit, this.#elements.btnIframe,
  1086.                         this.#elements.btnCopy, this.#elements.btnSync
  1087.                     ].forEach(element => FavoritePanel.#enableElement(element));
  1088.                     this.#disabled = false;
  1089.                 }
  1090.  
  1091.                 static #disableElement(element) {
  1092.                     element.style.filter = 'grayscale(1) brightness(0.95)';
  1093.                     element.style.opacity = '0.25';
  1094.                     element.style.pointerEvents = 'none';
  1095.                     element.tabIndex = -1;
  1096.                 }
  1097.  
  1098.                 static #enableElement(element) {
  1099.                     element.style.removeProperty('filter');
  1100.                     element.style.removeProperty('opacity');
  1101.                     element.style.removeProperty('pointer-events');
  1102.                     element.tabIndex = 0;
  1103.                 }
  1104.  
  1105.                 static #deepClone(val) {
  1106.                     if (typeof structuredClone === 'function') {
  1107.                         return structuredClone(val);
  1108.                     } else {
  1109.                         return JSON.parse(JSON.stringify(val));
  1110.                     }
  1111.                 }
  1112.  
  1113.                 static #lightClone(val) {
  1114.                     if (['string', 'number', 'boolean', 'undefined', 'bigint', 'symbol', 'function'].includes(val) || val === null) {
  1115.                         return val;
  1116.                     }
  1117.                     if (Array.isArray(val)) {
  1118.                         return val.slice();
  1119.                     }
  1120.                     if (typeof val === 'object') {
  1121.                         return Object.fromEntries(Object.entries(val));
  1122.                     }
  1123.                 }
  1124.  
  1125.                 static #sortSetsdata(sets_data) {
  1126.                     // Sort sets by name in alphabetical order
  1127.                     const sorted_names = sets_data.map(set => set.name).sort();
  1128.                     if (sorted_names.includes('Favorite')) {
  1129.                         // Keep set `Favorite` at first place
  1130.                         sorted_names.splice(0, 0, sorted_names.splice(sorted_names.indexOf('Favorite'), 1)[0]);
  1131.                     }
  1132.                     sets_data.sort((setA, setB) => sorted_names.indexOf(setA.name) - sorted_names.indexOf(setB.name));
  1133.                 }
  1134.             }
  1135.  
  1136.             const panel = new FavoritePanel(CM);
  1137.         }
  1138. 	}, {
  1139. 		id: 'api-doc switch',
  1140. 		checker: {
  1141. 			type: 'switch',
  1142. 			value: true
  1143. 		},
  1144.         dependencies: 'utils',
  1145. 		func: e => {
  1146.             const utils = require('utils');
  1147. 			utils.makeBooleanSettings([{
  1148. 				text: CONST.Text[i18n].UseAPI,
  1149. 				key: 'useAPI',
  1150. 				defaultValue: true
  1151. 			}]);
  1152. 		}
  1153. 	}, {
  1154. 		id: 'Set scripts sort',
  1155. 		checker: {
  1156. 			type: 'func',
  1157. 			value: () => {
  1158. 				const scripts_exist = [1, 2].map(index => location.pathname.split('/')[index]?.toLowerCase()).includes('scripts');
  1159. 				const is_set_page = /[\?&]set=\d+/.test(location.search);
  1160. 				return scripts_exist && is_set_page;
  1161. 			}
  1162. 		},
  1163. 		detectDom: '#script-list-sort>ul',
  1164. 		func: e => {
  1165. 			const search = new URLSearchParams(location.search);
  1166. 			const set_id = search.get('set');
  1167. 			const sort = search.get('sort');
  1168. 			if (!CONFIG['script-sets'].sets.some(set => set.id === set_id)) { return false; }
  1169.  
  1170. 			const ul = $('#script-list-sort>ul');
  1171. 			[false, true].forEach(reverse => {
  1172. 				const li = $$CrE({
  1173. 					tagName: 'li',
  1174. 					classes: ['list-option', 'gse-sort'], // gse: (G)resyfork(S)et(E)dit+
  1175. 					attrs: { reverse: reverse ? '1' : '0' },
  1176. 				});
  1177. 				const a = $$CrE({
  1178. 					tagName: 'a',
  1179. 					props: { innerText: CONST.Text[i18n].sortByApiDefault[+reverse] },
  1180. 					attrs: { rel: 'nofollow', href: getSortUrl(reverse) }
  1181. 				});
  1182. 				li.appendChild(a);
  1183. 				ul.appendChild(li);
  1184. 			});
  1185. 			$AEL(ul, 'click', e => {
  1186. 				if (e.target.matches('.gse-sort>a')) {
  1187. 					e.preventDefault();
  1188. 					const a = e.target;
  1189. 					const li = a.parentElement;
  1190. 					const reverse = !!+li.getAttribute('reverse');
  1191. 					sortByApiDefault(reverse);
  1192. 					buttonClicked(a);
  1193. 					setSortUrl(reverse);
  1194. 				}
  1195. 			}, { capture: true });
  1196.  
  1197. 			switch (sort) {
  1198. 				case 'gse_default':
  1199. 					sortByApiDefault(false);
  1200. 					buttonClicked($('.gse-sort[reverse="0"]>a'));
  1201. 					break;
  1202. 				case 'gse_reverse':
  1203. 					sortByApiDefault(true);
  1204. 					buttonClicked($('.gse-sort[reverse="1"]>a'));
  1205. 					break;
  1206. 			}
  1207.  
  1208. 			/**
  1209. 			 * Sort <li>s in #browse-script-list by default api order
  1210. 			 * Default api order is by add-to-set time right now (2024-07-21),
  1211. 			 * but this is not a promising feature
  1212. 			 */
  1213. 			function sortByApiDefault(reverse=false) {
  1214. 				const ol = $('#browse-script-list');
  1215. 				const li_scripts = Array.from(ol.children);
  1216. 				const set = CM.getConfig('script-sets').sets.find(set => set.id === set_id);
  1217. 				const scripts = set.scripts;
  1218. 				li_scripts.sort((li1, li2) => {
  1219. 					const [sid1, sid2] = [li1, li2].map(li => li.getAttribute('data-script-id'));
  1220. 					const [index1, index2] = [sid1, sid2].map(sid => scripts.indexOf(sid)).map(index => index >= 0 ? index : Infinity);
  1221.  
  1222. 					return (reverse ? [1, -1] : [-1, 1])[index1 > index2 ? 1 : 0];
  1223. 				});
  1224. 				//li_scripts.forEach(li => ol.removeChild(li));
  1225. 				li_scripts.forEach(li => ol.appendChild(li));
  1226. 			}
  1227.  
  1228. 			/**
  1229. 			 * Change the clicked button gui to given one
  1230. 			 */
  1231. 			function buttonClicked(a) {
  1232. 				const li = a.parentElement;
  1233. 				const ul = li.parentElement;
  1234. 				const old_li_current = Array.from(ul.children).find(li => li.classList.contains('list-current'));
  1235.  
  1236. 				li.classList.add('list-current');
  1237. 				a.remove();
  1238. 				li.innerText = a.innerText;
  1239.  
  1240. 				old_li_current.classList.remove('list-current');
  1241. 				const old_li_a = $$CrE({
  1242. 					tagName: 'a',
  1243. 					attrs: { href: location.pathname + location.search + location.hash },
  1244. 					props: { innerText: old_li_current.innerText }
  1245. 				});
  1246. 				old_li_current.innerText = '';
  1247. 				old_li_current.appendChild(old_li_a);
  1248. 			}
  1249.  
  1250. 			/**
  1251. 			 * Set url search params when sorting
  1252. 			 */
  1253. 			function setSortUrl(reverse) {
  1254. 				history.replaceState({}, '', getSortUrl(reverse));
  1255. 			}
  1256.  
  1257. 			/**
  1258. 			 * Make corrent url search params with sorting
  1259. 			 */
  1260. 			function getSortUrl(reverse) {
  1261. 				const search = new URLSearchParams(location.search);
  1262. 				search.set('sort', reverse ? 'gse_reverse' : 'gse_default');
  1263. 				const url = location.pathname + '?' + search.toString();
  1264. 				return url;
  1265. 			}
  1266. 		}
  1267. 	}]);
  1268. })();

欢迎访问Greasy Fork镜像

土豆服务器，请按需使用

镜像地址随时可能被墙，建议加群获取最新地址

加入Q群

QingJ © 2025

镜像随时可能失效，请加Q群300939539或关注我们的公众号极客氢云获取最新地址