☰

Curseforge QOL Fixes

Various Quality of Life improvements to the Curseforge website

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

  1. // ==UserScript==
  2. // @name         Curseforge QOL Fixes
  3. // @version      0.25
  4. // @description  Various Quality of Life improvements to the Curseforge website
  5. // @author       comp500
  6. // @namespace    https://infra.link/
  7. // @match        https://www.curseforge.com/*
  8. // @match        https://legacy.curseforge.com/*
  9. // @homepageURL  https://github.com/comp500/Curseforge-Userscripts/
  10. // @supportURL   https://github.com/comp500/Curseforge-Userscripts/issues/
  11. // @source       https://github.com/comp500/Curseforge-Userscripts/
  12. // @run-at       document-end
  13. // @grant        none
  14. // ==/UserScript==
  15.  
  16. (function () {
  17. 	"use strict";
  18.  
  19. 	// Add a search box
  20. 	let searchBoxContainer = document.createElement("div");
  21. 	searchBoxContainer.className = "flex mr-4 items-center";
  22. 	// Get the current assets path
  23. 	let styleSheet = Array.from(document.styleSheets).find((s) => /\/Content\/([\d\-]+)\//.test(s.href));
  24. 	let assetsPath = styleSheet == null ? "2-0-7179-35052" : /\/Content\/([\d\-]+)\//.exec(styleSheet.href)[1];
  25. 	searchBoxContainer.innerHTML = `<form action="/minecraft/mc-mods/search" method="get" novalidate="novalidate" autocomplete="false" style="width:100%">
  26. 	<div class="flex flex-col h-full justify-between">
  27. 		 <div class="input input--icon" style="color: #000">
  28. 			<i class="search textgray-900 flex items-center justify-center">
  29. 				<svg class="icon" viewBox="0 0 20 20" width="16" height="16"><use xlink:href="/Content/${assetsPath}/Skins/CurseForge/images/twitch/Object/Search.svg#Object/Search"></use></svg>
  30. 			</i>
  31. 			<input type="text" name="search" id="cfqolTopbarSearch" placeholder="Search Mods">
  32. 		</div>
  33. 	</div></form>`;
  34. 	let insertLocation = document.querySelector(".curseforge-header .ml-auto > div");
  35. 	if (insertLocation != null && insertLocation.firstChild != null) {
  36. 		// @Inject(method = "the navbar", at = @At("HEAD"))
  37. 		insertLocation.insertBefore(searchBoxContainer, insertLocation.firstChild);
  38.  
  39. 		// Make the search box magically grow
  40. 		let searchBox = searchBoxContainer.querySelector("#cfqolTopbarSearch");
  41. 		if (searchBox != null) {
  42. 			// Fix stupid flexboxes - set to flex-grow 1 flex-shrink 0
  43. 			searchBoxContainer.style.flex = "1 0";
  44. 			searchBoxContainer.parentNode.parentNode.style.flex = "1 0";
  45.  
  46. 			let navLinksContainer = document.querySelector(".top-nav__nav-link").parentNode;
  47. 			navLinksContainer.style.transition = "opacity 0.4s, max-width 0.3s";
  48. 			searchBox.addEventListener("focus", (e) => {
  49. 				navLinksContainer.style.opacity = 0;
  50. 				navLinksContainer.style.maxWidth = "0";
  51. 			});
  52. 			searchBox.addEventListener("blur", (e) => {
  53. 				navLinksContainer.style.opacity = 1;
  54. 				navLinksContainer.style.maxWidth = "2000px";
  55. 			});
  56. 			// Make the search icon focus the search box
  57. 			let searchIcon = searchBoxContainer.querySelector(".search");
  58. 			if (searchIcon != null) {
  59. 				searchIcon.addEventListener("click", (e) => {
  60. 					searchBox.focus();
  61. 				});
  62. 			}
  63. 		}
  64. 	}
  65.  
  66. 	// Add an "All Files" tab for all curseforge projects
  67. 	let projectPathMatches = /^\/([\w-]+)\/([\w-]+)\/([a-z][\da-z-_]{0,127})/.exec(document.location.pathname);
  68. 	let filesTab = document.getElementById("nav-files");
  69. 	if (projectPathMatches != null && projectPathMatches.length == 4 && filesTab != null) {
  70. 		let gameName = projectPathMatches[1];
  71. 		let projectCategory = projectPathMatches[2];
  72. 		let projectSlug = projectPathMatches[3];
  73.  
  74. 		let projectAllFiles = document.createElement("li");
  75. 		let isAllFilesPage = /\/files\/all$/.test(document.location.pathname);
  76. 		if (isAllFilesPage) {
  77. 			projectAllFiles.className =
  78. 				"border-b-2 border-primary-500 b-list-item p-nav-item px-2 pb-1/10 -mb-1/10 text-gray-500";
  79. 			filesTab.className = "b-list-item p-nav-item px-2 pb-1/10 -mb-1/10 text-gray-500";
  80. 			filesTab.getElementsByTagName("a")[0].className = "text-gray-500 hover:no-underline";
  81. 		} else {
  82. 			projectAllFiles.className = "b-list-item p-nav-item px-2 pb-1/10 -mb-1/10 text-gray-500";
  83. 		}
  84. 		projectAllFiles.innerHTML = `<a href="/${gameName}/${projectCategory}/${projectSlug}/files/all" class="text-${
  85. 			isAllFilesPage ? "primary" : "gray"
  86. 		}-500 hover:no-underline">
  87. 			<span class="b-list-label">
  88. 				All Files
  89. 			</span>
  90. 		</a>`;
  91. 		filesTab.parentNode.insertBefore(projectAllFiles, filesTab.nextSibling);
  92. 	}
  93.  
  94. 	// Add pagination to the bottom of the page in dependency lists
  95. 	let dependenciesPage = document.querySelector(".project-dependencies-page > div");
  96. 	if (dependenciesPage != null) {
  97. 		let paginationTop = document.querySelector(".project-dependencies-page > div .pagination-top");
  98. 		if (paginationTop != null) {
  99. 			dependenciesPage.appendChild(paginationTop.parentNode.cloneNode(true)).classList.remove("mb-4");
  100. 		}
  101. 	}
  102.  
  103. 	// Skip download countdowns
  104. 	let downloadScript = Array.from(document.scripts).find(
  105. 		(s) => s.innerText != null && s.innerText.includes("PublicProjectDownload.countdown")
  106. 	);
  107. 	if (downloadScript != null && downloadScript.innerText != null) {
  108. 		let matches = downloadScript.innerText.match(/countdown\("(.+)"\)/);
  109. 		if (matches != null && matches[1] != null) {
  110. 			// Break the existing script
  111. 			let countdownEl = document.querySelector("span[data-countdown-seconds]");
  112. 			if (countdownEl != null) {
  113. 				// UNSAFE if grant != none! For some reason jQuery stores data in itself rather than attrs?!
  114. 				jQuery.removeData(countdownEl, "countdown-seconds");
  115. 			}
  116.  
  117. 			let downloadText = document.querySelector("p[data-countdown-timer]");
  118. 			if (downloadText != null) {
  119. 				downloadText.innerText = "Downloading now...";
  120. 			}
  121.  
  122. 			window.location.href = matches[1];
  123. 		}
  124. 	}
  125. 	
  126. 	/**
  127. 	 * Link redirections
  128. 	 */
  129.  
  130. 	const linkList = Array.from(document.getElementsByTagName("a"));
  131. 	const regexDownloadLink = /^https:\/\/(www|legacy).curseforge.com\/.*\/download\/\d+$/;
  132.  
  133. 	const redirections = [
  134. 		// Better method for skipping, if links contain file ID already
  135. 		[regexDownloadLink, a => {
  136. 			a.href = a.href + "/file";
  137. 		}],
  138. 		// Change the default Minecraft tab (from other links) to /minecraft/mc-mods
  139. 		[/^http:\/\/bit.ly\/2Lzpfsl|https:\/\/(www|legacy).curseforge.com\/minecraft\/?$/, a => {
  140. 			a.path = "/minecraft/mc-mods";
  141. 		}],
  142. 		// Change the default member tab to projects
  143. 		[/^https:\/\/(www|legacy).curseforge.com\/members\/[^\/]+\/?$/, a => {
  144. 			a.href = a.href + (a.href.endsWith("/") ? "" : "/") + "projects";
  145. 		}],
  146. 		// Redirect linkout URLs
  147. 		[/^https:\/\/(www|legacy).curseforge.com\/linkout/, a => {
  148. 			let url = new URL(a.href);
  149. 			a.href = decodeURIComponent(url.searchParams.get("remoteUrl"));
  150. 		}],
  151. 		// Change the default dependency type to "Required Dependency"
  152. 		[/^https:\/\/(www|legacy).curseforge.com\/([\w-]+)\/([\w-]+)\/([a-z][\da-z-_]{0,127})\/relations\/dependencies\/?$/, a => {
  153. 			a.href = a.href + "?filter-related-dependencies=3";
  154. 		}]
  155. 	];
  156. 	
  157. 	for (let link of linkList) {
  158. 		for (let redir of redirections) {
  159. 			if (redir[0].test(link.href)) {
  160. 				redir[1](link);
  161. 				break;
  162. 			}
  163. 		}
  164. 	}
  165.  
  166. 	/**
  167. 	 * Readd download buttons for modpacks
  168. 	 */
  169.  
  170. 	// All Files list
  171. 	Array.from(document.querySelectorAll("table.listing a.button"))
  172. 		.filter(l => l.pathname.startsWith("/minecraft/modpacks") && l.href.endsWith("?client=y"))
  173. 		.map(link => {
  174. 			let newHref = link.href.slice(0, -9);
  175. 			if (regexDownloadLink.test(newHref)) {
  176. 				newHref = newHref + "/file";
  177. 			}
  178.  
  179. 			let newLink = link.cloneNode(true);
  180. 			newLink.href = newHref;
  181. 			newLink.classList.add("button--icon-only");
  182. 			newLink.classList.add("mr-2");
  183.  
  184. 			newLink.innerHTML = `<span class="button__text">
  185. 				<svg class="icon icon-fixed-width icon-margin" viewBox="0 0 20 20" width="18" height="18">
  186. 					<use xlink:href="/Content/${assetsPath}/Skins/CurseForge/images/twitch/Action/Download.svg#Action/Download"></use>
  187. 				</svg>
  188. 			</span>`;
  189.  
  190. 			if (link.parentNode != null) {
  191. 				link.parentNode.insertBefore(newLink, link);
  192. 			}
  193. 		});
  194. 	
  195. 	// Main File button, Page header button
  196. 	Array.from(document.querySelectorAll("article a.button, header a.button"))
  197. 		.filter((l) => l.pathname.startsWith("/minecraft/modpacks") && l.href.endsWith("?client=y"))
  198. 		.map((link) => {
  199. 			let newHref = link.href.slice(0, -9);
  200. 			if (regexDownloadLink.test(newHref)) {
  201. 				newHref = newHref + "/file";
  202. 			}
  203.  
  204. 			if (link.parentNode.parentNode.childElementCount >= 2) {
  205. 				// For some reason, direct file pages now have it, but not the main files page?
  206. 				return;
  207. 			}
  208.  
  209. 			let newButton = link.parentNode.cloneNode(true);
  210. 			newButton.classList.remove("ml-2");
  211. 			let newLink = newButton.querySelector("a.button");
  212. 			newLink.classList.add("button--hollow");
  213. 			newLink.href = newHref;
  214.  
  215. 			newLink.innerHTML = `<span class="button__text">
  216. 				<svg class="icon icon-margin" viewBox="0 0 20 20" width="18" height="18">
  217. 					<use xlink:href="/Content/${assetsPath}/Skins/CurseForge/images/twitch/Action/Download.svg#Action/Download"></use>
  218. 				</svg> Download
  219. 			</span>`;
  220. 			link.parentNode.parentNode.insertBefore(newButton, link.parentNode);
  221. 		});
  222.  
  223. 	// Minecraft version-specific files list
  224. 	Array.from(document.querySelectorAll(".cf-recentfiles-credits-wrapper"))
  225. 		.filter((w) => w.firstChild == null || (w.childNodes.length == 1 && w.firstChild.nodeType != Node.ELEMENT_NODE))
  226. 		.forEach((wrapper) => {
  227. 			let link = wrapper.parentNode.querySelector("a");
  228.  
  229. 			if (link != null) {
  230. 				let newHref = link.href.replace("files", "download");
  231. 				if (regexDownloadLink.test(newHref)) {
  232. 					newHref = newHref + "/file";
  233. 				}
  234. 				wrapper.innerHTML = `<a href="${newHref}" class="button button--icon-only button--sidebar">
  235. 				<span class="button__text">
  236. 					<svg class="icon icon-fixed-width icon-margin" viewBox="0 0 20 20" width="16" height="16"><use xlink:href="/Content/${assetsPath}/Skins/CurseForge/images/twitch/Action/Download.svg#Action/Download"></use></svg>
  237. 				</span>
  238. 			</a>`;
  239. 			}
  240. 		});
  241. 	
  242. 	// Sort file dependency lists
  243. 	let sortNodeList = (list, sortBy) => {
  244. 		let pairs = Array.from(list).map(el => [el, el.parentNode]);
  245. 		pairs.sort((a, b) => sortBy(a[0], b[0]));
  246. 		pairs.forEach(pair => pair[1].removeChild(pair[0]));
  247. 		pairs.forEach(pair => pair[1].appendChild(pair[0]));
  248. 	};
  249.  
  250. 	let relatedProjectsHeading = Array.from(document.querySelectorAll("section > h3")).find(heading => heading.innerText == "Related Projects");
  251. 	if (relatedProjectsHeading != undefined) {
  252. 		sortNodeList(relatedProjectsHeading.parentNode.querySelectorAll("section > div.flex > div"), (a, b) =>
  253. 			a.querySelector("p.font-bold > a").innerText.localeCompare(b.querySelector("p.font-bold > a").innerText));
  254. 	}
  255. })();