توثيق حول توسيع Discourse باستخدام الإضافات (Plugins) والقوالب (Themes) ومكونات القوالب (Theme Components)، والعمل مع الكود الأساسي، واستخدام واجهة برمجة تطبيقات Discourse.
مقدمة
- مقدمة: مقدمة إلى تطوير Discourse
بيئات التطوير
- حاوية التطوير (Dev Container): تطوير Discourse باستخدام حاوية التطوير
- GitHub Codespaces: تطوير Discourse على GitHub Codespaces
- إعداد Docker: تثبيت Discourse للتطوير باستخدام Docker
- إعداد macOS: تثبيت Discourse على macOS للتطوير
- إعداد Ubuntu/Debian: تثبيت Discourse على Ubuntu أو Debian للتطوير
- إعداد Windows: تثبيت Discourse على Windows للتطوير
- إضافات غير Docker: تثبيت الإضافات في بيئة تطوير غير Docker
- إعداد محلي: إعداد بيئة تطوير Discourse محلية؟
- إعداد متعدد المواقع: إعداد بيئة تطوير متعددة المواقع
- إعداد Fedora: إعداد Discourse للتطوير على Fedora Linux
الكود والبنية الداخلية
- مكونات Ember: إضافة مكونات Ember إلى Discourse
- مجموعة أدوات الواجهة (UI kit): مجموعة أدوات الواجهة المشتركة لمكونات Discourse والمساعدات والمعدِّلات
- التدقيق والتنسيق (Lint and format): التدقيق الآلي وتنسيق الكود قبل الالتزامات (commits)
- اختبارات القبول: كتابة اختبارات القبول واختبارات المكونات لكود Ember في Discourse
- تشغيل حزم الاختبار: كيفية تشغيل حزم اختبارات QUnit الأساسية والإضافات والقوالب في Discourse
- توافق الإصدارات: تثبيت إصدارات الإضافات والقوالب لتثبيتات Discourse الأقدم (فرع d-compat)
- ملكية كائنات Ember: ملكية كائنات Ember (getOwner، حقن الخدمات، إلخ)
- أداء JS: استخدام ‘tachometer’ من Google لقياس تغييرات أداء JS في Discourse
- التكامل المستمر مع GitHub Actions: إعداد التكامل المستمر باستخدام GitHub Actions
- امتدادات Markdown: دليل المطور إلى امتدادات Markdown
- تحويل النوافذ المنبثقة: تحويل النوافذ المنبثقة من وحدات التحكم القديمة إلى واجهة برمجة تطبيقات مكوّن DModal الجديد
- واجهة برمجة تطبيقات DModal: استخدام واجهة برمجة تطبيقات DModal لعرض النوافذ المنبثقة (المعروفة أيضًا بالنوافذ المنبثقة/حوارات) في Discourse
- واجهة برمجة تطبيقات JS: استخدام واجهة برمجة تطبيقات JS
- موصلات مخرجات الإضافة (Plugin outlet connectors): استخدام موصلات مخرجات الإضافة من قالب أو إضافة
- modifyClass: استخدام modifyClass لتغيير السلوك الأساسي
- إنشاء المسارات: إنشاء المسارات في Discourse وعرض البيانات
- طريقة المصادقة: إضافة طريقة مصادقة “مُدارة” جديدة إلى Discourse
- التسلسل العرضي العرضي لنماذج ActiveRecord: منع التسلسل العرضي العرضي لنماذج ActiveRecord
- تجاوز القوالب: (غير موصى به) تجاوز قوالب Discourse من قالب أو إضافة
- كائنات الخدمة: استخدام كائنات الخدمة في Discourse
- مواصفات النظام: كتابة مواصفات نظام من طرف إلى طرف لواجهة مستخدم Discourse
- FormKit: حقيبة أدوات Discourse لعرض النماذج.
- محفزات AppEvents: مرجع محفزات AppEvents
- محولات (Transformers): استخدام المحولات لتخصيص القيم والسلوك على جانب العميل
- تخصيص قائمة المواضيع: تخصيص قائمة المواضيع
- إرشادات CSS: إرشادات لفئات CSS باستخدام BEM
- تلميح الأنواع والتحقق من JS: تلميح الأنواع والتحقق من JavaScript (typescript)
- التصميم للأجهزة: التصميم لأجهزة مختلفة (اللمس والتحويم)
- التصميم لعروض العرض المتجاوبة: التصميم لعروض العرض المتجاوبة (نقاط الكسر، نافذة العرض والحاويات)
- أساسيات الإيماءات: أساسيات السحب، تغيير الحجم، والإيماءات
- تقسيم الحزم: تقسيم الحزم للإضافات
الإضافات (Plugins)
- إضافة أساسية: تطوير إضافات Discourse - الجزء 1 - إنشاء إضافة أساسية
- مخرج الإضافة (Plugin outlet): تطوير إضافات Discourse - الجزء 2 - الاتصال بمخرج الإضافة
- إعدادات الموقع: تطوير إضافات Discourse - الجزء 3 - إضافة إعدادات موقع مخصصة
- إعداد Git: تطوير إضافات Discourse - الجزء 4 - إعداد git
- واجهة الإدارة: تطوير إضافات Discourse - الجزء 5 - إضافة واجهة إدارة
- اختبارات القبول: تطوير إضافات Discourse - الجزء 6 - إضافة اختبارات القبول
- نشر إضافتك: تطوير إضافات Discourse - الجزء 7 - نشر إضافتك
- لغات جديدة: إضافة لغة جديدة من الإضافة
- تكامل الدردشة: إضافة مزود جديد إلى discourse-chat-integration
- امتداد markdown-it: إعادة تعبئة امتداد markdown-it كإضافة Discourse
- التحميل التلقائي في Rails: هيكلية الإضافة للتحميل التلقائي في Rails
القوالب والمكونات (Themes & Components)
- تطوير القوالب: تطوير قوالب Discourse ومكونات القوالب
- مرجع سريع: دليل المرجع السريع لمطوري القوالب
- دليل المصممين: دليل المصمم للبدء مع القوالب في Discourse
- منشئ القوالب (Theme Creator): البدء مع منشئ القوالب وواجهة سطر أوامر القوالب (Theme CLI)
- واجهة سطر أوامر القوالب (Theme CLI): تثبيت تطبيق واجهة سطر أوامر قوالب Discourse لمساعدتك في بناء القوالب
- هيكلية القوالب: هيكلية القوالب ومكونات القوالب
- ملفات JS متعددة: تقسيم جافاسكربت الخاص بالقالب إلى ملفات متعددة
- ملفات SCSS متعددة: تقسيم SCSS الخاص بالقالب إلى ملفات متعددة
- إعدادات القالب: إضافة إعدادات إلى قالب Discourse الخاص بك
- كائنات لإعدادات القالب: نوع الكائنات لإعداد القالب
- هجرة الإعدادات: هجرة إعدادات قوالب Discourse
- البيانات الوصفية للقالب: إضافة البيانات الوصفية لقطات الشاشة إلى القالب
- المتغيرات الأساسية: استخدام متغيرات Discourse الأساسية في قالبك
- نصوص قابلة للتوطين: إضافة نصوص قابلة للتوطين إلى القوالب ومكونات القوالب
- الاختبار من طرف إلى طرف: اختبار النظام من طرف إلى طرف للقوالب ومكونات القوالب
- تقليل الصيانة: تقليل الصيانة على تخصيصات القوالب
- أحجام الخطوط: تغيير أحجام الخطوط في قوالبك
- تضمين الأصول: تضمين الأصول (مثل الصور والخطوط) في القوالب والمكونات
- أيقونات مخصصة: استبدال أيقونات SVG الافتراضية في Discourse بأيقونات مخصصة في القالب
- الوضع الداكن: تحديث القوالب والإضافات لدعم الوضع الداكن التلقائي
- معدِّلات القالب: معدِّلات القالب: مقدمة موجزة
- العناصر الزائفة (Pseudo-elements): إدراج نصوص أو صور في أي مكان في موقعك باستخدام العناصر الزائفة في CSS
- مكوّن الخط: إنشاء ومشاركة مكوّن قالب للخط
- لغة Highlight.JS: تثبيت لغة جديدة لـ Highlight.JS عبر مكوّن القالب
- محتوى الصفحة الرئيسية: إضافة محتوى مخصص يظهر فقط في صفحتك الرئيسية
- تنسيق الرسائل: دعم Message Format للتوطين
- تغيير الأيقونات عالمياً: تغيير الأيقونات عالمياً
- أيقونات بديلة: أيقونات بديلة
- نمط منشور ويكي: تغيير نمط منشور ويكي
- مخطط الألوان: إنشاء ومشاركة مخطط ألوان
- قائمة التنقل: استخدام معامل الاستعلام
navigation_menuلمعاينة الشريط الجانبي أو خيارات أخرى - أنماط محتوى المنشورات: تخصيص محتوى المنشورات بأنماطك الخاصة
- لقطات شاشة القوالب: إضافة لقطات شاشة معاينة لقوالب Discourse
- إعدادات الموقع القابلة للتخصيص: التحكم في إعدادات الموقع باستخدام القوالب
أدلة عامة
- تطبيق الجوال بعلامة تجارية بيضاء: أشياء يجب مراعاتها قبل اتخاذ قرار بتطبيق العلامة التجارية البيضاء على تطبيقات Discourse الجوال
- أتمتة مخصصة: إنشاء أتمتة مخصصة
- إخراج البيانات العام: إخراج البيانات العام لـ Discourse
- تقييمات الذكاء الاصطناعي: تشغيل تقييمات الذكاء الاصطناعي لـ Discourse
شروحات تطوير القوالب
- 1 - مقدمة: شرح مطور القوالب: 1. مقدمة
- 2 - قالب بعيد: شرح مطور القوالب: 2. إنشاء قالب بعيد
- 3 - CSS: شرح مطور القوالب: 3. CSS في القوالب
- 4 - المخرجات: شرح مطور القوالب: 4. استخدام المخرجات لإدراج واستبدال المحتوى
- 5 - المكونات: شرح مطور القوالب: 5. بناء واستخدام المكونات
- 6 - واجهة برمجة تطبيقات JS: شرح مطور القوالب: 6. استخدام واجهة برمجة تطبيقات JS
- 7 - خاتمة: شرح مطور القوالب: 7. التلخيص