takker99-scrapbox-url-customizer-popup
todo.iconこれのようにpopupmenuでまとめたほうがわかりやすいかも
依存
2024/6/16
yosider.icon用tweet format
code:myTweetFormatter.ts
export const myTweetFormatter = async (
tweet: Tweet | RefTweet | TweetViaProxy,
): Promise<string> => {
if ("images" in tweet) return stringify(tweet); // TODO: why?
const { quote, ...processed } = processTweet(tweet);
return [
...(quote ? (await stringify(quote)).split("\n").map((line) => > ${line}) : []),
...(await stringify(processed)).split("\n").map((line) => > ${line}),
].join("\n");
};
code:script.ts
import {
convert,
convertGyazoURL,
convertScrapboxURL,
expandShortURL,
formatTweet,
formatURL,
formatWikipedia,
Middleware,
redirectGoogleSearch,
redirectWikiwand,
shortenAmazonURL,
declare const scrapbox: Scrapbox;
// 毎回functionsを作るのは無駄なので、globalに保持しておく
const middlewares: Middleware[] = [
redirectGoogleSearch,
expandShortURL,
redirectGoogleSearch,
redirectWikiwand,
shortenAmazonURL,
convertScrapboxURL(),
convertGyazoURL,
formatTweet(myTweetFormatter),
formatWikipedia,
// code2svgでコードを画像にする
(url) => {
if (url.hostname === "raw.githubusercontent.com") {
return [https://code2svg.vercel.app/svg/${url.origin}${url.pathname}#.svg ${url}];
}
if (url.hostname !== "github.com") return url;
url.pathname.match(/^\/(^\\+)\/(^\\+)\/blob\/(.+)$/)?.slice?.(1) ?? [];
if (!user || !repo || !filepath) return url;
const start, end = url.hash.match(/L(\d+)-L(\d+)/) ??
url.hash.match(/L(\d+)/) ?? [];
start && end ? L${start}-${end}/ : start ? L${start}/ : ""
},
formatURL(),
];
scrapbox.PopupMenu.addButton({
title: (text) => /https?:\/\/\S+/.test(text) ? "URL" : "",
onClick: (text) => {
const promise = convert(text, ...middlewares);
if (typeof promise === "string") {
// 文字列に違いがあるときのみ更新
return text === promise ? undefined : promise;
}
// 選択範囲に変換後の文字列を上書きする
// 変換中に選択範囲が変わると、ずれた位置に挿入されるので注意
promise.then((converted) => {
if (text === converted) return;
return insertText(converted);
});
return undefined;
},
});
test
formatTweet.tsで"images" in tweetで分岐していて、imagesがある場合はquoteやreplyToを使っていないように見えるが、画像や動画がある場合も正常に引用ツイートや返信先が表示されるのはなぜだろうyosider.icon "images" in tweetの分岐は、tweetオブジェクトがTweetViaProxy型かどうかを判定するために使われていて、画像や動画の有無によって引用ツイートや返信先の表示を制御しているわけではないclaude.icon TweetViaProxy型は、/api/embed-text/twitterエンドポイントから取得したツイートオブジェクトを表しており、このオブジェクトにはimagesプロパティがありますが、quoteやreplyToプロパティはありません。 