Packages

@lia-labs/sdk-solid

Kopya ang pahina

Solid primitives para sa Lia SDK. Lia's state bilang accessors, at mga button na nananatili nang magmula sa kanilang tagapag-ari.

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

Solid 1.8 o mas bago. Lahat mula @lia-labs/sdk ay re-exported. Ang bawat primitive ay naglilinis kasama ang kanyang tagapagmamay-ari (isang component o isang root).

#Isang app

import { createEffect, createSignal, Show } from 'solid-js';
import { createBackButton, createInit, createMainButton, isLia, mockLia, pay, ready, useLanguage } from '@lia-labs/sdk-solid';

if (!isLia()) mockLia();

function Game(props: { onBack: () => void }) {
  createBackButton(props.onBack); // shown while this component lives
  return <p>Playing…</p>;
}

export function App() {
  const lia = createInit();
  const language = useLanguage();
  const [playing, setPlaying] = createSignal(false);
  createEffect(() => lia().status === 'ready' && ready());
  createMainButton(() => !playing() && { text: 'Buy extra lives', onClick: () => pay('extra-lives') });

  return (
    <Show when={lia().status === 'ready'}>
      <h1>Hello ({language()})</h1>
      <Show when={playing()} fallback={<button onClick={() => setPlaying(true)}>Play</button>}>
        <Game onBack={() => setPlaying(false)} />
      </Show>
    </Show>
  );
}

#Mga primitibo

I-export	Nagbibigay sa iyo
`createInit(options?)`	Ang isang accessor ng `{ status, result, error }`. Mga tawag `init()` isang beses.
`useSignal(value)`	Anumang SDK value bilang isang accessor.
`usePlayer()`, `useMode()`, `useLanguage()`, `useRtl()`, `useColorScheme()`, `useThemeParams()`, `useViewport()`, `useSafeArea()`, `useContentSafeArea()`, `useIsFullscreen()`, `useStartParam()`, `useSoundOn()`, `useNotificationsAllowed()`	Lia'ang state bilang accessors.
`createLiaEvent(event, handler)`	Nag-uusap para sa isang sa Lia'ang mga event.
`createBannerAd(position?)`, `useBanner()`, `useNativeAd()`	Nakadock ang isang banner Lia na nakasunod sa iyong pahina (na mas maikli upang magkasya ito): `"bottom"`, `"top"`, o tawag`null` itinago ito); at ang banner at native ad ngayon.
`createMainButton(options)`, `createSecondaryButton(options)`	Nagpapakita ng button. `options` maka maging isang object o isang accessor, at ang button ay sumusunod dito; `null` o `false` itinago ito.
`createBackButton(onBack)`, `createSettingsButton(onOpen)`	Nagpapakita ng header button.
`createClosingConfirmation()`, `createVerticalSwipesDisabled()`	Para sa may-ari's buhay.

Awtomatikong isinalin. Ang English ay ang source of truth. Basahin sa Ingles