UserScriptでtext-bubbleをつくる
scrapbox-text-bubbleをUserScriptで実装することを考える
データストア
関連ページリストを計算するを参照
page previewの表示
https://github.com/takker99/ScrapScripts/blob/refactoring-ts/src/scrapbox-io/text-bubble.b.ts を参考にする
previewを閉じる条件
考え中
ScrapScriptsでは、任意の場所をクリックすると閉じるようになっていた
ただそれだとテキストのコピペができず不便
カードがたくさん重なったときも不便
別の条件で閉じるようにしたい
text bubble以外をクリックしたとき
同じ階層の別のtext bubbleを表示したとき
https://gyazo.com/e5533f3333893f1bd4189e6225681c96
どう実装するか
text bubbleの親子関係をtree形式で保持しておく
code:ts
const card: Card ={
children: Card[];
}
mouseleaveが発生したら、上位のCardに通知する？
いやこれだとだめか
むずかしいな
一つのツリーにひとつだけcomponentが入るようにすればいい？
code:ts
interface Card {
child: Card;
}
別のツリーを消す操作は実現できるけど、ツリー内でのcursor移動は解決しないか
親ページにマウスを移動したら、子ページを消すタイマーを作動させる
深さaのページに移動したら、深さa+1以上のページを消すタイマーをつける
子ページにマウスを移動したら、親ページのタイマーを消す
mouseleaveではなく、mouseenterを呼べば良さそう
どの深さのページに入ったかを見る
そのページより深いページをすべて消すようにする
DOMで表現できないか？
表示対象
自分のproject links
外部project linkの一部
どのprojectを対象にするかは設定で決める
scrapbox-card-bubbleで表示したカード
外部プロジェクトの場合は、↑で指定したprojectののみを対象とする
#2020-10-23 12:11:59