open-index/open-npm huggingface dataset:
npm package: @melio-eng/cfc-sdk
Description: TypeScript SDK for embedding and communicating with the CFC iframe. Zero runtime dependencies, supports ESM and CJS, fully typed with composable feature modules.
Latest version: 1.0.0

# @melio-eng/cfc-sdk

TypeScript SDK for embedding and communicating with the CFC iframe. Zero runtime dependencies, supports ESM and CJS, fully typed with composable feature modules.

## Installation

```bash
npm install @melio-eng/cfc-sdk
```

## Quick Start

```typescript
import { CfcClient, Environment, IntegrationMode, NavigationTarget } from "@melio-eng/cfc-sdk";

const client = new CfcClient({
  container: document.getElementById("cfc-container")!,
  environment: Environment.STAGING,
  token: "<your-auth-token>",
  tenant: "your-tenant-id",
  mode: IntegrationMode.FULL_PAGE,
  target: NavigationTarget.VIEW_PAYMENTS,

  onSessionExpired: () => {
    window.location.href = "/login";
  },
  onExitRequested: (originator) => {
    client.destroy();
    window.location.href = "/dashboard";
  },
});

client.init();
```

The SDK automatically handles:

- Creating the iframe inside your container
- Constructing the auth URL
- Dimension synchronization (resize, scroll, content size changes)
- Navigation callbacks
- Forwarding scroll position to CFC
- All CFC message types

## Integration Modes

- **Full Page** — CFC owns the full vertical space. The host can still have a sidebar and header.
- **Partial** — The host has its own content above or below the CFC iframe. The SDK handles scroll coordination and dynamic iframe resizing.

## Documentation

Full documentation is available at the [CFC SDK Docs](https://me-public.github.io/cfc-sdk/).

## License

Private — for authorized partners only.
npm package: @melio-eng/melio-sdk
Description: **Melio SDK** is a lightweight, framework agnostic Typescript library for embedding Melio in your web application. It handles rendering the application, and facilitates type safe message passing between the host and Melio.
Latest version: 2.1.0

# Melio SDK

**Melio SDK** is a lightweight, framework agnostic Typescript library for embedding Melio in your web application. It handles rendering the application, and facilitates type safe message passing between the host and Melio.

## Features / Use Cases

- **URL Synchronization**: Synchronize the URL between the Melio and the host application.
- **Session Synchronization**: Support for synchronizing the session state between the melio and host application.
- **Error Handling**: Attach specific event listeners for handling authentication and other errors.
- **Sending Events**: Send events into Melio.

## Installing
The package is available for download on NPM.

`npm install @melio-eng/melio-sdk`

## Demo
If you'd rather explore the SDK in a sandbox environment, checkout our interactive demo [Here](https://codesandbox.io/p/github/melio/melio-sdk-sandbox/Paypal-Demo?file=%2Fpackage.json&workspaceId=ws_Y85GHBXaePdyYmYyYD9wcf). If you're unable to access the link, please reach out to devservices@melio.com for access.

## Getting Started
This SDK exposes a single `render`, function which initializes Melio at the specified `melioSelector` and sets up the event listeners to begin sending and receiving messages.

```typescript
import { render, Options } from "@melio/melio-sdk";

const options: Options = {
  state: {
    originUrl: "https://app.melio.com/partner",
    entrypoint: "/billpay-click-pay",
  },
  initialHeight: "800px",
  melioSelector: "#melioWrapper",
};

const eventManager = render(options);

eventManager.navigateToTarget("/view-payments")

eventManager.onUserActivePing(() => {
  user.extendSession()
})
```
For more details, consult the documentation on {@link render | render} and the {@link MelioEventManager | MelioEventManager} interface.
npm package: @melio-engineering/melio-sdk
Description: **Melio SDK** is a lightweight, framework agnostic Typescript library for embedding Melio in your web application. It handles rendering the application, and facilitates type safe message passing between the host and Melio.
Latest version: 0.0.10

# Melio SDK

**Melio SDK** is a lightweight, framework agnostic Typescript library for embedding Melio in your web application. It handles rendering the application, and facilitates type safe message passing between the host and Melio.

## Features / Use Cases

- **URL Synchronization**: Synchronize the URL between the Melio and the host application.
- **Session Synchronization**: Support for synchronizing the session state between the melio and host application.
- **Error Handling**: Attach specific event listeners for handling authentication and other errors.
- **Sending Events**: Send events into Melio.

## Installing
The package is available for download on NPM.

`npm install @melio-engineering/melio-sdk`

## Demo
If you'd rather explore the SDK in a sandbox environment, checkout our interactive demo [Here](https://codesandbox.io/p/github/melio/melio-sdk-sandbox/Paypal-Demo?file=%2Fpackage.json&workspaceId=ws_Y85GHBXaePdyYmYyYD9wcf). If you're unable to access the link, please reach out to andrew.dell@melio.com for access.

## Getting Started
This SDK exposes a single `render`, function which initializes Melio at the specified `melioSelector` and sets up the event listeners to begin sending and receiving messages.

```typescript
import { render, Options } from "@melio/melio-sdk";

const options: Options = {
  state: {
    originUrl: "https://app.melio.com/partner",
    entrypoint: "/billpay-click-pay",
  },
  initialHeight: "800px",
  melioSelector: "#melioWrapper",
};

const eventManager = render(options);

eventManager.navigateToTarget("/view-payments")

eventManager.onUserActivePing(() => {
  user.extendSession()
})
```
For more details, consult the documentation on {@link render | render} and the {@link MelioEventManager | MelioEventManager} interface.