🦴 Skeleton JSON by Devidol

Skeleton JSON es una extensión para Visual Studio Code diseñada para simplificar el análisis de estructuras JSON complejas. Transforma datos masivos en un "esqueleto" o esquema legible que te ayuda a entender la jerarquía y los tipos de datos sin perderte en los valores.

🚀 Funcionalidades Principales

1. Generación de Esqueleto JSON

Convierte cualquier archivo JSON en una representación de sus tipos. Ideal para cuando recibes una respuesta de API gigante y solo necesitas conocer su estructura para crear interfaces o modelos de datos.

• Detección de Uniones: Si un array contiene diferentes tipos (ej. strings y números), la extensión los identifica como string | number.
• Simplificación de Arrays: No muestra mil elementos iguales; colapsa la estructura del array a un único modelo representativo.

2. Hover Inteligente (Inferred Types)

Pasa el ratón sobre cualquier clave en un archivo JSON y obtén instantáneamente el tipo de dato inferido. ¡Ya no tendrás que hacer scroll infinito para saber si un campo era opcional o qué tipo de objeto contenía!

3. Vista Interactiva de Esquema

Visualiza el esqueleto generado en un panel lateral moderno y oscuro con:

• Árbol colapsable: Explora niveles profundos con un clic.
• Leyenda de colores: Identificación visual rápida de strings, números, booleans, arrays y objetos.
• Copiado rápido: Botón para copiar el esquema generado al portapapeles en formato JSON.

4. Optimizado para el Rendimiento

• Cache inteligente: El parseo de archivos se realiza de forma eficiente para evitar lentitud en el editor.
• Alertas de archivos grandes: Si intentas procesar un JSON de más de 10MB, la extensión te avisará para evitar bloqueos.

🛠️ Cómo utilizarlo

Opción A: Menú Contextual (Recomendado)

1. Abre un archivo .json.
2. Haz clic en el icono de punto entre corchetes (.) en la barra de herramientas superior del editor (esquina superior derecha).
3. ¡Listo! El panel de Skeleton JSON se abrirá automáticamente.

Opción B: Paleta de Comandos

1. Presiona Ctrl+Shift+P (o Cmd+Shift+P en macOS).
2. Escribe Generar Esqueleto JSON.
3. Selecciona el comando para visualizar el esquema.

🎨 Capturas de Pantalla

[!TIP] Aquí puedes añadir capturas de pantalla reales de tu extensión en acción para que los usuarios vean lo bien que luce el panel interactivo.

📦 Instalación

Puedes instalar esta extensión directamente desde el Marketplace de VS Code buscando Skeleton JSON by Devidol o clonando este repositorio y ejecutando:

npm install
npm run compile

Luego presiona F5 para abrir una ventana de prueba (Extension Development Host).

📝 Notas de Versión

0.0.1

• Lanzamiento inicial.
• Soporte para generación de esquemas básicos y uniones.
• Webview interactiva con modo colapsable.
• Hover provider para inspección rápida de tipos.

Hecho con ❤️ por Ivan Daniel Olmos Beltran