WIP: 初回起動時にトークとソングのどちらかを選択できるダイアログを表示する #2409
Conversation
|
🚀 プレビュー用ページを作成しました 🚀 更新時点でのコミットハッシュ： |
src/components/Dialog/AllDialog.vue
Outdated
| // 初期設定ダイアログ | ||
| const isSelectedEditorType = computed(() => store.state.openedEditor); | ||
| console.log(isSelectedEditorType.value); | ||
| const isInitialSettingsDialogOpenComputed = computed({ | ||
| get: () => store.state.isInitialSettingsDialogOpen, | ||
| set: (val) => { | ||
| if (isSelectedEditorType.value) { | ||
| void store.actions.SET_DIALOG_OPEN({ | ||
| isInitialSettingsDialogOpen: val, | ||
| }); | ||
| } | ||
| }, | ||
| }); |
There was a problem hiding this comment.
store.state.openedEditorから開いていたエディタを取得し、undefinedの時にSET_DIALOG_OPENでエディタを選択できるダイアログを表示するような処理にしている。
`openedEditor: EditorType | undefined; // undefinedのときはどのエディタを開くか定まっていない`
https://github.com/VOICEVOX/voicevox/blob/main/src/store/type.ts#L1857
There was a problem hiding this comment.
初回起動の動作確認はnpm run electron:serveを実行した際、store.state.openedEditorはundefinedとなり、このダイアログが開かれるのでそこで確認できます。
すでにどちらかのエディタを開き、再起動した際にこのダイアログが表示されないという挙動をどう確認しようかなと悩んでいます。
There was a problem hiding this comment.
ちょっと問題を把握できないのですがコメントまで！！
openedEditorは前回どっちのエディターが開かれていたかが入っています！
デフォルト値は今talkに設定されているので、これをデフォルトundefiendにする必要がありそうです。
こうすれば、config.jsonがない状態で起動すればこのダイアログが開かれて、1回エディタが開かれた後にもう一度起動すればダイアログが表示されないはず。
ちなみに開発環境の設定ファイルconfig.jsonはC:\Users\[ユーザー名]\AppData\Roaming\voicevox-devにあります。
なんですが、ちょっとこの辺のダイアログを開くかどうか周りとかが入り組んでいるので、こちらでちょこっと変更してプルリクエスト送ろうと思います！！
内容
Dialog/InitialSettingsDialog.vueとした関連 Issue
close #2011
スクリーンショット・動画など
仮で組んでみたダイアログのUI
CSSが分からないのでいい感じのUIを組めない
2024-12-13.22.24.04.mov
その他
TODO
src/store/type.tsのSetting Store Typesに選択済みor未選択を保存する（興味のあるエディタでもいい→デフォルトで開くエディタとして初期設定が可能）src/store/setting.tsのsettingStoreで選択済みor未選択について実装