منصوبے کے بارے میں

PCUI (PlayCanvas UI) ویب سائٹس اور پیچیدہ ویب ٹولز کے لیے قابل اعتماد اور بصری طور پر دلکش یوزر انٹرفیس بنانے کے لیے ایک کمپوننٹ لائبریری ہے۔ یہ مکمل طور پر اسٹائل شدہ کمپوننٹس فراہم کرتا ہے جنہیں سادہ فارمز سے لے کر گرافیکل UIs تک، براہ راست پیج میں استعمال کیا جا سکتا ہے۔ انسٹالیشن npm install @playcanvas/pcui کے ذریعے کی جاتی ہے؛ انفرادی عناصر کو امپورٹ کیا جا سکتا ہے، جبکہ اسٹائلز کو پروجیکٹ میں ایک بار امپورٹ کیا جاتا ہے۔ React صارفین @playcanvas/pcui/react سے کمپوننٹس امپورٹ کر سکتے ہیں۔ لائبریری میں @playcanvas/observer کے گرد بنایا گیا ایک ڈیٹا بائنڈنگ لیئر شامل ہے، جو observers-to-element، element-to-observers، اور دو طرفہ بائنڈنگز کو سپورٹ کرتا ہے تاکہ متعدد کمپوننٹس ویلیوز کو سنکرونائز کر سکیں۔ کمپوننٹس ./src/components میں موجود ہوتے ہیں اور عام طور پر ایک index.ts ایلیمنٹ، ایک style.scss SASS فائل، ایک React component.tsx ریپر، اور ایک Storybook stories فائل پر مشتمل ہوتے ہیں۔ ڈویلپرز کسٹم dist بلڈ کے لیے npm run build، کمپوننٹس کو براؤز اور ٹیسٹ کرنے کے لیے npm run storybook، اور API ریفرنس بنانے کے لیے npm run docs چلا سکتے ہیں۔ PCUI میں .font-regular، .font-bold، .font-thin، اور .font-light کلاسز استعمال ہوتی ہیں جن میں ڈیفالٹ طور پر Helvetica Neue اسٹیک ہوتا ہے، جسے کسٹم CSS کے ذریعے تبدیل کیا جا سکتا ہے۔ PlayCanvas Editor پروجیکٹس میں استعمال کے لیے گائیڈ کی مدد سے UMD بنڈل بنایا جا سکتا ہے۔ README میں یوزر مینوئل، API ریفرنس، ESM مثالوں، React Storybook، بلاگ اور فورم کے لنکس موجود ہیں۔