frontend/src/lib/liveblocks/RoomProvider.svelte

<!--
  Works similarly to `liveblocks-react` RoomProvider
  https://liveblocks.io/docs/api-reference/liveblocks-react#RoomProvider
-->
<script lang="ts">
  // @ts-nocheck
  import { clientSymbol, roomSymbol } from "./symbols";
  import type { Client, Room } from "@liveblocks/client";
  import { getContext, onDestroy, setContext } from "svelte";

  export let id: string;
  export let defaultPresence = () => ({});

  if (!id) {
    throw new Error("RoomProvider requires an id");
  }

  const client = getContext<Client>(clientSymbol);

  if (client) {
    const room = client.enter(id, defaultPresence());

    setContext<Room>(roomSymbol, room);

    onDestroy(() => {
      client.leave(id);
    });
  }
</script>

<slot />