CharacterInfoをエンジンから取って来るようにする

src/background.ts

@@ -16,13 +16,10 @@ import { ipcMainHandle, ipcMainSend } from "@/electron/ipc";
 
 import fs from "fs";
 import {
-  CharacterInfo,
   DefaultStyleId,
   HotkeySetting,
-  MetasJson,
   SavingSetting,
   ThemeConf,
-  StyleInfo,
   AcceptRetrieveTelemetryStatus,
 } from "./type/preload";
 
@@ -309,48 +306,8 @@ if (!fs.existsSync(tempDir)) {
   fs.mkdirSync(tempDir);
 }
 
-// キャラクター情報の読み込み
-declare let __static: string;
-const characterInfos: CharacterInfo[] = [];
-for (const dirRelPath of fs.readdirSync(path.join(__static, "characters"))) {
-  const dirPath = path.join("characters", dirRelPath);
-  const policy = fs.readFileSync(
-    path.join(__static, dirPath, "policy.md"),
-    "utf-8"
-  );
-  const {
-    speakerName,
-    speakerUuid,
-    styles: stylesOrigin,
-  }: MetasJson = JSON.parse(
-    fs.readFileSync(path.join(__static, dirPath, "metas.json"), "utf-8")
-  );
-  const styles = stylesOrigin.map<StyleInfo>(({ styleName, styleId }) => ({
-    styleName,
-    styleId,
-    iconPath: path.join(dirPath, "icons", `${speakerName}_${styleId}.png`),
-    voiceSamplePaths: [...Array(3).keys()].map((x) =>
-      path.join(
-        dirPath,
-        "voice_samples",
-        `${speakerName}_${styleId}_${(x + 1).toString().padStart(3, "0")}.wav`
-      )
-    ),
-  }));
-  const portraitPath = path.join(dirPath, "portrait.png");
-
-  characterInfos.push({
-    portraitPath,
-    metas: {
-      speakerName,
-      speakerUuid,
-      styles,
-      policy,
-    },
-  });
-}
-
 // 使い方テキストの読み込み
+declare let __static: string;
 const howToUseText = fs.readFileSync(
   path.join(__static, "howtouse.md"),
   "utf-8"
@@ -453,10 +410,6 @@ ipcMainHandle("GET_TEMP_DIR", () => {
   return tempDir;
 });
 
-ipcMainHandle("GET_CHARACTER_INFOS", () => {
-  return characterInfos;
-});
-
 ipcMainHandle("GET_HOW_TO_USE_TEXT", () => {
   return howToUseText;
 });
@@ -723,15 +676,7 @@ ipcMainHandle("IS_UNSET_DEFAULT_STYLE_ID", (_, speakerUuid) => {
 });
 
 ipcMainHandle("GET_DEFAULT_STYLE_IDS", () => {
-  const defaultStyleIds = store.get("defaultStyleIds");
-  if (defaultStyleIds.length === 0) {
-    return characterInfos.map<DefaultStyleId>((info) => ({
-      speakerUuid: info.metas.speakerUuid,
-      defaultStyleId: info.metas.styles[0].styleId,
-    }));
-  } else {
-    return defaultStyleIds;
-  }
+  return store.get("defaultStyleIds");
 });
 
 ipcMainHandle("SET_DEFAULT_STYLE_IDS", (_, defaultStyleIds) => {

src/electron/preload.ts

@@ -35,10 +35,6 @@ const api: Sandbox = {
     return await ipcRendererInvoke("GET_APP_INFOS");
   },
 
-  getCharacterInfos: async () => {
-    return await ipcRendererInvoke("GET_CHARACTER_INFOS");
-  },
-
   getHowToUseText: async () => {
     return await ipcRendererInvoke("GET_HOW_TO_USE_TEXT");
   },

src/openapi/models/SpeakerInfo.ts

@@ -13,6 +13,12 @@
  */
 
 import { exists, mapValues } from '../runtime';
+import {
+    StyleInfo,
+    StyleInfoFromJSON,
+    StyleInfoFromJSONTyped,
+    StyleInfoToJSON
+} from "./";
 /**
  * 話者の追加情報
  * @export
@@ -33,16 +39,10 @@ export interface SpeakerInfo {
     portrait: string;
     /**
      * 
-     * @type {{ [key: string]: string; }}
-     * @memberof SpeakerInfo
-     */
-    icons: { [key: string]: string; };
-    /**
-     * 
-     * @type {{ [key: string]: string; }}
-     * @memberof SpeakerInfo
+     * @type Array<StyleInfo>
+     * @memberof StyleInfos
      */
-    voiceSamples: { [key: string]: string; };
+    styleInfos: Array<StyleInfo>;
 }
 
 export function SpeakerInfoFromJSON(json: any): SpeakerInfo {
@@ -57,8 +57,7 @@ export function SpeakerInfoFromJSONTyped(json: any, ignoreDiscriminator: boolean
 
         'policy': json['policy'],
         'portrait': json['portrait'],
-        'icons': json['icons'],
-        'voiceSamples': json['voice_samples'],
+        'styleInfos': ((json['style_infos'] as Array<any>).map(StyleInfoFromJSON)),
     };
 }
 
@@ -73,8 +72,7 @@ export function SpeakerInfoToJSON(value?: SpeakerInfo | null): any {
 
         'policy': value.policy,
         'portrait': value.portrait,
-        'icons': value.icons,
-        'voice_samples': value.voiceSamples,
+        'style_infos': ((value.styleInfos as Array<any>).map(StyleInfoToJSON)),
     };
 }
 

src/openapi/models/StyleInfo.ts

@@ -0,0 +1,73 @@
+/* tslint:disable */
+/* eslint-disable */
+/**
+ * VOICEVOX ENGINE
+ * VOICEVOXの音声合成エンジンです。
+ *
+ * The version of the OpenAPI document: 0.8.0
+ *
+ *
+ * NOTE: This class is auto generated by OpenAPI Generator (https://openapi-generator.tech).
+ * https://openapi-generator.tech
+ * Do not edit the class manually.
+ */
+
+import { exists, mapValues } from '../runtime';
+/**
+ * engineから得られる話者のスタイル情報
+ * @export
+ * @interface StyleInfo
+ */
+export interface StyleInfo {
+  /**
+   *
+   * @type {number}
+   * @memberof StyleInfo
+   */
+  id: number;
+  /**
+   *
+   * @type {string}
+   * @memberof StyleInfo
+   */
+  icon: string;
+  /**
+   *
+   * @type {Array<string>}
+   * @memberof StyleInfo
+   */
+  voiceSamples: Array<string>;
+}
+
+export function StyleInfoFromJSON(json: any): StyleInfo {
+  return StyleInfoFromJSONTyped(json, false);
+}
+
+export function StyleInfoFromJSONTyped(json: any, ignoreDiscriminator: boolean): StyleInfo {
+  if ((json === undefined) || (json === null)) {
+    return json;
+  }
+  return {
+
+    'id': json['id'],
+    'icon': json['icon'],
+    'voiceSamples': json['voice_samples'],
+  };
+}
+
+export function StyleInfoToJSON(value?: StyleInfo | null): any {
+  if (value === undefined) {
+    return undefined;
+  }
+  if (value === null) {
+    return null;
+  }
+  return {
+
+    'id': value.id,
+    'icon': value.icon,
+    'voice_samples': value.voiceSamples,
+  };
+}
+
+

src/openapi/models/index.ts

@@ -7,4 +7,5 @@ export * from "./Preset";
 export * from "./Speaker";
 export * from "./SpeakerInfo";
 export * from "./SpeakerStyle";
+export * from "./StyleInfo";
 export * from "./ValidationError";

src/store/audio.ts

@@ -1,4 +1,4 @@
-import { AudioQuery, AccentPhrase } from "@/openapi";
+import { AudioQuery, AccentPhrase, Speaker, SpeakerInfo } from "@/openapi";
 import path from "path";
 import { v4 as uuidv4 } from "uuid";
 import {
@@ -23,6 +23,7 @@ import {
   CharacterInfo,
   Encoding as EncodingType,
   MoraDataType,
+  StyleInfo,
 } from "@/type/preload";
 import Encoding from "encoding-japanese";
 import { PromiseType } from "./vuex";
@@ -417,8 +418,70 @@ export const audioStore: VoiceVoxStoreOptions<
         }
       }
     ),
-    LOAD_CHARACTER: createUILockAction(async ({ commit }) => {
-      const characterInfos = await window.electron.getCharacterInfos();
+    LOAD_CHARACTER: createUILockAction(async ({ commit, dispatch }) => {
+      const speakers = await dispatch("INVOKE_ENGINE_CONNECTOR", {
+        action: "speakersSpeakersGet",
+        payload: [],
+      })
+        .then(toDispatchResponse("speakersSpeakersGet"))
+        .catch((error) => {
+          window.electron.logError(error, `Failed to get speakers.`);
+          throw error;
+        });
+      const base64ToUrl = function (base64: string, type: string) {
+        const buffer = Buffer.from(base64, "base64");
+        const iconBlob = new Blob([buffer.buffer], { type: type });
+        return URL.createObjectURL(iconBlob);
+      };
+      const getStyles = function (speaker: Speaker, speakerInfo: SpeakerInfo) {
+        const styles: StyleInfo[] = new Array(speaker.styles.length);
+        speaker.styles.forEach((style, i) => {
+          const styleInfo = speakerInfo.styleInfos.find(
+            (styleInfo) => style.id === styleInfo.id
+          );
+          if (!styleInfo)
+            throw new Error(
+              `Not found the style id "${style.id}" of "${speaker.name}". `
+            );
+          const voiceSamples = styleInfo.voiceSamples.map((voiceSample) => {
+            return base64ToUrl(voiceSample, "audio/wav");
+          });
+          styles[i] = {
+            styleName: style.name,
+            styleId: style.id,
+            iconPath: base64ToUrl(styleInfo.icon, "image/png"),
+            voiceSamplePaths: voiceSamples,
+          };
+        });
+        return styles;
+      };
+      const getSpeakerInfo = async function (speaker: Speaker) {
+        const speakerInfo = await dispatch("INVOKE_ENGINE_CONNECTOR", {
+          action: "speakerInfoSpeakerInfoGet",
+          payload: [{ speakerUuid: speaker.speakerUuid }],
+        })
+          .then(toDispatchResponse("speakerInfoSpeakerInfoGet"))
+          .catch((error) => {
+            window.electron.logError(error, `Failed to get speakers.`);
+            throw error;
+          });
+        const styles = getStyles(speaker, speakerInfo);
+        const characterInfo: CharacterInfo = {
+          portraitPath: base64ToUrl(speakerInfo.portrait, "image/png"),
+          metas: {
+            speakerUuid: speaker.speakerUuid,
+            speakerName: speaker.name,
+            styles: styles,
+            policy: speakerInfo.policy,
+          },
+        };
+        return characterInfo;
+      };
+      const characterInfos: CharacterInfo[] = await Promise.all(
+        speakers.map(async (speaker) => {
+          return await getSpeakerInfo(speaker);
+        })
+      );
 
       commit("SET_CHARACTER_INFOS", { characterInfos });
     }),

src/store/index.ts

@@ -19,6 +19,7 @@ import { projectStoreState, projectStore } from "./project";
 import { uiStoreState, uiStore } from "./ui";
 import { settingStoreState, settingStore } from "./setting";
 import { proxyStore, proxyStoreState } from "./proxy";
+import { DefaultStyleId } from "@/type/preload";
 
 const isDevelopment = process.env.NODE_ENV == "development";
 
@@ -95,9 +96,22 @@ export const indexStore: VoiceVoxStoreOptions<
     async IS_UNSET_DEFAULT_STYLE_ID(_, { speakerUuid }) {
       return await window.electron.isUnsetDefaultStyleId(speakerUuid);
     },
-    async LOAD_DEFAULT_STYLE_IDS({ commit }) {
-      const defaultStyleIds = await window.electron.getDefaultStyleIds();
-      commit("SET_DEFAULT_STYLE_IDS", { defaultStyleIds });
+    async LOAD_DEFAULT_STYLE_IDS({ commit, state }) {
+      const storeDefaultStyleIds = await window.electron.getDefaultStyleIds();
+      if (storeDefaultStyleIds.length === 0) {
+        const characterInfos = await state.characterInfos;
+        if (characterInfos == undefined)
+          throw new Error("state.characterInfos == undefined");
+        const defaultStyleIds = characterInfos.map<DefaultStyleId>((info) => ({
+          speakerUuid: info.metas.speakerUuid,
+          defaultStyleId: info.metas.styles[0].styleId,
+        }));
+        commit("SET_DEFAULT_STYLE_IDS", { defaultStyleIds });
+      } else {
+        commit("SET_DEFAULT_STYLE_IDS", {
+          defaultStyleIds: storeDefaultStyleIds,
+        });
+      }
     },
     async SET_DEFAULT_STYLE_IDS({ commit }, defaultStyleIds) {
       commit("SET_DEFAULT_STYLE_IDS", { defaultStyleIds });

src/type/ipc.d.ts

@@ -12,11 +12,6 @@ type IpcIHData = {
     return: string;
   };
 
-  GET_CHARACTER_INFOS: {
-    args: [];
-    return: import("@/type/preload").CharacterInfo[];
-  };
-
   GET_HOW_TO_USE_TEXT: {
     args: [];
     return: string;

src/type/preload.d.ts

@@ -2,7 +2,6 @@ import { IpcRenderer, IpcRendererEvent } from "electron";
 
 export interface Sandbox {
   getAppInfos(): Promise<AppInfos>;
-  getCharacterInfos(): Promise<CharacterInfo[]>;
   getHowToUseText(): Promise<string>;
   getPolicyText(): Promise<string>;
   getOssLicenses(): Promise<Record<string, string>[]>;

src/views/Home.vue

@@ -351,10 +351,10 @@ export default defineComponent({
 
     // プロジェクトを初期化
     onMounted(async () => {
-      await Promise.all([
-        store.dispatch("LOAD_CHARACTER"),
-        store.dispatch("LOAD_DEFAULT_STYLE_IDS"),
-      ]);
+      await store.dispatch("START_WAITING_ENGINE");
+      await store.dispatch("LOAD_CHARACTER");
+      await store.dispatch("LOAD_DEFAULT_STYLE_IDS");
+
       let isUnsetDefaultStyleIds = false;
       if (characterInfos.value == undefined) throw new Error();
       for (const info of characterInfos.value) {