saas-ui

Saas UI هو نظام تصميم مفتوح المصدر وسجل لمكونات المصدر يستهدف الفرق التي تقوم ببناء تطبيقات B2B ولوحات التحكم. يعتمد النظام على Chakra UI؛ حيث تأتي الأساسيات من @chakra-ui/react، بينما تأتي الرموز (tokens) والوصفات (recipes) الخاصة بـ Saas UI من @saas-ui/chakra-preset. يتم تثبيت التكوينات القابلة للتعديل مثل Sidebar في التطبيقات باستخدام @saas-ui/cli. يحتوي المستودع على الإعدادات المسبقة، ومترجم السجل والقوالب، وCLI، والحزم الداعمة، والأمثلة، وموقع التوثيق. تتضمن التوزيعة مفتوحة المصدر رموز Chakra، والوصفات، والتنسيق الدلالي، وتكوين النظام؛ ومكونات السجل القابلة للتعديل وتكوينات التطبيق؛ وسير عمل التهيئة والتثبيت والترحيل والمقارنة والتحديث عبر CLI؛ بالإضافة إلى حزم الخطافات (hooks)، والنماذج، والمصادقة، والنوافذ المنبثقة الداعمة. يوفر عرض Pro منفصل كتالوجاً متميزاً من كتل التطبيقات القابلة للتعديل والتي يتم تثبيتها من خلال سجل مصادق عليه؛ ويذكر ملف README أمثلة على مناطق Pro مثل تطبيق Next.js SaaS تجريبي، وشاشات المصادقة، وتخطيط التطبيق، وDataGrid/DataBoard، وصفحات الحساب والإعدادات، وأعلام الميزات (feature flags)، وإدارة الفواتير/الاشتراكات، وAPI وهمي باستخدام React Query، ومخططات الألوان، والسمات، وتدفقات التهيئة وصفحات أمثلة. للبدء، يتم استخدام npx @saas-ui/cli@rc init لتهيئة مشروع React موجود، يليه npx @saas-ui/cli@rc add sidebar لإضافة مكونات أو تكوينات قابلة للتعديل. تقوم عملية التهيئة بتثبيت التبعيات المتوافقة من Chakra وEmotion والإعدادات المسبقة، وإنشاء ملف components.json وتثبيت إعداد المزود المحلي. يتم توجيه مستخدمي @saas-ui/react الحاليين إلى دليل الترحيل؛ وتظل الحزمة متاحة خلال هذه الفترة الانتقالية، ولا يدعي ملف README أن الإلغاء أو الإزالة من npm قد حدث بالفعل. المستودع عبارة عن pnpm workspace يستخدم pnpm 10 أو أحدث، مع نصوص برمجية لـ Storybook وبناء الحزم وموقع التوثيق. يعتمد موقع التوثيق على حزم خاصة ولن يتم بناؤه بالكامل بدون الوصول إلى Git submodule الخاص. جميع الأكواد مرخصة بموجب MIT باستثناء أصول العلامة التجارية لـ Saas UI.