Svelte

Before you begin, follow the JavaScript integration guide to load the SDK, create the shared client module, and configure the TypeScript declarations. This page covers only Svelte-specific initialization and usage.

Integration Steps

Load gld_v2.js from the host HTML file, then reuse the shared client module:

<script>
  import { onMount } from 'svelte';
  import { preloadGeeGuard, getGeeToken } from './geeGuardClient';

  let submitting = false;

  onMount(function () {
    preloadGeeGuard().catch(function (error) {
      console.error('GeeLabGuard initialization failed:', error);
    });
  });

  async function checkout() {
    submitting = true;
    try {
      const { token, offline } = await getGeeToken();
      await fetch('/api/checkout', {
        method: 'POST',
        headers: { 'content-type': 'application/json' },
        body: JSON.stringify({ gee_token: token, offline }),
      });
    } finally {
      submitting = false;
    }
  }
</script>

<button type="button" disabled={submitting} on:click={checkout}>
  {submitting ? 'Processing…' : 'Submit order'}
</button>

When using an SSR framework such as SvelteKit, call the SDK only from a browser lifecycle.

Svelte

Integration Steps

On this page