Coflow

كيف يعمل

ثلاثة عروض للمشروع نفسه: ابدأ مما يُنفَّذ، ثم انظر إلى النظام كاملًا، ثم انزل إلى الكود.

1. 1

   من main

   ابدأ من حيث يبدأ البرنامج: الملف الذي يشغّل كل شيء. كل مسار ومهمة ومعالج يُظهر ما يطلقه، واختيار أحدها يضيء المسار كاملًا main ← route ← handler ← قاعدة البيانات.

   

2. 2

   النظام

   انظر إلى البنية من بعيد: التطبيقات، والبوابة، والخدمات، والعمّال، وقواعد البيانات، والطوابير، والخدمات الخارجية، مقروءة من docker-compose وnginx والواجهات الأمامية والمسارات، مع وصف لكل اتصال.

   

3. 3

   الكود

   انقر مرتين للدخول: كتلة، ثم حزمة، ثم وحدة، ثم صنف، ثم دالة واحدة مرسومة سطرًا سطرًا كمخطط انسيابي.

   

لقطات الشاشة

كل لقطة تتبع المظهر الفاتح أو الداكن لهذه الصفحة، كما يتبع Coflow مظهر VS Code.

المزايا

• عرض النظامجديد في 0.7

  مخطط معماري للمشروع: التطبيقات، والبوابة، والخدمات والعمّال، وقواعد البيانات، والذاكرات المؤقتة، والطوابير، والخدمات الخارجية، في طبقات، مع التقنيات والمنافذ والاتصالات الموصوفة (REST · 58 endpoints، SQL · 37 tables).

• ابدأ من mainجديد في 0.7

  البرنامج من نقطة دخوله: الإقلاع، والبرمجيات الوسيطة، والموجّهات، والمسارات، والمعالجات، والمخازن التي تصل إليها، ولكلٍّ منها ما يطلقه (فعل HTTP ومساره، cron، طابور، CLI).

• وضع التركيزجديد في 0.7

  مرّر المؤشر فوق مربع أو انقر عليه لترى كيف يرتبط. تسرد لوحة التفاصيل اتصالاته الواردة والصادرة، وكلٌّ منها يفتح المسارات أو الجداول أو الأسطر بالضبط.

• خريطة كود قابلة للتكبير

  انقر مرتين على مربع للدخول إليه، وواصل: كتلة، حزمة، وحدة، صنف، دالة. كل مستوى لا يُظهر إلا ما بداخله.

• كل دالة كمخطط انسيابي

  جسم الدالة كاملًا، سطرًا سطرًا، بلغة بصرية ثابتة لكل تعليمة فيها رمز واحد.

• إعادة تشغيل تنفيذ حقيقي

  سجّل سكربتًا أو اختبارًا، ثم أعد تشغيله على الخريطة مع مكدس الاستدعاءات والقيم الحقيقية للوسائط ومخرجات البرنامج.

• اكتشف ما لا يُنفَّذ أبدًا

  الكود الميت، والطلبات إلى مسارات مفقودة، ومفاتيح الإعدادات غير المقروءة، في المستكشف وكتحذيرات في المحرر.

• خيارات العرض والترتيب بالسحب

  اختر ما تُظهره الخريطة، ثم رتّب المربعات بيدك. يُحفظ الترتيب في ملف يمكنك إيداعه مع الكود.

ابدأ في دقيقة

1. ثبّت الإضافة

   ابحث عن Coflow في عرض الإضافات، أو ثبّتها من VS Code Marketplace أو Open VSX.

2. افتح مشروعًا

   افتح مجلدًا فيه كود Python وامنحه الثقة عندما يطلب VS Code ذلك.

3. افتح الخريطة

   اضغط Ctrl+Alt+M (أو Cmd+Alt+M على macOS)، أو انقر على أيقونة الخريطة في شريط عنوان المحرر.

4. ادخل

   انقر مرتين على مربع للدخول إليه، واضغط Esc للصعود مستوى واحدًا.

أسئلة

الجديد

1. 0.7.0الإصدار القادم

   • عرض النظام: بنية المشروع من docker-compose وnginx والواجهات الأمامية والمسارات
   • عرض «من main»: يبدأ الاستكشاف من الملف الذي يشغّل كل شيء، مع ما يطلق كل جزء والمسارات الكاملة
   • وضع التركيز: الاتصالات الواردة والصادرة لأي مربع

2. 0.6.021 أكتوبر 2026

   • قائمة خيارات العرض: اختر ما تُظهره الخريطة
   • رتّب الخريطة بيدك: سحب، ومحاذاة، وتراجع، وملف ترتيب يمكن إيداعه
   • مظهر جديد أهدأ وخرائط أفضل تنظيمًا

3. 0.5.021 أكتوبر 2026

   • تغيّر الاسم من Code Flow Map إلى Coflow (المعرّف benisalla.coflow)

سجل التغييرات الكامل على VS Code Marketplace ←