{"_id":"@adilhammad/micro-frontend-chakra-components","_rev":"2-d7f56d5a9b59c2277fdae204be126f7d","name":"@adilhammad/micro-frontend-chakra-components","dist-tags":{"latest":"0.0.2"},"versions":{"0.0.1":{"name":"@adilhammad/micro-frontend-chakra-components","version":"0.0.1","license":"MIT","_id":"@adilhammad/micro-frontend-chakra-components@0.0.1","maintainers":[{"name":"adilhammad","email":"adil.hammad@outlook.fr"}],"dist":{"shasum":"9cda00e7deab2d6c9416f25a73a577c75a1e1aef","tarball":"https://registry.npmjs.org/@adilhammad/micro-frontend-chakra-components/-/micro-frontend-chakra-components-0.0.1.tgz","fileCount":62,"integrity":"sha512-T2zOsUMtGAPmBLj1dOL5axFECFwzByZCCekwtBlhh+4yX3FoJpUp7hUCJQuc8GyqNyl2symMl5IxTK18OpSWGA==","signatures":[{"sig":"MEQCIEV82dZVgGSFjWEshF1htV06Z2zS9nIcwIAXlFM7sdadAiAA1BbkGx1SsJ+LLvttss0U0gQIHW4VPafiVa9qbVeTng==","keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U"}],"unpackedSize":2063115},"type":"module","engines":{"npm":">=8.0.0","node":">=18.0.0"},"gitHead":"b8c0755a4e9e7799b2316363d84fab4dad45ea6b","private":false,"scripts":{"dev":"vite --port 3000","lint":"eslint src --ext ts,tsx --fix","build":"tsc && vite build","clean":"rimraf dist storybook-static","preview":"vite preview","prebuild":"npm run clean","chromatic":"chromatic --exit-zero-on-changes","storybook":"storybook dev -p 6006","type-check":"tsc --noEmit","publish:npm":"npm publish --access public","test-storybook":"test-storybook","build-storybook":"storybook build"},"_npmUser":{"name":"adilhammad","email":"adil.hammad@outlook.fr"},"_npmVersion":"11.6.1","description":"custom chakra ui components for micro frontends","directories":{},"_nodeVersion":"24.11.0","dependencies":{"next-themes":"^0.4.6","react-icons":"^4.12.0","framer-motion":"^11.2.10","react-router-dom":"^6.22.0"},"_hasShrinkwrap":false,"devDependencies":{"vite":"^7.2.2","eslint":"^8.56.0","rimraf":"^5.0.5","storybook":"^8.0.0","@eslint/js":"^8.56.0","typescript":"~5.3.3","@types/node":"^20.11.19","@types/react":"^18.2.57","@storybook/test":"^8.0.0","@playwright/test":"^1.56.1","@storybook/react":"^8.0.0","@types/react-dom":"^18.2.19","@storybook/blocks":"^8.0.0","@vitejs/plugin-react":"^4.2.1","@storybook/addon-a11y":"^8.0.0","@storybook/addon-docs":"^8.0.0","@storybook/react-vite":"^8.0.0","@storybook/addon-links":"^8.0.0","@storybook/test-runner":"^0.24.1","@typescript-eslint/parser":"^7.0.2","eslint-plugin-react-hooks":"^4.6.0","@storybook/addon-essentials":"^8.0.0","eslint-plugin-react-refresh":"^0.4.5","@storybook/addon-interactions":"^8.0.0","@typescript-eslint/eslint-plugin":"^7.0.2"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0","@emotion/react":">=11.11.5","@emotion/styled":">=11.11.5","@chakra-ui/react":">=3.29.0","styled-components":">=6.1.8"},"_npmOperationalInternal":{"tmp":"tmp/micro-frontend-chakra-components_0.0.1_1764667933511_0.38361929036633846","host":"s3://npm-registry-packages-npm-production"}},"0.0.2":{"name":"@adilhammad/micro-frontend-chakra-components","private":false,"version":"0.0.2","description":"custom chakra ui components for micro frontends","type":"module","license":"MIT","scripts":{"dev":"vite --port 3000","build":"tsc && vite build","preview":"vite preview","lint":"eslint src --ext ts,tsx --fix","type-check":"tsc --noEmit","storybook":"storybook dev -p 6006","build-storybook":"storybook build","test-storybook":"test-storybook","chromatic":"chromatic --exit-zero-on-changes","clean":"rimraf dist storybook-static","prebuild":"npm run clean","publish:npm":"npm publish --access public"},"dependencies":{"next-themes":"^0.4.6","react-icons":"^4.12.0","react-router-dom":"^6.22.0","framer-motion":"^11.2.10","@chakra-ui/react":">=3.29.0","@emotion/react":">=11.11.5","@emotion/styled":">=11.11.5","styled-components":">=6.1.8"},"peerDependencies":{"react":">=18.2.0","react-dom":">=18.2.0"},"devDependencies":{"@eslint/js":"^8.56.0","@playwright/test":"^1.56.1","@storybook/addon-a11y":"^8.0.0","@storybook/addon-docs":"^8.0.0","@storybook/addon-essentials":"^8.0.0","@storybook/addon-interactions":"^8.0.0","@storybook/addon-links":"^8.0.0","@storybook/blocks":"^8.0.0","@storybook/react":"^8.0.0","@storybook/react-vite":"^8.0.0","@storybook/test":"^8.0.0","@storybook/test-runner":"^0.24.1","@types/node":"^20.11.19","@types/react":"^18.2.57","@types/react-dom":"^18.2.19","@typescript-eslint/eslint-plugin":"^7.0.2","@typescript-eslint/parser":"^7.0.2","@vitejs/plugin-react":"^4.2.1","eslint":"^8.56.0","eslint-plugin-react-hooks":"^4.6.0","eslint-plugin-react-refresh":"^0.4.5","rimraf":"^5.0.5","storybook":"^8.0.0","typescript":"~5.3.3","vite":"^7.2.2"},"engines":{"node":">=18.0.0","npm":">=8.0.0"},"gitHead":"b8c0755a4e9e7799b2316363d84fab4dad45ea6b","_id":"@adilhammad/micro-frontend-chakra-components@0.0.2","_nodeVersion":"24.11.0","_npmVersion":"11.6.1","dist":{"integrity":"sha512-t8aRwphRvw9xtBRdT3ef6floqVxKzvlNfsB/XqNgEVAeykINa5AG0bkB3TBQuqTAG5dAbl9orlpM382OVe6bWA==","shasum":"fd991a5ca840ab07e1492fb5c9e53929d95d185f","tarball":"https://registry.npmjs.org/@adilhammad/micro-frontend-chakra-components/-/micro-frontend-chakra-components-0.0.2.tgz","fileCount":62,"unpackedSize":2063115,"signatures":[{"keyid":"SHA256:DhQ8wR5APBvFHLF/+Tc+AYvPOdTpcIDqOhxsBHRwC7U","sig":"MEUCIQCweggPJPok5jfZnhKMYAyg6T1L2lC6dtKBNPHxHfVR+QIgcCv3r6Dd/YcVJ9jNfgIqgagkDaIbOPifUmxDzt91n6c="}]},"_npmUser":{"name":"adilhammad","email":"adil.hammad@outlook.fr"},"directories":{},"maintainers":[{"name":"adilhammad","email":"adil.hammad@outlook.fr"}],"_npmOperationalInternal":{"host":"s3://npm-registry-packages-npm-production","tmp":"tmp/micro-frontend-chakra-components_0.0.2_1764669160648_0.2793484328971123"},"_hasShrinkwrap":false}},"time":{"created":"2025-12-02T09:32:13.410Z","modified":"2025-12-02T09:52:41.079Z","0.0.1":"2025-12-02T09:32:13.787Z","0.0.2":"2025-12-02T09:52:40.889Z"},"license":"MIT","description":"custom chakra ui components for micro frontends","maintainers":[{"name":"adilhammad","email":"adil.hammad@outlook.fr"}],"readme":"# Enterprise React Vite Boilerplate\n\nA modern, production-ready React boilerplate built with **TypeScript**, **Vite 7**, **Redux Toolkit**, **Chakra-UI**,\nand **Azure AD authentication**.\n\n## 🚀 Quick Start\n\n```bash\n# Install dependencies\nnpm install\n\n# Start development server\nnpm run dev\n\n# Build for production\nnpm run build\n\n# Run Storybook\nnpm run storybook\n```\n\n## ✨ Features\n\n- ⚡ **Vite 7.2.2** - Lightning-fast build tool with HMR\n- 🎨 **Chakra-UI v3** - Comprehensive component library\n- 🔐 **Azure AD Auth** - Enterprise authentication with MSAL\n- 📦 **Redux Toolkit** - Modern state management with RTK Query\n- 🎭 **Dual Theming** - Light/Dark mode with MUI + Styled Components\n- 📚 **Storybook 8** - Component documentation and testing\n- 🎯 **TypeScript** - Full type safety with strict mode\n- 🚀 **Code Generation** - CLI tools for scaffolding components\n- 🏗️ **Feature-Sliced** - Scalable architecture pattern\n\n## 📖 Documentation\n\n**[Read the full documentation →](./DOCUMENTATION.md)**\n\nThe comprehensive documentation includes:\n\n- What's new in Vite 7\n- Complete library versions and tech stack\n- Detailed project structure explanation\n- Development workflow and best practices\n- Authentication & authorization guide\n- State management patterns\n- Theming & styling guide\n- API integration examples\n- Code generation tools\n- Troubleshooting guide\n\n## 🛠️ Tech Stack\n\n| Category      | Libraries                                           |\n|---------------|-----------------------------------------------------|\n| **Core**      | React 18.2, TypeScript 5.3, Vite 7.2                |\n| **UI**        | Chakra-UI 3.29.0, Styled Components 6.1, Emotion 11 |\n| **State**     | Redux Toolkit 2.2, React Query 5.22                 |\n| **Auth**      | Azure MSAL 3.10, MSAL React 2.0                     |\n| **Forms**     | React Hook Form 7.50, Yup 1.3                       |\n| **Routing**   | React Router 6.22                                   |\n| **Dev Tools** | Storybook 8.0, ESLint 8, Generate React CLI 9.1     |\n\n## 📁 Project Structure\n\n```\nsrc/\n├── components/    # Reusable UI components\n├── containers/    # Smart components with business logic\n├── pages/         # Route-level pages\n├── services/      # API, Redux store, and slices\n├── theme/         # Theming configuration\n├── routes/        # Routing setup\n├── providers/     # Context providers (Auth, etc.)\n├── utils/         # Utility functions and hooks\n└── types/         # TypeScript definitions\n```\n\n## 🎯 Available Scripts\n\n```bash\nnpm run dev              # Start dev server (port 3000)\nnpm run build            # Build for production\nnpm run preview          # Preview production build\nnpm run lint             # Run ESLint\nnpm run type-check       # TypeScript type checking\nnpm run storybook        # Start Storybook\nnpm run gen-component    # Generate new component\nnpm run gen-container    # Generate new container\nnpm run gen-page         # Generate new page\n```\n\n## 🔧 Environment Setup\n\nCreate a `.env` file:\n\n```env\nVITE_FRONTEND_PORT=3000\nVITE_BACKEND_BASE_URL=/api\nVITE_BACKEND_TARGET=http://localhost:8012\nVITE_AZURE_CLIENT_ID=your-client-id\nVITE_AZURE_TENANT_ID=your-tenant-id\n```\n\n## React Compiler\n\nThe React Compiler is not enabled on this template because of its impact on dev & build performances. To add it,\nsee [this documentation](https://react.dev/learn/react-compiler/installation).\n\n## 📚 Resources\n\n- [Vite Documentation](https://vitejs.dev/)\n- [React Documentation](https://react.dev/)\n- [Chakra-UI Documentation](https://chakra-ui.com/)\n- [Redux Toolkit Documentation](https://redux-toolkit.js.org/)\n- [Full Project Documentation](./DOCUMENTATION.md)\n\n## 🤝 Contributing\n\nPlease read the [documentation](./DOCUMENTATION.md) for details on the project structure and development workflow.\n\n## 📄 License\n\nThis project is provided as a boilerplate template.\n\n---\n\n**Built with ❤️ using React + TypeScript + Vite 7**\n","readmeFilename":"README.md"}