hacklab/FLUJOS
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

flow like the river

Browse source
This commit is contained in:
root 2025-11-07 00:06:12 +01:00
commit 013fe673f3
42435 changed files with 5764238 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

61
DOCS/ARQUITECTURA_CLIENTE_JS.txt Normal file
View file

@ -0,0 +1,61 @@
┌───────────────────┐
│ HTML + CSS UI │
│ │
│ - contenedor div │
│ #globWarContainer│
│ - form #paramForm │
└─────────┬─────────┘
│
▼
┌─────────────────────────────────────────────────────────────┐
│ output_glob_war.js │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ 1. Inicialización del gráfico │ │
│ │ └─ ForceGraph3D()(elem) configuras estilos, forces │ │
│ └───────────────────────────────────────────────────────┘ │
│ │ │
│ ▼ │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ 2. getData(paramsObj) │ │
│ │ ├─ Construye URL: '/api/data?tema=guerra global…' │ │
│ │ ├─ fetch(url) → JSON { nodes: [...], links: [...] }│ │
│ │ ├─ Filtra enlaces inválidos (fuente/target existe)│ │
│ │ ├─ Calcula grado de cada nodo │ │
│ │ ├─ Filtra nodos con grado < MIN_DEGREE │ │
│ │ └─ Devuelve { nodes, links } │ │
│ └───────────────────────────────────────────────────────┘ │
│ │ │ │
│ │ ▼ │
│ │ ┌────────────────────────────────┐ │
│ │ │ 3. graph.graphData(data) │ │
│ │ │ Renderiza nodos + enlaces │ │
│ │ └────────────────────────────────┘ │
│ │ │ │
│ ▼ ▼ │
│ ┌──────────────────────────────┐ ┌────────────────────────┐ │
│ │ showNodeContent(content) │ │ centerGraph() │ │
│ │ └─ despliega content │ │ └─ zoomToFit + padding │ │
│ └──────────────────────────────┘ └────────────────────────┘ │
│ ▲ ▲ │
│ │ │ │
│ ┌───────────────────────────────────────────────────────┐ │
│ │ 4. Event Listeners │ │
│ │ - form submit → llama getData(paramsObj) │ │
│ │ - window resize → llama centerGraph() │ │
│ └───────────────────────────────────────────────────────┘ │
└─────────────────────────────────────────────────────────────┘
│
▼
┌─────────────────────────────────────────────────────────────┐
│ FLUJOS_APP.js │
│ ┌ getDataHandler(req, res) ┐ │
│ │ - recibe paramsQuery │ │
│ │ - consulta Mongo: │ │
│ │ • filtra por tema │ │
│ │ • aplica límites nodos/complejidad/fechas │
│ │ - construye { nodes, links } JSON │
│ └───────────────────────────┘ │
│ │ │
│ ▼ │
│ HTTP GET /api/data → getDataHandler → responde JSON │
└─────────────────────────────────────────────────────────────┘