DocCraft ✦ Universal Document & Developer Studio
The ultimate all-in-one developer toolkit for JSON, XML, YAML, and Markdown.
Interactive Tree Inspector, Spreadsheets, Visual Graph Architecture, Type & Zod Generator, XPath & JSONPath Query Studio, Saxon Enterprise XSLT Engine, Universal Format Converters, Mock Data Generator, and Diff Comparison.
🚀 What's New in v1.3.0
- 💎 100% Offline Monaco Editor: Embedded Monaco Editor across all studio panes (Types Generator, XPath/JSONPath Query Studio, Universal Converter & XSLT, Mock Data Generator, and Diff & Compare) with zero external network dependencies.
- 🔒 Protected Read-Only Outputs: Generated schemas, query results, converted payloads, and mock data in output panes are strictly read-only to prevent accidental edits while maintaining full copy (
Ctrl+C), search (Ctrl+F), and selection.
- ⚖️ Structured CSV & Delimited Diff & Compare: Built-in delimited parser (
parseDelimitedToObj) enabling seamless side-by-side comparison of CSV and TSV files without JSON parse errors.
- 🔄 Live Active Document Synchronization: Switching active files in VS Code automatically re-evaluates and updates whichever tab is currently open (Diff & Compare, Types, Query, Converter, Data Grid, or Graph Flow).
- 🛡️ Clean Data Grid Re-renders: Fully clears column headers and row states between renders when switching between documents with different schemas or field definitions.
🚀 What's New in v1.2.0
- ⚡ 100x Faster JSON Beautifier: Added a native V8 C++ fast-path. Files with 110,842+ lines format in ~25 ms (previously 12–15+ seconds).
- 📊 Full CSV / TSV Studio: Dedicated CSV provider with Data Grid table, syntax diagnostics for ragged rows, and RFC cell escaping.
- 🎯 Multi-Delimiter Auto-Detection: Samples sampled rows to automatically detect Comma (
,), Tab (\t), Semicolon (;), and Pipe (|), with a manual delimiter selector in Data Grid.
- 🔄 CSV to JSON Multi-File Splitter: Split large CSV files (e.g. 278 rows) into $N$ objects per file (e.g. 5 objects $\rightarrow$ 56 JSON files) with real-time file calculation and folder save picker.
- 🕸️ Visualizer Collapsed Node Preview: Collapsed object and array nodes in Graph Flow now display their first property/value (e.g.
[0]: { ndc: 0000000000000, ... } (+)) for instant item identification.
- ⌨️ Native Document Formatting for CSV/TSV: Format CSV/TSV directly via
Shift + Alt + F or right-click Format Document.
🚀 What's New in v1.1.0
- ⚡ Enterprise Saxon XSLT Engine: Run XSLT 1.0, 2.0, and 3.0 transformations directly in VS Code using Saxon (Saxon-HE / Saxon-EE). Includes automatic default-namespace fallback tolerance and custom Java path configuration.
- 🔍 Dual XPath & JSONPath Query Studio: Live querying with real-time feedback, quick preset filters (
//ObjectEvent, //@attribute, $..*), and 1-click results export.
- 📐 High-Fidelity XML Formatter: Beautifully formats XML with clean inline text leaf nodes (
<item>value</item>), preserving CDATA blocks, comments, and doctypes.
- 🌳 Full Multi-Language Tree Inspector: Comprehensive hierarchical visualization with search and JSONPath / XPath node locator for JSON, YAML, and XML documents.
- 📊 Enhanced Data Grid & CSV Export: Instant table spreadsheet view with sticky headers and 1-click markdown/CSV export.
- 🎨 Performance & UI Improvements: Smoother graph rendering, instant debounced live updates, and improved memory efficiency.
🌟 Why DocCraft?
Working with modern APIs, data pipelines, configs, XML enterprise schemas, and markdown documentation usually requires juggling half a dozen online tools, formatters, and web apps.
DocCraft brings the entire workspace into VS Code in a fast, lightweight, and completely offline extension.
⚡ The 8-Tab Developer Studio Suite
Open via Ctrl+Shift+P / Cmd+Shift+P ➔ "DocCraft: Open JSON Studio", click the title bar icon, or use the DocCraft Explorer sidebar.
┌─────────────────────────────────────────────────────────────────────────────────────────────────────────────────┐
│ [🌲 Tree Inspector] [📊 Data Grid] [🕸️ Graph Flow] [⚡ Types] [🔍 XPath/JSONPath] [🔄 Converter & XSLT] [🎲 Mock] [⚖️ Diff] │
└─────────────────────────────────────────────────────────────────────────────────────────────────────────────────┘
1. 🌲 Interactive Tree Inspector
- Hierarchical Node Navigation: Visual tree explorer for JSON, YAML, and XML with automatic data type badges (
object, array, string, number, boolean, null, xml-tag).
- Instant Search & Filter: Real-time filtering by key, value, XML attribute (e.g.
@xmlns), or nested path.
- 1-Click Path Copy: Copy precise JSONPaths (
$.users[0].name) or XPaths (//item[@id='1']) directly to clipboard.
- Expand / Collapse All: Deep navigation into nested payloads.
2. 📊 Data Grid (Spreadsheet / Table)
- Auto-detects arrays and nested structures and presents them in an interactive spreadsheet table with sticky column headers.
- 📥 Export CSV: 1-click generation of
.csv spreadsheet files.
- 📋 Copy as Markdown Table: Formats tabular data directly for GitHub READMEs, docs, and pull requests.
3. 🕸️ Interactive Graph Flow (Architecture Visualizer)
- Non-Overlapping Layout: Tree layout with smooth bezier curve connectors.
- Parent-Only Level Color Hierarchy:
L0 Root: Ice Cyan (#38bdf8)
L1 Keys: Iris Purple (#a855f7)
L2 Sub: Topaz Amber (#f59e0b)
L3 Nested: Mint Emerald (#10b981)
L4+ Deep: Rose Quartz (#f43f5e)
- Interactive Drag & Pan/Zoom: Reposition nodes, drag the canvas, and zoom in/out.
- Subtree Badges: Click
[ − ] / [ + ] badges to collapse and expand branches.
- 📸 Export Vector SVG & 🖼️ High-Res PNG: 1-click diagram downloads for technical specs and architecture reviews.
4. ⚡ TypeScript, Zod & JSON Schema Generator
- Automatically infers schemas from active JSON/YAML payloads.
- Generates:
- TypeScript Interfaces (
interface RootObject { ... })
- Zod Validation Schemas (
z.object({ ... }))
- JSON Schema (
$schema: "http://json-schema.org/draft-07/schema#")
- 🚀 Open in Editor: Open generated schemas into a new VS Code document with a single click.
5. 🔍 XPath & JSONPath Query Studio
- Dual Query Evaluator: Execute XPath against XML documents or JSONPath against JSON/YAML files.
- Quick Preset Selectors: Fast queries for elements (
//ObjectEvent, //eventTime), attributes (//@*), or deep JSON keys ($..*).
- Live Output: Copy output or open query matches directly in an editor window.
6. 🔄 Universal Converter & Saxon XSLT Studio
- Enterprise Saxon XSLT: Run XSLT 1.0, 2.0, or 3.0 stylesheets with live source XML and instant output preview. Built-in smart namespace normalization avoids empty text-node traps.
- Bidirectional Conversions:
- JSON ➔ YAML & YAML ➔ JSON
- JSON ➔ XML & XML ➔ JSON
- JSON ➔ CSV
- 1-Click Actions: Convert, Copy Output, or Open in a side-by-side editor tab.
7. 🎲 Smart Mock Data Generator
- Analyzes key names and types in your active schema.
- Synthesizes realistic mock datasets (names, emails, timestamps, UUIDs, addresses, numbers).
- Select between 5, 10, 25, or 50 records for rapid API testing and UI prototyping.
8. ⚖️ Diff & Compare
- Side-by-side JSON/data comparison.
- Visual breakdown cards for
+ [ADDED], - [REMOVED], and ~ [CHANGED].
- Helpers for Load Active Document, Swap Sides, and Clear.
🟨 JSON & JSONC
- Syntax Validator: Real-time diagnostic markers in the Problems panel.
- Beautifier / Formatter: Indent formatting with tab/space configuration.
- Minifier: Instant single-line compression.
- Key Alphabetizer: Recursively sort keys A-Z.
- Auto-Fix Malformed JSON: Repairs trailing commas, single quotes, unquoted keys, and comments.
🟦 XML & XSL
- High-Fidelity Formatter: Accurately indents nested elements while keeping leaf text nodes inline (
<title>My Document</title>).
- Tag Validation: Detects unclosed tags, mismatching closing tags, and malformed attributes.
- Minifier: Strips whitespace between tags and removes XML comments.
- XSLT Transformation: Direct Saxon processor integration.
🟧 YAML
- Validation: Syntax and indentation error checking.
- Formatter: Clean indentation alignment.
- AST Tree & Converters: View structure in Tree Inspector and convert to JSON.
🟦 Markdown
- Table Aligner: Formats column borders and alignments (
:---, :---:, ---:).
- Table of Contents (TOC) Generator: Inserts and updates hierarchical slug anchors.
- Document Statistics: Word counts, reading time estimates, and metric breakdowns.
⌨️ Command Palette Reference
| Command |
Description |
DocCraft: Open JSON Studio |
Opens the 8-tab Studio (Tree, Grid, Graph, Types, XPath/JSONPath, XSLT, Mock, Diff) |
DocCraft: Format / Prettify Document |
Formats active JSON, XML, YAML, or Markdown document |
DocCraft: Minify Document |
Compresses active file into single-line text |
DocCraft: Validate Syntax & Lint |
Scans document for structural and syntax errors |
DocCraft (JSON): Sort Keys Alphabetically |
Alphabetizes keys recursively across nested structures |
DocCraft (JSON): Auto-Fix Malformed JSON |
Repairs common invalid JSON syntax issues |
DocCraft (JSON): Convert to YAML |
Converts active JSON document into clean YAML |
DocCraft (JSON): Convert to CSV / Table |
Converts active JSON document into CSV spreadsheet |
DocCraft (JSON): Generate TypeScript Types |
Generates TypeScript interfaces |
DocCraft (JSON): Generate Zod Schema |
Generates Zod schema validation code |
DocCraft (Markdown): Format / Align Tables |
Auto-aligns markdown column padding and borders |
DocCraft (Markdown): Insert / Update Table of Contents (TOC) |
Auto-generates Table of Contents for Markdown |
DocCraft: Show Document Statistics |
Displays lines, words, chars, file size, and language metrics |
⚙️ Extension Settings
Configure DocCraft via VS Code Settings (Ctrl+, / Cmd+, ➔ search doccraft):
| Setting |
Default |
Description |
doccraft.xslt.processor |
"" |
Absolute path to your Saxon XSLT JAR (e.g. D:/Tools/Saxon/saxon-ee-11.1.jar or saxon-he.jar) |
doccraft.xslt.javaExecutablePath |
"java" |
Path to the Java binary (defaults to system java) |
doccraft.json.indentSize |
2 |
Indentation size in spaces for JSON/XML formatting |
doccraft.markdown.tocMaxDepth |
3 |
Maximum heading depth (1 to 6) for generated Table of Contents |
doccraft.markdown.autoValidateOnSave |
true |
Automatically run syntax validation and linting on save |
📦 Changelog
[1.1.0]
- Added Saxon XSLT 1.0 / 2.0 / 3.0 Processor support with smart namespace tolerance.
- Added XPath & JSONPath Query Studio with presets and live evaluation.
- Added High-Fidelity XML Formatter with inline leaf-node styling and CDATA support.
- Added full XML tree inspection and schema generation.
- Upgraded Graph Visualizer with export options (SVG/PNG) and level-based coloring.
- Performance enhancements and debounced document sync.
[1.0.0]
- Initial release of DocCraft Studio with 8-tab developer workspace.
- JSON, YAML, XML, and Markdown core formatters, linters, and converters.
📄 License
Distributed under the MIT License. See LICENSE for more details.
| |