Modrinthify

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

Tính đến 18-02-2023. Xem phiên bản mới nhất.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(Tôi đã có Trình quản lý tập lệnh người dùng, hãy cài đặt nó!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name        Modrinthify
// @namespace   Violentmonkey Scripts
// @match       *://*.curseforge.com/minecraft/*
// @grant       none
// @version     1.6.0
// @author      devBoi76
// @license     MIT
// @description Redirect curseforge.com mod pages to modrinth.com when possible
// ==/UserScript==

/* jshint esversion: 6 */

function htmlToElements(html) {
	var t = document.createElement('template')
	t.innerHTML = html
	return t.content
}

function similarity(s1, s2) {
	var longer = s1;
	var shorter = s2;
	if (s1.length < s2.length) {
	  longer = s2;
	  shorter = s1;
	}
	var longerLength = longer.length;
	if (longerLength == 0) {
	  return 1.0;
	}
	return (longerLength - editDistance(longer, shorter)) / parseFloat(longerLength);
  }
  
function editDistance(s1, s2) {
s1 = s1.toLowerCase();
s2 = s2.toLowerCase();

var costs = new Array();
for (var i = 0; i <= s1.length; i++) {
	var lastValue = i;
	for (var j = 0; j <= s2.length; j++) {
	if (i == 0)
		costs[j] = j;
	else {
		if (j > 0) {
		var newValue = costs[j - 1];
		if (s1.charAt(i - 1) != s2.charAt(j - 1))
			newValue = Math.min(Math.min(newValue, lastValue),
			costs[j]) + 1;
		costs[j - 1] = lastValue;
		lastValue = newValue;
		}
	}
	}
	if (i > 0)
	costs[s2.length] = lastValue;
}
return costs[s2.length];
}

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>'

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>`;

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>'

const HTML = ` \
<div id="modrinthify-redirect" class="button" style="background-color: #30B27B;\
border-top-right-radius: 0;\
border-bottom-right-radius: 0;\
font-weight: 600;"\
 data-tooltip="Get on Modrinth">\
<figure class="icon icon-margin relative w-5 h-4" >\
${svg}
</figure> \
Get on Modrinth\
</div>  \
`

const DONATE_HTML = `\
<a target="_blank" href="REDIRECT" class="button" style="background-color: #FF5E5B;\
border-top-left-radius: 0;\
border-bottom-left-radius: 0;\
font-weight: 600;"\
data-tooltip="Support the Author"> \
<figure class="icon icon-margin relative w-5 h-4" >\
<img src="https://i.ibb.co/Y2Xgd4Q/kofilogo.png">\
</figure>\
Support the Author
</a> \
`

const REGEX = /[\(\[](forge|fabric|forge\/fabric|fabric\/forge|unused|deprecated)[\)\]]/gmi

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>\
<img style="display:inline-block; height: 3rem" src="ICON_SOURCE">\
<div class="mx-2 font-bold" style="display: inline-block">MOD_NAME</div>\
<div style="display: inline-block">BUTTON_HTML</div></div></a>`

const SEARCH_PAGE_HTML = `<a href="REDIRECT" target="_blank" class="box flex" style="overflow: hidden"><div>\
<img style="display:inline-block; height: 3rem" src="ICON_SOURCE">\
<div class="mx-2 font-bold" style="display: inline-block">MOD_NAME</div>\
<div style="display: inline-block">BUTTON_HTML</div></div></a>`

let query = "head title"
const tab_title = document.querySelector(query).innerText
let mod_name = undefined
let mod_name_noloader = undefined
let page = undefined

function main() {
	console.log("main()")
	const url = document.URL.split("/")
	page = url[4]
	
	const is_new_design = document.querySelector("#__next") != null
	
	const is_search = is_new_design ? (url[4].split("?")[0] == "search") : (url[5].startsWith("search") && url[5].split("?").length >= 2)
	
	if (is_search) {
		if (is_new_design) {
			search_query = document.querySelector(".search-input-field").value
		}
		else {
			search_query = document.querySelector(".mt-6 > h2:nth-child(1)").textContent.match(/Search results for '(.*)'/)[1]
		}
	} else {
		if (is_new_design) {
			// search_query = document.querySelector(".project-header > h1:nth-child(2)").innerText
			search_query = document.querySelector("head > title:nth-child(2)").innerText.split(" - ")[0]
		} else {
			search_query = document.querySelector("head meta[property='og:title']").getAttribute("content")
		}
	}
	
	mod_name = search_query
	mod_name_noloader = mod_name.replace(REGEX, "")
	
	if (is_search && is_new_design) {
		page_re = /.*&class=(.*?)&.*/
page = (page.match(page_re) || ["", "all"])[1]
	}
	
	console.log(page)
	api_facets = ""
	switch (page) {
		//=Mods===============
		case "mc-mods":
			api_facets =`facets=[["categories:'forge'","categories:'fabric'","categories:'quilt'","categories:'liteloader'","categories:'modloader'","categories:'rift'"],["project_type:mod"]]`
			break
			//=Server=Plugins=====
		case "mc-addons":
			return
		case "customization":
			api_facets = `facets=[["project_type:shader"]]`
			break
		case "bukkit-plugins":
			api_facets = `facets=[["categories:'bukkit'","categories:'spigot'","categories:'paper'","categories:'purpur'","categories:'sponge'","categories:'bungeecord'","categories:'waterfall'","categories:'velocity'"],["project_type:mod"]]`
			break
			//=Resource=Packs=====
		case "texture-packs":
			api_facets = `facets=[["project_type:resourcepack"]]`
			break
			//=Modpacks===========
		case "modpacks":
			api_facets = `facets=[["project_type:modpack"]]`
			break
		case "all":
			api_facets = ``
			break
	}
	fetch(`https://api.modrinth.com/v2/search?limit=3&query=${mod_name_noloader}&${api_facets}`, {method: "GET", mode: "cors"})
	.then(response => response.json())
	.then(resp => {
		
		let bd = document.querySelector("#modrinth-body")
		if (bd) {bd.remove()}
		
		if (page == undefined) {
			return
		}
		
		if (resp.hits.length == 0) {
			return
		}
		
		let max_sim = 0
		let max_hit = undefined
		
		for (const hit of resp.hits) {
			if (similarity(hit.title.trim(), mod_name) > max_sim) {
				max_sim = similarity(hit.title.trim(), mod_name.trim())
				max_hit = hit
			}
			if (similarity(hit.title.trim(), mod_name_noloader) > max_sim) {
				max_sim = similarity(hit.title.trim(), mod_name_noloader.trim())
				max_hit = hit
			}
		}
		if (max_sim <= 0.7) {
			return
		}
		// Add the buttons
		
		if (is_search) {
			if (is_new_design) {	
				// query = ".results-count"
				query = ".search-tags"
				let s = document.querySelector(query)
				let buttonElement = htmlToElements(new_design_button
				.replace("ICON_SOURCE", max_hit.icon_url)
				.replace("MOD_NAME", max_hit.title.trim())
				.replace("REDIRECT", `https://modrinth.com/${max_hit.project_type}/${max_hit.slug}`)
				.replace("BUTTON_HTML", HTML))
				buttonElement.childNodes[0].style.marginLeft = "auto"
				s.appendChild(buttonElement)
			} else {
				query = ".mt-6 > div:nth-child(3)"
				let s = document.querySelector(query)
				let buttonElement = htmlToElements(SEARCH_PAGE_HTML
				.replace("ICON_SOURCE", max_hit.icon_url)
				.replace("MOD_NAME", max_hit.title.trim())
				.replace("REDIRECT", `https://modrinth.com/${max_hit.project_type}/${max_hit.slug}`)
				.replace("BUTTON_HTML", HTML))
				s.appendChild(buttonElement)
			}
			
		} else {
			
			if (is_new_design) {
				query = ".actions"
				let s = document.querySelector(query)
				let buttonElement = htmlToElements(new_design_button
				.replace("ICON_SOURCE", max_hit.icon_url)
				.replace("MOD_NAME", max_hit.title.trim())
				.replace("REDIRECT", `https://modrinth.com/${max_hit.project_type}/${max_hit.slug}`))
				s.appendChild(buttonElement)
			} else {
				
				query =  "div.-mx-1:nth-child(1)"
				let s = document.querySelector(query)
				let buttonElement = htmlToElements(MOD_PAGE_HTML
				.replace("ICON_SOURCE", max_hit.icon_url)
				.replace("MOD_NAME", max_hit.title.trim())
				.replace("REDIRECT", `https://modrinth.com/${max_hit.project_type}/${max_hit.slug}`)
				.replace("BUTTON_HTML", HTML))
				s.appendChild(buttonElement)
			}
		}
		// Add donation button if present
		fetch(`https://api.modrinth.com/v2/project/${max_hit.slug}`, {method: "GET", mode: "cors"})
		.then(response_p => response_p.json())
		.then(resp_p => {
			if (document.querySelector("#donate-button")) { return }
			if (resp_p.donation_urls.length > 0) {
				
				let redir = document.getElementById("modrinth-body")
				
				if (is_new_design) {
					redir.innerHTML += new_design_donation.replace("REDIRECT", resp_p.donation_urls[0].url)
					if (is_search) {
						redir.style.marginRight = "-195.5px"
					} else {
						redir.style.marginRight = "-195.5px"
					}
				} else {
					
					let donations = resp_p.donation_urls
					let dbutton = document.createElement("div")
					dbutton.innerHTML = DONATE_HTML.replace("REDIRECT", donations[0].url)
					dbutton.style.display = "inline-block"
					let redir = document.getElementById("modrinthify-redirect")
					redir.after(dbutton)
					if (!is_search) {
						redir.parentNode.parentNode.parentNode.style.marginRight = "-150px"
					}
					
				}
			}
		})
	})
}

main()

// document.querySelector(".classes-list").childNodes.forEach( (el) => {
// 	el.childNodes[0].addEventListener("click", main)
// })

let lastURL = document.URL
new MutationObserver( () => {
	let url = document.URL
	if (url != lastURL) {
		lastURL = url
		main()
	}
}).observe(document, {subtree: true, childList: true})

// document.querySelector(".search-input-field").addEventListener("keydown", (event) => {
// 	if (event.key == "Enter") {
// 		main()
// 	}
// })