توثيق حول توسيع Discourse باستخدام الإضافات (plugins)، والسمات (themes)، ومكونات السمات (theme components)، والعمل مع الكود الأساسي، واستخدام واجهة برمجة تطبيقات Discourse (Discourse API).
مقدمة
- مقدمة: مقدمة إلى تطوير 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
- التدقيق والتنسيق: التدقيق وتنسيق الكود تلقائيًا قبل الالتزامات (commits)
- اختبارات القبول: كتابة اختبارات القبول واختبارات المكونات لكود Ember في Discourse
- تشغيل مجموعات الاختبار: كيفية تشغيل مجموعات اختبارات QUnit للكود الأساسي للإضافات والسمات في Discourse
- توافق الإصدارات: تثبيت إصدارات الإضافات والسمات لتثبيتات Discourse الأقدم (.discourse-compatibility)
- ملكية كائن Ember: ملكية كائن Ember (getOwner، حقن الخدمة، إلخ.)
- أداء JS: استخدام ‘tachometer’ من Google لقياس تغييرات أداء JS في Discourse
- التكامل المستمر (CI) باستخدام GitHub Actions: إعداد التكامل المستمر باستخدام GitHub Actions
- ملحقات Markdown: دليل المطور لملحقات Markdown
- تحويل النوافذ المنبثقة (Modals): تحويل النوافذ المنبثقة من وحدات تحكم قديمة إلى واجهة برمجة تطبيقات DModal الجديدة
- واجهة برمجة تطبيقات DModal: استخدام واجهة برمجة تطبيقات DModal لعرض نوافذ منبثقة (تنبيهات/مربعات حوار) في Discourse
- واجهة برمجة تطبيقات JS: استخدام واجهة برمجة تطبيقات JS
- موصلات منافذ الإضافات (Plugin Outlet Connectors): استخدام موصلات منافذ الإضافات من سمة أو إضافة
- modifyClass: استخدام modifyClass لتغيير سلوك الكود الأساسي
- إنشاء المسارات (Routes): إنشاء مسارات في Discourse وعرض البيانات
- طريقة المصادقة: إضافة طريقة مصادقة ‘مُدارة’ جديدة إلى Discourse
- التسلسل العرضي لنماذج ActiveRecord: منع التسلسل العرضي لنماذج ActiveRecord
- تجاوز القوالب: (غير موصى به) تجاوز قوالب Discourse من سمة أو إضافة
- كائنات الخدمة: استخدام كائنات الخدمة في Discourse
- مواصفات النظام: كتابة مواصفات نظام شاملة لواجهة مستخدم Discourse
- FormKit: مجموعة أدوات Discourse لعرض النماذج.
- مشغلات AppEvents: مرجع مشغلات AppEvents
- المحولات (Transformers): استخدام المحولات لتخصيص القيم والسلوكيات على جانب العميل
- تخصيص قائمة المواضيع: تخصيص قائمة المواضيع
- إرشادات CSS: إرشادات لفئات CSS باستخدام BEM
- التصميم للأجهزة: التصميم لأجهزة مختلفة (حجم منفذ العرض، اللمس/التمرير، إلخ.)
الإضافات (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
السمات ومكونات السمات
- تطوير السمات: تطوير سمات ومكونات سمات Discourse
- مرجع سريع: دليل مرجع سريع لمطور السمات
- دليل المصممين: دليل المصممين للبدء باستخدام السمات في Discourse
- منشئ السمات (Theme Creator): ابدأ باستخدام Theme Creator وتطبيق Theme CLI
- Theme CLI: تثبيت تطبيق سطر الأوامر Theme CLI الخاص بـ Discourse لمساعدتك في بناء السمات
- هيكل السمة: هيكل السمات ومكونات السمات
- ملفات JS متعددة: تقسيم جافاسكريبت السمة إلى ملفات متعددة
- ملفات SCSS متعددة: تقسيم SCSS السمة إلى ملفات متعددة
- إعدادات السمة: إضافة إعدادات إلى سمة Discourse الخاصة بك
- كائنات لإعدادات السمة: أنواع الكائنات لإعدادات السمة
- ترحيل الإعدادات: ترحيل إعدادات سمة Discourse
- بيانات وصف السمة (Metadata): إضافة بيانات وصفية ولقطات شاشة إلى سمة
- متغيرات الكود الأساسي: استخدام متغيرات الكود الأساسي لـ Discourse في سماتك
- السلاسل القابلة للترجمة: إضافة سلاسل قابلة للترجمة إلى السمات ومكونات السمات
- اختبارات E2E: اختبار النظام الشامل (E2E) للسمات ومكونات السمات
- تقليل الصيانة: تقليل صيانة تخصيصات السمات
- أحجام الخطوط: تغيير أحجام الخطوط في سماتك
- تضمين الأصول: تضمين الأصول (مثل الصور، الخطوط) في السمات والمكونات
- أيقونات مخصصة: استبدال أيقونات SVG الافتراضية لـ Discourse بأيقونات مخصصة في سمة
- الوضع الداكن: تحديث السمات والإضافات لدعم الوضع الداكن التلقائي
- مُعدِّلات السمة (Theme modifiers): مُعدِّلات السمة: مقدمة موجزة
- العناصر الزائفة (Pseudo-elements): إدراج نص أو صور في أي مكان على موقعك باستخدام العناصر الزائفة لـ CSS
- مكون الخط: إنشاء ومشاركة مكون سمة خط
- لغة Highlight.JS: تثبيت لغة جديدة لـ Highlight.JS عبر مكون سمة
- محتوى الصفحة الرئيسية: إضافة محتوى مخصص يظهر فقط على صفحتك الرئيسية
- تنسيق الرسائل: دعم تنسيق الرسائل للترجمة المحلية
- تغييرات الأيقونات العامة: تغيير الأيقونات على مستوى الموقع
- أيقونات بديلة: أيقونات بديلة
- نمط منشور الويكي: تغيير نمط منشور الويكي
- مخطط الألوان: إنشاء ومشاركة مخطط ألوان
- قائمة التنقل: استخدام معامل الاستعلام
navigation_menuلمعاينة الشريط الجانبي أو الخيارات الأخرى - أنماط محتوى المنشور: تخصيص محتويات المنشورات بأنماطك الخاصة
- لقطات شاشة السمات: إضافة لقطات شاشة معاينة للسمات Discourse
- إعدادات الموقع القابلة للسمة: التحكم في إعدادات الموقع باستخدام السمات
أدلة عامة
- وضع العلامة البيضاء لتطبيقات الهاتف المحمول: أشياء يجب مراعاتها قبل اتخاذ قرار بوضع علامة بيضاء على تطبيقات Discourse للهاتف المحمول
- الأتمتة المخصصة: إنشاء أتمتات مخصصة
- تفريغ البيانات العامة: تفريغ البيانات العامة لـ Discourse
- تقييمات الذكاء الاصطناعي: تشغيل تقييمات الذكاء الاصطناعي لـ Discourse
برنامج تعليمي لمطور السمات
- 1 - المقدمة: برنامج تعليمي لمطور السمة: 1. المقدمة
- 2 - السمة البعيدة: برنامج تعليمي لمطور السمة: 2. إنشاء سمة بعيدة
- 3 - CSS في السمات: برنامج تعليمي لمطور السمة: 3. CSS في السمات
- 4 - المنافذ (Outlets): برنامج تعليمي لمطور السمة: 4. استخدام المنافذ لإدراج المحتوى واستبداله
- 5 - المكونات: برنامج تعليمي لمطور السمة: 5. بناء المكونات واستخدامها
- 6 - واجهة برمجة تطبيقات JS: برنامج تعليمي لمطور السمة: 6. استخدام واجهة برمجة تطبيقات JS
- 7 - الخاتمة: برنامج تعليمي لمطور السمة: 7. الخاتمة