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を表示したとき
どう実装するか
text bubbleの親子関係をtree形式で保持しておく
tsconst card: Card ={
children: Card[];
} mouseleave が発生したら、上位のCardに通知する？いやこれだとだめか
むずかしいな
一つのツリーにひとつだけcomponentが入るようにすればいい？
tsinterface Card {
child: Card;
}別のツリーを消す操作は実現できるけど、ツリー内でのcursor移動は解決しないか
親ページにマウスを移動したら、子ページを消すタイマーを作動させる
深さaのページに移動したら、深さa+1以上のページを消すタイマーをつける
子ページにマウスを移動したら、親ページのタイマーを消す
mouseleave ではなく、 mouseenter を呼べば良さそうどの深さのページに入ったかを見る
そのページより深いページをすべて消すようにする
DOMで表現できないか？
表示対象
自分のproject links
どのprojectを対象にするかは設定で決める
scrapbox-card-bubbleで表示したカード
外部プロジェクトの場合は、↑で指定したprojectののみを対象とする
#2020-10-23 12:11:59