Lavenir Chat User V2

The Users side from LavChat, represent the globe chat provided by LavenirApps

Clients Manual


Introduction

  • App Name: Lav Chat User
  • Item Version: V2.0
  • Author: LavenirApps

Requirements

  1. Code Editing Software (eg: VsCode, Sublime Text or Notepad)
  2. Web Browser for testing (eg: Google Chrome, Mozilla Firefox or Safari)

Be careful following the instructions for the correct performance

Getting Started

Please add to the end of the body of the website like this

                                    <body>
                                        <lvc-root id="REPLACE-BY-CLIENT-ID"></lvc-root>
                                        <script src="https://v2.lavchat-user.lavenirapps.co/lavchat-bundle.js" defer></script> 
                                        <link rel="stylesheet" href="https://lavchat-user-styles.lavenirapps.co/lavchat-default.css">
                                    </body>
                                    
                                

Please be sure to replace the: <-REPLACE-BY-CLIENT-ID-> by the production user id

Install Staging Area (Sandbox/Test)

Please add to the end of the body of the website like this

                                    <body>
                                        <lvc-root id="REPLACE-BY-CLIENT-ID"></lvc-root>
                                        <script src="https://v2.lavchat-user-stg.lavenirapps.co/lavchat-bundle.js" defer></script> 
                                        <link rel="stylesheet" href=" https://lavchat-user-styles.lavenirapps.co/lavchat-default-stg.css">
                                    </body>
                                    
                                

Please be sure to replace the: <-REPLACE-BY-CLIENT-ID-> by the staging user id

Files & Sources

Included Stylesheets

These are the primary CSS files used for general chat UI.
Try not to add custom styles by referencing the bubble classes, overwriting the styles may cause errors.

  • lavchat-default.css - Production stylesheet
  • lavchat-default-stg.css - Staging stylesheet
Included JavaScript

There is only one javascript file for all the bubble

  • lavchat-bundle.js

Version History (Changelog)

Changelog

                                        --------------------------------------------------------------------------
                                        Version 2.0 - Aug, 2021
                                        --------------------------------------------------------------------------

                                        - New redesigned and improved UI, a focused on usability and user comfort
                                        - Important improvements that guarantee more stability and security for the data
                                        - All modules were refactored and important improvements were added in the business logic that guarantee scalability and maintenance