Overview
EDI Support turns raw EDI text into something you can actually work with inside VS Code. It helps teams read transaction sets, understand segment meanings, navigate document structure, and clean up formatting without leaving the editor.
If you work with supplier integrations, logistics messages, healthcare transactions, or legacy B2B payloads, this extension is designed to make those files easier to inspect and safer to edit.
✨ Features
| Feature |
What it helps with |
| 📄 Preview panel |
Open a structured view of the current EDI document inside VS Code. |
| 🌈 Syntax highlighting |
Make separators, segments, and document shape easier to scan. |
| 🩺 Diagnostics |
Catch malformed content and common document issues earlier. |
| 💡 Inlay hints |
Show segment names and qualifier details inline while reading. |
| 🗂️ EDI Support Explorer |
Navigate interchange, group, transaction, and segment structure from the sidebar. |
| 🧹 Prettify and minify |
Reformat dense payloads for readability or compact them again when needed. |
| 🔍 Hover descriptions |
Inspect segment and element definitions without switching context. |
| 🔖 Document symbols |
Jump quickly across large files with editor navigation support. |
⚡ Quick Start
1. Install from the VS Code Marketplace
- Open the Extensions view in VS Code.
- Search for
EDI Support.
- Install the extension published by
DericLee.
- Open an
.edi, .x12, .ansi, .edifact, or .vda file.
Marketplace page: EDI Support
🖼️ See It In Action
Preview panel
Diagnostics
Inlay hints
Explorer view
Prettify
Minify
Segment hover
Element hover
⚙️ Extension Settings
The extension works out of the box, but it also exposes a few useful settings:
Display and editor assistance
ediSupport.enableTrailingAnnotations (default: true): show trailing annotations.ediSupport.enableCodelens (default: true): enable or disable EDI code lenses.ediSupport.enableLoopAnnotations (default: true): enable or disable loop annotations.ediSupport.enableHover (default: true): enable or disable hover descriptions.ediSupport.inlayHints.segmentNames (default: false): show segment names as inlay hints.ediSupport.inlayHints.qualifierCodes (default: false): show qualifier codes as inlay hints.ediSupport.vda.enableElementIndexAnnotation (default: true): show VDA element indexes inline.ediSupport.menu.icon (default: true): show action icons in the editor title for X12 and EDIFACT files.
ediSupport.formatting.indentSegmentsInLoop (default: true): indent segments inside loops when formatting.
Schema customization
ediSupport.customSchemas: add custom qualifier definitions. For EDIFACT service segments such as UNA, UNB, UNG, UNE, and UNZ, use edifact._service.qualifiers.
🤝 Feedback
Issues and feature requests are welcome at GitHub Issues.
🚧 Known Issues
No tracked issues are listed here right now. If you hit one, please open an issue with a sample document when possible.
📄 License
Licensed under the MIT License.
