[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._