microsoft / microsoft/AdaptiveCards

[Feature Request] Enable extensibility of AdaptiveCard when using React wrapper

Open
#9,014 0 comments 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Request
Dominant language
C#
Stars
2k
Forks
595
Avg merge
1d 19h
Merged PRs (30d)
1

Description

Problem Statement

AdaptiveCard JS SDK offers a way to extend the list of supported elements in the card as described here. It requires configuration of element registry and creation of serialization context that can then be used by card during parsing.

React wrapper does not provide any means to access this extensibility currently.

Proposed solution

It is straight forward to let users of React wrapper get access to this extensibility by exposing additional property for SerializationContext and then passing it down to AdaptiveCard's parse method.

Alternatives or Workarounds

Currently, the only way around I see, when in React context, is to create custom wrapper around AC JS SDK which, however, most likely would repeat most of the code of existing wrapper from adaptivecards-react.

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start in the adaptivecards-react wrapper and trace how it parses cards through the AdaptiveCard JS SDK. Review the SDK's SerializationContext and extensibility documentation, then expose the requested context through the wrapper and pass it to parsing. Done means React users can configure custom elements without creating a duplicate wrapper.

Written by the indexing model from the issue text.

Assessment

Tech stack
javascript, react
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.