@gridstorm/dataflow-svelte

Svelte 5 stores and runes for DataFlow — real-time streaming data with fine-grained reactivity.

Install

npm install @gridstorm/dataflow-core @gridstorm/dataflow-svelte

Quick Start

<script>
  import { createStreamStore } from '@gridstorm/dataflow-svelte';
  import { WebSocketAdapter } from '@gridstorm/dataflow-core';

  const stream = createStreamStore({
    adapter: new WebSocketAdapter('wss://data.example.com/feed'),
    fps: 60,
  });

  stream.connect();
</script>

{#each $stream.rows as row (row.id)}
  <div>{row.symbol}: {row.price}</div>
{/each}

Stores

| Store | Description | |---|---| | createStreamStore | Svelte store wrapping a live data stream | | createMetricsStore | Throughput and latency metrics store | | createAnomalyStore | Anomaly alert store |

Links

• Live Demo
• GitHub

License

MIT © Tekivex