Skip to content

hellooops/vscode-edi-support

Repository files navigation

EDI Support logo

EDI Support for VS Code

Read, format, inspect, and troubleshoot EDI documents directly in VS Code.
Built for X12, HIPAA, EDIFACT, and VDA workflows that need structure, clarity, and fast feedback.

VS Marketplace Version VS Marketplace Installs MIT License GitHub stars

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

  1. Open the Extensions view in VS Code.
  2. Search for EDI Support.
  3. Install the extension published by DericLee.
  4. Open an .edi, .x12, .ansi, .edifact, or .vda file.

Marketplace page: EDI Support

📚 Supported Formats

  • X12
  • HIPAA
  • EDIFACT
  • VDA

🖼️ See It In Action

Preview panel

EDI document preview

Diagnostics

EDI diagnostics

Inlay hints

EDI inlay hints

Explorer view

EDI Support Explorer

Prettify

EDI prettify action

Minify

EDI minify action

Segment hover

Segment hover description

Element hover

Element hover description

⚙️ 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.

Formatting

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

About

Format, highlighting, hover supports for X12 and EDIFACT in vscode.

Resources

License

Stars

Watchers

Forks

Packages

 
 
 

Contributors