import '/api/code/takker/scrapbox-embed-tweet/script.js';

import {insertText} from '../scrapbox-insert-text-2/script.js'; import {convertWholeText} from '../scrapbox-embed-tweet/convert.js'; scrapbox.PopupMenu.addButton({ title: text => /https:\/\/twitter\.com\S+\/status\/\d+/.test(text) ? '\uf081' : // Font Awesomeでないと文字化けします '', onClick: text => { if (!/https:\/\/twitter\.com\S+\/status\/\d+/.test(text)) return; // URLがなければ何もしない Promise.all(text.split('\n').map(line => { const matches = line.match(/^\s+|.*/g); const indent = /^\s+$/.test(matches[0])? matches[0] : ''; const content = /^\s+$/.test(matches[0])? matches[1] : matches[0]; console.log([indent,content]); return convertWholeText(content, indent) })).then(lines => insertText(lines.join('\n'))); // 入力しやすいよう選択範囲を先に消しておく return ''; }, });

import {getTweetInfo} from '/api/code/takker/scrapbox-embed-tweet/getTweetInfo.js'; // 複数のURLを含んだテキストをまとめて変換する export async function convertWholeText(text,indent) { const tweetRegExp = /https:\/\/twitter\.com\S+\/status\/\d+(?:\?s=\d+)?/g; const urls = text.match(tweetRegExp) ?? []; if (urls.length === 0) return undefined; const tweets = (await Promise.all(urls.map(url => getTweetInfo({tweetUrl: url})))) .map(tweetInfo => convert({ tweetInfo, indent, })); console.log(tweets); let map = {}; for (const originalUrl of urls) { const i = urls.indexOf(originalUrl); if (!tweets[i]) break; map[originalUrl]= tweets[i]; } //console.log(map); const result = text.replace(tweetRegExp, match => map[match] ?? match); //console.log(result); return result; }

function convert({tweetInfo, indent}) { return [...tweetInfo.content.map(text => `${indent}> ${text}`), `${indent}> \t${tweetInfo.signature}[${tweetInfo.date.href} ${tweetInfo.date.text}]`].join('\n'); }

export async function getTweetInfo({tweetUrl} = {}) { if (!window.getTweetInfo) { alert('Please install "getTweetInfo" from https://scrapbox.io/api/code/takker/scrapbox-embed-tweet/temperMonkey.js'); return; } try { const tweet = await window.getTweetInfo(`https://publish.twitter.com/oembed?url=${tweetUrl}`) .then(req => req.response); // 埋め込み用HTMLを解析する const dummy = document.createElement('div'); dummy.insertAdjacentHTML('beforeend', tweet.html); console.log(tweet.html); // <blockquote>を取得 const blockquote =dummy.getElementsByTagName('blockquote')?.[0]; // 要素に分解 const [contentDOM, signatureDOM, dateDOM] = [...blockquote?.childNodes]; // tweet本文をscrapbox記法に変換 [...contentDOM?.getElementsByTagName('a')] ?.forEach?.(link => link.innerHTML = `[${link.href} ${link.textContent}]`); [...contentDOM?.getElementsByTagName('br')] ?.forEach?.(br => br.innerHTML =`\n`); // 各種情報を詰め込んで返す return { author: { name: tweet.author_name, url: tweet.author_url, }, content: contentDOM?.textContent.split('\n'), signature: signatureDOM?.textContent, date : { href: dateDOM?.href, text: dateDOM?.textContent, }, }; } catch(e) { console.error(e); } }

// ==UserScript== // @name twitter-info-proxy // @namespace https://scrapbox.io // @version 0.1.1 // @description fetch the information of a tweet // @author takker // @match https://scrapbox.io/* // @connect publish.twitter.com // @grant GM_xmlhttpRequest // @license MIT // @copyright Copyright (c) 2020 takker // ==/UserScript== "use strict" unsafeWindow.getTweetInfo = (url) => { const u = new URL(url) if (!['publish.twitter.com'].includes(u.hostname)) { throw Error("unexpected url!") } return new Promise((r) => { GM_xmlhttpRequest({ method: "GET", url, onload: (res) => r(res), withCredentials: true, responseType: "json", }) }) };