Awesome GitHub RepositoriesClass Mapping

classnames is a JavaScript utility for conditionally joining CSS class names into a single space-separated string. It functions as a class name manager that maps boolean flags and objects to specific styles for HTML attribute assignment. The tool resolves abstract class identifiers to computed values, facilitating integration with modular styling systems. It allows for the mapping of dynamic identifiers to scoped class names through a dedicated module resolver. The utility processes strings, arrays, and objects to handle dynamic class name management. It includes capabilities for recursive a

This project is a Prettier plugin and Tailwind CSS class sorter that automatically organizes utility classes into a consistent and recommended order. It functions as a frontend styling formatter and CSS utility organizer, removing duplicate classes and sorting style attributes across HTML and JavaScript files. The tool ensures consistent markup formatting by ordering utility classes within HTML attributes, template literals, JavaScript expressions, and custom framework props. It integrates with Tailwind CSS configuration files and stylesheets to synchronize sorting behavior with custom theme

vue-office هو مكتبة لمعاينة مستندات Office وعارض مستندات قائم على الويب مصمم لعرض ملفات Word و Excel و PowerPoint و PDF مباشرة في متصفح الويب. يوفر مجموعة من المكونات القابلة لإعادة الاستخدام التي تسمح بعرض المستندات باستخدام روابط الشبكة أو مخازن البيانات المؤقتة أو بيانات blob دون الحاجة إلى إضافات خارجية. تم بناء حل العرض هذا كعارض مستندات عابر لأطر العمل، مما يوفر تكاملاً لـ Vue 2 و Vue 3 و React. يتيح عرض المستندات من جانب العميل لتجنب عمليات التحويل من جانب الخادم. تتعامل المكتبة مع تصور المستندات من خلال التحليل من جانب العميل وعرض المحتوى. تستخدم العرض القائم على canvas لملفات PDF وتعيين أنماط المستندات إلى CSS للحفاظ على الدقة البصرية داخل المتصفح.

Treat هي مكتبة تصميم تستخرج CSS من تعريفات JavaScript أثناء عملية البناء للقضاء على حمل وقت التشغيل. تعمل كأداة استخراج نمط ثابتة، تحول تعريفات النمط على مستوى المكون إلى ملفات CSS مستقلة ومحسنة. تم تصميم إطار العمل لبناء أنظمة تصميم آمنة من حيث النوع وقابلة للسمات تسمح لمكونات واجهة المستخدم بتكييف مظهرها بناءً على إعدادات نظام التصميم النشطة. تتميز المكتبة بتمكين تكوين النمط المعقد، بما في ذلك المحددات الزائفة، واستعلامات الوسائط، والرسوم المتحركة، داخل هيكل كائن موحد يظل متوافقاً مع الاستخراج الثابت. وتدعم الاختلافات المرئية الديناميكية عن طريق تعيين تعريفات النمط إلى فئات CSS مولدة مسبقاً، مستخدمة آلية بحث خفيفة الوزن لحل السمات في وقت التشغيل. يسمح هذا النهج بتبديل السمات وتحميل السمات عند الطلب دون الحاجة إلى إعادة تحميل الصفحة بالكامل أو التضحية بفوائد الأداء لـ CSS الثابت. بعيداً عن قدرات الاستخراج الأساسية، توفر المكتبة أدوات لتكوين السمة العالمية والتوزيع القائم على السياق لضمان الاتساق المرئي عبر التطبيقات واسعة النطاق. تتضمن دعماً للعرض من جانب الخادم، مما يضمن جاهزية الأنماط لتحميلات الصفحة الأولية، وتتكامل مع سير عمل التطوير لتوفير إعادة تحميل الوحدة الساخنة لتغييرات النمط. يتم تكوين المكتبة من خلال خطوط أنابيب بناء قياسية، والتي تدير التحويل، والتصغير، واصطلاحات التسمية لمخرجات النمط المولدة.