linux.do.level

Linux.Do 查看用户信任级别以及升级条件,数据来源于 https://connect.linux.do

当前为 2024-08-07 提交的版本,查看 最新版本

  1. // ==UserScript==
  2. // @name linux.do.level
  3. // @namespace https://linux.do/u/io.oi/s/level
  4. // @version 1.4.2
  5. // @author LINUX.DO
  6. // @description Linux.Do 查看用户信任级别以及升级条件,数据来源于 https://connect.linux.do
  7. // @license MIT
  8. // @icon https://cdn.linux.do/user_avatar/linux.do/io.oi/48/98155_2.png
  9. // @match https://linux.do/*
  10. // @connect connect.linux.do
  11. // @grant GM.xmlHttpRequest
  12. // @grant GM_addStyle
  13. // ==/UserScript==
  14.  
  15. (e=>{if(typeof GM_addStyle=="function"){GM_addStyle(e);return}const o=document.createElement("style");o.textContent=e,document.head.append(o)})(" .level-window{position:fixed;bottom:0;background:var(--secondary);z-index:999;padding:.5em;color:var(--primary);box-shadow:0 0 4px #00000020;border:1px solid var(--primary-low)}.level-window .title .close{width:24px;height:24px;color:#fff;background:red;display:inline-block;text-align:center;line-height:24px;float:right;cursor:pointer;border-radius:4px;font-size:var(--base-font-size-largest)}.level-window .bg-white{background-color:var(--primary-low);border-radius:.5em;padding:.5em;margin-top:.5em}.level-window h1{color:var(--primary);font-size:1.3rem}.level-window h2{font-size:1.25rem}.mb-4 table tr:nth-child(2n){background-color:var(--tertiary-400)}.level-window .text-red-500{color:#ef4444}.level-window .text-green-500{color:#10b981}.level-window .mb-4 table tr td{padding:4px 8px}.language-text{background:var(--primary-very-low);font-family:var(--d-font-family--monospace);font-size:var(--base-font-size-smallest);flex-grow:1}.code-box{display:flex;flex-direction:row;justify-content:space-between}.code-box .copy{padding:.5em 1em;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:var(--base-font-size-smallest);background:var(--secondary)}.connect-button{width:100%;padding:.5em;margin-top:.5em!important}.emoji-picker-category-buttons,.emoji-picker-emoji-area{justify-content:center;padding-left:initial}.emoji-picker-category-buttons::-webkit-scrollbar,.emoji-picker-emoji-area::-webkit-scrollbar{width:5px;height:auto;background:var(--primary)}.emoji-picker-category-buttons::-webkit-scrollbar-thumb,.emoji-picker-emoji-area::-webkit-scrollbar-thumb{box-shadow:inset 0 0 5px #0003;background:var(--secondary)}.emoji-picker-category-buttons::-webkit-scrollbar-track,.emoji-picker-emoji-area::-webkit-scrollbar-track{box-shadow:inset 0 0 5px #0003;background:var(--primary-low)} ");
  16.  
  17. (function () {
  18. 'use strict';
  19.  
  20. var __defProp = Object.defineProperty;
  21. var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
  22. var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
  23. var _GM = /* @__PURE__ */ (() => typeof GM != "undefined" ? GM : void 0)();
  24. async function getLevelFromConnect() {
  25. return await new Promise((resolve, reject) => {
  26. _GM.xmlHttpRequest({
  27. method: "GET",
  28. url: "https://connect.linux.do",
  29. onload: (response) => {
  30. let regx = /<body[^>]*>([\s\S]+?)<\/body>/i;
  31. let contents = regx.exec(response.responseText);
  32. if (contents) {
  33. resolve({
  34. status: true,
  35. content: contents[1],
  36. error: ""
  37. });
  38. }
  39. },
  40. onerror: (e) => {
  41. reject({ status: false, error: e.error, content: "" });
  42. }
  43. });
  44. });
  45. }
  46. function observeDom(selector, onChanged, option) {
  47. let dom = document.querySelector(selector);
  48. if (dom) {
  49. const observer = new MutationObserver(() => {
  50. onChanged(dom);
  51. });
  52. observer.observe(dom, { childList: true });
  53. return observer;
  54. } else {
  55. console.error(`query dom error: [${selector}]`);
  56. return null;
  57. }
  58. }
  59. function isOnTopicPage() {
  60. return window.location.href.includes("https://linux.do/t/topic");
  61. }
  62. const _DomEventBus = class _DomEventBus {
  63. constructor() {
  64. __publicField(this, "listenerMap");
  65. __publicField(this, "observeMap");
  66. this.listenerMap = {};
  67. this.observeMap = {};
  68. }
  69. static getInstance() {
  70. if (!this.instance) {
  71. this.instance = new _DomEventBus();
  72. }
  73. return this.instance;
  74. }
  75. add(name, listener) {
  76. if (!this.listenerMap[name]) {
  77. this.listenerMap[name] = [];
  78. }
  79. if (this.listenerMap[name].length === 0) {
  80. let observe = observeDom(name, () => {
  81. this.domEmit(name);
  82. });
  83. if (observe) {
  84. this.observeMap[name] = observe;
  85. }
  86. }
  87. this.listenerMap[name].push(listener);
  88. }
  89. domEmit(event) {
  90. const listeners = this.listenerMap[event];
  91. if (listeners) {
  92. for (const listener of listeners) {
  93. listener();
  94. }
  95. }
  96. }
  97. clear(name) {
  98. if (!this.listenerMap[name]) {
  99. return;
  100. }
  101. this.listenerMap[name] = [];
  102. }
  103. };
  104. __publicField(_DomEventBus, "instance");
  105. let DomEventBus = _DomEventBus;
  106. function createCodeElement(key) {
  107. var _a;
  108. let realKey = key;
  109. let copied = false;
  110. let root = document.createElement("div");
  111. root.className = "bg-white p-6 rounded-lg mb-4 shadow";
  112. root.innerHTML = `
  113. <h2>DeepLX Api Key</h2>
  114. <div class="code-box">
  115. <span class="hljs language-text">${key.replace(key.substring(12, 21), "**加密**")}</span>
  116. </div>
  117. `;
  118. let copyButton = document.createElement("span");
  119. copyButton.className = "copy";
  120. copyButton.innerHTML = "复制";
  121. copyButton.addEventListener("click", async () => {
  122. if (!copied) {
  123. await navigator.clipboard.writeText(realKey);
  124. copied = true;
  125. copyButton.innerHTML = "已复制";
  126. let timer = setTimeout(() => {
  127. copied = false;
  128. copyButton.innerHTML = "复制";
  129. clearInterval(timer);
  130. }, 2e3);
  131. }
  132. });
  133. (_a = root.querySelector("div.code-box")) == null ? void 0 : _a.appendChild(copyButton);
  134. let connectButton = document.createElement("a");
  135. connectButton.className = "btn btn-primary connect-button";
  136. connectButton.href = "https://connect.linux.do";
  137. connectButton.target = "_blank";
  138. connectButton.innerHTML = "前往 Connect 站";
  139. root.appendChild(connectButton);
  140. return root;
  141. }
  142. function createWindow(title, key, levelTable, onClose) {
  143. let root = document.createElement("div");
  144. root.setAttribute("id", "level-window");
  145. root.className = "level-window";
  146. root.style.right = document.querySelector("div.chat-drawer.is-expanded") ? "430px" : "15px";
  147. root.innerHTML = `
  148. <div class="title">
  149. <span class="close" id="close-button">
  150. <svg class="fa d-icon d-icon-times svg-icon svg-string" xmlns="http://www.w3.org/2000/svg">
  151. <use href="#times"></use>
  152. </svg>
  153. </span>
  154. <div id="content" class="content"></div>
  155. </div>`;
  156. let window2 = root.querySelector("div#content");
  157. if (window2) {
  158. window2.appendChild(title);
  159. window2.appendChild(createCodeElement(key));
  160. window2.appendChild(levelTable);
  161. }
  162. let close = root.querySelector("span#close-button");
  163. close == null ? void 0 : close.addEventListener("click", onClose);
  164. DomEventBus.getInstance().add("div.chat-drawer-outlet-container", () => {
  165. let chat = document.querySelector("div.chat-drawer.is-expanded");
  166. root.style.right = chat ? "430px" : "15px";
  167. });
  168. let chatContainer = document.querySelector("div.chat-drawer-outlet-container");
  169. if (chatContainer) {
  170. let observer = new MutationObserver((_) => {
  171. let chat = document.querySelector("div.chat-drawer.is-expanded");
  172. root.style.right = chat ? "430px" : "15px";
  173. });
  174. observer.observe(chatContainer, { childList: true });
  175. }
  176. return root;
  177. }
  178. function getLoadingSvg(size = 60) {
  179. return `<svg xmlns="http://www.w3.org/2000/svg" width="${size}px" height="${size}px" viewBox="0 0 100 100" preserveAspectRatio="xMidYMid" class="lds-ring">
  180. <circle cx="50" cy="50" r="30" stroke="#B3B5B411" stroke-width="10" fill="none"/>
  181. <circle cx="50" cy="50" r="30" stroke="#808281" stroke-width="10" fill="none" transform="rotate(144 50 50)">
  182. <animateTransform attributeName="transform" type="rotate" calcMode="linear" values="0 50 50;360 50 50" keyTimes="0;1" dur="1s" begin="0s" repeatCount="indefinite"/>
  183. <animate attributeName="stroke-dasharray" calcMode="linear" values="18.84955592153876 169.64600329384882;94.2477796076938 94.24777960769377;18.84955592153876 169.64600329384882" keyTimes="0;0.5;1" dur="1" begin="0s" repeatCount="indefinite"/>
  184. </circle>
  185. </svg>`;
  186. }
  187. function showMessageBox(message, title, buttons = [
  188. {
  189. text: "确认",
  190. type: "btn-primary",
  191. onClicked: function() {
  192. }
  193. }
  194. ]) {
  195. let root = document.querySelector("div.modal-container");
  196. if (root) {
  197. let box = document.createElement("div");
  198. box.id = "message-box";
  199. box.className = "ember-view modal d-modal discard-draft-modal";
  200. box.setAttribute("data-keyboard", "false");
  201. box.setAttribute("aria-modal", "true");
  202. box.setAttribute("role", "dialog");
  203. box.innerHTML = `
  204. <div class="d-modal__container">
  205. <div class="d-modal__header">${title}</div>
  206. <div class="d-modal__body" tabindex="-1">
  207. <div class="instructions">
  208. ${message}
  209. </div>
  210. </div>
  211. <div class="d-modal__footer">
  212. </div>
  213. </div>`;
  214. let backdrop = document.createElement("div");
  215. backdrop.className = "d-modal__backdrop";
  216. root.appendChild(backdrop);
  217. let footer = box.querySelector("div.d-modal__footer");
  218. if (footer) {
  219. for (const button of buttons) {
  220. let btnElement = document.createElement("button");
  221. btnElement.className = "btn btn-text " + button.type;
  222. btnElement.setAttribute("type", "button");
  223. btnElement.innerHTML = `
  224. <span class="d-button-label">
  225. ${button.text}
  226. </span>
  227. `;
  228. btnElement.addEventListener("click", () => {
  229. button.onClicked();
  230. box.remove();
  231. backdrop.remove();
  232. });
  233. footer.appendChild(btnElement);
  234. }
  235. root.appendChild(box);
  236. }
  237. }
  238. }
  239. class Level {
  240. constructor() {
  241. __publicField(this, "levelWindow");
  242. __publicField(this, "loading", false);
  243. }
  244. init() {
  245. this.replaceConnectAnchor();
  246. }
  247. loadDomFromString(content) {
  248. let parser = new DOMParser();
  249. return parser.parseFromString(content, "text/html").body;
  250. }
  251. showErrorAndGotoConnect(error) {
  252. showMessageBox(error, "错误", [{
  253. text: "确认",
  254. type: "btn-primary",
  255. onClicked: () => {
  256. }
  257. }, {
  258. text: "前往 Connect 查看",
  259. type: "",
  260. onClicked: () => {
  261. window.open("https://connect.linux.do/", "_blank");
  262. }
  263. }]);
  264. }
  265. getContentsFromDom(dom) {
  266. var _a, _b, _c;
  267. let title = dom.querySelector("h1.text-2xl");
  268. (_a = title == null ? void 0 : title.querySelector('a[href="/logout"]')) == null ? void 0 : _a.remove();
  269. let levelTable = (_b = dom.querySelector("div.bg-white.p-6.rounded-lg.mb-4.shadow table")) == null ? void 0 : _b.parentElement;
  270. let key = (_c = dom.querySelector("div.bg-white.p-6.rounded-lg.mb-4.shadow p strong")) == null ? void 0 : _c.innerHTML;
  271. let status = key !== void 0 && levelTable !== null;
  272. return {
  273. status,
  274. key,
  275. title,
  276. content: levelTable,
  277. error: status ? null : "解析 Connect 数据错误。"
  278. };
  279. }
  280. replaceConnectAnchor() {
  281. let connectAnchor = document.querySelector('a[href="https://connect.linux.do"]');
  282. if (connectAnchor) {
  283. connectAnchor.href = "javascript:void(0);";
  284. connectAnchor.addEventListener("click", async () => {
  285. if (!this.loading && this.levelWindow === void 0) {
  286. this.loading = true;
  287. let icon = connectAnchor.querySelector("span.sidebar-section-link-prefix.icon");
  288. if (icon) {
  289. let defaultIcon = icon.innerHTML;
  290. icon.innerHTML = getLoadingSvg();
  291. let result = await getLevelFromConnect();
  292. this.loading = false;
  293. icon.innerHTML = defaultIcon;
  294. if (result.status) {
  295. let dom = this.loadDomFromString(result.content);
  296. let body = this.getContentsFromDom(dom);
  297. if (body.status) {
  298. this.levelWindow = createWindow(body.title, body.key, body.content, () => {
  299. this.close();
  300. });
  301. document.body.appendChild(this.levelWindow);
  302. } else {
  303. this.showErrorAndGotoConnect(body.error);
  304. }
  305. } else {
  306. this.showErrorAndGotoConnect(result.error);
  307. }
  308. }
  309. } else {
  310. this.close();
  311. }
  312. });
  313. return;
  314. }
  315. console.error("replace connect anchor error.");
  316. }
  317. close() {
  318. this.levelWindow.remove();
  319. this.levelWindow = void 0;
  320. }
  321. }
  322. function createFloor(num) {
  323. let button = document.createElement("button");
  324. button.className = "widget-button btn-flat reply create fade-out btn-icon-text";
  325. button.setAttribute("title", `${num}楼`);
  326. button.setAttribute("id", "floor-button");
  327. button.innerHTML = `<span class='d-button-label'>${num}楼</span>`;
  328. return button;
  329. }
  330. class Floor {
  331. constructor() {
  332. __publicField(this, "eventBus");
  333. this.eventBus = DomEventBus.getInstance();
  334. }
  335. observeUrl() {
  336. const changed = () => {
  337. if (isOnTopicPage()) {
  338. this.eventBus.add("div.container.posts section.topic-area div.ember-view", () => {
  339. if (isOnTopicPage()) {
  340. this.fixFloorDom();
  341. }
  342. });
  343. this.fixFloorDom();
  344. } else {
  345. this.eventBus.clear("div.container.posts section.topic-area div.ember-view");
  346. }
  347. };
  348. this.eventBus.add("div#main-outlet", changed);
  349. }
  350. fixFloorDom() {
  351. var _a;
  352. let floors = Array.from(document.body.querySelectorAll("div.container.posts section.topic-area div.ember-view div.topic-post.clearfix.regular"));
  353. for (const floor of floors) {
  354. if (floor.querySelector("button#floor-button")) {
  355. continue;
  356. }
  357. let article = floor.querySelector("article");
  358. if (article) {
  359. let id = (_a = article.getAttribute("id")) == null ? void 0 : _a.replace("post_", "");
  360. let actions = floor.querySelector("article section nav div.actions");
  361. actions == null ? void 0 : actions.appendChild(createFloor(id ? id : "??"));
  362. }
  363. }
  364. }
  365. init() {
  366. this.observeUrl();
  367. }
  368. }
  369. class Emoji {
  370. constructor() {
  371. __publicField(this, "customs", ["飞书", "小红书", "b站", "贴吧"]);
  372. __publicField(this, "observe", new MutationObserver(() => {
  373. let emojiPicker = document.querySelector("div.emoji-picker.opened");
  374. if (emojiPicker) {
  375. let timer = setInterval(() => {
  376. let emojiButtons = emojiPicker.querySelector("div.emoji-picker-category-buttons");
  377. let emojiContainer = emojiPicker.querySelector("div.emojis-container");
  378. if (emojiButtons && emojiContainer) {
  379. for (const custom of this.customs) {
  380. this.moveElementToFirstBySelector(`button[data-section="custom-${custom}"]`, emojiButtons);
  381. this.moveElementToFirstBySelector(`div[data-section="custom-${custom}"]`, emojiContainer);
  382. }
  383. }
  384. clearInterval(timer);
  385. });
  386. }
  387. }));
  388. }
  389. moveElementToFirstBySelector(selector, root) {
  390. let node = root.querySelector(selector);
  391. if (node) {
  392. root.insertBefore(node, root.children[0].nextSibling);
  393. }
  394. }
  395. init() {
  396. observeDom("div#reply-control", (replay) => {
  397. this.onReplayOpen(replay);
  398. });
  399. }
  400. onReplayOpen(replay) {
  401. if (replay.className.includes("open")) {
  402. let editor = replay.querySelector("div.d-editor");
  403. if (editor) {
  404. this.observe.observe(editor, { childList: true });
  405. } else {
  406. console.error("querySelector:div.d-editor");
  407. }
  408. } else {
  409. this.observe.disconnect();
  410. }
  411. }
  412. }
  413. function init() {
  414. window.addEventListener("load", () => {
  415. new Level().init();
  416. new Floor().init();
  417. new Emoji().init();
  418. });
  419. }
  420. init();
  421.  
  422. })();