server functions

[huseeiin]

Describe the problem

I'm always frustrated when i call an endpoint from client and all the typesafety goes away

<button
  on:click={async () => {
    const res = await fetch("/api/data");
    const data = await res.json();
    // const data: any
  }}>Get stuff</button
>

Describe the proposed solution

like astro, and solidstart, i want a feature that enables me to call server-side functions safely:

<script>
  // $lib/server/index.ts

  function getStuff() {
    return { hello: "world" };
  }

  import { getStuff } from "$lib/server";
</script>

<button
  on:click={() => {
    getStuff();
    // getStuff(): { hello: string; }
  }}>Get stuff</button
>

Alternatives considered

No response

Importance

would make my life easier

Additional Information

No response

[eltigerchino]

closing as duplicate of #9579

[huseeiin]

closing as duplicate of #9579

the issue you mentioned argues to remove form actions. are you sure my issue aligns with that? that is a huge breaking change that i don't support.

[eltigerchino]

closing as duplicate of #9579

the issue you mentioned argues to remove form actions. are you sure my issue aligns with that? that is a huge breaking change that i don't support.

Sorry, I linked the wrong issue. At the back of my ahead I knew there was an existing issue but I couldn't find it.
I believe this is the one #647 . You might also be interested in #11108 which is draft PR implementing this feature.