fumadocs-openapi 10.6.5 → 10.6.6

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

@@ -1,15 +1,26 @@
+import { useApiContext } from "../../ui/contexts/api.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/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/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("; "));

package/dist/requests/generators/curl.js

@@ -1,24 +1,24 @@
-import { escapeString, indent, inputToString } from "../string-utils.js";
+import { doubleQuote, indent, inputToString, singleQuote } from "../string-utils.js";
 //#region src/requests/generators/curl.ts
 const curl = {
 	label: "cURL",
 	lang: "bash",
 	generate(url, data) {
 		const s = [];
-		s.push(`curl -X ${data.method} "${url}"`);
+		s.push(`curl -X ${data.method.toUpperCase()} "${url}"`);
 		for (const header in data.header) {
 			const value = `${header}: ${data.header[header].value}`;
 			s.push(`-H "${value}"`);
 		}
 		for (const k in data.cookie) {
 			const param = data.cookie[k];
-			s.push(`--cookie ${JSON.stringify(`${k}=${param.value}`)}`);
+			s.push(`--cookie ${doubleQuote(`${k}=${param.value}`)}`);
 		}
 		if (data.body && data.bodyMediaType === "multipart/form-data") {
 			if (typeof data.body !== "object") throw new Error("[CURL] request body must be an object.");
-			for (const [key, value] of Object.entries(data.body)) s.push(`-F ${key}=${JSON.stringify(inputToString(value))}`);
+			for (const [key, value] of Object.entries(data.body)) s.push(`-F ${key}=${doubleQuote(inputToString(value))}`);
 		} else if (data.body && data.bodyMediaType) {
-			const escaped = escapeString(inputToString(data.body, data.bodyMediaType), "'");
+			const escaped = singleQuote(inputToString(data.body, data.bodyMediaType));
 			s.push(`-H "Content-Type: ${data.bodyMediaType}"`);
 			s.push(`-d ${escaped}`);
 		}

package/dist/requests/generators/go.js

@@ -1,4 +1,4 @@
-import { indent } from "../string-utils.js";
+import { doubleQuote, indent } from "../string-utils.js";
 import { resolveMediaAdapter } from "../media/resolve-adapter.js";
 import "../media/adapter.js";
 //#region src/requests/generators/go.ts
@@ -13,10 +13,10 @@ const go = {
 		];
 		const headers = /* @__PURE__ */ new Map();
 		const variables = /* @__PURE__ */ new Map();
-		variables.set("url", JSON.stringify(url));
-		for (const header in data.header) headers.set(header, JSON.stringify(data.header[header].value));
+		variables.set("url", doubleQuote(url));
+		for (const header in data.header) headers.set(header, doubleQuote(data.header[header].value));
 		const cookies = Object.entries(data.cookie);
-		if (cookies.length > 0) headers.set("Cookie", JSON.stringify(cookies.map(([k, param]) => `${k}=${param.value}`).join("; ")));
+		if (cookies.length > 0) headers.set("Cookie", doubleQuote(cookies.map(([k, param]) => `${k}=${param.value}`).join("; ")));
 		let body;
 		if (data.body && data.bodyMediaType) {
 			const adapter = resolveMediaAdapter(data.bodyMediaType, mediaAdapters);
@@ -37,7 +37,7 @@ ${indent(imports.map((v) => `"${v}"`).join("\n"))}
 func main() {
 ${Array.from(variables.entries()).map(([k, v]) => indent(`${k} := ${v}`)).join("\n")}
 ${body ? indent(body) : ""}
-  req, _ := http.NewRequest("${data.method}", url, ${body ? "body" : "nil"})
+  req, _ := http.NewRequest("${data.method.toUpperCase()}", url, ${body ? "body" : "nil"})
 ${indent(Array.from(headers.entries()).map(([key, value]) => `req.Header.Add("${key}", ${value})`).join("\n"))}
   res, _ := http.DefaultClient.Do(req)
   defer res.Body.Close()

package/dist/requests/generators/java.js

@@ -1,4 +1,4 @@
-import { indent } from "../string-utils.js";
+import { doubleQuote, indent } from "../string-utils.js";
 import { resolveMediaAdapter } from "../media/resolve-adapter.js";
 import "../media/adapter.js";
 //#region src/requests/generators/java.ts
@@ -31,13 +31,13 @@ const java = {
 		s.push(indent(".build();"));
 		s.push("");
 		s.push("HttpRequest.Builder requestBuilder = HttpRequest.newBuilder()");
-		s.push(indent(`.uri(URI.create(${JSON.stringify(url)}))`));
-		for (const [key, param] of Object.entries(headers)) s.push(indent(`.header(${JSON.stringify(key)}, ${JSON.stringify(param.value)})`));
+		s.push(indent(`.uri(URI.create(${doubleQuote(url)}))`));
+		for (const [key, param] of Object.entries(headers)) s.push(indent(`.header(${doubleQuote(key)}, ${doubleQuote(param.value)})`));
 		if (data.bodyMediaType) s.push(indent(`.header("Content-Type", "${data.bodyMediaType}")`));
 		const cookies = Object.entries(data.cookie);
 		if (cookies.length > 0) {
 			const cookieString = cookies.map(([key, param]) => `${key}=${param.value}`).join("; ");
-			s.push(indent(`.header("Cookie", ${JSON.stringify(cookieString)})`));
+			s.push(indent(`.header("Cookie", ${doubleQuote(cookieString)})`));
 		}
 		const arg = body ? "body" : "";
 		s.push(indent(`.${data.method.toUpperCase()}(${arg})`));

package/dist/requests/generators/javascript.js

@@ -1,4 +1,4 @@
-import { indent } from "../string-utils.js";
+import { doubleQuote, indent } from "../string-utils.js";
 import { resolveMediaAdapter } from "../media/resolve-adapter.js";
 import "../media/adapter.js";
 //#region src/requests/generators/javascript.ts
@@ -9,7 +9,7 @@ const javascript = {
 		const s = [];
 		const options = /* @__PURE__ */ new Map();
 		const headers = {};
-		options.set("method", JSON.stringify(data.method));
+		options.set("method", `"${data.method.toUpperCase()}"`);
 		if (data.bodyMediaType) headers["Content-Type"] = data.bodyMediaType;
 		for (const [k, v] of Object.entries(data.header)) headers[k] = v.value;
 		const cookies = Object.entries(data.cookie);
@@ -26,7 +26,7 @@ const javascript = {
 			s.push(body);
 			options.set("body", "body");
 		}
-		const params = [JSON.stringify(url)];
+		const params = [doubleQuote(url)];
 		if (options.size > 0) {
 			const str = Array.from(options.entries()).map(([k, v]) => indent(k === v ? k : `${k}: ${v}`)).join(",\n");
 			params.push(`{\n${str}\n}`);

package/dist/requests/generators/python.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/python.ts
@@ -7,7 +8,7 @@ const python = {
 	generate(url, data, { mediaAdapters }) {
 		const headers = {};
 		const imports = /* @__PURE__ */ new Set();
-		const params = [`"${data.method}"`, "url"];
+		const params = [`"${data.method.toUpperCase()}"`, "url"];
 		let body;
 		imports.add("requests");
 		if (data.body && data.bodyMediaType) {
@@ -26,7 +27,7 @@ const python = {
 		}
 		return `${Array.from(imports).map((name) => "import " + name).join("\n")}
 
-url = ${JSON.stringify(url)}
+url = ${doubleQuote(url)}
 ${body ?? ""}
 response = requests.request(${params.join(", ")})
 
@@ -36,13 +37,13 @@ print(response.text)`;
 function generatePythonObject(v, imports) {
 	if (v === null) return "None";
 	else if (typeof v === "boolean") return v ? "True" : "False";
-	else if (typeof v === "string") return JSON.stringify(v);
+	else if (typeof v === "string") return doubleQuote(v);
 	else if (typeof v === "number") return v.toString();
 	else if (Array.isArray(v)) return `[${v.map((item) => generatePythonObject(item, imports)).join(", ")}]`;
 	else if (v instanceof Date) {
 		imports.add("datetime");
 		return `datetime.datetime(${v.getFullYear()}, ${v.getMonth() + 1}, ${v.getDate()}, ${v.getHours()}, ${v.getMinutes()}, ${v.getSeconds()}, ${v.getMilliseconds()})`;
-	} else if (typeof v === "object") return `{\n${Object.entries(v).map(([key, value]) => `  ${JSON.stringify(key)}: ${generatePythonObject(value, imports)}`).join(", \n")}\n}`;
+	} else if (typeof v === "object") return `{\n${Object.entries(v).map(([key, value]) => `  ${doubleQuote(key)}: ${generatePythonObject(value, imports)}`).join(", \n")}\n}`;
 	else throw new Error(`Unsupported type: ${typeof v}`);
 }
 //#endregion

package/dist/requests/media/adapter.js

@@ -1,4 +1,4 @@
-import { escapeString, inputToString } from "../string-utils.js";
+import { backtickQuote, inputToString, tripleDoubleQuote } from "../string-utils.js";
 import "./resolve-adapter.js";
 import js2xml from "xml-js/lib/js2xml.js";
 //#region src/requests/media/adapter.ts
@@ -80,7 +80,7 @@ const defaultAdapters = {
 				s.push("mp := multipart.NewWriter(payload)");
 				for (const [key, value] of Object.entries(data.body)) {
 					if (!value) continue;
-					const escaped = escapeString(inputToString(value, "application/json"), "`");
+					const escaped = backtickQuote(inputToString(value, "application/json"));
 					s.push(`mp.WriteField("${key}", ${escaped})`);
 				}
 			}
@@ -103,20 +103,20 @@ const defaultAdapters = {
 function str(init, mediaType, ctx) {
 	if (ctx.lang === "js") {
 		if (mediaType === "application/json") return `const body = JSON.stringify(${JSON.stringify(init, null, 2)})`;
-		return `const body = ${escapeString(inputToString(init, mediaType), "`")}`;
+		return `const body = ${backtickQuote(inputToString(init, mediaType))}`;
 	}
-	if (ctx.lang === "python") return `body = ${escapeString(inputToString(init, mediaType), "\"\"\"")}`;
+	if (ctx.lang === "python") return `body = ${tripleDoubleQuote(inputToString(init, mediaType))}`;
 	if (ctx.lang === "go") {
 		const { addImport } = ctx;
 		addImport("strings");
-		return `body := strings.NewReader(${escapeString(inputToString(init, mediaType), "`")})`;
+		return `body := strings.NewReader(${backtickQuote(inputToString(init, mediaType))})`;
 	}
 	if (ctx.lang === "java") {
 		const { addImport } = ctx;
 		addImport("java.net.http.HttpRequest.BodyPublishers");
-		return `var body = BodyPublishers.ofString(${escapeString(inputToString(init, mediaType), "\"\"\"")});`;
+		return `var body = BodyPublishers.ofString(${tripleDoubleQuote(inputToString(init, mediaType))});`;
 	}
-	if (ctx.lang === "csharp") return `var body = new StringContent(${escapeString(`\n${inputToString(init, mediaType)}\n`, "\"\"\"")}, Encoding.UTF8, "${mediaType}");`;
+	if (ctx.lang === "csharp") return `var body = new StringContent(${tripleDoubleQuote(`\n${inputToString(init, mediaType)}\n`)}, Encoding.UTF8, "${mediaType}");`;
 }
 //#endregion
 export { defaultAdapters };

package/dist/requests/string-utils.js

@@ -18,13 +18,34 @@ function inputToString(value, format = "application/json") {
 		spaces: 2
 	});
 }
-function escapeString(str, delimit) {
-	if (!delimit) return JSON.stringify(str);
-	return `${delimit}${str.replaceAll(delimit, `\\${delimit}`)}${delimit}`;
+/**
+* Returns the input string wrapped in single quotes, escaping internal single quotes and backslashes.
+*/
+function singleQuote(str) {
+	return `'${str.replace(/\\/g, "\\\\").replace(/'/g, "\\'")}'`;
+}
+/**
+* Returns the input string wrapped in double quotes, escaping internal double quotes and backslashes.
+*/
+function doubleQuote(str) {
+	return `"${str.replace(/\\/g, "\\\\").replace(/"/g, "\\\"")}"`;
+}
+/**
+* Returns the input string wrapped in Python triple double-quotes,
+* escaping embedded triple quotes and backslashes.
+*/
+function tripleDoubleQuote(str) {
+	return `"""${str.replace(/\\/g, "\\\\").replace(/"""/g, "\\\"\\\"\\\"")}"""`;
+}
+/**
+* Returns the input string wrapped in backticks, escaping internal backticks and backslashes.
+*/
+function backtickQuote(str) {
+	return `\`${str.replace(/\\/g, "\\\\").replace(/`/g, "\\`")}\``;
 }
 function indent(code, tab = 1) {
 	const p = "  ".repeat(tab);
 	return code.split("\n").map((v) => v.length === 0 ? v : p + v).join("\n");
 }
 //#endregion
-export { escapeString, indent, inputToString };
+export { backtickQuote, doubleQuote, indent, inputToString, singleQuote, tripleDoubleQuote };

package/dist/requests/types.d.ts

@@ -1,8 +1,9 @@
 import { EncodedParameter, EncodedParameterMultiple } from "./media/encode.js";
+import { HttpMethods } from "../types.js";
 
 //#region src/requests/types.d.ts
 interface RawRequestData {
-  method: string;
+  method: HttpMethods;
   path: Record<string, unknown>;
   query: Record<string, unknown>;
   header: Record<string, unknown>;
@@ -11,7 +12,7 @@ interface RawRequestData {
   bodyMediaType?: string;
 }
 interface RequestData {
-  method: string;
+  method: HttpMethods;
   path: Record<string, EncodedParameter>;
   query: Record<string, EncodedParameterMultiple>;
   header: Record<string, EncodedParameter>;

package/dist/ui/api-page.js

@@ -9,7 +9,7 @@ function APIPage({ showTitle: hasHead = false, showDescription, operations, webh
 		className: "flex flex-col gap-24 text-sm @container",
 		children: [slots.operations?.map((op) => op.children), slots.webhooks?.map((op) => op.children)]
 	});
-	const content = renderPageLayout({
+	let content = renderPageLayout({
 		operations: operations?.map((item) => {
 			const pathItem = dereferenced.paths?.[item.path];
 			if (!pathItem) throw new Error(`[Fumadocs OpenAPI] Path not found in OpenAPI schema: ${item.path}`);
@@ -44,7 +44,9 @@ function APIPage({ showTitle: hasHead = false, showDescription, operations, webh
 			};
 		})
 	}, ctx);
+	if (ctx.playground?.enabled !== false && ctx.playground?.provider) content = ctx.playground.provider({ children: content });
 	return /* @__PURE__ */ jsx(ctx.clientBoundary.ApiProvider, {
+		schemes: dereferenced.components?.securitySchemes ?? {},
 		shikiOptions: ctx.shikiOptions,
 		client: ctx.client ?? {},
 		children: /* @__PURE__ */ jsx(ctx.clientBoundary.ServerProvider, {