Transforma tu proyecto en información valiosa para resolver problemas de desarrollo más rápido

🎯 ¿Qué es Rino Tree?
Rino Tree es tu asistente inteligente para extraer información valiosa de cualquier proyecto de código. Genera representaciones estructuradas y filtradas que te permiten:
- 🔍 Solucionar bugs más rápido - Obtén el contexto exacto que necesitas
- 📚 Entender proyectos nuevos - Visualiza la arquitectura al instante
- 🤖 Alimentar IAs - Genera contexto optimizado para ChatGPT, Claude, etc.
- 📋 Documentar eficientemente - Crea documentación técnica automática
- 🔄 Hacer code reviews - Comparte el contexto relevante fácilmente
✨ Características Principales
- Filtrado por relevancia: Solo muestra lo que importa para tu problema específico
- Control de contenido: Ajusta qué tanto código mostrar (0-90% del espacio disponible)
- Pesos inteligentes: Prioriza archivos de configuración, puntos de entrada, etc.
🛠 Templates Especializados
rino # Configuración optimizada para tu proyecto
debug # Contexto perfecto para resolver bugs
code-review # Información ideal para revisiones
refactor # Análisis arquitectónico para refactoring
security # Auditoría enfocada en seguridad
feature # Planificación de nuevas funcionalidades
⚡ Configuración Flexible
{
"includes": ["src", "config"], // Qué incluir
"explicitly": [".ts", ".js", ".json"], // Solo estas extensiones
"tokens": 150000, // Límite de información
"content": 75, // % dedicado a código vs estructura
"template": "debug" // Template especializado
}
🚀 Uso Rápido
1️⃣ Instalación
# Desde VS Code Marketplace
ext install mig8at.rino-tree
2️⃣ Uso Básico
- Abrir Command Palette (
Ctrl+Shift+P
)
- Ejecutar
Rino: Generate Tree Structure
- ¡Listo! - Tu árbol aparece en una nueva pestaña
3️⃣ Desde Explorer
- Click derecho en cualquier carpeta →
Generate Tree
📋 Casos de Uso Reales
🐛 Debugging
mi-app/
├─ src/
│ ├─ components/ErrorBoundary.jsx
│ │ import React from 'react'; class ErrorBoundary extends React.Component {
│ │ constructor(props) { super(props); this.state = { hasError: false }; }
│ │ componentDidCatch(error, errorInfo) { console.error('Error caught:', error); }
│ ├─ api/userService.js
│ │ const API_BASE = process.env.REACT_APP_API_URL || 'http://localhost:3000';
│ │ export const fetchUser = async (id) => { const response = await fetch(`${API_BASE}/users/${id}`);
│ └─ utils/logger.js
├─ .env ↵REACT_APP_API_URL=https://api.production.com↵
└─ package.json "dependencies": {"react": "^18.2.0"}
🏗 Arquitectura
backend/
├─ src/controllers/ [5 archivos]
├─ src/models/User.js
│ const mongoose = require('mongoose'); const userSchema = new mongoose.Schema({
├─ src/routes/api.js
│ const express = require('express'); const router = express.Router();
├─ config/database.js
│ module.exports = { mongodb: { url: process.env.MONGO_URL || 'mongodb://localhost:27017' }
└─ server.js
const app = require('./src/app'); const PORT = process.env.PORT || 3000;
🎮 Comandos Disponibles
Comando |
Descripción |
Atajo |
Rino: Generate Tree |
Genera árbol del proyecto completo |
- |
Rino: Show Project Structure |
Muestra/genera estructura |
- |
Rino: Open Configuration |
Abre configuración JSON |
- |
Rino: Refresh Tree |
Refresca árbol existente |
- |
Rino: Reset Configuration |
Restaura configuración por defecto |
- |
⚙️ Configuración Avanzada
📁 Filtrado Inteligente
{
"includes": ["src/components", "src/hooks", "package.json"],
"excludes": ["*.test.js", "*.spec.ts", "__mocks__"],
"explicitly": [".tsx", ".ts", ".js", ".json"]
}
🎯 Templates Personalizados
Los templates optimizan la salida para casos específicos:
rino
: Configuración automática inteligente
debug
: Perfecto para resolver errores
code-review
: Ideal para revisiones
refactor
: Análisis arquitectónico
security
: Auditoría de seguridad
feature
: Planificación de features
📊 Control de Contenido
{
"content": 0, // Solo estructura (árbol básico)
"content": 50, // Balance estructura/código
"content": 90, // Máximo código posible
"tokens": 50000 // Límite total de información
}
🎯 Casos de Uso por Industria
💻 Desarrollo Web
- Debugging de APIs y componentes React/Vue
- Análisis de arquitectura frontend/backend
- Documentación de microservicios
🏢 Enterprise
- Auditorías de seguridad en aplicaciones críticas
- Documentación para compliance y auditorías
- Onboarding de desarrolladores en proyectos grandes
🎓 Educación
- Creación de ejemplos para tutoriales
- Documentación de proyectos de estudiantes
- Explicación de patrones arquitectónicos
🤖 AI/ML Development
- Contexto optimizado para LLMs (ChatGPT, Claude)
- Documentación de pipelines de datos
- Análisis de notebooks Jupyter
🔧 Configuraciones Populares
Para Debugging
{
"includes": ["."],
"explicitly": [".js", ".ts", ".json", ".env"],
"tokens": 100000,
"content": 85,
"template": "debug"
}
Para Documentación
{
"includes": ["src", "README.md", "package.json"],
"excludes": ["*.test.*"],
"tokens": 150000,
"content": 60,
"template": "documentation"
}
Para Code Review
{
"includes": ["src/components", "src/services"],
"explicitly": [".tsx", ".ts"],
"tokens": 80000,
"content": 90,
"template": "code-review"
}
🤝 Contribuir
¿Tienes ideas para mejorar Rino Tree? ¡Nos encantaría escucharte!
- 🍴 Fork el repositorio
- 🌟 Crea una rama para tu feature
- 💻 Haz tus cambios
- 📝 Agrega tests si es necesario
- 🚀 Envía un Pull Request
📄 Licencia
MIT License - ve el archivo LICENSE para más detalles.