rm audio feature

5 files changed, 2 insertions, 191 deletions

diff --git a/frontend/app/.client/audio/AudioController.ts b/frontend/app/.client/audio/AudioController.ts
deleted file mode 100644
index 296f685..0000000
--- a/frontend/app/.client/audio/AudioController.ts
+++ /dev/null
@@ -1,105 +0,0 @@
-import { SoundEffect, getFileUrl } from "./SoundEffect";
-
-export class AudioController {
-	audioElements: Record<SoundEffect, HTMLAudioElement | null>;
-
-	constructor() {
-		this.audioElements = {
-			finish: null,
-			winner_1: null,
-			winner_2: null,
-			good_1: null,
-			good_2: null,
-			good_3: null,
-			good_4: null,
-			new_score_1: null,
-			new_score_2: null,
-			new_score_3: null,
-			compile_error_1: null,
-			compile_error_2: null,
-		};
-	}
-
-	loadAll(): Promise<void> {
-		return new Promise((resolve) => {
-			const files = Object.keys(this.audioElements).map(
-				(se) => [se as SoundEffect, getFileUrl(se as SoundEffect)] as const,
-			);
-			const totalCount = files.length;
-			let loadedCount = 0;
-
-			files.forEach(([se, fileUrl]) => {
-				const audio = new Audio(fileUrl);
-
-				audio.addEventListener(
-					"canplaythrough",
-					() => {
-						loadedCount++;
-						this.audioElements[se] = audio;
-						if (loadedCount === totalCount) {
-							resolve();
-						}
-					},
-					{ once: true },
-				);
-
-				audio.addEventListener("error", () => {
-					console.log(`Failed to load audio file: ${fileUrl}`);
-					// Ignore the error and continue loading other files.
-				});
-			});
-		});
-	}
-
-	async playDummySoundEffect(): Promise<void> {
-		const audio = this.audioElements["good_1"];
-		if (!audio) {
-			return;
-		}
-		audio.muted = true;
-		audio.currentTime = 0;
-		await audio.play();
-		audio.muted = false;
-	}
-
-	async playSoundEffect(soundEffect: SoundEffect): Promise<void> {
-		const audio = this.audioElements[soundEffect];
-		if (!audio) {
-			return;
-		}
-		audio.currentTime = 0;
-		await audio.play();
-	}
-
-	async playSoundEffectFinish(): Promise<void> {
-		await this.playSoundEffect("finish");
-	}
-
-	async playSoundEffectWinner(winner: 1 | 2): Promise<void> {
-		await this.playSoundEffect(`winner_${winner}`);
-	}
-
-	async playSoundEffectGood(): Promise<void> {
-		const variant = Math.floor(Math.random() * 4) + 1;
-		if (variant !== 1 && variant !== 2 && variant !== 3 && variant !== 4) {
-			return; // unreachable
-		}
-		return await this.playSoundEffect(`good_${variant}`);
-	}
-
-	async playSoundEffectNewScore(): Promise<void> {
-		const variant = Math.floor(Math.random() * 3) + 1;
-		if (variant !== 1 && variant !== 2 && variant !== 3) {
-			return; // unreachable
-		}
-		return await this.playSoundEffect(`new_score_${variant}`);
-	}
-
-	async playSoundEffectCompileError(): Promise<void> {
-		const variant = Math.floor(Math.random() * 2) + 1;
-		if (variant !== 1 && variant !== 2) {
-			return; // unreachable
-		}
-		return await this.playSoundEffect(`compile_error_${variant}`);
-	}
-}
diff --git a/frontend/app/.client/audio/SoundEffect.ts b/frontend/app/.client/audio/SoundEffect.ts
deleted file mode 100644
index 99eccdd..0000000
--- a/frontend/app/.client/audio/SoundEffect.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-export type SoundEffect =
-	| "finish"
-	| "winner_1"
-	| "winner_2"
-	| "good_1"
-	| "good_2"
-	| "good_3"
-	| "good_4"
-	| "new_score_1"
-	| "new_score_2"
-	| "new_score_3"
-	| "compile_error_1"
-	| "compile_error_2";
-
-const BASE_URL =
-	process.env.NODE_ENV === "development"
-		? `http://localhost:8003/phperkaigi/2025/code-battle/files/audio`
-		: `/phperkaigi/2025/code-battle/files/audio`;
-
-export function getFileUrl(soundEffect: SoundEffect): string {
-	switch (soundEffect) {
-		case "finish":
-			return `${BASE_URL}/EX_33.wav`;
-		case "winner_1":
-			return `${BASE_URL}/EX_34.wav`;
-		case "winner_2":
-			return `${BASE_URL}/EX_35.wav`;
-		case "good_1":
-			return `${BASE_URL}/EX_36.wav`;
-		case "good_2":
-			return `${BASE_URL}/EX_37.wav`;
-		case "good_3":
-			return `${BASE_URL}/EX_38.wav`;
-		case "good_4":
-			return `${BASE_URL}/EX_39.wav`;
-		case "new_score_1":
-			return `${BASE_URL}/EX_40.wav`;
-		case "new_score_2":
-			return `${BASE_URL}/EX_41.wav`;
-		case "new_score_3":
-			return `${BASE_URL}/EX_42.wav`;
-		case "compile_error_1":
-			return `${BASE_URL}/EX_43.wav`;
-		case "compile_error_2":
-			return `${BASE_URL}/EX_44.wav`;
-	}
-}
diff --git a/frontend/app/components/GolfWatchAppWithAudioPlayRequest.client.tsx b/frontend/app/components/GolfWatchAppWithAudioPlayRequest.client.tsx
deleted file mode 100644
index ce5a59c..0000000
--- a/frontend/app/components/GolfWatchAppWithAudioPlayRequest.client.tsx
+++ /dev/null
@@ -1,34 +0,0 @@
-import { useAtom } from "jotai";
-import { AudioController } from "../.client/audio/AudioController";
-import { audioControllerAtom } from "../states/watch";
-import GolfWatchApp, { type Props } from "./GolfWatchApp.client";
-import SubmitButton from "./SubmitButton";
-
-export default function GolfWatchAppWithAudioPlayRequest({
-	game,
-	sockToken,
-}: Omit<Props, "audioController">) {
-	const [audioController, setAudioController] = useAtom(audioControllerAtom);
-	const audioPlayPermitted = audioController !== null;
-
-	if (audioPlayPermitted) {
-		return <GolfWatchApp game={game} sockToken={sockToken} />;
-	} else {
-		return (
-			<div className="min-h-screen bg-gray-100 flex items-center justify-center">
-				<div className="text-center">
-					<SubmitButton
-						onClick={async () => {
-							const audioController = new AudioController();
-							await audioController.loadAll();
-							await audioController.playDummySoundEffect();
-							setAudioController(audioController);
-						}}
-					>
-						開始
-					</SubmitButton>
-				</div>
-			</div>
-		);
-	}
-}
diff --git a/frontend/app/routes/golf.$gameId.watch.tsx b/frontend/app/routes/golf.$gameId.watch.tsx
index f04f6b0..cdfc908 100644
--- a/frontend/app/routes/golf.$gameId.watch.tsx
+++ b/frontend/app/routes/golf.$gameId.watch.tsx
@@ -3,7 +3,7 @@ import { ClientLoaderFunctionArgs, useLoaderData } from "@remix-run/react";
 import { useHydrateAtoms } from "jotai/utils";
 import { apiGetGame, apiGetToken } from "../.server/api/client";
 import { ensureUserLoggedIn } from "../.server/auth";
-import GolfWatchAppWithAudioPlayRequest from "../components/GolfWatchAppWithAudioPlayRequest.client";
+import GolfWatchApp from "../components/GolfWatchApp.client";
 import GolfWatchAppConnecting from "../components/GolfWatchApps/GolfWatchAppConnecting";
 import {
 	codeAAtom,
@@ -183,5 +183,5 @@ export default function GolfWatch() {
 		[submitResultBAtom, playerStateB.submitResult],
 	]);
 
-	return <GolfWatchAppWithAudioPlayRequest game={game} sockToken={sockToken} />;
+	return <GolfWatchApp game={game} sockToken={sockToken} />;
 }
diff --git a/frontend/app/states/watch.ts b/frontend/app/states/watch.ts
index 5f5c4db..cb719eb 100644
--- a/frontend/app/states/watch.ts
+++ b/frontend/app/states/watch.ts
@@ -1,5 +1,4 @@
 import { atom } from "jotai";
-import { AudioController } from "../.client/audio/AudioController";
 import type { components } from "../.server/api/schema";
 import type { SubmitResult } from "../types/SubmitResult";
 
@@ -251,5 +250,3 @@ export const handleWsSubmitResultMessageAtom = atom(
 		callback(player_id, newResult, score);
 	},
 );
-
-export const audioControllerAtom = atom<AudioController | null>(null);