عن المشروع

PCUI (PlayCanvas UI) هي مكتبة مكونات لبناء واجهات مستخدم موثوقة وجذابة بصرياً للمواقع الإلكترونية وأدوات الويب المعقدة. توفر المكتبة مكونات منسقة بالكامل يمكن استخدامها مباشرة في الصفحة، بدءاً من النماذج البسيطة وصولاً إلى واجهات المستخدم الرسومية. يتم التثبيت عبر npm install @playcanvas/pcui؛ حيث يمكن استيراد العناصر الفردية، مع استيراد الأنماط مرة واحدة لكل مشروع. يمكن لمستخدمي React استيراد المكونات من @playcanvas/pcui/react. تتضمن المكتبة طبقة ربط بيانات مبنية حول @playcanvas/observer، وتدعم الربط من observers إلى العناصر، ومن العناصر إلى observers، والربط ثنائي الاتجاه بحيث يمكن لمكونات متعددة مزامنة القيم. توجد المكونات في ./src/components وتتضمن عادةً عنصراً index.ts، وملف SASS باسم style.scss، وغلاف React component.tsx، وملف قصص Storybook. يمكن للمطورين تشغيل npm run build لإنشاء بناء dist مخصص، و npm run storybook لتصفح واختبار المكونات، و npm run docs لإنشاء مرجع API. تستخدم PCUI فئات .font-regular و .font-bold و .font-thin و .font-light مع مجموعة Helvetica Neue افتراضية، والتي يمكن استبدالها بـ CSS مخصص. يمكن بناء حزمة UMD باستخدام الدليل للاستخدام في مشاريع PlayCanvas Editor. يتضمن ملف README روابط لدليل المستخدم، ومرجع API، وأمثلة ESM، و React Storybook، والمدونة، والمنتدى.