scrapbox-url-customizer

Next version

/icons/hr.icon

移動した

/icons/hr.icon

https://gyazo.com/dd5646098129959f874f8af71204455f

https://gyazo.com/50db0b4f5347586c4e09f307203a640e

install

2021-01-05

10:15:04 Wikiwandに対応した

2020-12-05

2020-12-03

19:29:51 GitHubのrepo URLの処理方法を変えた

2020-11-30

2020-11-29

兄弟要素の中身は取得できないので、Qiitaのようなサイトでは識別子に対応する見出しの文字を取得できない

既知の問題点

ctrl+v版

画像URLも無理やりtitleを取得しようとしてしまう

e.g. Qiita

utf-8でないhtmlだと文字化けする

一部取得できないURLがある

code

copy操作に介入するver.

URL以外のものが混じっていたら何もしない

scrapbox.ioの場合も何もしない

code:script.js

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});

});

非同期関数を使うと、結果が返ってくるのを待つことなくpopup menuが終了してしまう

なので代わりに独自に入力処理を行うことにする

既知の問題

既に外部リンク記法が選択範囲内に混じっているとうまく行かない

コードブロック中のURLも問答無用で変換してしまう

code:popup.js

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 '';

},

});

core

code:convert.js

// 複数の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);

}

//console.log(map);

//console.log(result);

return result;

}

// urlを外部リンク記法に変換する

export async function convert(url) {

if (!window.getUrlInfo) {

return;

}

// hashを分離する

const urlObj = new URL(url);

console.log(urlObj);

code:convert.js

特定のDomainに対して特別な処理をする

Github

code:convert.js

if (urlObj.hostname === 'github.com'

}

Wikipediaにredirectする

code:convert.js

if (urlObj.hostname === 'www.wikiwand.com') {

pureUrl = pureUrl.replace(/www\.wikiwand\.com\/(\w+)\//,'$1.wikipedia.org/wiki/');

// 先頭の/を取り除く

hash = hash !== '' ? hash.slice(1) : hash;

}

code:convert.js

.then(req => req.response);

if(!urlInfo.title) return undefined;

const result = {

href: urlInfo.url + (!urlInfo?.fragment?.hash ? '' : urlInfo?.fragment?.hash),

};

}

没コード

選択範囲内の最初のURLだけ変換してclipboardに貼り付けるか、clipboardから貼り付けるときに介入して変換させるかのどちらかの方法しか取れないな。

2020-11-29 13:13:19 いけた

code:script_old1.js

scrapbox.PopupMenu.addButton({

title: 'URL',

onClick: async text => {

if (!window.getUrlInfo) {

return;

}

const urls = text.match(/https?:\/\/\S+/g) ?? [];

if (urls.length === 0) return;

const urlInfos = await Promise.all(urls.map(url =>

.then(req => req.response)));

let map = {};

for (const originalUrl of urls) {

const i = urls.indexOf(originalUrl);

if (!title) break;

}

console.log(map);

console.log(result);

return result;

},

});

参考にしたcode

MIT License Copyright (c) 2020 ci7lus