Wishlists

The wishlist is a cookie — a plain list of product ids, following the same pattern as the cart. There are no wishlist database tables, no guest tokens, and no merge-on-login.

Wishlist Cookie

The codec lives in src/lib/server/wishlist-cookie.ts. The cookie is named wishlist and holds JSON [version, productId, ...]:

export const WISHLIST_COOKIE = "wishlist";
 
export function parseWishlistCookie(raw: string | undefined | null): number[];
export function serializeWishlistCookie(ids: number[]): string;
export function toggleId(ids: number[], productId: number): { ids: number[]; added: boolean };

The cookie is httpOnly, sameSite: "lax", and lives 1 year. It is capped at 100 products.

Remote Functions

src/lib/remote/wishlist.remote.ts exposes:

export const getWishlistCount = query(/* ... */);    // → number (for the header badge)
export const toggleWishlist = command(schema, /* ... */); // { productId } → { added: boolean }

toggleWishlist rewrites the cookie and single-flight refreshes getWishlistCount in the same roundtrip.

Wishlist Page

The /wishlist page load reads the cookie and resolves each product id via productService.getById, dropping any that were deleted. Its form actions (remove, clear) rewrite the cookie directly.