☰

Modrinthify

Redirect curseforge.com mod pages to modrinth.com when possible

  1. // ==UserScript==
  2. // @name        Modrinthify
  3. // @namespace   Violentmonkey Scripts
  4. // @match       *://*.curseforge.com/minecraft/*
  5. // @grant       none
  6. // @version     1.6.0
  7. // @author      devBoi76
  8. // @license     MIT
  9. // @description Redirect curseforge.com mod pages to modrinth.com when possible
  10. // ==/UserScript==
  11.  
  12. /* jshint esversion: 6 */
  13.  
  14. function htmlToElements(html) {
  15. 	var t = document.createElement('template')
  16. 	t.innerHTML = html
  17. 	return t.content
  18. }
  19.  
  20. function similarity(s1, s2) {
  21. 	var longer = s1;
  22. 	var shorter = s2;
  23. 	if (s1.length < s2.length) {
  24. 	  longer = s2;
  25. 	  shorter = s1;
  26. 	}
  27. 	var longerLength = longer.length;
  28. 	if (longerLength == 0) {
  29. 	  return 1.0;
  30. 	}
  31. 	return (longerLength - editDistance(longer, shorter)) / parseFloat(longerLength);
  32.   }
  33.   
  34. function editDistance(s1, s2) {
  35. s1 = s1.toLowerCase();
  36. s2 = s2.toLowerCase();
  37.  
  38. var costs = new Array();
  39. for (var i = 0; i <= s1.length; i++) {
  40. 	var lastValue = i;
  41. 	for (var j = 0; j <= s2.length; j++) {
  42. 	if (i == 0)
  43. 		costs[j] = j;
  44. 	else {
  45. 		if (j > 0) {
  46. 		var newValue = costs[j - 1];
  47. 		if (s1.charAt(i - 1) != s2.charAt(j - 1))
  48. 			newValue = Math.min(Math.min(newValue, lastValue),
  49. 			costs[j]) + 1;
  50. 		costs[j - 1] = lastValue;
  51. 		lastValue = newValue;
  52. 		}
  53. 	}
  54. 	}
  55. 	if (i > 0)
  56. 	costs[s2.length] = lastValue;
  57. }
  58. return costs[s2.length];
  59. }
  60.  
  61. const new_design_button = '<a id="modrinth-body" href="REDIRECT" target="_blank" style="overflow: hidden; margin-top: -1px; display: flex" > <style>#modrinth-body:hover {background-color: #4d4d4d;}#modrinth-body{background-color: #333; height: 36px; text-decoration: none; font-weight: 600; font-family: sans-serif; color: #e5e5e5; --mr-green: #30b27b; transition: background-color 0.15s ease;}#modrinth-body > div{display: flex; align-items: center;}#modrinthify-redirect{display: flex; height: 100%; align-items: center; background-color: var(--mr-green); font-weight: 600; padding-inline: 0.5rem;}#modrinthify-redirect > svg{height: 30px; margin-right: 0.5rem; fill: #e5e5e5;}</style> <div> <img style="display: inline-block; height: 36px; width: 36px" src="ICON_SOURCE"/> <div style="display: inline-block; margin-inline: 1rem; font-weight: 600" > MOD_NAME </div><div id="modrinthify-redirect" data-tooltip="Get on Modrinth" > <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 141.73 141.73" aria-hidden="true" > <g> <path d="M159.07,89.29A70.94,70.94,0,1,0,20,63.52H32A58.78,58.78,0,0,1,145.23,49.93l-11.66,3.12a46.54,46.54,0,0,0-29-26.52l-2.15,12.13a34.31,34.31,0,0,1,2.77,63.26l3.19,11.9a46.52,46.52,0,0,0,28.33-49l11.62-3.1A57.94,57.94,0,0,1,147.27,85Z" transform="translate(-19.79)" fill-rule="evenodd" ></path> <path transform="translate(-19.79)" d="M108.92,139.3A70.93,70.93,0,0,1,19.79,76h12a59.48,59.48,0,0,0,1.78,9.91,58.73,58.73,0,0,0,3.63,9.91l10.68-6.41a46.58,46.58,0,0,1,44.72-65L90.43,36.54A34.38,34.38,0,0,0,57.36,79.75C57.67,80.88,58,82,58.43,83l13.66-8.19L68,63.93l12.9-13.25,16.31-3.51L101.9,53l-7.52,7.61-6.55,2.06-4.69,4.82,2.3,6.38s4.64,4.94,4.65,4.94l6.57-1.74,4.67-5.13,10.2-3.24,3,6.84L104.05,88.43,86.41,94l-7.92-8.81L64.7,93.48a34.44,34.44,0,0,0,28.72,11.59L96.61,117A46.6,46.6,0,0,1,54.13,99.83l-10.64,6.38a58.81,58.81,0,0,0,99.6-9.77l11.8,4.29A70.77,70.77,0,0,1,108.92,139.3Z" ></path> </g> </svg> Get on Modrinth </div></div></a>'
  62.  
  63. const new_design_donation = `<a id="donate-button" target="_blank" href="REDIRECT" data-tooltip="Support the Author" > <style>#donate-button{background-color: #ff5e5b; font-weight: 600; text-decoration: none; display: flex; align-items: center; padding-right: 0.5rem;}#donate-button img{height: 100%; width: 36px;}</style> <img src="https://i.ibb.co/Y2Xgd4Q/kofilogo.png"> Support the Author </a>`;
  64.  
  65. const svg = '<svg class="h-full absolute" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 777 141.73" aria-hidden="true" class="text-logo"><g><path d="M159.07,89.29A70.94,70.94,0,1,0,20,63.52H32A58.78,58.78,0,0,1,145.23,49.93l-11.66,3.12a46.54,46.54,0,0,0-29-26.52l-2.15,12.13a34.31,34.31,0,0,1,2.77,63.26l3.19,11.9a46.52,46.52,0,0,0,28.33-49l11.62-3.1A57.94,57.94,0,0,1,147.27,85Z" transform="translate(-19.79)" fill="var(--color-brand)" fill-rule="evenodd"></path><path transform="translate(-19.79)" fill="var(--color-brand)" d="M108.92,139.3A70.93,70.93,0,0,1,19.79,76h12a59.48,59.48,0,0,0,1.78,9.91,58.73,58.73,0,0,0,3.63,9.91l10.68-6.41a46.58,46.58,0,0,1,44.72-65L90.43,36.54A34.38,34.38,0,0,0,57.36,79.75C57.67,80.88,58,82,58.43,83l13.66-8.19L68,63.93l12.9-13.25,16.31-3.51L101.9,53l-7.52,7.61-6.55,2.06-4.69,4.82,2.3,6.38s4.64,4.94,4.65,4.94l6.57-1.74,4.67-5.13,10.2-3.24,3,6.84L104.05,88.43,86.41,94l-7.92-8.81L64.7,93.48a34.44,34.44,0,0,0,28.72,11.59L96.61,117A46.6,46.6,0,0,1,54.13,99.83l-10.64,6.38a58.81,58.81,0,0,0,99.6-9.77l11.8,4.29A70.77,70.77,0,0,1,108.92,139.3Z"></path></g></svg>'
  66.  
  67. const HTML = ` \
  68. <div id="modrinthify-redirect" class="button" style="background-color: #30B27B;\
  69. border-top-right-radius: 0;\
  70. border-bottom-right-radius: 0;\
  71. font-weight: 600;"\
  72.  data-tooltip="Get on Modrinth">\
  73. <figure class="icon icon-margin relative w-5 h-4" >\
  74. ${svg}
  75. </figure> \
  76. Get on Modrinth\
  77. </div>  \
  78. `
  79.  
  80. const DONATE_HTML = `\
  81. <a target="_blank" href="REDIRECT" class="button" style="background-color: #FF5E5B;\
  82. border-top-left-radius: 0;\
  83. border-bottom-left-radius: 0;\
  84. font-weight: 600;"\
  85. data-tooltip="Support the Author"> \
  86. <figure class="icon icon-margin relative w-5 h-4" >\
  87. <img src="https://i.ibb.co/Y2Xgd4Q/kofilogo.png">\
  88. </figure>\
  89. Support the Author
  90. </a> \
  91. `
  92.  
  93. const REGEX = /[\(\[](forge|fabric|forge\/fabric|fabric\/forge|unused|deprecated)[\)\]]/gmi
  94.  
  95. const MOD_PAGE_HTML = `<a id="modrinth-body" href="REDIRECT" target="_blank" class="box flex" style="overflow: hidden; height: max-content; margin-top: -1px;"><div>\
  96. <img style="display:inline-block; height: 3rem" src="ICON_SOURCE">\
  97. <div class="mx-2 font-bold" style="display: inline-block">MOD_NAME</div>\
  98. <div style="display: inline-block">BUTTON_HTML</div></div></a>`
  99.  
  100. const SEARCH_PAGE_HTML = `<a href="REDIRECT" target="_blank" class="box flex" style="overflow: hidden"><div>\
  101. <img style="display:inline-block; height: 3rem" src="ICON_SOURCE">\
  102. <div class="mx-2 font-bold" style="display: inline-block">MOD_NAME</div>\
  103. <div style="display: inline-block">BUTTON_HTML</div></div></a>`
  104.  
  105. let query = "head title"
  106. const tab_title = document.querySelector(query).innerText
  107. let mod_name = undefined
  108. let mod_name_noloader = undefined
  109. let page = undefined
  110.  
  111. function main() {
  112. 	console.log("main()")
  113. 	const url = document.URL.split("/")
  114. 	page = url[4]
  115. 	
  116. 	const is_new_design = document.querySelector("#__next") != null
  117. 	
  118. 	const is_search = is_new_design ? (url[4].split("?")[0] == "search") : (url[5].startsWith("search") && url[5].split("?").length >= 2)
  119. 	
  120. 	if (is_search) {
  121. 		if (is_new_design) {
  122. 			search_query = document.querySelector(".search-input-field").value
  123. 		}
  124. 		else {
  125. 			search_query = document.querySelector(".mt-6 > h2:nth-child(1)").textContent.match(/Search results for '(.*)'/)[1]
  126. 		}
  127. 	} else {
  128. 		if (is_new_design) {
  129. 			// search_query = document.querySelector(".project-header > h1:nth-child(2)").innerText
  130. 			search_query = document.querySelector("head > title:nth-child(2)").innerText.split(" - ")[0]
  131. 		} else {
  132. 			search_query = document.querySelector("head meta[property='og:title']").getAttribute("content")
  133. 		}
  134. 	}
  135. 	
  136. 	mod_name = search_query
  137. 	mod_name_noloader = mod_name.replace(REGEX, "")
  138. 	
  139. 	if (is_search && is_new_design) {
  140. 		page_re = /.*&class=(.*?)&.*/
  141. page = (page.match(page_re) || ["", "all"])[1]
  142. 	}
  143. 	
  144. 	console.log(page)
  145. 	api_facets = ""
  146. 	switch (page) {
  147. 		//=Mods===============
  148. 		case "mc-mods":
  149. 			api_facets =`facets=[["categories:'forge'","categories:'fabric'","categories:'quilt'","categories:'liteloader'","categories:'modloader'","categories:'rift'"],["project_type:mod"]]`
  150. 			break
  151. 			//=Server=Plugins=====
  152. 		case "mc-addons":
  153. 			return
  154. 		case "customization":
  155. 			api_facets = `facets=[["project_type:shader"]]`
  156. 			break
  157. 		case "bukkit-plugins":
  158. 			api_facets = `facets=[["categories:'bukkit'","categories:'spigot'","categories:'paper'","categories:'purpur'","categories:'sponge'","categories:'bungeecord'","categories:'waterfall'","categories:'velocity'"],["project_type:mod"]]`
  159. 			break
  160. 			//=Resource=Packs=====
  161. 		case "texture-packs":
  162. 			api_facets = `facets=[["project_type:resourcepack"]]`
  163. 			break
  164. 			//=Modpacks===========
  165. 		case "modpacks":
  166. 			api_facets = `facets=[["project_type:modpack"]]`
  167. 			break
  168. 		case "all":
  169. 			api_facets = ``
  170. 			break
  171. 	}
  172. 	fetch(`https://api.modrinth.com/v2/search?limit=3&query=${mod_name_noloader}&${api_facets}`, {method: "GET", mode: "cors"})
  173. 	.then(response => response.json())
  174. 	.then(resp => {
  175. 		
  176. 		let bd = document.querySelector("#modrinth-body")
  177. 		if (bd) {bd.remove()}
  178. 		
  179. 		if (page == undefined) {
  180. 			return
  181. 		}
  182. 		
  183. 		if (resp.hits.length == 0) {
  184. 			return
  185. 		}
  186. 		
  187. 		let max_sim = 0
  188. 		let max_hit = undefined
  189. 		
  190. 		for (const hit of resp.hits) {
  191. 			if (similarity(hit.title.trim(), mod_name) > max_sim) {
  192. 				max_sim = similarity(hit.title.trim(), mod_name.trim())
  193. 				max_hit = hit
  194. 			}
  195. 			if (similarity(hit.title.trim(), mod_name_noloader) > max_sim) {
  196. 				max_sim = similarity(hit.title.trim(), mod_name_noloader.trim())
  197. 				max_hit = hit
  198. 			}
  199. 		}
  200. 		if (max_sim <= 0.7) {
  201. 			return
  202. 		}
  203. 		// Add the buttons
  204. 		
  205. 		if (is_search) {
  206. 			if (is_new_design) {	
  207. 				// query = ".results-count"
  208. 				query = ".search-tags"
  209. 				let s = document.querySelector(query)
  210. 				let buttonElement = htmlToElements(new_design_button
  211. 				.replace("ICON_SOURCE", max_hit.icon_url)
  212. 				.replace("MOD_NAME", max_hit.title.trim())
  213. 				.replace("REDIRECT", `https://modrinth.com/${max_hit.project_type}/${max_hit.slug}`)
  214. 				.replace("BUTTON_HTML", HTML))
  215. 				buttonElement.childNodes[0].style.marginLeft = "auto"
  216. 				s.appendChild(buttonElement)
  217. 			} else {
  218. 				query = ".mt-6 > div:nth-child(3)"
  219. 				let s = document.querySelector(query)
  220. 				let buttonElement = htmlToElements(SEARCH_PAGE_HTML
  221. 				.replace("ICON_SOURCE", max_hit.icon_url)
  222. 				.replace("MOD_NAME", max_hit.title.trim())
  223. 				.replace("REDIRECT", `https://modrinth.com/${max_hit.project_type}/${max_hit.slug}`)
  224. 				.replace("BUTTON_HTML", HTML))
  225. 				s.appendChild(buttonElement)
  226. 			}
  227. 			
  228. 		} else {
  229. 			
  230. 			if (is_new_design) {
  231. 				query = ".actions"
  232. 				let s = document.querySelector(query)
  233. 				let buttonElement = htmlToElements(new_design_button
  234. 				.replace("ICON_SOURCE", max_hit.icon_url)
  235. 				.replace("MOD_NAME", max_hit.title.trim())
  236. 				.replace("REDIRECT", `https://modrinth.com/${max_hit.project_type}/${max_hit.slug}`))
  237. 				s.appendChild(buttonElement)
  238. 			} else {
  239. 				
  240. 				query =  "div.-mx-1:nth-child(1)"
  241. 				let s = document.querySelector(query)
  242. 				let buttonElement = htmlToElements(MOD_PAGE_HTML
  243. 				.replace("ICON_SOURCE", max_hit.icon_url)
  244. 				.replace("MOD_NAME", max_hit.title.trim())
  245. 				.replace("REDIRECT", `https://modrinth.com/${max_hit.project_type}/${max_hit.slug}`)
  246. 				.replace("BUTTON_HTML", HTML))
  247. 				s.appendChild(buttonElement)
  248. 			}
  249. 		}
  250. 		// Add donation button if present
  251. 		fetch(`https://api.modrinth.com/v2/project/${max_hit.slug}`, {method: "GET", mode: "cors"})
  252. 		.then(response_p => response_p.json())
  253. 		.then(resp_p => {
  254. 			if (document.querySelector("#donate-button")) { return }
  255. 			if (resp_p.donation_urls.length > 0) {
  256. 				
  257. 				let redir = document.getElementById("modrinth-body")
  258. 				
  259. 				if (is_new_design) {
  260. 					redir.innerHTML += new_design_donation.replace("REDIRECT", resp_p.donation_urls[0].url)
  261. 					if (is_search) {
  262. 						redir.style.marginRight = "-195.5px"
  263. 					} else {
  264. 						redir.style.marginRight = "-195.5px"
  265. 					}
  266. 				} else {
  267. 					
  268. 					let donations = resp_p.donation_urls
  269. 					let dbutton = document.createElement("div")
  270. 					dbutton.innerHTML = DONATE_HTML.replace("REDIRECT", donations[0].url)
  271. 					dbutton.style.display = "inline-block"
  272. 					let redir = document.getElementById("modrinthify-redirect")
  273. 					redir.after(dbutton)
  274. 					if (!is_search) {
  275. 						redir.parentNode.parentNode.parentNode.style.marginRight = "-150px"
  276. 					}
  277. 					
  278. 				}
  279. 			}
  280. 		})
  281. 	})
  282. }
  283.  
  284. main()
  285.  
  286. // document.querySelector(".classes-list").childNodes.forEach( (el) => {
  287. // 	el.childNodes[0].addEventListener("click", main)
  288. // })
  289.  
  290. let lastURL = document.URL
  291. new MutationObserver( () => {
  292. 	let url = document.URL
  293. 	if (url != lastURL) {
  294. 		lastURL = url
  295. 		main()
  296. 	}
  297. }).observe(document, {subtree: true, childList: true})
  298.  
  299. // document.querySelector(".search-input-field").addEventListener("keydown", (event) => {
  300. // 	if (event.key == "Enter") {
  301. // 		main()
  302. // 	}
  303. // })