Multiple endpoints

Although you probably only need one endpoint, you are not technically limited to having just one.

Do remember that each endpoint that you define must be mounted to a unique route, and a client has to be made for each one separately.

// lib/foo.ts

import { endpoint } from "sveltekit-superactions";

export const fooEndpoint = endpoint({
  hello: async () => "hello from foo",
});

// routes/foo/+server.ts    <-- note the different routes for each endpoint
import { fooEndpoint } from "$lib/foo";

export const POST = fooEndpoint;
export type FooAPI = typeof POST;

// lib/bar.ts

export const barEndpoint = endpoint({
  greet: async () => "greetings from bar",
});

// routes/bar/+server.ts    <-- note the different routes for each endpoint
import { barEndpoint } from "$lib/bar";

export const POST = barEndpoint;
export type BarAPI = typeof POST;

<!-- routes/+page.svelte -->

<script lang="ts">
  import { onMount } from 'svelte';
  import { superActions } from 'sveltekit-superactions';

  import type { FooAPI } from './foo/+server.js'; 
  import type { BarAPI } from './bar/+server.js'; 

  const foo = superActions<FooAPI>('/foo'); 
  const bar = superActions<BarAPI>('/bar'); 

  onMount(async () => {
    console.log(await foo.hello()); // 'hello from foo'
    console.log(await bar.greet()); // 'greetings from bar'

  })
</script>