Клиент ExodeMiniApp

import { ExodeMiniApp } from '@exode-team/sdk/miniapp'

const app = new ExodeMiniApp({
  appId: 'my-app',        // required
  targetOrigin: '*',      // default '*'
  timeout: 10_000,        // ms, default 10000
})

const ctx = await app.init()

console.log(ctx.user.firstName)
console.log(ctx.theme.scheme)

// Open a route in the main app
await app.route.navigate('/course/123')

// With params
await app.route.navigate('/course/123', { tab: 'lessons' })

// Back through host history
await app.route.back()

// Snackbar notification
await app.ui.showSnackbar({
  message: 'Сохранено!',
  type: 'success', // 'success' | 'error' | 'info'
})

// Hide / show host bottom navigation
await app.ui.setTabbarVisible(false)

// Hide / show host header
await app.ui.setHeaderVisible(false)

// Close the mini app
await app.ui.close()

const unsubscribe = app.on('theme:changed', (theme) => {
  document.body.className = theme.scheme
})

app.on('user:updated', (user) => {
  console.log('User changed:', user.firstName)
})

app.on('route:changed', ({ path, params }) => {
  console.log('Host navigated to:', path)
})

// Unsubscribe
unsubscribe()

const ctx = app.getContext()

if (ctx) {
  console.log(ctx.user.firstName)
}

app.destroy()

import { ExodeMiniApp } from '@exode-team/sdk/miniapp'

const app = new ExodeMiniApp({ appId: 'my-app' })

async function start() {
  const ctx = await app.init()

  document.body.className = ctx.theme.scheme
  document.getElementById('hello')!.textContent = `Привет, ${ctx.user.firstName}`

  app.on('theme:changed', (theme) => {
    document.body.className = theme.scheme
  })

  document.getElementById('btn-save')!.addEventListener('click', async () => {
    await app.ui.showSnackbar({ message: 'Сохранено!', type: 'success' })
  })
}

start().catch(console.error)

window.addEventListener('beforeunload', () => app.destroy())