fumadocs-openapi 10.6.5 → 10.6.7

package/dist/playground/components/oauth-dialog.js

@@ -1,15 +1,26 @@
+import { useApiContext } from "../../ui/contexts/api.js";
+import { useTranslations } from "../../ui/client/i18n.js";
 import { cn } from "../../utils/cn.js";
 import { useQuery } from "../../utils/use-query.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
 import { Input, labelVariants } from "../../ui/components/input.js";
-import { useTranslations } from "../../ui/client/i18n.js";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../ui/components/dialog.js";
-import { useEffect, useMemo, useState } from "react";
+import { useAuth } from "../auth.js";
+import { useMemo, useState } from "react";
 import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
 import { buttonVariants } from "fumadocs-ui/components/ui/button";
 import { useForm } from "react-hook-form";
 //#region src/playground/components/oauth-dialog.tsx
-function OauthDialog({ scheme, scopes, setToken, children, open, setOpen }) {
+const OAuthDialog = Dialog;
+function OAuthDialogContent(props) {
+	const t = useTranslations();
+	return /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: t.authorization }), /* @__PURE__ */ jsx(DialogDescription, { children: t.obtainAccessToken })] }), /* @__PURE__ */ jsx(Content, { ...props })] });
+}
+function Content({ schemeId, scopes, setToken, setOpen }) {
+	const { schemes } = useApiContext();
+	const tokenInfo = useAuth().store[schemeId];
+	const scheme = schemes[schemeId];
+	if (!scheme || scheme.type !== "oauth2") throw new Error("unexpected schemaId: must be type oauth2");
 	const [type, setType] = useState(() => {
 		return Object.keys(scheme.flows)[0];
 	});
@@ -41,58 +52,14 @@ function OauthDialog({ scheme, scopes, setToken, children, open, setOpen }) {
 			supported: false
 		}
 	}), [t]);
-	const form = useForm({ defaultValues: {
-		clientId: "",
-		clientSecret: "",
-		username: "",
-		password: ""
-	} });
-	const authCodeCallback = useQuery(async (code, state) => {
-		const value = scheme.flows.authorizationCode;
-		const res = await fetch(value.tokenUrl, {
-			method: "POST",
-			headers: { "Content-Type": "application/x-www-form-urlencoded" },
-			body: new URLSearchParams({
-				grant_type: "authorization_code",
-				code,
-				redirect_uri: state.redirect_uri,
-				client_id: state.client_id,
-				client_secret: state.client_secret
-			})
-		});
-		if (!res.ok) throw new Error(await res.text());
-		const { access_token, token_type = "Bearer" } = await res.json();
-		setToken(`${token_type} ${access_token}`);
-		setOpen(false);
-	});
-	useEffect(() => {
-		if (scheme.flows.authorizationCode) {
-			const params = new URLSearchParams(window.location.search);
-			const state = params.get("state");
-			const code = params.get("code");
-			if (state && code) {
-				const parsedState = JSON.parse(state);
-				setOpen(true);
-				form.setValue("clientId", parsedState.client_id);
-				form.setValue("clientSecret", parsedState.client_secret);
-				authCodeCallback.start(code, parsedState);
-				window.history.replaceState(null, "", window.location.pathname);
-				return;
-			}
-		}
-		if (scheme.flows.implicit && window.location.hash.length > 1) {
-			const params = new URLSearchParams(window.location.hash.slice(1));
-			const state = params.get("state");
-			const token = params.get("access_token");
-			const type = params.get("token_type") ?? "Bearer";
-			if (state && token) {
-				const parsedState = JSON.parse(state);
-				form.setValue("clientId", parsedState.client_id);
-				setToken(`${type} ${token}`);
-				window.history.replaceState(null, "", window.location.pathname);
-			}
-		}
-	}, []);
+	const form = useForm({ defaultValues: useMemo(() => {
+		return {
+			clientId: tokenInfo?.client_id ?? "",
+			clientSecret: tokenInfo?.type === "authorization_code" ? tokenInfo.client_secret : "",
+			username: "",
+			password: ""
+		};
+	}, [tokenInfo]) });
 	const authorize = useQuery(async (values) => {
 		if (type === "implicit") {
 			const value = scheme.flows[type];
@@ -102,6 +69,7 @@ function OauthDialog({ scheme, scopes, setToken, children, open, setOpen }) {
 			params.set("redirect_uri", window.location.href);
 			params.set("scope", scopes.join("+"));
 			params.set("state", JSON.stringify({
+				scheme: schemeId,
 				client_id: values.clientId,
 				redirect_uri: window.location.href
 			}));
@@ -118,7 +86,8 @@ function OauthDialog({ scheme, scopes, setToken, children, open, setOpen }) {
 			params.set("state", JSON.stringify({
 				client_id: values.clientId,
 				client_secret: values.clientSecret,
-				redirect_uri: window.location.href
+				redirect_uri: window.location.href,
+				scheme: schemeId
 			}));
 			window.location.replace(`${value.authorizationUrl}?${params.toString()}`);
 			return;
@@ -157,127 +126,121 @@ function OauthDialog({ scheme, scopes, setToken, children, open, setOpen }) {
 			setOpen(false);
 		}
 	});
+	const isLoading = authorize.isLoading;
 	const onSubmit = form.handleSubmit((values) => {
 		return authorize.start(values);
 	});
-	const isLoading = authorize.isLoading || authCodeCallback.isLoading;
-	const error = authCodeCallback.error ?? authorize.error;
-	return /* @__PURE__ */ jsxs(Dialog, {
-		open,
-		onOpenChange: setOpen,
-		children: [children, /* @__PURE__ */ jsxs(DialogContent, { children: [/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: t.authorization }), /* @__PURE__ */ jsx(DialogDescription, { children: t.obtainAccessToken })] }), /* @__PURE__ */ jsxs("form", {
-			className: "flex flex-col gap-6",
-			onSubmit: (e) => {
-				onSubmit(e);
-				e.stopPropagation();
-			},
-			children: [
-				/* @__PURE__ */ jsxs(Select, {
-					value: type,
-					onValueChange: setType,
-					children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, {}) }), /* @__PURE__ */ jsx(SelectContent, { children: Object.keys(scheme.flows).map((key) => {
-						const { name, description } = allFlows[key];
-						return /* @__PURE__ */ jsxs(SelectItem, {
-							value: key,
-							children: [/* @__PURE__ */ jsx("p", {
-								className: "font-medium",
-								children: name
-							}), /* @__PURE__ */ jsx("p", {
-								className: "text-fd-muted-foreground",
-								children: description
-							})]
-						}, key);
-					}) })]
-				}),
-				(type === "authorizationCode" || type === "clientCredentials" || type === "implicit") && /* @__PURE__ */ jsxs("fieldset", {
-					className: "flex flex-col gap-1.5",
-					children: [
-						/* @__PURE__ */ jsx("label", {
-							htmlFor: "client_id",
-							className: cn(labelVariants()),
-							children: t.clientId
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-fd-muted-foreground text-sm",
-							children: t.clientIdHint
-						}),
-						/* @__PURE__ */ jsx(Input, {
-							id: "client_id",
-							placeholder: t.inputPlaceholder,
-							type: "text",
-							autoComplete: "off",
-							disabled: isLoading,
-							...form.register("clientId", { required: true })
-						})
-					]
-				}),
-				(type === "authorizationCode" || type === "clientCredentials") && /* @__PURE__ */ jsxs("fieldset", {
-					className: "flex flex-col gap-1.5",
-					children: [
-						/* @__PURE__ */ jsx("label", {
-							htmlFor: "client_secret",
-							className: cn(labelVariants()),
-							children: t.clientSecret
-						}),
-						/* @__PURE__ */ jsx("p", {
-							className: "text-fd-muted-foreground text-sm",
-							children: t.clientSecretHint
-						}),
-						/* @__PURE__ */ jsx(Input, {
-							id: "client_secret",
-							placeholder: t.inputPlaceholder,
-							type: "password",
-							autoComplete: "off",
-							disabled: isLoading,
-							...form.register("clientSecret", { required: true })
-						})
-					]
-				}),
-				type === "password" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("fieldset", {
-					className: "flex flex-col gap-1.5",
-					children: [/* @__PURE__ */ jsx("label", {
-						htmlFor: "username",
+	return /* @__PURE__ */ jsxs("form", {
+		className: "flex flex-col gap-6",
+		onSubmit: (e) => {
+			onSubmit(e);
+			e.stopPropagation();
+		},
+		children: [
+			/* @__PURE__ */ jsxs(Select, {
+				value: type ?? "",
+				onValueChange: setType,
+				children: [/* @__PURE__ */ jsx(SelectTrigger, { children: /* @__PURE__ */ jsx(SelectValue, { placeholder: "Select a flow" }) }), /* @__PURE__ */ jsx(SelectContent, { children: Object.keys(scheme.flows).map((key) => {
+					const { name, description } = allFlows[key];
+					return /* @__PURE__ */ jsxs(SelectItem, {
+						value: key,
+						children: [/* @__PURE__ */ jsx("p", {
+							className: "font-medium",
+							children: name
+						}), /* @__PURE__ */ jsx("p", {
+							className: "text-fd-muted-foreground",
+							children: description
+						})]
+					}, key);
+				}) })]
+			}),
+			(type === "authorizationCode" || type === "clientCredentials" || type === "implicit") && /* @__PURE__ */ jsxs("fieldset", {
+				className: "flex flex-col gap-1.5",
+				children: [
+					/* @__PURE__ */ jsx("label", {
+						htmlFor: "client_id",
 						className: cn(labelVariants()),
-						children: t.usernameField
-					}), /* @__PURE__ */ jsx(Input, {
-						id: "username",
+						children: t.clientId
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-fd-muted-foreground text-sm",
+						children: t.clientIdHint
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						id: "client_id",
 						placeholder: t.inputPlaceholder,
 						type: "text",
-						disabled: isLoading,
 						autoComplete: "off",
-						...form.register("username", { required: true })
-					})]
-				}), /* @__PURE__ */ jsxs("fieldset", {
-					className: "flex flex-col gap-1.5",
-					children: [/* @__PURE__ */ jsx("label", {
-						htmlFor: "password",
+						disabled: isLoading,
+						...form.register("clientId", { required: true })
+					})
+				]
+			}),
+			(type === "authorizationCode" || type === "clientCredentials") && /* @__PURE__ */ jsxs("fieldset", {
+				className: "flex flex-col gap-1.5",
+				children: [
+					/* @__PURE__ */ jsx("label", {
+						htmlFor: "client_secret",
 						className: cn(labelVariants()),
 						children: t.clientSecret
-					}), /* @__PURE__ */ jsx(Input, {
-						id: "password",
+					}),
+					/* @__PURE__ */ jsx("p", {
+						className: "text-fd-muted-foreground text-sm",
+						children: t.clientSecretHint
+					}),
+					/* @__PURE__ */ jsx(Input, {
+						id: "client_secret",
 						placeholder: t.inputPlaceholder,
 						type: "password",
 						autoComplete: "off",
 						disabled: isLoading,
-						...form.register("password", { required: true })
-					})]
-				})] }),
-				allFlows[type].supported ? /* @__PURE__ */ jsxs(Fragment$1, { children: [error ? /* @__PURE__ */ jsx("p", {
-					className: "text-red-400 font-medium text-sm",
-					children: String(error)
-				}) : null, /* @__PURE__ */ jsx("button", {
-					type: "submit",
+						...form.register("clientSecret", { required: true })
+					})
+				]
+			}),
+			type === "password" && /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("fieldset", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsx("label", {
+					htmlFor: "username",
+					className: cn(labelVariants()),
+					children: t.usernameField
+				}), /* @__PURE__ */ jsx(Input, {
+					id: "username",
+					placeholder: t.inputPlaceholder,
+					type: "text",
+					autoComplete: "off",
 					disabled: isLoading,
-					className: cn(buttonVariants({ color: "primary" })),
-					children: authCodeCallback.isLoading ? t.fetchingToken : t.submit
-				})] }) : /* @__PURE__ */ jsx("p", {
-					className: "text-fd-muted-foreground bg-fd-muted p-2 rounded-lg border",
-					children: t.unsupported
-				})
-			]
-		})] })]
+					...form.register("username", { required: true })
+				})]
+			}), /* @__PURE__ */ jsxs("fieldset", {
+				className: "flex flex-col gap-1.5",
+				children: [/* @__PURE__ */ jsx("label", {
+					htmlFor: "password",
+					className: cn(labelVariants()),
+					children: t.clientSecret
+				}), /* @__PURE__ */ jsx(Input, {
+					id: "password",
+					placeholder: t.inputPlaceholder,
+					type: "password",
+					autoComplete: "off",
+					disabled: isLoading,
+					...form.register("password", { required: true })
+				})]
+			})] }),
+			type && allFlows[type].supported ? /* @__PURE__ */ jsxs(Fragment$1, { children: [authorize.error ? /* @__PURE__ */ jsx("p", {
+				className: "text-red-400 font-medium text-sm",
+				children: String(authorize.error)
+			}) : null, /* @__PURE__ */ jsx("button", {
+				type: "submit",
+				className: cn(buttonVariants({ color: "primary" })),
+				children: t.submit
+			})] }) : /* @__PURE__ */ jsx("p", {
+				className: "text-fd-muted-foreground bg-fd-muted p-2 rounded-lg border",
+				children: t.unsupported
+			})
+		]
 	});
 }
-const OauthDialogTrigger = DialogTrigger;
+const OAuthDialogTrigger = DialogTrigger;
 //#endregion
-export { OauthDialog, OauthDialogTrigger };
+export { OAuthDialog, OAuthDialogContent, OAuthDialogTrigger };

package/dist/playground/components/result-display.d.ts

@@ -0,0 +1,16 @@
+import { FetchResult } from "../fetcher.js";
+import { ComponentProps } from "react";
+import * as _$react_jsx_runtime0 from "react/jsx-runtime";
+
+//#region src/playground/components/result-display.d.ts
+interface ResultDisplayProps extends ComponentProps<'div'> {
+  data: FetchResult;
+  reset: () => void;
+}
+declare function DefaultResultDisplay({
+  data,
+  reset,
+  ...rest
+}: ResultDisplayProps): _$react_jsx_runtime0.JSX.Element;
+//#endregion
+export { DefaultResultDisplay, ResultDisplayProps };

package/dist/playground/components/result-display.js

@@ -0,0 +1,141 @@
+"use client";
+import { useTranslations, withReplacements } from "../../ui/client/i18n.js";
+import { useStatusInfo } from "../status-info.js";
+import { cn } from "../../utils/cn.js";
+import { ClientCodeBlock } from "../../ui/components/codeblock.js";
+import { useEffect, useMemo, useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { CircleX } from "lucide-react";
+import { buttonVariants } from "fumadocs-ui/components/ui/button";
+import { safeParse } from "fast-content-type-parse";
+import { cva } from "class-variance-authority";
+//#region src/playground/components/result-display.tsx
+const panelVariants = cva("flex flex-col gap-2 mt-2 px-3 py-2 border-y bg-fd-secondary text-fd-secondary-foreground");
+function DefaultResultDisplay({ data, reset, ...rest }) {
+	const t = useTranslations();
+	if (data.type === "client_error") return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		className: cn(panelVariants(), rest.className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex gap-1.5 items-center",
+			children: [
+				/* @__PURE__ */ jsx(CircleX, { className: "size-4 text-red-500" }),
+				/* @__PURE__ */ jsx("p", {
+					className: "text-sm font-medium me-auto",
+					children: t.statusClientError
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: cn(buttonVariants({
+						size: "sm",
+						variant: "outline"
+					})),
+					onClick: () => reset(),
+					children: t.close
+				})
+			]
+		}), /* @__PURE__ */ jsx("p", { children: data.message })]
+	});
+	return /* @__PURE__ */ jsx(ResponseResult, {
+		data,
+		reset,
+		...rest
+	});
+}
+function getTextFormat(mime) {
+	switch (mime) {
+		case "application/json": return "json";
+		case "text/html": return "html";
+		case "text/css": return "css";
+		case "text/csv": return "csv";
+		case "application/javascript":
+		case "application/x-javascript": return "js";
+		case "application/xml": return "xml";
+	}
+	if (mime.endsWith("+json")) return "json";
+	if (mime.endsWith("+xml")) return "xml";
+	if (mime.startsWith("text/")) return "text";
+	return null;
+}
+function ResponseResult({ data, reset, ...rest }) {
+	const t = useTranslations();
+	const statusInfo = useStatusInfo(data.status);
+	const { parameters, type } = useMemo(() => safeParse(data.headers.get("Content-Type") ?? "text/plain"), [data.headers]);
+	let content;
+	if (type.startsWith("image/")) content = /* @__PURE__ */ jsx(ImageResult, {
+		mime: type,
+		buffer: data.body
+	});
+	else if (data.body.byteLength > 0) {
+		const lang = getTextFormat(type);
+		if (lang) content = /* @__PURE__ */ jsx(TextResult, {
+			lang,
+			charset: parameters.charset,
+			data
+		});
+		else content = /* @__PURE__ */ jsx("p", {
+			className: "p-2 border rounded-lg bg-fd-card text-fd-card-foreground",
+			children: withReplacements(t.statusBinaryBody, { length: String(data.body.byteLength) })
+		});
+	}
+	return /* @__PURE__ */ jsxs("div", {
+		...rest,
+		className: cn(panelVariants(), rest.className),
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "flex items-center gap-1.5",
+			children: [
+				/* @__PURE__ */ jsx(statusInfo.icon, { className: cn("size-4 shrink-0", statusInfo.color) }),
+				/* @__PURE__ */ jsxs("p", {
+					className: "text-sm font-medium text-nowrap",
+					children: [
+						data.status,
+						" ",
+						statusInfo.description
+					]
+				}),
+				/* @__PURE__ */ jsx("code", {
+					className: "ms-auto text-xs text-fd-muted-foreground truncate",
+					children: type
+				}),
+				/* @__PURE__ */ jsx("button", {
+					type: "button",
+					className: cn(buttonVariants({
+						size: "sm",
+						variant: "outline"
+					})),
+					onClick: () => reset(),
+					children: t.close
+				})
+			]
+		}), content]
+	});
+}
+function TextResult({ lang, charset, data }) {
+	const code = useMemo(() => {
+		if (charset) try {
+			return new TextDecoder(charset).decode(data.body);
+		} catch {}
+		return new TextDecoder("utf-8").decode(data.body);
+	}, [charset, data.body]);
+	return /* @__PURE__ */ jsx(ClientCodeBlock, {
+		lang: code.length > 5e3 ? "text" : lang,
+		code
+	});
+}
+function ImageResult({ mime, buffer }) {
+	const [objectUrl, setObjectUrl] = useState(null);
+	useEffect(() => {
+		const blob = new Blob([buffer], { type: mime });
+		const url = URL.createObjectURL(blob);
+		setObjectUrl(url);
+		return () => URL.revokeObjectURL(url);
+	}, [mime, buffer]);
+	if (!objectUrl) return;
+	return /* @__PURE__ */ jsx("img", {
+		src: objectUrl,
+		alt: "",
+		className: "w-full rounded-md border border-fd-border"
+	});
+}
+//#endregion
+export { DefaultResultDisplay };

package/dist/playground/components/server-select.js

@@ -1,10 +1,10 @@
 "use client";
 import { resolveServerUrl, withBase } from "../../utils/url.js";
 import { useServerContext } from "../../ui/contexts/api.js";
+import { useTranslations } from "../../ui/client/i18n.js";
 import { cn } from "../../utils/cn.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../../ui/components/select.js";
 import { Input, labelVariants } from "../../ui/components/input.js";
-import { useTranslations } from "../../ui/client/i18n.js";
 import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from "../../ui/components/dialog.js";
 import { useEffect, useRef, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";

package/dist/playground/components/spinner.js

@@ -0,0 +1,14 @@
+import { cn } from "../../utils/cn.js";
+import { jsx } from "react/jsx-runtime";
+import { Loader2Icon } from "lucide-react";
+//#region src/playground/components/spinner.tsx
+function Spinner({ className, ...props }) {
+	return /* @__PURE__ */ jsx(Loader2Icon, {
+		role: "status",
+		"aria-label": "Loading",
+		className: cn("size-4 animate-spin", className),
+		...props
+	});
+}
+//#endregion
+export { Spinner };

package/dist/playground/fetcher.d.ts

@@ -1,10 +1,16 @@
 import { Awaitable } from "../types.js";
 
 //#region src/playground/fetcher.d.ts
-interface FetchResult {
+type FetchResult = FetchResponseResult | FetchErrorResult;
+interface FetchErrorResult {
+  type: 'client_error';
+  message: string;
+}
+interface FetchResponseResult {
+  type: 'response';
   status: number;
-  type: 'json' | 'html' | 'text';
-  data: unknown;
+  headers: Headers;
+  body: ArrayBuffer;
 }
 interface BrowserFetcherOptions {
   /**

package/dist/playground/fetcher.js

@@ -21,9 +21,8 @@ function createBrowserFetcher(adapters, { proxyUrl, proxyForwardCookie = true, r
 		if (data.bodyMediaType && data.body) {
 			const adapter = resolveMediaAdapter(data.bodyMediaType, adapters);
 			if (!adapter) return {
-				status: 400,
-				type: "text",
-				data: `[Fumadocs] No adapter for ${data.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`
+				type: "client_error",
+				message: `[Fumadocs] No adapter for ${data.bodyMediaType}, you need to specify one from 'createOpenAPI()'.`
 			};
 			if (data.bodyMediaType !== "multipart/form-data") headers.append("Content-Type", data.bodyMediaType);
 			requestInit.body = adapter.encode(data);
@@ -41,26 +40,16 @@ function createBrowserFetcher(adapters, { proxyUrl, proxyForwardCookie = true, r
 		}
 		if (onRequestInit) requestInit = await onRequestInit(requestInit);
 		return fetch(requestUrl, requestInit).then(async (res) => {
-			const contentType = res.headers.get("Content-Type") ?? "";
-			let type;
-			let data;
-			if (contentType.startsWith("application/json")) {
-				type = "json";
-				data = await res.json();
-			} else {
-				type = contentType.startsWith("text/html") ? "html" : "text";
-				data = await res.text();
-			}
 			return {
+				type: "response",
 				status: res.status,
-				type,
-				data
+				headers: res.headers,
+				body: await res.arrayBuffer()
 			};
 		}).catch((e) => {
 			return {
-				status: 400,
-				type: "text",
-				data: `Client side error: ${e instanceof Error ? `[${e.name}] ${e.message}` : e.toString()}`
+				type: "client_error",
+				message: `Client side error: ${e instanceof Error ? `[${e.name}] ${e.message}` : e.toString()}`
 			};
 		});
 	} };

package/dist/playground/status-info.js

@@ -1,3 +1,5 @@
+import { useTranslations } from "../ui/client/i18n.js";
+import { useMemo } from "react";
 import { CircleCheck, CircleX } from "lucide-react";
 //#region src/playground/status-info.tsx
 const statusKeys = {
@@ -27,30 +29,32 @@ const statusKeys = {
 		icon: CircleX
 	}
 };
-function getStatusInfo(status, t) {
-	if (status in statusKeys) {
-		const { key, color, icon } = statusKeys[status];
+function useStatusInfo(status) {
+	const t = useTranslations();
+	return useMemo(() => {
+		if (status in statusKeys) {
+			const { key, color, icon } = statusKeys[status];
+			return {
+				description: t[key],
+				color,
+				icon
+			};
+		}
+		if (status >= 200 && status < 300) return {
+			description: t.statusSuccessful,
+			color: "text-green-500",
+			icon: CircleCheck
+		};
+		if (status >= 400) return {
+			description: t.statusError,
+			color: "text-red-500",
+			icon: CircleX
+		};
 		return {
-			description: t[key],
-			color,
-			icon
+			color: "text-fd-muted-foreground",
+			icon: CircleX
 		};
-	}
-	if (status >= 200 && status < 300) return {
-		description: t.statusSuccessful,
-		color: "text-green-500",
-		icon: CircleCheck
-	};
-	if (status >= 400) return {
-		description: t.statusError,
-		color: "text-red-500",
-		icon: CircleX
-	};
-	return {
-		description: t.statusNoDescription,
-		color: "text-fd-muted-foreground",
-		icon: CircleX
-	};
+	}, [t, status]);
 }
 //#endregion
-export { getStatusInfo };
+export { useStatusInfo };

package/dist/requests/generators/csharp.js

@@ -1,3 +1,4 @@
+import { doubleQuote } from "../string-utils.js";
 import { resolveMediaAdapter } from "../media/resolve-adapter.js";
 import "../media/adapter.js";
 //#region src/requests/generators/csharp.ts
@@ -25,7 +26,7 @@ const csharp = {
 		s.push("var client = new HttpClient();");
 		const headerLines = [];
 		function addHeader(key, value) {
-			headerLines.push(`client.DefaultRequestHeaders.Add("${key}", ${JSON.stringify(value)});`);
+			headerLines.push(`client.DefaultRequestHeaders.Add("${key}", ${doubleQuote(value)});`);
 		}
 		for (const k in headers) addHeader(k, headers[k].value);
 		if (Object.keys(data.cookie).length > 0) addHeader("cookie", Object.entries(data.cookie).map(([key, param]) => `${key}=${param.value}`).join("; "));