প্রকল্প সম্পর্কে

CompoMo (@ds-mo/ui) হলো একটি ফ্রেমওয়ার্ক-নিরপেক্ষ ওয়েব কম্পোনেন্ট লাইব্রেরি, যা @ds-mo/ui হিসেবে প্রকাশিত হয়। এটি স্টেনসিল.জেএস দিয়ে নির্মিত, TokoMo ডিজাইন টোকেন দিয়ে স্টাইল করা, এবং কাস্টম এলিমেন্ট এবং জেনারেটেড Angular, React, এবং Vue অ্যাডাপ্টার হিসেবে বিতরণ করা হয়। এটিকে @ds-mo/tokens এবং @ds-mo/icons এর পাশাপাশি ds-mo পরিবারের অংশ হিসেবে বর্ণনা করা হয়েছে। ইনস্টলেশনে তিনটি প্যাকেজ আসে: @ds-mo/tokens, @ds-mo/icons, এবং @ds-mo/ui. TokoMo টোকেন অ্যাপ্লিকেশনের রুটে একবার আমদানি করা হয় (tokens, tokens/reset, এবং tokens/globals)। ব্যবহার ফ্রেমওয়ার্ক অনুসরণ করে। সাধারণ HTML-এ, একটি কম্পোনেন্ট মডিউল আমদানি করলে এটি স্বয়ংক্রিয়ভাবে তার কাস্টম এলিমেন্ট সংজ্ঞায়িত করে, তাই ds-button-filled এর মতো একটি ট্যাগ লেবেল অ্যাট্রিবিউট সরাসরি ব্যবহার করা যায়। Angular অ্যাপ্লিকেশনগুলোকে পার-কম্পোনেন্ট স্ট্যান্ডঅলোন অ্যাডাপ্টার আমদানির পরামর্শ দেওয়া হয় (উদাহরণস্বরূপ @ds-mo/ui/angular/ds-button-filled); React এবং Vue অ্যাপ্লিকেশন @ds-mo/ui/react এবং @ds-mo/ui/vue থেকে জেনারেটেড ওয়াপার ব্যবহার করে। আইকন @ds-mo/icons এর মাধ্যমে সমাধান করা হয়, যেখানে ds-icon বান্ডেল সময়ে ক্যানোনিকাল IcoMo এক্সপোর্ট নামের সাথে মিলে। লাইব্রেরিটি বেশ কয়েকটি পাবলিক সাপোর্ট সার্ফেস নথিবদ্ধ করে: ফ্রেমওয়ার্ক-নিরপেক্ষ শেল চুক্তির জন্য @ds-mo/ui/shell, টোস্ট ম্যানেজারের জন্য @ds-mo/ui/toast, registerIcons এর মতো জেনেরিক হেল্পারের জন্য @ds-mo/ui/utils, রেন্ডারার-নিরপেক্ষ সেমান্টিক প্রোজ স্টাইলিংয়ের জন্য @ds-mo/ui/prose.css, এবং উন্নত বাহ্যিক নিয়ন্ত্রণ ওরাপারের জন্য @ds-mo/ui/control-elevation.css. কোনো গ্লোবাল কম্পোনেন্ট CSS বান্ডেল নেই; স্টাইল প্রতিটি কাস্টম এলিমেন্টের সাথে শিপ হয়। ব্রাউজার সাপোর্টের ক্ষেত্রে, CompoMo "Baseline Newly available" বর্তমান সেট লক্ষ্য করে। কম্পোনেন্টগুলি তখনই একটি ওয়েব-প্ল্যাটফর্ম ফিচার গ্রহণ করতে পারে जब এটি Baseline কোর ব্রাউজারে ইন্টারঅপারেবল হয়, এবং পুরনো ব্রাউজার রিলিজ ধরে রাখنے konsumenদের তাদের নিজস্ব ফলব্যাক সরবরাহ করা বা আগে সামঞ্জস্যপূর্ণ রিলিজে থাকার প্রত্যাশা করা হয়। একটি উল্লেখযোগ্য যোগ হলো compomo-mcp, যা একটি লোকাল এক্সিকিউটেবল প্যাকেজের সাথে bundled। এটি Custom Elements, Angular, React, এবং Vue এর জন্য জেনারেটেড কম্পোনেন্ট মেটাডেটা এবং এক্সিকিউটেবল কম্পোজিশন রেসিপি এক্সপোজ করে, এবং একটি MCP সার্ভার হিসেবে রেজিস্টার করা যেতে পারে (উদাহরণস্বরূপ, node_modules/.bin/compomo-mcp কে নির্দেশ করে Codex কনফিগ ফাইলে)। এটিকে শুধুমাত্র stdio ব্যবহার করা এবং modern 2026-07-28 প্রোটোকল এবং 2025-11-25 পর্যন্ত legacy initialize-based revision পরিবেশন করা হিসেবে বর্ণনা করা হয়, যেখানে modern discovery সমর্থন করে এমন ক্লায়েন্টের জন্য স্বয়ংক্রিয় ভার্সনnegotiation সুপারিশ করা হয়। README API তথ্যকে Stencil মেটাডেটা থেকে এবং curated ইয়ান্তকে co-located কম্পোনেন্ট এজেন্ট JSON এবং এক্সিকিউটেবল প্যাটার্ন থেকে এসেছে হিসেবে উপস্থাপন করে। নথি একটি Storybook ভূমিকা, একটি ফ্রেমওয়ার্ক ইন্টিগ্রেশন গাইড, একটি v13 মাইগ্রেশন গাইড, একটি maintainer নথি রাউটার, এবং AGENTS.md-তে রিপোজিটরি নির্দেশাবলীর মধ্যে বিভক্ত। README স্পষ্টভাবে প্যাকেজ ভার্সন, কম্পোনেন্ট তালিকা, props, events, এবং exports ডুপ্লিকেট করতে রাজি নয়, বর্তমান তথ্যের জন্য reader-কে package.json, Storybook, বা জেনারেটেড রেজিস্ট্রির দিকে নির্দেশ করে।