fix: Syntax highlighting and incorrect file display on multi-editor challenges (#1425)

* fix: Syntax highlighting and incorrect file display on multi-editor challenges

* fix: rename initiateFile to initFile and streamline file initialization logic

* fix: streamline file content retrieval in ChallengeViewModel

* fix: update file retrieval method in ChallengeViewModel for improved accuracy

Author: Sembauke

mobile-app/lib/ui/views/learn/challenge/challenge_view.dart

@@ -51,7 +51,7 @@ class ChallengeView extends StatelessWidget {
           options: options,
         );
 
-        model.initiateFile(editor, challenge, currFile, editableRegion);
+        model.initFile(editor, challenge, currFile, editableRegion);
         model.listenToFocusedController(editor);
         model.listenToSymbolBarScrollController();
 
@@ -62,9 +62,7 @@ class ChallengeView extends StatelessWidget {
         editor.onTextChange.stream.listen((text) {
           model.fileService.saveFileInCache(
             challenge,
-            model.currentSelectedFile != ''
-                ? model.currentSelectedFile
-                : challenge.files[0].name,
+            model.currentSelectedFile,
             text,
           );
 

mobile-app/lib/ui/views/learn/challenge/challenge_viewmodel.dart

@@ -233,45 +233,28 @@ class ChallengeViewModel extends BaseViewModel {
     setupDialogUi();
 
     setChallenge = challenge;
-
-    List<ChallengeFile> currentEditedChallenge = challenge.files
-        .where((element) => element.editableRegionBoundaries.isNotEmpty)
-        .toList();
-
-    if (editorText == null) {
-      String text = await fileService.getExactFileFromCache(
-        challenge,
-        currentEditedChallenge.isEmpty
-            ? challenge.files.first
-            : currentEditedChallenge.first,
-      );
-
-      if (text != '') {
-        setEditorText = text;
-      }
-    }
-    setCurrentSelectedFile = currentEditedChallenge.isEmpty
-        ? challenge.files[0].name
-        : currentEditedChallenge[0].name;
-
     setBlock = block;
     setChallengesCompleted = challengesCompleted;
   }
 
-  void initiateFile(
+  void initFile(
     Editor editor,
     Challenge challenge,
     ChallengeFile currFile,
     bool hasRegion,
   ) async {
     if (!_mounted) {
       await Future.delayed(Duration.zero);
+      String fileContents = await fileService.getExactFileFromCache(
+        challenge,
+        currFile,
+      );
       editor.fileTextStream.sink.add(
         FileIDE(
           id: challenge.id + currFile.name,
           ext: currFile.ext.name,
           name: currFile.name,
-          content: editorText ?? currFile.contents,
+          content: fileContents,
           hasRegion: hasRegion,
           region: EditorRegionOptions(
             start: hasRegion ? currFile.editableRegionBoundaries[0] : null,
@@ -281,6 +264,11 @@ class ChallengeViewModel extends BaseViewModel {
         ),
       );
       _mounted = true;
+
+      if (currFile.name != currentSelectedFile) {
+        setCurrentSelectedFile = currFile.name;
+        setEditorText = fileContents;
+      }
     }
   }
 
@@ -427,6 +415,14 @@ class ChallengeViewModel extends BaseViewModel {
       return file;
     }
 
+    List<ChallengeFile>? fileWithEditableRegion = challenge.files
+        .where((file) => file.editableRegionBoundaries.isNotEmpty)
+        .toList();
+
+    if (fileWithEditableRegion.isNotEmpty) {
+      return fileWithEditableRegion[0];
+    }
+
     return challenge.files[0];
   }