index.html

<!DOCTYPE html>
<html lang="en-US">
  <head>
    <title>Web Chat: Full-featured bundle</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <script src="https://cdn.botframework.com/botframework-webchat/latest/webchat.js"></script>
    <script src="./index.js"></script>

    <style>
      html, body { height: 100% }
      body { margin: 0 }

      #webchat {
        height: 100%;
        width: 100%;
      }
    </style>
  </head>
  <body>
    <div id="webchat" role="main"></div>
    <script>

        window.WebChat.renderWebChat({
          directLine: window.MockBotAdapter.createDirectLine(),
          sendTyping: true
        }, document.getElementById('webchat'));

        document.querySelector('#webchat > *').focus();
    </script>
  </body>
</html>