GitDiagram: Visualiza la estructura de los repositorios de código de GitHub y transforma los repositorios de código en diagramas interactivos de arquitectura de sistemas.

Introducción general

GitDiagram es una innovadora herramienta de visualización de la base de código de GitHub que transforma rápidamente cualquier repositorio de GitHub en un diagrama interactivo de la arquitectura del sistema. Utiliza tecnología avanzada de IA (Claude 3.5 Sonnet) para ofrecer a los desarrolladores una nueva forma de ver y entender su código base. Los usuarios sólo tienen que sustituir "hub" por "diagram" en la URL de GitHub para generar al instante un diagrama visual del repositorio correspondiente. GitDiagram se desarrolla utilizando una moderna pila tecnológica, que incluye Next.js, FastAPI y PostgreSQL, lo que garantiza un alto rendimiento y fiabilidad. alto rendimiento y fiabilidad.

Experiencia: https://gitdiagram.com/

Lista de funciones

• Conversión visual instantánea: convierte rápidamente la estructura de repositorios de GitHub en diagramas de diseño/arquitectura de sistemas.
• Navegación interactiva inteligente: permite acceder directamente a los archivos y directorios de origen haciendo clic en los componentes del diagrama.
• Generación impulsada por la inteligencia artificial: rapidez y precisión en la generación de gráficos con Claude 3.5 Sonnet
• Personalización: posibilidad de modificar y regenerar los gráficos según las instrucciones del usuario.
• Atajos de URL: Utilice la URL de GitHub sustituyendo "hub" por "diagram".
• Compatibilidad total con API: proporciona una interfaz API pública para la integración (en desarrollo)
• Actualizaciones en tiempo real: soporte de actualizaciones visuales en tiempo real de los cambios en la estructura de la base de código.
• Implantación personalizada: solución completa de implantación autoalojada disponible

Utilizar la ayuda

Proceso básico de utilización

• Introduce la URL del repositorio de GitHub o utiliza el método de conversión de URL
• Esperar a que el sistema genere automáticamente un diagrama de arquitectura interactivo
• Haga clic en un componente del diagrama para acceder directamente al archivo de código fuente correspondiente.

Descripción de las restricciones de uso

La versión gratuita actual tiene las siguientes restricciones de uso:

• Límite de 1 solicitud de generación de gráficos por minuto
• Límite de 5 solicitudes de generación de gráficos al día
• Programa opcional de autodespliegue si necesita salir de las limitaciones

Guía de implantación autónoma

1. Preparación medioambiental

   git clone https://github.com/ahmedkhaleel2004/gitdiagram.git
   cd gitdiagram
   pnpm i
   

2. Configuración de variables de entorno
   • Copiar .env.ejemplo a .env
   • Configuración de las claves API de Anthropic
   • Configuración opcional de tokens de acceso personal a GitHub
3. Inicio de los servicios de back-end

   docker-compose up --build -d
   

   • El servicio back-end se ejecutará en localhost:8000
   • Visualización de registros con docker-compose logs -f
4. Configuración de la base de datos

   chmod +x start-database.sh
   ./start-database.sh
   pnpm db:push
   

   • La base de datos se ejecutará en localhost:5432
   • Con pnpm db:studio puedes ver y gestionar bases de datos
5. Inicio de los servicios front-end

   pnpm dev
   

   • Visite localhost:3000 para utilizar la versión desplegada localmente

Uso de funciones avanzadas

1. Comandos personalizados
   • La generación de gráficos puede modificarse proporcionando comandos personalizados a través de la interfaz.
   • Soporte para adaptarse a las necesidades de visualización de una estructura particular de base de código.
2. Integración API
   • Las API públicas en desarrollo permitirán la integración de sistemas de terceros
   • Visualización de la base de código automatizable mediante API

Trucos y consejos

1. Para grandes almacenes
   • Se recomienda centrarse primero en la estructura de los módulos principales
   • Desglose paso a paso de los detalles con navegación interactiva
2. optimización del rendimiento
   • Utilizar una solución autoalojada puede romper las limitaciones por defecto
   • Considere la posibilidad de utilizar su propia clave API de Anthropic para mejorar el rendimiento