Update src/app/generate-questions/generate-questions.component.ts

src/app/generate-questions/generate-questions.component.ts

@@ -95,8 +95,6 @@ export class GenerateQuestionsComponent {
     return `${percent}%`;
   }
 
-  
-
   generateQuestions() {
     this.hints = [];
     this.isQuestionsGenerated = false;
@@ -121,8 +119,10 @@ export class GenerateQuestionsComponent {
         (response) => {
           console.log("Response from backend:", response);
 
-          if (response.generations && response.generations.length > 0) {
-            const rawQuestions = response.generations[0].text;
+          // --- Minimal change: accept new shape { text } and fall back to old generations[0].text ---
+          const rawQuestions = (response?.text ?? response?.generations?.[0]?.text ?? '').trim();
+
+          if (rawQuestions) {
             console.log("Raw Questions:", rawQuestions);
             this.isQuestionsGenerated = true;
 
@@ -142,11 +142,11 @@ export class GenerateQuestionsComponent {
               const afterBlankRaw = (match[2] ?? "");         // text after the blank
               const correctAnswer = (match[3] ?? "").trim(); // answer in parentheses
 
-              // NEW: clean any stray "_" or "-" that sometimes appear right after the blank
+              // clean any stray "_" or "-" right after the blank
               const afterBlankClean = afterBlankRaw
-                .replace(/^[_-]+/, "")   // drop leading underscores/dashes like "_ moment"
-                .replace(/^\s+/, " ")    // ensure exactly one leading space if any
-                .replace(/\s{2,}/g, " "); // collapse multiple spaces
+                .replace(/^[_-]+/, "")
+                .replace(/^\s+/, " ")
+                .replace(/\s{2,}/g, " ");
 
               if (questionText && correctAnswer) {
                 this.questionsWithAnswers.push({
@@ -160,12 +160,10 @@ export class GenerateQuestionsComponent {
 
             // Build renderable questions (parts before/after the blank)
             this.questions = this.questionsWithAnswers.map((q, index) => {
-              // NEW: normalize any odd spacing around the marker
               const normalized = q.question.replace(/\s*_{3,}\s*/g, "_______");
               const parts = normalized.split("_______");
 
               if (parts.length === 2) {
-                // NEW: remove any stray underscores touching the gap
                 parts[0] = parts[0].replace(/_+$/, "").trim();
                 parts[1] = parts[1].replace(/^_+/, "").trim();
               }
@@ -199,8 +197,6 @@ export class GenerateQuestionsComponent {
       );
   }
 
-
-
   resetTopic() {
     this.topic = "";
     this.questions = [];
@@ -236,7 +232,6 @@ export class GenerateQuestionsComponent {
     this.showCountdown = [];
     this.stopGlobalCountdown();
     this.stopOverlay()
-
   }
 
   areAllAnswersFilled(): boolean {
@@ -249,16 +244,11 @@ export class GenerateQuestionsComponent {
     this.isResetDisabled = false;
   }
 
-  
-
-  // Hint icon one-time flags  (ADD THESE)
+  // Hint icon one-time flags
   showHintIcon: boolean = false;      // controls rendering of the “i” button
   hasShownHintIcon: boolean = false;  // remembers if it was shown once
-
-  // If you call toggleHintMenu(), also ensure this exists:
   isHintMenuVisible: boolean = false; // remove if you already have it
 
-
   checkAllAnswers() {
     this.isChecked = true;
     this.isValidationInProgress = true;
@@ -382,7 +372,6 @@ export class GenerateQuestionsComponent {
           }
 
           // --- ONE-TIME “i” icon reveal right after the first validation ---
-          // Show once if there are any hints OR there were wrong attempts this cycle.
           const hasAnyHint = Array.isArray(this.hints) && this.hints.some(h => !!h && h.trim() !== "");
           const shouldRevealIconOnce = hasAnyHint || hadFirstAttemptWrong || hadSecondAttemptWrong;
 
@@ -431,8 +420,6 @@ export class GenerateQuestionsComponent {
     );
   }
 
-
-
   isLastLevel(): boolean {
     return (
       this.currentDifficulty ===
@@ -558,7 +545,6 @@ export class GenerateQuestionsComponent {
     this.resetTopic();
   }
 
-
   selectTopic(suggestion: string): void {
     this.topic = suggestion;
     this.showSuggestions = false;
@@ -602,7 +588,6 @@ export class GenerateQuestionsComponent {
     if (this.isHintMenuVisible) this.showHintIcon = false; // hide after first use
   }
 
-
   onInput(event: any, index: number) {
     const value = event.target.value;
     const filteredValue = value.replace(/[^a-zA-Z]/g, "");
@@ -610,9 +595,6 @@ export class GenerateQuestionsComponent {
     event.target.value = filteredValue;
   }
 
-
-
-
   //timer implemetation
 
   // --- Countdown state (per question) ---
@@ -628,9 +610,6 @@ export class GenerateQuestionsComponent {
 
   overlayCaption = '';
 
-
-
-
   private beginResetCountdown(index: number, seconds: number = this.COUNTDOWN_SECS): void {
     // avoid duplicate timers for the same question
     if (this.countdownTimers[index]) { return; }
@@ -648,23 +627,23 @@ export class GenerateQuestionsComponent {
   }
 
   /** Stop timer, hide badge, clear the wrong input, and allow retry. */
-  private finishCountdown(index: number): void {
-    const t = this.countdownTimers[index];
-    if (t) {
-      clearInterval(t);
-      delete this.countdownTimers[index];
-    }
+ /** Stop timer, hide badge, clear the wrong input, and allow retry. */
+private finishCountdown(index: number): void {
+  const t = this.countdownTimers[index]; // FIX: use `this`, not `self`
+  if (t) {
+    clearInterval(t);
+    delete this.countdownTimers[index];
+  }
 
-    this.showCountdown[index] = false;
-    this.countdowns[index] = 0;
+  this.showCountdown[index] = false;
+  this.countdowns[index] = 0;
 
-    // Clear only the wrong answer and allow the learner to try again.
-    this.userAnswers[index] = '';
+  // Clear only the wrong answer and allow the learner to try again.
+  this.userAnswers[index] = '';
 
-    // Turn off the global "checked" flag so inputs are not stuck red.
-    // (If you track per-question flags, toggle those instead.)
-    this.isChecked = false;
-  }
+  // Turn off the global "checked" flag so inputs are not stuck red.
+  this.isChecked = false;
+}
 
   private startGlobalCountdown(): void {
     if (this.globalCountdownActive) return; // prevent duplicates
@@ -732,24 +711,10 @@ export class GenerateQuestionsComponent {
     this.ringDashoffset = this.ringCircumference;
   }
 
-
-
-
-
   ringRadius = 90;
   ringCircumference = 2 * Math.PI * this.ringRadius;
   ringDashoffset = this.ringCircumference;
 
-
   private overlayTicker: any = null;
   private overlayEndTs = 0;
-
-
-
-
-
-
-
 }
-
-