DocCraft ✦ Universal Document & Developer Studio

The ultimate all-in-one developer toolkit for JSON, XML, YAML, CSV, and Markdown.
Interactive Tree Inspector, Spreadsheet Data Grid with Column Analytics, Visual Graph Architecture, Type & Zod Generator, XPath/JSONPath/JSONata Transform Studio, Dual-Engine Native & Saxon XSLT, Universal Format Matrix (SQL, Flatten, Transpose), Multi-Doc YAML Splitter, Mock Data Generator, and Offline Diff Comparison.

🚀 What's New in v1.4.0

• 📊 Data Grid Power Tools & Column Insights:

  • Column Sorting: Click any column header to toggle between ascending (▲), descending (▼), and natural order with type-aware numeric & string collation.
  • Live Search Filter: Instant real-time filtering across all table columns and rows simultaneously.
  • Column Insights & Statistics Drawer: Inspect any column to view row counts, distinct values, empty/null frequency, and numeric calculations (Min, Max, Average, Sum).
  • 1-Click SQL INSERT Statements: Export tabular records directly into clean, executable SQL INSERT INTO [table] (...) VALUES (...) statements.
  • Table Transpose: Swap rows and columns with a single click.
  • Grid Usability: Wrap long values, select/copy cells as TSV, resize columns, freeze the first column, and inspect headerless CSV files.

• 🔍 Query Studio: Path Query & JSONata Transform Dual Mode:

  • Dual Mode Toggle: Seamlessly switch between standard Path Queries (JSONPath / XPath) and sandboxed JSONata Transform Expressions ($filter(...), $[active = true]).
  • Curated Transform Presets: Instant chips for First 5 Items, Pluck Keys, Filter Active, and Count & Schema Keys.
  • Universal format normalization evaluates queries cleanly across JSON, YAML, XML, and CSV.

• 🔄 Expanded Universal Format Matrix & SQL Tools:

  • Convert across JSON ⇄ YAML ⇄ CSV ⇄ XML.
  • Dot-Notation Flatten & Unflatten: Flatten deeply nested payloads (users.0.profile.email) and reconstruct nested objects.
  • CSV to SQL Inserts available directly from both the Studio and Command Palette.
  • Transpose CSV from either the Data Grid or Command Palette.

• 🟧 Multi-Document YAML Workflow:

  • Full support for multi-document YAML streams separated by ---.
  • Split Multi-Doc YAML: Split composite manifests (e.g. Kubernetes manifests) into individual indexed files (manifest_01.yaml, manifest_02.yaml) via folder picker.

• ⚡ Dual-Engine XSLT (Native 1.0 Fast-Path + Saxon 2.0/3.0):

  • Zero-Setup Native Offline XSLT 1.0: Built-in in-browser XSLT engine powered by XSLTProcessor requiring no Java, no Saxon JAR, and zero configuration.
  • Engine Selector: Choose between Engine: Auto-Detect, Engine: Native Fast-Path (1.0), and Engine: Saxon (2.0/3.0).
  • Curated Starter Templates: Pre-loaded starter stylesheets for XML to HTML Report, XML Identity Transform, XML to CSV, and Strip Namespaces.

• 🛡️ Bulletproof Offline Monaco Studio:

  • Isolated inline worker architecture eliminating cross-origin importScripts errors in VS Code webview sandboxes.
  • Clean syntax highlighting, code folding, and bracket matching with zero network dependencies.

🚀 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 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 into $N$ objects per file with real-time file calculation and folder save picker.
• 🕸️ Visualizer Collapsed Node Preview: Collapsed object and array nodes in Graph Flow display their first property/value for instant item identification.
• 🛡️ Lossless CSV Handling: DocCraft does not “prettify” CSV because rewriting valid delimiters, quoting, whitespace, or leading zeros can change data.

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

All normal parsers, editors, converters, generators, and Studio assets are bundled in the VSIX and make no network requests. Native XSLT 1.0 is zero-setup; XSLT 2.0/3.0 is an optional local integration requiring Java and a user-provided Saxon JAR.

⚡ 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, XML, and Markdown outline with automatic 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 & Analytics)

• Column Sorting: Interactive click-to-sort headers (Ascending, Descending, Default).
• Live Search Filtering: Search across every column in real time.
• Column Insights Drawer: Summary metrics including distinct count, null/empty count, and numeric statistics (Min, Max, Average, Sum).
• 📥 Export CSV: 1-click generation of .csv spreadsheet files.
• 📋 Copy as Markdown Table: Formats tabular data directly for GitHub READMEs, docs, and pull requests.
• 🗄️ SQL Inserts: Generates complete SQL INSERT statements from tabular records.
• 🔄 Transpose Table: Swap rows and columns in 1 click.
• Selectable Grid: Select one cell or a rectangular range and copy it as tab-separated data for Excel.
• Readable Wide Data: Toggle wrapped cells, resize columns, and freeze the first column.
• Headerless CSV: Treat the first row as data and generate Column 1, Column 2, and similar labels.

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.
• Keyboard Accessible: Focus nodes and operate collapse, field, and paging controls with Enter or Space.
• Large-Data Paging: Bounded graph rendering and complete page navigation keep large CSV/TSV files responsive.
• 📸 Export Vector SVG & 🖼️ High-Res PNG: Full-diagram exports preserve aspect ratio and work independently of the current pan/zoom viewport.

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 & Transform Studio

• Dual Query Modes: Toggle between Path Query (JSONPath / XPath) and JSONata Transform Expression ($filter(...), $[active = true]).
• Safe JSONata Engine: Transform payloads offline without executing arbitrary JavaScript.
• Quick Preset Selectors: Fast queries for elements, attributes, or deep array keys.
• Live Output: Copy output or open query matches directly in an editor window.

6. 🔄 Universal Converter & Dual-Engine XSLT Studio

• Zero-Setup Native XSLT 1.0: Run transformations offline with built-in native fast-path (no Java required).
• Saxon XSLT 2.0/3.0: Use a local Saxon HE/PE/EE JAR for advanced XSLT features supported by that edition.
• Starter Templates: Pre-loaded templates for HTML reports, identity transform, CSV conversion, and namespace removal.
• Universal Format Matrix:
  • JSON ⇄ YAML ⇄ CSV ⇄ XML
  • CSV to SQL Inserts
  • Flatten Keys (Dot-Notation) & Unflatten Keys
  • Transpose 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 comparison across JSON, XML, YAML, and CSV files.
• 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: 100x fast-path indentation formatting with tab/space configuration.
• Minifier: Instant single-line compression.
• Key Alphabetizer: Recursively sort keys A-Z.
• Flatten & Unflatten: Convert nested objects to dot-notation keys and back.
• 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.
• Dual-Engine XSLT: Native in-browser XSLT 1.0 + Saxon 2.0/3.0 processor integration.

🟧 YAML

• Validation: Syntax and indentation error checking.
• Formatter: Clean indentation alignment.
• Multi-Document Support: Split multi-document YAML (---) files into individual manifests.
• AST Tree & Converters: View structure in Tree Inspector and convert to JSON/XML/CSV.

🟩 CSV & TSV

• Interactive Data Grid: Column sorting, live search filter, and column analytics drawer.
• SQL INSERT Export: Generate SQL tables from delimited records.
• Multi-File Splitter: Chunk large CSV files into batches of JSON documents.
• Transpose: Swap rows and columns.
• Large-File Grid: Loads bounded row windows as you scroll instead of stopping at the tree-preview limit.
• Encoding: Uses VS Code’s built-in Reopen with Encoding and Save with Encoding commands rather than duplicating encoding controls.

🟦 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

⚙️ Extension Settings

Configure DocCraft via VS Code Settings (Ctrl+, / Cmd+, ➔ search doccraft):

📦 Changelog

[1.4.0]

• Data Grid Power Tools: Added column sorting (asc/desc), live search filter across all columns, column statistics & metrics drawer (Min, Max, Avg, Sum, Distinct, Empty counts), CSV-to-SQL INSERT generator, and table transpose.
• Query Studio JSONata Transform: Added dual-mode query selector supporting Path queries (JSONPath/XPath) and sandboxed JSONata expressions with curated preset chips.
• Universal Format Matrix: Added complete $N \times N$ conversions, dot-notation JSON flattening/unflattening, and CSV to SQL inserts.
• Multi-Document YAML: Added multi-document YAML parsing and multi-file splitting command for Kubernetes manifests and stream configs.
• Dual-Engine XSLT: Built-in 100% offline Native XSLT 1.0 fast-path engine (zero setup) + optional local Saxon HE/PE/EE (2.0/3.0) + curated starter templates (HTML report, identity transform, CSV, strip namespaces).
• Monaco Environment Isolation: Configured inline worker environment to eliminate cross-origin importScripts errors in sandboxed webviews.
• CSV Grid Usability: Added wrapped cells, selectable/copyable ranges, column resizing, frozen first column, BOM handling, and headerless CSV viewing.
• Release Reliability: Added compile/test packaging gates, Windows CI, remote-safe file writes, overwrite confirmation, workspace-trust metadata, and Extension Host smoke coverage.

[1.3.0]

• Added 100% offline embedded Monaco Editor with protected read-only outputs.
• Added structured CSV/TSV Diff & Compare.
• Live active document synchronization across all tabs.

[1.2.0]

• 100x faster JSON beautifier with native V8 C++ fast-path.
• Full CSV/TSV Studio with multi-delimiter auto-detection and CSV-to-JSON multi-file splitter.

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

[1.0.0]

• Initial release of DocCraft Studio with 8-tab developer workspace.

📄 License

Distributed under the MIT License. See LICENSE for more details.