منسّق JSX

يحلّل الكود أولًا بوصفه وحدة JavaScript مع تفعيل JSX، ثم يطبعه بتنسيق موحّد. بعد ذلك، تُرتّب عناصر JSX وفق القواعد نفسها التي يستخدمها منسّق HTML، بحيث تظهر وسوم الكتل المتداخلة في أسطر مستقلة مع مسافة بادئة.

عندما يحتوي العنصر على عناصر فرعية كتلية مثل div أو section أو p أو ul أو h1، يظهر كل عنصر فرعي في سطر مستقل، ويُحاط العنصر بأكمله بأقواس. أما العناصر التي تتسع في سطر واحد، مثل وسم مكوّن منفرد، فتبقى في سطر واحد.

نعم، تُحلّل الأجزاء المكتوبة بصيغة <> و</> ومكوّنات الإغلاق الذاتي مثل <Item key={1}/> وتُحفَظ. وتُنسخ سماتها والتعبيرات داخل الأقواس المعقوفة كما كُتبت.

يتوقف المحلّل وتعرض الأداة رسالته، مثل الإشارة إلى رمز غير متوقع، بدلًا من إرجاع كود منسّق جزئيًا. صحّح الموضع المشار إليه ثم أعد التنسيق.

تُنسّق الكتل بمسافة بادئة مقدارها مسافتان، وتظهر عبارة واحدة في كل سطر، مع مسافات حول المعاملات وفواصل منقوطة في نهاية العبارات. لا تتوفر خيارات لتغيير النمط.

نعم، تُحفَظ التعليقات السطرية وتعليقات الكتل في JavaScript. وتبقى التعليقات داخل تعبيرات JSX داخل أقواسها المعقوفة.

لا، فالتعليقات التوضيحية للأنواع ليست جزءًا من قواعد JSX التي تحلّلها هذه الأداة، لذا يُرفض TSX الذي يتضمن أنواعًا باعتباره خطأً نحويًا. استخدم منسّق TypeScript لتنسيق الكود ذي الأنواع.

يُعاد طباعة JavaScript فقط، ويغيّر تنسيق JSX المسافات البيضاء بين العناصر الكتلية، وهي مسافات يتجاهلها React عندما تكون العناصر في أسطر منفصلة. تحقّق من النص المضمن بجوار الوسوم إذا كان التطابق الدقيق للمسافات مهمًا.

JSX امتداد لـ JavaScript، لذا تُعاد النتيجة في كتلة كود Markdown مع وسم javascript. انسخ الأسطر الواقعة بين السياجين إلى ملف .jsx.

يمكن معالجة ما يصل إلى 5 MB من الكود في كل تشغيل، وتُرفض المدخلات الأكبر مع عرض رسالة. وتطابق المخرجات خيار JSX في منسّق الكود.