Github enhance,Change date formats to your local,2. Customize GitHub SSH clone alias
// ==UserScript==
// @name Github Simple enhance
// @name:zh-CN Github 本地化增强
// @version 1.3.0
// @description Github enhance,Change date formats to your local,2. Customize GitHub SSH clone alias
// @description:zh-CN Github 增强，改写时间格式，增加仓库复制按钮。Git Clone 前缀可在设置中修改。
// @author cosing
// @match https://github.com/*
// @match https://gist.github.com/*
// @grant GM_setClipboard
// @grant GM_getValue
// @grant GM_setValue
// @grant GM_registerMenuCommand
// @icon https://github.githubassets.com/pinned-octocat.svg
// @license MIT
// @namespace https://greasyfork.org/users/1316484
// ==/UserScript==
(function () {
'use strict';
const targetWindow = window;
const registry = targetWindow.customElements;
if (!registry) return;
// 从存储中获取克隆模板
const STORAGE_KEY = 'github_git_prefix';
let cloneCommandTemplate = GM_getValue(STORAGE_KEY, "git clone ssh://github/{user}/{repo}.git");
// 动态注入闪烁样式
const style = document.createElement('style');
style.textContent = `
.flash-animation {
animation: copy-flash 0.5s;
}
@keyframes copy-flash {
0% { opacity: 1; }
33% { opacity: 0.3; }
50% { opacity: 0.8; }
66% { opacity: 0.3; }
100% { opacity: 1; }
}`;
document.head.appendChild(style);
// #region 自定义按钮组件
class GithubCopyButton extends targetWindow.HTMLElement {
constructor() {
super();
}
// 生命周期：当按钮进入 DOM 时触发
connectedCallback() {
// 防止重复挂载内部结构
if (this.querySelector('button')) return;
this.id = 'git-url-copy-button-li';
this.className = 'd-inline-flex';
// 创建按钮并设置样式
const button = document.createElement('button');
button.textContent = 'copy Git URL';
button.className = 'UnderlineNav-item no-wrap js-responsive-underlinenav-item js-selected-navigation-item copy-button';
// 创建 SVG 图标
const svgIcon = document.createElementNS("http://www.w3.org/2000/svg", "svg");
svgIcon.setAttribute("aria-hidden", "true");
svgIcon.setAttribute("height", "16");
svgIcon.setAttribute("width", "16");
svgIcon.setAttribute("viewBox", "0 0 503.607 503.607");
svgIcon.setAttribute("data-view-component", "true");
svgIcon.setAttribute("class", "octicon octicon-gear UnderlineNav-octicon d-none d-sm-inline");
const path = document.createElementNS("http://www.w3.org/2000/svg", "path");
path.setAttribute("d", "M386.098,58.754h-41.967v-8.393c0-9.233-7.554-16.787-16.787-16.787h-25.18V25.18c0-13.43-10.911-25.18-25.18-25.18 h-50.361c-14.269,0-25.18,10.911-25.18,25.18v8.393h-25.18c-9.233,0-16.787,7.554-16.787,16.787v8.393h-41.967 c-23.502,0-41.967,18.466-41.967,41.967v360.918c0,23.502,18.466,41.967,41.967,41.967h268.59 c23.502,0,41.967-18.466,41.967-41.967V100.721C428.066,78.059,409.6,58.754,386.098,58.754z M176.262,67.148V50.361h33.574 c5.036,0,8.393-3.357,8.393-8.393V25.18c0-5.036,3.357-8.393,8.393-8.393h50.361c5.036,0,8.393,3.357,8.393,8.393v16.787 c0,5.036,3.357,8.393,8.393,8.393h33.574v58.754H176.262V67.148z M344.131,428.066H159.475c-5.036,0-8.393-3.357-8.393-8.393 s3.357-8.393,8.393-8.393h184.656c5.036,0,8.393,3.357,8.393,8.393S349.167,428.066,344.131,428.066z M344.131,352.525H159.475 c-5.036,0-8.393-3.357-8.393-8.393c0-5.036,3.357-8.393,8.393-8.393h184.656c5.036,0,8.393,3.357,8.393,8.393 C352.525,349.167,349.167,352.525,344.131,352.525z M344.131,276.984H159.475c-5.036,0-8.393-3.357-8.393-8.393 s3.357-8.393,8.393-8.393h184.656c5.036,0,8.393,3.357,8.393,8.393S349.167,276.984,344.131,276.984z M344.131,201.443H159.475 c-5.036,0-8.393-3.357-8.393-8.393s3.357-8.393,8.393-8.393h184.656c5.036,0,8.393,3.357,8.393,8.393 S349.167,201.443,344.131,201.443z");
svgIcon.appendChild(path);
button.prepend(svgIcon);
button.addEventListener('click', () => {
const url = window.location.href;
const regex = /github\.com\/([^\/]+)\/([^\/]+)/;
const matches = url.match(regex);
if (matches) {
const data = { user: matches[1], repo: matches[2] };
const result = cloneCommandTemplate.replace(/{(\w+)}/g, (match, key) => {
return data.hasOwnProperty(key) ? data[key] : match;
});
GM_setClipboard(result);
button.classList.add('flash-animation');
setTimeout(() => {
button.classList.remove('flash-animation')
}, 500);
}
});
this.appendChild(button);
}
disconnectedCallback() {
console.warn('CopyButton被销毁 正在准备修复');
queueMicrotask(() => {
mount_copy_button();
});
}
}
// 注册自定义元素标签 <github-copy-btn>
if (!registry.get('github-copy-btn')) {
registry.define('github-copy-btn', GithubCopyButton);
}
// #region 核心逻辑功能
function mount_copy_button() {
const navbar = document.querySelector('nav[aria-label="Repository"]') || document.querySelector('nav[aria-label="Gist"]');
if (!navbar) {
console.warn('找不到导航栏节点');
return;
}
if (document.querySelector('github-copy-btn')) {
console.info('节点已存在');
return
};
const container = navbar.firstElementChild;
if (container) {
const myNewButtonNode = document.createElement('github-copy-btn');
container.appendChild(myNewButtonNode);
console.info('节点已创建');
console.info(myNewButtonNode);
} else {
console.warn('找不到容器节点');
}
}
function locale_time() {
if (document.documentElement.lang !== navigator.language) {
document.documentElement.lang = `${navigator.language}`;
for (const time of document.getElementsByTagName('relative-time')) {
time.update();
}
}
}
// #endregion
// #region 事件驱动与菜单
GM_registerMenuCommand("⚙️ set ", function () {
let newPrefix = prompt(
'input your (git clone ssh://github/{user}/{repo})',
cloneCommandTemplate
);
if (newPrefix !== null) {
GM_setValue(STORAGE_KEY, newPrefix);
cloneCommandTemplate = newPrefix;
}
});
// 初始首屏挂载
mount_copy_button();
// 监听 Turbo 的路由跳转切换
window.addEventListener("turbo:load", function () {
locale_time();
mount_copy_button();
});
// #endregion
})();