Update app.py

app.py

@@ -1,6 +1,5 @@
 # -*- coding: utf-8 -*-
-# واجهة صفحتين: إدخال بسيط + صفحة أسئلة مع Submit لكل سؤال
-
+# صفحتان: إدخال بسيط + صفحة أسئلة مع Submit لكل سؤال
 import os, json, uuid, random, unicodedata
 from dataclasses import dataclass
 from pathlib import Path
@@ -17,7 +16,7 @@ import gradio as gr
 random.seed(42)
 DEFAULT_NUM_QUESTIONS = 6
 DEFAULT_TROCR_MODEL = "microsoft/trocr-base-printed"
-DEFAULT_TROCR_ZOOM = 2.6
+DEFAULT_TROCR_ZOOM   = 2.6
 
 # ------------------ OCR (تحميل كسول) ------------------
 _OCR = {}
@@ -34,8 +33,10 @@ def extract_text_with_pypdf(path: str) -> str:
     reader = PdfReader(path)
     out = []
     for p in reader.pages:
-        try: t = p.extract_text() or ""
-        except Exception: t = ""
+        try:
+            t = p.extract_text() or ""
+        except Exception:
+            t = ""
         out.append(t)
     return "\n".join(out).strip()
 
@@ -68,7 +69,8 @@ def is_good(t: str, min_chars=250, min_alpha=0.15) -> bool:
 def file_to_text(path: str, model_id=DEFAULT_TROCR_MODEL, zoom=DEFAULT_TROCR_ZOOM) -> Tuple[str,str]:
     ext = Path(path).suffix.lower()
     if ext == ".txt":
-        with open(path,"r",encoding="utf-8",errors="ignore") as f: return f.read(), "plain text"
+        with open(path,"r",encoding="utf-8",errors="ignore") as f:
+            return f.read(), "plain text"
     raw = extract_text_with_pypdf(path)
     if is_good(raw): return raw, "embedded (pypdf)"
     return extract_text_with_ocr(path, model_id, zoom), "OCR (TrOCR)"
@@ -176,11 +178,11 @@ def to_records(items:List[MCQ])->List[dict]:
         recs.append({"id":it.id,"question":it.question.strip(),"options":opts})
     return recs
 
-# ------------------ HTML صفحة الأسئلة (Submit لكل سؤال) ------------------
+# ------------------ صفحة الأسئلة (HTML فقط) ------------------
 def render_quiz_html(records: List[dict]) -> str:
     parts=[]
     for i, rec in enumerate(records, start=1):
-        qid = rec["id"]
+        qid  = rec["id"]
         qtxt = rec["question"]
         cor  = next((o["id"] for o in rec["options"] if o["is_correct"]), "")
         opts_html=[]
@@ -207,50 +209,9 @@ def render_quiz_html(records: List[dict]) -> str:
             </div>
         </div>
         """)
-    html = f"""
-    <div id="quiz" class="quiz-wrap">
-      {''.join(parts)}
-    </div>
-    <script>
-      document.querySelectorAll('.q-card .q-submit').forEach(btn => {{
-        btn.addEventListener('click', (e) => {{
-          const card = e.target.closest('.q-card');
-          const qid = card.getAttribute('data-qid');
-          const correct = card.getAttribute('data-correct');
-          const note = document.getElementById('n_'+qid);
-          const badge = document.getElementById('b_'+qid);
-          const chosenInput = card.querySelector('input[type="radio"]:checked');
-
-          if (!chosenInput) {{
-            if (note) {{ note.textContent = 'اختر إجابة أولاً'; note.className='q-note warn'; }}
-            return;
-          }}
-
-          // تنظيف ألوان سابقة
-          card.querySelectorAll('.opt').forEach(l => l.classList.remove('ok','err'));
-
-          const chosen = chosenInput.value;
-          const chosenLabel = chosenInput.closest('.opt');
-
-          if (chosen === correct) {{
-            chosenLabel.classList.add('ok');
-            if (badge) {{ badge.hidden=false; badge.className='q-badge ok'; badge.textContent='Correct!'; }}
-          }} else {{
-            chosenLabel.classList.add('err');
-            if (badge) {{ badge.hidden=false; badge.className='q-badge err'; badge.textContent='Incorrect.'; }}
-          }}
-
-          // قفل هذا السؤال فقط
-          card.querySelectorAll('input[type="radio"]').forEach(i => i.disabled = true);
-          e.target.disabled = true;
-          if (note) note.textContent = '';
-        }});
-      }});
-    </script>
-    """
-    return html
-
-# ------------------ بناء الامتحان (من الصفحة الأولى للثانية) ------------------
+    return f"""<div id="quiz" class="quiz-wrap">{''.join(parts)}</div>"""
+
+# ------------------ توليد الامتحان وتبديل الصفحات ------------------
 def build_quiz(text_area, file_path, n, model_id, zoom):
     text_area = (text_area or "").strip()
     if not text_area and not file_path:
@@ -260,11 +221,11 @@ def build_quiz(text_area, file_path, n, model_id, zoom):
     else:
         raw, _ = file_to_text(file_path, model_id=model_id, zoom=float(zoom))
     cleaned = postprocess(raw)
-    items = make_mcqs(cleaned, n=int(n))
-    recs = to_records(items)
+    items   = make_mcqs(cleaned, n=int(n))
+    recs    = to_records(items)
     return render_quiz_html(recs), gr.update(visible=False), gr.update(visible=True), ""
 
-# ============================== الثيم ==============================
+# ------------------ CSS ------------------
 CSS = """
 :root{
   --bg:#0e0e11; --panel:#15161a; --card:#1a1b20; --muted:#a7b0be;
@@ -277,7 +238,6 @@ h2.top{color:#eaeaf2;margin:6px 0 16px}
 .panel{background:var(--panel);border:1px solid var(--border);border-radius:14px;padding:16px;box-shadow:0 16px 38px rgba(0,0,0,.35)}
 .small{opacity:.9;color:#d9dee8}
 .upload-like{border:2px dashed #3b3f52;background:#121318;border-radius:12px;padding:10px;color:#cfd5e3}
-
 .button-primary>button{background:linear-gradient(180deg,var(--accent),var(--accent2));border:none;color:#0b0d10;font-weight:800}
 .button-primary>button:hover{filter:brightness(.95)}
 textarea{min-height:120px}
@@ -308,14 +268,55 @@ textarea{min-height:120px}
 .q-note.warn{color:#ffd1d6}
 """
 
-# ============================== الواجهة ==============================
+# ------------------ JS: ربط أزرار Submit بعد الرندر ------------------
+ATTACH_LISTENERS_JS = """
+() => {
+  const bind = (btn) => {
+    if (btn.dataset.bound === '1') return;
+    btn.dataset.bound = '1';
+    btn.addEventListener('click', (e) => {
+      const card   = e.target.closest('.q-card');
+      const qid    = card.getAttribute('data-qid');
+      const correct= card.getAttribute('data-correct');
+      const note   = document.getElementById('n_'+qid);
+      const badge  = document.getElementById('b_'+qid);
+      const chosen = card.querySelector('input[type="radio"]:checked');
+
+      if (!chosen) {
+        if (note){ note.textContent = 'اختر إجابة أولاً'; note.className='q-note warn'; }
+        return;
+      }
+      // نظّف ألوان سابقة
+      card.querySelectorAll('.opt').forEach(l => l.classList.remove('ok','err'));
+
+      const chosenLabel = chosen.closest('.opt');
+      if (chosen.value === correct) {
+        chosenLabel.classList.add('ok');
+        if (badge){ badge.hidden=false; badge.className='q-badge ok'; badge.textContent='Correct!'; }
+      } else {
+        chosenLabel.classList.add('err');
+        if (badge){ badge.hidden=false; badge.className='q-badge err'; badge.textContent='Incorrect.'; }
+      }
+      // أقفل السؤال
+      card.querySelectorAll('input[type="radio"]').forEach(i => i.disabled = true);
+      e.target.disabled = true;
+      if (note) note.textContent = '';
+    });
+  };
+
+  document.querySelectorAll('.q-card .q-submit').forEach(bind);
+  return [];
+}
+"""
+
+# ------------------ واجهة Gradio ------------------
 with gr.Blocks(title="Question Generator", css=CSS) as demo:
     gr.Markdown("<h2 class='top'>Question Generator</h2>")
 
-    # الصفحة 1: إدخال بسيط (خياران فقط + زر واحد)
+    # الصفحة 1
     page1 = gr.Group(visible=True, elem_classes=["panel"])
     with page1:
-        gr.Markdown("اختر **أحد** الخيارين فقط ثم اضغط الزر.", elem_classes=["small"])
+        gr.Markdown("اختر **أحد** الخيارين ثم اضغط الزر.", elem_classes=["small"])
         text_area = gr.Textbox(lines=6, placeholder="ألصق نصك هنا...", label="لصق نص")
         file_comp = gr.File(label="أو ارفع ملف (PDF / TXT)", file_count="single",
                             file_types=[".pdf",".txt"], type="filepath", elem_classes=["upload-like"])
@@ -332,18 +333,21 @@ with gr.Blocks(title="Question Generator", css=CSS) as demo:
             )
             trocr_zoom = gr.Slider(2.0, 3.5, value=DEFAULT_TROCR_ZOOM, step=0.1, label="Zoom OCR")
         btn_build = gr.Button("generate quistion", elem_classes=["button-primary"])
-        msg = gr.Markdown("", elem_classes=["small"])
+        warn = gr.Markdown("", elem_classes=["small"])
 
-    # الصفحة 2: الأسئلة
+    # الصفحة 2
     page2 = gr.Group(visible=False)
     with page2:
         quiz_html = gr.HTML("")
 
-    # حدث الانتقال
+    # بناء الامتحان + إظهار الصفحة 2
     btn_build.click(
         build_quiz,
         inputs=[text_area, file_comp, num_q, trocr_model, trocr_zoom],
-        outputs=[quiz_html, page1, page2, msg]
+        outputs=[quiz_html, page1, page2, warn]
+    ).then(  # بعد عرض الـHTML اربط أزرار Submit
+        None, inputs=None, outputs=[],
+        js=ATTACH_LISTENERS_JS
     )
 
 if __name__ == "__main__":