ai-chat-widget-component
v1.0.3
Published
Embeddable AI chat widget with JWT authentication for roster management. Easy to integrate into any website as an iframe component.
Maintainers
Readme
��#� �A�I� �C�h�a�t� �W�i�d�g�e�t� �C�o�m�p�o�n�e�n�t�
�
�
�
�[�!�[�n�p�m� �v�e�r�s�i�o�n�]�(�h�t�t�p�s�:�/�/�b�a�d�g�e�.�f�u�r�y�.�i�o�/�j�s�/�a�i�-�c�h�a�t�-�w�i�d�g�e�t�-�c�o�m�p�o�n�e�n�t�.�s�v�g�)�]�(�h�t�t�p�s�:�/�/�w�w�w�.�n�p�m�j�s�.�c�o�m�/�p�a�c�k�a�g�e�/�a�i�-�c�h�a�t�-�w�i�d�g�e�t�-�c�o�m�p�o�n�e�n�t�)�
�
�[�!�[�L�i�c�e�n�s�e�:� �M�I�T�]�(�h�t�t�p�s�:�/�/�i�m�g�.�s�h�i�e�l�d�s�.�i�o�/�b�a�d�g�e�/�L�i�c�e�n�s�e�-�M�I�T�-�y�e�l�l�o�w�.�s�v�g�)�]�(�h�t�t�p�s�:�/�/�o�p�e�n�s�o�u�r�c�e�.�o�r�g�/�l�i�c�e�n�s�e�s�/�M�I�T�)�
�
�
�
�A�n� �e�m�b�e�d�d�a�b�l�e� �A�I� �c�h�a�t� �w�i�d�g�e�t� �c�o�m�p�o�n�e�n�t� �t�h�a�t� �c�a�n� �b�e� �e�a�s�i�l�y� �i�n�t�e�g�r�a�t�e�d� �i�n�t�o� �a�n�y� �w�e�b�s�i�t�e�.� �F�e�a�t�u�r�e�s� �J�W�T� �a�u�t�h�e�n�t�i�c�a�t�i�o�n�,� �r�e�a�l�-�t�i�m�e� �m�e�s�s�a�g�i�n�g�,� �a�n�d� �a� �m�o�d�e�r�n� �r�e�s�p�o�n�s�i�v�e� �d�e�s�i�g�n�.�
�
�
�
�#�#� �=� �Q�u�i�c�k� �S�t�a�r�t�
�
�
�
�#�#�#� �O�p�t�i�o�n� �1�:� �C�D�N� �(�E�a�s�i�e�s�t�)�
�
�
�
�S�i�m�p�l�y� �a�d�d� �t�h�i�s� �i�f�r�a�m�e� �t�o� �y�o�u�r� �H�T�M�L�:�
�
�
�
����h�t�m�l�
�
�<�i�f�r�a�m�e� �
�
� � � � �s�r�c�=�"�h�t�t�p�s�:�/�/�u�n�p�k�g�.�c�o�m�/�a�i�-�c�h�a�t�-�w�i�d�g�e�t�-�c�o�m�p�o�n�e�n�t�@�l�a�t�e�s�t�/�p�u�b�l�i�c�/�i�n�d�e�x�.�h�t�m�l�"�
�
� � � � �s�t�y�l�e�=�"�p�o�s�i�t�i�o�n�:� �f�i�x�e�d�;� �b�o�t�t�o�m�:� �2�0�p�x�;� �r�i�g�h�t�:� �2�0�p�x�;� �w�i�d�t�h�:� �4�0�0�p�x�;� �h�e�i�g�h�t�:� �6�0�0�p�x�;� �b�o�r�d�e�r�:� �n�o�n�e�;� �b�o�r�d�e�r�-�r�a�d�i�u�s�:� �2�0�p�x�;� �b�o�x�-�s�h�a�d�o�w�:� �0� �4�p�x� �1�2�p�x� �r�g�b�a�(�0�,�0�,�0�,�0�.�1�5�)�;�"�
�
� � � � �a�l�l�o�w�=�"�c�l�i�p�b�o�a�r�d�-�w�r�i�t�e�"�
�
�>�<�/�i�f�r�a�m�e�>�
�
����
�
�
�
�#�#�#� �O�p�t�i�o�n� �2�:� �N�P�M� �I�n�s�t�a�l�l�
�
�
�
����b�a�s�h�
�
�n�p�m� �i�n�s�t�a�l�l� �a�i�-�c�h�a�t�-�w�i�d�g�e�t�-�c�o�m�p�o�n�e�n�t�
�
����
�
�
�
�T�h�e�n� �c�o�p�y� �t�h�e� ��p�u�b�l�i�c�/�� �f�o�l�d�e�r� �t�o� �y�o�u�r� �s�t�a�t�i�c� �a�s�s�e�t�s� �a�n�d� �r�e�f�e�r�e�n�c�e� �i�t�:�
�
�
�
����h�t�m�l�
�
�<�i�f�r�a�m�e� �s�r�c�=�"�/�p�a�t�h�-�t�o�-�w�i�d�g�e�t�/�i�n�d�e�x�.�h�t�m�l�"�>�<�/�i�f�r�a�m�e�>�
�
����
�
�
�
�#�#� �(' �F�e�a�t�u�r�e�s�
�
�
�
�-� �>�� ���A�I�-�P�o�w�e�r�e�d� �R�e�s�p�o�n�s�e�s��� �-� �I�n�t�e�l�l�i�g�e�n�t� �c�h�a�t� �r�e�s�p�o�n�s�e�s� �p�o�w�e�r�e�d� �b�y� �A�I�
�
�-� �=�� ���J�W�T� �A�u�t�h�e�n�t�i�c�a�t�i�o�n��� �-� �S�e�c�u�r�e� �a�u�t�h�e�n�t�i�c�a�t�i�o�n� �w�i�t�h� �J�W�T� �t�o�k�e�n�s�
�
�-� �=ج� ���R�e�a�l�-�t�i�m�e� �M�e�s�s�a�g�i�n�g��� �-� �I�n�s�t�a�n�t� �m�e�s�s�a�g�e� �d�e�l�i�v�e�r�y� �a�n�d� �r�e�s�p�o�n�s�e�s�
�
�-� �=��� ���R�e�s�p�o�n�s�i�v�e� �D�e�s�i�g�n��� �-� �W�o�r�k�s� �s�e�a�m�l�e�s�s�l�y� �o�n� �d�e�s�k�t�o�p� �a�n�d� �m�o�b�i�l�e�
�
�-� ��& ���Q�u�i�c�k� �R�e�p�l�i�e�s��� �-� �P�r�e�-�c�o�n�f�i�g�u�r�e�d� �q�u�i�c�k� �r�e�p�l�y� �b�u�t�t�o�n�s�
�
�-� �<ب� ���C�u�s�t�o�m�i�z�a�b�l�e��� �-� �E�a�s�y� �t�o� �c�u�s�t�o�m�i�z�e� �s�t�y�l�e�s� �a�n�d� �b�e�h�a�v�i�o�r�
�
�-� �<�� ���E�a�s�y� �I�n�t�e�g�r�a�t�i�o�n��� �-� �S�i�m�p�l�e� �i�f�r�a�m�e� �e�m�b�e�d�d�i�n�g�
�
�
�
�#�#� �=��� �C�o�n�f�i�g�u�r�a�t�i�o�n�
�
�
�
�P�a�s�s� �c�o�n�f�i�g�u�r�a�t�i�o�n� �v�i�a� �U�R�L� �p�a�r�a�m�e�t�e�r�s�:�
�
�
�
����h�t�m�l�
�
�<�i�f�r�a�m�e� �s�r�c�=�"�i�n�d�e�x�.�h�t�m�l�?�u�s�e�r�I�d�=�1�2�3�&�d�i�s�p�l�a�y�N�a�m�e�=�J�o�h�n�&�s�e�s�s�i�o�n�I�d�=�a�b�c�"�>�<�/�i�f�r�a�m�e�>�
�
����
�
�
�
�#�#� �<ب� �C�u�s�t�o�m�i�z�a�t�i�o�n�
�
�
�
�T�h�e� �w�i�d�g�e�t� �u�s�e�s� �C�S�S� �v�a�r�i�a�b�l�e�s� �t�h�a�t� �c�a�n� �b�e� �c�u�s�t�o�m�i�z�e�d�.� �Y�o�u� �c�a�n� �o�v�e�r�r�i�d�e� �t�h�e� �d�e�f�a�u�l�t� �s�t�y�l�e�s� �b�y� �t�a�r�g�e�t�i�n�g� �t�h�e� �i�f�r�a�m�e� �c�o�n�t�e�n�t� �o�r� �m�o�d�i�f�y�i�n�g� �t�h�e� �i�n�c�l�u�d�e�d� �C�S�S� �f�i�l�e�.�
�
�
�
�#�#� �=��� �W�h�a�t�'�s� �I�n�c�l�u�d�e�d�
�
�
�
����
�
�p�u�b�l�i�c�/�
�
�%�%�% �i�n�d�e�x�.�h�t�m�l� � � � � � �#� �M�a�i�n� �c�h�a�t� �w�i�d�g�e�t�
�
�%�%�% �s�t�y�l�e�.�c�s�s� � � � � � � �#� �W�i�d�g�e�t� �s�t�y�l�e�s�
�
�%�%�% �s�c�r�i�p�t�.�j�s� � � � � � � �#� �W�i�d�g�e�t� �f�u�n�c�t�i�o�n�a�l�i�t�y�
�
�%�%�% �R�E�A�D�M�E�.�m�d� � � � � � � �#� �U�s�a�g�e� �d�o�c�u�m�e�n�t�a�t�i�o�n�
�
����
�
�
�
�#�#� �=�'� �D�e�v�e�l�o�p�m�e�n�t�
�
�
�
�C�l�o�n�e� �t�h�e� �r�e�p�o�s�i�t�o�r�y�:�
�
�
�
����b�a�s�h�
�
�g�i�t� �c�l�o�n�e� �h�t�t�p�s�:�/�/�g�i�t�h�u�b�.�c�o�m�/�r�l�d�-�e�n�g�i�n�e�e�r�i�n�g�/�a�i�-�h�e�l�p�e�r�-�c�l�i�e�n�t�-�c�o�m�p�o�n�e�n�t�.�g�i�t�
�
�c�d� �a�i�-�h�e�l�p�e�r�-�c�l�i�e�n�t�-�c�o�m�p�o�n�e�n�t�
�
����
�
�
�
�I�n�s�t�a�l�l� �d�e�p�e�n�d�e�n�c�i�e�s�:�
�
�
�
����b�a�s�h�
�
�n�p�m� �i�n�s�t�a�l�l�
�
����
�
�
