blau-shared-frontend

Paquete de componentes, interfaces y configuraciones compartidas para proyectos Blau.

Instalación

npm install blau-shared-frontend

Uso

Importa los componentes, interfaces o configuraciones desde el directorio shared:

// Ejemplo de importación
import { IAppConfig } from "blau-shared-frontend/shared/interfaces";
import { MiComponente } from "blau-shared-frontend/shared/components";

Probar components

El proyecto incluye un Playground para visualizar y probar todos los componentes de forma interactiva.

Ejecutar el Playground

npm run dev

Esto iniciará un servidor de desarrollo donde podrás ver todos los componentes disponibles:

• Form Components: CustomSelect, CustomAutocomplete, CustomMultipleSelect
• General Components: CustomAccordion, CustomCardContainer, CustomTable, TabPanel, CustomSkeleton, etc.

Ubicación

El código del playground se encuentra en src/playground/index.tsx.

Estructura

shared/
  app/
    app-colors/
    app-icons/
  components/
    forms/
  interfaces/

Contribuir

Es un paquete interno, no se hace fork. Para contribuir:

1. Crea una rama con el número de ticket.

   git checkout -b RR-836

2. Realiza tus cambios y haz commit.
3. Abre un Pull Request hacia main.
4. El PR debe pasar todos los checks requeridos antes de poder hacer merge.

Publicación

El proceso de publicación está automatizado mediante GitHub Actions. Sigue estos pasos:

1. Actualiza la versión en package.json siguiendo semver:

   npm version patch   # 1.0.0 → 1.0.1 (bug fixes)
   npm version minor   # 1.0.0 → 1.1.0 (new features)
   npm version major   # 1.0.0 → 2.0.0 (breaking changes)

2. Abre un Pull Request con el cambio de versión y haz el merge a main.
3. Ve a GitHub → Releases → Draft a new release.
4. Crea un tag con el mismo número de versión que pusiste en package.json (ej. 1.5.1).
5. Publica el release — GitHub Actions construirá y publicará automáticamente el paquete a npm.

Licencia

MIT