الحزم
@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();
}تم الترجمة تلقائيًا. الإنجليزية هي مصدر الحقيقة. اقرأ باللغة الإنجليزية