Быстрый старт

Это добавит рабочий процесс импорта на вашу страницу. Вам нужен доступ к опубликованным пакетам и endpoint самостоятельно размещаемого (или пилотного) движка с подписанным ключом лицензии.

1. Установите пакет

npm install @capitality-io/import-suite-ng

2. Определите пользовательский элемент

import { defineImportSuiteElement } from '@capitality-io/import-suite-ng';

// Framework-agnostic — registers <mildport-import> once, for the whole app.
await defineImportSuiteElement('mildport-import');

3. Вставьте его и укажите на ваш движок

<mildport-import
  api-base-url="https://imports.your-infra.example"
  license-key="SIGNED_TENANT_KEY"
></mildport-import>

const el = document.querySelector('mildport-import')!;

// The target data model — what a clean row looks like in your product.
el.columnSchema = yourTargetSchema;

// Receive clean rows in the browser…
el.addEventListener('import-applied', e => sync(e.detail));
// …or, in production, take a signed apply webhook on your backend instead.

Это вся поверхность интеграции: атрибуты на вход, DOM-события на выход. Никакой привязки к SDK, никаких iframe.

Дальше

Настройка виджета — columnSchema, атрибуты, режимы применения.
События и применение — события жизненного цикла и как строки попадают в ваше приложение.
Тематизация — адаптируйте виджет под вашу дизайн-систему.