CodePrettify: Formateador JS, JSON, CSS y RSS

CodePrettify convierte archivos de desarrollador sin procesar en una experiencia similar a un IDE en el momento en que los abres — con formato, navegación, validación, comparación (diff) e incluso ejecución de JavaScript directamente en el navegador. Funciona con JSON, JSON Lines (NDJSON), JavaScript, TypeScript, CSS, YAML, XML y RSS/Atom, tanto para respuestas web como para archivos locales.

📊 SOPORTE PARA DATOS ESTRUCTURADOS
• JSON, JSON Lines, XML, RSS, Atom, YAML (.yaml / .yml) y TypeScript (.ts / .mts / .cts)
• JSON colapsable con navegación breadcrumb y herramientas de JSON Path (autocompletado, validación, copia por resultado)
• URLs y rutas de importación clicables en JSON y XML
• Vista de tabla: tablas ordenables y buscables para arrays de objetos JSON y elementos XML repetidos, con carga por bloques para grandes conjuntos de datos

🚀 AUTOMATIZACIÓN Y FORMATO INTELIGENTE
• Formato automático con detección de minificación, de modo que los archivos comprimidos se vuelven legibles y los ya legibles se mantienen sin cambios
• Motor moderno CodeMirror 6 con resaltado de sintaxis inspirado en VS Code
• Plegado de código para funciones, clases, objetos, arrays y bloques XML
• Coincidencia de paréntesis y un cargador sin parpadeos que evita mostrar contenido sin procesar

🧪 JAVASCRIPT PLAYGROUND
• Ejecuta JavaScript real en un Web Worker aislado con timeout configurable de 1 / 5 / 15 segundos
• Captura console.log/info/warn/error/debug y renderiza console.table como una tabla HTML real
• Muestra el valor de retorno, tiempo de ejecución y trazas completas
• Opción “Include {filename}” para incluir el archivo actual y poder llamar a sus funciones de nivel superior
• Autocompletado para funciones, métodos, clases y variables tanto del Playground como del archivo actual, con firmas de parámetros
• Top-level await, Tab / Shift+Tab para indentar/desindentar y persistencia automática del código entre sesiones
• Ctrl+Alt+P para abrir, Ctrl+Enter para ejecutar, Ctrl+Space para autocompletar

🧭 NAVEGACIÓN Y ARCHIVOS GRANDES
• Navegador de documento para JSON, JavaScript y XML
• Minimap consciente de la sintaxis renderizado en un canvas offscreen
• Estado de vista por URL: plegado, búsqueda, resaltados y modo restaurados automáticamente
• URL de configuración compartible que restaura exactamente la vista para otros usuarios
• Ir a línea (Ctrl+G) recuerda el último número de línea

🔍 INSPECCIÓN Y VALIDACIÓN
• Panel de diagnóstico con estado de sintaxis, advertencias e información específica por tipo de archivo
• Estadísticas de tamaño de archivo, líneas, profundidad JSON, funciones/variables JS, selectores CSS, etiquetas/atributos XML
• Validación integrada para JSON, JavaScript, TypeScript, CSS (línea/columna) y XML

🧬 COMPARAR Y DIFF
• Vista dividida en pantalla completa (Ctrl+Alt+D) con comparación por líneas, scroll sincronizado, estadísticas y opción de intercambiar lados

🔐 INSPECCIÓN DE DATOS
• Decodificación inline de Base64 y JWT con ventana dedicada de copia
• Detección de timestamps Unix (segundos y milisegundos) con tooltips legibles
• Tooltips de fechas ISO 8601 y RFC 822 en JSON, XML y RSS

🔎 BÚSQUEDA E INTERACCIÓN
• Búsqueda flotante (Ctrl+F) con conteo de resultados en tiempo real
• Búsqueda regex mediante /pattern/flags
• URLs y rutas de importación relativas clicables

🔎 REGEX PLAYGROUND
• Prueba patrones regex en tiempo real contra cualquier archivo o respuesta abierta
• Resaltado instantáneo de coincidencias en el visor principal con control de flags gimsuy
• Lista de coincidencias con conteo, línea/columna y navegación con un clic
• Grupos de captura y grupos nombrados visibles para la coincidencia activa
• Guía integrada y biblioteca de ejemplos
• Los patrones recientes se guardan y Ctrl+Alt+R abre el Playground al instante

📤 EXPORTACIÓN Y COMPARTIR
• Exportación PNG (vista visible o archivo completo) con renderizado con colores de sintaxis
• Exportación CSV para arrays JSON de objetos planos y feeds RSS/Atom
• Exportación de tablas HTML
• Copiar código original, formateado o minificado desde un solo botón

🌐 CONTEXTO DE LA SOLICITUD
• Panel de contexto HTTP: URL, tipo de contenido, encoding, tamaño y tiempos
• Generador de comandos cURL y fetch() con compatibilidad multiplataforma

🎨 HERRAMIENTAS CSS
• Visualización HEX y RGB con selector de color integrado (copiar HEX, RGB, HSL)

🔒 PRIVACIDAD Y SEGURIDAD
• Procesamiento 100% local; sin solicitudes externas, telemetría ni dependencias de terceros
• El Playground se ejecuta en un sandbox sin acceso a la página, la extensión o la red
• Seguro para APIs, tokens y sistemas internos

📂 FUNCIONA EN TODAS PARTES
• Respuestas HTTP/HTTPS y archivos locales (file:///)
• Detección automática mediante Content-Type

⚙️ PERSONALIZABLE
• Temas Light, Dark y Auto (sistema)
• Tamaño de fuente, indentación, números de línea, ajuste de línea, minimap
• Configuración sincronizada entre dispositivos mediante almacenamiento del navegador

⌨️ ATAJOS DE TECLADO
• Ctrl+B — Raw / Pretty
• Ctrl+Alt+C — Copy
• Ctrl+F — Search
• Ctrl+G — Go to Line
• Ctrl+Alt+T — Toggle toolbar
• Ctrl+Alt+D — Diff tool
• Ctrl+Alt+P — JavaScript Playground
• Ctrl+Alt+R — RegEx Playground

📝 ARCHIVOS LOCALES
Activa “Permitir acceso a URLs de archivo” en la configuración de extensiones de tu navegador para CodePrettify para usarlo con file:///

Disponible en 14 idiomas: Inglés, Noruego, Sueco, Danés, Alemán, Español, Francés, Italiano, Japonés, Coreano, Portugués, Ruso, Vietnamita y Chino simplificado.