Merge pull request #1 from avito-tech/add-generate-script

Добавлена возможность генерации минифицированного скрипта

.gitignore

@@ -9,6 +9,7 @@ lerna-debug.log*
 
 node_modules
 dist
+dist-script
 dist-ssr
 coverage
 *.local

README.MD

@@ -2,7 +2,6 @@
 
 ```@avito/pixel-web-client``` - это клиент для AvitoPixel, используемый для отслеживания событий в приложении, веб-сайте. Он предоставляет методы для инициализации и отправки событий.
 
-
 # Начало работы
 
 ## Установка
@@ -12,6 +11,15 @@ npm i @avito/pixel-web-client
 ```
 
 ## Использование
+### Пример 
+Вставьте код в файл, который отвечает за генерацию заголовка всех страниц сайта. Если все страницы вашего сайта — отдельные файлы, написанные вручную, добавьте код счетчика в HTML-код всех страниц сайта.
+```html
+<script src="https://www.avito.st/s/pixel/script.js" data-host="<url host>" data-paths-hit="<url method hit>" data-platform="<you platform>"></script>
+```
+- Атрибут data-host указывает на URL сервера AvitoPixel (опционально);
+- Атрибут data-paths-hit указывается на путь к методу hit;
+- Атрибут data-platform указывает на платформу вашего приложения (по умолчанию установлен "web").
+
 ### Пример с React
 
 В главном компоненте, например в App.tsx, импортируйте пакет @avito/pixel-web-client:
@@ -42,7 +50,7 @@ React.useEffect(() => {
 Используйте тот же самый подход, что и в предыдущем примере. Анализируйте логику работы вашего сайта и вызывайте функцию hit, когда необходимо отслеживать события, например, при переходе на другую страницу.
 
 ```react
-instance.hit({type: 'location_changed'});
+instance.hit.request({type: 'location_changed'});
 ```
 
 ## License

babel.config.js

@@ -1,6 +1,6 @@
 module.exports = {
-    presets: [
-      ['@babel/preset-env', {targets: {node: 'current'}}],
-      '@babel/preset-typescript',
-    ],
-  };
+  presets: [
+    ['@babel/preset-env', { targets: { node: 'current' }, include: ['@babel/plugin-transform-classes'] }],
+    '@babel/preset-typescript',
+  ],
+};