Библиотека нативных ECMAScript модулей Protosite Core

Пакет предоставляет среду разработки веб-компонентов через автоматизированное тестирование. Реализованы методы модульного и E2E тестирования исходного кода и скомпилированных модулей ECMAScript.

Внешний вид, описание и примеры использования даны на страницах Протосайта.

Активы библиотеки

Компоненты оболочки Протосайта загружаются непосредственно в браузер при помощи <script type="module">. Скрипт выполнит инициализацию веб-компоненты, а при монтировании в DOM компонента выполнит загрузку файлов CSS и HTML.

Например структура файлов поля выбора данных на сервере:

http://assets.protosite.rocks/core/
 ├── select-field-component.mjs
 ├── select-field.css
 ├── select-field.html
 └── ...

Скрипт модуля компоненты загружается на веб-странице тегом:

<script src="http://assets.protosite.rocks/core/select-field-component.mjs" type="module">

Исходный код

Веб-компонента библиотеки представлена модулем ES6, файлом декларации типов и Pug-файлом с шаблонами HTML.

Например структура исходных файлов поля выбора данных:

.
├── src
│   ├── components
│   │   ├── select-field.d.ts
│   │   ├── select-field.js
│   │   └── select-field.pug
│   └── ...
├── LICENSE
└── README.md

Исходный код CSS для веб-компоненты доступен в библиотеке @bpanchenko/uikit.

Установка Protosite Core

yarn add @bpanchenko/core -D