An open API service indexing awesome lists of open source software.

https://github.com/usebarekey/svelte-effect-runtime

Effect Runtime for Svelte
https://github.com/usebarekey/svelte-effect-runtime

effect effect-ts svelte sveltekit

Last synced: 9 days ago
JSON representation

Effect Runtime for Svelte

Awesome Lists containing this project

README

          


Svelte Effect Runtime


Runtime npm

Language Server npm

JSR

OpenVSX

VS Code Marketplace

---

Write effectful code without any hassle. Seriously!

```svelte

import * as StockCard from "./ticker-card.ts";
import { GetAllStocks, GetLivePrice } from "./tickers.remote.ts";
import { GetUser } from "user.ts";

{const currency = $derived((yield* GetUser()).preferredCurrency)}

{#each yield* GetAllStocks() as stock}
{const liveQuery = yield* GetLivePrice(stock.ticker)}
{const price = liveQuery.current ?? stock.initialPrice}


{stock.name}
{price} {currency.displayName}

{/each}

```

## Packages

| Package | Description |
| ------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------- |
| [`svelte-effect-runtime`](./modules/svelte-effect-runtime) | Core module that houses the Vite plugin to enable effectful execution. |
| [`svelte-effect-runtime-language-server`](./modules/svelte-effect-runtime-language-server) | Standalone npm package for the SER language server used by editor tools. |
| [`svelte-effect-runtime-vsix`](./modules/svelte-effect-runtime-vsix) | VS Code extension that launches the SER language server for Svelte files. |
| [`svelte-effect-runtime-zed`](./modules/svelte-effect-runtime-zed) | Zed extension that installs and runs the SER language server from npm. |

Visit the **[docs](https://ser.barekey.dev)** for guides and API reference.