Packages

@lia-labs/sdk-svelte

Kopya ang pahina

Svelte stores para sa Lia SDK, para sa Svelte 4 at 5. Lia's state bilang stores, at mga button para sa buhay ng isang komponente.

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

Svelte 4 o 5. Lahat mula @lia-labs/sdk ay re-exported.

#Isang app

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

#Storage at mga helper

I-export	Nagbibigay sa iyo
`initStore(options?)`	Isang imbakan ng `{ status, result, error }` na tumatawag `init()`.
`stores`	Lia'ang state bilang stores: `player`, `mode`, `language`, `rtl`, `colorScheme`, `themeParams`, `viewport`, `safeArea`, `contentSafeArea`, `isFullscreen`, `startParam`, `soundOn`, `notificationsAllowed`, `initialized`, `banner`, `nativeAd`.
`toStore(value)`	Anumang SDK value bilang isang store.
`useLiaEvent(event, handler)`	Nag-uusap para sa isang sa Lia'ang mga event para sa komponente's buhay; ibabalik ang isang stop function.
`useBannerAd(position?)`	Nakadock ang isang banner Lia na nakasunod sa iyong pahina (na mas maikli upang magkasya ito): `"bottom"`, `"top"`, para sa component's buhay; ibabalik ang isang function na naglililim nito nang maaga. `stores.banner` at `stores.nativeAd` sumunod sa kanila.
`useMainButton(options)`, `useSecondaryButton(options)`	Nagpapakita ng button para sa komponente's buhay. Babalik `{ update(options), dispose() }`.
`useBackButton(onBack)`, `useSettingsButton(onOpen)`	Nagpapakita ng header button para sa komponente's buhay. Babalik `{ update, dispose }`.
`useClosingConfirmation()`, `useVerticalSwipesDisabled()`	Para sa komponente's buhay; ibabalik ang isang function na nagtatapos nito nang maaga.

Tawagan ang use* mga helper habang ang isang component ay inilalagay kaya sila magtatapos kasama. Tinawag sa anumang lugar (isang event handler, isang module), sila gumagana nang pareho ngunit kailangan mong tumawag dispose() sarili mo:

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

Awtomatikong isinalin. Ang English ay ang source of truth. Basahin sa Ingles