TreedocViewer
Feature rich viewer for TreeDocs such as json/jsonex, yaml, xml. It has source, tree and table view, allow easy navigations.
Install / Use
/learn @treedoc/TreedocViewerREADME
TreeDoc Viewer
A powerful JSON/YAML/XML viewer with tree view, table view, and advanced filtering capabilities.
Live Demo: https://treedoc.github.io
Versions
v2 (Current - Vue 3 + PrimeVue)
The latest version built with Vue 3, TypeScript, PrimeVue 4, and Vite.
cd v2
yarn install
yarn dev # Development server
yarn build # Production build
yarn deploy # Deploy to GitHub Pages
v1 (Legacy - Vue 2 + Bootstrap)
The original version built with Vue 2, Bootstrap, and Vue CLI.
cd v1
yarn install
yarn serve # Development server
yarn build # Production build
Features
- Tree View: Navigate JSON/YAML/XML documents as an expandable tree
- Table View: View array data in a powerful table with sorting, filtering, and column management
- Pattern Matching: Extract fields from string values using pattern expressions
- Extended Fields: Add computed columns using JSONPath-like expressions
- Presets: Save and load query configurations
- Multiple Formats: Support for JSON, YAML, XML, CSV, and more
License
MIT License - see LICENSE.txt
Related Skills
node-connect
342.5kDiagnose OpenClaw node connection and pairing failures for Android, iOS, and macOS companion apps
frontend-design
85.3kCreate distinctive, production-grade frontend interfaces with high design quality. Use this skill when the user asks to build web components, pages, or applications. Generates creative, polished code that avoids generic AI aesthetics.
openai-whisper-api
342.5kTranscribe audio via OpenAI Audio Transcriptions API (Whisper).
qqbot-media
342.5kQQBot 富媒体收发能力。使用 <qqmedia> 标签,系统根据文件扩展名自动识别类型(图片/语音/视频/文件)。
