Full Height GitHub PR Status List のソースコード

Full Height GitHub PR Status List

removes the max height of the merge status list in Github PRs to display all the checks without scrolling.
右端で折り返す
// ==UserScript==
// @name         Full Height GitHub PR Status List
// @namespace    http://tampermonkey.net/
// @version      0.4
// @description  removes the max height of the merge status list in Github PRs to display all the checks without scrolling.
// @author       Othman Shareef ([email protected])
// @match        https://github.com/*
// @icon         https://github.githubassets.com/favicons/favicon.svg
// @grant        none
// @license MIT
// ==/UserScript==
(function () {
  'use strict';
  const elementSelector = '[aria-label="Checks"] [class^="MergeBoxExpandable-module__expandableContent"]';

  const timers = new Map();

  const waitForSelector = (selector = '', options = { timeout: 1000 }) => {
    return new Promise((resolve, reject) => {
      // Create a key from the selector and the optional id
      const key = selector;

      // Clear the existing timer for the key (if any)
      const existingTimer = timers.get(key);
      if (existingTimer) {
        clearInterval(existingTimer);
      }

      const startTime = Date.now();
      const timer = setInterval(() => {
        try {
          const element = document.querySelector(selector);
          if (element) {
            clearInterval(timer);
            timers.delete(key);
            resolve(element);
          } else if (Date.now() - startTime >= options.timeout) {
            clearInterval(timer);
            timers.delete(key);
            reject(new Error('Timeout ' + key));
          }
        } catch (error) {
          clearInterval(timer);
          timers.delete(key);
          reject(new Error('Invalid selector: ' + selector));
        }
      }, 100);

      // Store the new timer
      timers.set(key, timer);
    });
  };

  const removeMaxHeight = async () => {
    try {
      await waitForSelector(elementSelector);
      const checksList = document.querySelector(elementSelector);
      checksList.style.maxHeight = 'none';
      checksList.parentElement.style.maxHeight = 'none';

    } catch (error) {
      console.error(error);
    }
  };

  const observer = new MutationObserver(removeMaxHeight);

  observer.observe(document.body, {
    childList: true,
    subtree: true,
  });
})();