// ==UserScript==
// @name         yande.re mobile adaptation
// @namespace    http://tampermonkey.net/
// @version      0.0.2
// @description  yande.re 移动端适配，已支持 post 预览
// @author       Exisi
// @license      MIT License
// @supportURL   https://exi.software
// @match        *://yande.re/post/show/*
// @match        *://yande.re/post/similar/*
// @downloadURL none
// ==/UserScript==
(function () {
	"use strict";
	const styles = {
		postShow: `* { font-size: 100%; } #news-ticker { display: flex; align-items: center; } #news-ticker li { font-size: 35px; word-break: break-all; } #news-ticker .close-link { font-size: 35px; } #title { display: flex; justify-content: center; height: 85px !important; } #main-menu, .sidebar h5 { font-size: 35px; } #main-menu ul, #content { margin: 0; } .status-notice, .js-posts-show-edit-tab, .js-posts-show-comments-tab, h4:has(.js-posts-show-edit-tab), .tag-completion-box .color-tag-types, .sidebar form #tags, .sidebar #tag-sidebar, .sidebar ul, div.footer, form select[name="locale"], form:has(select[name="locale"]) button[type="submit"] { font-size: 34px !important; margin-right: 0 !important; margin-left: 0 !important; } .sidebar form #tags { width: -webkit-fill-available; } #comments { max-width: 100% !important; } .sidebar, #right-col, #comments textarea { width: 100% !important; } #comments input[type="submit"] { margin-top: 15px; font-size: 34px; border: 1px solid #ffffff; border-radius: 5px; padding: 10px 20px; box-sizing: border-box; } form:has(select[name="locale"]) button[type="submit"] { font-size: 34px; border: 1px solid #ffffff; border-radius: 5px; box-sizing: border-box; } #comments input[type="submit"]:hover, form:has(select[name="locale"]) button[type="submit"]:hover { background-color: #ffaaae; border-color: #ffaaae; } form:has(select[name="locale"]) { display: flex; justify-content: center; gap: 5px; margin: 5px 0; }`,
	};
	const url = location.href;

	const match = {
		isMobile: window.matchMedia("(max-width: 767px)").matches,
		isPostShow: url.includes("post/show"),
		isPostSimilar: url.includes("post/similar"),
	};

	if (match.isPostShow) {
		const styleElement = document.createElement("style");
		styleElement.innerHTML = styles.postShow;
		document.head.appendChild(styleElement);

		const content = document.querySelector(".content");

		const quickBtnBar = document.createElement("div");
		Object.assign(quickBtnBar.style, {
			display: "flex",
			flexDirection: "row",
			justifyContent: "center",
			gap: "10px",
			cursor: "default",
		});
		const features = {
			addToFavorites: {
				target: [document.querySelector("#add-to-favs a"), document.querySelector("#remove-from-favs a")],
				icon: [
					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M225.8 468.2l-2.5-2.3L48.1 303.2C17.4 274.7 0 234.7 0 192.8l0-3.3c0-70.4 50-130.8 119.2-144C158.6 37.9 198.9 47 231 69.6c9 6.4 17.4 13.8 25 22.3c4.2-4.8 8.7-9.2 13.5-13.3c3.7-3.2 7.5-6.2 11.5-9c0 0 0 0 0 0C313.1 47 353.4 37.9 392.8 45.4C462 58.6 512 119.1 512 189.5l0 3.3c0 41.9-17.4 81.9-48.1 110.4L288.7 465.9l-2.5 2.3c-8.2 7.6-19 11.9-30.2 11.9s-22-4.2-30.2-11.9zM239.1 145c-.4-.3-.7-.7-1-1.1l-17.8-20-.1-.1s0 0 0 0c-23.1-25.9-58-37.7-92-31.2C81.6 101.5 48 142.1 48 189.5l0 3.3c0 28.5 11.9 55.8 32.8 75.2L256 430.7 431.2 268c20.9-19.4 32.8-46.7 32.8-75.2l0-3.3c0-47.3-33.6-88-80.1-96.9c-34-6.5-69 5.4-92 31.2c0 0 0 0-.1 .1s0 0-.1 .1l-17.8 20c-.3 .4-.7 .7-1 1.1c-4.5 4.5-10.6 7-16.9 7s-12.4-2.5-16.9-7z"/></svg>`,
					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M47.6 300.4L228.3 469.1c7.5 7 17.4 10.9 27.7 10.9s20.2-3.9 27.7-10.9L464.4 300.4c30.4-28.3 47.6-68 47.6-109.5v-5.8c0-69.9-50.5-129.5-119.4-141C347 36.5 300.6 51.4 268 84L256 96 244 84c-32.6-32.6-79-47.5-124.6-39.9C50.5 55.6 0 115.2 0 185.1v5.8c0 41.5 17.2 81.2 47.6 109.5z"/></svg>`,
				],
			},
			viewOrigin: {
				target: [document.querySelector("ul a.original-file-changed.highres-show")],
				icon: [
					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M344 0L488 0c13.3 0 24 10.7 24 24l0 144c0 9.7-5.8 18.5-14.8 22.2s-19.3 1.7-26.2-5.2l-39-39-87 87c-9.4 9.4-24.6 9.4-33.9 0l-32-32c-9.4-9.4-9.4-24.6 0-33.9l87-87L327 41c-6.9-6.9-8.9-17.2-5.2-26.2S334.3 0 344 0zM168 512L24 512c-13.3 0-24-10.7-24-24L0 344c0-9.7 5.8-18.5 14.8-22.2s19.3-1.7 26.2 5.2l39 39 87-87c9.4-9.4 24.6-9.4 33.9 0l32 32c9.4 9.4 9.4 24.6 0 33.9l-87 87 39 39c6.9 6.9 8.9 17.2 5.2 26.2s-12.5 14.8-22.2 14.8z"/></svg>`,
				],
			},
			download: {
				target: [document.querySelector("ul a.original-file-changed")],
				icon: [
					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M288 32c0-17.7-14.3-32-32-32s-32 14.3-32 32l0 242.7-73.4-73.4c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3l128 128c12.5 12.5 32.8 12.5 45.3 0l128-128c12.5-12.5 12.5-32.8 0-45.3s-32.8-12.5-45.3 0L288 274.7 288 32zM64 352c-35.3 0-64 28.7-64 64l0 32c0 35.3 28.7 64 64 64l384 0c35.3 0 64-28.7 64-64l0-32c0-35.3-28.7-64-64-64l-101.5 0-45.3 45.3c-25 25-65.5 25-90.5 0L165.5 352 64 352zm368 56a24 24 0 1 1 0 48 24 24 0 1 1 0-48z"/></svg>`,
				],
			},
			FindDupes: {
				target: [document.querySelector("ul a#find-dupes")],
				icon: [
					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M64 464l224 0c8.8 0 16-7.2 16-16l0-64 48 0 0 64c0 35.3-28.7 64-64 64L64 512c-35.3 0-64-28.7-64-64L0 224c0-35.3 28.7-64 64-64l64 0 0 48-64 0c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zM224 304l224 0c8.8 0 16-7.2 16-16l0-224c0-8.8-7.2-16-16-16L224 48c-8.8 0-16 7.2-16 16l0 224c0 8.8 7.2 16 16 16zm-64-16l0-224c0-35.3 28.7-64 64-64L448 0c35.3 0 64 28.7 64 64l0 224c0 35.3-28.7 64-64 64l-224 0c-35.3 0-64-28.7-64-64z"/></svg>`,
				],
			},
			findSimilar: {
				target: [document.querySelector("ul a#find-similar")],
				icon: [
					`<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 512"><!--!Font Awesome Free 6.7.2 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2025 Fonticons, Inc.--><path fill="currentColor" d="M288 448L64 448l0-224 64 0 0-64-64 0c-35.3 0-64 28.7-64 64L0 448c0 35.3 28.7 64 64 64l224 0c35.3 0 64-28.7 64-64l0-64-64 0 0 64zm-64-96l224 0c35.3 0 64-28.7 64-64l0-224c0-35.3-28.7-64-64-64L224 0c-35.3 0-64 28.7-64 64l0 224c0 35.3 28.7 64 64 64z"/></svg>`,
				],
			},
		};

		Object.keys(features).forEach((feature) => {
			const quickBtn = document.createElement("div");
			Object.assign(quickBtn.style, {
				padding: "15px",
				borderRadius: "50%",
				border: "none",
				cursor: "pointer",
				display: "flex",
				alignItems: "center",
				justifyContent: "center",
			});

			let icon = features[feature].icon[0];
			let target = features[feature].target[0];

			if (feature == "addToFavorites" && features[feature].target[0].parentNode.style.display == "none") {
				icon = features[feature].icon[1];
				target = features[feature].target[1];
			}

			quickBtn.innerHTML = icon;
			const iconElement = quickBtn.querySelector("svg");
			Object.assign(iconElement.style, {
				width: "50px",
				height: "50px",
				color: "#ffaaae",
			});
			quickBtnBar.appendChild(quickBtn);

			const [addToFavorites, removeFavorite] = features[feature].target;
			quickBtn.addEventListener("click", () => {
				if (feature !== "addToFavorites") {
					features[feature].target.click();
					return;
				}
				const [dislikeIcon, likeIcon] = features[feature].icon;

				if (addToFavorites.parentNode.style.display == "none") {
					removeFavorite.click();
					quickBtn.innerHTML = dislikeIcon;
					const iconElement = quickBtn.querySelector("svg");
					Object.assign(iconElement.style, {
						width: "50px",
						height: "50px",
						color: "#ffaaae",
					});
					return;
				}

				addToFavorites.click();
				quickBtn.innerHTML = likeIcon;
				const iconElement = quickBtn.querySelector("svg");
				Object.assign(iconElement.style, {
					width: "50px",
					height: "50px",
					color: "#ffaaae",
				});
			});

			if (feature === "addToFavorites") {
				addToFavorites.addEventListener("click", () => quickBtn.click());
				removeFavorite.addEventListener("click", () => quickBtn.click());
			}
		});

		content.appendChild(quickBtnBar);

		const sidebar = document.querySelector(".sidebar");
		content.appendChild(sidebar);
	}
})();