2026-05-02 04:54:20 +00:00
|
|
|
# Dockerflow (ContainerFlow)
|
2026-05-02 01:26:59 +00:00
|
|
|
|
|
|
|
|
## Nomenclatura UI
|
|
|
|
|
|
|
|
|
|
- **Nodo** — tarjeta de servicio en el canvas (`ServiceNode.tsx`)
|
|
|
|
|
- **Panel** — panel lateral izquierdo con detalles del servicio (`DetailPanel.tsx`)
|
|
|
|
|
- **Canvas** — mesa de trabajo donde se ven los nodos y conexiones (ReactFlow)
|
|
|
|
|
|
|
|
|
|
## Stack
|
|
|
|
|
|
|
|
|
|
- **Frontend:** React + ReactFlow + Tailwind CSS
|
|
|
|
|
- **Backend:** Hono + Bun
|
|
|
|
|
- **Docker:** dockerode para comunicacion con Docker API
|
|
|
|
|
|
|
|
|
|
## Estructura
|
|
|
|
|
|
|
|
|
|
- `src/client/` — frontend React
|
|
|
|
|
- `nodes/` — componentes de nodos (ServiceNode, GroupNode)
|
|
|
|
|
- `panels/` — paneles (DetailPanel)
|
|
|
|
|
- `hooks/` — hooks (useDocker)
|
2026-05-02 03:58:56 +00:00
|
|
|
- `engine/` — layout
|
2026-05-02 01:26:59 +00:00
|
|
|
- `components/` — componentes generales
|
|
|
|
|
- `src/server/` — backend Hono
|
|
|
|
|
- `index.ts` — servidor principal, WebSocket, API REST
|
|
|
|
|
- `docker.ts` — interaccion con Docker
|
|
|
|
|
- `watcher.ts` — polling de stats y eventos
|
|
|
|
|
- `src/shared/` — tipos compartidos
|
|
|
|
|
|
|
|
|
|
## Comandos
|
|
|
|
|
|
|
|
|
|
- `bun run dev` — desarrollo (servidor + cliente)
|
|
|
|
|
- `bun run build` — build de produccion
|
