manhuagui

enhance manhuagui
Ask a question, post a review, or report the script.
Wrap lines
// ==UserScript==
// @name         manhuagui
// @namespace    https://github.com/IronKinoko/userscripts/tree/master/packages/manhuagui
// @version      1.0.7
// @license      MIT
// @description  enhance manhuagui
// @author       IronKinoko
// @match        https://www.manhuagui.com/comic/*
// @icon         https://www.google.com/s2/favicons?domain=manhuagui.com
// @grant        none
// @noframes
// @require      https://unpkg.com/[email protected]/dist/jquery.min.js
// ==/UserScript==
(function() {


//#region ../shared/src/utils/sleep.ts
	function sleep(ms) {
		if (!ms) return new Promise((resolve) => {
			requestAnimationFrame(resolve);
		});
		return new Promise((resolve) => {
			setTimeout(resolve, ms);
		});
	}

//#endregion
//#region ../shared/src/utils/wait.ts
	async function wait(selector) {
		let bool = await selector();
		while (!bool) {
			await sleep();
			bool = await selector();
		}
	}

//#endregion
//#region ../shared/src/utils/is.ts
	function isMobile() {
		const re = /iphone|ipad|ipod|android|webos|blackberry|windows phone/i;
		const ua = navigator.userAgent;
		return re.test(ua);
	}

//#endregion
//#region ../shared/src/utils/dom.ts
	async function waitDOM(selector, root = document) {
		await wait(() => !!root.querySelector(selector));
		return root.querySelector(selector);
	}

//#endregion
//#region \0virtual:bocchi-style-runtime
	function injectStyle(css) {
		if (typeof document === "undefined") return;
		const style = document.createElement("style");
		style.setAttribute("data-bocchi", "");
		document.head.append(style);
		style.textContent = css;
	}

//#endregion
//#region src/index.scss
	injectStyle(".k-custom-btn.k-custom-btn {\n  text-indent: 0;\n  background: #b5b5b5;\n  color: white;\n  line-height: 40px;\n  text-align: center;\n  text-decoration: none;\n}\n.k-custom-btn.k-custom-btn:hover {\n  background: #c00f20;\n}\n\n.backToTop {\n  height: auto !important;\n}\n\n.tbCenter {\n  border: none !important;\n  background: none !important;\n}\n\n[data-tag=mangaFile] {\n  width: 980px !important;\n}\n\n.big-h5-btn {\n  width: calc(100% - 72px);\n  display: block;\n  height: 100px;\n  background-color: #c00f20;\n  color: white;\n  font-size: 36px;\n  margin: 36px auto;\n  outline: 0;\n  border: #c00f20;\n}\n\n.next-part-btn-fixed {\n  position: fixed;\n  right: 0;\n  top: 25vh;\n  font-size: 4.27vw;\n  background: white;\n  padding: 2.13vw;\n  writing-mode: vertical-lr;\n  box-shadow: rgba(0, 0, 0, 0.2) -0.27vw 0.27vw 2.67vw 0vw;\n  transition: all 0.2s ease;\n  transform: translateX(0);\n  border-radius: 1.07vw 0 0 1.07vw;\n  opacity: 1;\n}\n.next-part-btn-fixed.hide {\n  opacity: 0;\n  pointer-events: none;\n  transform: translateX(100%);\n}");

//#endregion
//#region src/index.ts
	(async () => {
		document.oncontextmenu = null;
		createNextBtn();
		createFullScreen();
		if (isMobile()) createNextBtnInH5();
	})();
	async function createNextBtn() {
		const dom = await waitDOM(".backToTop");
		const a = document.createElement("a");
		a.innerHTML = "NEXT";
		a.className = "k-custom-btn";
		a.id = "show-next";
		a.href = "javascript:;";
		a.onclick = window.SMH.nextC;
		dom.append(a);
	}
	async function createFullScreen() {
		const dom = await waitDOM(".backToTop");
		const a = document.createElement("a");
		a.innerHTML = "FULL";
		a.className = "k-custom-btn";
		a.id = "full-btn";
		a.href = "javascript:;";
		a.onclick = () => {
			if (document.fullscreenElement) {
				document.exitFullscreen();
				a.innerHTML = "FULL";
			} else {
				document.documentElement.requestFullscreen();
				a.innerHTML = "EXIT";
			}
		};
		dom.append(a);
		document.addEventListener("keypress", (e) => {
			if (document.activeElement && /textarea|input|select/i.test(document.activeElement.tagName)) return;
			if (e.key === "f") a.click();
		});
	}
	async function createNextBtnInH5() {
		const $pagination = await waitDOM("#pagination");
		$pagination.innerHTML = "";
		const btn = document.createElement("button");
		btn.className = "big-h5-btn";
		btn.textContent = "下一章";
		btn.onclick = () => window.SMH.nextC();
		$pagination.replaceWith(btn);
	}

//#endregion
})();