rename app, compress img, upd import, fix grammar

Author: raziEiL

README.MD

@@ -1,7 +1,7 @@
-# Руководство пользователя приложения Twitch-events 
+# Руководство пользователя приложения Twitch Widgets 
 # Описание
-Twitch-events — это консольное приложение предоставляющее дополнительные чат команды и виджеты для стримеров платформы Twitch.  
-![](https://github.com/raziEiL/twitch-events/blob/master/git-img/0.png "Voting widget demonstarion")
+Twitch Widgets — это консольное приложение предоставляющее дополнительные чат команды и виджеты для стримеров платформы Twitch.  
+![](https://github.com/raziEiL/twitch-widgets/blob/master/git-img/0.png "Voting widget demonstarion")
 # Особенности
 * Создание событий: голосование и розыгрыш с помощью чат команд
 * Виджеты для просмотра прогресса событий и интеграции с OBS
@@ -10,9 +10,9 @@ Twitch-events — это консольное приложение предос
 # Установка и запуск
 1. Добавьте бота на ваш Twitch канал с помощью [ссылки подключения](https://twitchapps.com/tmi/)
 2. Скопируйте сгенерированный пароль авторизации (Twitch Chat OAuth Password)
-3. Скачайте [последнюю версию приложения](https://github.com/raziEiL/twitch-events/releases), и откройте любым текстовым редактором файл конфигурации `config.json`
+3. Скачайте [последнюю версию приложения](https://github.com/raziEiL/twitch-widgets/releases), и откройте любым текстовым редактором файл конфигурации `config.json`
 4. Вставьте ранее скопированный пароль авторизации напротив ключа `password` и напишите название своего канала напротив ключа `login`. Значения обязательно должны быть заключены в двойные кавычки! 
-5. Запустите приложение `twitch-events`.
+5. Запустите приложение `twitch-widgets`.
 6. Для просмотра данных перейдите на веб-сайт http://localhost:80. Сайт доступен только на вашей локальной машине и не "виден" из интернета.  
 
 <details>
@@ -91,7 +91,7 @@ Connected to razie1l Twitch channel
 |------|----------|------------|
 |password|Пароль авторизации (Twitch OAuth)|[Ссылка генерации пароля](https://twitchapps.com/tmi/)<br>*Значение обязательно должно быть заключено в двойные кавычки!*|
 |login|Логин Twitch/название канала|*Значение обязательно должно быть заключено в двойные кавычки!*|
-|httpPort|Порт для веб-севера|При изменении порта веб-сайт будет достпуен по следующему адресу `http://localhost:ПОРТ`<br>[Решение проблемы недоступности веб-сайта](#веб-сайт-не-доступен)|
+|httpPort|Порт для веб-севера|При изменении порта веб-сайт будет доступен по следующему адресу `http://localhost:ПОРТ`<br>[Решение проблемы недоступности веб-сайта](#веб-сайт-не-доступен)|
 |ircPort|Порт для обмена данными с Twitch|Порт должен быть открыт в фаерволе/брандмауэре и виден из вне|
 <details>
   <summary>Объект twitch</summary>
@@ -110,7 +110,7 @@ Connected to razie1l Twitch channel
 Объект `commands` хранит коллекцию объектов отвечающих за настройку определенной чат команды. Имена ключей вложенных объектов редактировать не разрешается!
 | Ключ | Значение | Примечание |
 |-|-|-|
-|prefix|Символ приставки команд|Подобрная информация в разеде [Команды](#команды)<br>*Значение обязательно должно быть заключено в двойные кавычки!*|
+|prefix|Символ приставки команд|Подробная информация в разделе [Команды](#команды)<br>*Значение обязательно должно быть заключено в двойные кавычки!*|
 |name|Название команды для её вызова|<br>*Значение обязательно должно быть заключено в двойные кавычки!*|
 |admin|При значении `true` команда доступна только стримеру, `false` позволит любому пользователю использовать команду|Не рекомендуется изменять|
 <details>
@@ -205,7 +205,7 @@ Connected to razie1l Twitch channel
 
 # Изменение дизайна виджетов через OBS
 Для изменения дизайна виджетов отредактируйте поле CSS выбрав `Браузер` в `Источники` OBS. 
-![](https://github.com/raziEiL/twitch-events/blob/master/git-img/5.png)  
+![](https://github.com/raziEiL/twitch-widgets/blob/master/git-img/5.png)  
 ## Текст
 За цвет текста виджетов отвечает CSS свойства `color`. Для изменения цвета пропишите новое значение `color` в элементе `body` (черный по умолчанию) и в классе `.color-a` для второстепенного цвета (красный по умолчанию). В примере ниже основной текст теперь томатный, а второстепенный бирюзовый.
 ```css
@@ -216,22 +216,22 @@ body {
     color: #008080; 
 }
 ```
-![](https://github.com/raziEiL/twitch-events/blob/master/git-img/1.png)
+![](https://github.com/raziEiL/twitch-widgets/blob/master/git-img/1.png)
 ## Фон
 За фоновый цвет виджетов отвечает CSS свойство `background` элемента `body`. По умолчанию используется белый цвет фона, в примере ниже розовый.
 ```css
 body {
     background: hotpink;
 }
 ```
-![](https://github.com/raziEiL/twitch-events/blob/master/git-img/2.png)  
+![](https://github.com/raziEiL/twitch-widgets/blob/master/git-img/2.png)  
 В этом примере прозрачный фон.
 ```css
 body {
     background: rgba(0, 0, 0, 0);
 }
 ```
-![](https://github.com/raziEiL/twitch-events/blob/master/git-img/3.png)
+![](https://github.com/raziEiL/twitch-widgets/blob/master/git-img/3.png)
 ## Фон элементов
 Некоторые элементы используют класс `.color-bg-a` и `.color-bg-b` для применения цвета фона. Изменим цвет прогресса голосования на зеленый для первого участника и желтый для второго.
 ```css
@@ -242,7 +242,7 @@ body {
     background: yellow;
 }
 ```
-![](https://github.com/raziEiL/twitch-events/blob/master/git-img/4.png)
+![](https://github.com/raziEiL/twitch-widgets/blob/master/git-img/4.png)
 # Как работает приложение
 1. При запуске приложения происходит авторизация с Twitch API и предоставляется доступ к чату вашего Twitch канала. 
 2. На вашем компьютере создается локальный веб-сервер, который по средствам REST API предоставляет данные Twitch обработанные приложением.
@@ -256,7 +256,7 @@ body {
 `listen EADDRINUSE: address already in use :::80` - см. [Веб-сайт не доступен](#веб-сайт-не-доступен)  
 `Configuration file not found in ...` - отсутствует файл конфигурации `config.json`  
 
-При наличии других ошибок создайте [Issue](https://github.com/raziEiL/twitch-events/issues) и прикрепите файл `crash.log` 
+При наличии других ошибок создайте [Issue](https://github.com/raziEiL/twitch-widgets/issues) и прикрепите файл `crash.log` 
 ## Чат команды не работают  
 Проверьте консоль приложения на наличие сообщений `Failed to connect to Twitch channel` или `Login authentication failed`. При наличии данных сообщения проверьте правильность введенных данных авторизации в файле `config.json` (поля `password` и `login`). Вам может потребоваться сгенерировать пароль авторизации снова (см. раздел [Установка и запуск](#установка-и-запуск)). В случае отсутствии сообщений возможно был поврежден файл конфигурации `config.json`, попробуйте скачать приложение еще раз.
 ## Веб-сайт не доступен 

git-img/0.png

@@ -1,11 +1,11 @@
 {
-    "name": "twitch-events",
+    "name": "twitch-widgets",
     "version": "1.0.0",
-    "description": "Provides Twitch chat commands for broadcaster to create custom events",
+    "description": "Provides Twitch chat commands and web-widgets for broadcasters",
     "main": "dist/backend/index.js",
     "scripts": {
         "start": "node --unhandled-rejections=strict dist/backend/index.js",
-        "start-pkg": "cd pkg-release && cmd /k twitch-events-win",
+        "start-pkg": "cd pkg-release && cmd /k twitch-widgets-win",
         "build": "npm run build-full && npm run build-pkg",
         "build-full": "npm run build-front && npm run build-end",
         "build-dev": "gulp build-dev && rm -rf dist/backend && tsc --sourceMap true -p tsconfig.dev.json",
@@ -23,7 +23,7 @@
     },
     "repository": {
         "type": "git",
-        "url": "https://github.com/raziEiL/twitch-events.git"
+        "url": "https://github.com/raziEiL/twitch-widgets.git"
     },
     "author": {
         "name": "Denis Medvedev (raziEiL)",
@@ -94,8 +94,8 @@
         "vinyl-source-stream": "^2.0.0"
     },
     "dependencies": {
+        "@raz1el/util": "^1.0.5",
         "express": "^4.17.1",
-        "tmi.js": "^1.5.0",
-        "ts-raz-util": "^1.0.3"
+        "tmi.js": "^1.5.0"
     }
-}
+}

git-img/1.png

@@ -6,7 +6,7 @@ import express from "express";
 import fs from "fs";
 import path from "path";
 import tmi from "tmi.js";
-import { REGEX_COMMAND_LINE, REGEX_QUOTES } from "ts-raz-util";
+import { REGEX_COMMAND_LINE, REGEX_QUOTES } from "@raz1el/util";
 import VotePoll from "./src/vote-command";
 import Draw from "./src/draw-command";
 import { removeCommandPrefix } from "./src/helpers";

git-img/2.png

@@ -1,5 +1,4 @@
-import { timestamp } from "ts-raz-util";
-import { getRandomInt } from "./helpers";
+import { timestamp, getRandomInt } from "@raz1el/util";
 import { DrawData } from "./types";
 import { config } from "./pkg-config";