index.html

  
 <!DOCTYPE html>
<html lang>
  <head>
    <meta charset="UTF-8" />
    <title>Solid XMPP Chat - Demo</title>
    <meta charset="UTF-8" />
    <meta
      name="viewport"
      content="width=device-width, initial-scale=1.0, shrink-to-fit=no"
    />

    <!-- Load styling framework used by orbit -->
    <link
      rel="stylesheet"
      href="https://cdn.jsdelivr.net/npm/@startinblox/orbit-styling-framework/dist/index.css"
    />

    <!-- Load main component script -->
    <link rel="stylesheet" href="./src/conversejs/fonts.css" />
    <script type="module" src="./src/index.js"></script>

    <script
      type="module"
      src="https://cdn.jsdelivr.net/npm/@startinblox/oidc/+esm"
    ></script>
  </head>
  <body>
    <sib-auth auto-login>
      <sib-auth-provider
        data-authority="https://api.tzcld-dev.startinblox.com/"
        data-client-name="Sample of a functional SXC"
      >
      </sib-auth-provider>
    </sib-auth>
    <div style="display: block; height: 100vh">
      <solid-xmpp-chat
        data-authentication="login"
        data-auto-login="true"
        data-websocket-url="wss://xmpp-dev.startinblox.com/xmpp-websocket"
        data-src="https://api.tzcld-dev.startinblox.com/users/balessan/"
        data-debug="false"
      >
      </solid-xmpp-chat>
    </div>
  </body>
</html>