☰

Tag counter

add tags counter to list of entries. Great for MFC editors!

当前为 2023-06-18 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         Tag counter
  3. // @namespace    http://tampermonkey.net/
  4. // @version      0.1.1
  5. // @description  add tags counter to list of entries. Great for MFC editors!
  6. // @author       Nefere
  7. // @match        https://myfigurecollection.net/entry/*
  8. // @match        https://myfigurecollection.net/browse.v4.php*
  9. // @match        https://myfigurecollection.net/browse/calendar/*
  10. // @icon         https://www.google.com/s2/favicons?sz=64&domain=myfigurecollection.net
  11. // @grant        GM.getValue
  12. // @grant        GM.setValue
  13. // ==/UserScript==
  14.  
  15. (async function() {
  16.     'use strict';
  17.     var TAG_CLASSNAME = "us-tag";
  18.     var FAKE_CLASS_PLACEHOLDER = "what-i-was-looking-for";
  19. 	var REQUEST_DELAY = 1000;
  20. 	var CACHE_FRESH_SECONDS = 10 * 60;
  21. 	var CACHE_SAVE_ENTRIES = [];
  22. 	var CACHE_SAVE_AFTER_SETTING_VALUES_ORDER = 5;
  23. 	var tagCounterCache;
  24. 	
  25. 	function sleep(ms) {
  26. 		return new Promise(resolve => setTimeout(resolve, ms));
  27. 	};
  28. 	async function getTagCounterCache () {
  29. 		return new Map(Object.entries(
  30. 			JSON.parse(await GM.getValue('tagCounterCache', '{}'))));
  31. 	};
  32. 	async function saveTagCounterCache() {
  33. 		var newTagCounterCache = await getTagCounterCache();
  34. 		for (var entry of CACHE_SAVE_ENTRIES) {
  35. 			newTagCounterCache.set(entry.key, entry.value);
  36. 		}
  37. 		GM.setValue('tagCounterCache', JSON.stringify(Object.fromEntries(newTagCounterCache)));
  38. 		tagCounterCache = newTagCounterCache;
  39. 	};
  40. 	async function pushToTagCounterCache(url, tagCounter) {
  41. 		if (tagCounter) {
  42. 			var time = Date.now();
  43. 			var entry = {key: url, value: {'number': tagCounter, 'updatedTime': time}};
  44. 			tagCounterCache.set(entry.key, entry.value);
  45. 			CACHE_SAVE_ENTRIES.push(entry);
  46. 			if (CACHE_SAVE_ENTRIES.length % CACHE_SAVE_AFTER_SETTING_VALUES_ORDER == 0) {
  47. 				saveTagCounterCache();
  48. 			}
  49. 		}
  50. 	};
  51. 	function getTagCounterFromTagCounterCache(url) {
  52. 		var tagCounterPair = tagCounterCache.get(url);
  53. 		if (tagCounterPair == null) {
  54. 			return 0;
  55. 		}
  56. 		var rottenPairDate = new Date(tagCounterPair.updatedTime);
  57. 		rottenPairDate.setSeconds(rottenPairDate.getSeconds() + CACHE_FRESH_SECONDS);
  58. 		if ( rottenPairDate < Date.now()) {
  59. 			tagCounterCache.delete(url);
  60. 			return 0;
  61. 		}
  62. 		return tagCounterPair.number;
  63. 	};
  64.     function addStyles() {
  65.         $("<style>")
  66.         .prop("type", "text/css")
  67.         .html("\
  68.         .item-icon ." + TAG_CLASSNAME + " {\
  69.             position: absolute;\
  70.             display: block;\
  71.             right: 1px;\
  72.             bottom: 1px;\
  73.             height: 16px;\
  74.             padding: 0 4px;\
  75.             font-weight: 700;\
  76.             color: gold;\
  77.             background-color: darkgreen\
  78.           }")
  79.         .appendTo("head");
  80.     };
  81.     function getEntryContainers() {
  82. 		var pathname = window.location.pathname;
  83. 		if (pathname.includes("/entry/")		/* encyclopedia entry */
  84. 		|| pathname.includes("/browse.v4.php")  /* search results with filters */
  85. 		|| pathname.includes("/browse/calendar/")/* calendar page */
  86. 		) {
  87.             var result = $("#wide .result");
  88.             return result;
  89.         }
  90.         console.log("unsupported getEntryContainers");
  91.         return $(FAKE_CLASS_PLACEHOLDER);
  92.     };
  93. 	function isDetailedList () {
  94. 		var search = window.location.search;
  95. 		var searchParams = new URLSearchParams(search);
  96. 		var outputParam = searchParams.get("output"); /* 0 - detailedList, 1,2 - grid, 3 - diaporama */
  97. 		return outputParam == 0;
  98. 	};
  99.     function getItemsFromContainer(entryContainer) {
  100.         var icons = $(entryContainer).find(".item-icons .item-icon");
  101.         if (icons.length > 0) {
  102.             return icons;
  103.         }
  104. 		var pathname = window.location.pathname;
  105.         if (pathname.includes("/browse.v4.php") /* search page, detailed list view */
  106. 			&& isDetailedList()) {
  107. 			return $(FAKE_CLASS_PLACEHOLDER);
  108. 			}
  109.         console.log("unsupported getItemsFromContainer");
  110.         return $(FAKE_CLASS_PLACEHOLDER);
  111.     };
  112. 	function getTagCounterFromHtml(html){
  113.         var parser = new DOMParser();
  114.         var doc = parser.parseFromString(html, 'text/html');
  115.         var tagCounterNode = doc.querySelector('.tbx-target-TAGS .count');
  116.         return tagCounterNode.textContent;
  117. 	};
  118. 	function addTagCounterToSearchResult(itemLinkElement, countOfTags) {
  119.         var tagElement = document.createElement("span");
  120.         tagElement.setAttribute("class", TAG_CLASSNAME);
  121.         tagElement.textContent = countOfTags;
  122.         itemLinkElement.appendChild(tagElement);
  123. 	};
  124.  
  125. 	async function fetchAndHandle (queue) {
  126. 		var resultQueue = [];
  127. 		for(var itemElement of queue) {
  128. 			var itemLinkElement = itemElement.firstChild;
  129. 			var entryLink = itemLinkElement.getAttribute("href");
  130. 			
  131. 			fetch(entryLink).then(function (response) {
  132. 				if (response.ok) {
  133. 					return response.text();
  134. 				}
  135. 				return Promise.reject(response);
  136. 			}).then(function (html) {
  137. 				var countOfTags = getTagCounterFromHtml(html);
  138. 				addTagCounterToSearchResult(itemLinkElement, countOfTags);
  139. 				pushToTagCounterCache(entryLink, countOfTags);
  140. 			}).catch(function (err) {
  141. 				if (err.status == 429) {
  142. 					console.warn('Too many requests. Added the request to fetch later', err.url);
  143. 					resultQueue.push(itemElement);
  144. 					REQUEST_DELAY = REQUEST_DELAY * 1.1;
  145. 					console.info('Increased delay to ' + REQUEST_DELAY);
  146. 				}
  147. 			});
  148. 			await sleep(REQUEST_DELAY);
  149. 			
  150. 		}
  151. 		return resultQueue;
  152. 	};
  153. 	async function main(){
  154. 		var cacheQueue = [];
  155. 		var entryContainers = getEntryContainers();
  156. 		entryContainers.each(function(i, entryContainer) {
  157. 			var itemsElements = getItemsFromContainer(entryContainer);
  158. 			itemsElements.each(function(i, itemElement) {
  159. 				cacheQueue.push(itemElement);
  160. 			});
  161. 		});
  162.  
  163. 		var queue = [];
  164. 		tagCounterCache = await getTagCounterCache();
  165. 		for(var itemElement of cacheQueue) {
  166. 			var itemLinkElement = itemElement.firstChild;
  167. 				var entryLink = itemLinkElement.getAttribute("href");
  168. 				var cache = getTagCounterFromTagCounterCache(entryLink);
  169. 				if (cache > 0) {
  170. 					addTagCounterToSearchResult(itemLinkElement, cache);
  171. 				} else {
  172. 					queue.push(itemElement);
  173. 				}
  174. 		}
  175. 		while (queue.length) {
  176. 			queue = await fetchAndHandle(queue);
  177. 		}
  178. 		saveTagCounterCache();
  179.  
  180. 	};
  181. 	
  182. 	addStyles();
  183. 	main();
  184. })();