apps

Daily.dev App App Suite

كل ما تراه في Daily.dev؟

يحتوي هذا monorepo على مجموعة تطبيق Daily.Dev. يتضمن REPO تطبيق الويب والتمديد ، إلى جانب المكونات المشتركة للاثنين. باستخدام نهج Monorepo ، يمكننا بسهولة مشاركة التعليمات البرمجية والحفاظ على الاتساق عبر الأجزاء المختلفة من مجموعة التطبيق. تم اتخاذ القرار للسماح بتكرار أسرع والحفاظ على ميزات التكافؤ في كلا المنصتين.

التقنيات

• العقدة V22.11 (يتم تقديم .nvmrc لمستخدمي NVM).
• PNPM لإدارة monorepo والتبعيات.

المشاريع

حزم

يحتوي على مجموعة من المشاريع أو المكتبات الأصغر التي يتم استخدامها عبر مجموعة تطبيقات Daily.dev. فيما يلي نظرة عامة موجزة على كل حزمة مذكورة:

• eslint-config

  إعدادات ESLINT المشتركة للحفاظ على جودة رمز متسقة عبر المشروع.

• eslint-roles

  مكون إضافي مخصص ESLINT الذي يحدد مجموعة من القواعد للمشروع ، بما في ذلك قاعدة لفرض استخدام ألوان ثابت.

• امتداد

  مشروع تمديد المتصفح. يتضمن تكوين WebPack لتمديدات المستعرض والمكونات المخصصة فقط للتمديد.

• أجمل config

  إعدادات أجمل مشتركة لجميع المشاريع في هذا الريبو.

• مشترك

  يحتوي المشروع الرئيسي على معظم المكونات المستخدمة في التطبيقات. يجب وضع كل مكون يجب استخدامه على كلا النظامين في هذا المشروع. ويشمل ذلك مكونات نظام التصميم ، والسنانير المخصصة ، وغيرها الكثير.

• قصص

  تكوين القصة للمشروع ، يستخدم لتطوير وعرض مكونات واجهة المستخدم بمعزل.

• WebApp

  مشروع تطبيق الويب. هذا مشروع next.js ولديه صفحات أكثر من الامتداد ، مثل صفحة التسجيل ، وصفحة النشر ، وصفحة الملف الشخصي ، وما إلى ذلك لمزيد من المعلومات ، انقر هنا.

البيئة المحلية

لتدوير بيئة محلية ، نقترح استخدام gitpod. لدينا زر gitpod أعلاه ، كل شيء تم تكوينه بالفعل ويجب أن يعمل خارج المربع. انقر فوقه ودعنا نتدحرج!

ملاحظة: الخروج البدء مع gitpod باستخدام مستنداتها الرسمية. إذا كنت جديدًا على Gitpod ، فلا تقلق ، فهي أداة بسيطة وقوية تساعدك على البدء في هذا المشروع في أي وقت من الأوقات.

تريد المساعدة؟

لذلك تريد المساهمة في جناح تطبيق DAILY.DEV وإحداث تأثير ، يسعدنا سماع ذلك. ؟

قبل المتابعة ، لدينا بعض الإرشادات للمساهمة التي تجعل كل شيء أسهل بكثير.

سنقدر إذا كنت تكرس الوقت وقراءتها بعناية: https://github.com/dailydotdev/.github/blob/master/contributing.md

مشروع bootstrap

بعد استنساخ المشروع ، يرجى التأكد من تشغيل الأوامر التالية لتسهيل المشروع:

npm i -g [email protected]
pnpm install

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

مثال على الكروم:

• قم بتشغيل pnpm --filter extension dev:chrome في دليل الجذر
• افتح الكروم وانتقل إلى chrome://extensions/
• تمكين Developer mode في الزاوية اليمنى العليا
• انقر فوق Load unpacked وحدد المجلد packages/extension/dist/chrome
• يجب تحميل الامتداد ويجب أن تكون قادرًا على رؤيته في قائمة الامتدادات
• قم بتمكين التمديد ، لا تنسى تعطيله عند الانتهاء
• تعطيل امتداد الإنتاج إذا قمت بتثبيته لأنه قد يسبب تعارضات