包

@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 值作为存储。
`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();
}

自动翻译。英语是真实来源。阅读英文