¿Cómo se puede mejorar un CI open source?

En este artículo hablamos de Drone CI, una herramienta de CI/CD open source muy potente y ligera, basada en Docker, con soporte para múltiples pipelines y múltiples plataformas. Drone nació en 2012 y, como tantas otras herramientas open source, la crearon desarrolladores para desarrolladores, así que carecía de una interfaz amigable.

Por fin, un cambio…

Drone se usa a diario en muchísimos proyectos, y eso motivó un rediseño a fondo. Tras meses de trabajo, se lanzó la nueva versión Drone v1.0.0, que ya está lista para usar.

Versión nueva

Versión antigua

Análisis de la solución anterior

El objetivo principal de los cambios era mejorar primero la UX y después la UI. Se revisaron las incidencias abiertas de Drone en GitHub y se recogió feedback de desarrolladores que lo usaban y del propio creador de la herramienta.

A partir de ahí, se elaboró una lista con los problemas principales:

• Navegación complicada y poco clara
• Una acción de cancelar build confusa
• Falta de interacción con el usuario durante la activación de repositorios
• Sin diseño responsive para móviles y tablets
• Ninguna página de inicio claramente definida
• Problemas de escalabilidad de la interfaz y sin espacio para nuevas funcionalidades
• Guardado de ajustes poco claro

También se preparó una lista de funcionalidades nuevas previstas, entre ellas builds con múltiples pipelines, soporte para cron jobs y nuevos ajustes de repositorio.

Nuevas ideas y su implementación

Navegación principal: la búsqueda

Para empezar, la «Búsqueda» pasó a ser la pieza clave para navegar entre repositorios y activarlos. Está en la parte superior de todas las páginas y se abre con el atajo «/». Al buscar, ves un resumen del repositorio y el estado del último build.

Tarjetas

Las tarjetas de repositorio se diseñaron con la información más útil, buscando una solución lo más flexible posible. Por ejemplo, en la página de inicio el título de la tarjeta es el nombre del repositorio y la segunda línea es una frase legible con la información importante.

Esa frase se construye a partir del autor del commit, el evento, la rama y el mensaje del commit. Esta solución escala mejor que una vista de tabla, donde cada columna corresponde a un campo concreto. Así, en la vista móvil se puede contraer fácilmente y repartir en varias líneas.

Pestañas

La página del repositorio ahora muestra pestañas nada más abrirla. Es una buena forma de navegar por la página de ajustes y permite añadir nuevas pestañas en el futuro (ya hay algunas en preparación).

Una única página de ajustes

En lugar de repartir ciertos ajustes en páginas distintas, ahora están todos en una. Al activar un repositorio nuevo, te lleva directamente a la página de ajustes, porque normalmente es lo primero que haces para configurarlo.

Nueva página de build

La idea es unificar componentes, así que el componente principal, con un breve desglose del estado del build, es el mismo que en las páginas anteriores. La navegación de la izquierda ya admite múltiples pipelines. Arriba se reservó espacio para botones, donde está previsto añadir nuevas funcionalidades en próximas versiones.

Los logs importan

Para leer y navegar por los logs con más comodidad, se añadieron un modo a pantalla completa y la opción de descargarlos, algo especialmente útil si tus logs son enormes y quieres revisarlos en tu editor favorito.

La sincronización no bloquea tu trabajo

Algunos usuarios de Drone tienen una lista enorme de repositorios y sincronizarlos todos lleva su tiempo. Antes, la sincronización ocupaba toda la pantalla y no te dejaba cerrarla ni seguir trabajando con los repositorios existentes. Ahora es simplemente un pequeño botón con una animación mientras se sincroniza.

Carga inteligente

En la nueva versión, cuando cargas los datos en la primera pantalla y luego saltas a otra página, Drone reutiliza la lista existente y muestra claramente que los datos se están cargando. Se acabó esperar mirando spinners: si hay datos, se muestran al instante.

Iconos bonitos para los estados vacíos

Se puso mucho mimo incluso en los estados vacíos, con un montón de iconos distintos que puedes disfrutar en varias páginas.

¿Qué más cabe esperar de Drone?

Ya hay planes para la versión Drone 1.1, cuyas funcionalidades clave incluyen:

• Un botón «Deploy» para un entorno concreto desde la página del build
• La posibilidad de filtrar builds por ramas y entornos
• Tooltips amigables para quienes acaban de instalar Drone
• Un nuevo enfoque para las actualizaciones en tiempo real
• Mejor gestión de usuarios