GitHub one-click sync fork

Sync your GitHub fork repo within one click

当前为 2020-04-07 提交的版本,查看 最新版本

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Greasemonkey 油猴子Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Violentmonkey 暴力猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴Userscripts ,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展,例如 Tampermonkey 篡改猴,才能安装此脚本。

您需要先安装一款用户脚本管理器扩展后才能安装此脚本。

(我已经安装了用户脚本管理器,让我安装!)

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展,比如 Stylus,才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

您需要先安装一款用户样式管理器扩展后才能安装此样式。

(我已经安装了用户样式管理器,让我安装!)

// ==UserScript==
// @name         GitHub one-click sync fork
// @namespace    https://blog.maple3142.net/
// @version      0.4
// @description  Sync your GitHub fork repo within one click
// @author       maple3142
// @match        https://github.com/*
// @require      https://unpkg.com/[email protected]/xfetch.min.js
// @grant        GM_setValue
// @grant        GM_getValue
// @compatible   firefox >=52
// @compatible   chrome >=55
// ==/UserScript==

;(function () {
	'use strict'
	const $ = s => document.querySelector(s)
	const $$ = s => [...document.querySelectorAll(s)]
	const gh = xf.extend({ baseURI: 'https://api.github.com/' })
	const oauthurl = // eslint-disable-next-line max-len
		'https://github.com/login/oauth/authorize?client_id=5c0954a832a0f2bb68f2&scope=repo&redirect_uri=https://github.com/'
	// eslint-disable-next-line max-len
	const confirmmsg =
		'Are you sure?\nAll the changes you have made will be DELETED!\nIT CANNOT BE RECOVERED!'
	const search = new URL(location.href).searchParams
	if (search.has('code')) {
		const code = search.get('code')
		xf.post('https://github.com/login/oauth/access_token', {
			json: {
				client_id: '5c0954a832a0f2bb68f2',
				client_secret: '799a5a49ef0ebde906f8bedc2e3327a99cd0d92a',
				code
			}
		}).text(str => {
			const search = new URLSearchParams(str)
			GM_setValue('token', search.get('access_token'))
			window.close()
		})
	}

	const addBtn = () => {
		const currentUser = $('.user-profile-link>strong').textContent
		const currentRepoOwner = location.pathname.split('/')[1]
		const isUserMatch = currentUser === currentRepoOwner
		const isFork = !!$('.fork-flag')

		if (!isUserMatch || !isFork) return
		$$('.one-click-sync-fork').forEach(btn => btn.remove())
		const repo = location.pathname.split('/').slice(1, 3).join('/')
		const upstream = $('.fork-flag a').getAttribute('href').slice(1)
		const fnav = $('.file-navigation')
		const branchbtn = $('#branch-select-menu')
		console.log(branchbtn)
		if (!branchbtn) return
		const branch =
			fnav.querySelector('a').href.split('/').pop() ||
			branchbtn.querySelector('summary>span').textContent
		const el = document.createElement('div')
		el.classList.add('one-click-sync-fork')
		el.classList.add('btn')
		el.classList.add('btn-sm')
		el.classList.add('btn-primary')
		el.textContent = `Update fork from ${upstream}/${branch}`
		el.onclick = async () => {
			const token = GM_getValue('token')
			if (!token) {
				window.open(oauthurl, '_target')
				return
			}
			if (!confirm(confirmmsg)) return
			const sha = await gh
				.get(`/repos/${upstream}/branches/${branch}`)
				.json(b => b.commit.sha)
			await gh
				.patch(`/repos/${repo}/git/refs/heads/${branch}`, {
					headers: { Authorization: `token ${token}` },
					json: { sha, force: true }
				})
				.json()
			location.reload()
		}
		branchbtn.insertAdjacentElement('afterend', el)
	}
	addBtn()
	new MutationObserver(addBtn).observe(document.body, { childList: true })
})()