Pluton / Visual Lab
Subtle - Hardcore

[Build] feat: refactor components to generic NPM-ready library

Published on October 3, 2025

## GitHub Update **Repository:** [MKWcorp/productdrwskincare](https://github.com/MKWcorp/productdrwskincare) **Author:** mkwiro **Date:** 10/3/2025, 2:44:02 PM **Commit:** [`9af9305`](https://github.com/MKWcorp/productdrwskincare/commit/9af9305fcfb2bd404c800b6ee93378b4c16e215d) ### Commit Message feat: refactor components to generic NPM-ready library - Add DrwSkincareProvider context for global configuration - Create GenericProductCard, GenericProductDetail, GenericProductList components - Remove all hardcoded values (siteName, whatsappNumber, API URLs) - Implement configuration via props for reusability - Add comprehensive TypeScript types and interfaces - Create generic utility functions (formatPrice, createWhatsAppMessage, buildApiUrl) - Setup NPM package structure with Rollup build configuration - Add complete documentation (README, CHANGELOG, CONTRIBUTING, API docs) - Create demo page showcasing generic components - Ready for extraction as @drwskincare/react-components NPM package Breaking Changes: - Components now require configuration props instead of hardcoded values - API endpoints are configurable per project - Theme colors and styling are customizable via props Documentation: - Complete README.md with usage examples - CHANGELOG.md with detailed version history - CONTRIBUTING.md with development guidelines - API.md with comprehensive endpoint documentation - NPM package README with installation and usage guide --- _This story was imported from historical commits._