JSX for Adaptive Cards

Justin Wilaby

|
2,255 installs
| (0) | Free
A Visual Studio Code extension for the Adaptive Cards JSX syntax including features like auto-complete, validation and error checking, intellisense and hover detail.
Installation
Launch VS Code Quick Open (Ctrl+P), paste the following command, and press enter.
Copied to clipboard
More Info

Adaptive Cards Logo

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

Adaptive Card Code Completion

Attribute code completion

Attribute Code Completion

Hover

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

Schema Validation

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

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!