Share selected text to Gist and paste it to clipboard
נכון ליום
// ==UserScript==
// @name Gist Shared Clipboard
// @name:ja Gist 共有クリップボード
// @name:zh-CN Gist 共享剪贴板
// @name:zh-TW Gist 共享剪貼簿
// @license MIT
// @namespace http://tampermonkey.net/
// @version 2025.07.23
// @description Share selected text to Gist and paste it to clipboard
// @description:ja Gistに選択したテキストを共有し、クリップボードに貼り付ける
// @description:zh-CN 共享选定文本到Gist并粘贴到剪贴板
// @description:zh-TW 共享選定文本到Gist並粘貼到剪貼簿
// @author Julia Lee
// @match *://*/*
// @noframes
// @icon https://www.google.com/s2/favicons?sz=64&domain=tampermonkey.net
// @grant GM_registerMenuCommand
// @grant GM_setValue
// @grant GM_getValue
// @grant GM_deleteValue
// @grant GM_setClipboard
// @grant GM_notification
// @grant GM_xmlhttpRequest
// @grant GM.xmlHttpRequest
// @connect github.com
// @connect api.github.com
// ==/UserScript==
(async function () {
'use strict';
const GITHUB_TOKEN = await GM.getValue('GITHUB_TOKEN', ''); // GitHubのPersonal Access Tokenを指定
const GIST_ID = await GM.getValue('GIST_ID', ''); // GistのIDを指定
const GIST_ENCRYPT_KEY = await GM.getValue('GIST_ENCRYPT_KEY', ''); // Gistの暗号化キーを指定
const FILENAME = 'GM-Shared-Clipboard.txt'; // Gist内のファイル名
const RIGHT_CLICK_MAX_AGE = 20 * 1000; // 右クリックしてからTargetの保持時間（ミリ秒）
await GM.deleteValue('GIST_DOWNLOADING');
await GM.deleteValue('GIST_UPLOADING');
let crtRightTgtContent = null;
let crtRightTgtUpdated = 0;
if (GITHUB_TOKEN && GIST_ID && GIST_ENCRYPT_KEY) {
const menu1 = GM_registerMenuCommand("Gist Share Clipboard", gistUploadClipboard, {
accessKey: 'b',
autoClose: true,
title: 'Share Clipboard text to Gist',
});
const menu2 = GM_registerMenuCommand("Gist Share Selected", gistUploadSelected, {
accessKey: 'c',
autoClose: true,
title: 'Share selected text to Gist',
});
const menu3 = GM_registerMenuCommand("Gist Paste", gistDowload, {
accessKey: 'v',
autoClose: true,
title: 'Paste Gist content to clipboard',
});
if (location.href.includes(GIST_ID)) {
const menu4 = GM_registerMenuCommand("Decrypt Selected Text", decryptSelectedText, {
accessKey: 'd',
autoClose: true,
title: 'Decrypt selected text and update clipboard',
});
}
}
const menu0 = GM_registerMenuCommand("Gist Setup", setup, {
accessKey: 'x',
autoClose: true,
title: 'Setup Gist ID and Token',
});
document.body.addEventListener("mousedown", event => {
if (event.button == 0) { // left click for mouse
// crtRightTgtContent = null;
} else if (event.button == 1) { // wheel click for mouse
// crtRightTgtContent = null;
} else if (event.button == 2) { // right click for mouse
const elm = event.target;
const nodName = elm.nodeName.toLowerCase();
switch (nodName) {
case 'img':
crtRightTgtContent = elm.src;
break;
case 'a':
crtRightTgtContent = elm.href;
break;
default:
crtRightTgtContent = null;
break;
}
if (crtRightTgtContent) {
crtRightTgtUpdated = new Date();
}
}
});
const gistUrl = `https://api.github.com/gists/${GIST_ID}`;
const headers = {
'Authorization': `Bearer ${GITHUB_TOKEN}`,
'Content-Type': 'application/json',
};
async function gistUploadClipboard(_event) {
const clipboardText = await navigator.clipboard.readText();
console.log("Clipboard Text: ", clipboardText);
if (!clipboardText) { return }
await gistUploadContents(clipboardText || crtRightTgtContent);
}
async function gistUploadSelected(_event) {
// If the target is too old, reset it
if (crtRightTgtContent && (new Date()) - crtRightTgtUpdated > RIGHT_CLICK_MAX_AGE) {
crtRightTgtContent = null;
// crtRightTgtUpdated = 0;
}
const selectedText = document.getSelection().toString();
if (!crtRightTgtContent && !selectedText) { return }
await gistUploadContents(selectedText || crtRightTgtContent);
}
const ENCRYPT_KEY = await GM.getValue('GIST_ENCRYPT_KEY', '');
async function gistUploadContents(contents) {
if (!contents || contents.length === 0) {
await showMessage('❌ No content to upload!', 'NG', 2500);
return;
}
if (!ENCRYPT_KEY) {
await showMessage('❌ No encryption key set!', 'NG', 2500);
return;
}
const locked = await GM.getValue('GIST_UPLOADING');
if (locked) {
console.log("Gist is already uploading.");
return;
}
// --- ここで暗号化 ---
const encrypted = await encryptContentAES(contents, ENCRYPT_KEY);
const data = {
files: {
[FILENAME]: { content: JSON.stringify(encrypted) }
}
};
try {
await GM.setValue('GIST_UPLOADING', true);
const res = await GM.xmlHttpRequest({
method: 'POST',
url: gistUrl,
headers,
data: JSON.stringify(data),
responseType: 'json'
}).catch(e => { throw e; });
if (!res || res.status < 200 || res.status >= 300) {
const error = (res && res.response) ? res.response : { message: res && res.statusText ? res.statusText : 'Unknown error' };
throw new Error(`Failed to update Gist: ${error.message}`);
}
const result = res.response;
console.log("Gist URL: ", result.html_url);
await showMessage('✅ Target Shared!', 'OK', 2500);
} catch (error) {
console.error("Error: ", error);
await showMessage(`❌ ${error.message}`, 'NG', 2500);
} finally {
await GM.deleteValue('GIST_UPLOADING');
}
}
async function gistDowload(_event) {
if (inIframe()) {
console.log("Gist Paste is not available in iframe.");
return;
}
const locked = await GM.getValue('GIST_DOWNLOADING');
if (locked) {
console.log("Gist is already Downloading.");
return;
}
try {
await GM.setValue('GIST_DOWNLOADING', true);
const res = await GM.xmlHttpRequest({
method: 'GET',
url: gistUrl,
headers,
responseType: 'json'
}).catch(e => { throw e; });
if (!res || res.status < 200 || res.status >= 300) {
const error = (res && res.response) ? res.response : { message: res && res.statusText ? res.statusText : 'Unknown error' };
throw new Error(`Failed to fetch Gist: ${error.message}`);
}
const result = res.response;
const encryptedContent = result.files[FILENAME].content;
if (!encryptedContent) {
throw new Error('No content found in the Gist.');
}
if (!ENCRYPT_KEY) {
throw new Error('No encryption key set!');
}
// --- 復号 ---
let decrypted;
try {
decrypted = await decryptContentAES(JSON.parse(encryptedContent), ENCRYPT_KEY);
} catch (e) {
throw new Error('Failed to decrypt content!');
}
await GM.setClipboard(decrypted, "text");
console.log("Gist Content: ", decrypted);
await showMessage('✅ Clipboard Updated!', 'OK', 2500);
} catch (error) {
console.error("Error: ", error);
await showMessage(`❌ ${error.message}`, 'NG', 2500);
} finally {
await GM.deleteValue('GIST_DOWNLOADING');
}
}
async function setup() {
if (inIframe()) {
console.log("Gist Setup is not available in iframe.");
return;
}
const registerDialog = await createRegisterDialog();
const gistIdInput = document.getElementById('gist-id-input');
const gistTokenInput = document.getElementById('gist-token-input');
const gistEncryptKeyInput = document.getElementById('gist-encrypt-key-input');
const gistIdHelpLabel = document.querySelector('#gist-id-help span');
const gistIdHelpLink = document.querySelector('#gist-id-help a');
if (GIST_ID) {
const gistUrl = `https://gist.github.com/${GIST_ID}/revisions`;
gistIdHelpLabel.textContent = 'Gist Revisions URL: ';
gistIdHelpLink.textContent = gistUrl.substring(0, 32) + '...';
gistIdHelpLink.href = gistUrl;
}
const saveButton = document.getElementById('save-button');
saveButton.addEventListener('click', async () => {
const gistId = gistIdInput.value;
const token = gistTokenInput.value;
const encryptKey = gistEncryptKeyInput.value;
if (!gistId || !token || !encryptKey) {
await showMessage('❌ Gist ID, Token, and Encryption Key are required!', 'NG', 2500);
return;
}
await GM.setValue('GIST_ID', gistId);
await GM.setValue('GITHUB_TOKEN', token);
await GM.setValue('GIST_ENCRYPT_KEY', encryptKey);
registerDialog.close();
registerDialog.remove();
setTimeout(() => { location.reload() }, 2500); // Restart Script
await showMessage('✅ Gist ID, Token, and Encryption Key saved!', 'OK', 2500);
});
const clearInfoButton = document.getElementById('clear-button');
clearInfoButton.addEventListener('click', async () => {
if (!confirm('Are you sure you want to clear Gist ID, Token, and Encryption Key?')) {
return;
}
await GM.deleteValue('GITHUB_TOKEN');
await GM.deleteValue('GIST_ID');
await GM.deleteValue('GIST_ENCRYPT_KEY');
registerDialog.close();
registerDialog.remove();
setTimeout(() => { location.reload() }, 2500); // Restart Script
await showMessage('✅ Gist ID, Token, and Encryption Key cleared!', 'OK', 2500);
});
const generateKeyButton = document.getElementById('generate-key-button');
generateKeyButton.addEventListener('click', () => {
if (gistEncryptKeyInput.value) {
let confirmMessage = 'Are you sure you want to generate a new encryption key?\n'
confirmMessage += 'This will overwrite the existing key.';
if (!confirm(confirmMessage)) { return }
}
const keyBytes = crypto.getRandomValues(new Uint8Array(16)); // 128bit = 16byte
const keyBase64 = btoa(String.fromCharCode(...keyBytes));
gistEncryptKeyInput.value = keyBase64;
});
registerDialog.showModal();
}
async function decryptSelectedText() {
const selectedText = document.getSelection().toString();
if (!selectedText) {
await showMessage('❌ No selected text to decrypt!', 'NG', 2500);
return;
}
if (!ENCRYPT_KEY) {
await showMessage('❌ No encryption key set!', 'NG', 2500);
return;
}
try {
const decrypted = await decryptContentAES(JSON.parse(selectedText), ENCRYPT_KEY);
await GM.setClipboard(decrypted, "text");
console.log("Decrypted Content: ", decrypted);
await showMessage('✅ Clipboard Updated with Decrypted Text!', 'OK', 2500);
} catch (error) {
console.error("Error: ", error);
await showMessage(`❌ ${error.message}`, 'NG', 2500);
}
}
})();
async function showMessage(text, type = 'OK', duration = 4000) {
const htmlId = `GistShare_Message-${type}`;
const existingMessage = document.getElementById(htmlId);
if (existingMessage) { return; } // 既に表示されている場合は何もしない
if (duration < 1000) { duration = 1000; } // 最低1秒は表示する
return new Promise((resolve) => {
const message = document.createElement('div');
message.id = `GistShare_Message-${type}`;
message.textContent = text;
// 共通スタイル
Object.assign(message.style, {
position: 'fixed',
top: '20px',
right: '20px',
padding: '12px 18px',
borderRadius: '10px',
color: '#fff',
fontSize: '14px',
boxShadow: '0 4px 12px rgba(0, 0, 0, 0.3)',
zIndex: 9999,
transform: 'translateY(20px)',
opacity: '0',
transition: 'opacity 0.4s ease, transform 0.4s ease'
});
// タイプ別デザイン
if (type === 'OK') {
message.style.backgroundColor = '#4caf50'; // 緑
message.style.borderLeft = '6px solid #2e7d32';
} else if (type === 'NG') {
message.style.backgroundColor = '#f44336'; // 赤
message.style.borderLeft = '6px solid #b71c1c';
}
document.body.appendChild(message);
// フェードイン（下から）
setTimeout(() => {
message.style.opacity = '.95';
message.style.transform = 'translateY(0)';
}, 10);
// requestAnimationFrame(() => {
// message.style.opacity = '1';
// message.style.transform = 'translateY(0)';
// });
// 指定時間後にフェードアウト
setTimeout(() => {
message.style.opacity = '0';
message.style.transform = 'translateY(-20px)';
setTimeout(() => {
message.remove();
resolve(); // メッセージが削除された後にresolveを呼び出す
}, 400); // transition と一致
}, duration - 400);
});
}
async function createRegisterDialog() {
const existDialog = document.getElementById('tm-gist-dialog');
if (existDialog) existDialog.remove();
const registerDialog = document.createElement('dialog');
registerDialog.id = 'tm-gist-dialog';
registerDialog.style.padding = '1em';
registerDialog.style.zIndex = 9999;
registerDialog.style.maxWidth = '400px';
registerDialog.style.margin = 'auto';
registerDialog.style.border = '2px solid #ccc';
registerDialog.style.borderRadius = '8px';
registerDialog.style.backgroundColor = '#fff';
registerDialog.style.boxShadow = '0 4px 12px rgba(0, 0, 0, 0.1)';
registerDialog.style.position = 'fixed';
registerDialog.style.padding = '1.5em';
registerDialog.style.boxSizing = 'border-box';
// --- Gist ID ラベルと入力欄 ---
const gistIdLabel = document.createElement('label');
gistIdLabel.textContent = 'Gist ID:';
gistIdLabel.style.display = 'block';
gistIdLabel.style.marginBottom = '0.5em';
gistIdLabel.for = 'gist-id-input';
registerDialog.appendChild(gistIdLabel);
const gistIdInput = document.createElement('input');
gistIdInput.id = 'gist-id-input';
gistIdInput.type = 'text';
gistIdInput.style.width = '100%';
gistIdInput.style.boxSizing = 'border-box';
gistIdInput.style.padding = '0.5em';
gistIdInput.style.border = '1px solid #ccc';
gistIdInput.style.borderRadius = '4px';
gistIdInput.style.marginBottom = '1em';
gistIdInput.value = await GM.getValue('GIST_ID', '');
gistIdInput.placeholder = 'Your Gist ID';
registerDialog.appendChild(gistIdInput);
const gistIdHelpText = document.createElement('small');
gistIdHelpText.id = 'gist-id-help';
gistIdHelpText.style.display = 'block';
gistIdHelpText.style.marginBottom = '1.1em';
gistIdHelpText.style.color = '#666';
const gistIdHelpLabel = document.createElement('span');
gistIdHelpLabel.textContent = 'Create or Select a Gist: ';
const gistIdHelpLink = document.createElement('a');
gistIdHelpLink.href = 'https://gist.github.com/mine';
gistIdHelpLink.target = '_blank';
gistIdHelpLink.textContent = 'https://gist.github.com/';
gistIdHelpText.appendChild(gistIdHelpLabel);
gistIdHelpText.appendChild(gistIdHelpLink);
registerDialog.appendChild(gistIdHelpText);
// --- Gist Token ラベルと入力欄 ---
const gistTokenLabel = document.createElement('label');
gistTokenLabel.textContent = 'Gist Token:';
gistTokenLabel.style.display = 'block';
gistTokenLabel.style.marginBottom = '0.5em';
gistTokenLabel.for = 'gist-token-input';
registerDialog.appendChild(gistTokenLabel);
const gistTokenInput = document.createElement('input');
gistTokenInput.id = 'gist-token-input';
// gistTokenInput.type = 'password';
gistTokenInput.style.width = '100%';
gistTokenInput.style.boxSizing = 'border-box';
gistTokenInput.style.padding = '0.5em';
gistTokenInput.style.border = '1px solid #ccc';
gistTokenInput.style.borderRadius = '4px';
gistTokenInput.style.marginBottom = '1em';
gistTokenInput.value = await GM.getValue('GITHUB_TOKEN', '');
gistTokenInput.placeholder = 'ghp_XXXXXXXXXXXXXXXX';
registerDialog.appendChild(gistTokenInput);
const gistTokenHelpText = document.createElement('small');
gistTokenHelpText.style.display = 'block';
gistTokenHelpText.style.marginBottom = '1em';
gistTokenHelpText.style.color = '#666';
const gistTokenHelpLabel = document.createElement('span');
gistTokenHelpLabel.textContent = 'Create a Token: ';
gistTokenHelpText.appendChild(gistTokenHelpLabel);
const gistTokenHelpLink = document.createElement('a');
gistTokenHelpLink.href = 'https://github.com/settings/tokens';
gistTokenHelpLink.target = '_blank';
gistTokenHelpLink.textContent = 'https://github.com/settings/tokens';
gistTokenHelpText.appendChild(gistTokenHelpLink);
registerDialog.appendChild(gistTokenHelpText);
// --- Encryption Key ラベルと入力欄 ---
const gistEncryptKeyLabel = document.createElement('label');
gistEncryptKeyLabel.textContent = 'Encryption Key:';
gistEncryptKeyLabel.style.display = 'block';
gistEncryptKeyLabel.style.marginBottom = '0.5em';
gistEncryptKeyLabel.for = 'gist-encrypt-key-input';
registerDialog.appendChild(gistEncryptKeyLabel);
const gistEncryptKeyInput = document.createElement('input');
gistEncryptKeyInput.id = 'gist-encrypt-key-input';
// gistEncryptKeyInput.type = 'password';
gistEncryptKeyInput.style.width = 'calc(100% - 100px)';
gistEncryptKeyInput.style.boxSizing = 'border-box';
gistEncryptKeyInput.style.padding = '0.5em';
gistEncryptKeyInput.style.border = '1px solid #ccc';
gistEncryptKeyInput.style.borderRadius = '4px';
gistEncryptKeyInput.style.marginBottom = '1em';
gistEncryptKeyInput.style.display = 'inline-block';
gistEncryptKeyInput.value = await GM.getValue('GIST_ENCRYPT_KEY', '');
gistEncryptKeyInput.placeholder = 'Base64 128bit key';
registerDialog.appendChild(gistEncryptKeyInput);
// 生成ボタン
const generateKeyButton = document.createElement('button');
generateKeyButton.id = 'generate-key-button';
generateKeyButton.textContent = 'KeyGen';
generateKeyButton.type = 'button';
generateKeyButton.style.width = '90px';
generateKeyButton.style.marginLeft = '10px';
generateKeyButton.style.marginBottom = '1em';
generateKeyButton.style.padding = '0.5em 1em';
generateKeyButton.style.borderRadius = '4px';
generateKeyButton.style.border = '1px solid #888';
generateKeyButton.style.backgroundColor = '#eee';
generateKeyButton.style.cursor = 'pointer';
registerDialog.appendChild(generateKeyButton);
const saveButton = document.createElement('button');
saveButton.textContent = 'Save Info';
saveButton.style.backgroundColor = '#4caf50';
saveButton.style.color = '#fff';
saveButton.style.border = 'none';
saveButton.style.padding = '0.5em 1em';
saveButton.style.borderRadius = '4px';
saveButton.style.cursor = 'pointer';
saveButton.style.marginTop = '1em';
saveButton.style.float = 'right';
saveButton.id = 'save-button';
registerDialog.appendChild(saveButton);
const clearInfoButton = document.createElement('button');
clearInfoButton.textContent = 'Clear Info';
clearInfoButton.style.backgroundColor = '#f44336';
clearInfoButton.style.color = '#fff';
clearInfoButton.style.border = 'none';
clearInfoButton.style.padding = '0.5em 1em';
clearInfoButton.style.borderRadius = '4px';
clearInfoButton.style.cursor = 'pointer';
clearInfoButton.style.marginTop = '1em';
clearInfoButton.style.marginRight = '0.5em';
clearInfoButton.style.float = 'right';
clearInfoButton.id = 'clear-button';
registerDialog.appendChild(clearInfoButton);
const closeButton = document.createElement('button');
closeButton.textContent = 'X';
closeButton.style.position = 'absolute';
closeButton.style.top = '7px';
closeButton.style.right = '7px';
closeButton.style.backgroundColor = '#ccc';
closeButton.style.border = 'none';
closeButton.style.borderRadius = '15%';
closeButton.style.color = '#fff';
closeButton.style.cursor = 'pointer';
closeButton.style.padding = '0.2em 0.5em';
closeButton.style.fontSize = '14px';
closeButton.addEventListener('click', () => {
registerDialog.close();
registerDialog.remove();
});
registerDialog.appendChild(closeButton);
const css = document.createElement('style');
css.id = 'tm-gist-css';
css.textContent = `
#tm-gist-dialog button:hover {
opacity: 0.8;
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.2);
}`;
registerDialog.appendChild(css);
document.body.appendChild(registerDialog);
return registerDialog;
}
function inIframe() {
try {
return window.self !== window.top;
} catch (e) {
return true;
}
}
// --- 追加: 暗号化/復号関数 ---
async function encryptContentAES(plainText, keyBase64) {
// keyBase64: base64エンコードされた16byte(128bit)キー
const enc = new TextEncoder();
const keyBytes = Uint8Array.from(atob(keyBase64), c => c.charCodeAt(0));
if (keyBytes.length !== 16) throw new Error('Encryption key must be 128bit (16 bytes, base64)');
const iv = crypto.getRandomValues(new Uint8Array(16));
const key = await crypto.subtle.importKey(
'raw', keyBytes, { name: 'AES-CBC' }, false, ['encrypt']
);
const encrypted = await crypto.subtle.encrypt(
{ name: 'AES-CBC', iv }, key, enc.encode(plainText)
);
return {
iv: btoa(String.fromCharCode(...iv)),
data: btoa(String.fromCharCode(...new Uint8Array(encrypted)))
};
}
async function decryptContentAES(encryptedObj, keyBase64) {
const dec = new TextDecoder();
const keyBytes = Uint8Array.from(atob(keyBase64), c => c.charCodeAt(0));
if (keyBytes.length !== 16) throw new Error('Encryption key must be 128bit (16 bytes, base64)');
const iv = Uint8Array.from(atob(encryptedObj.iv), c => c.charCodeAt(0));
const data = Uint8Array.from(atob(encryptedObj.data), c => c.charCodeAt(0));
const key = await crypto.subtle.importKey(
'raw', keyBytes, { name: 'AES-CBC' }, false, ['decrypt']
);
const decrypted = await crypto.subtle.decrypt(
{ name: 'AES-CBC', iv }, key, data
);
return dec.decode(decrypted);
}