INDEX.md

Web Chat release testing

01.create-react-app

Using Web Chat inside create-react-app.

const App = () => <ReactWebChat ... />;

02.babel-standalone

Using Web Chat with ReactDOM.render outside of create-react-app.

<script src=".../webchat-es5.js"></script>
<script>
  ReactDOM.render(<ReactWebChat ... />, document.getElementById('webchat'));
</script>

03.a.renderwebchat-using-es5-bundle

Using Web Chat with renderWebChat with ES5 bundle.

<script src=".../webchat-es5.js"></script>
<script>
  renderWebChat({ ... }, document.getElementById('webchat'));
</script>

03.b.renderwebchat-using-full-bundle

Using Web Chat with renderWebChat with full bundle.

<script src=".../webchat.js"></script>
<script>
  renderWebChat({ ... }, document.getElementById('webchat'));
</script>

03.c.renderwebchat-using-minimal-bundle

Using Web Chat with renderWebChat with minimal bundle.

<script src=".../webchat-minimal.js"></script>
<script>
  renderWebChat({ ... }, document.getElementById('webchat'));
</script>

04.renderwebchat-with-react

Using Web Chat with renderWebChat with some JSX.

<script src=".../webchat-es5.js"></script>
<script>
  renderWebChat(
    {
      activityMiddleware: () => next => card => children => (
        <ActivityContainer>{next(card)(children)}</ActivityContainer>
      ),
      ...
    },
    document.getElementById('webchat')
  );
</script>

05.cdc

Using Web Chat hosted like CDC.

<iframe src="cdc.html"></iframe>

06.esbuild

Using Web Chat bundled by ESBuild.

const App = () => <ReactWebChat ... />;

07.a.webpack4-cjs

Using Web Chat bundled by Webpack 4 in CJS.

const App = () => <ReactWebChat ... />;

07.b.webpack4-esm

Using Web Chat bundled by Webpack 4 in ESM.

const App = () => <ReactWebChat ... />;

08.webpack5

Using Web Chat bundled by Webpack 5.

const App = () => <ReactWebChat ... />;