☰

GreasyFork优化

自动登录账号、快捷寻找自己库被其他脚本引用、更新自己的脚本列表、库、优化图片浏览、美化页面、Markdown复制按钮

当前为 2023-12-08 提交的版本，查看 最新版本。

  1. // ==UserScript==
  2. // @name         GreasyFork优化
  3. // @namespace    https://greasyfork.org/zh-CN/scripts/475722
  4. // @supportURL   https://github.com/WhiteSevs/TamperMonkeyScript/issues
  5. // @version      2023.11.23
  6. // @description  自动登录账号、快捷寻找自己库被其他脚本引用、更新自己的脚本列表、库、优化图片浏览、美化页面、Markdown复制按钮
  7. // @author       WhiteSevs
  8. // @license      MIT
  9. // @icon         https://favicon.yandex.net/favicon/v2/https://greasyfork.org/?size=32
  10. // @match        *://greasyfork.org/*
  11. // @run-at       document-start
  12. // @grant        GM_setValue
  13. // @grant        GM_getValue
  14. // @grant        GM_deleteValue
  15. // @grant        GM_xmlhttpRequest
  16. // @grant        GM_addStyle
  17. // @grant        GM_registerMenuCommand
  18. // @grant        GM_unregisterMenuCommand
  19. // @grant        GM_info
  20. // @connect      greasyfork.org
  21. // @require      https://update.greasyfork.org/scripts/449471/1249086/Viewer.js
  22. // @require      https://update.greasyfork.org/scripts/462234/1284140/Message.js
  23. // @require      https://update.greasyfork.org/scripts/456485/1285662/pops.js
  24. // @require      https://update.greasyfork.org/scripts/455186/1290431/WhiteSevsUtils.js
  25. // @require      https://update.greasyfork.org/scripts/465772/1274595/DOMUtils.js
  26. // ==/UserScript==
  27.  
  28. (function () {
  29.   /* -----------------↓公共配置↓----------------- */
  30.   /**
  31.    * @type {import("../库/Qmsg")}
  32.    */
  33.   const Qmsg = window.Qmsg;
  34.   /**
  35.    * @type {import("../库/pops")}
  36.    */
  37.   const pops = window.pops;
  38.   /**
  39.    * @type {import("../库/Utils")}
  40.    */
  41.   const utils = window.Utils.noConflict();
  42.   /**
  43.    * @type {import("../库/DOMUtils")}
  44.    */
  45.   const DOMUtils = window.DOMUtils.noConflict();
  46.   Qmsg.config({
  47.     position: "top",
  48.     html: true,
  49.     maxNums: 4,
  50.     autoClose: true,
  51.     showClose: false,
  52.     showReverse: false,
  53.   });
  54.   const log = new utils.Log(GM_info);
  55.   log.config({
  56.     debug: false,
  57.   });
  58.   const httpx = new utils.Httpx(GM_xmlhttpRequest);
  59.   httpx.config({
  60.     onabort: function () {
  61.       Qmsg.error("请求被取消");
  62.     },
  63.     ontimeout: function () {
  64.       Qmsg.error("请求超时");
  65.     },
  66.     onerror: function (response) {
  67.       Qmsg.error("请求异常");
  68.       log.error(["httpx-onerror", response]);
  69.     },
  70.   });
  71.   /* -----------------↑公共配置↑----------------- */
  72.  
  73.   /* -----------------↓函数区域↓----------------- */
  74.   /**
  75.    * GreasyFork的配置
  76.    */
  77.   const GreasyforkApi = {
  78.     /**
  79.      * 获取代码搜索地址
  80.      * @param {string} url
  81.      * @returns {string}
  82.      */
  83.     getCodeSearchUrl(url) {
  84.       return "https://greasyfork.org/zh-CN/scripts/code-search?c=" + url;
  85.     },
  86.     /**
  87.      * 获取管理地址
  88.      * @param {string} url
  89.      * @returns {string}
  90.      */
  91.     getAdminUrl(url) {
  92.       return url + "/admin";
  93.     },
  94.     /**
  95.      * 从字符串中提取Id
  96.      * @param {?string} url
  97.      * @returns {string}
  98.      */
  99.     getScriptId(url) {
  100.       return (url || window.location.pathname).match(/\/scripts\/([\d]+)/i)[1];
  101.     },
  102.     /**
  103.      * 从字符串中提取脚本名
  104.      * @param {?string} url
  105.      * @returns {?string}
  106.      */
  107.     getScriptName(url) {
  108.       let pathname = window.location.pathname;
  109.       if (url != null) {
  110.         pathname = new URL(url).pathname;
  111.       }
  112.       pathname = decodeURIComponent(pathname);
  113.       pathname = pathname.split("/");
  114.       for (const name of pathname) {
  115.         if (name.match(/[\d]+/)) {
  116.           return name.match(/[\d]+-(.+)/)[1];
  117.         }
  118.       }
  119.     },
  120.     /**
  121.      * 获取脚本统计数据
  122.      * @param {string} scriptId
  123.      */
  124.     async getScriptStats(scriptId) {
  125.       return new Promise(async (resolve) => {
  126.         let scriptStatsRequest = await httpx.get({
  127.           url: `https://greasyfork.org/scripts/${scriptId}/stats.json`,
  128.           onerror: function () {},
  129.           ontimeout: function () {},
  130.         });
  131.         if (!scriptStatsRequest.status) {
  132.           resolve(false);
  133.           return;
  134.         }
  135.         let scriptStatsJSON = scriptStatsRequest.data;
  136.         resolve(scriptStatsJSON);
  137.       });
  138.     },
  139.     /**
  140.      * 解析并获取admin内的源代码同步的配置表单
  141.      * @param {string} scriptId
  142.      * @returns {Promise<?FormData>}
  143.      */
  144.     async getSourceCodeSyncFormData(scriptId) {
  145.       let getResp = await fetch(
  146.         `https://greasyfork.org/zh-CN/scripts/${scriptId}/admin`
  147.       );
  148.       log.success(getResp);
  149.       if (getResp.status !== 200) {
  150.         Qmsg.error("请求admin内容失败");
  151.         return;
  152.       }
  153.       let adminHTML = await getResp.text();
  154.       let adminHTMLElement = DOMUtils.parseHTML(adminHTML, false, true);
  155.       let formElement = adminHTMLElement.querySelector("form.edit_script");
  156.       if (!formElement) {
  157.         Qmsg.error("解析admin的源代码同步表单失败");
  158.         return;
  159.       }
  160.       let formData = new FormData(formElement);
  161.       return formData;
  162.     },
  163.     /**
  164.      * 进行源代码同步，要求先getSourceCodeSyncFormData
  165.      * @param {string} scriptId
  166.      * @param {FormData} data
  167.      * @returns {Promise<?Response>}
  168.      */
  169.     async sourceCodeSync(scriptId, data) {
  170.       let postResp = await fetch(
  171.         `https://greasyfork.org/zh-CN/scripts/${scriptId}/sync_update`,
  172.         {
  173.           method: "POST",
  174.           body: data,
  175.         }
  176.       );
  177.       log.success(postResp);
  178.       if (postResp.status !== 200) {
  179.         Qmsg.error("源代码同步失败");
  180.         return;
  181.       }
  182.       return postResp;
  183.     },
  184.   };
  185.  
  186.   /**
  187.    * GreasyFork的菜单
  188.    */
  189.   const GreasyforkMenu = {
  190.     /**
  191.      * @class
  192.      */
  193.     menu: new utils.GM_Menu({
  194.       GM_getValue,
  195.       GM_setValue,
  196.       GM_registerMenuCommand,
  197.       GM_unregisterMenuCommand,
  198.     }),
  199.     /**
  200.      * 当前是否已登录
  201.      */
  202.     isLogin: false,
  203.     /**
  204.      * 初始化菜单对象
  205.      */
  206.     initMenu() {
  207.       this.menu.add([
  208.         {
  209.           key: "enterAccount_Password",
  210.           text: "录入账号/密码",
  211.           showText(_text_, _enable_) {
  212.             let user = GM_getValue("user");
  213.             if (user) {
  214.               return `账号:${user} 点击重新录入`;
  215.             } else {
  216.               return "录入账号/密码";
  217.             }
  218.           },
  219.           callback() {
  220.             let user = prompt("请输入GreasyFork的账号");
  221.             if (!user) {
  222.               Qmsg.error("取消输入账号");
  223.               return;
  224.             }
  225.             if (user && user.trim() === "") {
  226.               Qmsg.error("输入为空或纯空格");
  227.               return;
  228.             }
  229.             let pwd = prompt("请输入GreasyFork的密码");
  230.  
  231.             if (!pwd) {
  232.               Qmsg.error("取消输入密码");
  233.               return;
  234.             }
  235.             if (pwd && pwd.trim() === "") {
  236.               Qmsg.error("输入为空或纯空格");
  237.               return;
  238.             }
  239.             GM_setValue("user", user);
  240.             GM_setValue("pwd", pwd);
  241.             Qmsg.success("成功录入账号/密码");
  242.           },
  243.         },
  244.         {
  245.           key: "clearAccount_Password",
  246.           text: "⚙ 清空账号/密码",
  247.           showText(text) {
  248.             return text;
  249.           },
  250.           callback() {
  251.             if (confirm("确定清空账号和密码？")) {
  252.               GM_deleteValue("user");
  253.               GM_deleteValue("pwd");
  254.               Qmsg.success("已清空账号/密码");
  255.             }
  256.           },
  257.         },
  258.         {
  259.           key: "autoLogin",
  260.           text: "自动登录",
  261.           enable: true,
  262.         },
  263.         {
  264.           key: "beautifyPage",
  265.           text: "美化页面",
  266.           enable: true,
  267.         },
  268.         {
  269.           key: "beautifyGreasyforkBeautify",
  270.           text: "美化Greasyfork Beautify脚本",
  271.           enable: true,
  272.         },
  273.         {
  274.           key: "beautifyUploadImage",
  275.           text: "美化上传图片",
  276.           enable: true,
  277.         },
  278.         {
  279.           key: "addCopyCodeButton",
  280.           text: "添加复制代码按钮",
  281.           enable: true,
  282.         },
  283.       ]);
  284.     },
  285.     /**
  286.      * 初始化环境变量
  287.      */
  288.     initEnv() {
  289.       let userLinkElement = this.getUserLinkElement();
  290.       this.isLogin = Boolean(userLinkElement);
  291.     },
  292.     /**
  293.      * 获取当前登录用户的a标签元素
  294.      * @returns {?HTMLElement}
  295.      */
  296.     getUserLinkElement() {
  297.       return document.querySelector("#nav-user-info span.user-profile-link a");
  298.     },
  299.     /**
  300.      * 处理添加用户界面的菜单项
  301.      */
  302.     handleUserMenu() {
  303.       log.success(["用户界面", this.menu]);
  304.       this.menu.add([
  305.         {
  306.           key: "updateSettingsAndSynchronize_scriptList",
  307.           text: "⚙ 源代码同步【脚本列表】",
  308.           autoReload: false,
  309.           showText(text) {
  310.             return text;
  311.           },
  312.           callback() {
  313.             if (!window.location.pathname.match(/\/.+\/users\/.+/gi)) {
  314.               GM_setValue("goto_updateSettingsAndSynchronize_scriptList", true);
  315.               if (GreasyforkMenu.getUserLinkElement()) {
  316.                 Qmsg.success("前往用户主页");
  317.                 window.location.href = GreasyforkMenu.getUserLinkElement().href;
  318.               } else {
  319.                 Qmsg.error("获取当前已登录的用户主页失败");
  320.               }
  321.               return;
  322.             }
  323.             let scriptUrlList = [];
  324.             document
  325.               .querySelectorAll("#user-script-list-section li a.script-link")
  326.               .forEach((item) => {
  327.                 scriptUrlList = scriptUrlList.concat(
  328.                   GreasyforkApi.getAdminUrl(item.href)
  329.                 );
  330.               });
  331.             GreasyforkMenu.updateScript(scriptUrlList);
  332.           },
  333.         },
  334.         {
  335.           key: "updateSettingsAndSynchronize_unlistedScriptList",
  336.           text: "⚙ 源代码同步【未上架的脚本】",
  337.           autoReload: false,
  338.           showText(text) {
  339.             return text;
  340.           },
  341.           callback() {
  342.             if (!window.location.pathname.match(/\/.+\/users\/.+/gi)) {
  343.               GM_setValue(
  344.                 "goto_updateSettingsAndSynchronize_unlistedScriptList",
  345.                 true
  346.               );
  347.               if (GreasyforkMenu.getUserLinkElement()) {
  348.                 Qmsg.success("前往用户主页");
  349.                 window.location.href = GreasyforkMenu.getUserLinkElement().href;
  350.               } else {
  351.                 Qmsg.error("获取当前已登录的用户主页失败");
  352.               }
  353.               return;
  354.             }
  355.             let scriptUrlList = [];
  356.             document
  357.               .querySelectorAll("#user-unlisted-script-list li a.script-link")
  358.               .forEach((item) => {
  359.                 scriptUrlList = scriptUrlList.concat(
  360.                   GreasyforkApi.getAdminUrl(item.href)
  361.                 );
  362.               });
  363.             GreasyforkMenu.updateScript(scriptUrlList);
  364.           },
  365.         },
  366.         {
  367.           key: "updateSettingsAndSynchronize_libraryScriptList",
  368.           text: "⚙ 源代码同步【库】",
  369.           autoReload: false,
  370.           showText(text) {
  371.             return text;
  372.           },
  373.           callback() {
  374.             if (!window.location.pathname.match(/\/.+\/users\/.+/gi)) {
  375.               GM_setValue(
  376.                 "goto_updateSettingsAndSynchronize_libraryScriptList",
  377.                 true
  378.               );
  379.               if (GreasyforkMenu.getUserLinkElement()) {
  380.                 Qmsg.success("前往用户主页");
  381.                 window.location.href = GreasyforkMenu.getUserLinkElement().href;
  382.               } else {
  383.                 Qmsg.error("获取当前已登录的用户主页失败");
  384.               }
  385.               return;
  386.             }
  387.             let scriptUrlList = [];
  388.             document
  389.               .querySelectorAll("#user-library-script-list li a.script-link")
  390.               .forEach((item) => {
  391.                 scriptUrlList = scriptUrlList.concat(
  392.                   GreasyforkApi.getAdminUrl(item.href)
  393.                 );
  394.               });
  395.             GreasyforkMenu.updateScript(scriptUrlList);
  396.           },
  397.         },
  398.       ]);
  399.     },
  400.     /**
  401.      * 更新脚本
  402.      * @param {string[]} scriptUrlList
  403.      */
  404.     async updateScript(scriptUrlList) {
  405.       let getLoadingHTML = function (scriptName, progress = 1) {
  406.         return `
  407.         <div style="display: flex;flex-direction: column;align-items: flex-start;">
  408.           <div style="height: 30px;line-height: 30px;">名称：${scriptName}</div>
  409.           <div style="height: 30px;line-height: 30px;">进度：${progress}/${scriptUrlList.length}</div>
  410.         </div>`;
  411.       };
  412.       if (utils.isNull(scriptUrlList)) {
  413.         Qmsg.error("未获取到【脚本列表】");
  414.       } else {
  415.         let loading = Qmsg.loading(
  416.           getLoadingHTML(GreasyforkApi.getScriptName(scriptUrlList[0])),
  417.           {
  418.             html: true,
  419.           }
  420.         );
  421.         let successNums = 0;
  422.         let failedNums = 0;
  423.         for (let index = 0; index < scriptUrlList.length; index++) {
  424.           let scriptUrl = scriptUrlList[index];
  425.           let scriptId = GreasyforkApi.getScriptId(scriptUrl);
  426.           log.success("更新：" + scriptUrl);
  427.           let scriptName = GreasyforkApi.getScriptName(scriptUrl);
  428.           loading.setHTML(getLoadingHTML(scriptName, index + 1));
  429.           let codeSyncFormData = await GreasyforkApi.getSourceCodeSyncFormData(
  430.             scriptId
  431.           );
  432.           if (codeSyncFormData) {
  433.             let syncUpdateStatus = await GreasyforkApi.sourceCodeSync(
  434.               scriptId,
  435.               codeSyncFormData
  436.             );
  437.             if (syncUpdateStatus) {
  438.               Qmsg.success("源代码同步成功，3秒后更新下一个");
  439.               await utils.sleep(3000);
  440.               successNums++;
  441.             } else {
  442.               Qmsg.error("源代码同步失败");
  443.               failedNums++;
  444.             }
  445.           } else {
  446.             Qmsg.error("源代码同步失败");
  447.             failedNums++;
  448.           }
  449.         }
  450.         loading.close();
  451.         if (successNums === 0) {
  452.           Qmsg.error("全部更新失败");
  453.         } else {
  454.           Qmsg.success(
  455.             `全部更新完毕<br >
  456.           成功：${successNums}<br >
  457.           失败：${failedNums}<br >
  458.           总计：${scriptUrlList.length}`,
  459.             {
  460.               html: true,
  461.             }
  462.           );
  463.         }
  464.       }
  465.     },
  466.     /**
  467.      * 处理本地的goto事件
  468.      */
  469.     handleLocalGotoCallBack() {
  470.       if (GM_getValue("goto_updateSettingsAndSynchronize_scriptList")) {
  471.         let menuCallBack = this.menu.getCallBack(
  472.           "updateSettingsAndSynchronize_scriptList"
  473.         );
  474.         GM_deleteValue("goto_updateSettingsAndSynchronize_scriptList");
  475.         menuCallBack();
  476.       } else if (
  477.         GM_getValue("goto_updateSettingsAndSynchronize_unlistedScriptList")
  478.       ) {
  479.         let menuCallBack = this.menu.getCallBack(
  480.           "updateSettingsAndSynchronize_unlistedScriptList"
  481.         );
  482.         GM_deleteValue("goto_updateSettingsAndSynchronize_unlistedScriptList");
  483.         menuCallBack();
  484.       } else if (
  485.         GM_getValue("goto_updateSettingsAndSynchronize_libraryScriptList")
  486.       ) {
  487.         let menuCallBack = this.menu.getCallBack(
  488.           "updateSettingsAndSynchronize_libraryScriptList"
  489.         );
  490.         GM_deleteValue("goto_updateSettingsAndSynchronize_libraryScriptList");
  491.         menuCallBack();
  492.       }
  493.     },
  494.     /**
  495.      * 入口
  496.      */
  497.     init() {
  498.       this.initMenu();
  499.       this.handleUserMenu();
  500.     },
  501.   };
  502.  
  503.   /**
  504.    * GreasyFork的业务功能
  505.    */
  506.   const GreasyforkBusiness = {
  507.     /**
  508.      * 自动登录
  509.      */
  510.     autoLogin() {
  511.       utils.waitNode("span.sign-in-link a[rel=nofollow]").then(async () => {
  512.         let user = GM_getValue("user", null);
  513.         let pwd = GM_getValue("pwd", null);
  514.         if (!user) {
  515.           Qmsg.error("请在菜单中录入账号");
  516.           return;
  517.         }
  518.         if (!pwd) {
  519.           Qmsg.error("请在菜单中录入密码");
  520.           return;
  521.         }
  522.         let csrfToken = document.querySelector("meta[name='csrf-token']");
  523.         if (!csrfToken) {
  524.           Qmsg.error("获取csrf-token失败");
  525.           return;
  526.         }
  527.         let loginTip = Qmsg.loading("正在登录中...");
  528.         let postResp = null;
  529.         try {
  530.           postResp = await fetch("https://greasyfork.org/zh-CN/users/sign_in", {
  531.             method: "POST",
  532.             body: encodeURI(
  533.               `authenticity_token=${csrfToken.getAttribute(
  534.                 "content"
  535.               )}&user[email]=${user}&user[password]=${pwd}&user[remember_me]=1&commit=登录`
  536.             ),
  537.             headers: {
  538.               "Content-Type": "application/x-www-form-urlencoded",
  539.             },
  540.           });
  541.         } catch (error) {
  542.           log.error(error);
  543.           Qmsg.error("请求失败，请在控制台查看原因");
  544.           return;
  545.         }
  546.         loginTip.destroy();
  547.         if (!postResp.ok) {
  548.           log.error(postResp);
  549.           Qmsg.error("登录失败，请在控制台查看原因");
  550.           return;
  551.         }
  552.         let respText = await postResp.text();
  553.         let parseLoginHTMLNode = DOMUtils.parseHTML(respText, true, true);
  554.         if (
  555.           parseLoginHTMLNode.querySelectorAll(
  556.             ".sign-out-link a[rel=nofollow][data-method='delete']"
  557.           ).length
  558.         ) {
  559.           Qmsg.success("登录成功，1s后自动跳转");
  560.           setTimeout(() => {
  561.             window.location.reload();
  562.           }, 1000);
  563.         } else {
  564.           log.error(postResp);
  565.           log.error(`当前账号:${user}`);
  566.           log.error(`当前密码:${pwd}`);
  567.           Qmsg.error("登录失败，可能是账号/密码错误，请在控制台查看原因");
  568.         }
  569.       });
  570.     },
  571.     /**
  572.      * 设置代码搜索按钮(对于库)
  573.      */
  574.     setFindCodeSearchBtn() {
  575.       utils.waitNode("ul#script-links li.current span").then(() => {
  576.         let searchBtn = DOMUtils.createElement("li", {
  577.           innerHTML: `<a href="javascript:;"><span>寻找引用</span></a>`,
  578.         });
  579.         DOMUtils.append(document.querySelector("ul#script-links"), searchBtn);
  580.         DOMUtils.on(searchBtn, "click", async function () {
  581.           let scriptId = window.location.pathname.match(/scripts\/([\d]+)/i);
  582.           if (!scriptId) {
  583.             log.error([scriptId, window.location.pathname]);
  584.             Qmsg.error("获取脚本id失败");
  585.             return;
  586.           }
  587.           scriptId = scriptId[scriptId.length - 1];
  588.           let getResp = null;
  589.           try {
  590.             getResp = await fetch(
  591.               `https://greasyfork.org/zh-CN/scripts/${scriptId}.json`,
  592.               {
  593.                 responseType: "json",
  594.               }
  595.             );
  596.           } catch (error) {
  597.             Qmsg.error("请求失败，请在控制台查看原因");
  598.             return;
  599.           }
  600.           if (!getResp.ok) {
  601.             Qmsg.error("获取脚本信息JSON失败");
  602.             return;
  603.           }
  604.           let respData = await getResp.json();
  605.           if (!respData) {
  606.             Qmsg.error("解析fetch的JSON失败");
  607.             return;
  608.           }
  609.           let url = respData.code_url;
  610.           url = url.replace(/\?version.*/gi, "");
  611.           url = url.replace(/^http(s|):\/\//gi, "");
  612.           url = encodeURI(url);
  613.           window.location.href = GreasyforkApi.getCodeSearchUrl(url);
  614.         });
  615.       });
  616.     },
  617.     /**
  618.      * 修复图片显示问题
  619.      */
  620.     repairImgShow() {
  621.       if (window.innerWidth < window.innerHeight) {
  622.         GM_addStyle(`
  623.         img.lum-img{
  624.           width: 100% !important;
  625.           height: 100% !important;
  626.         }
  627.         `);
  628.       }
  629.     },
  630.     /**
  631.      * 修复代码的行号显示不够问题
  632.      * 超过1w行不会高亮代码
  633.      */
  634.     repairCodeLineNumber() {
  635.       if (!window.location.pathname.split("/")?.includes("code")) {
  636.         return;
  637.       }
  638.       utils
  639.         .waitNode("#script-content div.code-container pre.prettyprint ol")
  640.         .then((element) => {
  641.           if (element.childElementCount >= 1000) {
  642.             log.success(
  643.               `当前代码行数${element.childElementCount}行，超过1000行，优化行号显示问题`
  644.             );
  645.             GM_addStyle(`
  646.           pre.prettyprint{
  647.             padding-left: 10px;
  648.             font-family: Monaco,Consolas,'Lucida Console','Courier New',serif;
  649.             font-size: 12px;
  650.           }
  651.           `);
  652.           }
  653.         });
  654.     },
  655.     /**
  656.      * 优化图片浏览
  657.      */
  658.     optimizeImageBrowsing() {
  659.       GM_addStyle(`
  660.       @media (max-width: 460px) {
  661.         .lum-lightbox-image-wrapper {
  662.             display:flex;
  663.             overflow: auto;
  664.             -webkit-overflow-scrolling: touch
  665.         }
  666.     
  667.         .lum-lightbox-caption {
  668.             width: 100%;
  669.             position: absolute;
  670.             bottom: 0
  671.         }
  672.     
  673.         .lum-lightbox-position-helper {
  674.             margin: auto
  675.         }
  676.     
  677.         .lum-lightbox-inner img {
  678.             max-width:100%;
  679.             max-height:100%;
  680.         }
  681.       }
  682.       `);
  683.       /**
  684.        * 查看图片
  685.        * @param {Array} imgList
  686.        * @param {Number} _index_
  687.        */
  688.       function viewIMG(imgList = [], _index_ = 0) {
  689.         let viewerULNodeHTML = "";
  690.         imgList.forEach((item) => {
  691.           viewerULNodeHTML += `<li><img data-src="${item}" loading="lazy"></li>`;
  692.         });
  693.         let viewerULNode = DOMUtils.createElement("ul", {
  694.           innerHTML: viewerULNodeHTML,
  695.         });
  696.         /**
  697.          * @type {import("../库/Viewer")}
  698.          */
  699.         let viewer = new Viewer(viewerULNode, {
  700.           inline: false,
  701.           url: "data-src",
  702.           zIndex: utils.getMaxZIndex() + 100,
  703.           hidden: () => {
  704.             viewer.destroy();
  705.           },
  706.         });
  707.         _index_ = _index_ < 0 ? 0 : _index_;
  708.         viewer.view(_index_);
  709.         viewer.zoomTo(1);
  710.         viewer.show();
  711.       }
  712.       DOMUtils.on(document, "click", "img", function (event) {
  713.         let clickElement = event.target;
  714.         /* 在超链接标签里 */
  715.         if (clickElement?.parentElement?.localName === "a") {
  716.           return;
  717.         }
  718.         /* Viewer的图片浏览 */
  719.         if (
  720.           clickElement?.parentElement?.className === "viewer-canvas" ||
  721.           clickElement?.parentElement?.hasAttribute("data-viewer-action")
  722.         ) {
  723.           return;
  724.         }
  725.         /* GreasFork自带的图片浏览 */
  726.         if (
  727.           clickElement?.parentElement?.className ===
  728.           "lum-lightbox-position-helper"
  729.         ) {
  730.           return;
  731.         }
  732.         let imgSrc =
  733.           clickElement.getAttribute("src") ||
  734.           clickElement.getAttribute("data-src") ||
  735.           clickElement.getAttribute("alt");
  736.         log.success(["点击浏览图片👉", imgSrc]);
  737.         viewIMG([imgSrc]);
  738.       });
  739.     },
  740.     /**
  741.      * 脚本首页新增今日更新
  742.      */
  743.     async scriptHomepageAddedTodaySUpdate() {
  744.       if (
  745.         !window.location.pathname.includes("/scripts/") ||
  746.         !document.querySelector("#install-area")
  747.       ) {
  748.         return;
  749.       }
  750.       let scriptStatsJSON = await GreasyforkApi.getScriptStats(
  751.         GreasyforkApi.getScriptId()
  752.       );
  753.       if (!scriptStatsJSON) {
  754.         return;
  755.       }
  756.       scriptStatsJSON = utils.toJSON(scriptStatsJSON.responseText);
  757.       log.info(["统计信息", scriptStatsJSON]);
  758.       let todayStatsJSON =
  759.         scriptStatsJSON[utils.formatTime(undefined, "yyyy-MM-dd")];
  760.       if (!todayStatsJSON) {
  761.         log.error("今日份的统计信息不存在");
  762.         return;
  763.       }
  764.       let update_checks = todayStatsJSON["update_checks"];
  765.       log.info(["今日统计信息", todayStatsJSON]);
  766.       DOMUtils.after(
  767.         "dd.script-show-daily-installs",
  768.         DOMUtils.createElement("dt", {
  769.           className: "script-show-daily-update_checks",
  770.           innerHTML: "<span>今日检查</span>",
  771.         })
  772.       );
  773.       DOMUtils.after(
  774.         "dt.script-show-daily-update_checks",
  775.         DOMUtils.createElement("dd", {
  776.           className: "script-show-daily-update_checks",
  777.           innerHTML: "<span>" + update_checks + "</span>",
  778.         })
  779.       );
  780.     },
  781.     /**
  782.      * 美化页面markdown
  783.      */
  784.     beautifyPage() {
  785.       if (!GreasyforkMenu.menu.get("beautifyPage")) {
  786.         return;
  787.       }
  788.       log.success(GreasyforkMenu.menu.getShowTextValue("beautifyPage"));
  789.       let beautifyMarkdownCSS = `
  790.       code{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:.85em;color:#000;background-color:#f0f0f0;border-radius:3px;padding:.2em 0}
  791.       table{text-indent:initial}
  792.       table{margin:10px 0 15px 0;border-collapse:collapse;border-spacing:0;display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}
  793.       code,pre{color:#333;background:0 0;font-family:Consolas,"Liberation Mono",Menlo,Courier,monospace;text-align:left;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;line-height:1.4;-moz-tab-size:8;-o-tab-size:8;tab-size:8;-webkit-hyphens:none;-moz-hyphens:none;-ms-hyphens:none;hyphens:none}
  794.       pre{padding:.8em;overflow:auto;border-radius:3px;background:#f5f5f5}
  795.       :not(pre)>code{padding:.1em;border-radius:.3em;white-space:normal;background:#f5f5f5}
  796.       html body{font-family:"Helvetica Neue",Helvetica,"Segoe UI",Arial,freesans,sans-serif;font-size:16px;line-height:1.6;color:#333;background-color:#fff;overflow:initial;box-sizing:border-box;word-wrap:break-word}
  797.       html body>:first-child{margin-top:0}
  798.       html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{line-height:1.2;margin-top:1em;margin-bottom:16px;color:#000}
  799.       html body h1{font-size:2.25em;font-weight:300;padding-bottom:.3em}
  800.       html body h2{font-size:1.75em;font-weight:400;padding-bottom:.3em}
  801.       html body h3{font-size:1.5em;font-weight:500}
  802.       html body h4{font-size:1.25em;font-weight:600}
  803.       html body h5{font-size:1.1em;font-weight:600}
  804.       html body h6{font-size:1em;font-weight:600}
  805.       html body h1,html body h2,html body h3,html body h4,html body h5{font-weight:600}
  806.       html body h5{font-size:1em}
  807.       html body h6{color:#5c5c5c}
  808.       html body strong{color:#000}
  809.       html body del{color:#5c5c5c}
  810.       html body a:not([href]){color:inherit;}
  811.       html body a{text-decoration:underline;text-underline-offset: .2rem;}
  812.       html body a:hover{color:#00a3f5;}
  813.       html body img{max-width:100%}
  814.       html body>p{margin-top:0;margin-bottom:16px;word-wrap:break-word}
  815.       html body>ol,html body>ul{margin-bottom:16px}
  816.       html body ol,html body ul{padding-left:2em}
  817.       html body ol.no-list,html body ul.no-list{padding:0;list-style-type:none}
  818.       html body ol ol,html body ol ul,html body ul ol,html body ul ul{margin-top:0;margin-bottom:0}
  819.       html body li{margin-bottom:0}
  820.       html body li.task-list-item{list-style:none}
  821.       html body li>p{margin-top:0;margin-bottom:0}
  822.       html body .task-list-item-checkbox{margin:0 .2em .25em -1.8em;vertical-align:middle}
  823.       html body .task-list-item-checkbox:hover{cursor:pointer}
  824.       html body blockquote{margin:16px 0;font-size:inherit;padding:0 15px;color:#5c5c5c;background-color:#f0f0f0;border-left:4px solid #d6d6d6 !important;}
  825.       html body blockquote>:first-child{margin-top:0}
  826.       html body blockquote>:last-child{margin-bottom:0}
  827.       html body hr{height:4px;margin:32px 0;background-color:#d6d6d6;border:0 none}
  828.       html body table{margin:10px 0 15px 0;border-collapse:collapse;border-spacing:0;display:block;width:100%;overflow:auto;word-break:normal;word-break:keep-all}
  829.       html body table th{font-weight:700;color:#000}
  830.       html body table td,html body table th{border:1px solid #d6d6d6;padding:6px 13px}
  831.       html body dl{padding:0}
  832.       html body dl dt{padding:0;margin-top:16px;font-size:1em;font-style:italic;font-weight:700}
  833.       html body dl dd{padding:0 16px;margin-bottom:16px}
  834.       html body code{font-family:Menlo,Monaco,Consolas,"Courier New",monospace;font-size:.85em;color:#000;background-color:#f0f0f0;border-radius:3px;padding:.2em 0}
  835.       html body code::after,html body code::before{letter-spacing:-.2em;content:"\\00a0"}
  836.       html body pre>code{padding:0;margin:0;word-break:normal;white-space:pre;background:0 0;border:0}
  837.       html body .highlight{margin-bottom:16px}
  838.       html body .highlight pre,html body pre{padding:1em;overflow:auto;line-height:1.45;border:#d6d6d6;border-radius:3px}
  839.       html body .highlight pre{margin-bottom:0;word-break:normal}
  840.       html body pre code,html body pre tt{display:inline;max-width:initial;padding:0;margin:0;overflow:initial;line-height:inherit;word-wrap:normal;background-color:transparent;border:0}
  841.       html body pre code:after,html body pre code:before,html body pre tt:after,html body pre tt:before{content:normal}
  842.       html body blockquote,html body dl,html body ol,html body p,html body pre,html body ul{margin-top:0;margin-bottom:16px}
  843.       html body kbd{color:#000;border:1px solid #d6d6d6;border-bottom:2px solid #c7c7c7;padding:2px 4px;background-color:#f0f0f0;border-radius:3px}
  844.       @media print{html body{background-color:#fff}
  845.       html body h1,html body h2,html body h3,html body h4,html body h5,html body h6{color:#000;page-break-after:avoid}
  846.       html body blockquote{color:#5c5c5c}
  847.       html body pre{page-break-inside:avoid}
  848.       html body table{display:table}
  849.       html body img{display:block;max-width:100%;max-height:100%}
  850.       html body code,html body pre{word-wrap:break-word;white-space:pre}
  851.       }
  852.       .scrollbar-style::-webkit-scrollbar{width:8px}
  853.       .scrollbar-style::-webkit-scrollbar-track{border-radius:10px;background-color:transparent}
  854.       .scrollbar-style::-webkit-scrollbar-thumb{border-radius:5px;background-color:rgba(150,150,150,.66);border:4px solid rgba(150,150,150,.66);background-clip:content-box}
  855.       `;
  856.       let beautifyButtonCSS = `
  857.       /* 美化按钮 */
  858.       input[type="submit"],
  859.       button {
  860.         display: inline-flex;
  861.         justify-content: center;
  862.         align-items: center;
  863.         line-height: 1;
  864.         height: 32px;
  865.         white-space: nowrap;
  866.         cursor: pointer;
  867.         /* color: #606266; */
  868.         text-align: center;
  869.         box-sizing: border-box;
  870.         outline: none;
  871.         transition: .1s;
  872.         font-weight: 500;
  873.         user-select: none;
  874.         vertical-align: middle;
  875.         -webkit-appearance: none;
  876.         background-color: #ffffff;
  877.         border: 1px solid #dcdfe6;
  878.         border-color: #dcdfe6;
  879.         padding: 8px 15px;
  880.         font-size: 14px;
  881.         border-radius: 4px;
  882.       }
  883.       
  884.       input[type="submit"]:hover, 
  885.       input[type="submit"]:focus,
  886.       button:hover,
  887.       button:focus {
  888.           color: #409eff;
  889.           border-color: #c6e2ff;
  890.           background-color: #ecf5ff;
  891.           outline: none;
  892.       }
  893.  
  894.       input[type="url"] {
  895.         position: relative;
  896.         font-size: 14px;
  897.         display: inline-flex;
  898.         line-height: 32px;
  899.         box-sizing: border-box;
  900.         vertical-align: middle;
  901.         -webkit-appearance: none;
  902.         /* color: #606266; */
  903.         padding: 0;
  904.         outline: none;
  905.         border: none;
  906.         background: none;
  907.         flex-grow: 1;
  908.         align-items: center;
  909.         justify-content: center;
  910.         padding: 1px 11px;
  911.         background-color: #ffffff;
  912.         background-image: none;
  913.         border-radius: 4px;
  914.         cursor: text;
  915.         transition: box-shadow .2s cubic-bezier(.645, .045, .355, 1);
  916.         transform: translateZ(0);
  917.         box-shadow: 0 0 0 1px #dcdfe6 inset;
  918.  
  919.         width: 100%;
  920.         width: -moz-available;
  921.         width: -webkit-fill-available;
  922.         width: fill-available;
  923.  
  924.       }
  925.       
  926.       input[type="url"]::placeholder {
  927.           color: #a8abb2;
  928.       }
  929.       
  930.       input[type="url"]:hover {
  931.           box-shadow: 0 0 0 1px #c0c4cc inset;
  932.       }
  933.       
  934.       input[type="url"]:focus {
  935.           box-shadow: 0 0 0 1px #409eff inset;
  936.       }
  937.     
  938.       `;
  939.       let beautifyRadioCSS = `
  940.       label.radio-label {
  941.         font-weight: 500;
  942.         position: relative;
  943.         cursor: pointer;
  944.         display: inline-flex;
  945.         align-items: center;
  946.         white-space: nowrap;
  947.         outline: none;
  948.         font-size: 14px;
  949.         user-select: none;
  950.         margin-right: 32px;
  951.         height: 32px;
  952.         padding: 4px;
  953.         border-radius: 4px;
  954.         box-sizing: border-box;
  955.       }
  956.       label:has(input[type=radio]:checked),
  957.       label:has(input[type=radio]:checked) a{
  958.         color: #409eff;
  959.       }
  960.       label.radio-label input[type="radio"]{
  961.           margin-right: 4px;
  962.           width: 14px;
  963.           height: 14px;
  964.       }
  965.       label.radio-label input[type="radio"]:checked{
  966.           -webkit-appearance: none;
  967.           -moz-appearance: none;
  968.           appearance: none;
  969.           border-radius: 50%;
  970.           width: 14px;
  971.           height: 14px;
  972.           outline: none;
  973.           border: 4px solid #409eff;
  974.           cursor: pointer;
  975.       }
  976.       label.radio-label input[type="radio"]:checked + span{
  977.           color: #409eff;
  978.       }
  979.       `;
  980.       let beautifyTextAreaCSS = `
  981.       textarea {
  982.         position: relative;
  983.         display: inline-block;
  984.         width: 100%;
  985.         vertical-align: bottom;
  986.         font-size: 14px;
  987.         position: relative;
  988.         display: block;
  989.         resize: vertical;
  990.         padding: 5px 11px;
  991.         line-height: 1.5;
  992.         box-sizing: border-box;
  993.         width: 100%;
  994.         font-size: inherit;
  995.         font-family: inherit;
  996.         /* color: #606266; */
  997.         background-color: #ffffff;
  998.         background-image: none;
  999.         -webkit-appearance: none;
  1000.         box-shadow: 0 0 0 1px #dcdfe6 inset;
  1001.         border-radius: 4px;
  1002.         transition: box-shadow .2s cubic-bezier(.645, .045, .355, 1);
  1003.         border: none;
  1004.       }
  1005.       textarea:focus{
  1006.         outline: none;
  1007.         box-shadow: 0 0 0 1px #409eff inset;
  1008.       }
  1009.       `;
  1010.       /**
  1011.        * 未派上用场的CSS
  1012.        */
  1013.       let notUseBeautifyCSS = `
  1014.       .token.blockquote,.token.comment{color:#969896}
  1015.       .token.cdata{color:#183691}
  1016.       .token.doctype,.token.macro.property,.token.punctuation,.token.variable{color:#333}
  1017.       .token.builtin,.token.important,.token.keyword,.token.operator,.token.rule{color:#a71d5d}
  1018.       .token.attr-value,.token.regex,.token.string,.token.url{color:#183691}
  1019.       .token.atrule,.token.boolean,.token.code,.token.command,.token.constant,.token.entity,.token.number,.token.property,.token.symbol{color:#0086b3}
  1020.       .token.prolog,.token.selector,.token.tag{color:#63a35c}
  1021.       .token.attr-name,.token.class,.token.class-name,.token.function,.token.id,.token.namespace,.token.pseudo-class,.token.pseudo-element,.token.url-reference .token.variable{color:#795da3}
  1022.       .token.entity{cursor:help}
  1023.       .token.title,.token.title .token.punctuation{font-weight:700;color:#1d3e81}
  1024.       .token.list{color:#ed6a43}
  1025.       .token.inserted{background-color:#eaffea;color:#55a532}
  1026.       .token.deleted{background-color:#ffecec;color:#bd2c00}
  1027.       .token.bold{font-weight:700}
  1028.       .token.italic{font-style:italic}
  1029.       .language-json .token.property{color:#183691}
  1030.       .language-markup .token.tag .token.punctuation{color:#333}
  1031.       .language-css .token.function,code.language-css{color:#0086b3}
  1032.       .language-yaml .token.atrule{color:#63a35c}
  1033.       code.language-yaml{color:#183691}
  1034.       .language-ruby .token.function{color:#333}
  1035.       .language-markdown .token.url{color:#795da3}
  1036.       .language-makefile .token.symbol{color:#795da3}
  1037.       .language-makefile .token.variable{color:#183691}
  1038.       .language-makefile .token.builtin{color:#0086b3}
  1039.       .language-bash .token.keyword{color:#0086b3}
  1040.       pre[data-line]{position:relative;padding:1em 0 1em 3em}
  1041.       pre[data-line] .line-highlight-wrapper{position:absolute;top:0;left:0;background-color:transparent;display:block;width:100%}
  1042.       pre[data-line] .line-highlight{position:absolute;left:0;right:0;padding:inherit 0;margin-top:1em;background:hsla(24,20%,50%,.08);background:linear-gradient(to right,hsla(24,20%,50%,.1) 70%,hsla(24,20%,50%,0));pointer-events:none;line-height:inherit;white-space:pre}
  1043.       pre[data-line] .line-highlight:before,pre[data-line] .line-highlight[data-end]:after{content:attr(data-start);position:absolute;top:.4em;left:.6em;min-width:1em;padding:0 .5em;background-color:hsla(24,20%,50%,.4);color:#f4f1ef;font:bold 65%/1.5 sans-serif;text-align:center;vertical-align:.3em;border-radius:999px;text-shadow:none;box-shadow:0 1px #fff}
  1044.       pre[data-line] .line-highlight[data-end]:after{content:attr(data-end);top:auto;bottom:.4em}
  1045.       `;
  1046.       GM_addStyle(beautifyMarkdownCSS);
  1047.       GM_addStyle(beautifyButtonCSS);
  1048.       GM_addStyle(beautifyRadioCSS);
  1049.       GM_addStyle(beautifyTextAreaCSS);
  1050.       DOMUtils.ready(function () {
  1051.         let markupChoiceELement = document.querySelector(
  1052.           'a[target="markup_choice"][href*="daringfireball.net"]'
  1053.         );
  1054.         if (markupChoiceELement) {
  1055.           markupChoiceELement.parentElement.replaceChild(
  1056.             DOMUtils.createElement("span", {
  1057.               textContent: "Markdown",
  1058.             }),
  1059.             markupChoiceELement
  1060.           );
  1061.         }
  1062.       });
  1063.     },
  1064.     /**
  1065.      * 美化 Greasyfork Beautify脚本
  1066.      */
  1067.     beautifyGreasyforkBeautify() {
  1068.       if (!GreasyforkMenu.menu.get("beautifyGreasyforkBeautify")) {
  1069.         return;
  1070.       }
  1071.       log.success(
  1072.         GreasyforkMenu.menu.getShowTextValue("beautifyGreasyforkBeautify")
  1073.       );
  1074.       let compatibleBeautifyCSS = `
  1075.       #main-header{
  1076.         background-color: #670000 !important;
  1077.         background-image: linear-gradient(#670000,#990000) !important;
  1078.       }
  1079.       #site-nav-vue{
  1080.         flex-wrap: wrap;
  1081.         justify-content: flex-end;
  1082.       }
  1083.       .open-sidebar{
  1084.         border-width: 1px;
  1085.         border-radius: 3px;
  1086.         margin-right: 0;
  1087.       }
  1088.       input.search-submit{
  1089.         transform: translateY(-5%) !important;
  1090.         margin-left: 10px;
  1091.       }
  1092.       `;
  1093.  
  1094.       GM_addStyle(compatibleBeautifyCSS);
  1095.       if (utils.isPhone()) {
  1096.         GM_addStyle(`
  1097.         section#script-info,
  1098.         section.text-content,
  1099.         div.width-constraint table.text-content.log-table{
  1100.           margin-top: 80px;
  1101.         }
  1102.         
  1103.         div.width-constraint div.sidebarred{
  1104.           padding-top: 80px;
  1105.         }
  1106.         div.width-constraint div.sidebarred .sidebar{
  1107.           top: 80px;
  1108.         }`);
  1109.       } else {
  1110.         GM_addStyle(`
  1111.         section#script-info{
  1112.           margin-top: 10px;
  1113.         }`);
  1114.       }
  1115.     },
  1116.     /**
  1117.      * 美化上传图片
  1118.      */
  1119.     beautifyUploadImage() {
  1120.       if (!GreasyforkMenu.menu.get("beautifyUploadImage")) {
  1121.         return;
  1122.       }
  1123.       log.success(GreasyforkMenu.menu.getShowTextValue("beautifyUploadImage"));
  1124.       let beautifyCSS = `
  1125.       /* 隐藏 添加： */
  1126.       label[for="discussion_comments_attributes_0_attachments"],
  1127.       label[for="comment_attachments"]{
  1128.         display: none;
  1129.       }
  1130.       input[type="file"]{
  1131.         width: 100%;
  1132.         font-size: 20px;
  1133.         background: #e2e2e2;
  1134.         padding: 40px 20px;
  1135.         border-radius: 10px;
  1136.         text-align-last: center;
  1137.       }
  1138.       `;
  1139.       GM_addStyle(beautifyCSS);
  1140.       DOMUtils.ready(function () {
  1141.         let clearErrorTip = function () {
  1142.           while (fileElement.nextElementSibling) {
  1143.             fileElement.parentElement.removeChild(
  1144.               fileElement.nextElementSibling
  1145.             );
  1146.           }
  1147.         };
  1148.         let fileElement = document.querySelector('input[type="file"]');
  1149.         DOMUtils.on(fileElement, "change", function (event) {
  1150.           clearErrorTip();
  1151.           /**
  1152.            * @type {File[]}
  1153.            */
  1154.           let chooseImageFiles = event.currentTarget.files;
  1155.           if (chooseImageFiles.length === 0) {
  1156.             return;
  1157.           }
  1158.           log.info(["选择的图片", chooseImageFiles]);
  1159.           if (chooseImageFiles.length > 5) {
  1160.             DOMUtils.after(
  1161.               fileElement,
  1162.               DOMUtils.createElement("p", {
  1163.                 textContent: `❌ 最多同时长传5张图片`,
  1164.               })
  1165.             );
  1166.           }
  1167.           /**
  1168.            * @type {File[]}
  1169.            */
  1170.           let notAllowImage = [];
  1171.           Array.from(chooseImageFiles).forEach((imageFile) => {
  1172.             if (
  1173.               imageFile.size > 204800 ||
  1174.               !imageFile.type.match(/png|gif|jpeg|webp/i)
  1175.             ) {
  1176.               notAllowImage.push(imageFile);
  1177.             }
  1178.           });
  1179.           if (notAllowImage.length === 0) {
  1180.             return;
  1181.           }
  1182.           notAllowImage.forEach((imageFile) => {
  1183.             DOMUtils.after(
  1184.               fileElement,
  1185.               DOMUtils.createElement("p", {
  1186.                 textContent: `❌ 图片：${
  1187.                   imageFile.name
  1188.                 } 大小：${utils.formatByteToSize(imageFile.size)}`,
  1189.               })
  1190.             );
  1191.           });
  1192.         });
  1193.       });
  1194.     },
  1195.     /**
  1196.      * 添加复制代码按钮
  1197.      */
  1198.     addCopyCodeButton() {
  1199.       if (!window.location.pathname.endsWith("/code")) {
  1200.         return;
  1201.       }
  1202.       if (!GreasyforkMenu.menu.get("addCopyCodeButton")) {
  1203.         return;
  1204.       }
  1205.       log.success(GreasyforkMenu.menu.getShowTextValue("addCopyCodeButton"));
  1206.       utils
  1207.         .waitNode("div#script-content div.code-container")
  1208.         .then((element) => {
  1209.           let copyButton = DOMUtils.createElement("button", {
  1210.             style: "margin-bottom: 1em;",
  1211.             textContent: "复制代码",
  1212.           });
  1213.           DOMUtils.on(copyButton, "click", async function () {
  1214.             let loading = Qmsg.loading("加载文件中...");
  1215.             let getResp = await httpx.get(
  1216.               `https://greasyfork.org/zh-CN/scripts/${GreasyforkApi.getScriptId()}.json`,
  1217.               {
  1218.                 responseType: "json",
  1219.               }
  1220.             );
  1221.             if (!getResp.status) {
  1222.               loading.close();
  1223.               return;
  1224.             }
  1225.             let respJSON = utils.toJSON(getResp.data.responseText);
  1226.             let code_url = respJSON["code_url"];
  1227.             log.success(["代码地址：", code_url]);
  1228.             let scriptJS = await httpx.get(code_url);
  1229.             if (!scriptJS.status) {
  1230.               loading.close();
  1231.               return;
  1232.             }
  1233.             loading.close();
  1234.             utils.setClip(scriptJS.data.responseText);
  1235.             Qmsg.success("复制成功");
  1236.           });
  1237.           DOMUtils.before(element, copyButton);
  1238.         });
  1239.     },
  1240.     /**
  1241.      * 在Markdown右上角添加复制按钮
  1242.      */
  1243.     addMarkdownCopyButton() {
  1244.       GM_addStyle(`
  1245.       pre{
  1246.         position: relative;
  1247.       }
  1248.       `);
  1249.       GM_addStyle(`
  1250.       .zeroclipboard-container {
  1251.         right: 0;
  1252.         top: 0;
  1253.         position: absolute;
  1254.         box-sizing: border-box;
  1255.         display: flex;
  1256.         font-size: 16px;
  1257.         line-height: 24px;
  1258.         text-size-adjust: 100%;
  1259.         overflow-wrap: break-word;
  1260.       }
  1261.       .zeroclipboard-container svg{
  1262.           vertical-align: text-bottom;
  1263.           display: inline-block;
  1264.           overflow: visible;
  1265.           fill: currentColor;
  1266.           margin: 8px;
  1267.       }
  1268.       .zeroclipboard-container svg[aria-hidden="true"]{
  1269.         display: none;
  1270.       }
  1271.       clipboard-copy.js-clipboard-copy {
  1272.         position: relative;
  1273.         padding: 0px;
  1274.         color: rgb(36, 41, 47);
  1275.         background-color: rgb(246, 248, 250);
  1276.         transition: 80ms cubic-bezier(0.33, 1, 0.68, 1);
  1277.         transition-property: color,background-color,box-shadow,border-color;
  1278.         display: inline-block;
  1279.         font-size: 14px;
  1280.         line-height: 20px;
  1281.         white-space: nowrap;
  1282.         vertical-align: middle;
  1283.         cursor: pointer;
  1284.         -webkit-user-select: none;
  1285.         user-select: none;
  1286.         border: 1px solid rgba(31, 35, 40, 0.15);
  1287.         -webkit-appearance: none;
  1288.         appearance: none;
  1289.         box-shadow: rgba(31, 35, 40, 0.04) 0px 1px 0px 0px, rgba(255, 255, 255, 0.25) 0px 1px 0px 0px inset;
  1290.         margin: 8px;
  1291.         overflow-wrap: break-word;
  1292.         text-wrap: nowrap;
  1293.         border-radius: 6px;
  1294.       }
  1295.       clipboard-copy.js-clipboard-copy[success]{
  1296.         border-color: rgb(31, 136, 61);
  1297.         box-shadow: 0 0 0 0.2em rgba(52,208,88,.4);
  1298.       }
  1299.       clipboard-copy.js-clipboard-copy:hover{
  1300.         background-color: rgb(243, 244, 246);
  1301.         border-color: rgba(31, 35, 40, 0.15);
  1302.         transition-duration: .1s;
  1303.       }
  1304.       clipboard-copy.js-clipboard-copy:active{
  1305.         background-color: rgb(235, 236, 240);
  1306.         border-color: rgba(31, 35, 40, 0.15);
  1307.         transition: none;
  1308.       }
  1309.       `);
  1310.       GM_addStyle(`
  1311.       .pops-tip.github-tooltip {
  1312.         border-radius: 6px;
  1313.         padding: 6px 8px;
  1314.       }
  1315.       
  1316.       .pops-tip.github-tooltip, .pops-tip.github-tooltip .pops-tip-arrow::after {
  1317.         background: rgb(36, 41, 47);
  1318.         color: #fff;
  1319.       }
  1320.       
  1321.       .pops-tip.github-tooltip .pops-tip-arrow::after {
  1322.         width: 8px;
  1323.         height: 8px;
  1324.       }
  1325.       `);
  1326.       let copyElement = DOMUtils.createElement("div", {
  1327.         className: "zeroclipboard-container",
  1328.         innerHTML: `
  1329.         <clipboard-copy class="js-clipboard-copy">
  1330.           <svg height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon-copy">
  1331.             <path d="M0 6.75C0 5.784.784 5 1.75 5h1.5a.75.75 0 0 1 0 1.5h-1.5a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-1.5a.75.75 0 0 1 1.5 0v1.5A1.75 1.75 0 0 1 9.25 16h-7.5A1.75 1.75 0 0 1 0 14.25Z"></path><path d="M5 1.75C5 .784 5.784 0 6.75 0h7.5C15.216 0 16 .784 16 1.75v7.5A1.75 1.75 0 0 1 14.25 11h-7.5A1.75 1.75 0 0 1 5 9.25Zm1.75-.25a.25.25 0 0 0-.25.25v7.5c0 .138.112.25.25.25h7.5a.25.25 0 0 0 .25-.25v-7.5a.25.25 0 0 0-.25-.25Z"></path>
  1332.           </svg>
  1333.           <svg aria-hidden="true" height="16" viewBox="0 0 16 16" version="1.1" width="16" data-view-component="true" class="octicon-check-copy">
  1334.             <path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"></path>
  1335.           </svg>
  1336.         </clipboard-copy>
  1337.         `,
  1338.       });
  1339.       let clipboardCopyElement =
  1340.         copyElement.querySelector(".js-clipboard-copy");
  1341.       let octiconCopyElement = copyElement.querySelector(".octicon-copy");
  1342.       let octiconCheckCopyElement = copyElement.querySelector(
  1343.         ".octicon-check-copy"
  1344.       );
  1345.       DOMUtils.on(copyElement, "click", function () {
  1346.         let codeElement = copyElement.parentElement.querySelector("code");
  1347.         if (!codeElement) {
  1348.           Qmsg.error("未找到code元素");
  1349.           return;
  1350.         }
  1351.         utils.setClip(codeElement.innerText);
  1352.         clipboardCopyElement.setAttribute("success", "true");
  1353.         octiconCopyElement.setAttribute("aria-hidden", true);
  1354.         octiconCheckCopyElement.removeAttribute("aria-hidden");
  1355.         let tooltip = pops.tooltip({
  1356.           target: clipboardCopyElement,
  1357.           content: "复制成功!",
  1358.           position: "left",
  1359.           className: "github-tooltip",
  1360.           alwaysShow: true,
  1361.           otherDistance: -8,
  1362.         });
  1363.         setTimeout(() => {
  1364.           clipboardCopyElement.removeAttribute("success");
  1365.           octiconCheckCopyElement.setAttribute("aria-hidden", true);
  1366.           octiconCopyElement.removeAttribute("aria-hidden");
  1367.           tooltip.close();
  1368.         }, 2000);
  1369.       });
  1370.       document.querySelectorAll("pre").forEach((preElement) => {
  1371.         if (preElement.querySelector("clipboard-copy.js-clipboard-copy")) {
  1372.           return;
  1373.         }
  1374.         preElement.appendChild(copyElement);
  1375.       });
  1376.     },
  1377.   };
  1378.   /* -----------------↑函数区域↑----------------- */
  1379.  
  1380.   /* -----------------↓执行入口↓----------------- */
  1381.   GreasyforkMenu.init();
  1382.   GreasyforkBusiness.beautifyPage();
  1383.   GreasyforkBusiness.beautifyGreasyforkBeautify();
  1384.   GreasyforkBusiness.beautifyUploadImage();
  1385.   DOMUtils.ready(function () {
  1386.     GreasyforkMenu.initEnv();
  1387.     if (GreasyforkMenu.menu.get("autoLogin")) {
  1388.       GreasyforkBusiness.autoLogin();
  1389.     }
  1390.     GreasyforkMenu.handleLocalGotoCallBack();
  1391.     GreasyforkBusiness.setFindCodeSearchBtn();
  1392.     GreasyforkBusiness.repairImgShow();
  1393.     GreasyforkBusiness.repairCodeLineNumber();
  1394.     GreasyforkBusiness.optimizeImageBrowsing();
  1395.     GreasyforkBusiness.scriptHomepageAddedTodaySUpdate();
  1396.     GreasyforkBusiness.addCopyCodeButton();
  1397.     GreasyforkBusiness.addMarkdownCopyButton();
  1398.   });
  1399.   /* -----------------↑执行入口↑----------------- */
  1400. })();