pntl-constructor-sdk

Создать папку для виджета и инициализировать npm:

Usage no npm install needed!

<script type="module">
  import pntlConstructorSdk from 'https://cdn.skypack.dev/pntl-constructor-sdk';
</script>

README

pntl-constructor-sdk

Старт проекта

  1. Создать папку для виджета и инициализировать npm:
mkdir widget-name
cd widget-name
npm init
  1. Установить sdk:
npm i -D pntl-constructor-sdk
  1. Инициализировать проект:
npx pntl-constructor-sdk init

В папке проекта будет созданы две папки: src и lib. В первой находятся исходники для javascript-а виджета. Содержимое папки lib и есть виджет.

Команды sdk

При разработки необходимо запустить

npx pntl-constructor-sdk serve

Это запустит сервер http://localhost:5000/ С помощью src/dev/index.ts можно указать данные, передаваемые в виджет

Команда:

npx pntl-constructor-sdk build

скомпилирует lib/index.js. Для продакшн сборки используется соответствующий флаг:

npx pntl-constructor-sdk build --prod

Работа с апи sdk

После инициаливации будет создан файл src/[widget-name].ts

import { Declare, Widget, OnInit } from 'sdk';

@Declare()
export class WidgetName extends Widget implements OnInit {
    onInit(): void {}
}

Widget имплементирует хуки OnInit и OnChange