Avvio rapido

Questo mette un flusso di importazione funzionante sulla tua pagina. Ti serve l’accesso ai pacchetti pubblicati e un endpoint del motore self-hosted (o pilota) con una chiave di licenza firmata.

1. Installa il pacchetto

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

2. Definisci il custom element

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

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

3. Inseriscilo e puntalo al tuo motore

<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.

Questa è l’intera superficie di integrazione: attributi in entrata, eventi DOM in uscita. Nessun lock-in di SDK, nessun iframe.

Avanti

Configura il widget — columnSchema, attributi, modalità di apply.
Eventi e apply — gli eventi del ciclo di vita e come le righe raggiungono la tua app.
Theming — adatta il widget al tuo design system.