From bb125e7c7ddfdf2fcf81565e175153ab7f300afe Mon Sep 17 00:00:00 2001
From: BOT Alex <44818698+MagicBOTAlex@users.noreply.github.com>
Date: Tue, 4 Jul 2023 21:20:33 +0200
Subject: [PATCH] Speech, auto avoid, bug fixes, iu improments

---
 LearningChineseFixed/Classes/CCharStats.cs    |  28 ++++
 LearningChineseFixed/Client/Program.cs        |   2 +
 .../LearningChineseFixed.csproj               |   1 +
 LearningChineseFixed/Pages/Index.razor        |  27 +++-
 LearningChineseFixed/Pages/Learn.razor        | 121 +++++++++++++++---
 .../Properties/launchSettings.json            |   2 +-
 LearningChineseFixed/_Imports.razor           |   3 +-
 LearningChineseFixed/wwwroot/index.html       |   2 +-
 8 files changed, 164 insertions(+), 22 deletions(-)
 create mode 100644 LearningChineseFixed/Classes/CCharStats.cs

diff --git a/LearningChineseFixed/Classes/CCharStats.cs b/LearningChineseFixed/Classes/CCharStats.cs
new file mode 100644
index 0000000..37fa208
--- /dev/null
+++ b/LearningChineseFixed/Classes/CCharStats.cs
@@ -0,0 +1,28 @@
+namespace LearningChineseFixed
+{
+    public class CCharStats
+    {
+        public CChar cchar { get; set; }
+        public int NumOfCorrects { get; set; } = 0;
+        public int NumOfWrongs { get; set; } = 0;
+        public int TotalAnswers { get => NumOfCorrects + NumOfWrongs; }
+        public float Accuracy
+        {
+            get 
+            {
+                return (float)NumOfCorrects / (float)TotalAnswers;
+            }
+        }
+
+        public CCharStats(CChar cchar)
+        {
+            this.cchar = cchar;
+        }
+    }
+
+    public enum StatType
+    {
+        NumOfCorrects,
+        NumOfWrongs
+    }
+}
\ No newline at end of file
diff --git a/LearningChineseFixed/Client/Program.cs b/LearningChineseFixed/Client/Program.cs
index 88e280b..fe0fd9d 100644
--- a/LearningChineseFixed/Client/Program.cs
+++ b/LearningChineseFixed/Client/Program.cs
@@ -4,6 +4,7 @@ using Microsoft.AspNetCore.Components.WebAssembly.Hosting;
 using MudBlazor;
 using Blazored.LocalStorage;
 using MudBlazor.Services;
+using Toolbelt.Blazor.Extensions.DependencyInjection;
 
 namespace LearningChineseFixed
 {
@@ -27,6 +28,7 @@ namespace LearningChineseFixed
                 config.SnackbarConfiguration.PositionClass = Defaults.Classes.Position.BottomCenter;
             });
             builder.Services.AddBlazoredLocalStorage();
+            builder.Services.AddSpeechSynthesis();
 
             await builder.Build().RunAsync();
         }
diff --git a/LearningChineseFixed/LearningChineseFixed.csproj b/LearningChineseFixed/LearningChineseFixed.csproj
index 740303a..51b2277 100644
--- a/LearningChineseFixed/LearningChineseFixed.csproj
+++ b/LearningChineseFixed/LearningChineseFixed.csproj
@@ -15,6 +15,7 @@
     <PackageReference Include="Microsoft.NET.Build.Containers" Version="7.0.305" />
     <PackageReference Include="MudBlazor" Version="6.5.0" />
     <PackageReference Include="Newtonsoft.Json" Version="13.0.3" />
+    <PackageReference Include="Toolbelt.Blazor.SpeechSynthesis" Version="10.0.0" />
   </ItemGroup>
 
   <ItemGroup>
diff --git a/LearningChineseFixed/Pages/Index.razor b/LearningChineseFixed/Pages/Index.razor
index 652b218..32f06fc 100644
--- a/LearningChineseFixed/Pages/Index.razor
+++ b/LearningChineseFixed/Pages/Index.razor
@@ -2,6 +2,7 @@
 @inject NavigationManager navigator
 @inject HttpClient httpClient
 @inject Blazored.LocalStorage.ILocalStorageService localStorage
+@inject SpeechSynthesis SpeechSynthesis
 
 <PageTitle>Index</PageTitle>
 
@@ -105,17 +106,35 @@
         Parallel.For(0, numOfChunks, async (i)=>
         {
             await Task.Delay(10*i);
-            jsonChunks[i] = await httpClient.GetStringAsync($"Data/Normalized_chunk_{i.ToString("000")}.json");
+            try
+            {
+                jsonChunks[i] = await httpClient.GetStringAsync($"Data/Normalized_chunk_{i.ToString("000")}.json");
+            }
+            catch (Exception)
+            {
+                await Task.Delay(100);
+                jsonChunks[i] = await httpClient.GetStringAsync($"Data/Normalized_chunk_{i.ToString("000")}.json");
+            }
 
-            if (string.IsNullOrEmpty(jsonChunks[i])) return;
+            if (string.IsNullOrEmpty(jsonChunks[i])) throw new Exception("Couldn't load chunk: " + i);
 
-            await localStorage.SetItemAsync($"Normalized_chunk_{i.ToString("000")}.json", jsonChunks[i]);
-            savedChunks = i + 1;
+            try
+            {
+                await localStorage.SetItemAsync($"Normalized_chunk_{i.ToString("000")}.json", jsonChunks[i]);
+            }
+            catch (Exception)
+            {
+                await Task.Delay(100);
+                await localStorage.SetItemAsync($"Normalized_chunk_{i.ToString("000")}.json", jsonChunks[i]);
+            }
+
+            if (!await localStorage.ContainKeyAsync($"Normalized_chunk_{i.ToString("000")}.json")) throw new Exception("Couldn't save chunk: " + i);
         });
 
         while (jsonChunks.Any(x => x == null))
         {
             await Task.Delay(1);
+            savedChunks = jsonChunks.Count(x=>x != null);
             StateHasChanged();
         }
 
diff --git a/LearningChineseFixed/Pages/Learn.razor b/LearningChineseFixed/Pages/Learn.razor
index 65c2232..f61b59a 100644
--- a/LearningChineseFixed/Pages/Learn.razor
+++ b/LearningChineseFixed/Pages/Learn.razor
@@ -6,7 +6,7 @@
 @inject Blazored.LocalStorage.ILocalStorageService localStorage
 @inject HttpClient httpClient
 @inject ISnackbar Snackbar
-
+@inject SpeechSynthesis SpeechSynthesis
 
 <style>
     .LargeCharecter{
@@ -27,9 +27,13 @@
 <MudContainer Class="justify-center d-flex ma-0" Style="height: 100%;">
     <MudStack Class="d-flex">
         <MudStack Row=true Class="pt-2 d-flex justify-center">
-            <MudButton Color="Color.Default" OnClick="RemoveCCharFromSelection" Variant="Variant.Outlined">Avoid</MudButton>
+            @if (!Answers.Any(x => x == null))
+            {
+                @*Color="@(selectedCorrect ? Color.Success : Color.Error)"*@
+                <MudButton Disabled="@(!(Answers.Any(x=>x.isSelected)))" OnClick="()=>RemoveCCharFromSelection()" Variant="Variant.Outlined">Avoid</MudButton>
+            }
             <MudButton Color="Color.Default" Variant="Variant.Outlined" OnClick="ShowMeaning">Meaning</MudButton>
-            <MudButton Color="Color.Default" Variant="Variant.Outlined" OnClick="ShowPinyin">Pinyin</MudButton>
+            <MudButton Color="Color.Default" Variant="Variant.Outlined" OnClick="SayCorrectChar">Speech</MudButton>
         </MudStack>
         <MudContainer>
             <MudPaper Class="pa-16 ma-2 rounded-xl mud-dark" Elevation="1">
@@ -71,13 +75,11 @@
     </MudStack>
 </MudContainer>
 
-<MudOverlay @bind-Visible="ShowOverlay" DarkBackground="true" AutoClose="true" />
-
 @code {
-    public bool ShowOverlay = false;
-
     bool isSavedLocally = false;
 
+    bool selectedCorrect = false;
+
     public Answer[] Answers = new Answer[4];
     public void SelectButton(int selectedIndex)
     {
@@ -85,6 +87,8 @@
         {
             Answers[i].isSelected = (i == selectedIndex);
         }
+
+        selectedCorrect = Answers[selectedIndex].isCorrect;
     }
 
     private CChar[]? _charecters;
@@ -99,7 +103,8 @@
         set { _charecters = value; }
     }
 
-    public List<CChar>? DontSkipTheseCChar;
+
+    public List<CCharStats>? DontSkipTheseCChar;
 
     private async Task<string> GetFileContentsAsync(string filePath)
     {
@@ -123,7 +128,7 @@
             Charecters = JsonConvert.DeserializeObject<CChar[]>(json);
         }
 
-        DontSkipTheseCChar = Charecters.ToList();
+        DontSkipTheseCChar = Charecters.Select(x=>new CCharStats(x)).ToList();
         Program.CCharsLeft = DontSkipTheseCChar.Count;
         Program.InvokeUiUpdate();
 
@@ -148,11 +153,21 @@
             CChar randomCChar;
 
         repickRandomCChar:
-            randomCChar = DontSkipTheseCChar[Random.Shared.Next(0, DontSkipTheseCChar.Count)];
+            randomCChar = DontSkipTheseCChar[Random.Shared.Next(0, DontSkipTheseCChar.Count)].cchar;
             if (Answers.Any(x =>x != null && x.cchar == randomCChar)) goto repickRandomCChar;
 
             Answers[i] = new Answer(randomCChar, isCorrect);
         }
+
+        string correctPinyin = GetCorrectCChar().pinyin;
+
+        for (int i = 0; i < Answers.Length; i++)
+        {
+            if (Answers[i].isCorrect) continue;
+            if (Answers[i].cchar.pinyin != correctPinyin) continue;
+
+            Answers[i].cchar.pinyin += "_";
+        }
     }
 
     void FinishAndKickBackToLearn()
@@ -171,11 +186,13 @@
     async void Submit()
     {
         bool isCorrect = Answers.Any(x => x.isCorrect && x.isSelected);
-        CChar correctCChar = GetCorrectCChar();
+        CCharStats correctCCharStats = GetCorrectCCharStats();
+        CChar correctCChar = correctCCharStats.cchar;
 
         if (isCorrect)
         {
             Snackbar.Add($"<b>Definition:</b> {correctCChar.definition}", Severity.Success, config => { config.VisibleStateDuration = 1000; });
+            increaseCCharStat(GetCorrectCCharStats(), StatType.NumOfCorrects);
         }
         else
         {
@@ -187,8 +204,19 @@
                         <li>Correct answer: @correctCChar.pinyin.ToTitleCase()</li>
                         <li>Meaning: @correctCChar.definition</li>
                     </ul>
-                </div>
-                         , Severity.Error);
+        </div>
+    , Severity.Error);
+            increaseCCharStat(GetCorrectCCharStats(), StatType.NumOfWrongs);
+        }
+
+        if (correctCCharStats.TotalAnswers >= 3)
+        {
+            if (correctCCharStats.Accuracy > 0.7f)
+            {
+                RemoveCCharFromSelection(true);
+
+                Snackbar.Add($"CChar '{correctCChar.charcter}' compleated!", Severity.Success);
+            }
         }
 
         GenerateQuestion();
@@ -224,10 +252,43 @@
         return cchar;
     }
 
-    public void RemoveCCharFromSelection()
+    public CCharStats GetCorrectCCharStats()
     {
         CChar correctChar = GetCorrectCChar();
-        DontSkipTheseCChar.Remove(correctChar);
+        CCharStats correctCCharStats = DontSkipTheseCChar.First(x => x.cchar == correctChar);
+        return correctCCharStats;
+    }
+    public void increaseCCharStat(CCharStats stats, StatType statType)
+    {
+        int correctStatsIndex = DontSkipTheseCChar.IndexOf(stats);
+        switch (statType)
+        {
+            case StatType.NumOfCorrects:
+                DontSkipTheseCChar[correctStatsIndex].NumOfCorrects++;
+                break;
+
+            case StatType.NumOfWrongs:
+                DontSkipTheseCChar[correctStatsIndex].NumOfWrongs++;
+                break;
+        }
+    }
+
+    public void RemoveCCharFromSelection(bool ignoreSelection = false)
+    {
+        CCharStats correctCCharStats = GetCorrectCCharStats();
+
+
+        if (!selectedCorrect && !ignoreSelection)
+        {
+            Snackbar.Add("Selected is wrong. Try again!", Severity.Error);
+            //return;
+        }
+        else if (!ignoreSelection)// Hacky way to only display this snackbar when is manually removed
+        {
+            Snackbar.Add($"Removed '{correctCCharStats.cchar.charcter}' from selection", Severity.Info, config => config.VisibleStateDuration = 3000);
+        }
+
+        DontSkipTheseCChar.Remove(correctCCharStats);
         Console.WriteLine("Remaining CChars: " + DontSkipTheseCChar);
         Program.CCharsLeft = DontSkipTheseCChar.Count;
         Program.InvokeUiUpdate();
@@ -243,4 +304,34 @@
     {
         Snackbar.Add($"<b>Pinyin:</b> {GetCorrectCChar().pinyin.ToTitleCase()}", Severity.Info);
     }
+
+    SpeechSynthesisVoice? SpeechVoice;
+
+    protected async override Task OnAfterRenderAsync(bool firstRender)
+    {
+        if (firstRender)
+        {
+            // Gets chinese voice on windows or iphone.
+            this.SpeechVoice = ((IEnumerable<SpeechSynthesisVoice>)(await this.SpeechSynthesis.GetVoicesAsync())).FirstOrDefault(v => v.Name.Contains("Yaoyao") || v.Name.Contains("Ting-Ting"));
+            this.StateHasChanged();
+        }
+    }
+
+    async Task SayCorrectChar()
+    {
+        if (SpeechVoice == null)
+        {
+            Snackbar.Add("Couldn't play sound", Severity.Error);
+            return;
+        }
+
+        var utterancet = new SpeechSynthesisUtterance
+            {
+                Text = this.GetCorrectCChar().charcter.ToString(),
+                Voice = this.SpeechVoice,
+                Rate = 0.75f
+            };
+
+        await this.SpeechSynthesis.SpeakAsync(utterancet); // 👈 Speak with "Haruka"'s voice!
+    }
 }
diff --git a/LearningChineseFixed/Properties/launchSettings.json b/LearningChineseFixed/Properties/launchSettings.json
index 4c1e41a..672625b 100644
--- a/LearningChineseFixed/Properties/launchSettings.json
+++ b/LearningChineseFixed/Properties/launchSettings.json
@@ -8,7 +8,7 @@
       },
       "dotnetRunMessages": true,
       "inspectUri": "{wsProtocol}://{url.hostname}:{url.port}/_framework/debug/ws-proxy?browser={browserInspectUri}",
-      "applicationUrl": "http://localhost:5198;https://0.0.0.0:420/"
+      "applicationUrl": "http://localhost:5198"
     },
     "IIS Express": {
       "commandName": "IISExpress",
diff --git a/LearningChineseFixed/_Imports.razor b/LearningChineseFixed/_Imports.razor
index b17c137..d358013 100644
--- a/LearningChineseFixed/_Imports.razor
+++ b/LearningChineseFixed/_Imports.razor
@@ -10,4 +10,5 @@
 @using LearningChineseFixed.Shared
 @using MudBlazor
 @using Blazored.LocalStorage
-@using Newtonsoft.Json
\ No newline at end of file
+@using Newtonsoft.Json
+@using Toolbelt.Blazor.SpeechSynthesis
\ No newline at end of file
diff --git a/LearningChineseFixed/wwwroot/index.html b/LearningChineseFixed/wwwroot/index.html
index cbf8984..9cc8fd3 100644
--- a/LearningChineseFixed/wwwroot/index.html
+++ b/LearningChineseFixed/wwwroot/index.html
@@ -25,7 +25,7 @@
     </div>
     <script src="_framework/blazor.webassembly.js"></script>
     <script src="_content/MudBlazor/MudBlazor.min.js"></script>
-    <script>navigator.serviceWorker.register('service-worker.js');</script>
+    <!--<script>navigator.serviceWorker.register('service-worker.js');</script>-->
 </body>
 
 </html>