只是希望能够稍微提高一点在移动端的阅读体验。
// ==UserScript==
// @name 移动页面的阅读模式
// @namespace Reading_mode_for_mobile_CN
// @version 0.0.6beta
// @description 只是希望能够稍微提高一点在移动端的阅读体验。
// @author 稻米鼠
// @run-at document-start
// @icon https://i.v2ex.co/L00DUOAOl.png
// @contributionURL https://script.izyx.xyz/reading-mode-for-mobile/
// @require https://cdn.bootcdn.net/ajax/libs/highlight.js/11.0.0-alpha0/highlight.min.js
// @noframes
// @antifeature payment
// @match *://www.jianshu.com/p/*
// @match *://www.zhihu.com/question/*
// @match *://zhuanlan.zhihu.com/p/*
// @grant none
// ==/UserScript==
(() => {
"use strict";
var e = {
863: (e, t, o) => {
o.d(t, {
Z: () => l
});
var r = o(645);
var n = o.n(r);
var i = n()((function(e) {
return e[1];
}));
i.push([ e.id, "/*\n\nAtom One Dark by Daniel Gamage\nOriginal One Dark Syntax theme from https://github.com/atom/one-dark-syntax\n\nbase: #282c34\nmono-1: #abb2bf\nmono-2: #818896\nmono-3: #5c6370\nhue-1: #56b6c2\nhue-2: #61aeee\nhue-3: #c678dd\nhue-4: #98c379\nhue-5: #e06c75\nhue-5-2: #be5046\nhue-6: #d19a66\nhue-6-2: #e6c07b\n\n*/\n\n.hljs {\n display: block;\n overflow-x: auto;\n padding: 0.5em;\n color: #abb2bf;\n background: #282c34;\n}\n\n.hljs-comment,\n.hljs-quote {\n color: #5c6370;\n font-style: italic;\n}\n\n.hljs-doctag,\n.hljs-keyword,\n.hljs-formula {\n color: #c678dd;\n}\n\n.hljs-section,\n.hljs-name,\n.hljs-selector-tag,\n.hljs-deletion,\n.hljs-subst {\n color: #e06c75;\n}\n\n.hljs-literal {\n color: #56b6c2;\n}\n\n.hljs-string,\n.hljs-regexp,\n.hljs-addition,\n.hljs-attribute,\n.hljs-meta-string {\n color: #98c379;\n}\n\n.hljs-built_in,\n.hljs-class .hljs-title {\n color: #e6c07b;\n}\n\n.hljs-attr,\n.hljs-variable,\n.hljs-template-variable,\n.hljs-type,\n.hljs-selector-class,\n.hljs-selector-attr,\n.hljs-selector-pseudo,\n.hljs-number {\n color: #d19a66;\n}\n\n.hljs-symbol,\n.hljs-bullet,\n.hljs-link,\n.hljs-meta,\n.hljs-selector-id,\n.hljs-title {\n color: #61aeee;\n}\n\n.hljs-emphasis {\n font-style: italic;\n}\n\n.hljs-strong {\n font-weight: bold;\n}\n\n.hljs-link {\n text-decoration: underline;\n}\n", "" ]);
const l = i;
},
152: (e, t, o) => {
o.d(t, {
Z: () => l
});
var r = o(645);
var n = o.n(r);
var i = n()((function(e) {
return e[1];
}));
i.push([ e.id, '.rmfm-body-hidden{display:none !important}#reading-mode-for-mobile{position:fixed;top:0;left:0;width:100vw;height:100vh;margin:0;padding:0;overflow-y:auto;overflow-x:hidden;font-family:-apple-system,SF UI Text,Arial,PingFang SC,Hiragino Sans GB,Microsoft YaHei,WenQuanYi Micro Hei,sans-serif;font-size:16px;line-height:1.8;background-color:#e0e0e4;box-sizing:border-box;z-index:2147483647}#reading-mode-for-mobile *{box-sizing:border-box}#reading-mode-for-mobile > article.rmfm-main{position:relative;width:100vw;max-width:800px;margin:0 auto;padding:36px 72px;background-color:#fff;box-shadow:0 0 72px rgba(0,0,0,0.1);color:#18181c}#reading-mode-for-mobile > article.rmfm-main > .rmfm-title,#reading-mode-for-mobile > article.rmfm-main > .rmfm-content{position:relative}#reading-mode-for-mobile > article.rmfm-main > .rmfm-title > .rmfm-section,#reading-mode-for-mobile > article.rmfm-main > .rmfm-content > .rmfm-section{border-top:3px solid #f0f0f4;padding:18px 0}#reading-mode-for-mobile h1,#reading-mode-for-mobile h2,#reading-mode-for-mobile h3,#reading-mode-for-mobile h4,#reading-mode-for-mobile h5,#reading-mode-for-mobile h6{line-height:2.16;margin:18px 0}#reading-mode-for-mobile h1{font-size:22.4px;font-weight:200;text-align:center}#reading-mode-for-mobile h2{font-size:20.8px;font-weight:200}#reading-mode-for-mobile h3{font-size:19.2px;font-weight:600;color:#505054}#reading-mode-for-mobile h4{font-size:17.6px;font-weight:600;color:#78787c}#reading-mode-for-mobile h5{font-size:17.6px;font-weight:400;color:#a0a0a4}#reading-mode-for-mobile h6{font-size:17.6px;font-weight:200;color:#c8c8cc}#reading-mode-for-mobile p{margin:18px 0;text-indent:2em}#reading-mode-for-mobile hr{height:3px;background-color:#f0f0f4;margin:18px 0}#reading-mode-for-mobile b,#reading-mode-for-mobile strong{color:#000}#reading-mode-for-mobile del{color:#c0c0c4}#reading-mode-for-mobile ul,#reading-mode-for-mobile ol{margin:18px 0 18px 36px}#reading-mode-for-mobile li > ol,#reading-mode-for-mobile li > ul{margin:0 0 0 36px}#reading-mode-for-mobile table{border:2px solid #e0e0e4;border-spacing:0}#reading-mode-for-mobile table tr,#reading-mode-for-mobile table td,#reading-mode-for-mobile table th{border:1px solid #e0e0e4}#reading-mode-for-mobile table td,#reading-mode-for-mobile table th{padding:9px 18px}#reading-mode-for-mobile img,#reading-mode-for-mobile video,#reading-mode-for-mobile embed,#reading-mode-for-mobile svg{max-width:100%}#reading-mode-for-mobile a{color:#f46;text-decoration:none}#reading-mode-for-mobile a:hover{text-decoration:underline}#reading-mode-for-mobile blockquote{background-color:rgba(0,0,32,0.05);border-left:5px solid rgba(0,0,32,0.08);padding:9px 18px;margin:18px 0}#reading-mode-for-mobile pre{margin:36px -72px;padding:18px 0;background-color:#282c34;color:#a8a8ac;white-space:pre-wrap;word-break:break-all}#reading-mode-for-mobile pre code{padding:18px 72px;position:relative;font-family:"Fira Code",monospace,MonoLisa,"source code pro","consolas"}#reading-mode-for-mobile pre code::before{content:\' \';position:absolute;height:100%;left:63px;top:0;z-index:100;border-left:1px solid #88888c}#reading-mode-for-mobile pre code .rmfm-code-line{position:relative}#reading-mode-for-mobile pre code .rmfm-code-line .rmfm-code-line-num{position:absolute;top:0;left:-90px;width:72px;height:100%;background-repeat:no-repeat;background-position:top right}#reading-mode-for-mobile #rmfm-menu{position:fixed;width:100vh;height:28.8px;top:calc(50vh - 14.4px);left:calc(14.4px - 50vh);transform:rotate(90deg)}#reading-mode-for-mobile #rmfm-menu .rmfm-menu-item{display:inline-block;padding:0 9px;cursor:pointer;color:#c0c0c4;font-size:12.8px}#reading-mode-for-mobile #rmfm-menu .rmfm-menu-item:hover{color:#f46}#reading-mode-for-mobile #rmfm-menu .rmfm-menu-hidden{display:none}#reading-mode-for-mobile .rmfm-menu-top,#reading-mode-for-mobile .rmfm-menu-bottom{float:left}#reading-mode-for-mobile .rmfm-menu-bottom{float:right}#reading-mode-for-mobile #rmfm-toc-list{position:fixed;top:0;left:0;z-index:-1;width:400px;max-width:90vw;margin:0;padding:9px 9px 9px 36px;font-size:12.8px}#reading-mode-for-mobile #rmfm-toc-list .rmfm-toc-item{cursor:pointer;list-style-type:disc;overflow-wrap:break-word;word-break:break-all}#reading-mode-for-mobile #rmfm-toc-list .rmfm-toc-item:hover{color:#f46}@media screen and (max-width:800px){#reading-mode-for-mobile > article.rmfm-main{padding:36px 9vw}#reading-mode-for-mobile pre{margin:36px -9vw}#reading-mode-for-mobile pre code{padding:18px -9vw 18px 72px}}', "" ]);
const l = i;
},
920: (e, t, o) => {
o.d(t, {
Z: () => l
});
var r = o(645);
var n = o.n(r);
var i = n()((function(e) {
return e[1];
}));
i.push([ e.id, "#reading-mode-for-mobile-start-card{width:100vw;height:100vh;position:fixed;bottom:0;left:0;background-color:rgba(0,0,0,0.8);z-index:2147483647}#reading-mode-for-mobile-start-card .start-content{position:absolute;bottom:0;width:90vw;left:5vw;text-align:center;box-sizing:border-box}#reading-mode-for-mobile-start-card .start-content p.rmfm-small-tip{font-size:12.8px;color:#a8a8ac;line-height:1.8;padding:0;margin:9px}#reading-mode-for-mobile-start-card .start-content .start-card{padding:18px 0}#reading-mode-for-mobile-start-card .start-content button{display:block;color:#909094;font-weight:200;line-height:1em;padding:16px;margin:8px auto}#reading-mode-for-mobile-start-card .start-content button#rmfm-show-button{background-color:#3ae;color:#fff;font-size:19.2px;border:1px solid #d0d0d4;border-radius:8px}#reading-mode-for-mobile-start-card .start-content button#rmfm-hide-button{font-size:48px}#reading-mode-for-mobile-start-card .start-content span#rmfm-countdown{font-weight:600;color:#f46}", "" ]);
const l = i;
},
645: e => {
e.exports = function(e) {
var t = [];
t.toString = function toString() {
return this.map((function(t) {
var o = e(t);
if (t[2]) return "@media ".concat(t[2], " {").concat(o, "}");
return o;
})).join("");
};
t.i = function(e, o, r) {
if ("string" === typeof e) e = [ [ null, e, "" ] ];
var n = {};
if (r) for (var i = 0; i < this.length; i++) {
var l = this[i][0];
if (null != l) n[l] = true;
}
for (var a = 0; a < e.length; a++) {
var s = [].concat(e[a]);
if (r && n[s[0]]) continue;
if (o) if (!s[2]) s[2] = o; else s[2] = "".concat(o, " and ").concat(s[2]);
t.push(s);
}
};
return t;
};
}
};
var t = {};
function __webpack_require__(o) {
var r = t[o];
if (void 0 !== r) return r.exports;
var n = t[o] = {
id: o,
exports: {}
};
e[o](n, n.exports, __webpack_require__);
return n.exports;
}
(() => {
__webpack_require__.n = e => {
var t = e && e.__esModule ? () => e["default"] : () => e;
__webpack_require__.d(t, {
a: t
});
return t;
};
})();
(() => {
__webpack_require__.d = (e, t) => {
for (var o in t) if (__webpack_require__.o(t, o) && !__webpack_require__.o(e, o)) Object.defineProperty(e, o, {
enumerable: true,
get: t[o]
});
};
})();
(() => {
__webpack_require__.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t);
})();
var o = {};
(() => {
const e = {
"www.jianshu.com": {
name: "JianShu",
blockModal: true,
rules: [ {
urlReg: /\/p\/\w+/i,
contentGetter: ".main-view .content",
contentHandler: e => {
e.querySelectorAll("img").forEach((e => {
if (!e.src) e.src = e.getAttribute("data-original-src");
}));
e.querySelectorAll('div[aria-label="3rd-ad"]').forEach((e => {
e.parentNode.removeChild(e);
}));
}
} ]
},
"www.zhihu.com": {
name: "Zhihu",
blockModal: true,
rules: [ {
urlReg: /\/question\/\d+\/answer\/\d+/i,
titleGetter: ".QuestionHeader-title",
contentGetter: ".Question-main .QuestionAnswer-content",
contentHandler: e => {
e.querySelectorAll(`\n .ContentItem-actions,\n .ModalWrap,\n .ModalLoading-content,\n .CommentItemV2-footer,\n .RichContent--unescapable.is-collapsed .ContentItem-rightButton,\n .ContentItem.AnswerItem button.Button--primary`).forEach((e => {
e.parentNode.removeChild(e);
}));
e.querySelectorAll(".CommentItemV2").forEach((e => {
const t = document.createElement("br");
e.before(t);
}));
}
}, {
urlReg: /\/question\/\d+/i,
titleGetter: ".QuestionHeader-title",
contentGetter: ".Question-main .List-item",
contentHandler: e => {
e.querySelectorAll(`\n .ContentItem-actions,\n .ModalWrap,\n .ModalLoading-content,\n .CommentItemV2-footer,\n .RichContent--unescapable.is-collapsed .ContentItem-rightButton,\n .ContentItem.AnswerItem button.Button--primary`).forEach((e => {
e.parentNode.removeChild(e);
}));
e.querySelectorAll(".CommentItemV2").forEach((e => {
const t = document.createElement("br");
e.before(t);
}));
}
} ]
},
"zhuanlan.zhihu.com": {
name: "Zhihu Zhuanlan",
blockModal: true,
rules: [ {
urlReg: /\/p\/\d+/i,
titleGetter: "h1.Post-Title",
contentGetter: ".Post-RichTextContainer"
} ]
}
};
const t = e;
const o = null && [ "EnterPage", "StartCard", "ReadingMode" ];
const r = {
redirect: [ "pushState", "replaceState", "popstate" ],
sameSite: [ "pushState", "replaceState", "popstate", "alert", "confirm" ]
};
const valORnull = e => e ? e : null;
const n = {
state: {
is_debug: 0,
auto_reading_mode: 0,
log: [],
warn: [],
el: {},
restore: {},
pos: {},
rule: {},
modal: [ "alert", "confirm" ],
toc: []
},
get is_debug() {
return this.state.is_debug;
},
get auto_reading_mode() {
return this.state.auto_reading_mode;
},
get modal() {
return this.state.modal;
},
log(e, t) {
if (this.is_debug) this.state.log.push((new Date).toLocaleString() + (e ? " " + e : "") + ": " + ([ "string", "number" ].includes(typeof t) ? t : JSON.stringify(t)));
},
warn(e, t) {
this.state.warn.push((new Date).toLocaleString() + (e ? " " + e : "") + ": " + ([ "string", "number" ].includes(typeof t) ? t : JSON.stringify(t)));
},
exposeState() {
if (this.is_debug) this.log("State expose", "Debug: " + this.is_debug);
if (this.is_debug) window.rmfmState = this.state;
},
setRestore(e, t = null) {
if (this.is_debug) this.log("State set Restore", {
name: e,
method: t
});
if (t) {
this.state.restore[e] = t;
return;
}
delete this.state.restore[e];
},
getRestore(e) {
if (this.is_debug) this.log("State get Restore", {
name: e,
el: valORnull(this.state.restore[e])
});
return valORnull(this.state.restore[e]);
},
restore(e = []) {
if (this.is_debug) this.log("State restore", e);
if ("string" === typeof e) e = r[e] ? r[e] : [];
const t = this.state.restore;
for (const o in t) {
if (e.includes(o)) continue;
this.getRestore(o)();
this.setRestore(o);
}
},
getKeys(e) {
if (this.is_debug) this.log("State get keys", {
name: e,
keys: Object.keys(this.state[e])
});
return Object.keys(this.state[e]);
},
addToc(e) {
if (this.is_debug) this.log("State set TOC", e);
this.state.toc.push(e);
},
getToc() {
if (this.is_debug) this.log("State get TOC", this.state.toc);
return this.state.toc;
},
clearEls() {
this.getKeys("el").forEach((e => {
if ("el_root" === e) return;
delete this.state.el[e];
}));
}
};
const i = {
el: [ "root", "startCard", "readingMode", "main", "title", "content", "menu", "toc", "tocList" ],
rule: [ "site", "default", "now" ],
pos: [ "toc", "menu" ]
};
for (const e in i) for (const t of i[e]) {
const o = e + "_" + t;
Object.defineProperty(n, o, {
get: function() {
if (this.is_debug) this.log("Store " + e + " get", o);
return this.state[e][o];
},
set: function(t) {
if (this.is_debug) this.log("Store " + e + " set", o + " = " + t);
this.state[e][o] = t;
}
});
}
n.exposeState();
const l = n;
var a = __webpack_require__(920);
var s = '<div class="start-content"> <p class="rmfm-small-tip">此提示来自于脚本：</p> <p class="rmfm-small-tip"><strong>移动页面的阅读模式</strong></p> <p class="rmfm-small-tip">当前版本号： 0.0.6beta</p> <p class="rmfm-small-tip">只是希望能够稍微提高一点在移动端的阅读体验。</p> <p class="rmfm-small-tip">此提示会在 <span id="rmfm-countdown"></span> 秒之后隐藏，刷新页面可以重新显示此提示。</p> <div class="start-card"> <button id="rmfm-show-button">进入阅读模式</button> <button id="rmfm-hide-button">╳</button> </div> </div>';
const d = s;
var m = __webpack_require__(152);
var c = '<article class="rmfm-main"> <div id="rmfm-menu"> <div class="rmfm-menu-top"> <div id="rmfm-close-button" class="rmfm-menu-item">关闭</div> <div id="rmfm-toc-button" class="rmfm-menu-item rmfm-menu-hidden">大纲</div> </div> <div class="rmfm-menu-bottom"> <div id="rmfm-top-button" class="rmfm-menu-item">返回顶部</div> </div> </div> <ul id="rmfm-toc-list"></ul> <h1 class="rmfm-title"></h1> <div class="rmfm-content"></div> </article>';
const f = c;
var u = __webpack_require__(863);
const removeEl = (e, t = false) => {
if (l.is_debug) l.log("removeEl", {
el: e,
force: t
});
try {
e.parentNode.removeChild(e);
} catch (o) {
l.warn("Remove el", {
parent: e.parentNode,
el: e,
error: o
});
if (t) l.el_root.innerHTML = "";
}
};
const addRootEl = () => {
if (l.is_debug) l.log("addRootEl", "Everyone in it");
if (l.el_root) {
l.warn("Add root el", "But here have a root el.");
return;
}
l.el_root = document.createElement("div");
l.el_root.id = "rmfm-root-box";
document.querySelector("html").appendChild(l.el_root);
};
const exitScript = () => {
if (l.is_debug) l.log("exitScript", "End.");
l.restore("redirect");
l.clearEls();
};
const getPostToShow = () => {
if (l.is_debug) l.log("getPostToShow", "");
const e = l.rule_now;
if (e.style) l.el_readingMode.querySelector("style").innerHTML += "\n" + e.style;
l.el_title.innerText = titleGetter(e.titleGetter);
l.el_content.innerHTML = contentGetter(e.contentGetter);
const t = e.contentHandler;
if ("function" === typeof t) t(l.el_content);
getToc();
clearContent();
highlightCode();
};
const titleGetter = e => {
if (l.is_debug) l.log("titleGetter", {
selector: e
});
if (e) {
if ("string" === typeof e && e.length) return document.body.querySelector(e).innerText;
if ("function" === typeof e) return e();
}
const t = document.body.querySelector("h1");
if (t) return t.innerHTML;
return document.title;
};
const contentGetter = e => {
if (l.is_debug) l.log("contentGetter", {
selector: e
});
const t = [];
if (e) {
if ("function" === typeof e) return e();
if ("string" === typeof e && e.length) t.unshift(e);
}
for (const e of t) {
const t = document.body.querySelectorAll(e);
if (t) {
let e = "";
t.forEach((t => {
e += `<div class="rmfm-section">` + t.innerHTML + `</div>`;
}));
return e;
}
}
return document.body.innerHTML;
};
const getToc = () => {
const e = l.rule_now.toc ? l.rule_now.toc : [ "h1", "h2", "h3", "h4", "h5", "h6" ];
e.forEach(((e, t) => {
l.el_content.querySelectorAll(e).forEach((e => {
e.classList.add("rmfm-toc-title");
e.setAttribute("data-rmfm-toc-level", t);
}));
}));
const t = [];
l.el_content.querySelectorAll(".rmfm-toc-title").forEach(((e, o) => {
const r = e.getAttribute("data-rmfm-toc-level");
e.setAttribute("data-rmfm-toc-mairk", o);
l.addToc({
name: e.innerText,
level: r,
mark: o
});
if (!t.includes(r)) t.push(r);
}));
t.sort();
if (l.getToc().length) {
l.el_toc = l.el_readingMode.querySelector("#rmfm-toc-button");
l.el_tocList = l.el_readingMode.querySelector("#rmfm-toc-list");
let e = 0;
l.getToc().forEach(((o, r) => {
const n = document.createElement("li");
if (!r) e = t.indexOf(o.level); else if (e < o.level) e = 0;
const i = t.indexOf(o.level) - e;
n.id = "rmfm-toc-item-" + r;
n.classList.add("rmfm-toc-item");
n.classList.add("rmfm-toc-item-" + i);
n.style.marginLeft = 2 * i + "em";
n.innerHTML = "<span>" + o.name + "<span>";
n.onclick = () => {
l.el_readingMode.scrollTo({
top: l.el_content.querySelector('[data-rmfm-toc-mairk="' + o.mark + '"]').offsetTop + l.el_content.offsetTop,
behavior: "smooth"
});
if (l.el_main.style.marginLeft) {
l.el_main.style.marginLeft = "";
l.pos_menu();
}
};
l.el_tocList.appendChild(n);
}));
let o = 0;
let r = 0;
l.pos_toc = () => {
r = 0;
l.el_tocList.querySelectorAll("li.rmfm-toc-item>span").forEach((e => {
r = Math.max(r, e.offsetWidth + Number(window.getComputedStyle(e.parentNode).marginLeft.replace("px", "")));
}));
if (r) r += 64;
o = l.el_main.offsetLeft - r;
l.el_tocList.style.left = (o < 0 ? 0 : o) + "px";
const e = window.getComputedStyle(l.el_main);
if (o < 0 || +e.marginLeft.replace("px", "") > +e.marginRight.replace("px", "")) l.el_toc.classList.remove("rmfm-menu-hidden"); else {
l.el_main.style.marginLeft = "";
l.el_toc.classList.add("rmfm-menu-hidden");
}
};
l.pos_toc();
window.addEventListener("resize", l.pos_toc);
l.setRestore("tocResetOffset", (() => {
window.removeEventListener("resize", l.pos_toc);
}));
l.el_toc.onclick = () => {
if (o >= 0) return;
if (l.el_main.style.marginLeft) l.el_main.style.marginLeft = ""; else l.el_main.style.marginLeft = r + "px";
l.pos_menu();
};
}
};
const clearContent = () => {
if (l.is_debug) l.log("clearContent", "");
l.el_content.querySelectorAll(".rmfm-section *").forEach((e => {
if (/^(style|script|header|footer|aside|nav|meta)$/i.test(e.tagName)) {
removeEl(e);
return;
}
e.removeAttribute("class");
e.removeAttribute("id");
e.removeAttribute("style");
}));
l.el_content.querySelectorAll(".rmfm-section").forEach((e => {
e.innerHTML = e.innerHTML.replace(/<\/?(div|span)[^>]*>/gi, "").replace(/<p>\s*(<br\s?\/?>\s*)*<\/p>/g, "").replace(/(<br\s?\/?>\s*){2,}/g, "<br />");
}));
};
const highlightCode = () => {
const e = l.el_content.querySelectorAll("pre");
if (e) {
e.forEach((e => {
const t = e.querySelector("code");
if ("undefined" !== typeof hljs) hljs.highlightBlock(t); else t.classList.add("hljs");
setLineNumber(t);
}));
l.el_readingMode.querySelector("style").innerHTML = u.Z + "\n" + l.el_readingMode.querySelector("style").innerHTML;
}
};
const generateLineNumber = (e, t) => {
const o = document.createElement("canvas");
const r = o.getContext("2d");
const n = {
font: t.fontSize + " " + (t.fontFamily ? t.fontFamily : window.getComputedStyle(document.body).fontFamily),
textAlign: "right",
fillStyle: "#999999"
};
for (const e in n) r[e] = n[e];
t.width = r.measureText(e).width;
t.height = Number(t.lineHeight.replace("px", ""));
o.width = t.width;
o.height = t.height;
for (const e in n) r[e] = n[e];
const i = t.height / 2 + Number(t.fontSize.replace("px", "")) / 2;
r.fillText(e, t.width, i);
return o.toDataURL("image/png");
};
const setLineNumber = e => {
const t = e ? [ e ] : [];
t.forEach((e => {
const t = window.getComputedStyle(e);
const o = {
fontSize: t.fontSize,
fontFamily: t.fontFamily,
lineHeight: t.lineHeight
};
e.innerHTML = e.innerHTML.split("\n").map(((e, t) => {
const r = t + 1;
const n = generateLineNumber(r, o);
return '<div class="rmfm-code-line"><div class="rmfm-code-line-num" date-line-num="' + r + '" style="background-image: url(' + n + ')"></div>' + e + "</div>";
})).join("");
}));
};
const pageRedirectEvent = () => {
const e = new Event("pageRedirect", {
bubbles: true,
cancelable: true
});
e.arguments = arguments;
window.dispatchEvent(e);
};
const methodChanger = (e, t = window, o) => {
const r = t[e];
t[e] = o ? function() {
const e = r.apply(this, arguments);
o(arguments);
return e;
} : function() {
if (l.is_debug) l.log("Evevt Killer - " + e, JSON.stringify(arguments));
};
return function() {
t[e] = r;
};
};
const addPageRedirectTrigger = () => {
[ "pushState", "replaceState" ].forEach((e => {
l.setRestore(e, methodChanger(e, history, pageRedirectEvent));
}));
window.addEventListener("popstate", pageRedirectEvent);
l.setRestore("popstate", (() => {
window.removeEventListener("popstate", pageRedirectEvent);
}));
const pageRedirectListener = () => {
if (window.rmfmState.pageUrl === window.location.href) return;
};
window.addEventListener("pageRedirect", pageRedirectListener);
l.setRestore("pageRedirect", (() => {
window.removeEventListener("pageRedirect", pageRedirectListener);
}));
};
const enterPage = e => {
if (l.is_debug) l.log("Page enter", "Start.");
if (self != top) return;
l.rule_site = e[window.location.host];
if (!l.rule_site) return;
addPageRedirectTrigger();
l.rule_default = Object.assign({}, l.rule_site);
delete l.rule_default.rules;
if (l.rule_default.blockModal) l.modal.forEach((e => {
l.setRestore(e, methodChanger(e));
}));
for (const e of l.rule_site.rules) if (e.urlReg.test(window.location.href)) {
l.rule_now = Object.assign({}, l.rule_default, e);
break;
}
if (!l.rule_now) {
exitScript();
return;
}
addRootEl();
if (l.auto_reading_mode) {
showReadingMode();
return;
}
showStartCard();
};
const showStartCard = () => {
if (l.is_debug) l.log("showStartCard", "");
if (l.el_startCard) {
l.warn("Add start el", "But here have a start el.");
return;
}
l.el_startCard = document.createElement("div");
l.el_startCard.id = "reading-mode-for-mobile-start-card";
l.el_startCard.innerHTML = "<style>" + a.Z + "</style>\n" + d;
l.el_root.appendChild(l.el_startCard);
const closeStartCard = () => {
window.clearInterval(o);
removeEl(l.el_startCard, true);
l.el_startCard = null;
l.setRestore("closeStartCard");
};
l.setRestore("closeStartCard", closeStartCard);
l.el_startCard.querySelector("#rmfm-hide-button").onclick = exitScript;
l.el_startCard.querySelector("#rmfm-show-button").onclick = () => {
closeStartCard();
showReadingMode();
};
let e = 8;
const t = l.el_startCard.querySelector("#rmfm-countdown");
t.innerText = e;
let o = window.setInterval((() => {
e--;
if (!e) closeStartCard();
t.innerText = e;
}), 1e3);
};
const showReadingMode = () => {
if (l.is_debug) l.log("showReadingMode", "");
const e = l.rule_now;
if (l.el_readingMode) {
l.warn("Add reading el", "But here have a reading el.");
return;
}
l.el_readingMode = document.createElement("div");
l.el_readingMode.id = "reading-mode-for-mobile";
l.el_readingMode.innerHTML = "<style>" + m.Z + "</style>\n" + f;
l.el_root.appendChild(l.el_readingMode);
document.body.classList.add("rmfm-body-hidden");
const closeReadingMode = () => {
document.body.classList.remove("rmfm-body-hidden");
removeEl(l.el_readingMode, true);
document.removeEventListener("keydown", escCloseReadingMode);
l.setRestore("closeReadingMode");
};
l.setRestore("closeReadingMode", closeReadingMode);
const escCloseReadingMode = e => {
if ("Escape" === e.code) exitScript();
};
document.addEventListener("keydown", escCloseReadingMode);
l.el_main = l.el_readingMode.querySelector(".rmfm-main");
l.el_title = l.el_readingMode.querySelector(".rmfm-title");
l.el_content = l.el_readingMode.querySelector(".rmfm-content");
l.el_menu = l.el_readingMode.querySelector("#rmfm-menu");
l.pos_menu = () => {
l.el_menu.style.marginLeft = l.el_main.offsetLeft + "px";
};
l.pos_menu();
window.addEventListener("resize", l.pos_menu);
l.setRestore("menuResetOffset", (() => {
window.removeEventListener("resize", l.pos_menu);
}));
l.el_menu.querySelector("#rmfm-close-button").onclick = exitScript;
l.el_menu.querySelector("#rmfm-top-button").onclick = () => {
l.el_readingMode.scrollTo({
top: 0,
behavior: "smooth"
});
};
if ("loading" === document.readyState) {
l.el_content.innerHTML = `<div style="text-align: center">loading……</div>`;
document.addEventListener("DOMContentLoaded", (() => {
getPostToShow();
}));
} else getPostToShow();
};
if (l.is_debug) l.log("Script", "Now, script is loaded.");
const g = {
enterPage
};
if (l.is_debug) l.log("Script", "Now, script start.");
g.enterPage(t);
})();
})();