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

Numl ایک ایٹمک UI فریم ورک ہے جو Web Components پر مبنی ہے اور رن ٹائم CSS جنریشن کی سہولت فراہم کرتا ہے، جس کا مقصد ڈیزائن سسٹم پر عمل کرنے والے انٹرفیسز کی تیزی سے تعمیر ہے۔ README میں واضح طور پر بتایا گیا ہے کہ یہ پروجیکٹ اب متروک (deprecated) ہو چکا ہے اور اس کی دیکھ بھال نہیں کی جا رہی؛ اس کے متبادل کے طور پر tasty (ایک CSS-in-JS اسٹائلنگ سسٹم اور React کے لیے DSL) اور glaze (ایک OKHSL کلر تھیم جنریٹر) تجویز کیے گئے ہیں۔ یہ کیا فراہم کرتا ہے: ایک UI ڈیزائن لینگویج، تیار شدہ قابل رسائی (accessible) ویب کمپوننٹس کی لائبریری، اور ایک رن ٹائم CSS فریم ورک۔ README کے مطابق، پیج پر ایک JavaScript ماڈیول شامل کرنا کافی ہے، جس کے لیے کسی بنڈلر یا کنفیگریشن کی ضرورت نہیں ہوتی، جس کے بعد nu-btn جیسے عناصر کو براہ راست مارک اپ میں استعمال کیا جا سکتا ہے۔ انسٹالیشن اور استعمال: README میں jsDelivr سے ES ماڈیول بلڈ لوڈ کرنے اور پھر سادہ HTML میں عناصر لکھنے کا طریقہ دکھایا گیا ہے۔ دیگر انسٹالیشن طریقے ہینڈ بک میں درج ہیں۔ بیان کردہ خصوصیات: ایک آل ان ون طریقہ کار جو ریسپونسیو انٹرفیسز کے مارک اپ کو قابل تخصیص (customizable) عناصر کے ساتھ جوڑتا ہے؛ ایک کلر جنریشن سسٹم اور styles-to-state بائنڈنگز جن کے بارے میں README کہتا ہے کہ یہ سادہ CSS کے مقابلے میں اسٹائل ڈیکلریشنز کو کم کر سکتے ہیں؛ خودکار ڈارک اسکیم اور ہائی کنٹراسٹ موڈ؛ ڈیزائن ٹوکنز جو کسٹم پراپرٹیز کے طور پر دستیاب ہیں؛ عالمی سطح پر، سیاق و سباق (context) میں یا براہ راست کسی عنصر پر تخصیص کی صلاحیت؛ کسٹم عناصر، اسٹائل ایٹریبیوٹس، رویے، ڈیزائن ٹوکنز اور کسٹم یونٹس شامل کرنے کی صلاحیت؛ اور Vue، Angular، React اور Svelte جیسے فریم ورکس کے ساتھ مطابقت، بشمول SSG کے ساتھ استعمال۔ دستاویزات اور مثالیں: README میں numl.design پر موجود Storybook، Handbook، Reference اور REPL کی طرف اشارہ کیا گیا ہے۔ فہرست شدہ مثالوں میں flex اور grid پلے گراؤنڈز، ایک مارک ڈاؤن کنورٹر، ایک before/after سلائیڈر اور لاگ ان فارم ویلیڈیشن کی مثال شامل ہے۔ Numl کے ذریعے بنائے گئے پروجیکٹس میں Cube.js UI Kit اور کئی Numl ویب سائٹس اور اسٹوری بکس شامل ہیں۔ براؤزر سپورٹ: Edge، Chrome، Firefox، Safari، iOS Safari اور Android کے تازہ ترین دو ورژن۔ IE11 اور pre-Chromium Edge واضح طور پر پروجیکٹ کے دائرہ کار سے باہر ہیں۔ ڈیولپمنٹ کمانڈز: npm start پلے گراؤنڈ کو چلاتا ہے؛ npm run build لائبریری کو dist میں ایک ES6 tree-shaking فرینڈلی ماڈیول کے طور پر بلڈ کرتا ہے؛ npm run dev سورس میں تبدیلیوں پر دوبارہ بلڈ کرتا ہے؛ npm run test ٹیسٹ چلاتا ہے۔ یہ پروجیکٹ MIT لائسنس کے تحت ہے اور all-contributors کی تفصیلات پر عمل کرتا ہے، اور README میں تعاون کی دعوت دی گئی ہے اور Discord کمیونٹی کا لنک دیا گیا ہے۔ روڈ میپ سیکشن میں v2 style2state سنٹیکس تجویز، ایک React لائبریری، ایک تھیم جنریٹر، مزید دستاویزات اور ٹیسٹ، اور ایک Figma UI کٹ جیسی چیزوں کا ذکر ہے؛ چونکہ ریپوزٹری متروک ہو چکی ہے، اس لیے ان منصوبوں کو تاریخی طور پر دیکھا جانا چاہیے۔