@fragno-dev/stripe 0.0.2 → 0.1.1

package/dist/browser/{src-k2PmVjgJ.js → src-D6S1gN3I.js}

@@ -1,18 +1,30 @@
-import { createFragment, defineFragment, defineRoute, defineRoutes } from "@fragno-dev/core";
+import { defineFragment, defineRoutes } from "@fragno-dev/core";
 import { z } from "zod";
 
-//#region ../fragno/dist/route-C4CyNHkC.js
+//#region ../fragno/dist/api/route.js
+/**
+* Helper to resolve route factories into routes
+* @internal
+*/
 function resolveRouteFactories(context, routesOrFactories) {
-	const routes = [];
+	const routes$1 = [];
 	for (const item of routesOrFactories) if (typeof item === "function") {
 		const factoryRoutes = item(context);
-		routes.push(...factoryRoutes);
-	} else routes.push(item);
-	return routes;
+		routes$1.push(...factoryRoutes);
+	} else routes$1.push(item);
+	return routes$1;
+}
+
+//#endregion
+//#region ../fragno/dist/api/internal/route.js
+function getMountRoute(opts) {
+	const mountRoute = opts.mountRoute ?? `/api/${opts.name}`;
+	if (mountRoute.endsWith("/")) return mountRoute.slice(0, -1);
+	return mountRoute;
 }
 
 //#endregion
-//#region ../fragno/dist/fragment-instantiation-DUT-HLl1.js
+//#region ../fragno/dist/api/error.js
 var FragnoApiError = class extends Error {
 	#status;
 	#code;
@@ -56,11 +68,9 @@ var FragnoApiValidationError = class extends FragnoApiError {
 		}, { status: this.status });
 	}
 };
-function getMountRoute(opts) {
-	const mountRoute = opts.mountRoute ?? `/api/${opts.name}`;
-	if (mountRoute.endsWith("/")) return mountRoute.slice(0, -1);
-	return mountRoute;
-}
+
+//#endregion
+//#region ../fragno/dist/api/request-input-context.js
 var RequestInputContext = class RequestInputContext$1 {
 	#path;
 	#method;
@@ -172,6 +182,9 @@ var RequestInputContext = class RequestInputContext$1 {
 		return result.value;
 	}
 };
+
+//#endregion
+//#region ../fragno/dist/api/internal/response-stream.js
 var ResponseStream = class {
 	#writer;
 	#encoder;
@@ -248,6 +261,9 @@ var ResponseStream = class {
 		}
 	}
 };
+
+//#endregion
+//#region ../fragno/dist/api/request-output-context.js
 /**
 * Utility function to merge headers from multiple sources.
 * Later headers override earlier ones.
@@ -362,188 +378,534 @@ var RequestOutputContext = class extends OutputContext {
 };
 
 //#endregion
-//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/task/index.js
-let tasks = 0;
-let resolves = [];
-function startTask() {
-	tasks += 1;
-	return () => {
-		tasks -= 1;
-		if (tasks === 0) {
-			let prevResolves = resolves;
-			resolves = [];
-			for (let i of prevResolves) i();
+//#region ../fragno/dist/api/internal/path.js
+/**
+* Extract parameter names from a path pattern at runtime.
+* Examples:
+* - "/users/:id" => ["id"]
+* - "/files/**" => ["**"]
+* - "/files/**:rest" => ["rest"]
+*/
+function extractPathParams(pathPattern) {
+	const segments = pathPattern.split("/").filter((s) => s.length > 0);
+	const names = [];
+	for (const segment of segments) {
+		if (segment.startsWith(":")) {
+			names.push(segment.slice(1));
+			continue;
 		}
-	};
+		if (segment === "**") {
+			names.push("**");
+			continue;
+		}
+		if (segment.startsWith("**:")) {
+			names.push(segment.slice(3));
+			continue;
+		}
+	}
+	return names;
 }
-function task(cb) {
-	let endTask = startTask();
-	let promise = cb().finally(endTask);
-	promise.t = true;
-	return promise;
+/**
+* Build a concrete path by replacing placeholders in a path pattern with values.
+*
+* Supports the same placeholder syntax as the matcher:
+* - Named parameter ":name" is URL-encoded as a single segment
+* - Anonymous wildcard "**" inserts the remainder as-is (slashes preserved)
+* - Named wildcard "**:name" inserts the remainder from the named key
+*
+* Examples:
+* - buildPath("/users/:id", { id: "123" }) => "/users/123"
+* - buildPath("/files/**", { "**": "a/b" }) => "/files/a/b"
+* - buildPath("/files/**:rest", { rest: "a/b" }) => "/files/a/b"
+*/
+function buildPath(pathPattern, params) {
+	const patternSegments = pathPattern.split("/");
+	const builtSegments = [];
+	for (const segment of patternSegments) {
+		if (segment.length === 0) {
+			builtSegments.push("");
+			continue;
+		}
+		if (segment.startsWith(":")) {
+			const name = segment.slice(1);
+			const value = params[name];
+			if (value === void 0) throw new Error(`Missing value for path parameter :${name}`);
+			builtSegments.push(encodeURIComponent(value));
+			continue;
+		}
+		if (segment === "**") {
+			const value = params["**"];
+			if (value === void 0) throw new Error("Missing value for path wildcard **");
+			builtSegments.push(value);
+			continue;
+		}
+		if (segment.startsWith("**:")) {
+			const name = segment.slice(3);
+			const value = params[name];
+			if (value === void 0) throw new Error(`Missing value for path wildcard **:${name}`);
+			builtSegments.push(value);
+			continue;
+		}
+		builtSegments.push(segment);
+	}
+	return builtSegments.join("/");
 }
 
 //#endregion
-//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/clean-stores/index.js
-let clean = Symbol("clean");
-
-//#endregion
-//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/atom/index.js
-let listenerQueue = [];
-let lqIndex = 0;
-const QUEUE_ITEMS_PER_LISTENER = 4;
-let epoch = 0;
-let atom = (initialValue) => {
-	let listeners = [];
-	let $atom = {
-		get() {
-			if (!$atom.lc) $atom.listen(() => {})();
-			return $atom.value;
-		},
-		lc: 0,
-		listen(listener) {
-			$atom.lc = listeners.push(listener);
-			return () => {
-				for (let i = lqIndex + QUEUE_ITEMS_PER_LISTENER; i < listenerQueue.length;) if (listenerQueue[i] === listener) listenerQueue.splice(i, QUEUE_ITEMS_PER_LISTENER);
-				else i += QUEUE_ITEMS_PER_LISTENER;
-				let index = listeners.indexOf(listener);
-				if (~index) {
-					listeners.splice(index, 1);
-					if (!--$atom.lc) $atom.off();
-				}
-			};
-		},
-		notify(oldValue, changedKey) {
-			epoch++;
-			let runListenerQueue = !listenerQueue.length;
-			for (let listener of listeners) listenerQueue.push(listener, $atom.value, oldValue, changedKey);
-			if (runListenerQueue) {
-				for (lqIndex = 0; lqIndex < listenerQueue.length; lqIndex += QUEUE_ITEMS_PER_LISTENER) listenerQueue[lqIndex](listenerQueue[lqIndex + 1], listenerQueue[lqIndex + 2], listenerQueue[lqIndex + 3]);
-				listenerQueue.length = 0;
-			}
-		},
-		off() {},
-		set(newValue) {
-			let oldValue = $atom.value;
-			if (oldValue !== newValue) {
-				$atom.value = newValue;
-				$atom.notify(oldValue);
-			}
-		},
-		subscribe(listener) {
-			let unbind = $atom.listen(listener);
-			listener($atom.value);
-			return unbind;
-		},
-		value: initialValue
-	};
-	$atom[clean] = () => {
-		listeners = [];
-		$atom.lc = 0;
-		$atom.off();
-	};
-	return $atom;
+//#region ../fragno/dist/client/client-error.js
+/**
+* Base error class for all Fragno client errors.
+*/
+var FragnoClientError = class extends Error {
+	#code;
+	constructor(message, code, options = {}) {
+		super(message, { cause: options.cause });
+		this.name = "FragnoClientError";
+		this.#code = code;
+	}
+	get code() {
+		return this.#code;
+	}
+};
+var FragnoClientFetchError = class extends FragnoClientError {
+	constructor(message, code, options = {}) {
+		super(message, code, options);
+		this.name = "FragnoClientFetchError";
+	}
+	static fromUnknownFetchError(error) {
+		if (!(error instanceof Error)) return new FragnoClientFetchNetworkError("Network request failed", { cause: error });
+		if (error.name === "AbortError") return new FragnoClientFetchAbortError("Request was aborted", { cause: error });
+		return new FragnoClientFetchNetworkError("Network request failed", { cause: error });
+	}
+};
+/**
+* Error thrown when a network request fails (e.g., no internet connection, DNS failure).
+*/
+var FragnoClientFetchNetworkError = class extends FragnoClientFetchError {
+	constructor(message = "Network request failed", options = {}) {
+		super(message, "NETWORK_ERROR", options);
+		this.name = "FragnoClientFetchNetworkError";
+	}
+};
+/**
+* Error thrown when a request is aborted (e.g., user cancels request, timeout).
+*/
+var FragnoClientFetchAbortError = class extends FragnoClientFetchError {
+	constructor(message = "Request was aborted", options = {}) {
+		super(message, "ABORT_ERROR", options);
+		this.name = "FragnoClientFetchAbortError";
+	}
+};
+/**
+* Error thrown when the API result is unexpected, e.g. no json is returned.
+*/
+var FragnoClientUnknownApiError = class extends FragnoClientError {
+	#status;
+	constructor(message = "Unknown API error", status, options = {}) {
+		super(message, "UNKNOWN_API_ERROR", options);
+		this.name = "FragnoClientUnknownApiError";
+		this.#status = status;
+	}
+	get status() {
+		return this.#status;
+	}
+};
+var FragnoClientApiError = class FragnoClientApiError$1 extends FragnoClientError {
+	#status;
+	constructor({ message, code }, status, options = {}) {
+		super(message, code, options);
+		this.name = "FragnoClientApiError";
+		this.#status = status;
+	}
+	get status() {
+		return this.#status;
+	}
+	/**
+	* The error code returned by the API.
+	*
+	* The type is `TErrorCode` (the set of known error codes for this route), but may also be a string
+	* for forward compatibility with future error codes.
+	*/
+	get code() {
+		return super.code;
+	}
+	static async fromResponse(response) {
+		const unknown = await response.json();
+		const status = response.status;
+		if (!("message" in unknown || "code" in unknown)) return new FragnoClientUnknownApiError("Unknown API error", status);
+		if (!(typeof unknown.message === "string" && typeof unknown.code === "string")) return new FragnoClientUnknownApiError("Unknown API error", status);
+		return new FragnoClientApiError$1({
+			message: unknown.message,
+			code: unknown.code
+		}, status);
+	}
 };
 
 //#endregion
-//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/lifecycle/index.js
-const START = 0;
-const STOP = 1;
-const MOUNT = 5;
-const UNMOUNT = 6;
-const REVERT_MUTATION = 10;
-let on = (object, listener, eventKey, mutateStore) => {
-	object.events = object.events || {};
-	if (!object.events[eventKey + REVERT_MUTATION]) object.events[eventKey + REVERT_MUTATION] = mutateStore((eventProps) => {
-		object.events[eventKey].reduceRight((event, l) => (l(event), event), {
-			shared: {},
-			...eventProps
-		});
-	});
-	object.events[eventKey] = object.events[eventKey] || [];
-	object.events[eventKey].push(listener);
-	return () => {
-		let currentListeners = object.events[eventKey];
-		let index = currentListeners.indexOf(listener);
-		currentListeners.splice(index, 1);
-		if (!currentListeners.length) {
-			delete object.events[eventKey];
-			object.events[eventKey + REVERT_MUTATION]();
-			delete object.events[eventKey + REVERT_MUTATION];
+//#region ../fragno/dist/util/content-type.js
+/**
+* Parses a content-type header string into its components
+*
+* @param contentType - The content-type header value to parse
+* @returns A ParsedContentType object or null if the input is invalid
+*
+* @example
+* ```ts
+* const { type, subtype, mediaType, parameters }
+*        = parseContentType("application/json; charset=utf-8");
+* console.assert(type === "application");
+* console.assert(subtype === "json");
+* console.assert(mediaType === "application/json");
+* console.assert(parameters["charset"] === "utf-8");
+*/
+function parseContentType(contentType) {
+	if (!contentType || typeof contentType !== "string") return null;
+	const trimmed = contentType.trim();
+	if (!trimmed) return null;
+	const parts = trimmed.split(";").map((part) => part.trim());
+	const mediaType = parts[0];
+	if (!mediaType) return null;
+	const typeParts = mediaType.split("/");
+	if (typeParts.length !== 2) return null;
+	const [type, subtype] = typeParts.map((part) => part.trim().toLowerCase());
+	if (!type || !subtype) return null;
+	const parameters = {};
+	for (let i = 1; i < parts.length; i++) {
+		const param = parts[i];
+		const equalIndex = param.indexOf("=");
+		if (equalIndex > 0) {
+			const key = param.slice(0, equalIndex).trim().toLowerCase();
+			let value = param.slice(equalIndex + 1).trim();
+			if (value.startsWith("\"") && value.endsWith("\"")) value = value.slice(1, -1);
+			if (key) parameters[key] = value;
 		}
+	}
+	return {
+		type,
+		subtype,
+		mediaType: `${type}/${subtype}`,
+		parameters
 	};
-};
-let onStart = ($store, listener) => on($store, listener, START, (runListeners) => {
-	let originListen = $store.listen;
-	$store.listen = (arg) => {
-		if (!$store.lc && !$store.starting) {
-			$store.starting = true;
-			runListeners();
-			delete $store.starting;
+}
+
+//#endregion
+//#region ../fragno/dist/client/internal/ndjson-streaming.js
+/**
+* Creates a promise that rejects when the abort signal is triggered
+*/
+function createAbortPromise(abortSignal) {
+	return new Promise((_, reject) => {
+		const abortHandler = () => {
+			reject(new FragnoClientFetchAbortError("Operation was aborted"));
+		};
+		if (abortSignal.aborted) abortHandler();
+		else abortSignal.addEventListener("abort", abortHandler, { once: true });
+	});
+}
+/**
+* Handles NDJSON streaming responses by returning the first item from the fetcher
+* and then continuing to stream updates via the store's mutate method.
+*
+* This makes it so that we can wait until the first chunk before updating the store, if we did
+* not do this, `loading` would briefly be false before the first item would be populated in the
+* result.
+*
+* @param response - The fetch Response object containing the NDJSON stream
+* @param store - The fetcher store to update with streaming data
+* @param abortSignal - Optional AbortSignal to cancel the streaming operation
+* @returns A promise that resolves to an object containing the first item and a streaming promise
+*/
+async function handleNdjsonStreamingFirstItem(response, store, options = {}) {
+	if (!response.body) throw new FragnoClientFetchError("Streaming response has no body", "NO_BODY");
+	const { abortSignal } = options;
+	if (abortSignal?.aborted) throw new FragnoClientFetchAbortError("Operation was aborted");
+	const decoder = new TextDecoder();
+	const reader = response.body.getReader();
+	let buffer = "";
+	let firstItem = null;
+	const items = [];
+	try {
+		while (firstItem === null) {
+			if (abortSignal?.aborted) {
+				reader.releaseLock();
+				throw new FragnoClientFetchAbortError("Operation was aborted");
+			}
+			const { done, value } = await (abortSignal ? Promise.race([reader.read(), createAbortPromise(abortSignal)]) : reader.read());
+			if (done) break;
+			buffer += decoder.decode(value, { stream: true });
+			const lines = buffer.split("\n");
+			buffer = lines.pop() || "";
+			for (const line of lines) {
+				if (!line.trim()) continue;
+				try {
+					const jsonObject = JSON.parse(line);
+					items.push(jsonObject);
+					if (firstItem === null) {
+						firstItem = jsonObject;
+						const streamingPromise = continueStreaming(reader, decoder, buffer, items, store, abortSignal);
+						return {
+							firstItem,
+							streamingPromise
+						};
+					}
+				} catch (parseError) {
+					throw new FragnoClientUnknownApiError("Failed to parse NDJSON line", 500, { cause: parseError });
+				}
+			}
 		}
-		return originListen(arg);
-	};
-	return () => {
-		$store.listen = originListen;
-	};
-});
-let onStop = ($store, listener) => on($store, listener, STOP, (runListeners) => {
-	let originOff = $store.off;
-	$store.off = () => {
-		runListeners();
-		originOff();
-	};
-	return () => {
-		$store.off = originOff;
-	};
-});
-let STORE_UNMOUNT_DELAY = 1e3;
-let onMount = ($store, initialize) => {
-	let listener = (payload) => {
-		let destroy = initialize(payload);
-		if (destroy) $store.events[UNMOUNT].push(destroy);
-	};
-	return on($store, listener, MOUNT, (runListeners) => {
-		let originListen = $store.listen;
-		$store.listen = (...args) => {
-			if (!$store.lc && !$store.active) {
-				$store.active = true;
-				runListeners();
+		if (firstItem === null) {
+			reader.releaseLock();
+			throw new FragnoClientUnknownApiError("NDJSON stream contained no valid items", 500);
+		}
+		reader.releaseLock();
+		throw new FragnoClientFetchError("Unexpected end of stream processing", "NO_BODY");
+	} catch (error) {
+		if (error instanceof FragnoClientError) {
+			store?.setError(error);
+			throw error;
+		} else {
+			const clientError = new FragnoClientUnknownApiError("Unknown streaming error", 500, { cause: error });
+			store?.setError(clientError);
+			throw clientError;
+		}
+	}
+}
+/**
+* Continues streaming the remaining items in the background
+*/
+async function continueStreaming(reader, decoder, initialBuffer, items, store, abortSignal) {
+	let buffer = initialBuffer;
+	try {
+		while (true) {
+			if (abortSignal?.aborted) throw new FragnoClientFetchAbortError("Operation was aborted");
+			const { done, value } = await (abortSignal ? Promise.race([reader.read(), createAbortPromise(abortSignal)]) : reader.read());
+			if (done) {
+				if (buffer.trim()) {
+					const lines$1 = buffer.split("\n");
+					for (const line of lines$1) {
+						if (!line.trim()) continue;
+						try {
+							const jsonObject = JSON.parse(line);
+							items.push(jsonObject);
+							store?.setData([...items]);
+						} catch (parseError) {
+							throw new FragnoClientUnknownApiError("Failed to parse NDJSON line", 400, { cause: parseError });
+						}
+					}
+				}
+				break;
 			}
-			return originListen(...args);
-		};
-		let originOff = $store.off;
-		$store.events[UNMOUNT] = [];
-		$store.off = () => {
-			originOff();
-			setTimeout(() => {
-				if ($store.active && !$store.lc) {
-					$store.active = false;
-					for (let destroy of $store.events[UNMOUNT]) destroy();
-					$store.events[UNMOUNT] = [];
+			buffer += decoder.decode(value, { stream: true });
+			const lines = buffer.split("\n");
+			buffer = lines.pop() || "";
+			for (const line of lines) {
+				if (!line.trim()) continue;
+				try {
+					const jsonObject = JSON.parse(line);
+					items.push(jsonObject);
+					store?.setData([...items]);
+				} catch (parseError) {
+					throw new FragnoClientUnknownApiError("Failed to parse NDJSON line", 400, { cause: parseError });
 				}
-			}, STORE_UNMOUNT_DELAY);
-		};
-		{
-			let originClean = $store[clean];
-			$store[clean] = () => {
-				for (let destroy of $store.events[UNMOUNT]) destroy();
-				$store.events[UNMOUNT] = [];
-				$store.active = false;
-				originClean();
-			};
+			}
 		}
-		return () => {
-			$store.listen = originListen;
-			$store.off = originOff;
-		};
-	});
-};
+	} catch (error) {
+		if (error instanceof FragnoClientError) store?.setError(error);
+		else {
+			const clientError = new FragnoClientUnknownApiError("Unknown streaming error", 400, { cause: error });
+			store?.setError(clientError);
+			throw clientError;
+		}
+		throw error;
+	} finally {
+		reader.releaseLock();
+	}
+	return items;
+}
 
 //#endregion
-//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/computed/index.js
-let computedStore = (stores$1, cb, batched$1) => {
-	if (!Array.isArray(stores$1)) stores$1 = [stores$1];
+//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/task/index.js
+let tasks = 0;
+let resolves = [];
+function startTask() {
+	tasks += 1;
+	return () => {
+		tasks -= 1;
+		if (tasks === 0) {
+			let prevResolves = resolves;
+			resolves = [];
+			for (let i of prevResolves) i();
+		}
+	};
+}
+function task(cb) {
+	let endTask = startTask();
+	let promise = cb().finally(endTask);
+	promise.t = true;
+	return promise;
+}
+
+//#endregion
+//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/clean-stores/index.js
+let clean = Symbol("clean");
+
+//#endregion
+//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/atom/index.js
+let listenerQueue = [];
+let lqIndex = 0;
+const QUEUE_ITEMS_PER_LISTENER = 4;
+let epoch = 0;
+let atom = (initialValue) => {
+	let listeners = [];
+	let $atom = {
+		get() {
+			if (!$atom.lc) $atom.listen(() => {})();
+			return $atom.value;
+		},
+		lc: 0,
+		listen(listener) {
+			$atom.lc = listeners.push(listener);
+			return () => {
+				for (let i = lqIndex + QUEUE_ITEMS_PER_LISTENER; i < listenerQueue.length;) if (listenerQueue[i] === listener) listenerQueue.splice(i, QUEUE_ITEMS_PER_LISTENER);
+				else i += QUEUE_ITEMS_PER_LISTENER;
+				let index = listeners.indexOf(listener);
+				if (~index) {
+					listeners.splice(index, 1);
+					if (!--$atom.lc) $atom.off();
+				}
+			};
+		},
+		notify(oldValue, changedKey) {
+			epoch++;
+			let runListenerQueue = !listenerQueue.length;
+			for (let listener of listeners) listenerQueue.push(listener, $atom.value, oldValue, changedKey);
+			if (runListenerQueue) {
+				for (lqIndex = 0; lqIndex < listenerQueue.length; lqIndex += QUEUE_ITEMS_PER_LISTENER) listenerQueue[lqIndex](listenerQueue[lqIndex + 1], listenerQueue[lqIndex + 2], listenerQueue[lqIndex + 3]);
+				listenerQueue.length = 0;
+			}
+		},
+		off() {},
+		set(newValue) {
+			let oldValue = $atom.value;
+			if (oldValue !== newValue) {
+				$atom.value = newValue;
+				$atom.notify(oldValue);
+			}
+		},
+		subscribe(listener) {
+			let unbind = $atom.listen(listener);
+			listener($atom.value);
+			return unbind;
+		},
+		value: initialValue
+	};
+	$atom[clean] = () => {
+		listeners = [];
+		$atom.lc = 0;
+		$atom.off();
+	};
+	return $atom;
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/lifecycle/index.js
+const START = 0;
+const STOP = 1;
+const MOUNT = 5;
+const UNMOUNT = 6;
+const REVERT_MUTATION = 10;
+let on = (object, listener, eventKey, mutateStore) => {
+	object.events = object.events || {};
+	if (!object.events[eventKey + REVERT_MUTATION]) object.events[eventKey + REVERT_MUTATION] = mutateStore((eventProps) => {
+		object.events[eventKey].reduceRight((event, l) => (l(event), event), {
+			shared: {},
+			...eventProps
+		});
+	});
+	object.events[eventKey] = object.events[eventKey] || [];
+	object.events[eventKey].push(listener);
+	return () => {
+		let currentListeners = object.events[eventKey];
+		let index = currentListeners.indexOf(listener);
+		currentListeners.splice(index, 1);
+		if (!currentListeners.length) {
+			delete object.events[eventKey];
+			object.events[eventKey + REVERT_MUTATION]();
+			delete object.events[eventKey + REVERT_MUTATION];
+		}
+	};
+};
+let onStart = ($store, listener) => on($store, listener, START, (runListeners) => {
+	let originListen = $store.listen;
+	$store.listen = (arg) => {
+		if (!$store.lc && !$store.starting) {
+			$store.starting = true;
+			runListeners();
+			delete $store.starting;
+		}
+		return originListen(arg);
+	};
+	return () => {
+		$store.listen = originListen;
+	};
+});
+let onStop = ($store, listener) => on($store, listener, STOP, (runListeners) => {
+	let originOff = $store.off;
+	$store.off = () => {
+		runListeners();
+		originOff();
+	};
+	return () => {
+		$store.off = originOff;
+	};
+});
+let STORE_UNMOUNT_DELAY = 1e3;
+let onMount = ($store, initialize) => {
+	let listener = (payload) => {
+		let destroy = initialize(payload);
+		if (destroy) $store.events[UNMOUNT].push(destroy);
+	};
+	return on($store, listener, MOUNT, (runListeners) => {
+		let originListen = $store.listen;
+		$store.listen = (...args) => {
+			if (!$store.lc && !$store.active) {
+				$store.active = true;
+				runListeners();
+			}
+			return originListen(...args);
+		};
+		let originOff = $store.off;
+		$store.events[UNMOUNT] = [];
+		$store.off = () => {
+			originOff();
+			setTimeout(() => {
+				if ($store.active && !$store.lc) {
+					$store.active = false;
+					for (let destroy of $store.events[UNMOUNT]) destroy();
+					$store.events[UNMOUNT] = [];
+				}
+			}, STORE_UNMOUNT_DELAY);
+		};
+		{
+			let originClean = $store[clean];
+			$store[clean] = () => {
+				for (let destroy of $store.events[UNMOUNT]) destroy();
+				$store.events[UNMOUNT] = [];
+				$store.active = false;
+				originClean();
+			};
+		}
+		return () => {
+			$store.listen = originListen;
+			$store.off = originOff;
+		};
+	});
+};
+
+//#endregion
+//#region ../../node_modules/.pnpm/nanostores@1.0.1/node_modules/nanostores/computed/index.js
+let computedStore = (stores$1, cb, batched$1) => {
+	if (!Array.isArray(stores$1)) stores$1 = [stores$1];
 	let previousArgs;
 	let currentEpoch;
 	let set = () => {
@@ -607,7 +969,7 @@ let map = (initial = {}) => {
 };
 
 //#endregion
-//#region ../fragno/dist/ssr-kyKI7pqH.js
+//#region ../fragno/dist/util/ssr.js
 let stores = [];
 const SSR_ENABLED = false;
 function addStore(store) {
@@ -622,6 +984,69 @@ function getInitialData(key) {
 	}
 }
 
+//#endregion
+//#region ../fragno/dist/util/nanostores.js
+/**
+* Normalizes a value that could be a plain value, an Atom, or a Vue Ref to a plain value.
+*/
+function unwrapAtom(value) {
+	if (value && typeof value === "object" && "get" in value && typeof value.get === "function") return value.get();
+	return value;
+}
+/**
+* Normalizes an object where values can be plain values, Atoms, or Vue Refs.
+* Returns a new object with all values normalized to plain values.
+*/
+function unwrapObject(params) {
+	if (!params) return;
+	return Object.fromEntries(Object.entries(params).map(([key, value]) => [key, unwrapAtom(value)]));
+}
+function isReadableAtom(value) {
+	if (!value) return false;
+	if (typeof value !== "object" || value === null) return false;
+	if (!("get" in value) || typeof value.get !== "function") return false;
+	if (!("lc" in value) || typeof value.lc !== "number") return false;
+	if (!("notify" in value) || typeof value.notify !== "function") return false;
+	if (!("off" in value) || typeof value.off !== "function") return false;
+	if (!("subscribe" in value) || typeof value.subscribe !== "function") return false;
+	if (!("value" in value)) return false;
+	return true;
+}
+
+//#endregion
+//#region ../fragno/dist/client/internal/fetcher-merge.js
+/**
+* Merge two fetcher configurations, with user config taking precedence.
+* If user provides a custom function, it takes full precedence.
+* Otherwise, deep merge RequestInit options.
+*/
+function mergeFetcherConfigs(authorConfig, userConfig) {
+	if (userConfig?.type === "function") return userConfig;
+	if (!userConfig && authorConfig?.type === "function") return authorConfig;
+	const authorOpts = authorConfig?.type === "options" ? authorConfig.options : {};
+	const userOpts = userConfig?.type === "options" ? userConfig.options : {};
+	if (Object.keys(authorOpts).length === 0 && Object.keys(userOpts).length === 0) return;
+	return {
+		type: "options",
+		options: {
+			...authorOpts,
+			...userOpts,
+			headers: mergeHeaders(authorOpts.headers, userOpts.headers)
+		}
+	};
+}
+/**
+* Merge headers from author and user configs.
+* User headers override author headers.
+*/
+function mergeHeaders(author, user) {
+	if (!author && !user) return;
+	const merged = new Headers(author);
+	new Headers(user).forEach((value, key) => merged.set(key, value));
+	if (merged.keys().next().done) return;
+	return merged;
+}
+
 //#endregion
 //#region ../../node_modules/.pnpm/nanoevents@9.1.0/node_modules/nanoevents/index.js
 let createNanoEvents = () => ({
@@ -816,575 +1241,187 @@ const nanoqueryFactory = ([isAppVisible, visibilityChangeSubscribe, reconnectCha
 				if (prevKey && prevKeyParts) runFetcher([prevKey, prevKeyParts], fetcherStore, settings);
 			};
 			const originListen = fetcherStore.listen;
-			fetcherStore.listen = (listener) => {
-				const unsub = originListen(listener);
-				listener(fetcherStore.value);
-				handleNewListener();
-				return unsub;
-			};
-			onStop(fetcherStore, () => {
-				fetcherStore.value = { ...notLoading };
-				keysInternalUnsub?.();
-				evtUnsubs.forEach((fn) => fn());
-				evtUnsubs = [];
-				keyUnsub?.();
-				clearInterval(_revalidateOnInterval.get(keyInput));
-			});
-			return fetcherStore;
-		};
-		const iterOverCache = (keySelector, cb) => {
-			for (const key of cache.keys()) if (testKeyAgainstSelector(key, keySelector)) cb(key);
-		};
-		const invalidateKeys = (keySelector) => {
-			iterOverCache(keySelector, (key) => {
-				cache.delete(key);
-			});
-			events.emit(INVALIDATE_KEYS, keySelector);
-		};
-		const revalidateKeys = (keySelector) => {
-			iterOverCache(keySelector, (key) => {
-				const cached = cache.get(key);
-				if (cached) cache.set(key, {
-					...cached,
-					created: -Infinity
-				});
-			});
-			events.emit(REVALIDATE_KEYS, keySelector);
-		};
-		const mutateCache = (keySelector, data) => {
-			iterOverCache(keySelector, (key) => {
-				if (data === void 0) cache.delete(key);
-				else cache.set(key, {
-					data,
-					created: getNow(),
-					expires: getNow() + (globalSettings.cacheLifetime ?? 8e3)
-				});
-			});
-			events.emit(SET_CACHE, keySelector, data);
-		};
-		function createMutatorStore(mutator, opts) {
-			const { throttleCalls, onError } = opts ?? {
-				throttleCalls: true,
-				onError: globalSettings?.onError
-			};
-			const mutate = async (data) => {
-				if (throttleCalls && store.value?.loading) return;
-				const newMutator = rewrittenSettings.fetcher ?? mutator;
-				const keysToInvalidate = [], keysToRevalidate = [];
-				const safeKeySet = (k, v) => {
-					if (store.lc) store.setKey(k, v);
-				};
-				try {
-					store.set({
-						error: void 0,
-						data: void 0,
-						mutate,
-						...loading
-					});
-					const result = await newMutator({
-						data,
-						invalidate: (key) => {
-							keysToInvalidate.push(key);
-						},
-						revalidate: (key) => {
-							keysToRevalidate.push(key);
-						},
-						getCacheUpdater: (key, shouldRevalidate = true) => [(newVal) => {
-							mutateCache(key, newVal);
-							if (shouldRevalidate) keysToRevalidate.push(key);
-						}, cache.get(key)?.data]
-					});
-					safeKeySet("data", result);
-					return result;
-				} catch (error) {
-					onError?.(error);
-					safeKeySet("error", error);
-					store.setKey("error", error);
-				} finally {
-					safeKeySet("loading", false);
-					keysToInvalidate.forEach(invalidateKeys);
-					keysToRevalidate.forEach(revalidateKeys);
-				}
-			};
-			const store = map({
-				mutate,
-				...notLoading
-			});
-			onStop(store, () => store.set({
-				mutate,
-				...notLoading
-			}));
-			store.mutate = mutate;
-			return store;
-		}
-		const __unsafeOverruleSettings = (data) => {
-			console.warn(`You should only use __unsafeOverruleSettings in test environment`);
-			rewrittenSettings = data;
-		};
-		return [
-			createFetcherStore,
-			createMutatorStore,
-			{
-				__unsafeOverruleSettings,
-				invalidateKeys,
-				revalidateKeys,
-				mutateCache
-			}
-		];
-	};
-	function isSomeKey(key) {
-		return typeof key === "string" || typeof key === "number" || key === true;
-	}
-	const getKeyStore = (keys) => {
-		if (isSomeKey(keys)) return [atom(["" + keys, [keys]]), () => {}];
-		const keyParts = [];
-		const $key = atom(null);
-		const keysAsStoresToIndexes = /* @__PURE__ */ new Map();
-		const setKeyStoreValue = () => {
-			if (keyParts.some((v) => v === null || v === void 0 || v === false)) $key.set(null);
-			else $key.set([keyParts.join(""), keyParts]);
-		};
-		for (let i = 0; i < keys.length; i++) {
-			const keyOrStore = keys[i];
-			if (isSomeKey(keyOrStore)) keyParts.push(keyOrStore);
-			else {
-				keyParts.push(null);
-				keysAsStoresToIndexes.set(keyOrStore, i);
-			}
-		}
-		const storesAsArray = [...keysAsStoresToIndexes.keys()];
-		const $storeKeys = batched(storesAsArray, (...storeValues) => {
-			for (let i = 0; i < storeValues.length; i++) {
-				const store = storesAsArray[i], partIndex = keysAsStoresToIndexes.get(store);
-				keyParts[partIndex] = store._ === fetcherSymbol ? store.value && "data" in store.value ? store.key : null : storeValues[i];
-			}
-			setKeyStoreValue();
-		});
-		setKeyStoreValue();
-		return [$key, $storeKeys.subscribe(noop)];
-	};
-	function noop() {}
-	const FOCUS = 1, RECONNECT = 2, INVALIDATE_KEYS = 3, REVALIDATE_KEYS = 4, SET_CACHE = 5;
-	const testKeyAgainstSelector = (key, selector) => {
-		if (Array.isArray(selector)) return selector.includes(key);
-		else if (typeof selector === "function") return selector(key);
-		else return key === selector;
-	};
-	const getNow = () => (/* @__PURE__ */ new Date()).getTime();
-	const fetcherSymbol = Symbol();
-	const loading = { loading: true }, notLoading = { loading: false };
-	return nanoquery$1;
-};
-const subscribe = (name, fn) => {
-	const isServer = typeof window === "undefined";
-	if (!isServer) addEventListener(name, fn);
-};
-const browserCompat = [
-	() => !document.hidden,
-	(cb) => subscribe("visibilitychange", cb),
-	(cb) => subscribe("online", cb)
-];
-const nanoquery = nanoqueryFactory(browserCompat);
-
-//#endregion
-//#region ../fragno/dist/client-DAFHcKqA.js
-/**
-* Extract parameter names from a path pattern at runtime.
-* Examples:
-* - "/users/:id" => ["id"]
-* - "/files/**" => ["**"]
-* - "/files/**:rest" => ["rest"]
-*/
-function extractPathParams(pathPattern) {
-	const segments = pathPattern.split("/").filter((s) => s.length > 0);
-	const names = [];
-	for (const segment of segments) {
-		if (segment.startsWith(":")) {
-			names.push(segment.slice(1));
-			continue;
-		}
-		if (segment === "**") {
-			names.push("**");
-			continue;
-		}
-		if (segment.startsWith("**:")) {
-			names.push(segment.slice(3));
-			continue;
-		}
-	}
-	return names;
-}
-/**
-* Build a concrete path by replacing placeholders in a path pattern with values.
-*
-* Supports the same placeholder syntax as the matcher:
-* - Named parameter ":name" is URL-encoded as a single segment
-* - Anonymous wildcard "**" inserts the remainder as-is (slashes preserved)
-* - Named wildcard "**:name" inserts the remainder from the named key
-*
-* Examples:
-* - buildPath("/users/:id", { id: "123" }) => "/users/123"
-* - buildPath("/files/**", { "**": "a/b" }) => "/files/a/b"
-* - buildPath("/files/**:rest", { rest: "a/b" }) => "/files/a/b"
-*/
-function buildPath(pathPattern, params) {
-	const patternSegments = pathPattern.split("/");
-	const builtSegments = [];
-	for (const segment of patternSegments) {
-		if (segment.length === 0) {
-			builtSegments.push("");
-			continue;
-		}
-		if (segment.startsWith(":")) {
-			const name = segment.slice(1);
-			const value = params[name];
-			if (value === void 0) throw new Error(`Missing value for path parameter :${name}`);
-			builtSegments.push(encodeURIComponent(value));
-			continue;
-		}
-		if (segment === "**") {
-			const value = params["**"];
-			if (value === void 0) throw new Error("Missing value for path wildcard **");
-			builtSegments.push(value);
-			continue;
-		}
-		if (segment.startsWith("**:")) {
-			const name = segment.slice(3);
-			const value = params[name];
-			if (value === void 0) throw new Error(`Missing value for path wildcard **:${name}`);
-			builtSegments.push(value);
-			continue;
-		}
-		builtSegments.push(segment);
-	}
-	return builtSegments.join("/");
-}
-/**
-* Base error class for all Fragno client errors.
-*/
-var FragnoClientError = class extends Error {
-	#code;
-	constructor(message, code, options = {}) {
-		super(message, { cause: options.cause });
-		this.name = "FragnoClientError";
-		this.#code = code;
-	}
-	get code() {
-		return this.#code;
-	}
-};
-var FragnoClientFetchError = class extends FragnoClientError {
-	constructor(message, code, options = {}) {
-		super(message, code, options);
-		this.name = "FragnoClientFetchError";
-	}
-	static fromUnknownFetchError(error) {
-		if (!(error instanceof Error)) return new FragnoClientFetchNetworkError("Network request failed", { cause: error });
-		if (error.name === "AbortError") return new FragnoClientFetchAbortError("Request was aborted", { cause: error });
-		return new FragnoClientFetchNetworkError("Network request failed", { cause: error });
-	}
-};
-/**
-* Error thrown when a network request fails (e.g., no internet connection, DNS failure).
-*/
-var FragnoClientFetchNetworkError = class extends FragnoClientFetchError {
-	constructor(message = "Network request failed", options = {}) {
-		super(message, "NETWORK_ERROR", options);
-		this.name = "FragnoClientFetchNetworkError";
-	}
-};
-/**
-* Error thrown when a request is aborted (e.g., user cancels request, timeout).
-*/
-var FragnoClientFetchAbortError = class extends FragnoClientFetchError {
-	constructor(message = "Request was aborted", options = {}) {
-		super(message, "ABORT_ERROR", options);
-		this.name = "FragnoClientFetchAbortError";
-	}
-};
-/**
-* Error thrown when the API result is unexpected, e.g. no json is returned.
-*/
-var FragnoClientUnknownApiError = class extends FragnoClientError {
-	#status;
-	constructor(message = "Unknown API error", status, options = {}) {
-		super(message, "UNKNOWN_API_ERROR", options);
-		this.name = "FragnoClientUnknownApiError";
-		this.#status = status;
-	}
-	get status() {
-		return this.#status;
-	}
-};
-var FragnoClientApiError = class FragnoClientApiError$1 extends FragnoClientError {
-	#status;
-	constructor({ message, code }, status, options = {}) {
-		super(message, code, options);
-		this.name = "FragnoClientApiError";
-		this.#status = status;
-	}
-	get status() {
-		return this.#status;
-	}
-	/**
-	* The error code returned by the API.
-	*
-	* The type is `TErrorCode` (the set of known error codes for this route), but may also be a string
-	* for forward compatibility with future error codes.
-	*/
-	get code() {
-		return super.code;
-	}
-	static async fromResponse(response) {
-		const unknown = await response.json();
-		const status = response.status;
-		if (!("message" in unknown || "code" in unknown)) return new FragnoClientUnknownApiError("Unknown API error", status);
-		if (!(typeof unknown.message === "string" && typeof unknown.code === "string")) return new FragnoClientUnknownApiError("Unknown API error", status);
-		return new FragnoClientApiError$1({
-			message: unknown.message,
-			code: unknown.code
-		}, status);
-	}
-};
-/**
-* Parses a content-type header string into its components
-*
-* @param contentType - The content-type header value to parse
-* @returns A ParsedContentType object or null if the input is invalid
-*
-* @example
-* ```ts
-* const { type, subtype, mediaType, parameters }
-*        = parseContentType("application/json; charset=utf-8");
-* console.assert(type === "application");
-* console.assert(subtype === "json");
-* console.assert(mediaType === "application/json");
-* console.assert(parameters["charset"] === "utf-8");
-*/
-function parseContentType(contentType) {
-	if (!contentType || typeof contentType !== "string") return null;
-	const trimmed = contentType.trim();
-	if (!trimmed) return null;
-	const parts = trimmed.split(";").map((part) => part.trim());
-	const mediaType = parts[0];
-	if (!mediaType) return null;
-	const typeParts = mediaType.split("/");
-	if (typeParts.length !== 2) return null;
-	const [type, subtype] = typeParts.map((part) => part.trim().toLowerCase());
-	if (!type || !subtype) return null;
-	const parameters = {};
-	for (let i = 1; i < parts.length; i++) {
-		const param = parts[i];
-		const equalIndex = param.indexOf("=");
-		if (equalIndex > 0) {
-			const key = param.slice(0, equalIndex).trim().toLowerCase();
-			let value = param.slice(equalIndex + 1).trim();
-			if (value.startsWith("\"") && value.endsWith("\"")) value = value.slice(1, -1);
-			if (key) parameters[key] = value;
-		}
-	}
-	return {
-		type,
-		subtype,
-		mediaType: `${type}/${subtype}`,
-		parameters
-	};
-}
-/**
-* Creates a promise that rejects when the abort signal is triggered
-*/
-function createAbortPromise(abortSignal) {
-	return new Promise((_, reject) => {
-		const abortHandler = () => {
-			reject(new FragnoClientFetchAbortError("Operation was aborted"));
-		};
-		if (abortSignal.aborted) abortHandler();
-		else abortSignal.addEventListener("abort", abortHandler, { once: true });
-	});
-}
-/**
-* Handles NDJSON streaming responses by returning the first item from the fetcher
-* and then continuing to stream updates via the store's mutate method.
-*
-* This makes it so that we can wait until the first chunk before updating the store, if we did
-* not do this, `loading` would briefly be false before the first item would be populated in the
-* result.
-*
-* @param response - The fetch Response object containing the NDJSON stream
-* @param store - The fetcher store to update with streaming data
-* @param abortSignal - Optional AbortSignal to cancel the streaming operation
-* @returns A promise that resolves to an object containing the first item and a streaming promise
-*/
-async function handleNdjsonStreamingFirstItem(response, store, options = {}) {
-	if (!response.body) throw new FragnoClientFetchError("Streaming response has no body", "NO_BODY");
-	const { abortSignal } = options;
-	if (abortSignal?.aborted) throw new FragnoClientFetchAbortError("Operation was aborted");
-	const decoder = new TextDecoder();
-	const reader = response.body.getReader();
-	let buffer = "";
-	let firstItem = null;
-	const items = [];
-	try {
-		while (firstItem === null) {
-			if (abortSignal?.aborted) {
-				reader.releaseLock();
-				throw new FragnoClientFetchAbortError("Operation was aborted");
-			}
-			const { done, value } = await (abortSignal ? Promise.race([reader.read(), createAbortPromise(abortSignal)]) : reader.read());
-			if (done) break;
-			buffer += decoder.decode(value, { stream: true });
-			const lines = buffer.split("\n");
-			buffer = lines.pop() || "";
-			for (const line of lines) {
-				if (!line.trim()) continue;
-				try {
-					const jsonObject = JSON.parse(line);
-					items.push(jsonObject);
-					if (firstItem === null) {
-						firstItem = jsonObject;
-						const streamingPromise = continueStreaming(reader, decoder, buffer, items, store, abortSignal);
-						return {
-							firstItem,
-							streamingPromise
-						};
-					}
-				} catch (parseError) {
-					throw new FragnoClientUnknownApiError("Failed to parse NDJSON line", 500, { cause: parseError });
-				}
-			}
-		}
-		if (firstItem === null) {
-			reader.releaseLock();
-			throw new FragnoClientUnknownApiError("NDJSON stream contained no valid items", 500);
-		}
-		reader.releaseLock();
-		throw new FragnoClientFetchError("Unexpected end of stream processing", "NO_BODY");
-	} catch (error) {
-		if (error instanceof FragnoClientError) {
-			store?.setError(error);
-			throw error;
-		} else {
-			const clientError = new FragnoClientUnknownApiError("Unknown streaming error", 500, { cause: error });
-			store?.setError(clientError);
-			throw clientError;
-		}
-	}
-}
-/**
-* Continues streaming the remaining items in the background
-*/
-async function continueStreaming(reader, decoder, initialBuffer, items, store, abortSignal) {
-	let buffer = initialBuffer;
-	try {
-		while (true) {
-			if (abortSignal?.aborted) throw new FragnoClientFetchAbortError("Operation was aborted");
-			const { done, value } = await (abortSignal ? Promise.race([reader.read(), createAbortPromise(abortSignal)]) : reader.read());
-			if (done) {
-				if (buffer.trim()) {
-					const lines$1 = buffer.split("\n");
-					for (const line of lines$1) {
-						if (!line.trim()) continue;
-						try {
-							const jsonObject = JSON.parse(line);
-							items.push(jsonObject);
-							store?.setData([...items]);
-						} catch (parseError) {
-							throw new FragnoClientUnknownApiError("Failed to parse NDJSON line", 400, { cause: parseError });
-						}
-					}
-				}
-				break;
-			}
-			buffer += decoder.decode(value, { stream: true });
-			const lines = buffer.split("\n");
-			buffer = lines.pop() || "";
-			for (const line of lines) {
-				if (!line.trim()) continue;
+			fetcherStore.listen = (listener) => {
+				const unsub = originListen(listener);
+				listener(fetcherStore.value);
+				handleNewListener();
+				return unsub;
+			};
+			onStop(fetcherStore, () => {
+				fetcherStore.value = { ...notLoading };
+				keysInternalUnsub?.();
+				evtUnsubs.forEach((fn) => fn());
+				evtUnsubs = [];
+				keyUnsub?.();
+				clearInterval(_revalidateOnInterval.get(keyInput));
+			});
+			return fetcherStore;
+		};
+		const iterOverCache = (keySelector, cb) => {
+			for (const key of cache.keys()) if (testKeyAgainstSelector(key, keySelector)) cb(key);
+		};
+		const invalidateKeys = (keySelector) => {
+			iterOverCache(keySelector, (key) => {
+				cache.delete(key);
+			});
+			events.emit(INVALIDATE_KEYS, keySelector);
+		};
+		const revalidateKeys = (keySelector) => {
+			iterOverCache(keySelector, (key) => {
+				const cached = cache.get(key);
+				if (cached) cache.set(key, {
+					...cached,
+					created: -Infinity
+				});
+			});
+			events.emit(REVALIDATE_KEYS, keySelector);
+		};
+		const mutateCache = (keySelector, data) => {
+			iterOverCache(keySelector, (key) => {
+				if (data === void 0) cache.delete(key);
+				else cache.set(key, {
+					data,
+					created: getNow(),
+					expires: getNow() + (globalSettings.cacheLifetime ?? 8e3)
+				});
+			});
+			events.emit(SET_CACHE, keySelector, data);
+		};
+		function createMutatorStore(mutator, opts) {
+			const { throttleCalls, onError } = opts ?? {
+				throttleCalls: true,
+				onError: globalSettings?.onError
+			};
+			const mutate = async (data) => {
+				if (throttleCalls && store.value?.loading) return;
+				const newMutator = rewrittenSettings.fetcher ?? mutator;
+				const keysToInvalidate = [], keysToRevalidate = [];
+				const safeKeySet = (k, v) => {
+					if (store.lc) store.setKey(k, v);
+				};
 				try {
-					const jsonObject = JSON.parse(line);
-					items.push(jsonObject);
-					store?.setData([...items]);
-				} catch (parseError) {
-					throw new FragnoClientUnknownApiError("Failed to parse NDJSON line", 400, { cause: parseError });
+					store.set({
+						error: void 0,
+						data: void 0,
+						mutate,
+						...loading
+					});
+					const result = await newMutator({
+						data,
+						invalidate: (key) => {
+							keysToInvalidate.push(key);
+						},
+						revalidate: (key) => {
+							keysToRevalidate.push(key);
+						},
+						getCacheUpdater: (key, shouldRevalidate = true) => [(newVal) => {
+							mutateCache(key, newVal);
+							if (shouldRevalidate) keysToRevalidate.push(key);
+						}, cache.get(key)?.data]
+					});
+					safeKeySet("data", result);
+					return result;
+				} catch (error) {
+					onError?.(error);
+					safeKeySet("error", error);
+					store.setKey("error", error);
+				} finally {
+					safeKeySet("loading", false);
+					keysToInvalidate.forEach(invalidateKeys);
+					keysToRevalidate.forEach(revalidateKeys);
 				}
-			}
-		}
-	} catch (error) {
-		if (error instanceof FragnoClientError) store?.setError(error);
-		else {
-			const clientError = new FragnoClientUnknownApiError("Unknown streaming error", 400, { cause: error });
-			store?.setError(clientError);
-			throw clientError;
+			};
+			const store = map({
+				mutate,
+				...notLoading
+			});
+			onStop(store, () => store.set({
+				mutate,
+				...notLoading
+			}));
+			store.mutate = mutate;
+			return store;
 		}
-		throw error;
-	} finally {
-		reader.releaseLock();
+		const __unsafeOverruleSettings = (data) => {
+			console.warn(`You should only use __unsafeOverruleSettings in test environment`);
+			rewrittenSettings = data;
+		};
+		return [
+			createFetcherStore,
+			createMutatorStore,
+			{
+				__unsafeOverruleSettings,
+				invalidateKeys,
+				revalidateKeys,
+				mutateCache
+			}
+		];
+	};
+	function isSomeKey(key) {
+		return typeof key === "string" || typeof key === "number" || key === true;
 	}
-	return items;
-}
-/**
-* Normalizes a value that could be a plain value, an Atom, or a Vue Ref to a plain value.
-*/
-function unwrapAtom(value) {
-	if (value && typeof value === "object" && "get" in value && typeof value.get === "function") return value.get();
-	return value;
-}
-/**
-* Normalizes an object where values can be plain values, Atoms, or Vue Refs.
-* Returns a new object with all values normalized to plain values.
-*/
-function unwrapObject(params) {
-	if (!params) return;
-	return Object.fromEntries(Object.entries(params).map(([key, value]) => [key, unwrapAtom(value)]));
-}
-function isReadableAtom(value) {
-	if (!value) return false;
-	if (typeof value !== "object" || value === null) return false;
-	if (!("get" in value) || typeof value.get !== "function") return false;
-	if (!("lc" in value) || typeof value.lc !== "number") return false;
-	if (!("notify" in value) || typeof value.notify !== "function") return false;
-	if (!("off" in value) || typeof value.off !== "function") return false;
-	if (!("subscribe" in value) || typeof value.subscribe !== "function") return false;
-	if (!("value" in value)) return false;
-	return true;
-}
-/**
-* Merge two fetcher configurations, with user config taking precedence.
-* If user provides a custom function, it takes full precedence.
-* Otherwise, deep merge RequestInit options.
-*/
-function mergeFetcherConfigs(authorConfig, userConfig) {
-	if (userConfig?.type === "function") return userConfig;
-	if (!userConfig && authorConfig?.type === "function") return authorConfig;
-	const authorOpts = authorConfig?.type === "options" ? authorConfig.options : {};
-	const userOpts = userConfig?.type === "options" ? userConfig.options : {};
-	if (Object.keys(authorOpts).length === 0 && Object.keys(userOpts).length === 0) return;
-	return {
-		type: "options",
-		options: {
-			...authorOpts,
-			...userOpts,
-			headers: mergeHeaders(authorOpts.headers, userOpts.headers)
+	const getKeyStore = (keys) => {
+		if (isSomeKey(keys)) return [atom(["" + keys, [keys]]), () => {}];
+		const keyParts = [];
+		const $key = atom(null);
+		const keysAsStoresToIndexes = /* @__PURE__ */ new Map();
+		const setKeyStoreValue = () => {
+			if (keyParts.some((v) => v === null || v === void 0 || v === false)) $key.set(null);
+			else $key.set([keyParts.join(""), keyParts]);
+		};
+		for (let i = 0; i < keys.length; i++) {
+			const keyOrStore = keys[i];
+			if (isSomeKey(keyOrStore)) keyParts.push(keyOrStore);
+			else {
+				keyParts.push(null);
+				keysAsStoresToIndexes.set(keyOrStore, i);
+			}
 		}
+		const storesAsArray = [...keysAsStoresToIndexes.keys()];
+		const $storeKeys = batched(storesAsArray, (...storeValues) => {
+			for (let i = 0; i < storeValues.length; i++) {
+				const store = storesAsArray[i], partIndex = keysAsStoresToIndexes.get(store);
+				keyParts[partIndex] = store._ === fetcherSymbol ? store.value && "data" in store.value ? store.key : null : storeValues[i];
+			}
+			setKeyStoreValue();
+		});
+		setKeyStoreValue();
+		return [$key, $storeKeys.subscribe(noop)];
 	};
-}
-/**
-* Merge headers from author and user configs.
-* User headers override author headers.
-*/
-function mergeHeaders(author, user) {
-	if (!author && !user) return;
-	const merged = new Headers(author);
-	new Headers(user).forEach((value, key) => merged.set(key, value));
-	if (merged.keys().next().done) return;
-	return merged;
-}
+	function noop() {}
+	const FOCUS = 1, RECONNECT = 2, INVALIDATE_KEYS = 3, REVALIDATE_KEYS = 4, SET_CACHE = 5;
+	const testKeyAgainstSelector = (key, selector) => {
+		if (Array.isArray(selector)) return selector.includes(key);
+		else if (typeof selector === "function") return selector(key);
+		else return key === selector;
+	};
+	const getNow = () => (/* @__PURE__ */ new Date()).getTime();
+	const fetcherSymbol = Symbol();
+	const loading = { loading: true }, notLoading = { loading: false };
+	return nanoquery$1;
+};
+const subscribe = (name, fn) => {
+	const isServer = typeof window === "undefined";
+	if (!isServer) addEventListener(name, fn);
+};
+const browserCompat = [
+	() => !document.hidden,
+	(cb) => subscribe("visibilitychange", cb),
+	(cb) => subscribe("online", cb)
+];
+const nanoquery = nanoqueryFactory(browserCompat);
+
+//#endregion
+//#region ../fragno/dist/client/client.js
 /**
 * Symbols used to identify hook types
 */
 const GET_HOOK_SYMBOL = Symbol("fragno-get-hook");
 const MUTATOR_HOOK_SYMBOL = Symbol("fragno-mutator-hook");
 const STORE_SYMBOL = Symbol("fragno-store");
+/**
+* @internal
+*/
 function buildUrl(config, params) {
 	const { baseUrl = "", mountRoute, path } = config;
 	const { pathParams, queryParams } = params ?? {};
@@ -1403,6 +1440,7 @@ function buildUrl(config, params) {
 * @param path
 * @param params
 * @returns
+* @internal
 */
 function getCacheKey(method, path, params) {
 	if (!params) return [method, path];
@@ -1428,12 +1466,21 @@ function isStreamingResponse(response) {
 	if (contentType.subtype === "x-ndjson") return "ndjson";
 	return false;
 }
+/**
+* @internal
+*/
 function isGetHook(hook) {
 	return typeof hook === "object" && hook !== null && GET_HOOK_SYMBOL in hook && hook[GET_HOOK_SYMBOL] === true;
 }
+/**
+* @internal
+*/
 function isMutatorHook(hook) {
 	return typeof hook === "object" && hook !== null && MUTATOR_HOOK_SYMBOL in hook && hook[MUTATOR_HOOK_SYMBOL] === true;
 }
+/**
+* @internal
+*/
 function isStore(obj) {
 	return typeof obj === "object" && obj !== null && STORE_SYMBOL in obj && obj[STORE_SYMBOL] === true;
 }
@@ -1722,16 +1769,20 @@ var ClientBuilder = class {
 		this.#invalidateKeys((key) => key.startsWith(prefix));
 	}
 };
-function createClientBuilder(fragmentBuilder, publicConfig, routesOrFactories, authorFetcherConfig) {
-	const definition = fragmentBuilder.definition;
-	const routes = resolveRouteFactories({
+/**
+* Create a client builder for fragments using the new fragment definition API.
+* This is the same as createClientBuilder but works with FragmentDefinition.
+*/
+function createClientBuilder(definition, publicConfig, routesOrFactories, authorFetcherConfig) {
+	const routes$1 = resolveRouteFactories({
 		config: {},
 		deps: {},
-		services: {}
+		services: {},
+		serviceDeps: {}
 	}, routesOrFactories);
 	const fragmentConfig = {
 		name: definition.name,
-		routes
+		routes: routes$1
 	};
 	const mountRoute = publicConfig.mountRoute ?? `/${definition.name}`;
 	const mergedFetcherConfig = mergeFetcherConfigs(authorFetcherConfig, publicConfig.fetcherConfig);
@@ -1742,9 +1793,13 @@ function createClientBuilder(fragmentBuilder, publicConfig, routesOrFactories, a
 	}, fragmentConfig);
 }
 
+//#endregion
+//#region src/definition.ts
+const stripeFragmentDefinition = defineFragment("stripe").extend(() => {}).withDependencies(() => {}).providesBaseService(() => {}).build();
+
 //#endregion
 //#region src/routes/webhooks.ts
-const webhookRoutesFactory = defineRoutes().create(({ config, deps, services }) => {
+const webhookRoutesFactory = defineRoutes(stripeFragmentDefinition).create(({ config, deps, services, defineRoute }) => {
 	return [defineRoute({
 		method: "POST",
 		path: "/webhook",
@@ -1784,7 +1839,7 @@ const CustomerResponseSchema = z.object({
 
 //#endregion
 //#region src/routes/customers.ts
-const customersRoutesFactory = defineRoutes().create(({ deps, config }) => {
+const customersRoutesFactory = defineRoutes(stripeFragmentDefinition).create(({ deps, config, defineRoute }) => {
 	return [defineRoute({
 		method: "GET",
 		path: "/admin/customers",
@@ -1797,6 +1852,16 @@ const customersRoutesFactory = defineRoutes().create(({ deps, config }) => {
 			hasMore: z.boolean().describe("Whether there are more customers to fetch")
 		}),
 		handler: () => {}
+	}), defineRoute({
+		method: "POST",
+		path: "/portal",
+		inputSchema: z.object({ returnUrl: z.url().describe("URL to redirect to after completing billing portal") }),
+		outputSchema: z.object({
+			url: z.url().describe("URL to redirect to after cancellation"),
+			redirect: z.boolean().describe("Whether to redirect to the URL")
+		}),
+		errorCodes: ["NO_STRIPE_CUSTOMER_FOR_ENTITY"],
+		handler: () => {}
 	})];
 });
 
@@ -1833,12 +1898,14 @@ const SubscriptionUpgradeRequestSchema = z.object({
 	quantity: z.number().positive().describe("Number of seats"),
 	successUrl: z.url().describe("Redirect URL after successful checkout"),
 	cancelUrl: z.url().describe("Redirect URL if checkout is cancelled"),
-	returnUrl: z.string().optional().describe("Return URL for billing portal")
+	returnUrl: z.string().optional().describe("Return URL for billing portal"),
+	promotionCode: z.string().optional().describe("Promotion code to apply"),
+	subscriptionId: z.string().optional().describe("Subscription ID to upgrade, if none provided assume the active subscription of the user.")
 });
 
 //#endregion
 //#region src/routes/subscriptions.ts
-const subscriptionsRoutesFactory = defineRoutes().create(({ deps, services, config }) => {
+const subscriptionsRoutesFactory = defineRoutes(stripeFragmentDefinition).create(({ deps, services, config, defineRoute }) => {
 	return [
 		defineRoute({
 			method: "GET",
@@ -1860,14 +1927,21 @@ const subscriptionsRoutesFactory = defineRoutes().create(({ deps, services, conf
 				"SUBSCRIPTION_NOT_FOUND",
 				"CUSTOMER_SUBSCRIPTION_MISMATCH",
 				"UPGRADE_HAS_NO_EFFECT",
-				"SUBSCRIPTION_UPDATE_NOT_ALLOWED"
+				"SUBSCRIPTION_UPDATE_NOT_ALLOWED",
+				"SUBSCRIPTION_UPDATE_PROMO_CODE_NOT_ALLOWED",
+				"PROMOTION_CODE_CUSTOMER_NOT_FIRST_TIME",
+				"MULTIPLE_ACTIVE_SUBSCRIPTIONS",
+				"NO_ACTIVE_SUBSCRIPTIONS"
 			],
 			handler: () => {}
 		}),
 		defineRoute({
 			method: "POST",
 			path: "/subscription/cancel",
-			inputSchema: z.object({ returnUrl: z.url().describe("URL to redirect to after cancellation is complete") }),
+			inputSchema: z.object({
+				returnUrl: z.url().describe("URL to redirect to after cancellation is complete"),
+				subscriptionId: z.string().optional().describe("Which subscription to cancel, if there are multiple active subscriptions")
+			}),
 			outputSchema: z.object({
 				url: z.url().describe("URL to redirect to after cancellation"),
 				redirect: z.boolean().describe("Whether to redirect to the URL")
@@ -1875,7 +1949,9 @@ const subscriptionsRoutesFactory = defineRoutes().create(({ deps, services, conf
 			errorCodes: [
 				"SUBSCRIPTION_NOT_FOUND",
 				"NO_SUBSCRIPTION_TO_CANCEL",
-				"SUBSCRIPTION_ALREADY_CANCELED"
+				"SUBSCRIPTION_ALREADY_CANCELED",
+				"NO_STRIPE_CUSTOMER_LINKED",
+				"MULTIPLE_SUBSCRIPTIONS_FOUND"
 			],
 			handler: () => {}
 		})
@@ -1909,7 +1985,7 @@ const ProductResponseSchema = z.object({
 
 //#endregion
 //#region src/routes/products.ts
-const productsRoutesFactory = defineRoutes().create(({ deps, config }) => {
+const productsRoutesFactory = defineRoutes(stripeFragmentDefinition).create(({ deps, config, defineRoute }) => {
 	return [defineRoute({
 		method: "GET",
 		path: "/admin/products",
@@ -1964,7 +2040,7 @@ const PriceResponseSchema = z.object({
 
 //#endregion
 //#region src/routes/prices.ts
-const pricesRoutesFactory = defineRoutes().create(({ deps, config }) => {
+const pricesRoutesFactory = defineRoutes(stripeFragmentDefinition).create(({ deps, config, defineRoute }) => {
 	return [defineRoute({
 		method: "GET",
 		path: "/admin/products/:productId/prices",
@@ -1982,29 +2058,24 @@ const pricesRoutesFactory = defineRoutes().create(({ deps, config }) => {
 
 //#endregion
 //#region src/index.ts
-const stripeFragmentDefinition = defineFragment("stripe").withDependencies(() => {}).providesService(() => {});
+const routes = [
+	webhookRoutesFactory,
+	customersRoutesFactory,
+	subscriptionsRoutesFactory,
+	productsRoutesFactory,
+	pricesRoutesFactory
+];
 function createStripeFragment(config, fragnoConfig) {
-	return createFragment(stripeFragmentDefinition, config, [
-		webhookRoutesFactory,
-		customersRoutesFactory,
-		subscriptionsRoutesFactory,
-		productsRoutesFactory,
-		pricesRoutesFactory
-	], fragnoConfig);
+	return {};
 }
 function createStripeFragmentClients(fragnoConfig = {}) {
-	const builder = createClientBuilder(stripeFragmentDefinition, fragnoConfig, [
-		webhookRoutesFactory,
-		customersRoutesFactory,
-		subscriptionsRoutesFactory,
-		productsRoutesFactory,
-		pricesRoutesFactory
-	]);
+	const builder = createClientBuilder(stripeFragmentDefinition, fragnoConfig, routes);
 	return {
 		useCustomers: builder.createHook("/admin/customers"),
 		useProducts: builder.createHook("/admin/products"),
 		usePrices: builder.createHook("/admin/products/:productId/prices"),
 		useSubscription: builder.createHook("/admin/subscriptions"),
+		useBillingPortal: builder.createMutator("POST", "/portal"),
 		upgradeSubscription: builder.createMutator("POST", "/subscription/upgrade"),
 		cancelSubscription: builder.createMutator("POST", "/subscription/cancel")
 	};
@@ -2012,4 +2083,4 @@ function createStripeFragmentClients(fragnoConfig = {}) {
 
 //#endregion
 export { atom, createStripeFragment, createStripeFragmentClients, isGetHook, isMutatorHook, isReadableAtom, isStore, stripeFragmentDefinition };
-//# sourceMappingURL=src-k2PmVjgJ.js.map
+//# sourceMappingURL=src-D6S1gN3I.js.map