ui-mathilde-web 0.10.5 → 0.10.8
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +2 -73
- package/dist/style.css +1 -1
- package/dist/ui-mathilde-web.d.ts +6 -0
- package/dist/ui-mathilde-web.js +6008 -5984
- package/dist/ui-mathilde-web.umd.cjs +49 -49
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -7,8 +7,7 @@
|
|
|
7
7
|
[](https://reactjs.org/)
|
|
8
8
|
[](https://tailwindcss.com/)
|
|
9
9
|
|
|
10
|
-
**Autor:** Mathilde DEV
|
|
11
|
-
**Versión:** 0.9.5
|
|
10
|
+
**Autor:** Mathilde DEV
|
|
12
11
|
|
|
13
12
|
---
|
|
14
13
|
|
|
@@ -37,13 +36,6 @@ UI Mathilde Web es una librería de componentes React diseñada siguiendo el pat
|
|
|
37
36
|
├─ Moléculas: 46
|
|
38
37
|
├─ Organismos: 33
|
|
39
38
|
└─ Templates: 2
|
|
40
|
-
|
|
41
|
-
📈 Métricas de Calidad:
|
|
42
|
-
├─ TypeScript: 98%
|
|
43
|
-
├─ Storybook: 14%
|
|
44
|
-
└─ Tests: 0%
|
|
45
|
-
```
|
|
46
|
-
|
|
47
39
|
---
|
|
48
40
|
|
|
49
41
|
## 🛠️ Tecnologías
|
|
@@ -106,30 +98,6 @@ npm run build # Compila la librería para producción
|
|
|
106
98
|
npm run build-storybook # Compila Storybook estático
|
|
107
99
|
```
|
|
108
100
|
|
|
109
|
-
### Calidad de Código
|
|
110
|
-
|
|
111
|
-
```bash
|
|
112
|
-
npm run lint # Ejecuta ESLint
|
|
113
|
-
npm run lint:fix # Corrige errores automáticamente
|
|
114
|
-
npm run format # Formatea código con Prettier
|
|
115
|
-
npm run typecheck # Verifica tipos TypeScript
|
|
116
|
-
```
|
|
117
|
-
|
|
118
|
-
### Documentación (Nuevo ✨)
|
|
119
|
-
|
|
120
|
-
```bash
|
|
121
|
-
npm run docs:generate # Genera documentación automática
|
|
122
|
-
npm run docs:watch # Modo watch - regenera al detectar cambios
|
|
123
|
-
```
|
|
124
|
-
|
|
125
|
-
### Validación de Arquitectura (Nuevo ✨)
|
|
126
|
-
|
|
127
|
-
```bash
|
|
128
|
-
npm run validate:arch # Valida cumplimiento de Atomic Design
|
|
129
|
-
```
|
|
130
|
-
|
|
131
|
-
---
|
|
132
|
-
|
|
133
101
|
## 🏗️ Arquitectura
|
|
134
102
|
|
|
135
103
|
Este proyecto implementa **estrictamente** el patrón Atomic Design:
|
|
@@ -165,31 +133,14 @@ Molecules → puede importar: atoms
|
|
|
165
133
|
Atoms → NO importa componentes del proyecto
|
|
166
134
|
```
|
|
167
135
|
|
|
168
|
-
**Documentación completa:** [docs/ARCHITECTURE.md](./docs/ARCHITECTURE.md)
|
|
169
|
-
|
|
170
|
-
---
|
|
171
|
-
|
|
172
136
|
## 📚 Documentación
|
|
173
137
|
|
|
174
138
|
### Documentación Generada Automáticamente
|
|
175
139
|
|
|
176
140
|
El proyecto incluye un **sistema de documentación automática** que genera:
|
|
177
141
|
|
|
178
|
-
1. **[COMPONENTS.md](./docs/COMPONENTS.md)** - Inventario completo de componentes
|
|
179
|
-
2. **[QUALITY_REPORT.md](./docs/QUALITY_REPORT.md)** - Reporte de calidad del código
|
|
180
|
-
3. **[ARCHITECTURE.md](./docs/ARCHITECTURE.md)** - Documentación de arquitectura
|
|
181
142
|
4. **[ONBOARDING.md](./docs/ONBOARDING.md)** - Guía para nuevos desarrolladores
|
|
182
143
|
|
|
183
|
-
### Regenerar Documentación
|
|
184
|
-
|
|
185
|
-
```bash
|
|
186
|
-
# Generar una vez
|
|
187
|
-
npm run docs:generate
|
|
188
|
-
|
|
189
|
-
# Modo watch (se regenera automáticamente)
|
|
190
|
-
npm run docs:watch
|
|
191
|
-
```
|
|
192
|
-
|
|
193
144
|
### Storybook
|
|
194
145
|
|
|
195
146
|
```bash
|
|
@@ -204,17 +155,6 @@ npm run storybook
|
|
|
204
155
|
### Quick Start
|
|
205
156
|
|
|
206
157
|
1. **Lee la guía de onboarding:** [docs/ONBOARDING.md](./docs/ONBOARDING.md)
|
|
207
|
-
2. **Revisa la arquitectura:** [docs/ARCHITECTURE.md](./docs/ARCHITECTURE.md)
|
|
208
|
-
3. **Explora componentes existentes:** `npm run storybook`
|
|
209
|
-
4. **Genera documentación actualizada:** `npm run docs:generate`
|
|
210
|
-
|
|
211
|
-
### Antes de Crear un Componente
|
|
212
|
-
|
|
213
|
-
Ejecuta el validador de arquitectura para entender las reglas:
|
|
214
|
-
|
|
215
|
-
```bash
|
|
216
|
-
npm run validate:arch
|
|
217
|
-
```
|
|
218
158
|
|
|
219
159
|
### Checklist Antes de Commit
|
|
220
160
|
|
|
@@ -230,12 +170,7 @@ npm run validate:arch
|
|
|
230
170
|
## 📝 Changelog
|
|
231
171
|
|
|
232
172
|
### v0.9.5 (Actual)
|
|
233
|
-
- ✨ **[NUEVO]** Sistema de documentación automática
|
|
234
|
-
- ✨ **[NUEVO]** Validador de arquitectura Atomic Design
|
|
235
173
|
- ✨ **[NUEVO]** Guía de onboarding para nuevos desarrolladores
|
|
236
|
-
- ✨ **[NUEVO]** Reglas de Cursor para enforced architecture
|
|
237
|
-
- 🔧 Agregado componente QueryBuilder con drag & drop
|
|
238
|
-
- 📚 Documentación completa generada automáticamente
|
|
239
174
|
|
|
240
175
|
### v0.0.1
|
|
241
176
|
- 🎉 Componentes iniciales
|
|
@@ -250,13 +185,7 @@ Este proyecto es privado y pertenece a Mathilde DEV.
|
|
|
250
185
|
---
|
|
251
186
|
|
|
252
187
|
## 🔗 Enlaces Útiles
|
|
253
|
-
|
|
254
|
-
- [Documentación de Arquitectura](./docs/ARCHITECTURE.md)
|
|
255
188
|
- [Guía de Onboarding](./docs/ONBOARDING.md)
|
|
256
|
-
- [Inventario de Componentes](./docs/COMPONENTS.md)
|
|
257
|
-
- [Reporte de Calidad](./docs/QUALITY_REPORT.md)
|
|
258
|
-
- [Reglas de Cursor](./.cursor/rules/architecture.md)
|
|
259
|
-
|
|
260
189
|
---
|
|
261
190
|
|
|
262
|
-
**Desarrollado
|
|
191
|
+
**Desarrollado por Mathilde DEV**
|