StateViz Chrome Extension
تعتبر StateViz إضافة Chrome عالمية مصممة لتصور تدفق البيانات داخل تطبيقات الويب. تدعم مكتبات مختلفة مثل React و Svelte، وتعد بدعم المزيد في المستقبل. توفر الإضافة دعمًا متعدد المكتبات، مما يتيح للمستخدمين فحص التطبيقات التي تم إنشاؤها باستخدام مكتبات مختلفة في نفس الوقت. توفر تصورًا مفصلًا لهيكل التطبيق، بما في ذلك المكونات، عناصر DOM، وعناصر محددة للمكتبة مثل Svelte blocks.
يمكن للمستخدمين فحص بيانات المكونات في الوقت الفعلي، بما في ذلك الخصائص، الحالة، وتفاصيل محددة للمكتبة مثل السياقات والهوكس لـ React. تتضمن StateViz أيضًا عوامل تصفية العناصر لعرض العناصر المرغوب فيها فقط، وتسليط الضوء على عناصر DOM لتسهيل التنقل، وتوفر وضعين فاتح وداكن لتفضيل المستخدم. على الرغم من الحاجة إلى الإذن للوصول إلى شجرة التطبيق، إلا أن الإضافة لا تنقل البيانات عن بعد وهي مفتوحة المصدر بالكامل على GitHub.
