[ソング] Undo/Redoの実装

[y-chan]

内容

題の通りです。ソングエディタにundo/redoをボタンで実装します。
ソングエディタのundo/redoキューはトークと独立しています。
ショートカットキーについては元の状態からいじっていないため、このPRだけでIssueの解決は完結しません。

また、undo/redoの達成のために、一部の処理を変更しました。
具体的には、OverlappingNotesDetectorです。
この中にはstoreから独立した、ノートの重なり情報が保存されており、それがundo/redoによって同期しなくなる問題があるため、それらの情報をstore側に移動し、OverlappingNotesDetectorに挿入するようにすることで、storeと同期できるようにします。

関連 Issue

ref #1834

スクリーンショット・動画など

その他

現状のsingingCommandStoreはsingingStoreのほぼコピペであり、メンテナンス性が悪いので一旦Draftです。
私は #1829 にも取り組んでいるので、もし取り組める方がいらっしゃれば、このPRをベースに新しく組んでいただいてもOKです。

[Hiroshiba]

PRありです！！

こちら取り組まれているか、取り組むつもりかがわからず他の方が手をつけづらい感じになっちゃってるかもです。
安心して他の方も取り組めるように再度取り組み始めたらコメント等で合図を頂くというのはどうでしょう🙇

[y-chan]

一旦手を止めているので、お任せできる方がいれば、宣言していただければこの後のリファクタリングをお任せしたいといったつもりでした...言葉足らずですみません 🙇

ひとまずプロジェクト保存のPRの方に専念したいと思うので、 #1829 がマージされるまでに、取りくまれる方がいらっしゃらなければ、こちらにコメントを残したうえで引き続き私の方でこのPRを完成させたいと思います....!

[y-chan]

#1829 がマージされたのでこちら取り組み始めます！

[y-chan]

不要と思われるstore actionの削除や、処理の統合、コンフリクトの解消を行い、ready for reviewにしました！

[Hiroshiba]

色々コメントしていますけれども方針としては問題ないと思います！！
多分ちょこちょこリファクタリングしさえすればすぐマージできるかなと！！

変更お疲れ様でした！！！

[y-chan]

@Hiroshiba @Segu-g
レビューありがとうございます！

総合的に見て、storeは

undo(redo)Commands: {
  talk: Command[],
  song: Command[],
}

の形が良いと思いました！
この方が一般的にできて拡張性も高いと思うのですが、気がつけませんでした...ありがとうございます...!

その他、レビューいただいたコメントのコピー忘れやクラスの解体、リファクタ、それらに加えてEditorTypeを作って活用するようにしました(他でもtalk | songな型が存在したので、統合しました)

再レビューお願いします...!

[Hiroshiba]

良い感じだと思います！！

[Hiroshiba]

LGTM！！！

動作チェックも行いました、お疲れ様でした！！！
ちょっとこっちで UI 微調整させていただきます！
（undo/redoを右側に持ってくるなど）

---

@romot-co

ボタンの順番ですが、こんな感じで大丈夫でしょうか？
undo/redoを一番右に持ってくるべきかをちょっと迷ってます。

[Hiroshiba]

とりあえず一旦問題ないと思うのでマージします！！

[romot-co]

@Hiroshiba
こちら現在の位置(編集系ツールがある部分の左)がよいかと思います！

• 今後、使いづらいという意見が多数出たら編集系ツールの位置を考慮する
• そろそろメニューに「編集」が必要そう(まずはundo/redoのみ)

以下の「編集」あたり...Issue立てても問題なさそうであれば、立てます！
https://docs.google.com/spreadsheets/d/1ltGxtvCoUhDiX06F8E1-Tf1TWlC9XM98ESBNOIHUYjw/edit#gid=1397773732

[Hiroshiba]

@romot-co ありがとうございます！！

そろそろメニューに「編集」が必要そう(まずはundo/redoのみ)
以下の「編集」あたり...Issue立てても問題なさそうであれば、立てます！

issue立てて問題ないと思います！