Paketler

@lia-labs/sdk-svelte

Sayfayı kopyala

Svelte depolamaları için Lia SDK, Svelte 4 ve 5. Lia'ın durumunu depolamalar olarak, ve bir bileşenin yaşamı için düğmeler.

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

Svelte 4 veya 5. Her şeyden @lia-labs/sdk yeniden dışa aktarılır.

#Bir uygulama

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

#Depolamalar ve yardımcılar

Dışa aktar	Size verir
`initStore(options?)`	Bir depo `{ status, result, error }` çağrılan `init()`.
`stores`	Lia's durumu depolar olarak: `player`, `mode`, `language`, `rtl`, `colorScheme`, `themeParams`, `viewport`, `safeArea`, `contentSafeArea`, `isFullscreen`, `startParam`, `soundOn`, `notificationsAllowed`, `initialized`, `banner`, `nativeAd`.
`toStore(value)`	Herhangi bir SDK değeri olarak depo.
`useLiaEvent(event, handler)`	Bir Lia'dan birini dinler'bileşen için olaylar'hayatı; bir durdurma fonksiyonu döndürür.
`useBannerAd(position?)`	Bir bantera Lia sayfanızın yanına çizer (sayfa daha kısa olur): `"bottom"`, `"top"`, bileşen için'hayatı; erken gizleyen bir fonksiyon döndürür. `stores.banner` ve `stores.nativeAd` onlara uyun.
`useMainButton(options)`, `useSecondaryButton(options)`	Bileşen için düğmeyi gösterir'hayatı. Dönüşler `{ update(options), dispose() }`.
`useBackButton(onBack)`, `useSettingsButton(onOpen)`	Bileşen için başlık düğmesini gösterir'hayatı. Dönüşler `{ update, dispose }`.
`useClosingConfirmation()`, `useVerticalSwipesDisabled()`	Bileşen için'hayatı; erken sona erdiren bir fonksiyon döndürür.

Çağrı use* bir bileşen kurulurken yardımcılar, onlarla biter. Başka yerlerde (bir olay işleyici, bir modül), aynı şekilde çalışır ama çağırırsınız dispose() kendiniz:

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

Otomatik çeviri. İngilizce, doğru kaynaktır. İngilizce olarak oku