☰

Enhance some features of the Self-managed Gitlab

Enhance some features of the Self-managed Gitlab, such as the CI/CD settings page, the merge request create/edit page etc.

目前为 2024-12-04 提交的版本。查看 最新版本。

  1. // ==UserScript==
  2. // @name Enhance some features of the Self-managed Gitlab
  3. // @name:zh 强化自托管 Gitlab 能力
  4. // @description Enhance some features of the Self-managed Gitlab, such as the CI/CD settings page, the merge request create/edit page etc.
  5. // @description:zh 强化自托管 Gitlab 的一些功能，如 CI/CD 设置页面、合并请求创建/编辑页面等。
  6. // @icon data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjwhRE9DVFlQRSBzdmcgIFBVQkxJQyAnLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4nICAnaHR0cDovL3d3dy53My5vcmcvR3JhcGhpY3MvU1ZHLzEuMS9EVEQvc3ZnMTEuZHRkJz48c3ZnIGhlaWdodD0iNTEycHgiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDUxMiA1MTI7IiB2ZXJzaW9uPSIxLjEiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiB3aWR0aD0iNTEycHgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxnIGlkPSJfeDMxXzQ0LWdpdGxhYiI+PGc+PGcgaWQ9IlhNTElEXzZfIj48Zz48Zz48cGF0aCBkPSJNNTIuNzUyLDIwNS41MDFsMjAzLjE4LDI2NC4wN2wtMjIyLjctMTY1LjI5Yy02LjExLTQuNTktOC43Mi0xMi41OC02LjM4LTE5Ljc3MWwyNS44Ny03OS4wNSAgICAgICBMNTIuNzUyLDIwNS41MDF6IiBzdHlsZT0iZmlsbDojRkNBMzI2OyIvPjwvZz48Zz48cG9seWdvbiBwb2ludHM9IjE3MS4zMDIsMjA1LjQ2MSAyNTYuMDEyLDQ2OS41NDEgMjU1LjkzMiw0NjkuNTcxIDUyLjc1MiwyMDUuNTAxIDUyLjgxMiwyMDUuNDYxICAgICAgICAgICAgICIgc3R5bGU9ImZpbGw6I0ZDNkQyNjsiLz48L2c+PGc+PHBvbHlnb24gcG9pbnRzPSIzNDAuNzMxLDIwNS40NjEgMjU2LjAyMSw0NjkuNTcxIDI1Ni4wMTIsNDY5LjU0MSAxNzEuMzAyLDIwNS40NjEgMTcxLjM5MiwyMDUuNDYxICAgICAgICAzNDAuNjQyLDIwNS40NjEgICAgICAiIHN0eWxlPSJmaWxsOiNFMjQzMjk7Ii8+PC9nPjxnPjxwb2x5Z29uIHBvaW50cz0iNDU5LjI5MiwyMDUuNTAxIDI1Ni4wMjEsNDY5LjU3MSAzNDAuNzMxLDIwNS40NjEgNDU5LjIzMSwyMDUuNDYxICAgICAgIiBzdHlsZT0iZmlsbDojRkM2RDI2OyIvPjwvZz48Zz48cGF0aCBkPSJNNDg1LjE5MSwyODQuNTExYzIuMjQsNy4xOS0wLjI3LDE1LjE4MS02LjQ3LDE5Ljc3MWwtMjIyLjcsMTY1LjI5bDIwMy4yNzEtMjY0LjA3bDAuMDI5LTAuMDQgICAgICAgTDQ4NS4xOTEsMjg0LjUxMXoiIHN0eWxlPSJmaWxsOiNGQ0EzMjY7Ii8+PC9nPjxnPjxwYXRoIGQ9Ik00MDguNDcyLDQ4LjQyMWw1MC43NiwxNTcuMDRoLTExOC41aC0wLjA5bDUwLjg1LTE1Ny4wNCAgICAgICBDMzk0LjM2MSw0MC40MzEsNDA1LjY4Miw0MC40MzEsNDA4LjQ3Miw0OC40MjF6IiBzdHlsZT0iZmlsbDojRTI0MzI5OyIvPjwvZz48Zz48cGF0aCBkPSJNMTcxLjM5MiwyMDUuNDYxaC0wLjA5SDUyLjgxMmw1MC43Ni0xNTcuMDRjMi44Ny03Ljk5LDE0LjE5LTcuOTksMTYuOTgsMCAgICAgICBDMTIwLjU1Miw0OC40MjEsMTcxLjMwMiwyMDUuNDYxLDE3MS4zOTIsMjA1LjQ2MXoiIHN0eWxlPSJmaWxsOiNFMjQzMjk7Ii8+PC9nPjwvZz48L2c+PC9nPjwvZz48ZyBpZD0iTGF5ZXJfMSIvPjwvc3ZnPg==
  7. // @version 6
  8. // @author Arylo Yeung <arylo.open@gmail.com>
  9. // @include /^https:\/\/(git(lab)?|code)\.[^/]+\/.*\/-\/settings\/ci_cd$/
  10. // @include /^https:\/\/(git(lab)?|code)\.[^/]+\/.*\/-\/merge_requests\/new\b/
  11. // @include /^https:\/\/(git(lab)?|code)\.[^/]+\/.*\/-\/merge_requests\/\d+/edit\b/
  12. // @include /^https:\/\/(git(lab)?|code)\.[^/]+\/dashboard\/merge_requests\b/
  13. // @license MIT
  14. // @homepage https://github.com/Arylo/scripts#readme
  15. // @supportURL https://github.com/Arylo/scripts/issues
  16. // @run-at document-end
  17. // @grant GM_addStyle
  18. // @grant GM_setClipboard
  19. // @namespace https://greasyfork.org/users/1133279
  20. // ==/UserScript==
  21. "use strict";
  22. (() => {
  23.   // src/monkey/polyfill/GM.ts
  24.   var thisGlobal = window;
  25.   if (typeof thisGlobal.GM === "undefined") {
  26.     thisGlobal.GM = {};
  27.   }
  28.   function getGMWindow() {
  29.     return thisGlobal;
  30.   }
  31.  
  32.   // src/monkey/polyfill/GM_addStyle.ts
  33.   var w = getGMWindow();
  34.   if (typeof w.GM_addStyle === "undefined") {
  35.     w.GM_addStyle = function GM_addStyle2(cssContent) {
  36.       const head = document.getElementsByTagName("head")[0];
  37.       if (head) {
  38.         const styleElement = document.createElement("style");
  39.         styleElement.setAttribute("type", "text/css");
  40.         styleElement.textContent = cssContent;
  41.         head.appendChild(styleElement);
  42.         return styleElement;
  43.       }
  44.       return null;
  45.     };
  46.   }
  47.   if (typeof w.GM.addStyle === "undefined") {
  48.     w.GM.addStyle = GM_addStyle;
  49.   }
  50.  
  51.   // src/monkey/gitlab-enhance/settings/ci_cd.css
  52.   var ci_cd_default = ".content-wrapper nav{max-width:100%}.content-wrapper .container-fluid{max-width:100%}.ci-variable-table table colgroup col:nth-child(3){width:100px}.ci-variable-table table colgroup col:nth-child(4){width:200px}.ci-variable-table table colgroup col:nth-child(5){width:50px}\n";
  53.  
  54.   // src/monkey/gitlab-enhance/settings/ci_cd.ts
  55.   if (location.pathname.endsWith("/-/settings/ci_cd")) {
  56.     setTimeout(() => GM_addStyle(ci_cd_default), 25);
  57.   }
  58.  
  59.   // src/monkey/gitlab-enhance/dashboard/merge_requests.ts
  60.   var hyperlinkResource = () => {
  61.     const mergeRequests = $(".merge-request:not([hyperlinked])");
  62.     mergeRequests.each((_, mergeRequestEle) => {
  63.       const href = $(".js-prefetch-document", mergeRequestEle).attr("href");
  64.       if (!href) return;
  65.       const resourceUrl = href.replace(/\/-\/merge_requests\/\d+$/, "");
  66.       const rawRefEle = $(".issuable-reference", mergeRequestEle);
  67.       const rawRefName = rawRefEle.text();
  68.       const [resourceName, number] = rawRefName.split("!");
  69.       rawRefEle.html(`<a href="${resourceUrl}">${resourceName}</a>!${number}`);
  70.       $(mergeRequestEle).attr("hyperlinked", "");
  71.     });
  72.   };
  73.   if (location.pathname.endsWith("/dashboard/merge_requests")) {
  74.     $(".issuable-list").on("mouseenter", hyperlinkResource);
  75.     setTimeout(hyperlinkResource, 1e3);
  76.   }
  77.  
  78.   // src/monkey/gitlab-enhance/utils.ts
  79.   var getButtonElement = (text) => {
  80.     const classnames = "gl-font-sm! gl-ml-3 gl-button btn btn-default btn-sm";
  81.     return $(`<a class="${classnames}">${text}</a>`);
  82.   };
  83.  
  84.   // src/monkey/gitlab-enhance/merge_requests/templateUtils.ts
  85.   var INDENT_SPACE_LENGTH = 2;
  86.   var indent = (level) => Array(level * INDENT_SPACE_LENGTH).fill(" ").join("");
  87.   var enter = () => "\n";
  88.   var Template = class {
  89.     constructor(text) {
  90.       this.header = (level) => (text) => {
  91.         this.templateContent += `${Array(level).fill("#").join("")} ${text}${enter()}${enter()}`;
  92.         return this.headerNextUtils;
  93.       };
  94.       this.templateContent = text;
  95.       this.headerNextUtils = {
  96.         text: this.text.bind(this),
  97.         listItem: this.listItem.bind(this),
  98.         taskItem: this.taskItem.bind(this)
  99.       };
  100.       this.contentNextUtils = {
  101.         ...this.headerNextUtils,
  102.         end: this.emptyLine.bind(this)
  103.       };
  104.     }
  105.     h2(text) {
  106.       return this.header(2)(text);
  107.     }
  108.     h3(text) {
  109.       return this.header(3)(text);
  110.     }
  111.     h4(text) {
  112.       return this.header(4)(text);
  113.     }
  114.     [Symbol.toStringTag]() {
  115.       return this.templateContent.replace(/\n{3,}$/, "\n\n");
  116.     }
  117.     text(text = "", { level = 1 } = {}) {
  118.       this.templateContent += `${indent(level - 1)}${text}${enter()}`;
  119.       return this.contentNextUtils;
  120.     }
  121.     listItem(text = "", { level = 1 } = {}) {
  122.       return this.text(`- ${text}`, { level });
  123.     }
  124.     taskItem(text = "", { selected = false, level = 1 } = {}) {
  125.       return this.listItem(`[${selected ? "x" : " "}] ${text}`, { level });
  126.     }
  127.     emptyLine() {
  128.       this.templateContent += enter();
  129.     }
  130.   };
  131.   var genTemplate = (callback = () => {
  132.   }) => {
  133.     const templateInst = new Template("");
  134.     callback(templateInst);
  135.     return templateInst[Symbol.toStringTag]();
  136.   };
  137.  
  138.   // src/monkey/gitlab-enhance/merge_requests/template.css
  139.   var template_default = ".gl-display-flex:has([for=merge_request_description]){align-items:baseline}\n";
  140.  
  141.   // src/monkey/gitlab-enhance/merge_requests/template.ts
  142.   var getBranchType = () => {
  143.     const fromBranchName = $(".align-self-center code:not([data-branch-name])").text();
  144.     const prefixBranchName = fromBranchName.split("/")[0].toLowerCase();
  145.     switch (prefixBranchName) {
  146.       case "feature":
  147.       case "feat":
  148.         return 0 /* FEATURE */;
  149.       case "fix":
  150.       case "bugfix":
  151.         return 1 /* BUGFIX */;
  152.       case "hotfix":
  153.         return 2 /* HOTFIX */;
  154.       case "devops":
  155.       case "chore":
  156.       case "test":
  157.       case "doc":
  158.       case "docs":
  159.         return 3 /* TASKS */;
  160.       default:
  161.         return 4 /* OTHERS */;
  162.     }
  163.   };
  164.   var generateTemplate = () => {
  165.     const branchType = getBranchType();
  166.     return genTemplate((utils) => {
  167.       utils.h2("Type").taskItem("Feature (Story/Refactor)", { selected: branchType === 0 /* FEATURE */ }).taskItem(`Bugfix`, { selected: branchType === 1 /* BUGFIX */ }).taskItem(`Hotfix (Production Issues)`, { selected: branchType === 2 /* HOTFIX */ }).taskItem(`Tasks (DevOps / Unit Test / Document Update)`, { selected: branchType === 3 /* TASKS */ }).taskItem(`Others`, { selected: branchType === 4 /* OTHERS */ }).end();
  168.       utils.h2("Description");
  169.       if (branchType !== 0 /* FEATURE */) {
  170.         utils.h3("Why (Why does this happen?)").listItem().end();
  171.         utils.h3("How (How can we avoid or solve it?)").listItem().end();
  172.       }
  173.       utils.h3("What (What did you do this time?)").listItem().end();
  174.       if (branchType !== 3 /* TASKS */) {
  175.         utils.h3("Results (Screenshot, etc)");
  176.         utils.h4("Before modification");
  177.         utils.h4("After modification");
  178.         utils.h2("Affected Zone").listItem("Affected Module(s):").listItem("Affected URL(s):").end();
  179.       }
  180.       utils.h2("External resources (Mention, Resolves, or Closes)");
  181.     });
  182.   };
  183.   var appendTemplateButton = () => {
  184.     GM_addStyle(template_default);
  185.     const text = "Copy Template";
  186.     const btnElement = getButtonElement(text);
  187.     const templateContent = generateTemplate();
  188.     const hint = $('<span class="gl-font-sm! gl-ml-3 gl-text-secondary"></span>');
  189.     let setTimeoutId;
  190.     btnElement.on("click", async () => {
  191.       hint.remove();
  192.       setTimeoutId && clearTimeout(setTimeoutId);
  193.       hint.text("Copying...");
  194.       btnElement.after(hint);
  195.       await GM_setClipboard(templateContent, "text", () => {
  196.         hint.text("Copied!");
  197.         setTimeoutId = setTimeout(() => hint.remove(), 3e3);
  198.       });
  199.     });
  200.     $(".gl-display-flex:has([for=merge_request_description])").append(btnElement);
  201.   };
  202.  
  203.   // src/monkey/gitlab-enhance/merge_requests/new.ts
  204.   var appendAsTitleButton = () => {
  205.     $(".commit-content").each((_, el) => {
  206.       const titleElements = $(".item-title", el);
  207.       const title = titleElements.text();
  208.       const btnElement = getButtonElement("As title");
  209.       btnElement.on("click", () => {
  210.         $("input[data-testid=issuable-form-title-field]").val(title);
  211.         $("input[data-testid=issuable-form-title-field]").focus();
  212.       });
  213.       $(".committer", el).before(btnElement);
  214.     });
  215.   };
  216.   if (location.pathname.endsWith("/-/merge_requests/new")) {
  217.     setTimeout(() => {
  218.       appendTemplateButton();
  219.       appendAsTitleButton();
  220.     }, 1e3);
  221.   }
  222.  
  223.   // src/monkey/gitlab-enhance/merge_requests/edit.ts
  224.   if (/\/-\/merge_requests\/\d+\/edit$/.test(location.pathname)) {
  225.     setTimeout(() => {
  226.       appendTemplateButton();
  227.     }, 1e3);
  228.   }
  229. })();