WrenchIT

Extensión de Visual Studio Code con utilidades rápidas para desarrolladores: codificación Base64, limpieza de JSON corrupto (especialmente el que genera Grafana) y previsualización de specs OpenAPI con Swagger UI.

Comandos

Todos los comandos están disponibles desde la paleta de comandos (Ctrl+Shift+P) y en el menú contextual del editor (clic derecho).

WrenchIT: Codificar en Base64

Codifica el texto seleccionado en Base64 (UTF-8).

Uso: selecciona el texto → clic derecho → WrenchIT: Codificar en Base64

WrenchIT: Decodificar Base64

Decodifica el texto seleccionado desde Base64 a texto plano.

Uso: selecciona el texto Base64 → clic derecho → WrenchIT: Decodificar Base64

WrenchIT: Limpiar y formatear JSON (Grafana)

Limpia y formatea JSON corrupto. Funciona sobre la selección activa o, si no hay selección, sobre todo el documento.

El JSON que exporta Grafana suele llegar con múltiples capas de corrupción. La extensión aplica un pipeline de limpieza en orden hasta obtener JSON válido:

• Elimina BOM y saltos de línea Windows
• Desenvuelve capas extra de comillas ("...")
• Elimina los delimitadores de barra que Grafana añade alrededor de strings (///"key///", /"value/", :///"val///")
• Deshace múltiples niveles de escape de comillas (\", \\", \\\")
• Quita las comillas que Grafana deja pegadas a llaves y corchetes ("{ → {, }" → }, "[ → [, ]" → ]) y desenvuelve valores string cuyo contenido es un objeto o un array ("{\"id\":150.0}" → {"id":150.0}), sin romper comillas internas como "hello \"world\""
• Elimina barras residuales al final de strings ("CommerceId/" → "CommerceId")
• Elimina comas finales inválidas antes de } o ]

Si tras aplicar todas las estrategias el resultado sigue siendo JSON inválido, el contenido se reemplaza igualmente con el mejor intento de limpieza y se muestra una advertencia, para que puedas ver qué queda por corregir.

Uso: abre el JSON en un editor → clic derecho → WrenchIT: Limpiar y formatear JSON (Grafana)

WrenchIT: Previsualizar OpenAPI (Swagger UI)

Renderiza una spec OpenAPI/Swagger (JSON o YAML) en un panel de Swagger UI al lado del editor. Funciona sobre la selección activa o, si no hay selección, sobre todo el documento.

Acepta JSON, YAML, un string JSON que contiene la spec y, si el texto viene escapado de Grafana, el mismo limpiador que Limpiar y formatear JSON. La spec tiene que incluir el campo openapi o swagger. Volver a ejecutar el comando actualiza el panel ya abierto.

Uso: abre la spec OpenAPI en un editor → clic derecho → WrenchIT: Previsualizar OpenAPI (Swagger UI)

Instalación local

npm install
npm run compile
npx vsce package --allow-missing-repository --skip-license
# Instalar el .vsix generado:
# Extensions: Install from VSIX...

Requisitos

• Visual Studio Code 1.85 o superior