Svelte Effect Runtime Language Server

Write effectful code without any hassle. Seriously!

<script lang="ts" effect>
  import * as StockCard from "./ticker-card.ts";
  import { GetAllStocks, GetPrice } from "./tickers.remote.ts";
  import { GetUser } from "user.ts";
</script>

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

  {#each yield* GetAllStocks() as stock}
    {const price = yield* GetPrice(stock.ticker)}

    <StockCard.Root>
      <StockCard.Header>{stock.name}</StockCard.Header>
      <StockCard.Price>{price} {currency.displayName}</StockCard.Price>
    </StockCard.Root>
  {/each}
</ScrollArea>

Packages

Package	Description
`svelte-effect-runtime`	Core module that houses the Vite plugin to enable effectful execution.
`svelte-effect-runtime-grammars`	TextMate and tree-sitter grammar data used by SER-aware tooling.
`svelte-effect-runtime-language-server`	Standalone npm package for the SER language server used by editor tools.
`svelte-effect-runtime-vsix`	VS Code extension that launches the SER language server for Svelte files.

Visit the docs for guides and API reference.