Ctrl K
ComunidadGuías…
GITHUB · ANALIZADO

Svelvet

Biblioteca ligera en Svelte para construir interfaces de usuario basadas en nodos y diagramas de flujo infinitamente personalizables. Soporta TypeScript al 100% con componentes modulares para gestión de datos y visualización.

Ficha actualizada 18 sept 2026, 20:16 · upstream 13 feb 2025, 23:22 · release v8.0.4

Ver códigoProblemas y ayudaRepositorio ↗Sitio oficial
00

Qué es Svelvet

Descripción editorial construida a partir del repositorio, su documentación y sus señales de mantenimiento.

Svelvet es una biblioteca de componentes Svelte diseñada para crear interfaces interactivas basadas en nodos y diagramas de flujo. Permite construir sistemas visuales complejos con conectores dinámicos, gestión de estado y componentes accesibles.

La librería incluye componentes predefinidos como Node, Edge, Anchor, Drawer, Controls, Minimap y Background, todos altamente personalizables mediante props. Soporta flujos de datos bidireccionales, persistencia en localStorage y navegación por teclado con atajos específicos para cada funcionalidad.

Desde la versión 7.0.0, Svelvet migra a Svelte 4 y ofrece parseo de strings Mermaid para generar diagramas automáticamente. Incluye sistema de gestión de estado dinámico que rastrea conexiones entre anchors, con soporte completo para TypeScript y pruebas E2E con Playwright.

CASOS DE USO
  • Visualización de arquitecturas de microservicios mediante diagramas de flujo interactivos
  • Creación de editores visuales personalizados para configuraciones de aplicaciones
  • Dashboard de monitoreo con nodos arrastrables y conexiones dinámicas entre componentes
  • Prototipado rápido de interfaces complejas sin dependencias pesadas como D3
PUNTOS DESTACADOS
  • Cobertura completa de TypeScript con tipos exportados para integración segura en proyectos existentes
  • Componentes accesibles con soporte de teclado y navegación por tabulación nativa
  • Sistema de gestión de estado dinámico que rastrea conexiones entre anchors automáticamente
  • Parseo de strings Mermaid para generar diagramas sin escribir código manual
  • Persistencia de estado en localStorage con saveStore y reloadStore mejorados
  • Pruebas E2E con Playwright y pruebas unitarias con Vitest y Svelte Testing Library
PRECAUCIONES
  • No incluye soporte Docker ni archivos Dockerfile para despliegue containerizado
  • El reloadStore requiere mejoras adicionales para reconstrucción completa del grafo tras carga
  • Dependencia de Node.js y React en el análisis técnico, aunque es librería Svelte pura
  • Algunas funcionalidades de gestión de estado aún requieren integración manual con stores externos
01

Perfil de infraestructura

Estimación inicial derivada del repositorio y de los servicios detectados.

CPU1 vCPUrecomendación inicial
MEMORIA1 GBRAM estimada
DISCO10 GBalmacenamiento base
COMPLEJIDADlownivel de operación
02

Despliegue detectado

Qué señales reales de instalación hemos encontrado.

Despliegue manual

Instalar vía NPM como dependencia. Requiere entorno Svelte 4+. No necesita Docker ni contenedores. Configurar variables de entorno según necesidades del proyecto. Las pruebas se ejecutan con Playwright y Vitest. Verificar compatibilidad con TypeScript en el proyecto destino.

—Dockerfile
—Compose
—One-click
03

Stack y dependencias

Componentes inferidos a partir de manifests, configuración y documentación.

FRAMEWORKS
ReactNode.js
SERVICIOS
No detectados
BASES DE DATOS
No detectadas
PUERTOS
No detectados
05

Puede sustituir a

Relaciones detectadas por el análisis del repositorio y su categoría.

06

Experiencia real de la comunidad

Ayuda a contrastar la estimación automática con instalaciones reales.

Todavía no hay datos comunitarios para este proyecto.