From 2d475ac9617b4154d080492cc0504e2243577530 Mon Sep 17 00:00:00 2001 From: Elliott Johnson Date: Thu, 13 Nov 2025 16:18:15 -0700 Subject: [PATCH] types --- packages/svelte/types/index.d.ts | 27 ++++++++++++++++++++++++++- 1 file changed, 26 insertions(+), 1 deletion(-) diff --git a/packages/svelte/types/index.d.ts b/packages/svelte/types/index.d.ts index fcefe8e309..616d209be2 100644 --- a/packages/svelte/types/index.d.ts +++ b/packages/svelte/types/index.d.ts @@ -596,10 +596,19 @@ declare module 'svelte' { [K in keyof T]: () => T[K]; }; + /** Decode a value. The value will be whatever the evaluated JavaScript emitted by the corresponding {@link Encode} function evaluates to. */ type Decode = (value: any) => T; + /** Encode a value as a string. The string should be _valid JavaScript code_ -- for example, the output of `devalue`'s `uneval` function. */ type Encode = (value: T) => string; + /** + * Custom encode and decode options. This must be used in combination with an environment variable to enable treeshaking, eg: + * ```ts + * import { BROWSER } from 'esm-env'; + * const transport: Transport = BROWSER ? { decode: myDecodeFunction } : { encode: myEncodeFunction }; + * ``` + */ type Transport = | { encode: Encode; @@ -610,10 +619,26 @@ declare module 'svelte' { decode: Decode; }; + /** Make the result of a function hydratable. This means it will be serialized on the server and available synchronously during hydration on the client. */ type Hydratable = { - (key: string, fn: () => T, options?: { transport?: Transport }): T; + ( + /** + * A key to identify this hydratable value. Each hydratable value must have a unique key. + * If writing a library that utilizes `hydratable`, prefix your keys with your library name to prevent naming collisions. + */ + key: string, + /** + * A function that returns the value to be hydrated. On the server, this value will be stashed and serialized. + * On the client during hydration, the value will be used synchronously instead of invoking the function. + */ + fn: () => T, + options?: { transport?: Transport } + ): T; + /** Get a hydratable value from the server-rendered store. If used after hydration, will always return `undefined`. Only works on the client. */ get: (key: string, options?: { decode?: Decode }) => T | undefined; + /** Check if a hydratable value exists in the server-rendered store. */ has: (key: string) => boolean; + /** Set a hydratable value. Only works on the server during `render`. */ set: (key: string, value: T, options?: { encode?: Encode }) => void; };