errorToMessage関数追加し、createLoggerの処理を変更して、eslintのルールを１つ採用

.eslintrc.js

@@ -9,9 +9,6 @@ const tsEslintOptions = {
 };
 
 const tsEslintRules = {
-  // Template String Literalでcatchなどからのunknownを入れられなくなるので無効化
-  // TODO: いずれは有効化する
-  "@typescript-eslint/restrict-template-expressions": "off",
   // Storeでよくasyncなしの関数を定義するので無効化
   // TODO: いずれは有効化する
   "@typescript-eslint/require-await": "off",

src/backend/browser/browserConfig.ts

@@ -3,7 +3,7 @@ import { defaultEngine, directoryHandleStoreKey } from "./contract";
 
 import { BaseConfigManager, Metadata } from "@/backend/common/ConfigManager";
 import { ConfigType, EngineId, engineSettingSchema } from "@/type/preload";
-import { ensureNotNullish } from "@/helpers/ensureNotNullish";
+import { ensureNotNullish } from "@/helpers/errorHelper";
 import { UnreachableError } from "@/type/utility";
 
 const dbName = `${import.meta.env.VITE_APP_NAME}-web`;

src/backend/browser/fileImpl.ts

@@ -208,7 +208,7 @@ export const showOpenFilePickerImpl = async (options: {
     }
     return handles.length > 0 ? paths : undefined;
   } catch (e) {
-    log.warn(`showOpenFilePicker error: ${e}`);
+    log.warn("showOpenFilePicker error:", e);
     return undefined;
   }
 };

src/backend/common/ConfigManager.ts

@@ -14,7 +14,7 @@ import {
   PresetKey,
   envEngineInfoSchema,
 } from "@/type/preload";
-import { ensureNotNullish } from "@/helpers/ensureNotNullish";
+import { ensureNotNullish } from "@/helpers/errorHelper";
 
 const lockKey = "save";
 

src/backend/electron/main.ts

@@ -164,7 +164,7 @@ if (!fs.existsSync(vvppEngineDir)) {
 
 const onEngineProcessError = (engineInfo: EngineInfo, error: Error) => {
   const engineId = engineInfo.uuid;
-  log.error(`ENGINE ${engineId} ERROR: ${error}`);
+  log.error(`ENGINE ${engineId} ERROR:`, error);
 
   // winが作られる前にエラーが発生した場合はwinへの通知を諦める
   // FIXME: winが作られた後にエンジンを起動させる
@@ -213,7 +213,7 @@ async function installVvppEngine(vvppPath: string) {
       "インストールエラー",
       `${vvppPath} をインストールできませんでした。`,
     );
-    log.error(`Failed to install ${vvppPath}, ${e}`);
+    log.error(`Failed to install ${vvppPath},`, e);
     return false;
   }
 }
@@ -308,7 +308,7 @@ async function uninstallVvppEngine(engineId: EngineId) {
       "アンインストールエラー",
       `${engineName} をアンインストールできませんでした。`,
     );
-    log.error(`Failed to uninstall ${engineId}, ${e}`);
+    log.error(`Failed to uninstall ${engineId},`, e);
     return false;
   }
 }

src/backend/electron/manager/RuntimeInfoManager.ts

@@ -96,7 +96,7 @@ export class RuntimeInfoManager {
       } catch (e) {
         // ディスクの空き容量がない、他ツールからのファイルロック時をトラップ。
         // サードパーティ向けなのでVOICEVOX側には通知せず、エラー記録して継続
-        log.error(`Failed to write file : ${e}`);
+        log.error("Failed to write file :", e);
       }
     });
   }

src/backend/electron/manager/engineManager.ts

@@ -338,7 +338,7 @@ export class EngineManager {
     let errorNotified = false;
 
     engineProcess.on("error", (err) => {
-      log.error(`ENGINE ${engineId} ERROR: ${err}`);
+      log.error(`ENGINE ${engineId} ERROR:`, err);
       if (!errorNotified) {
         errorNotified = true;
         this.onEngineProcessError(engineInfo, err);

src/backend/electron/manager/vvppManager.ts

@@ -13,6 +13,7 @@ import {
   minimumEngineManifestSchema,
   MinimumEngineManifestType,
 } from "@/type/preload";
+import { errorToMessage } from "@/helpers/errorHelper";
 
 const isNotWin = process.platform !== "win32";
 
@@ -320,10 +321,10 @@ export class VvppManager {
               log.error(e);
               dialog.showErrorBox(
                 "エンジン削除エラー",
-                `エンジンの削除に失敗しました。エンジンのフォルダを手動で削除してください。\n${deletingEngineDir}\nエラー内容: ${e}`,
+                `エンジンの削除に失敗しました。エンジンのフォルダを手動で削除してください。\n${deletingEngineDir}\nエラー内容: ${errorToMessage(e)}`,
               );
             } else {
-              log.error(`Failed to rename engine directory: ${e}, retrying`);
+              log.error("Failed to rename engine directory: ", e, ", retrying");
               await new Promise((resolve) => setTimeout(resolve, 1000));
             }
           }
@@ -344,10 +345,10 @@ export class VvppManager {
               log.error(e);
               dialog.showErrorBox(
                 "エンジン追加エラー",
-                `エンジンの追加に失敗しました。エンジンのフォルダを手動で移動してください。\n${from}\nエラー内容: ${e}`,
+                `エンジンの追加に失敗しました。エンジンのフォルダを手動で移動してください。\n${from}\nエラー内容: ${errorToMessage(e)}`,
               );
             } else {
-              log.error(`Failed to rename engine directory: ${e}, retrying`);
+              log.error("Failed to rename engine directory: ", e, ", retrying");
               await new Promise((resolve) => setTimeout(resolve, 1000));
             }
           }

src/domain/frontend/log.ts

@@ -4,7 +4,7 @@ export function createLogger(scope: string) {
   const createInner =
     (method: "logInfo" | "logError" | "logWarn") =>
     (...args: unknown[]) => {
-      window.backend[method](`[${scope}] ${args[0]}`, ...args.slice(1));
+      window.backend[method](`[${scope}]`, ...args);
     };
   return {
     info: createInner("logInfo"),

src/helpers/errorHelper.ts

@@ -0,0 +1,23 @@
+/** 入力がnullかundefinedの場合エラーを投げ、それ以外の場合は入力をそのまま返す */
+export const ensureNotNullish = <T>(
+  value: T | null | undefined,
+  message = "Unexpected nullish value",
+): T => {
+  if (value == null) {
+    throw new Error(message);
+  }
+  return value;
+};
+
+/** エラーからエラー文を作る */
+export const errorToMessage = (e: unknown): string => {
+  if (e instanceof Error) {
+    return `${e.toString()}: ${e.message}`;
+  } else if (typeof e === "string") {
+    return `String Error: ${e}`;
+  } else if (typeof e === "object" && e != undefined) {
+    return `Object Error: ${JSON.stringify(e).slice(0, 100)}`;
+  } else {
+    return `Unknown Error: ${String(e)}`;
+  }
+};

src/helpers/mapHelper.ts

@@ -3,15 +3,15 @@
 /** Mapから値を取得する。指定したキーが存在しない場合は例外を投げる */
 export const getOrThrow = <K, V>(map: Map<K, V>, key: K) => {
   if (!map.has(key)) {
-    throw new Error(`Key not found: ${key}`);
+    throw new Error(`Key not found: ${String(key)}`);
   }
   return map.get(key) as V;
 };
 
 /** Mapから値を削除する。指定したキーが存在しない場合は例外を投げる */
 export const deleteOrThrow = <K, V>(map: Map<K, V>, key: K) => {
   if (!map.has(key)) {
-    throw new Error(`Key not found: ${key}`);
+    throw new Error(`Key not found: ${String(key)}`);
   }
   map.delete(key);
 };

src/store/audio.ts

@@ -64,6 +64,7 @@ import { generateWriteErrorMessage } from "@/helpers/fileHelper";
 import { uuid4 } from "@/helpers/random";
 import { cloneWithUnwrapProxy } from "@/helpers/cloneWithUnwrapProxy";
 import { UnreachableError } from "@/type/utility";
+import { errorToMessage } from "@/helpers/errorHelper";
 
 function generateAudioKey() {
   return AudioKey(uuid4());
@@ -2138,7 +2139,9 @@ export const audioCommandStore = transformCommandStore(
         if (Object.keys(errors).length > 0) {
           throw new Error(
             `話者の変更に失敗しました：\n${Object.entries(errors)
-              .map(([audioKey, error]) => `${audioKey}：${error}`)
+              .map(
+                ([audioKey, error]) => `${audioKey}：${errorToMessage(error)}`,
+              )
               .join("\n")}`,
           );
         }