複数エンジン対応：Engine manifestによるUI無効化

src/components/AudioDetail.vue

@@ -5,8 +5,16 @@
         <div class="detail-selector">
           <q-tabs dense vertical class="text-display" v-model="selectedDetail">
             <q-tab name="accent" label="ｱｸｾﾝﾄ" />
-            <q-tab name="pitch" label="ｲﾝﾄﾈｰｼｮﾝ" />
-            <q-tab name="length" label="長さ" />
+            <q-tab
+              name="pitch"
+              label="ｲﾝﾄﾈｰｼｮﾝ"
+              :disable="!supportedFeatures.adjustMoraPitch"
+            />
+            <q-tab
+              name="length"
+              label="長さ"
+              :disable="!supportedFeatures.adjustPhonemeLength"
+            />
           </q-tabs>
         </div>
         <div class="play-button-wrapper">
@@ -260,7 +268,7 @@ import AudioAccent from "./AudioAccent.vue";
 import AudioParameter from "./AudioParameter.vue";
 import { HotkeyAction, HotkeyReturnType, MoraDataType } from "@/type/preload";
 import { setHotkeyFunctions } from "@/store/setting";
-import { Mora } from "@/openapi/models";
+import { EngineManifest, Mora } from "@/openapi/models";
 
 export default defineComponent({
   components: { AudioAccent, AudioParameter, Tip },
@@ -349,6 +357,32 @@ export default defineComponent({
     const query = computed(() => audioItem.value?.query);
     const accentPhrases = computed(() => query.value?.accentPhrases);
 
+    const engineManifest = computed(() =>
+      audioItem.value?.engineId
+        ? store.state.engineManifests[audioItem.value.engineId]
+        : ({} as EngineManifest)
+    );
+    const supportedFeatures = computed(
+      () =>
+        engineManifest.value.supportedFeatures ||
+        ({} as EngineManifest["supportedFeatures"])
+    );
+
+    // エンジンが変わったとき、selectedDetailが対応していないものを選択している場合はaccentに戻す
+    watch(
+      supportedFeatures,
+      (newFeatures) => {
+        if (
+          (!newFeatures?.adjustMoraPitch && selectedDetail.value === "pitch") ||
+          (!newFeatures?.adjustPhonemeLength &&
+            selectedDetail.value === "length")
+        ) {
+          selectedDetail.value = "accent";
+        }
+      },
+      { immediate: true }
+    );
+
     const activePointScrollMode = computed(
       () => store.state.activePointScrollMode
     );
@@ -767,6 +801,7 @@ export default defineComponent({
       activePoint,
       setPlayAndStartPoint,
       uiLocked,
+      supportedFeatures,
       audioItem,
       query,
       accentPhrases,

src/components/AudioInfo.vue

@@ -165,7 +165,11 @@
     </div>
 
     <div class="q-mx-md">
-      <span class="text-body1 q-mb-xs"
+      <span
+        class="text-body1 q-mb-xs"
+        :style="{
+          opacity: `${speedScaleSlider.qSliderProps.disable.value ? 0.5 : 1}`,
+        }"
         >話速 {{ speedScaleSlider.state.currentValue.value?.toFixed(2) }}</span
       >
       <q-slider
@@ -187,7 +191,11 @@
       />
     </div>
     <div class="q-px-md">
-      <span class="text-body1 q-mb-xs"
+      <span
+        class="text-body1 q-mb-xs"
+        :style="{
+          opacity: `${pitchScaleSlider.qSliderProps.disable.value ? 0.5 : 1}`,
+        }"
         >音高 {{ pitchScaleSlider.state.currentValue.value?.toFixed(2) }}</span
       >
       <q-slider
@@ -209,7 +217,13 @@
       />
     </div>
     <div class="q-px-md">
-      <span class="text-body1 q-mb-xs"
+      <span
+        class="text-body1 q-mb-xs"
+        :style="{
+          opacity: `${
+            intonationScaleSlider.qSliderProps.disable.value ? 0.5 : 1
+          }`,
+        }"
         >抑揚
         {{ intonationScaleSlider.state.currentValue.value?.toFixed(2) }}</span
       >
@@ -232,7 +246,11 @@
       />
     </div>
     <div class="q-px-md">
-      <span class="text-body1 q-mb-xs"
+      <span
+        class="text-body1 q-mb-xs"
+        :style="{
+          opacity: `${volumeScaleSlider.qSliderProps.disable.value ? 0.5 : 1}`,
+        }"
         >音量 {{ volumeScaleSlider.state.currentValue.value?.toFixed(2) }}</span
       >
       <q-slider
@@ -254,7 +272,13 @@
       />
     </div>
     <div class="q-px-md">
-      <span class="text-body1 q-mb-xs"
+      <span
+        class="text-body1 q-mb-xs"
+        :style="{
+          opacity: `${
+            prePhonemeLengthSlider.qSliderProps.disable.value ? 0.5 : 1
+          }`,
+        }"
         >開始無音
         {{ prePhonemeLengthSlider.state.currentValue.value?.toFixed(2) }}</span
       >
@@ -277,7 +301,13 @@
       />
     </div>
     <div class="q-px-md">
-      <span class="text-body1 q-mb-xs"
+      <span
+        class="text-body1 q-mb-xs"
+        :style="{
+          opacity: `${
+            postPhonemeLengthSlider.qSliderProps.disable.value ? 0.5 : 1
+          }`,
+        }"
         >終了無音
         {{ postPhonemeLengthSlider.state.currentValue.value?.toFixed(2) }}</span
       >
@@ -310,6 +340,7 @@ import { useStore } from "@/store";
 import { Preset } from "@/type/preload";
 import { previewSliderHelper } from "@/helpers/previewSliderHelper";
 import PresetManageDialog from "./PresetManageDialog.vue";
+import { EngineManifest } from "@/openapi";
 
 export default defineComponent({
   name: "AudioInfo",
@@ -333,6 +364,17 @@ export default defineComponent({
     );
     const query = computed(() => audioItem.value?.query);
 
+    const engineManifest = computed(() =>
+      audioItem.value.engineId
+        ? store.state.engineManifests[audioItem.value.engineId]
+        : ({} as EngineManifest)
+    );
+    const supportedFeatures = computed(
+      () =>
+        engineManifest.value.supportedFeatures ||
+        ({} as EngineManifest["supportedFeatures"])
+    );
+
     const applyPreset = () => {
       store.dispatch("COMMAND_APPLY_AUDIO_PRESET", {
         audioKey: props.activeAudioKey,
@@ -383,7 +425,8 @@ export default defineComponent({
 
     const speedScaleSlider = previewSliderHelper({
       modelValue: () => query.value?.speedScale ?? null,
-      disable: () => uiLocked.value,
+      disable: () =>
+        uiLocked.value || supportedFeatures.value?.adjustSpeedScale === false,
       onChange: setAudioSpeedScale,
       max: () => 2,
       min: () => 0.5,
@@ -393,7 +436,8 @@ export default defineComponent({
     });
     const pitchScaleSlider = previewSliderHelper({
       modelValue: () => query.value?.pitchScale ?? null,
-      disable: () => uiLocked.value,
+      disable: () =>
+        uiLocked.value || supportedFeatures.value?.adjustPitchScale === false,
       onChange: setAudioPitchScale,
       max: () => 0.15,
       min: () => -0.15,
@@ -402,7 +446,9 @@ export default defineComponent({
     });
     const intonationScaleSlider = previewSliderHelper({
       modelValue: () => query.value?.intonationScale ?? null,
-      disable: () => uiLocked.value,
+      disable: () =>
+        uiLocked.value ||
+        supportedFeatures.value?.adjustIntonationScale === false,
       onChange: setAudioIntonationScale,
       max: () => 2,
       min: () => 0,
@@ -412,7 +458,8 @@ export default defineComponent({
     });
     const volumeScaleSlider = previewSliderHelper({
       modelValue: () => query.value?.volumeScale ?? null,
-      disable: () => uiLocked.value,
+      disable: () =>
+        uiLocked.value || supportedFeatures.value?.adjustVolumeScale === false,
       onChange: setAudioVolumeScale,
       max: () => 2,
       min: () => 0,

src/store/setting.ts

@@ -39,6 +39,7 @@ export const settingStoreState: SettingStoreState = {
   toolbarSetting: [],
   engineIds: [],
   engineInfos: {},
+  engineManifests: {},
   themeSetting: {
     currentTheme: "Default",
     availableThemes: [],

src/store/type.ts

@@ -6,7 +6,12 @@ import {
   StoreOptions,
 } from "./vuex";
 import { Patch } from "immer";
-import { AccentPhrase, AudioQuery, UserDictWord } from "@/openapi";
+import {
+  AccentPhrase,
+  AudioQuery,
+  EngineManifest,
+  UserDictWord,
+} from "@/openapi";
 import { createCommandMutationTree, PayloadRecipeTree } from "./command";
 import {
   CharacterInfo,
@@ -843,6 +848,7 @@ export type SettingStoreState = {
   toolbarSetting: ToolbarSetting;
   engineIds: string[];
   engineInfos: Record<string, EngineInfo>;
+  engineManifests: Record<string, EngineManifest>;
   themeSetting: ThemeSetting;
   acceptRetrieveTelemetry: AcceptRetrieveTelemetryStatus;
   experimentalSetting: ExperimentalSetting;
@@ -1042,6 +1048,12 @@ type UiStoreTypes = {
 
   SET_ENGINE_INFOS: { mutation: { engineInfos: EngineInfo[] } };
 
+  SET_ENGINE_MANIFESTS: {
+    mutation: { engineManifests: Record<string, EngineManifest> };
+  };
+
+  LOAD_ENGINE_MANIFESTS: { action(): void };
+
   SET_INHERIT_AUDIOINFO: {
     mutation: { inheritAudioInfo: boolean };
     action(payload: { inheritAudioInfo: boolean }): void;

src/store/ui.ts

@@ -10,6 +10,7 @@ import {
   VoiceVoxStoreOptions,
 } from "./type";
 import { ActivePointScrollMode, EngineInfo } from "@/type/preload";
+import { EngineManifest } from "@/openapi";
 
 export function createUILockAction<S, A extends ActionsBase, K extends keyof A>(
   action: (
@@ -147,6 +148,12 @@ export const uiStore: VoiceVoxStoreOptions<UiGetters, UiActions, UiMutations> =
           engineInfos.map((engineInfo) => [engineInfo.uuid, "STARTING"])
         );
       },
+      SET_ENGINE_MANIFESTS(
+        state,
+        { engineManifests }: { engineManifests: Record<string, EngineManifest> }
+      ) {
+        state.engineManifests = engineManifests;
+      },
       SET_INHERIT_AUDIOINFO(
         state,
         { inheritAudioInfo }: { inheritAudioInfo: boolean }
@@ -387,6 +394,25 @@ export const uiStore: VoiceVoxStoreOptions<UiGetters, UiActions, UiMutations> =
           engineInfos: await window.electron.engineInfos(),
         });
       },
+      async LOAD_ENGINE_MANIFESTS({ state, commit }) {
+        commit("SET_ENGINE_MANIFESTS", {
+          engineManifests: Object.fromEntries(
+            await Promise.all(
+              state.engineIds.map(
+                async (engineId) =>
+                  await this.dispatch("INSTANTIATE_ENGINE_CONNECTOR", {
+                    engineId,
+                  }).then(async (instance) => [
+                    engineId,
+                    await instance.invoke("engineManifestEngineManifestGet")(
+                      {}
+                    ),
+                  ])
+              )
+            )
+          ),
+        });
+      },
       async SET_INHERIT_AUDIOINFO(
         { commit },
         { inheritAudioInfo }: { inheritAudioInfo: boolean }

src/views/Home.vue

@@ -469,6 +469,7 @@ export default defineComponent({
     const isCompletedInitialStartup = ref(false);
     onMounted(async () => {
       await store.dispatch("GET_ENGINE_INFOS");
+      await store.dispatch("LOAD_ENGINE_MANIFESTS");
 
       await store.dispatch("START_WAITING_ENGINE_ALL");
       await store.dispatch("LOAD_CHARACTER_ALL");

tests/unit/store/Vuex.spec.ts

@@ -81,6 +81,28 @@ describe("store/vuex.js test", () => {
             host: "http://127.0.0.1",
           },
         },
+        engineManifests: {
+          "88022f86-c823-436e-85a3-500c629749c4": {
+            manifestVersion: "0.13.0",
+            name: "DUMMY VOICEVOX ENGINE",
+            uuid: "c7b58856-bd56-4aa1-afb7-b8415f824b06",
+            url: "https://github.com/VOICEVOX/voicevox_engine",
+            icon: "engine_manifest_assets/icon.png",
+            defaultSamplingRate: 24000,
+            termsOfService: "engine_manifest_assets/terms_of_service.md",
+            updateInfos: [],
+            dependencyLicenses: [],
+            supportedFeatures: {
+              adjustMoraPitch: true,
+              adjustPhonemeLength: true,
+              adjustSpeedScale: true,
+              adjustPitchScale: true,
+              adjustIntonationScale: true,
+              adjustVolumeScale: true,
+              interrogativeUpspeak: true,
+            },
+          },
+        },
         experimentalSetting: {
           enablePreset: false,
           enableInterrogativeUpspeak: false,