Démarrage rapide

Ceci met un flux d’import fonctionnel sur votre page. Vous avez besoin d’un accès aux paquets publiés et d’un endpoint de moteur auto-hébergé (ou pilote) avec une clé de licence signée.

1. Installer le paquet

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

2. Définir le 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. L’intégrer et le pointer vers votre moteur

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

C’est toute la surface d’intégration : attributs en entrée, événements DOM en sortie. Aucun verrouillage SDK, aucune iframe.

Suite

Configurer le widget — columnSchema, attributs, modes d’application.
Événements et application — les événements de cycle de vie et comment les lignes arrivent à votre app.
Thématisation — adapter le widget à votre design system.