前回開いていたエディタ(トーク or ソング)画面を起動時に表示 #2355

X-20A · 2024-11-15T23:35:05Z

内容

とりあえず動くはずですが、理解して書いたというよりもエラーメッセージの誘導に従っただけな感があるので、設計の方針に沿うかはなんとも分からないです

関連 Issue

#2010

voicevox-preview-pages · 2024-11-15T23:39:28Z

🚀 プレビュー用ページを作成しました 🚀

更新時点でのコミットハッシュ：6f91632

src/components/App.vue

sevenc-nanashi · 2024-11-16T02:31:45Z

src/store/ui.ts

+      mutations.SET_OPENED_EDITOR({
+        editor: await window.backend.setSetting("editorType", editorType),
+      });


Suggested change

mutations.SET_OPENED_EDITOR({

editor: await window.backend.setSetting("editorType", editorType),

});

await window.backend.setSetting("editorType", editorType)

mutations.SET_OPENED_EDITOR({

editor: editorType,

});

普通に分けた方が良さそう。

私もそちらが分かりやすそうに思えます。ただ、既存のSET_INHERIT_AUDIOINFOやSET_ACTIVE_POINT_SCROLL_MODEでは引数内で記述されているので統一感を考慮してSET_EDITOR_TYPEもそれに倣いました。これらの関数がどのような意図や都合で書かれたか分からないため、判断に迷っています。

確かにこれ混乱しますね！！
僕も正確なところがちょっとわかんないです。。。

最初は設定ごとにSETのためのmutation/actionがあったのですが、後々に統合されたSET_ROOT_MISC_SETTINGができました。
なので大多数はSET_ROOT_MISC_SETTINGを使ってますが、どうやらまだ個別にSETしているものが残っていたっぽいです･･･！

今回の場合は多分SET_EDITOR_TYPEは用意せず、SET_ROOT_MISC_SETTINGを使う形が良さそうに感じました！

Hiroshiba

PRありがとうございます！！！
実装とコメントを見させていただいて、確かにちょっとややこしくなっていることがわかりました 🙇
ということで、整理した後提案を書いてみました！

既存で「どれが開かれているか」を格納しているopenedEditorと、それとは別にeditorTypeが状態（State）に含まれていますね！
実際にUIの表示に使われているのはopenedEditorで、後者は設定の同期のために使われていそう。
つまり設定の同期が終わった後は同じものを示す変数が2つあり、このままだと何が取りに依存するかわからなくなって難しいことになるかも。

ちょっと提案なのですが設定＋状態のeditorTypeを追加せず、逆に今までのopenedEditorを設定に追加するのはどうでしょうか？ 👀
多分方針はこんな感じ･･･？

settingにopenedEditorを追加
- 型は"talk" | "song"だけでundefinedは無し
- デフォルト値を"talk"にする
元からあったuiState.openedEditorをなくし、serringState.openedEditorに移動
あとは微調整して完成？

ちょっとややこしいと思うので、多分こんな感じというのをコメントしていきます！！
コメントの内容以外に↓もすれば完成････なはず･･･！！

SET_OPENED_EDITORを消す
- SET_OPENED_EDITORでファイル全体検索すれば･･･！
代わりにSET_ROOT_MISC_SETTING("openedEditor")を使う

不明だったら何でもコメントください 🙇

Hiroshiba · 2024-11-17T17:16:26Z

src/components/App.vue

+      await store.dispatch("SET_ROOT_MISC_SETTING", {
+        key: "editorType",
+        value: openedEditor,
+      });


ここはなくなる

Hiroshiba · 2024-11-17T17:16:50Z

src/components/App.vue

  // どちらのエディタを開くか設定
-  await store.actions.SET_OPENED_EDITOR({ editor: "talk" });
+  await store.actions.SET_OPENED_EDITOR({
+    editor: store.state.editorType,
+  });


ここは以前のコードもなくなる
（SET_OPENED_EDITORを呼ばない）

Hiroshiba · 2024-11-17T17:17:58Z

src/store/setting.ts

@@ -71,6 +71,7 @@ export const settingStoreState: SettingStoreState = {
  },
  showSingCharacterPortrait: true,
  playheadPositionDisplayFormat: "MINUTES_SECONDS",
+  editorType: "talk",


openedEditorに

Hiroshiba · 2024-11-17T17:18:03Z

src/store/setting.ts

@@ -148,6 +149,7 @@ export const settingStore = createPartialStore<SettingStoreTypes>({
        "undoableTrackOperations",
        "showSingCharacterPortrait",
        "playheadPositionDisplayFormat",
+        "editorType",


ここもopenedEditorに

Hiroshiba · 2024-11-17T17:18:23Z

src/store/type.ts

+  editorType: EditorType;
  openedEditor: EditorType | undefined; // undefinedのときはどのエディタを開くか定まっていない


ここはuiStateなので、editorTypeもopenedEditorも両方消す

Hiroshiba · 2024-11-17T17:18:55Z

src/store/ui.ts

+  editorType: "talk",
  openedEditor: undefined,


ここも消えるはず

Hiroshiba · 2024-11-17T17:21:04Z

src/store/ui.ts

+      mutations.SET_OPENED_EDITOR({
+        editor: await window.backend.getSetting("editorType"),
+      });
+


HYDRATE_SETTING_STORE内のmutations.SET_ROOT_MISC_SETTINGがあるのでこのコードはなくても良いはず！

（さらに言うと上のmutations.SET_ACTIVE_POINT_SCROLL_MODEとかもいらなそうだけど･･･まあ一旦放置で･･･。
あ、もし気が向いたら別でプルリクエストとかいただけるとめちゃくちゃ嬉しいです！！）

Hiroshiba · 2024-11-17T17:21:25Z

src/store/ui.ts

+  SET_EDITOR_TYPE: {
+    mutation(state, { editorType }: { editorType: EditorType }) {
+      state.editorType = editorType;
+    },
+    async action({ mutations }, { editorType }: { editorType: EditorType }) {


ここもなくせそう！

Hiroshiba · 2024-11-17T17:23:02Z

src/type/preload.ts

@@ -594,6 +594,7 @@ export const rootMiscSettingSchema = z.object({
  playheadPositionDisplayFormat: z
    .enum(["MINUTES_SECONDS", "MEASURES_BEATS"])
    .default("MINUTES_SECONDS"), // 再生ヘッド位置の表示モード
+  editorType: z.enum(["talk", "song"]).default("talk"),


ここをopenedEditorに変える感じで･･･！
（これが今回の提案の肝）

Hiroshiba · 2024-11-17T17:23:05Z

src/type/preload.ts

@@ -603,6 +604,7 @@ export const configSchema = z
    activePointScrollMode: z
      .enum(["CONTINUOUSLY", "PAGE", "OFF"])
      .default("OFF"),
+    editorType: z.enum(["talk", "song"]).default("talk"),


rootMiscSettingSchema側にあるのでこちらいらないはず！

Hiroshiba · 2024-11-18T07:36:28Z

テストが落ちてそうでした！！

調べてみた感じかなり難しかったので、こちらでPR作ってみました！
原因はショートカットキーがなぜか登録されないためだったので、ちゃんと実行するようにしてみました 🙏

#2355 の変更提案プルリクエスト X-20A/voicevox#3

VOICEVOX#2355 の変更提案プルリクエスト

Hiroshiba

変更ありがとうございます！！
もうほとんど感染してる気がします！！

これソングで開いたあと保存して再度開いた時、一瞬だけトーク画面が映っちゃいますね！！

Vuex.stateの初期値はundefinedにし、保存されている値の初期値talkにして、undefinedのときは（以前と同様に）何も映さないようにすれば解決しそう･･･？
ということでまたになってしまうのですがプルリクエスト作ってみました 🙇

#2355 の変更提案プルリクエスト X-20A/voicevox#4

何かおかし挙動とかあれば･････ 🙇

VOICEVOX#2355 の変更提案プルリクエスト

X-20A · 2024-11-18T21:58:06Z

ありがとうございます。
npm run electron:serveしてみると作動はしますがいくつかエラーが出るようです。
更新との関係がなかなか読み難い感じです。

sevenc-nanashi · 2024-11-18T22:13:08Z

多分ローカルでnpm iし直したら治ると思います

X-20A · 2024-11-18T22:22:52Z

ありがとうございます。
だいぶ消えたのでまた見直してみます

sevenc-nanashi

大丈夫だと思います。

Hiroshiba · 2024-11-19T18:33:46Z

LGTM！！！

実装ありがとうございました！！

またお誘いになってしまうのですが、もしよかったらまた機能追加に挑戦してみませんか･･･！！
できそうなissueを探してみました！！

フルスクリーンを可能にする #2251
- electronとの通信が必要
- すでにある程度進めてくださってる方がいらっしゃるので、そこを参考にすると進めやすいかも
トーク：スタイルを選択するホットキーを追加 #2057
- ショートカットキー周りのコードを追いかける必要があります
- まずはどういうものが便利そうかを整理するだけでも楽しいかも？
ソング：再生デバイスを変更できるようにする #2300
- ソングの機能、どこをどう変えればいいかコードを追うのがちょっとややこしいかも
ソング・TAB時に単体歌詞が選択できない #2345
- 同じくソング側の話、これだけバグ直しタスクです

もしよければぜひぜひ！！！
（ちょっと難度が上がってると思うので、不明なとこがあれば何でも聞いていただければ！！）

とりあえず動く

f743e45

X-20A requested a review from a team as a code owner November 15, 2024 23:35

X-20A requested review from Hiroshiba and removed request for a team November 15, 2024 23:35

sevenc-nanashi requested changes Nov 16, 2024

View reviewed changes

型追記

093c6d2

Hiroshiba reviewed Nov 17, 2024

View reviewed changes

X-20A and others added 2 commits November 18, 2024 07:18

修正

98ca600

watchEffectを使用してエディタの切り替えを監視し、ショートカットキーの設定を更新

0697dc6

Hiroshiba mentioned this pull request Nov 18, 2024

#2355 の変更提案プルリクエスト X-20A/voicevox#3

Merged

X-20A and others added 3 commits November 18, 2024 20:08

Merge pull request #3 from Hiroshiba/hiho-counter-pr-0697dc64

0308c3e

VOICEVOX#2355 の変更提案プルリクエスト

Merge branch 'main' into tab-state

467c5a9

openedEditorをundefinedで初期化し、設定スキーマを更新

ed3d4ab

Hiroshiba mentioned this pull request Nov 18, 2024

#2355 の変更提案プルリクエスト X-20A/voicevox#4

Merged

Hiroshiba reviewed Nov 18, 2024

View reviewed changes

Merge pull request #4 from Hiroshiba/hiho-counter-pr-ed3d4ab6

8f41006

VOICEVOX#2355 の変更提案プルリクエスト

X-20A force-pushed the tab-state branch from f4517ba to 8f41006 Compare November 18, 2024 22:08

微修正

6f91632

sevenc-nanashi approved these changes Nov 19, 2024

View reviewed changes

Hiroshiba merged commit fc0784e into VOICEVOX:main Nov 19, 2024
10 checks passed

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

前回開いていたエディタ(トーク or ソング)画面を起動時に表示 #2355

前回開いていたエディタ(トーク or ソング)画面を起動時に表示 #2355

X-20A commented Nov 15, 2024

voicevox-preview-pages bot commented Nov 15, 2024 •

edited

Loading

sevenc-nanashi Nov 16, 2024

X-20A Nov 16, 2024

Hiroshiba Nov 17, 2024

Hiroshiba left a comment •

edited

Loading

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba Nov 17, 2024

Hiroshiba commented Nov 18, 2024

Hiroshiba left a comment •

edited

Loading

X-20A commented Nov 18, 2024

sevenc-nanashi commented Nov 18, 2024

X-20A commented Nov 18, 2024

sevenc-nanashi left a comment

Hiroshiba commented Nov 19, 2024

		editorType: EditorType;
		openedEditor: EditorType \| undefined; // undefinedのときはどのエディタを開くか定まっていない

前回開いていたエディタ(トーク or ソング)画面を起動時に表示 #2355

前回開いていたエディタ(トーク or ソング)画面を起動時に表示 #2355

Conversation

X-20A commented Nov 15, 2024

内容

関連 Issue

voicevox-preview-pages bot commented Nov 15, 2024 • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Hiroshiba left a comment • edited Loading

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Hiroshiba commented Nov 18, 2024

Hiroshiba left a comment • edited Loading

Choose a reason for hiding this comment

X-20A commented Nov 18, 2024

sevenc-nanashi commented Nov 18, 2024

X-20A commented Nov 18, 2024

sevenc-nanashi left a comment

Choose a reason for hiding this comment

Hiroshiba commented Nov 19, 2024

voicevox-preview-pages bot commented Nov 15, 2024 •

edited

Loading

Hiroshiba left a comment •

edited

Loading

Hiroshiba left a comment •

edited

Loading