Установка

Виджет поставляется как независимый от фреймворка пользовательский элемент, плюс тонкая обёртка React.

Пакет	Что это
`@capitality-io/mildport-widget`	Пользовательский элемент `<mildport-import>` (работает где угодно).
`@capitality-io/mildport-react`	Привязки React поверх того же элемента.
`@capitality-io/mildport-contract`	Публичный контракт Zod (типы + формы payload).
`@capitality-io/mildport-matcher`	Детерминированный матчер заголовок → поле.

Доступ к реестру

Пакеты публикуются в GitHub Packages под ограниченным scope @capitality-io, поэтому вам нужен токен с read:packages и .npmrc, который маршрутизирует scope:

@capitality-io:registry=https://npm.pkg.github.com
//npm.pkg.github.com/:_authToken=${MILDPORT_NPM_TOKEN}

Установка

npm install @capitality-io/mildport-widget
# React wrapper, optional:
npm install @capitality-io/mildport-react

Внутри виджет — это библиотека Angular: она поставляет частично скомпилированный код, который линкует сборка потребителя. Проекты Angular CLI и Analog делают это из коробки. В любом другом Vite-проекте добавьте линкер один раз:

npm install -D @analogjs/vite-plugin-angular @angular/compiler-cli @angular/compiler @angular/build "typescript@~5.9.0"

import angular from '@analogjs/vite-plugin-angular';
import { defineConfig } from 'vite';

export default defineConfig({ plugins: [angular()] });

Плагин по умолчанию читает tsconfig.app.json (задайте опцию tsconfig, если ваш файл называется иначе). Без линкера сборка или первый рендер падает с ошибками JIT compilation failed.

Затем один раз зарегистрируйте элемент и встройте — выберите хост в Фреймворках, затем Настройка.