Skip to content

Latest commit

 

History

History
45 lines (35 loc) · 1.99 KB

File metadata and controls

45 lines (35 loc) · 1.99 KB

Svelte Effect Runtime

npmOpenVSX


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.