اگه اسم @sap-theming/theming-base-content رو توی package.json یا پوشه node_modules دیدی و نمی دونی چیه، تنها نیستی. این یه بسته جانبیه که SAP برای سیستم تم سازی خودش ساخته. توضیح رسمی منبع هم فقط می گه Theming Base Content، یعنی محتوای پایه تم ها.
ایده اش ساده است. ظاهر هر رابط کاربری از یه سری مقدار پایه ساخته می شه: رنگ، فاصله، گردی گوشه ها، فونت. SAP این مقدارها رو جدا از خود کامپوننت ها نگه می داره تا چند محصول و کتابخونه بتونن از یه منبع مشترک استفاده کنن و ظاهرشون یکدست بمونه. این بسته همون لایه پایه است. برای همین بعضی کتابخونه های رابط کاربری SAP، مثل خانواده UI5، ممکنه به شکل غیرمستقیم بهش وابسته باشن و موقع نصب خودشون اونو بیارن.
اگه با SAP UI5، کامپوننت های وب SAP یا برنامه های به سبک Fiori کار می کنی و می خوای ظاهر رو سفارشی کنی یا یه تم اختصاصی بسازی، باید بدونی این بسته کجای زنجیره قرار می گیره. ولی اگه صاحب یه سایت وردپرسی معمولی هستی و دنبال یه کتابخونه ظاهری عمومی می گردی، این گزینه به درد تو نمی خوره. بسته فریم ورک مستقل مثل بوت استرپ نیست و دکمه، جدول یا منوی آماده نداره که بذاری توی قالبت. اگه هم فقط می خوای چند فایل CSS یا فونتش رو جدا برداری، اول ساختار پوشه ها و شرایط مجوز رو با دقت بررسی کن.
چند نکته برای انتخاب و استفاده. چون این بسته معمولا وابستگی یه کتابخونه دیگه است، نسخه اش باید با نسخه همون کتابخونه سازگار بمونه. جدا از بقیه ارتقاش نده و فایل lock پروژه رو توی مخزن نگه دار. مجوز Apache استفاده تجاری رو اجازه می ده، به شرط اینکه اعلان مجوز رو حفظ کنی.
اگه پروژه ات روی سرور داخلی بیلد می شه و دسترسی به npm بین المللی گاهی قطع یا کند می شه، نسخه های رسمی و بدون تغییر این بسته توی مخزن داخلی ما هم در دسترسه.
راهنمای استفاده
اول مطمئن شو واقعا به این بسته نیاز داری. اگه از یه کتابخونه SAP استفاده می کنی، احتمالا خودش این بسته رو به عنوان وابستگی نصب می کنه و لازم نیست دستی کاری بکنی. برای نصب مستقیم توی پروژه ای که با npm مدیریت می شه، این دستور رو بزن:
npm install @sap-theming/theming-base-content
بعدش این کارها رو انجام بده:
- پوشه بسته رو توی node_modules باز کن و ساختار فایل ها رو ببین تا بدونی تم ها و فونت ها کجا هستن.
- اگه با باندلری مثل Webpack یا Vite کار می کنی، فایل CSS یا منبعی که لازم داری رو از همین بسته ایمپورت کن.
- اگه پروژه ات بیلد نداره و فقط یه صفحه ساده است، از کد آماده پایین همین صفحه برای افزودنش به صفحه استفاده کن.
- صفحه رو توی مرورگر باز کن و از تب Network چک کن فایل ها بدون خطا لود می شن.
اگه ظاهر کامپوننت ها عوض نشد، اول ببین نسخه این بسته با نسخه کتابخونه اصلی هماهنگه یا نه. بیشتر مشکل ها از ناسازگاری نسخه ها میاد، نه از خود بسته.