ClearJSON

Datenschutzorientierter JSON-Viewer für den Browser. Kein Tracking. Komplett lokal. Dazu ein MCP-Server für KI-Agenten.

ClearJSON ist eine Chrome-Erweiterung, die JSON-Antworten in Ihrem Browser automatisch erkennt und formatiert. Entwickelt als Reaktion auf die JSON-Formatter-Kontroverse – wir werden niemals Werbung einblenden, Sie verfolgen oder Ihre Daten verkaufen.

MCP Server (Neu!)

Für KI-Agenten (Claude Code usw.): npx -y clearjson-mcp

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

10 Tools – formatieren, validieren, suchen, JSONPath-Abfragen, Deep Diff, Konvertieren (CSV/TSV/YAML/TypeScript) sowie Lizenzverwaltung. Der einzige JSON-MCP-Server, der große Dateien sicher verarbeitet. Verfügbar auf npm und mcp.so. Siehe AGENT_FIRST.md für die vollständige Begründung.

Related MCP server: agent-utils-mcp

Funktionen

Kostenlos (für immer)

• ✅ Automatische Erkennung & Formatierung von JSON/JSON-LD/JSON:API/NDJSON

• ✅ Einklappbare Baumansicht mit Einzugslinien

• ✅ Syntaxhervorhebung (Zeichenketten, Zahlen, Booleans, null)

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

• ✅ Theme-Umschaltung nach Systemeinstellung

• ✅ Klicken zum Kopieren von Werten, Rechtsklick für JSONPath

• ✅ Automatisch erkannte Links (klickbar) und Bildvorschauen (Hover)

• ✅ Zeilennummern in der Rohansicht

• ✅ Statistikleiste (Knotenanzahl, Tiefe, Dateigröße, Parse-Zeit)

• ✅ Tastaturkürzel ([ einklappen, ] aufklappen, D Theme, R Rohansicht, Enter Suchnavigation)

• ✅ Eigenständiger Viewer (JSON einfügen, Drag-and-Drop, Dateiladen)

• ✅ URL-Ausschlussliste (Regex-Muster)

• ✅ 100% lokale Verarbeitung – keine Netzwerkanfragen

Pro ($2.99/Monat oder $19.99/Jahr)

• 💰 Virtuelles Scrollen für große Dateien (100MB+ ohne Einfrieren)

• 💰 Erweiterte Suche (Regex, Trefferhervorhebung, Ergebnisnavigation)

• 💰 Automatische JWT-Dekodierung (Header + Payload inline, Ablaufdatumserkennung)

• 💰 Export in mehrere Formate (CSV, TSV, YAML, TypeScript-Typen mit rekursiver Inferenz)

• 💰 30 Premium-Themes (Catppuccin, Tokyo Night, Gruvbox, Nord, Dracula, Monokai…)

• 💰 Benutzerdefinierte Tastaturkürzel (6 konfigurierbare Tastenkombinationen)

Installation

Chrome Web Store

ClearJSON Free installieren

Edge Add-ons

ClearJSON für Edge herunterladen

Unverpackt laden (Entwicklung)

1. Klonen Sie dieses Repository

2. Gehen Sie zu chrome://extensions/

3. Aktivieren Sie den „Entwicklermodus“

4. Klicken Sie auf „Entpackte Erweiterung laden“ und wählen Sie den Projektordner

Projektstruktur

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

Entwicklung

# 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

Aktueller Status (v1.1.1 – live im CWS)

Alle Funktionen implementiert. Pro über Creem verfügbar ($2.99/Monat oder $19.99/Jahr). 136 Unit-Tests bestehen. MCP-Server v1.1.0 auf npm veröffentlicht.

Siehe STATUS.md für den vollständigen Projektstatus, Architekturentscheidungen und die Release-Checkliste.

Datenschutz

ClearJSON verarbeitet alles lokal. Wir versprechen:

• ❌ Keine Daten werden irgendwohin gesendet

• ❌ Keine Analysen oder Telemetrie

• ❌ Kein Tracking

• ❌ Keine Werbung

• ❌ Keine Konten

• ❌ Keine Skripte von Drittanbietern

Unsere Berechtigungen sind minimal:

• storage – speichert Ihre Theme-Präferenz

• activeTab – formatiert JSON im aktuellen Tab

• Host-Berechtigungen – nur erforderlich, um den JSON-Inhaltstyp zu erkennen; auf Nicht-JSON-Seiten wird kein Seiteninhalt gelesen

Links

• Produktseite: wayknow.tech/clearjson.html

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

• Datenschutzerklärung: wayknow.tech/clearjson-privacy.html

• Support: support@wayknow.tech

Warum „ClearJSON“?

Nachdem der ursprüngliche JSON Formatter (2M+ Nutzer, 10 Jahre Open Source) verkauft wurde und begann, Werbung einzuschleusen und Nutzer zu verfolgen, brauchten Entwickler eine vertrauenswürdige Alternative. ClearJSON wurde entwickelt, um diese Alternative zu sein, mit einem nachhaltigen Pro-Modell, das Nutzer respektiert, anstatt sie auszubeuten.