From 877486b0a24773ecb0faaed89927c833ba68cc0e Mon Sep 17 00:00:00 2001
From: Daniel Schmidt <info@daniel-schmidt.me>
Date: Sat, 23 Dec 2023 15:05:03 +0100
Subject: [PATCH] fix: wait for bubbletea to init

---
 cmd/game_wasm/index.html | 55 ++++++++++++++++++++++++++++++++++++++++
 1 file changed, 55 insertions(+)

diff --git a/cmd/game_wasm/index.html b/cmd/game_wasm/index.html
index 81b8bf3..9c7b157 100644
--- a/cmd/game_wasm/index.html
+++ b/cmd/game_wasm/index.html
@@ -34,6 +34,53 @@
 	<div id="terminal" style="height: 100%"></div>
 </div>
 <script>
+	// Define variables to keep track of the audio elements
+	let sound = new Audio();
+	let music = new Audio();
+	let currentMusicUrl = "";
+	let userInteracted = false;
+
+	// Function to play a sound based on URL
+	globalThis.playSound = (url) => {
+		sound.src = url;
+		sound.volume = 0.1;
+		sound.play();
+	}
+
+	// Function to loop a music song based on URL
+	globalThis.loopMusic = (url) => {
+		if (!userInteracted) {
+			// If user hasn't interacted, set up a listener for user interaction
+			document.addEventListener('click', function() {
+				userInteracted = true;
+				loopMusic(url); // Start playing the music after user interaction
+			}, { once: true }); // Remove the listener after the first interaction
+			return;
+		}
+
+		if (currentMusicUrl === url) {
+			return;
+		} else {
+			// If a new song is requested, stop the current song and set the new one
+			music.src = url;
+			music.volume = 0.1;
+			currentMusicUrl = url;
+		}
+
+		music.loop = true; // Loop the music
+		music.play(); // Play the music
+	}
+
+	globalThis.fsRead = (path) => {
+		console.log("fsRead", path)
+		return window.localStorage.getItem(path)
+	}
+
+	globalThis.fsWrite = (path, data) => {
+		console.log("fsWrite", path)
+		window.localStorage.setItem(path, data)
+	}
+
 	globalThis.settings = {
 		get(key, emptyValue) {
 			console.log("get", key, emptyValue)
@@ -71,6 +118,14 @@
 </script>
 <script>
 	function initTerminal() {
+		// Check if bubbletea is initialized
+		if (bubbletea_resize === undefined || bubbletea_read === undefined || bubbletea_write === undefined) {
+			setTimeout(() => {
+				initTerminal();
+			}, 500);
+			return;
+		}
+
 		const term = new Terminal({
 			fontSize: 18,
 			fontFamily: 'Inconsolata',