Saltar al contenido
Animoria icon

Animoria

Expón, previsualiza e inspecciona secuencias animadas en tu espacio de trabajo.

Animoria · Interface & Runtime
DEVTOOLS
animoria://workspace/asset-governance
AUDITORÍA ACTIVA
dotLottie V2 · 60 FPS · 192 Frames
00:00.0000:01.3200:03.20
OVERUSEDhero_sparkle.lottie

12 referencias cruzadas en TypeScript / Swift / Kotlin

DUPLICATEbadge_glow.json == badge_v2.json

MD5 idéntico detectado en packages/core y apps/web

UNUSEDlegacy_onboarding.rive

0 referencias en el código fuente. Candidato a limpieza.

Superficie de inspección y ejecución de Animoria en el flujo de trabajo del desarrollador.

Memoria Visual para Proyectos en Crecimiento

Las aplicaciones modernas dependen intensamente de secuencias visuales y movimiento: animaciones Lottie, archivos dotLottie, máquinas de estado Rive y gráficos vectoriales. A medida que los equipos y monorrepositorios crecen, la gestión de estos archivos acumula deuda técnica silenciosa.

Surgen duplicados en diferentes directorios inflando el bundle de producción. Quedan recursos huérfanos tras rediseños y los desarrolladores carecen de trazabilidad para saber qué archivo de código usa cada recurso, haciendo que la refactorización sea incierta y riesgosa.

Animoria opera como una memoria visual automatizada dentro de tu editor. Descubre, inspecciona y audita los recursos del espacio de trabajo al activarse y ante cambios en el sistema de archivos, asegurando que cada asset esté controlado desde el diseño hasta la compilación final.

“Ve cada recurso. No olvides ninguno.”

Gobernanza Automatizada y Rastreo de Referencias

En lugar de requerir búsquedas manuales, Animoria valida continuamente tu espacio de trabajo mediante un motor de gobernanza local:

  • Validación Estructural de Archivos: Examina magic bytes y estructuras internas, garantizando que archivos corruptos o mal categorizados no contaminen la galería.
  • Rastreo de Uso Multilenguaje: Analiza código fuente en TypeScript, JavaScript, Swift, Kotlin, Dart, Vue, Svelte y Python para ubicar invocaciones mediante imports, setAnimation, R.raw.* o cadenas de ruta.
  • Aislamiento en Monorrepositorios: Limita las referencias al paquete más cercano (package.json, Cargo.toml, go.mod, pubspec.yaml), evitando polución cruzada entre módulos.
  • Clasificación de Gobernanza: Identifica automáticamente assets No Usados (cero referencias), Duplicados (coincidencia de hash MD5 entre carpetas) o Sobrecargados (superan umbrales configurados en .animoriarc).

Formatos Animados e Indexación Estática

Animoria procesa gráficos animados y estáticos directamente en el entorno del editor:

  • Soporte dotLottie V2: Descomprime archivos ZIP binarios .lottie, extrayendo metadatos y permitiendo alternar al instante entre múltiples animaciones empaquetadas.
  • Extracción de Metadatos: Calcula cuadros por segundo (FPS), duración, dimensiones de lienzo, cantidad de capas y marcadores.
  • Miniaturas Integradas Sin Subprocesos: Renderiza previsualizaciones en caché dentro del runtime del editor sin requerir instancias externas de Chromium.
  • Inventario Unificado: Indexa archivos SVG, PNG, JPEG, WebP y AVIF junto a los recursos animados para una visibilidad completa.

Arquitectura

Diseñado con cero dependencias del editor en su núcleo, Animoria separa la lógica de escaneo y gobernanza de las capas de integración:

animoria/
├── packages/animoria-core/        # TypeScript puro — escaneo, parseo, uso y gobernanza
├── packages/animoria-vscode/      # Extensión para Visual Studio Code (TreeView y WebViews)
├── packages/animoria-jetbrains/   # Plugin para IntelliJ Platform (Kotlin y JCEF)
└── apps/animoria-sandbox/         # Entorno de desarrollo de componentes web
DISTRIBUCIÓN OFICIAL

Ecosistema de Disponibilidad

Animoria está publicado e integrado en los siguientes entornos de desarrollo.

CÓDIGO FUENTE

GitHub Repository

Ver Repositorio