Adaptive Cards JSX Support for Visual Studio Code

A Visual Studio Code extension for the Adaptive Cards JSX syntax including features like auto-complete, validation and error checking, intellisense and hover detail.

Prerequisites

This plugin is designed to work in conjunction with the Babel Plugin for JSX Adaptive cards to transpile this syntax to JavaScript. Detailed instructions on installation and usage are provided there.

Features

Code completion

The entire Adaptive Card schema has been adapted to use JSX syntax for authoring cards. These JSX elements are provided as code completion snippets

Attribute code completion

Hover

Get the details of an element by hovering over the tag name, attribute name or attribute values

Schema Validation

Get notifications of errors as they occur so your Adaptive Card is always valid.

Roadmap

• Formatting - Document formatting and cleanup are slated for development now
• Plugin conversion to TypeScript and code coverage
• Auto-complete and auto import of ACX Components
• Better error notifications for invalid markup

Contributors Needed!

I will be welcoming pull requests for bug fixes, features and unit tests. Feel free to dive in!