पैकेज

@lia-labs/sdk-svelte

पृष्ठ कॉपी करें

स्वेल्टे स्टोर्स के लिए Lia SDK, स्वेल्टे 4 और 5. Lia के राज्य के लिए स्टोर्स, और एक घटना के जीवन के लिए बटन।

npm install @lia-labs/sdk @lia-labs/sdk-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();
}

स्वचालित अनुवाद। अंग्रेजी सत्य का स्रोत है। अंग्रेजी में पढ़ें