تجميل كود JavaScript و React و Vue و TypeScript

مُنسِّق JS مُجمِّل ومُصغِّر خفيف الوزن للغة JavaScript، مثالي لترتيب المقتطفات القصيرة بسرعة، أو تعابير JS المُستخرَجة من السجلات، أو الكود النموذجي المسحوب من حِزَم مصغَّرة. يتعرف على الهياكل الشائعة مثل تعريفات الدوال وعبارات التحكم في التدفق والكائنات الحرفية، ويقوم بلفِّها وإزاحتها بشكل منطقي.

الخطوة 1 — الصق JavaScript على اليسار، أو انقر "Sample" لتحميل مثال اختبار. الخطوة 2 — تُجمِّل الأداة الكود مباشرةً، فتقسِّم أجسام الدوال والشروط والحلقات على أسطر جديدة مع مسافة بادئة بمقدار مسافتين. الخطوة 3 — انقر "Format" لتشغيل جولة تنسيق كاملة صراحةً. الخطوة 4 — انقر "Minify" لضغط الكود في سطر واحد لتقليل الحجم (ضغط للمسافات فقط، بدون تشويش أسماء). الخطوة 5 — تدعم اللوحة اليمنى النسخ بنقرة واحدة أو التنزيل كملف .js.

إعادة ترتيب أولية للكود المُشوَّش المنسوخ من Chrome DevTools Sources ليصبح قابلاً للقراءة؛ توسيع JS من سطر واحد قادم من السجلات أو تتبعات الأثر لأغراض التحليل؛ تنظيف السكربتات المضمَّنة المسحوبة من صفحة ويب؛ تنسيق تعبيرات JavaScript القصيرة أو معالِجات الأحداث؛ الحفاظ على الكود مرتباً عند مشاركته على Slack أو Notion وما شابه.

تستخدم الأداة تنسيقاً قائماً على قواعد خفيفة الوزن بدلاً من تحليل AST كامل، لذا قد لا تتعامل مع الصياغة المعقدة بشكل مثالي (الكائنات الحرفية داخل الدوال السهمية، والسلاسل النصية القالبية متعددة الأسطر، والتعابير النمطية الغامضة). للكود الكبير في المشاريع نوصي باستخدام Prettier أو ESLint أو المُنسِّق المدمج في IDE. لا يقوم التصغير سوى بإزالة المسافات وفواصل الأسطر؛ ولا يعيد تسمية المتغيرات أو يحذف التعليقات. لا تُدعَم امتدادات صياغة TypeScript أو JSX أو Vue SFC.

تحدث كل عمليات التنسيق والتصغير محلياً في متصفحك ولا يُرفع الكود أبداً، فيمكنك بأمان معالجة سكربتات الأعمال أو الأدوات الداخلية أو الشظايا المؤقتة أثناء التصحيح.