quran-detector-web

موقع ثابت (بدون خطوة build) يتيح للمستخدم لصق نص وإرسال طلب مباشرة إلى خدمة quran-detector-api على المسار POST /v1/annotate، ثم عرض النص بعد وسمه بمراجع الآيات.

• واجهة الـ API (الإنتاج): https://quran-detector-api.ieasybooks.com/
• المكتبة: https://github.com/ieasybooks/quran-detector

مميزات الموقع

• دعم العربية والإنجليزية مع تبديل RTL/LTR.
• إرسال الطلب إلى الـ API مباشرة من المتصفح عبر fetch (بدون وسيط).
• إعدادات متقدمة لتعديل إعدادات الكشف وعنوان الـ API.
• تصميم متجاوب مع طبقة انتظار (Loading) مريحة أثناء معالجة الطلب.
• خطوط جميلة عبر CDN (Google Fonts).

الملفات

• index.html
• style.css
• script.js

كيف يعمل

يقوم الموقع بإرسال طلب بالشكل التالي:

{
  "text": "...",
  "settings": {
    "find_errors": true,
    "find_missing": false,
    "allowed_error_pct": 0.25,
    "min_match": 3
  }
}

إلى:

https://quran-detector-api.ieasybooks.com/v1/annotate

ويتوقع ردًا بالشكل:

{ "annotated_text": "..." }

التشغيل محليًا

أي خادم ملفات ثابتة (static server) مناسب.

الخيار A: Python

python -m http.server 5173 --directory quran-detector-web

افتح: http://127.0.0.1:5173

الخيار B: npx serve

npx serve -l 5173 quran-detector-web

عنوان الـ API و CORS

افتراضيًا الموقع يستخدم https://quran-detector-api.ieasybooks.com/ (ويحفظه في localStorage). يمكنك تغييره من الإعدادات المتقدمة.

إذا استخدمت عنوان API مختلف، يجب أن يسمح بالوصول من نطاق موقعك عبر CORS (متغير QD_API_CORS_ORIGINS في خدمة الـ API).