@pulse-js/svelte

The standard Svelte integration for Pulse.

Features

• Store-based API: Pulse Units (Sources and Guards) are converted into native Svelte Stores.
• Auto-Subscription: Works seamlessly with Svelte's $ syntax.
• Type Safety: Full TypeScript support.

Installation

npm install @pulse-js/core @pulse-js/svelte

Usage

Using Sources

Wrap your sources with usePulse to get a writable/readable store.

<script lang="ts">
  import { source } from '@pulse-js/core';
  import { usePulse } from '@pulse-js/svelte';

  const count = source(0);
  const countStore = usePulse(count);
</script>

<button on:click={() => count.update((n) => n + 1)}>
  Count is {countStore.value}
</button>

Using Guards

Wrap guards with useGuard to get a readable store containing the status and result.

<script lang="ts">
  import { guard } from '@pulse-js/core';
  import { useGuard } from '@pulse-js/svelte';

  const isAdult = guard(() => age.value >= 18);
  const isAdultStore = useGuard(isAdult);
</script>

{#if isAdultStore.status === 'ok'}
  <p>Result: {isAdultStore.value}</p>
{:else if isAdultStore.status === 'fail'}
  <p class="error">Error: {isAdultStore.reason}</p>
{/if}