MarketfrontClient / MarketfrontView

The main class for integrating the Marketfront SDK.

Constructor

Web

import { MarketfrontClient } from '@gett/marketfront';

// Get session token from your backend
const response = await fetch('/api/gett/session');
const { sessionToken } = await response.json();

// Initialize the client
const client = new MarketfrontClient({
  sessionToken,
  onOrderComplete: (order) => {
    console.log('Order placed:', order.id);
  },
});

// Mount to the DOM
client.mount('#marketfront-container');

iOS

import GettMarketfront

// Session token from your backend
let marketfront = MarketfrontView(sessionToken: sessionToken)

Android

import com.gett.marketfront.MarketfrontView

// Session token from your backend
val marketfront = MarketfrontView(
    context = context,
    sessionToken = sessionToken
)

Methods

mount / addToView

Display the marketfront in the UI.

Web

// Mount to a CSS selector
client.mount('#container');

// Or mount to a DOM element
client.mount(document.getElementById('container'));

iOS

// UIKit
view.addSubview(marketfront)

// SwiftUI - use as a View directly
var body: some View {
    MarketfrontView(sessionToken: sessionToken)
}

Android

// View system
container.addView(marketfront)

// Jetpack Compose - use as a Composable directly
@Composable
fun OrderScreen() {
    Marketfront(sessionToken = sessionToken)
}

unmount / removeFromView

Remove the marketfront and cleanup resources.

Web

client.unmount();

iOS

marketfront.removeFromSuperview()

Android

container.removeView(marketfront)