Sign inSign up

sinfallas/rosgrid-frontend

By sinfallas

•Updated 22 days ago

Interfaz SPA/PWA WebFig y NOC Multi-Tenant (Vue 3) para gestión de flotas MikroTik RouterOS v7+

Networking
API management
Monitoring & observability
0

204

sinfallas/rosgrid-frontend repository overview

⁠sinfallas/rosgrid-frontend — Consola WebFig & NOC Multi-Tenant para MikroTik RouterOS v7+

sinfallas/rosgrid-frontend es la imagen oficial de producción, multi-arquitectura (linux/amd64, linux/arm64) e inmutable (non-root sobre nginx:1.27-alpine) que sirve la interfaz gráfica SPA/PWA de RoSGrid.

Construida con Vue 3 + TypeScript + Vite + Pinia, ofrece una consola táctica de alta densidad estilo WinBox / WebFig, diseñada específicamente para operadores de ISP, centros de operaciones de red (NOC) e ingenieros de telecomunicaciones que administran flotas MikroTik RouterOS v7.1+.

⁠Características Principales

⁠1. Arquitectura WebFig de Doble Capa y Multitarea (<KeepAlive :max="5">)
  • Capa 1 Especializada: Gestión directa de Interfaces, diagnóstico óptico SFP/SFP+ DDM (tx-power/rx-power en dBm), VLANs, Bridges, WireGuard, IPv4/IPv6, rutas ECMP, Firewall (Filter, NAT, Mangle, RAW, Address-Lists) con reordenamiento Drag & Drop y por teclado protegido mediante Safe Mode (60s), sesiones BGP/OSPF v7, PPPoE Active (reconexión N1 en 1 clic), Simple Queues / Queue Tree y herramientas de diagnóstico en vivo (Ping, Traceroute, Torch, Log).
  • Capa 2 Dinámica Universal: Inspector y renderizador CRUD automático para la totalidad de menús expuestos en la API nativa /rest/* de RouterOS v7.
⁠2. Telemetría y Gráficas Efímeras en RAM (Zero-Metrics Storage)
  • Motor TelemetryRingBuffer (5,400 puntos = 3 horas de historial en memoria RAM por pestaña mediante shallowRef) renderizado sobre <canvas> 2D acelerado por hardware con requestAnimationFrame, eliminando la escritura de series temporales en base de datos.
⁠3. Sistema de Diseño Tactical NOC Cyan y Accesibilidad WCAG 2.1 AA
  • Tres temas integrados (dark, light, noc-high-contrast) auditados de forma automatizada con 0 violaciones WCAG 2.1 A/AA (@axe-core/playwright) y puntuación Lighthouse CI >= 95% en Accesibilidad.
  • Densidad Dual Adaptativa: Filas compactas de 32px estilo WinBox en escritorio y controles táctiles de 44px en dispositivos móviles/tablets, con Virtual Scrolling nativo para tablas de miles de registros y paleta rápida de comandos (Ctrl+K).
⁠4. Seguridad Zero-Trust y Gobernanza Operativa
  • Cliente HTTP Endurecido: 4 interceptores automáticos para protección X-CSRF-Token, inyección de Idempotency-Key (UUIDv7), rotación transparente de Refresh Tokens (__Host-) y manejo nativo de respuestas 202 Accepted para el flujo de aprobaciones Maker-Checker.
  • Bóveda Criptográfica con Step-Up Auth 2FA: Modal de revelación de credenciales con temporizador de autodestrucción automática en memoria RAM a los 30 segundos.
  • Operación NOC y Auditoría Forense: Mapa interactivo georreferenciado (Leaflet + OpenStreetMap), importador masivo CSV en 2 pasos, comparador visual side-by-side de respaldos .rsc estilo Git, panel Kill-Switch de sesiones activas, modo Wallboard NOC y consola forense de verificación criptográfica inmutable WORM.

⁠Especificaciones Técnicas de la Imagen

ParámetroDetalle
Arquitecturas soportadaslinux/amd64, linux/arm64
Etapa de Compilación (Builder)sinfallas/base-node-ionic:26 (pnpm build Zero-Trust)
Servidor Web Runtimenginx:1.27-alpine ejecutándose sin privilegios (USER nginx)
Puertos Expuestos8080 / 80 (Tráfico SPA + Proxy reverso hacia /api/ y /ws/ + endpoint /stub_status para Prometheus)
LicenciaGPL-3.0-only

⁠Despliegue Rápido con Docker Compose

Esta imagen está diseñada para operar en conjunto con sinfallas/rosgrid-backend:latest, PostgreSQL 17 y KeyDB Multi-Hilo (o DragonflyDB) utilizando el orquestador oficial de producción.

⁠Enlaces y Recursos Oficiales

Tag Summary

No tags have been pushed to this repository yet.