Remote component subverts type checking

[geigerzaehler]

At the moment it is not possible to have type generic components in svelte (sveltejs/language-tools#442). This means that the Remote component has to use the any type for data passed to its slots. As a result, slots are not type-checked.

Consider the following code

<script lang="typescript">
  import * as remote from "ui/src/remote"
  type Foo = { foo: boolean }
  export let store: remote.Store<Foo>
</script>

<Remote {store} let:data>
  {data.bar}
</Remote>

This will compile although Foo does not have a bar property.

To address this I would suggest to avoid the Remote component and implement it by hand every time is used. In the example above this would result in

{#if $store.status === remote.Status.Success}
  {$store.data.bar}
{/if}

This will fail to type check.

The Remote component is quite slim and in most cases only a small part of the Remote functionality is used. I think it’s justifiable to replace it with hand-written code.