{
97 | n && n.firstChild && n.removeChild(n.firstChild);
98 | n && n.appendChild(result);
99 | }} />
100 | } catch (err) {
101 | console.error(err)
102 | if (this.props.onError) {
103 | return this.props.onError(err)
104 | } else {
105 | return
{err.message}
106 | }
107 | }
108 | }
109 | }
110 |
--------------------------------------------------------------------------------
/src/index.md:
--------------------------------------------------------------------------------
1 | ### About Adaptive Cards
2 | Adaptive Cards are a new way for developers to exchange card content in a common and consistent way. Find out more at https://adaptivecards.io
3 |
4 | ### Installation
5 | ```js static
6 | npm install --save react-adaptivecards
7 | ```
8 |
9 | ### Usage
10 | ```js static
11 | import AdaptiveCard from 'react-adaptivecards'
12 | ```
13 |
14 | ### React-AdaptiveCard sample
15 | ```js
16 |
76 | ```
77 |
78 | ### Sample Card Payload
79 | ```json
80 | {
81 | "type": "AdaptiveCard",
82 | "version": "1.0",
83 | "body": [
84 | {
85 | "type": "TextBlock",
86 | "text": "Here is a ninja cat"
87 | },
88 | {
89 | "type": "Image",
90 | "url": "http://adaptivecards.io/content/cats/1.png"
91 | }
92 | ]
93 | }
94 | ```
--------------------------------------------------------------------------------
/styleguide.config.js:
--------------------------------------------------------------------------------
1 | const path = require('path')
2 |
3 | module.exports = {
4 | components: 'src/index.js',
5 | webpackConfig: require('./webpack.config.js'),
6 | styleguideComponents: {
7 | AdaptiveCard: './src'
8 | },
9 | styleguideDir: './docs'
10 | }
--------------------------------------------------------------------------------
/webpack.config.js:
--------------------------------------------------------------------------------
1 | const webpack = require('webpack')
2 |
3 | const path = require('path')
4 |
5 | module.exports = {
6 | entry: './index.js',
7 | output: {
8 | path: path.join(__dirname, './lib/t'),
9 | filename: 'index.js'
10 | },
11 | module: {
12 | rules: [
13 | {
14 | test: /\.html$/,
15 | use: ['file?name=[name].[ext]']
16 | },
17 | {
18 | test: /\.(js|jsx)$/,
19 | exclude: /node_modules/,
20 | use: [ { loader: 'babel-loader' }]
21 | }
22 | ]
23 | },
24 | resolve: {
25 | extensions: ['.js', '.json'],
26 | alias: { 'react-adaptivecards': '../src' }
27 | },
28 | plugins: [
29 |
30 | new webpack.LoaderOptionsPlugin({ debug: true }),
31 | new webpack.SourceMapDevToolPlugin({ exclude: /node_modules/ }),
32 | new webpack.DefinePlugin({
33 | 'process.env': { NODE_ENV: JSON.stringify(process.env.NODE_ENV || 'development') }
34 | })
35 | ],
36 | devServer: { contentBase: './' }
37 | }
38 |
--------------------------------------------------------------------------------