Процесс разработки

Для разработки будет выдан шаблонный проект с набором конфигурационных файлов.

Для работы потребуется установить Node.js.

Для разработки используется язык typescript – это надстройка на javascript, добавляющая возможность строгой типизации.

Нужно установить все зависимости из package.json:

npm install

В качестве редактора мы рекомендуем использовать vs code или sublime.

VS Code

Полезные расширения:

• Eslint – “полиция моды” для es6 js-файлов (указывает на неправильное форматирование и стиль кода);

• Tslint – “полиция моды” для typescript файлов;

• Oceanic_next theme – приятная цветовая схема;

• Prettify JSON – преобразует json-строку в json-структуру с отступами.

Расширения ставятся стандартным для VS Code способом: в панели расширения в поисковой строке пишете названия расширений.

Шаблонный проект

В состав сборки входит папка WebClient SDK со следующей структурой:

• dts – папка с описанием API для работы intellisense в typescript;

• src/default – дефолтные расширения;

• src/default/examples – примеры расширений;

• wwwroot/extensions – тут будут размещаться “скомпилированные” js-расширения;

• .babelrc, .eslintrc, .tslint – конфигурационные файлы для указания стиля кода;

• package.json – описание внешних зависимостей;

• webpack.config – конфигурация процесса компиляции.

Для сборки расширений нужно в корне папки выполнить команду:

npm run build

Добавление расширений

Для того чтобы добавить свои расширения необходимо создать новую папку рядом с default, где будет лежать код всех новых расширений. Добавить registrator.ts по аналогии с регистраторами из default. И включить его в bundle добавив путь в default/index.ts

import '../myExtensions/registrator';