#298 CPU版でGPUモードへの切り替えを不可能に

src/components/SettingDialog.vue

@@ -60,7 +60,17 @@
                     { label: 'CPU', value: 'switchCPU' },
                     { label: 'GPU', value: 'switchGPU' },
                   ]"
+                  :disable="!canUseGPU"
                 >
+                  <q-tooltip
+                    anchor="center start"
+                    self="center right"
+                    transition-show="jump-left"
+                    transition-hide="jump-right"
+                    :target="!canUseGPU"
+                  >
+                    お使いのデバイスではGPUモードを利用できません。
+                  </q-tooltip>
                 </q-btn-toggle>
               </q-card-actions>
             </q-card>
@@ -679,7 +689,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref } from "vue";
+import { defineComponent, computed, ref, onMounted } from "vue";
 import { useStore } from "@/store";
 import { useQuasar } from "quasar";
 import {
@@ -714,6 +724,15 @@ export default defineComponent({
       set: (val) => emit("update:modelValue", val),
     });
 
+    const canUseGPU = computed({
+      get: () => store.state.canUseGPU,
+      set: () => {
+        store.dispatch("SET_CAN_USE_GPU");
+      },
+    });
+
+    onMounted(() => store.dispatch("SET_CAN_USE_GPU"));
+
     const engineMode = computed({
       get: () => (store.state.useGpu ? "switchGPU" : "switchCPU"),
       set: (mode: string) => {
@@ -948,6 +967,7 @@ export default defineComponent({
 
     return {
       settingDialogOpenedComputed,
+      canUseGPU,
       engineMode,
       inheritAudioInfoMode,
       activePointScrollMode,

src/store/type.ts

@@ -1017,6 +1017,7 @@ export type SettingStoreTypes = {
 export type UiStoreState = {
   uiLockCount: number;
   dialogLockCount: number;
+  canUseGPU: boolean;
   useGpu: boolean;
   inheritAudioInfo: boolean;
   activePointScrollMode: ActivePointScrollMode;
@@ -1185,6 +1186,11 @@ export type UiStoreTypes = {
   RESET_PROGRESS: {
     action(): void;
   };
+
+  SET_CAN_USE_GPU: {
+    mutation: { canUseGPU: boolean };
+    action(): void;
+  };
 };
 
 /*

src/store/ui.ts

@@ -36,6 +36,7 @@ export function withProgress<T>(
 export const uiStoreState: UiStoreState = {
   uiLockCount: 0,
   dialogLockCount: 0,
+  canUseGPU: false,
   useGpu: false,
   inheritAudioInfo: true,
   activePointScrollMode: "OFF",
@@ -368,4 +369,43 @@ export const uiStore = createPartialStore<UiStoreTypes>({
       dispatch("SET_PROGRESS", { progress: -1 });
     },
   },
+
+  SET_CAN_USE_GPU: {
+    mutation(state, { canUseGPU }) {
+      state.canUseGPU = canUseGPU;
+    },
+    async action({ commit, dispatch }) {
+      const engineInfos = await window.electron.engineInfos();
+
+      const engineIds = engineInfos.map((engineInfo) => engineInfo.uuid);
+
+      const canUseCudaOrDMLPromises = engineIds.map(async (engineId) =>
+        dispatch("INSTANTIATE_ENGINE_CONNECTOR", { engineId })
+          .then(
+            async (instance) =>
+              await instance.invoke("supportedDevicesSupportedDevicesGet")({})
+          )
+          .catch((e) => e)
+      );
+
+      const canUseCudaOrDMLArray = await Promise.all(canUseCudaOrDMLPromises);
+
+      const canUseGPU = canUseCudaOrDMLArray.reduce(
+        (prev, supportedDevices) => {
+          if (supportedDevices instanceof Error) {
+            return false;
+          }
+
+          const { cuda, dml } = supportedDevices;
+          const canEngineUseGPU = cuda || dml;
+
+          return prev && canEngineUseGPU;
+        },
+        true
+      );
+
+      // すべてのエンジンでcudaかdmlが利用可能ならtrue
+      commit("SET_CAN_USE_GPU", { canUseGPU: canUseGPU });
+    },
+  },
 });