Signature

interface ClientLoaderFunctionArgs extends LoaderFunctionArgs {
  serverLoader: <T = unknown>() => Promise<T>;
}

Contract

Extends LoaderFunctionArgs with serverLoader<T>(): Promise<T>. The application transport supplies this callback; invoking it requests the registered server loader.

import type { ClientLoaderFunctionArgs } from "@kasperrt/smolter/preact";

interface TaskData {
  title: string;
}

export async function clientLoader({ serverLoader }: ClientLoaderFunctionArgs) {
  const task = await serverLoader<TaskData>();

  return { ...task, source: "server" };
}

Usage and limits

A client loader can return locally sourced data without calling serverLoader. The generic declares the server result contract; it does not validate JSON at runtime. A bare createDataRouter does not install a server transport callback.

Fields

serverLoader: <T = unknown>() => Promise<T>;