enhance(frontend): Better Timeline(MkPagination) Experience 2

[tamaina]

What

• 遡り中（backed）やタブがバックグラウンドの場合、追加されたノートのキューは全て溜め込んでおくように
• スクロールを先頭に戻すと溜め込んだキューを順番に送り込んでいくように
• その他いろいろめっちゃ変えた
• Known Issueで書いた問題に対処するため、Safari(WebKit)とその他では挙動がちょっと変わっている

Additional

Safariだけ、DOMが先頭に追加されてもスクロールが調整されない
手動でスクロールを調整しても表示が崩れる

Safariでは遡りはせずに従来通りに最新のノートを表示することにした

[codecov]

Codecov Report

Patch coverage: 97.27% and project coverage change: +0.09% 🎉

Comparison is base (814e284) 78.88% compared to head (b312f36) 78.98%.

Additional details and impacted files

@@             Coverage Diff             @@
##           develop   #11241      +/-   ##
===========================================
+ Coverage    78.88%   78.98%   +0.09%     
===========================================
  Files          925      175     -750     
  Lines        97589    22957   -74632     
  Branches      7746      511    -7235     
===========================================
- Hits         76986    18132   -58854     
+ Misses       20603     4825   -15778     

Files Changed	Coverage Δ
packages/frontend/src/scripts/scroll.ts	64.23% <62.50%> (+0.80%)	⬆️
...es/frontend/src/components/MkDateSeparatedList.vue	57.48% <88.88%> (-0.07%)	⬇️
packages/frontend/src/components/MkNotes.vue	100.00% <100.00%> (ø)
packages/frontend/src/components/MkPageWindow.vue	100.00% <100.00%> (ø)
packages/frontend/src/components/MkPagination.vue	99.06% <100.00%> (+0.25%)	⬆️
...ages/frontend/src/components/global/RouterView.vue	100.00% <100.00%> (ø)
packages/frontend/src/nirax.ts	64.78% <100.00%> (+5.57%)	⬆️
packages/frontend/src/scripts/useragent.ts	100.00% <100.00%> (ø)

... and 751 files with indirect coverage changes

☔ View full report in Codecov by Sentry.
📢 Have feedback on the report? Share it here.

[tamaina]

なんかIntersectionObserverが効かなくなることがあって泥沼にはまってる感じ

[tamaina]

IntersectionObserverは多分治った

[tamaina]

trim.94633E27-DD3A-4710-9D8D-C3DE5CE649A8.MOV

Safariの描画の挙動が微妙
(HTMLElement.scrollでスクロールしても描画を省いているのが描画されない)

[tamaina]

Safariで遡るのは諦めた

[tamaina]

むしゃくしゃしたので昔の挙動と新しい挙動を設定で変えられるようにした

[tamaina]

noteViewInterruptorsって全ての表示(?)に対して適用していいのかしら

[syuilo]

useScrollPositionManager とか RouterView 周りを変更した意図って何かしら

[tamaina]

RouterViewはactivate後のタイムラインのスクロール位置の判定と旧useScrollPositionManagerの順番が噛み合わなかったために変えた

（たぶん他の場所でもこれに起因したバグが治ることがありそう）

[syuilo]

「最新のノートに移動」したときに改めてAPIリクエストが発生するのは微妙かも

[tamaina]

キューから持ってくるようにしても良さそう（キューから持ってくる実装を書くのが面倒だったためinitを呼び出すようにした）

[tamaina]

改めてAPIリクエストが発生するのは微妙

リフレッシュも兼ねているので結構この実装のほうがいいかも

TLがプッシュ型になって早くなったらしいのでこのままでもいいのでは

[tamaina]

コンフリクト解消を諦めたためclose