Arquitectura de software

Cloud architecture visualizer

Evolución del editor visual actual para modelar arquitecturas cloud, dependencias y límites de seguridad.

Estado

Validación del repositorio

Duración

20–35 min

Qué vas a construir

Un experimento local con estado antes/después.

Validar geometría, contención, esquema y fidelidad de exportación del visualizador compartido.

Límite de seguridad: Auditoría local de código y salida estática; no modifica arquitecturas cloud ni despliega infraestructura.

Mapa mental

Un diagrama reusable necesita contratos que fallen cuando hay solapes, overflow o una exportación distinta de lo visible.

Validar schema.
Detectar residuales.
Probar exportación local.
Guardar evidencia de render.

Flujo del lab

01

Schema

02

Geometría

03

Build

04

Export

05

Reporte

Prerrequisitos y lecturas conectadas

Antes de ejecutar

  • Dependencias instaladas.
  • Build estático disponible para la prueba renderizada.
01

Ejecutar gates

Validar renderer y exportación como una sola superficie.

Auditorías

npm run audit:structured-cloud-schema
npm run validate:cloud-diagrams
npm run audit:diagram-export
npm run audit:diagram-export:render

Checks

  • ✓ Cero fallas.
  • ✓ Dos exports contienen solo su probe local.
  • ✓ Los nombres PNG son semánticos.

Evidencia

Salida de los cuatro comandos.

Criterios de aceptación, cleanup y fallas típicas

Aceptar el lab

  • Los gates pasan.
  • La exportación coincide con la instancia pulsada.
  • No hay selector global de React Flow.

Cleanup

Cerrar servidor de auditoría

El script renderizado cierra su servidor en finally.

Troubleshooting

Segundo diagrama no aparece

Causa: La página no hidrató o falló un asset.

Fix: Revisa pageerror/requestfailed del audit renderizado.