- Entorno de desarrollo colaborativo en tiempo real basado en navegador, desarrollado para superar las limitaciones de las herramientas de colaboración tradicionales basadas en documentos, que no son adecuadas para clases o programación en pareja
- Rompe con la idea fija de que "la codificación colaborativa en tiempo real es compleja" y está diseñado para que cualquiera pueda empezar a programar en conjunto de inmediato mediante Zero Setup, verdadera colaboración en tiempo real y una UI intuitiva
- Vista previa en tiempo real pixel-perfect: en cuanto escribes código HTML/CSS/JS, se refleja de inmediato en WebView
- Funciones de colaboración: basado en Operational Transformation, permite que varios usuarios escriban al mismo tiempo sin conflictos
- Editor estilo VS Code: ofrece una interfaz familiar con Monaco Editor, además de autocompletado, resaltado de sintaxis e indicadores de errores
- Incluye una terminal en el navegador basada en Xterm.js para verificar entrada y salida
- Ejecución sin instalación: se puede usar al instante con solo tener un navegador
- Licencia GNU AGPL 3.0
Stack tecnológico
- Frontend: React, TypeScript, Tailwind CSS, Zustand, Xterm.js, Monaco Editor
- Backend: Java Spring Boot, WebSocket, Jackson
- Sincronización en tiempo real: algoritmo personalizado de Operational Transformation
- Procesamiento de mensajes: manejo atómico de datos mediante Redis + scripts Lua
- Hosting: el frontend en Vercel, el backend en AWS EC2 y Redis en ElastiCache
Operational Transformation (OT)
- OT es una tecnología clave que permite la edición simultánea de documentos en tiempo real, y Google Docs también se basa en ella
- CodeCafé implementa OT directamente para ofrecer lo siguiente:
- Detección y transformación de entradas simultáneas
- Preservación de intención y resolución de conflictos
- Mantenimiento de la sincronización del estado entre clientes
- Gracias a esto, ofrece una experiencia de usuario natural y fluida en entornos de colaboración en tiempo real
Planes futuros
- Autenticación de usuarios y guardado de proyectos
- Integración de chat de voz/texto
- Función de reproducción del historial de código
- Ampliación del soporte para más lenguajes
3 comentarios
Ya existe
code server, así que no tengo muy clara la diferencia,pero creo que estaría bien si le agregaran chat y reproducción del historial de código.
Me hace pensar en una función llamada Live Share de VS Code.
Antes se podía poner código junto al chat en tiempo real y también editar entre varios al mismo tiempo.
Pero aunque servía para mentorías de juniors, clases en línea o para presentarlo, al final casi nadie lo usaba mucho.
Pasa lo mismo con Zed; no sé cuánta demanda habrá realmente para el trabajo colaborativo en tiempo real. También parece que podría existir el problema de que todas las personas que participan en el trabajo tengan que usar el mismo editor y, además, como se trata de un software donde el rendimiento y la experiencia de usuario son realmente importantes...