ClearJSON

Visor de JSON para navegador que prioriza la privacidad. Cero rastreo. Totalmente local. Además, un servidor MCP para agentes de IA.

ClearJSON es una extensión de Chrome que detecta y formatea automáticamente las respuestas JSON en tu navegador. Creada en respuesta a la controversia de JSON Formatter: nunca inyectaremos anuncios, te rastrearemos ni venderemos tus datos.

Servidor MCP (¡Nuevo!)

Para agentes de IA (Claude Code, etc.): npx -y clearjson-mcp

{
  "mcpServers": {
    "clearjson": {
      "command": "npx",
      "args": ["-y", "clearjson-mcp"]
    }
  }
}

10 herramientas — formato, validación, búsqueda, consulta JSONPath, diff profundo, conversión (CSV/TSV/YAML/TypeScript), además de gestión de licencias. El único servidor MCP de JSON seguro para archivos grandes. Disponible en npm y mcp.so. Consulta AGENT_FIRST.md para conocer la justificación completa.

Related MCP server: agent-utils-mcp

Características

Gratis (para siempre)

• ✅ Detección y formato automáticos de JSON/JSON-LD/JSON:API/NDJSON

• ✅ Vista de árbol plegable con guías de sangría

• ✅ Resaltado de sintaxis (cadenas, números, booleanos, null)

• ✅ 10 temas (Dark, Light, Sepia, Monokai, Dracula, Nord, One Dark, Solarized Light, GitHub, High Contrast)

• ✅ Cambio de tema según el sistema

• ✅ Clic para copiar valores, clic derecho para JSONPath

• ✅ Enlaces detectados automáticamente (en los que se puede hacer clic) y vistas previas de imágenes (al pasar el cursor)

• ✅ Números de línea en la vista sin procesar

• ✅ Barra de estadísticas (número de nodos, profundidad, tamaño del archivo, tiempo de análisis)

• ✅ Atajos de teclado ([ contraer, ] expandir, D tema, R sin procesar, Enter navegación de búsqueda)

• ✅ Visor independiente (pegar JSON, arrastrar y soltar, cargar archivo)

• ✅ Lista de exclusión de URL (patrones regex)

• ✅ Procesamiento 100 % local: cero solicitudes de red

Pro ($2.99/mes o $19.99/año)

• 💰 Desplazamiento virtual de archivos grandes (más de 100 MB sin congelarse)

• 💰 Búsqueda avanzada (regex, resaltado de coincidencias, navegación por resultados)

• 💰 Descodificación automática de JWT (cabecera + carga útil en línea, detección de caducidad)

• 💰 Exportación en múltiples formatos (CSV, TSV, YAML, tipos de TypeScript con inferencia recursiva)

• 💰 30 temas premium (Catppuccin, Tokyo Night, Gruvbox, Nord, Dracula, Monokai…)

• 💰 Atajos de teclado personalizables (6 asignaciones configurables)

Instalación

Chrome Web Store

Instalar ClearJSON gratis

Edge Add-ons

Obtener ClearJSON en Edge

Cargar descomprimida (desarrollo)

1. Clona este repositorio

2. Ve a chrome://extensions/

3. Activa el «Modo de desarrollador»

4. Haz clic en «Load unpacked» y selecciona la carpeta del proyecto

Estructura del proyecto

clearjson/
├── manifest.json              # Chrome Extension manifest (MV3)
├── server/                    # License server (Cloudflare Worker + D1)
│   ├── src/index.js           # API: verify/generate/webhook/admin
│   ├── schema.sql             # D1 database schema
│   └── wrangler.toml          # Worker config
├── clearjson-mcp/             # MCP server (npm: clearjson-mcp)
│   ├── package.json
│   ├── src/
│   │   ├── index.js           # MCP entry point (stdio transport)
│   │   ├── core/              # Core logic (parser, exporter, license)
│   │   └── tools/             # 7 JSON tools + 3 license tools
│   ├── tests/                 # 49 MCP unit tests
│   └── README.md
├── src/
│   ├── content/
│   │   ├── content.js         # Content script (JSON detection + viewer injection)
│   │   └── content.css        # Base styles + CSS variable theming
│   ├── viewer/
│   │   ├── viewer.html        # Standalone viewer page
│   │   └── viewer.js          # Viewer logic
│   ├── popup/
│   │   ├── popup.html         # Extension toolbar popup
│   │   ├── popup.js
│   │   └── popup.css
│   └── utils/
│       ├── parser.js          # JSON detection + parsing
│       ├── tokenizer.js       # Syntax highlighting tokenizer
│       ├── themes.js          # 30 theme definitions
│       ├── license.js         # Pro license system
│       ├── export.js          # CSV/TSV/YAML/TypeScript export
│       ├── stream-parser.js   # Web Worker streaming parser
│       ├── virtual-tree.js    # Virtual scrolling tree view
│       └── tree.js            # Standard tree view renderer
├── tests/                     # 136 unit tests (Node built-in runner)
│   ├── helpers/setup.js
│   ├── test-parser.js
│   ├── test-tokenizer.js
│   ├── test-jwt.js
│   ├── test-license.js
│   └── test-export.js
├── test-data/                 # Test data + automation scripts
│   ├── complex-api-response.json
│   ├── jwt-test.json
│   ├── users-array.json
│   ├── large-array.json       # 2.2 MB for Pro gate testing
│   ├── server.js              # Local test server (port 8765)
│   ├── run-checklist.js       # 130-item static analysis
│   ├── browser-test.js        # 21-item browser automation
│   └── TEST-CHECKLIST.md      # 43-item manual checklist
├── icons/
│   ├── icon.svg
│   ├── icon16.png
│   ├── icon48.png
│   └── icon128.png
└── README.md

Desarrollo

# For development, load the extension unpacked:
# 1. chrome://extensions/ → Developer mode ON
# 2. Load unpacked → select the project root
# 3. Edit files and click refresh on the extension card

# Run unit tests (zero dependencies, Node 18+):
npm test                    # 136 tests (Chrome extension)
cd clearjson-mcp && npm test   # 49 tests (MCP server)

# Run static analysis checklist (130 checks):
node test-data/run-checklist.js

# Run browser automation tests (requires puppeteer):
node test-data/browser-test.js

# Start local test server (Pro auto-enabled on localhost:8765):
node test-data/server.js

Estado actual (v1.1.1 — disponible en CWS)

Todas las funciones implementadas. Pro disponible a través de Creem (2,99 $/mes o 19,99 $/año). 136 pruebas unitarias superadas. Servidor MCP v1.1.0 publicado en npm.

Consulta STATUS.md para ver el estado completo del proyecto, las decisiones de arquitectura y la lista de verificación de lanzamiento.

Privacidad

ClearJSON procesa todo localmente. Prometemos:

• ❌ Ningún dato se envía a ningún sitio

• ❌ Sin análisis ni telemetría

• ❌ Sin rastreo

• ❌ Sin anuncios

• ❌ Sin cuentas

• ❌ Sin scripts de terceros

Nuestros permisos son mínimos:

• storage — guardar tu preferencia de tema

• activeTab — formatear JSON en la pestaña actual

• Permisos de host: solo se necesitan para detectar el tipo de contenido JSON; no se lee ningún contenido de la página en páginas que no son JSON

Enlaces

• Página del producto: wayknow.tech/clearjson.html

• Servidor MCP: npmjs.com/package/clearjson-mcp

• Política de privacidad: wayknow.tech/clearjson-privacy.html

• Soporte: support@wayknow.tech

¿Por qué «ClearJSON»?

Después de que el JSON Formatter original (más de 2 millones de usuarios, 10 años de código abierto) se vendiera y empezara a inyectar anuncios y a rastrear a los usuarios, los desarrolladores necesitaban una alternativa fiable. ClearJSON se creó para ser esa alternativa con un modelo Pro sostenible que respeta a los usuarios en lugar de explotarlos.