GitHub 仓库文件按提交时间排序
目前为
// ==UserScript==
// @name GitHub Commit Sort
// @namespace xiaohuohumax/userscripts/github-commit-sort
// @version 1.0.1
// @author xiaohuohumax
// @description GitHub 仓库文件按提交时间排序
// @license MIT
// @icon https://github.githubassets.com/favicons/favicon-dark.png
// @source https://github.com/xiaohuohumax/userscripts.git
// @match https://github.com/*
// @noframes
// ==/UserScript==
(function () {
'use strict';
const debounce = ({ delay }, func) => {
let timer = void 0;
let active = true;
const debounced = (...args) => {
if (active) {
clearTimeout(timer);
timer = setTimeout(() => {
active && func(...args);
timer = void 0;
}, delay);
} else {
func(...args);
}
};
debounced.isPending = () => {
return timer !== void 0;
};
debounced.cancel = () => {
active = false;
};
debounced.flush = (...args) => func(...args);
return debounced;
};
const version = "1.0.1";
const ID = "github-commit-sort";
const VERSION = version;
const SORT_BUTTON_ID = `${ID}-sort-button`;
const SORT_ICON_MAP = {
desc: "▴",
asc: "▾",
default: "="
};
const STATES = Object.keys(SORT_ICON_MAP);
function createSortButton(state2, marginLeft = "") {
const button = document.createElement("button");
button.textContent = SORT_ICON_MAP[state2];
button.classList.add(SORT_BUTTON_ID, "Button", "Button--iconOnly", "Button--secondary");
button.style.width = "var(--control-xsmall-size)";
button.style.height = "var(--control-xsmall-size)";
button.style.marginLeft = marginLeft;
return button;
}
let state = "default";
async function main() {
const tableElement = document.querySelector('table[aria-labelledby="folders-and-files"]');
if (!tableElement) {
return;
}
const tableBody = tableElement.querySelector("tbody");
if (!tableBody) {
return;
}
let isMainTable = true;
let tableHead = tableElement.querySelector('tbody > tr[class^="Box-sc-"] > td > div > div:last-child');
if (!tableHead) {
tableHead = tableElement.querySelector("thead > tr > th:last-child > div");
if (!tableHead) {
return;
}
isMainTable = false;
const tableHeadParent = tableHead.parentNode;
tableHeadParent.style.width = "170px";
}
const sortRowsByState = () => {
const rowElements = Array.from(tableBody.querySelectorAll('tr[class^="react-directory-row"]'));
const rows = rowElements.map((element) => {
const relativeTimeElement = element.querySelector("relative-time");
const id = element.getAttribute("id");
return {
element,
date: new Date(relativeTimeElement.getAttribute("datetime")),
textContent: relativeTimeElement.shadowRoot.textContent,
id,
defaultIndex: Number(id.split("-").pop())
};
});
const sortedRows = rows.sort((a, b) => {
if (state === "default") {
return a.defaultIndex - b.defaultIndex;
}
const aDate = a.date.getTime();
const bDate = b.date.getTime();
return a.textContent === b.textContent ? 0 : state === "asc" ? aDate - bDate : bDate - aDate;
});
const tableViewAllFilesElement = tableBody.querySelector('tr[data-testid="view-all-files-row"');
sortedRows.forEach((row) => {
row.element.remove();
tableViewAllFilesElement ? tableBody.insertBefore(row.element, tableViewAllFilesElement) : tableBody.appendChild(row.element);
});
};
let sortButton = tableHead.querySelector(`button.${SORT_BUTTON_ID}`);
if (!sortButton) {
sortButton = createSortButton("default", isMainTable ? "0" : "10px");
tableHead.appendChild(sortButton);
tableHead.style.display = "inline-flex";
tableHead.style.alignItems = "center";
sortButton.addEventListener("click", () => {
state = STATES[(STATES.indexOf(state) + 1) % STATES.length];
sortRowsByState();
sortButton.textContent = SORT_ICON_MAP[state];
});
}
}
console.log(`${ID}(v${VERSION})`);
const observer = new MutationObserver(debounce({ delay: 100 }, main));
observer.observe(document.body, {
childList: true,
subtree: true
});
})();