Skip to content
| Marketplace
Sign in
Visual Studio Code>Linters>DocCraftNew to Visual Studio Code? Get it now.
DocCraft

DocCraft

Manigandan S

|
9 installs
| (1) | Free
Universal developer toolkit for JSON, CSV, XML, YAML, and Markdown: 100x fast beautifier, CSV-to-JSON multi-file splitter, interactive tree & grid inspector, visualizer, format converter & schema tools.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

DocCraft ✦ Universal Document & Developer Studio

DocCraft Logo

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.

VS Code Version Version 1.3.0 Languages Engines License


🚀 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.

🛠️ Multi-Format Language Support

🟨 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.

  • Contact us
  • Jobs
  • Privacy
  • Manage cookies
  • Terms of use
  • Trademarks
  • Your Privacy Choices
  • Consumer Health Privacy
© 2026 Microsoft