Пакеты

@lia-labs/sdk-svelte

Копировать страницу

Svelte хранилища для Lia SDK, для Svelte 4 и 5. Lia состояния как хранилища, и кнопки для жизненного цикла компонента.

npm install @lia-labs/sdk @lia-labs/sdk-svelte

Svelte 4 или 5. Всё от @lia-labs/sdk переэкспортируется.

#Приложение

<script lang="ts">
  import { initStore, isLia, mockLia, pay, ready, stores, useMainButton } from '@lia-labs/sdk-svelte';

  if (!isLia()) mockLia();

  const lia = initStore();
  const { language, colorScheme } = stores;
  $: if ($lia.status === 'ready') ready();

  useMainButton({ text: 'Buy extra lives', onClick: () => pay('extra-lives') });
</script>

{#if $lia.status === 'ready'}
  <h1>Hello, @{$lia.result.player.name} ({$language}, {$colorScheme})</h1>
{/if}

#Хранилище и вспомогательные функции

Экспорт	Дает вам
`initStore(options?)`	Запас `{ status, result, error }` который вызывает `init()`.
`stores`	Lia'состояние как хранилища: `player`, `mode`, `language`, `rtl`, `colorScheme`, `themeParams`, `viewport`, `safeArea`, `contentSafeArea`, `isFullscreen`, `startParam`, `soundOn`, `notificationsAllowed`, `initialized`, `banner`, `nativeAd`.
`toStore(value)`	Любое значение SDK как store.
`useLiaEvent(event, handler)`	Слушает один из Lia'события для компонента'жизнь; возвращает функцию остановки.
`useBannerAd(position?)`	Закрепляет баннер Lia рядом с вашей страницей (который становится короче, чтобы вместиться): `"bottom"`, `"top"`, для компонента'жизнь; возвращает функцию, которая скрывает ее досрочно. `stores.banner` и `stores.nativeAd` следуйте за ними.
`useMainButton(options)`, `useSecondaryButton(options)`	Показывает кнопку для компонента'жизнь. Возврат `{ update(options), dispose() }`.
`useBackButton(onBack)`, `useSettingsButton(onOpen)`	Показывает кнопку заголовка для компонента'жизнь. Возврат `{ update, dispose }`.
`useClosingConfirmation()`, `useVerticalSwipesDisabled()`	Для компонента'жизнь; возвращает функцию, которая завершает ее досрочно.

Вызовите use* помощники во время настройки компонента, поэтому они завершаются вместе с ним. Вызывается в любом другом месте (обработчик события, модуль), они работают одинаково, но вы вызываете dispose() самого себя:

let back: { dispose(): void } | null = null;
function openDetail() {
  back = useBackButton(closeDetail);
}
function closeDetail() {
  back?.dispose();
}

Автоматически переведено. Английский — источник истины. Читать на английском