Как создаются виджеты, например, Crisp?

Question

[Дмитрий]

Здравствуйте, сообщество!
Стоит задача сделать external plugin типа Crisp-a, а именно что есть и что нужно на выходе:
Есть 2 сервера:
СерверB - Backend. Он хостит js сервер, который работает с плагином по сокету. Он же хостит сам плагин.
СерверC - сервер клиента, на который нужно подключить мой плагин (chatbox.min.js).
На сервере клиента СерверC должно быть простое подключение плагина через

<a><i class="icon-jingle" /></a>
<script src="https://СерверB/chatbox.min.js">

По клику на иконку должен открываться чат в модальном окне, который через socket.io будет общаться с СерверB.

Сейчас читаю Javascript Флэнагана. Здесь всё разрознено. Дорогие, профессионалы, можете мне подсказать по технологиям/библиотекам? Как мне программировать, через es6 Classes? Как потом собирать всё воедино? Как в плагин запихивать html код? Реально ли сделать его реактивным на VueJs?
В общем помогите собрать вермишель в голове в одну кучу.

Comments

[be_a_man]

Что значит реактивным, полагаю не понимаете этого определения.
То что вам нужно реально сделать и на чистом js, но на фреймворках быстрее, удобнее, приятнее. Я бы взял svelte для ваших целей - код будет на порядок меньше весить, чем на вью

[be_a_man]

Как запихивать html: в js есть множество способов создавать html.