Github Clear Date

Add a clear date to the relative time in Github

As of 2023-11-05. See the latest version.

You will need to install an extension such as Tampermonkey, Greasemonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Violentmonkey to install this script.

You will need to install an extension such as Tampermonkey or Userscripts to install this script.

You will need to install an extension such as Tampermonkey to install this script.

You will need to install a user script manager extension to install this script.

(I already have a user script manager, let me install it!)

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install an extension such as Stylus to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

You will need to install a user style manager extension to install this style.

(I already have a user style manager, let me install it!)

// ==UserScript==
// @name        Github Clear Date
// @namespace   https://github.com/wzshiming/userscripts
// @version     0.2
// @description Add a clear date to the relative time in Github
// @author      wzshiming
// @match       *://github.com/*
// @grant       none
// @icon        https://github.githubassets.com/pinned-octocat.svg
// @supportURL  https://github.com/wzshiming/userscripts/issues
// @license     MIT License
// ==/UserScript==

(function () {
    'use strict';

    let MutationObserver = window.MutationObserver ||
        window.WebKitMutationObserver ||
        window.MozMutationObserver;

    let formatTime = function (item) {
        let text = item.shadowRoot.innerHTML;
        if (text.length == 0 || text.indexOf("(") >= 0) {
            return
        }
        item.shadowRoot.innerHTML += "(" + item.datetime.split("T")[0].replaceAll("-", "/") + ")";
    }

    let mutation = function (mutationsList, observer) {
        setTimeout(function () {
            for (let mutation of mutationsList) {
                mutate(mutation.target.parentNode);
            }
        }, Math.round(Math.random() * 1000));
    }
    let mutate = function (elem) {
        if (!elem) {
            return
        }
        elem.querySelectorAll('relative-time').forEach(formatTime);
    }
    let config = { childList: true, subtree: true, characterData: true };
    let ids = ["dashboard", "js-repo-pjax-container", "js-pjax-container"]
    for (let id of ids) {
        let elem = document.getElementById(id);
        if (!elem) {
            continue
        }
        let observer = new MutationObserver(mutation);
        observer.observe(elem, config);
        break
    }

    mutate(document);
})();