Gói

@lia-labs/sdk-svelte

Sao chép trang

Các kho lưu trữ Svelte cho Lia SDK, cho Svelte 4 và 5. Lia's state như các kho lưu trữ, và các nút cho vòng đời của một thành phần.

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

Svelte 4 hoặc 5. Mọi thứ từ @lia-labs/sdk được xuất khẩu lại.

#Một ứng dụng

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

#Lưu trữ và trợ giúp

Xuất	Cung cấp cho bạn
`initStore(options?)`	Một kho lưu trữ của `{ status, result, error }` gọi `init()`.
`stores`	Lia'trạng thái như các kho lưu trữ: `player`, `mode`, `language`, `rtl`, `colorScheme`, `themeParams`, `viewport`, `safeArea`, `contentSafeArea`, `isFullscreen`, `startParam`, `soundOn`, `notificationsAllowed`, `initialized`, `banner`, `nativeAd`.
`toStore(value)`	Một giá trị SDK bất kỳ dưới dạng kho.
`useLiaEvent(event, handler)`	Lắng nghe một trong Lia'sự kiện cho thành phần'cuộc sống; trả về hàm dừng.
`useBannerAd(position?)`	Gắn một thanh thông báo Lia bên cạnh trang của bạn (thanh này sẽ ngắn lại để vừa với nó): `"bottom"`, `"top"`, cho thành phần'cuộc sống; trả về một hàm ẩn nó sớm. `stores.banner` và `stores.nativeAd` theo chúng.
`useMainButton(options)`, `useSecondaryButton(options)`	Hiển thị nút cho thành phần'cuộc sống. Trả về `{ update(options), dispose() }`.
`useBackButton(onBack)`, `useSettingsButton(onOpen)`	Hiển thị nút tiêu đề cho thành phần'cuộc sống. Trả về `{ update, dispose }`.
`useClosingConfirmation()`, `useVerticalSwipesDisabled()`	Đối với thành phần'cuộc sống; trả về một hàm kết thúc nó sớm.

Gọi use* các trợ giúp khi một thành phần đang được thiết lập nên chúng kết thúc cùng với nó. Được gọi ở bất kỳ đâu khác (một trình xử lý sự kiện, một mô-đun), chúng hoạt động giống nhau nhưng bạn gọi dispose() bản thân bạn:

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

Được dịch tự động. Tiếng Anh là nguồn tin cậy. Đọc bằng tiếng Anh