Paketan

@lia-labs/sdk-svelte

Salin halaman

Svelte stores untuk Lia SDK, untuk Svelte 4 dan 5. Lia's state sebagai stores, dan tombol untuk kehidupan komponen.

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

Svelte 4 atau 5. Segala sesuatu dari @lia-labs/sdk di-re-export.

#Aplikasi

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

#Penyimpanan dan bantuan

Ekspor	Memberi Anda
`initStore(options?)`	Sebuah toko dari `{ status, result, error }` yang memanggil `init()`.
`stores`	Lia'keadaan sebagai penyimpanan: `player`, `mode`, `language`, `rtl`, `colorScheme`, `themeParams`, `viewport`, `safeArea`, `contentSafeArea`, `isFullscreen`, `startParam`, `soundOn`, `notificationsAllowed`, `initialized`, `banner`, `nativeAd`.
`toStore(value)`	Apa pun nilai SDK sebagai penyimpanan.
`useLiaEvent(event, handler)`	Mendengarkan salah satu dari Lia'acara untuk komponen'kehidupan; mengembalikan fungsi berhenti.
`useBannerAd(position?)`	Menempelkan banner Lia di samping halaman Anda (yang lebih pendek agar sesuai): `"bottom"`, `"top"`, untuk komponen'kehidupan; mengembalikan fungsi yang menyembunyikannya lebih awal. `stores.banner` dan `stores.nativeAd` ikuti mereka.
`useMainButton(options)`, `useSecondaryButton(options)`	Menunjukkan tombol untuk komponen'kehidupan. Mengembalikan `{ update(options), dispose() }`.
`useBackButton(onBack)`, `useSettingsButton(onOpen)`	Menunjukkan tombol header untuk komponen'kehidupan. Mengembalikan `{ update, dispose }`.
`useClosingConfirmation()`, `useVerticalSwipesDisabled()`	Untuk komponen'kehidupan; mengembalikan fungsi yang mengakhiri itu lebih awal.

Panggil use* pembantu saat komponen sedang disiapkan sehingga mereka berakhir bersamanya. Dipanggil di tempat lain (pemroses acara, modul), mereka bekerja sama tetapi Anda memanggilnya dispose() diri Anda:

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

Diterjemahkan otomatis. Bahasa Inggris adalah sumber kebenaran. Baca dalam Bahasa Inggris