bug fix 2.7

src-tauri/tauri.conf.json

@@ -8,7 +8,7 @@
 	},
 	"package": {
 		"productName": "Quran Caption",
-		"version": "2.6.0"
+		"version": "2.7.0"
 	},
 	"tauri": {
 		"allowlist": {

src/lib/components/timeline/track/SubtitleClipComponent.svelte

@@ -3,16 +3,20 @@
 	import { onMount } from 'svelte';
 	import { zoom } from '$lib/stores/TimelineStore';
 	import { generateRandomBrightColorBasedOnSeed } from '$lib/ext/Color';
-	import { getVerse } from '$lib/stores/QuranStore';
+	import { getVerse, Mushaf } from '$lib/stores/QuranStore';
 
 	export let clip: SubtitleClip;
 	let color: string = '#7cce79';
 
 	function handleClipClicked() {}
 
-	onMount(() => {
+	onMount(async () => {
+		// Wait for the Mushaf to be loaded (needed for the color generation)
+		while (!$Mushaf) {
+			await new Promise((resolve) => setTimeout(resolve, 100));
+		}
+
 		color = generateRandomBrightColorBasedOnSeed(getVerse(clip.surah, clip.verse).text);
-		console.log(color);
 	});
 </script>
 

src/lib/ext/GlobalVariables.ts

@@ -1,4 +1,4 @@
-export const SOFTWARE_VERSION = 'v2.6';
+export const SOFTWARE_VERSION = 'v2.7';
 export const GITHUB_API_URL =
 	'https://api.github.com/repos/zonetecde/QuranCaption-2/releases/latest';
 export const GITHUB_REPO_LINK = 'https://github.com/zonetecde/QuranCaption-2';

src/lib/stores/QuranStore.ts

@@ -80,6 +80,7 @@ export function getVerse(surahId: number, verseId: number) {
  */
 export function getNumberOfVerses(surahId: number) {
 	const quran = get(Mushaf);
+
 	return quran.surahs[surahId - 1].total_verses;
 }