Packages

Código TypeScript compartido entre las 4 apps: UI, tipos, cliente API, configs.

28 archivos·8 tareas

0% completado

¿Qué es esto?

Paquetes internos del monorepo. No se publican en npm; se consumen desde las apps vía workspaces de pnpm.

Sirven para no duplicar: si un botón cambia, cambia en los 4 frontends a la vez. Si un tipo del API cambia, lo notan todas las apps al compilar.

Stack técnico

TypeScript 5
tsup (build)
ESLint + Prettier compartidos
Turborepo (cache de build)

Estructura de carpetas

packages/
├── ui/              design system React (Button, Card, Dialog...)
├── api-client/      cliente tipado contra el gateway
├── types/           tipos compartidos (Device, Family, Policy...)
└── config/
    ├── eslint/
    ├── tailwind/   preset con tokens de brand
    └── typescript/ tsconfig base

Archivos clave

Archivo	Qué hace	Prioridad
ui/src/components/Button.tsx	Botón base del sistema.	Alta
ui/src/index.ts	Barrel export del paquete.	Alta
api-client/src/index.ts	Fábrica de cliente tipado.	Alta
types/src/device.ts	Tipos compartidos de dispositivo.	Media
config/tailwind/preset.js	Preset con colores y escala BLANK.	Alta
config/eslint/index.js	Reglas ESLint compartidas.	Baja

Cómo ejecutarlo

Compilar todos los paquetes (cacheado por Turbo)

pnpm build

Compilar solo ui

pnpm --filter @blank/ui build

Arrancar ui en modo watch

pnpm --filter @blank/ui dev

Qué falta

0 de 8 completados

Alta Media Baja

Dependencias con otros módulos

Consumido por las 4 apps a través de pnpm workspaces.
tailwind preset depende de los tokens de brand/.