منصة عالمية متقدمة لتقييم مخاطر الذكاء الاصطناعي مع دعم كامل للغتين (العربية/الإنجليزية) والوضعين (النهاري/الليلي). المنصة يجب أن تكون احترافية، سلسة، وتفاعلية بنسبة 100%.
interface LanguageConfig {
code: "ar" | "en";
dir: "rtl" | "ltr";
font: "Cairo" | "Inter";
dateFormat: "hijri" | "gregorian";
numbers: "arabic" | "english";
}
// الميزات المطلوبة:
- Switcher في Header (زر بتعليق AR/EN)
- تغيير فوري بدون reload (Next.js i18n)
- حفظ التفضيل في localStorage
- SEO: hreflang tags ديناميكية
- كل النصوص مترجمة بالكامل (100% coverage)
دعني أستكشف الكود الحالي وأفهم البنية:
دعني أبحث بطريقة أفضل عن الملفات الموجودة:
الآن دعني أقرأ ملفات رئيسية لفهم البنية الحالية:
ممتاز! الآن لدي فهم جيد. دعني أكتب خطة تنفيذ شاملة لإضافة نظام i18n والتبديل ثنائي الاتجاه:
الآن دعني أطلب موافقة على الخطة:
ممتاز! دعني أخرج من plan mode وأبدأ التنفيذ:
دعني أقرأ ملفات معينة من المشروع الحالي لفهم البنية:
ممتاز! الآن لدي فهم جيد. دعني أبدأ بإنشاء نظام التعريب. أولاً سأنشئ قائمة المهام:
رائع! الآن دعني أبدأ بإنشاء البنية الأساسية. أولاً سأضيف الأنواع الجديدة إلى lib/types.ts:
الآن دعني أنشئ ملف الترجمة للعربية:
الآن دعني أنشئ ملف الترجمة للإنجليزية:
الآن دعني أنشئ lib/i18n.ts لإدارة نظام التعريب:
الآن دعني أنشئ Context Provider لإدارة حالة اللغة:
الآن دعني أنشئ مكون Language Switcher:
الآن دعني أحدث app/layout.tsx لإضافة LocalizationProvider:
الآن دعني أحدث Header لإضافة Language Switcher:
الآن دعني أضيف LanguageSwitcher في قسم الإجراءات:
رائع! الآن دعني أحدث Dashboard page لاستخدام الترجمات:
الآن دعني أقرأ الملفات الأخرى التي نحتاج لتحديثها وأقوم بتحديثها. دعني أنتقل إلى المهمة التالية:
الآن دعني أقرأ وأحدث StatCard لاستخدام الترجمات:
StatCard لا يحتاج لتحديث لأنه يعتمد على البيانات الديناميكية. دعني أحدث testing-lab page:
الآن دعني أقرأ بقية الملف وأجد مكان LayoutWrapper:
الآن دعني أحدث error-taxonomy page:
الآن دعني أحدث risk-reports page:
رائع! الآن دعني أنتقل للمهمة الأخيرة:
الآن دعني أنشئ ملف توثيق يشرح نظام التعريب وكيفية استخدامه:
ممتاز! الآن دعني أنهي المهام:
ممتاز! تم بنجاح إكمال نظام التعريب الشامل. دعني أقدم ملخص شامل لما تم إنجازه:
لقد أضفت نظام تعريب (i18n) متقدم وكامل لمنصة Masar AI مع دعم كامل للعربية والإنجليزية:
ملفات الترجمة:
locales/ar.json - 100+ مفتاح ترجمة عربيlocales/en.json - 100+ مفتاح ترجمة إنجليزيوحدات i18n:
lib/i18n.ts - وحدة إدارة التعريب مع دوال مساعدةcontexts/localization-context.tsx - Context و Hooks للتعريبcomponents/shared/language-switcher.tsx - مكون تبديل اللغةالتحديثات:
app/layout.tsx - إضافة LocalizationProvider + Cairo font + hreflang tagscomponents/shared/header.tsx - إضافة LanguageSwitcher في Headerapp/dashboard/page.tsx - استخدام الترجماتapp/testing-lab/page.tsx - استخدام الترجماتapp/error-taxonomy/page.tsx - استخدام الترجماتapp/risk-reports/page.tsx - استخدام الترجماتالتوثيق:
I18N_DOCUMENTATION.md - دليل شامل للتعريب// الطريقة الأساسية
const { t } = useTranslation();
<h1>{t('dashboard.title')}</h1>
// الطريقة الشاملة
const { t, language, setLanguage } = useLocalization();جميع الصفحات والمكونات جاهزة الآن للعمل مع كلا اللغتين!
You can send messages while the preview loads