Данный репозитарий содержит обвязку, интерфейсы и примеры для разработки и сборки виджетов платформы SemNext для последующей загрузки в магазин виджетов.
-
Склонируйте репозиторий себе на диск
git clone git@github.com:inspark/web-widget-container.git -
Установите зависимости
npm i -
Запустите проект
npm run start
-
Замените адрес репозитория или сделайте форк проекта
git remote add origin <адрес вашего репозитория> -
Добавьте ваш виджет в папку src/app/widgets/widget-<название виджета>/widget.<название виджета>.ts
-
Подключите виджет к проекту В src/app/panel/dashboard-panel.component.ts заменить строчку
import WidgetComponent from '../widgets/widget-event/widget.event';на путь к вашему виджету -
Запустите проект
npm run start
-
Пометить все необходимые строки для перевода, согласно документации @ngx-translate/core В .html файлах через
pipe translate, например{{'Hello' | translate}}В .ts файлах через функцию_, напримерimport {_} from '@inspark/widget-common'; _('Hello'); -
Запустить экстрактор строк для перевода Для Unix систем
sh locale.sh <название виджета> -
Перевести все строки в файлах i18n/ru.json, i18n/en.json в папке виджета
-
Запустите сборку виджета Для Unix систем
sh build.sh <название виджета> -
Зайти на сайт магазина и загрузить файл build/release.zip