Pacotes

@lia-labs/sdk-svelte

Copiar página

Stores do Svelte para o Lia SDK, para Svelte 4 e 5. Lia's state como stores, e botões para a vida de um componente.

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

Svelte 4 ou 5. Tudo desde @lia-labs/sdk é reexportado.

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

#Armazenamentos e ajudantes

Exportar	Lhe dá
`initStore(options?)`	Um estoque de `{ status, result, error }` que chama `init()`.
`stores`	Lia'estado como stores: `player`, `mode`, `language`, `rtl`, `colorScheme`, `themeParams`, `viewport`, `safeArea`, `contentSafeArea`, `isFullscreen`, `startParam`, `soundOn`, `notificationsAllowed`, `initialized`, `banner`, `nativeAd`.
`toStore(value)`	Qualquer valor SDK como armazenamento.
`useLiaEvent(event, handler)`	Escuta um dos Lia'eventos para o componente's limites, e a pessoa
`useBannerAd(position?)`	Fixa um banner Lia ao lado da sua página (que fica mais curto para caber): `"bottom"`, `"top"`, para o componente's vida; retorna uma função de parada. `stores.banner` e `stores.nativeAd` siga-os.
`useMainButton(options)`, `useSecondaryButton(options)`	Mostra o botão para o componente's vida; e o banner e o anúncio nativo agora. `{ update(options), dispose() }`.
`useBackButton(onBack)`, `useSettingsButton(onOpen)`	Mostra o botão do cabeçalho para o componente's vida; e o banner e o anúncio nativo agora. `{ update, dispose }`.
`useClosingConfirmation()`, `useVerticalSwipesDisabled()`	Para o componente's vida; retorna uma função que o esconde precocemente.

Chame o use* ajudantes enquanto um componente está sendo configurado, então eles terminam com ele. Chamados em outro lugar (um manipulador de evento, um módulo), eles funcionam da mesma forma, mas você chama dispose() você mesmo:

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

Traduzido automaticamente. O inglês é a fonte de verdade. Leia em inglês