☰

AO3: Reorder Fandoms by Size

Sorts fandoms by no. of works on AO3's fandoms list.

  1. // ==UserScript==
  2. // @name        AO3: Reorder Fandoms by Size
  3. // @namespace   adustyspectacle
  4. // @description Sorts fandoms by no. of works on AO3's fandoms list.
  5. // @version     1.2
  6. // @history     1.2 - added exclude rule for the uncategorized fandoms page
  7. // @history     1.1 - added another range because marvel broke 250k
  8. // @history     1.0 - initial release
  9. // @grant       none
  10. // @include     *archiveofourown.org/media/*
  11. // @exclude     *archiveofourown.org/media/Uncategorized*
  12. // ==/UserScript==
  13.  
  14.  
  15. function insertBefore(el, referenceNode) {
  16. 	referenceNode.parentNode.insertBefore(el, referenceNode);
  17. }
  18.  
  19. function insertAfter(el, referenceNode) {
  20. 	referenceNode.parentNode.insertBefore(el, referenceNode.nextSibling);
  21. }
  22.  
  23. function numShorten(i) {
  24. 	if (i >= 1000000000) return (i/1000000000).toLocaleString().replace(".", "_") + "b";
  25. 	else if (i >= 1000000) return (i/1000000).toLocaleString().replace(".", "_") + "m";
  26. 	else if (i >= 1000) return (i/1000).toLocaleString().replace(".", "_") + "k";
  27. 	else return i.toLocaleString();
  28. }
  29.  
  30. function changeAlphabetNavId() {
  31. 	var alphabetNav = document.getElementById("alphabet");
  32. 	alphabetNav.setAttribute("id", "alphabet-nav");
  33. }
  34.  
  35. function createReorderOptions() {
  36. 	var reorderOptionsForm = document.createElement("form");
  37. 	var reorderOptionsFieldset = document.createElement("fieldset");
  38. 	var reorderOptionsLegend = document.createElement("legend");
  39. 	
  40. 	insertAfter(reorderOptionsForm, document.querySelector("#main.fandoms-index p"));
  41. 	
  42. 	reorderOptionsForm.setAttribute("id", "reorder-options");
  43. 	reorderOptionsForm.setAttribute("class", "verbose");
  44. 	reorderOptionsLegend.innerHTML = "Sorting Options";
  45. 	
  46. 	reorderOptionsFieldset.appendChild(reorderOptionsLegend);
  47. 	reorderOptionsForm.appendChild(reorderOptionsFieldset);
  48. }
  49.  
  50. var alphabetGroup = document.querySelectorAll("ol.fandom.index.group");
  51. var numericalGroup = alphabetGroup[0].cloneNode(false);
  52. numericalGroup.classList.add("sort-by-fandomsize")
  53. insertAfter(numericalGroup, alphabetGroup[0]);
  54.  
  55. var fandomSizeRanges = [
  56.  
  57.     [1000000, 1250000],
  58.     [750000, 1000000],
  59.     [500000, 750000],
  60.     [250000, 500000],
  61. 	[100000, 250000],
  62. 	[50000, 100000],
  63. 	[25000, 50000],
  64. 	[10000, 25000],
  65. 	[5000, 10000],
  66. 	[1000, 5000],
  67. 	[500, 1000],
  68. 	[100, 500],
  69. 	[50, 100],
  70. 	[25, 50],
  71. 	[10, 25],
  72. 	[5, 10],
  73. 	[2, 5],
  74. 	[1, 1]
  75. ]
  76.  
  77. if (alphabetGroup[0] != undefined && alphabetGroup[0].classList.contains("sort-by-alphabet") == false) {
  78. 		alphabetGroup[0].classList.add("sort-by-alphabet");
  79. 		var fandomList = document.querySelectorAll("ul.tags.index.group > li");
  80. 		var numericalList = [];
  81.  
  82. 		function extractLinkcounts(e) {
  83. 				var t = fandomList[e].innerHTML;
  84. 				var n = t.indexOf("</a>") + 4;
  85. 				var r = fandomList[e].querySelector('a').getAttribute('href');
  86. 				var i = t.slice(t.indexOf(">") + 1, t.lastIndexOf("<"));
  87. 				var s = t.substr(n);
  88. 				var o = s.slice(s.indexOf("(") + 1, s.indexOf(")"));
  89. 				numericalList.push({
  90. 						href: r,
  91. 						text: i,
  92. 						count: +o
  93. 				})
  94. 		}
  95. 		for (var i = 0; i < fandomList.length; i++) {
  96. 				extractLinkcounts(i);
  97. 		}
  98. 		numericalList.sort(function(e, t) {
  99. 				return t.count - e.count
  100. 		});
  101. 		
  102. 		var alphabetElems = document.querySelectorAll("#alphabet, .sort-by-alphabet");
  103. 		for (var i = 0; i < alphabetElems.length; i++) {
  104. 				alphabetElems[i].setAttribute("style", "display: none");
  105. 		}
  106. 		
  107. 		var fandomNumericalGroup = [];
  108. 		
  109. 		for (var i = 0; i < fandomSizeRanges.length; i++) {
  110. 			var fandomNumerical = document.createElement("li");
  111. 			var numericalHeading = document.createElement("h3");
  112. 			var numericalToTop = document.querySelector("span.action.top").cloneNode(true);
  113. 			var numericalToTopLink = numericalToTop.querySelector("a");
  114. 			
  115. 			numericalToTop.setAttribute("style", "margin: 0 0.5em; vertical-align: 0.1em;");
  116. 			numericalToTopLink.setAttribute("href", "#numerical-nav");
  117. 			fandomNumerical.setAttribute("class", "letter listbox group");
  118. 			numericalHeading.setAttribute("class", "heading");
  119. 			fandomNumerical.setAttribute("id", "range-" + numShorten(fandomSizeRanges[i][0]) + "-" + numShorten(fandomSizeRanges[i][1]));
  120. 			
  121. 			if (fandomSizeRanges[i][0] == 1 && fandomSizeRanges[i][1] == 1) {
  122. 				numericalHeading.innerHTML = "1 Work";
  123. 			} else {
  124. 				numericalHeading.innerHTML =  fandomSizeRanges[i][0].toLocaleString() + " - " + fandomSizeRanges[i][1].toLocaleString() + " Works";
  125. 			}
  126. 			
  127. 			numericalHeading.appendChild(numericalToTop);
  128. 			fandomNumerical.appendChild(numericalHeading);
  129. 			
  130. 			var fandomIndex = document.createElement("ul");
  131. 			fandomIndex.setAttribute("class", "tags index group");
  132. 			fandomNumerical.appendChild(fandomIndex);
  133. 			
  134. 			fandomNumericalGroup.push(fandomNumerical);
  135. 		}
  136. 		
  137. 		for (var i = 0; i < fandomSizeRanges.length; i++) {
  138. 			numericalGroup.appendChild(fandomNumericalGroup[i]);
  139. 		}
  140. 		
  141. 		for (var i = 0; i < numericalList.length; i++) {
  142. 				var fandomItem = document.createElement("li");
  143. 				if (i % 2 == 0) {
  144. 						fandomItem.setAttribute("class", "odd")
  145. 				} else {
  146. 						fandomItem.setAttribute("class", "even")
  147. 				}
  148. 				var fandomAnchor = document.createElement("a");
  149. 				fandomAnchor.setAttribute("href", numericalList[i].href);
  150. 				fandomAnchor.setAttribute("class", "tag");
  151. 				fandomAnchor.innerHTML = numericalList[i].text;
  152. 				fandomItem.appendChild(fandomAnchor);
  153. 				if (numericalList[i].count > 0) {
  154. 						var fandomCount = document.createTextNode("  (" + numericalList[i].count + ")");
  155. 						fandomItem.appendChild(fandomCount);
  156. 				}
  157. 				
  158. 				var x = fandomSizeRanges.length - 1;
  159. 				while (!(numericalList[i].count >= fandomSizeRanges[x][0] && numericalList[i].count <= fandomSizeRanges[x][1])) {
  160. 					x--;
  161. 				}
  162. 				
  163. 				fandomNumericalGroup[x].querySelector('ul').appendChild(fandomItem);
  164. 		}
  165. 		
  166. 		var numericalNav = document.createElement("ul");
  167. 		numericalNav.setAttribute("id", "numerical-nav");
  168. 		numericalNav.setAttribute("class", "alphabet actions");
  169. 		numericalNav.setAttribute("role", "navigation");
  170. 		
  171. 		for (var i = 0; i < fandomSizeRanges.length; i++) {
  172. 			var numericalNavItem = document.querySelector("#alphabet li").cloneNode(true);
  173. 			var numericalNavItemLink = numericalNavItem.querySelector("a");
  174. 			
  175. 			numericalNavItem.setAttribute("style", "margin: 0 0.25em;");
  176. 			numericalNavItemLink.setAttribute("href", "#range-" + numShorten(fandomSizeRanges[i][0]) + "-" + numShorten(fandomSizeRanges[i][1]));
  177. 			
  178. 			if (fandomSizeRanges[i][0] == 1 && fandomSizeRanges[i][1] == 1) {
  179. 				numericalNavItemLink.innerHTML = "1";
  180. 			} else {
  181. 				numericalNavItemLink.innerHTML = numShorten(fandomSizeRanges[i][0]) + "-" + numShorten(fandomSizeRanges[i][1]);
  182. 			}
  183. 			
  184. 			numericalNavItem.appendChild(numericalNavItemLink);
  185. 			numericalNav.appendChild(numericalNavItem);
  186. 		}
  187. 		
  188. 		insertBefore(numericalNav, document.getElementById("alphabet"));
  189. }