import {convert} from '/api/code/takker/scrapbox-url-customizer/convert.js'; import {insertText} from '/api/code/takker/scrapbox-insert-text/script.js'; const cursor = document.getElementById('text-input'); cursor.addEventListener('paste', async (event) => { const url = (event.clipboardData ?? window.clipboardData).getData('text'); if (!/^https?:\/\/\S+$/.test(url)) return; if (/^https:\/\/scrapbox.io/.test(url)) return; event.preventDefault(); const link = await convert(url); insertText({text: link, cursor: cursor}); });

import {convertWholeText} from '/api/code/takker/scrapbox-url-customizer/convert.js'; import {insertText} from '/api/code/takker/scrapbox-insert-text/script.js'; scrapbox.PopupMenu.addButton({ title: 'URL', onClick: text => { if (!/https?:\/\/\S+/.test(text)) return; // URLがなければ何もしない const cursor = document.getElementById('text-input') convertWholeText(text).then(text => insertText({text: text, cursor: cursor})); // 入力しやすいよう選択範囲を先に消しておく return ''; }, });

// 複数のURLを含んだテキストをまとめて変換する export async function convertWholeText(text) { const urls = text.match(/https?:\/\/\S+/g) ?? []; if (urls.length === 0) return undefined; const links = await Promise.all(urls.map(url => convert(url))); let map = {}; for (const originalUrl of urls) { const i = urls.indexOf(originalUrl); if (!links[i]) break; map[originalUrl]= links[i]; } //console.log(map); const result = text.replace(/https?:\/\/\S+/g, match => map[match] ?? match); //console.log(result); return result; } // urlを外部リンク記法に変換する export async function convert(url) { if (!window.getUrlInfo) { alert('Please install "getUrlInfo from https://scrapbox.io/takker/url-info-proxy"'); return; } // hashを分離する const urlObj = new URL(url); console.log(urlObj); let hash = urlObj.hash !== '' ? urlObj.hash.slice(1) : ''; // #をとる

let pureUrl = `${urlObj.origin}${urlObj.pathname}${urlObj.search}`;

if (urlObj.hostname === 'github.com' && /^\/[^\/]+\/[^\/]+\/?$/.test(urlObj.pathname)) { return `[${pureUrl} ${urlObj.pathname.slice(1)}]`; }

if (urlObj.hostname === 'www.wikiwand.com') { pureUrl = pureUrl.replace(/www\.wikiwand\.com\/(\w+)\//,'$1.wikipedia.org/wiki/'); // 先頭の/を取り除く hash = hash !== '' ? hash.slice(1) : hash; }

console.log(`url = ${pureUrl}, hash = ${hash}`); const params = hash !== '' ? `url=${pureUrl}&hash=${hash}` : `url=${pureUrl}`; console.log(`start fetching https://url-info.vercel.app/api/page?${params}...`); const urlInfo = await window.getUrlInfo(`https://url-info.vercel.app/api/page?${params}`) .then(req => req.response); if(!urlInfo.title) return undefined; const result = { href: urlInfo.url + (!urlInfo?.fragment?.hash ? '' : urlInfo?.fragment?.hash), title: (!urlInfo?.fragment?.content ? '' : `${urlInfo.fragment.content.replace(/\n/g,'').trim()} | `) + urlInfo.title, }; return `[${result.href} ${result.title}]`; }

scrapbox.PopupMenu.addButton({ title: 'URL', onClick: async text => { if (!window.getUrlInfo) { alert('Please install "getUrlInfo from https://scrapbox.io/takker/url-info-proxy"'); return; } const urls = text.match(/https?:\/\/\S+/g) ?? []; if (urls.length === 0) return; const urlInfos = await Promise.all(urls.map(url => window.getUrlInfo(`https://url-info.vercel.app/api/page?url=${url}`) .then(req => req.response))); let map = {}; for (const originalUrl of urls) { const i = urls.indexOf(originalUrl); const {url, title} = urlInfos[i]; if (!title) break; map[originalUrl]= urlInfos[i]; } console.log(map); const result = text.replace(/https?:\/\/\S+/g, match => map[match] ? `[${map[match].url} ${map[match].title}]` : match); console.log(result); return result; }, });