fumadocs-openapi 6.3.0 → 7.0.0

package/dist/playground/client.d.ts

@@ -8,9 +8,10 @@ interface FormValues {
         username: string;
         password: string;
     };
-    path: Record<string, unknown>;
-    query: Record<string, unknown>;
-    header: Record<string, unknown>;
+    path: Record<string, string>;
+    query: Record<string, string>;
+    header: Record<string, string>;
+    cookie: Record<string, string>;
     body: unknown;
 }
 export interface CustomField<TName extends FieldPath<FormValues>, Info> {
@@ -28,19 +29,18 @@ export type ClientProps = HTMLAttributes<HTMLFormElement> & {
     route: string;
     method: string;
     authorization?: Security;
-    path?: PrimitiveRequestField[];
-    query?: PrimitiveRequestField[];
-    header?: PrimitiveRequestField[];
+    parameters?: PrimitiveRequestField[];
     body?: RequestSchema & {
         mediaType: string;
     };
-    schemas: Record<string, RequestSchema>;
+    /**
+     * Resolver for reference schemas you've passed
+     */
+    references: Record<string, RequestSchema>;
     proxyUrl?: string;
     fields?: {
+        parameter?: CustomField<`${PrimitiveRequestField['in']}.${string}`, PrimitiveRequestField>;
         auth?: CustomField<'authorization', RequestSchema>;
-        path?: CustomField<`path.${string}`, PrimitiveRequestField>;
-        query?: CustomField<`query.${string}`, PrimitiveRequestField>;
-        header?: CustomField<`header.${string}`, PrimitiveRequestField>;
         body?: CustomField<'body', RequestSchema>;
     };
     components?: Partial<{
@@ -61,6 +61,6 @@ export type DynamicField = {
     schema: RequestSchema | ReferenceSchema;
 };
 export declare function useSchemaContext(): SchemaContextType;
-export declare function Client({ route, method, authorization, path, header, query, body, fields, schemas, proxyUrl, components: { ResultDisplay }, ...props }: ClientProps): import("react/jsx-runtime").JSX.Element;
+export declare function Client({ route, method, authorization, parameters, body, fields, references, proxyUrl, components: { ResultDisplay }, ...props }: ClientProps): import("react/jsx-runtime").JSX.Element;
 export {};
 //# sourceMappingURL=client.d.ts.map

package/dist/playground/client.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/playground/client.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/playground/client.tsx"],"names":[],"mappings":"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"}

package/dist/playground/client.js

@@ -1,10 +1,9 @@
 'use client';
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo, useRef, useEffect, Fragment, createContext, useContext, } from 'react';
-import { Controller, FormProvider, useForm } from 'react-hook-form';
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo, useRef, useEffect, Fragment, createContext, useContext, useState, } from 'react';
+import { Controller, FormProvider, useForm, useFormContext, } from 'react-hook-form';
 import { cn, buttonVariants } from 'fumadocs-ui/components/api';
-import { useApiContext } from '../ui/contexts/api.js';
-import { getDefaultValue, getDefaultValues } from './get-default-values.js';
+import { useApiContext, useServerSelectContext } from '../ui/contexts/api.js';
 import { FieldSet, ObjectInput } from './inputs.js';
 import { getStatusInfo } from './status-info.js';
 import { getUrl } from '../utils/server-url.js';
@@ -15,6 +14,8 @@ import ServerSelect from '../ui/server-select.js';
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from 'fumadocs-ui/components/ui/collapsible';
 import { ChevronDown } from 'lucide-react';
 import { OauthDialog, OauthDialogTrigger, } from '../playground/auth/oauth-dialog.js';
+import { useRequestData } from '../ui/contexts/code-example.js';
+import { useEffectEvent } from 'fumadocs-core/utils/use-effect-event';
 const SchemaContext = createContext(undefined);
 export function useSchemaContext() {
     const ctx = useContext(SchemaContext);
@@ -22,94 +23,64 @@ export function useSchemaContext() {
         throw new Error('Missing provider');
     return ctx;
 }
-function defaultAuthValue(auth) {
-    if (!auth || auth.type === 'apiKey')
-        return '';
-    if (auth.type === 'http' && auth.scheme === 'basic') {
+function toRequestData(method, mediaType, value) {
+    return {
+        path: value.path,
+        method,
+        header: value.header,
+        body: value.body,
+        bodyMediaType: mediaType,
+        cookie: value.cookie,
+        query: value.query,
+    };
+}
+export function Client({ route, method = 'GET', authorization, parameters = [], body, fields = {}, references, proxyUrl, components: { ResultDisplay = DefaultResultDisplay } = {}, ...props }) {
+    const { servers } = useApiContext();
+    const { server, setServer, setServerVariables } = useServerSelectContext();
+    const params = useMemo(() => {
         return {
-            username: '',
-            password: '',
+            headers: parameters.filter((v) => v.in === 'header'),
+            cookies: parameters.filter((v) => v.in === 'cookie'),
+            queries: parameters.filter((v) => v.in === 'query'),
+            paths: parameters.filter((v) => v.in === 'path'),
         };
-    }
-    return 'Bearer';
-}
-export function Client({ route, method = 'GET', authorization, path = [], header = [], query = [], body, fields = {}, schemas, proxyUrl, components: { ResultDisplay = DefaultResultDisplay } = {}, ...props }) {
-    const { serverRef, servers } = useApiContext();
+    }, [parameters]);
     const dynamicRef = useRef(new Map());
+    const requestData = useRequestData();
+    const authInfo = usePersistentAuthInfo(authorization);
+    const defaultValues = useMemo(() => ({
+        authorization: authInfo.info,
+        path: requestData.data.path,
+        query: requestData.data.query,
+        header: requestData.data.header,
+        body: requestData.data.body,
+        cookie: requestData.data.cookie,
+    }), [authInfo.info, requestData.data]);
     const form = useForm({
-        defaultValues: {
-            authorization: defaultAuthValue(authorization),
-            path: getDefaultValues(path, schemas),
-            query: getDefaultValues(query, schemas),
-            header: getDefaultValues(header, schemas),
-            body: body ? getDefaultValue(body, schemas) : undefined,
-        },
+        defaultValues,
     });
     const testQuery = useQuery(async (input) => {
-        const fetcher = await import('./fetcher.js').then((mod) => mod.createBrowserFetcher(body, schemas));
-        const query = { ...input.query };
-        const header = { ...input.header };
-        if (authorization?.type === 'apiKey') {
-            if (authorization.in === 'header') {
-                header[authorization.name] = input.authorization;
-            }
-            else if (authorization.in === 'query') {
-                query[authorization.name] = input.authorization;
-            }
-            else {
-                if ('cookie' in header) {
-                    header.Cookie = header.cookie;
-                    delete header.cookie;
-                }
-                header.Cookie = [
-                    header.Cookie,
-                    `${authorization.name}=${input.authorization}`,
-                ]
-                    .filter((s) => s.length > 0)
-                    .join('; ');
-            }
-        }
-        else if (authorization?.type === 'http' &&
-            authorization.scheme === 'basic') {
-            if (typeof input.authorization === 'object')
-                header.Authorization = `Basic ${btoa(`${input.authorization.username}:${input.authorization.password}`)}`;
-        }
-        else if (authorization) {
-            header.Authorization = input.authorization;
-        }
-        const serverUrl = serverRef.current
-            ? getUrl(serverRef.current.url, serverRef.current.variables)
+        const fetcher = await import('./fetcher.js').then((mod) => mod.createBrowserFetcher());
+        const serverUrl = server
+            ? getUrl(server.url, server.variables)
             : window.location.origin;
-        let url = `${serverUrl}${createPathnameFromInput(route, input.path, query)}`;
-        if (proxyUrl) {
-            const updated = new URL(proxyUrl, window.location.origin);
-            updated.searchParams.append('url', url);
-            url = updated.toString();
-        }
-        return fetcher.fetch({
-            url: url.toString(),
-            header,
-            body: body
-                ? {
-                    mediaType: body.mediaType,
-                    value: input.body,
-                }
-                : undefined,
-            dynamicFields: dynamicRef.current,
-            method,
+        return fetcher.fetch(`${serverUrl}${route}`, {
+            proxyUrl,
+            ...toRequestData(method, body?.mediaType, input),
         });
     });
     useEffect(() => {
-        if (!authorization)
-            return;
-        const key = `__fumadocs_auth_${JSON.stringify(authorization)}`;
-        const cached = localStorage.getItem(key);
-        if (cached)
-            form.setValue('authorization', JSON.parse(cached));
-        const subscription = form.watch((value, { name }) => {
-            if (!name || !name.startsWith('authorization') || !value.authorization)
-                return;
-            localStorage.setItem(key, JSON.stringify(value.authorization));
+        form.reset(defaultValues);
+        // eslint-disable-next-line react-hooks/exhaustive-deps -- update default value
+    }, [defaultValues]);
+    useEffect(() => {
+        const subscription = form.watch((_value) => {
+            const value = _value;
+            if (authorization && value.authorization) {
+                authInfo.saveInfo(value.authorization);
+                writeAuthHeader(authorization, value.authorization, value.header, value.query, value.cookie);
+            }
+            requestData.saveData(toRequestData(method, body?.mediaType, value));
         });
         return () => {
             subscription.unsubscribe();
@@ -125,60 +96,39 @@ export function Client({ route, method = 'GET', authorization, path = [], header
         }
         return (_jsx(FieldSet, { name: info.name, fieldName: fieldName, field: info }, key));
     }
-    let authField = null;
-    if (authorization) {
-        authField = (_jsxs(_Fragment, { children: [renderCustomField('authorization', authorization?.type === 'http' && authorization.scheme === 'basic'
+    return (_jsx(FormProvider, { ...form, children: _jsx(SchemaContext.Provider, { value: useMemo(() => ({ references: references, dynamic: dynamicRef }), [references]), children: _jsx(AuthProvider, { authorization: authorization, children: _jsxs("form", { ...props, className: cn('not-prose flex flex-col gap-2 rounded-xl border p-3 shadow-md', props.className), onSubmit: onSubmit, children: [_jsx(FormHeader, { method: method, route: route, isLoading: testQuery.isLoading }), servers.length > 1 ? (_jsx(CollapsiblePanel, { title: "Server URL", children: _jsx(ServerSelect, { server: server, onServerChanged: setServer, onVariablesChanged: setServerVariables }) })) : null, params.headers.length > 0 || authorization ? (_jsxs(CollapsiblePanel, { title: "Headers", children: [authorization ? (_jsx(AuthField, { authorization: authorization })) : null, params.headers.map((field) => renderCustomField(`header.${field.name}`, field, fields.parameter, field.name))] })) : null, params.paths.length > 0 ? (_jsx(CollapsiblePanel, { title: "Path", children: params.paths.map((field) => renderCustomField(`path.${field.name}`, field, fields.parameter, field.name)) })) : null, params.queries.length > 0 ? (_jsx(CollapsiblePanel, { title: "Query", children: params.queries.map((field) => renderCustomField(`query.${field.name}`, field, fields.parameter, field.name)) })) : null, params.cookies.length > 0 ? (_jsx(CollapsiblePanel, { title: "Cookies", children: params.cookies.map((field) => renderCustomField(`cookie.${field.name}`, field, fields.parameter, field.name)) })) : null, body ? (_jsx(CollapsiblePanel, { title: "Body", children: body.type === 'object' && !fields.body ? (_jsx(ObjectInput, { field: body, fieldName: "body" })) : (renderCustomField('body', body, fields.body)) })) : null, testQuery.data ? _jsx(ResultDisplay, { data: testQuery.data }) : null] }) }) }) }));
+}
+function AuthProvider({ authorization, children, }) {
+    const form = useFormContext();
+    if (!authorization || authorization.type !== 'oauth2')
+        return children;
+    // only the first one, so it looks simpler :)
+    const flow = Object.keys(authorization.flows)[0];
+    return (_jsx(OauthDialog, { flow: flow, scheme: authorization, setToken: (token) => form.setValue('authorization', `Bearer ${token}`), children: children }));
+}
+function AuthField({ authorization }) {
+    return (_jsxs(_Fragment, { children: [_jsx(FieldSet, { fieldName: "authorization", name: "Authorization", field: authorization?.type === 'http' && authorization.scheme === 'basic'
                     ? {
-                        name: 'Authorization',
                         type: 'object',
                         isRequired: true,
                         properties: {
                             username: {
                                 type: 'string',
                                 isRequired: true,
-                                defaultValue: '',
                             },
                             password: {
                                 type: 'string',
                                 isRequired: true,
-                                defaultValue: '',
                             },
                         },
                     }
                     : {
-                        name: 'Authorization',
                         type: 'string',
                         isRequired: true,
                         description: 'The Authorization access token',
-                        defaultValue: '',
-                    }, fields.auth), authorization?.type === 'oauth2' && (_jsx(OauthDialogTrigger, { type: "button", className: cn(buttonVariants({
-                        color: 'secondary',
-                    })), children: "Open" }))] }));
-    }
-    let children = (_jsxs("form", { ...props, className: cn('not-prose flex flex-col gap-2 rounded-xl border p-3 shadow-md', props.className), onSubmit: onSubmit, children: [_jsx(FormHeader, { method: method, route: route, isLoading: testQuery.isLoading }), servers.length > 1 ? (_jsx(CollapsiblePanel, { title: "Server URL", children: _jsx(ServerSelect, {}) })) : null, header.length > 0 || authorization ? (_jsxs(CollapsiblePanel, { title: "Headers", children: [authField, header.map((field) => renderCustomField(`header.${field.name}`, field, fields.header, field.name))] })) : null, path.length > 0 ? (_jsx(CollapsiblePanel, { title: "Path", children: path.map((field) => renderCustomField(`path.${field.name}`, field, fields.path, field.name)) })) : null, query.length > 0 ? (_jsx(CollapsiblePanel, { title: "Query", children: query.map((field) => renderCustomField(`query.${field.name}`, field, fields.query, field.name)) })) : null, body ? (_jsx(CollapsiblePanel, { title: "Body", children: body.type === 'object' && !fields.body ? (_jsx(ObjectInput, { field: body, fieldName: "body" })) : (renderCustomField('body', body, fields.body)) })) : null, testQuery.data ? _jsx(ResultDisplay, { data: testQuery.data }) : null] }));
-    if (authorization?.type === 'oauth2') {
-        // only the first one, so it looks simpler :)
-        const flow = Object.keys(authorization.flows)[0];
-        children = (_jsx(OauthDialog, { flow: flow, scheme: authorization, setToken: (token) => form.setValue('authorization', `Bearer ${token}`), children: children }));
-    }
-    return (_jsx(FormProvider, { ...form, children: _jsx(SchemaContext.Provider, { value: useMemo(() => ({ references: schemas, dynamic: dynamicRef }), [schemas]), children: children }) }));
-}
-function createPathnameFromInput(route, path, query) {
-    let pathname = route;
-    for (const key of Object.keys(path)) {
-        const paramValue = path[key];
-        if (typeof paramValue === 'string' && paramValue.length > 0)
-            pathname = pathname.replace(`{${key}}`, paramValue);
-    }
-    const searchParams = new URLSearchParams();
-    for (const key of Object.keys(query)) {
-        const paramValue = query[key];
-        if (typeof paramValue === 'string' && paramValue.length > 0)
-            searchParams.append(key, paramValue);
-    }
-    return searchParams.size > 0
-        ? `${pathname}?${searchParams.toString()}`
-        : pathname;
+                    } }), authorization?.type === 'oauth2' && (_jsx(OauthDialogTrigger, { type: "button", className: cn(buttonVariants({
+                    color: 'secondary',
+                })), children: "Open" }))] }));
 }
 function Route({ route, ...props }) {
     const segments = route.split('/').filter((part) => part.length > 0);
@@ -196,6 +146,61 @@ function DefaultResultDisplay({ data }) {
                     ? data.data
                     : JSON.stringify(data.data, null, 2), ...shikiOptions })) : null] }));
 }
+function usePersistentAuthInfo(authorization) {
+    const key = authorization
+        ? `__fumadocs_auth_${JSON.stringify(authorization)}`
+        : null;
+    const [info, setInfo] = useState(() => {
+        if (!authorization || authorization.type === 'apiKey')
+            return '';
+        if (authorization.type === 'http' && authorization.scheme === 'basic') {
+            return {
+                username: '',
+                password: '',
+            };
+        }
+        return 'Bearer';
+    });
+    useEffect(() => {
+        if (!key)
+            return;
+        const item = localStorage.getItem(key);
+        if (item) {
+            setInfo(JSON.parse(item));
+        }
+    }, [key]);
+    return {
+        info,
+        saveInfo: useEffectEvent((value) => {
+            if (!key)
+                return;
+            localStorage.setItem(key, JSON.stringify(value));
+        }),
+    };
+}
 function CollapsiblePanel({ title, children, ...props }) {
     return (_jsxs(Collapsible, { ...props, className: "border rounded-xl bg-fd-card text-fd-card-foreground overflow-hidden", children: [_jsxs(CollapsibleTrigger, { className: "group w-full inline-flex items-center gap-2 justify-between p-3 text-sm font-medium hover:bg-fd-accent", children: [title, _jsx(ChevronDown, { className: "size-4 group-data-[state=open]:rotate-180" })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "flex flex-col gap-4 p-3", children: children }) })] }));
 }
+function writeAuthHeader(authorization, input, header, query, cookie) {
+    if (authorization.type === 'apiKey') {
+        if (authorization.in === 'header') {
+            header[authorization.name] = input;
+        }
+        if (authorization.in === 'query') {
+            query[authorization.name] = input;
+        }
+        if (authorization.in === 'cookie') {
+            cookie[authorization.name] = input;
+        }
+        return;
+    }
+    if (authorization.type === 'http' &&
+        authorization.scheme === 'basic' &&
+        typeof input === 'object') {
+        header.Authorization = `Basic ${btoa(`${input.username}:${input.password}`)}`;
+        return;
+    }
+    if (typeof input === 'string') {
+        header.Authorization = input;
+    }
+}

package/dist/playground/fetcher.d.ts

@@ -1,14 +1,6 @@
-import { type RequestSchema } from '../playground/index.js';
-import type { DynamicField } from '../playground/client.js';
-export interface FetchOptions {
-    url: string;
-    method: string;
-    header: Record<string, unknown>;
-    body?: {
-        mediaType: string;
-        value: unknown;
-    };
-    dynamicFields?: Map<string, DynamicField>;
+import { RequestData } from '../requests/_shared.js';
+export interface FetchOptions extends RequestData {
+    proxyUrl?: string;
 }
 export interface FetchResult {
     status: number;
@@ -16,19 +8,11 @@ export interface FetchResult {
     data: unknown;
 }
 export interface Fetcher {
-    /**
-     * @param input - fetch request inputs
-     * @param dynamicFields - schema of dynamic fields, given by the playground client
-     */
-    fetch: (options: FetchOptions) => Promise<FetchResult>;
+    fetch: (route: string, options: FetchOptions) => Promise<FetchResult>;
 }
-/**
- * @param bodySchema - schema of body
- * @param references - defined references of schemas, needed for resolve cyclic references
- */
-export declare function createBrowserFetcher(bodySchema: RequestSchema | undefined, references: Record<string, RequestSchema>): Fetcher;
+export declare function createBrowserFetcher(): Fetcher;
 /**
  * Create request body from value
  */
-export declare function createBodyFromValue(mediaType: string, value: unknown, schema: RequestSchema, references: Record<string, RequestSchema>, dynamicFields: Map<string, DynamicField>): Promise<string | FormData>;
+export declare function createBodyFromValue(mediaType: Required<RequestData>['bodyMediaType'], value: unknown): Promise<string | FormData>;
 //# sourceMappingURL=fetcher.d.ts.map

package/dist/playground/fetcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../src/playground/fetcher.ts"],"names":[],"mappings":"AACA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAC9E,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAExD,MAAM,WAAW,YAAY;IAC3B,GAAG,EAAE,MAAM,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;IAEf,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAEhC,IAAI,CAAC,EAAE;QACL,SAAS,EAAE,MAAM,CAAC;QAClB,KAAK,EAAE,OAAO,CAAC;KAChB,CAAC;IACF,aAAa,CAAC,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC;CAC3C;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACtB;;;OAGG;IACH,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;CACxD;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAClC,UAAU,EAAE,aAAa,GAAG,SAAS,EACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GACxC,OAAO,CAyDT;AAED;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,SAAS,EAAE,MAAM,EACjB,KAAK,EAAE,OAAO,EACd,MAAM,EAAE,aAAa,EACrB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,EACzC,aAAa,EAAE,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,GACvC,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC,CA2C5B"}
+{"version":3,"file":"fetcher.d.ts","sourceRoot":"","sources":["../../src/playground/fetcher.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,WAAW,EAAE,MAAM,oBAAoB,CAAC;AAEjD,MAAM,WAAW,YAAa,SAAQ,WAAW;IAC/C,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,GAAG,MAAM,GAAG,MAAM,CAAC;IAC/B,IAAI,EAAE,OAAO,CAAC;CACf;AAED,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,EAAE,YAAY,KAAK,OAAO,CAAC,WAAW,CAAC,CAAC;CACvE;AAED,wBAAgB,oBAAoB,IAAI,OAAO,CAkF9C;AAED;;GAEG;AACH,wBAAsB,mBAAmB,CACvC,SAAS,EAAE,QAAQ,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,EACjD,KAAK,EAAE,OAAO,GACb,OAAO,CAAC,MAAM,GAAG,QAAQ,CAAC,CAqC5B"}

package/dist/playground/fetcher.js

@@ -1,25 +1,48 @@
-import { resolve } from '../playground/resolve.js';
-/**
- * @param bodySchema - schema of body
- * @param references - defined references of schemas, needed for resolve cyclic references
- */
-export function createBrowserFetcher(bodySchema, references) {
+import { getPathnameFromInput } from '../utils/get-pathname-from-input.js';
+import { js2xml } from 'xml-js';
+export function createBrowserFetcher() {
     return {
-        async fetch(options) {
+        async fetch(route, options) {
             const headers = new Headers();
-            if (options.body && options.body.mediaType !== 'multipart/form-data')
-                headers.append('Content-Type', options.body.mediaType);
-            for (const key of Object.keys(options.header)) {
+            if (options.bodyMediaType &&
+                options.bodyMediaType !== 'multipart/form-data')
+                headers.append('Content-Type', options.bodyMediaType);
+            for (const key in options.header) {
                 const paramValue = options.header[key];
-                if (typeof paramValue === 'string' && paramValue.length > 0)
+                if (paramValue.length > 0)
                     headers.append(key, paramValue.toString());
             }
-            return fetch(options.url, {
+            const proxyUrl = options.proxyUrl
+                ? new URL(options.proxyUrl, window.location.origin)
+                : null;
+            if (typeof document !== 'undefined') {
+                for (const key in options.cookie) {
+                    const value = options.cookie[key];
+                    if (!value)
+                        continue;
+                    document.cookie = [
+                        `${key}=${value}`,
+                        'HttpOnly',
+                        proxyUrl && proxyUrl.origin !== window.location.origin
+                            ? `domain=${proxyUrl.host}`
+                            : false,
+                        'path=/',
+                    ]
+                        .filter(Boolean)
+                        .join(';');
+                }
+            }
+            let url = getPathnameFromInput(route, options.path, options.query);
+            if (proxyUrl) {
+                proxyUrl.searchParams.append('url', url);
+                url = proxyUrl.toString();
+            }
+            return fetch(url, {
                 method: options.method,
                 cache: 'no-cache',
                 headers,
-                body: bodySchema && options.body
-                    ? await createBodyFromValue(options.body.mediaType, options.body.value, bodySchema, references, options.dynamicFields ?? new Map())
+                body: options.bodyMediaType && options.body
+                    ? await createBodyFromValue(options.bodyMediaType, options.body)
                     : undefined,
                 signal: AbortSignal.timeout(10 * 1000),
             })
@@ -51,24 +74,22 @@ export function createBrowserFetcher(bodySchema, references) {
 /**
  * Create request body from value
  */
-export async function createBodyFromValue(mediaType, value, schema, references, dynamicFields) {
-    const result = convertValue('body', value, schema, references, dynamicFields);
+export async function createBodyFromValue(mediaType, value) {
     if (mediaType === 'application/json') {
-        return JSON.stringify(result);
+        return JSON.stringify(value);
     }
     if (mediaType === 'application/xml') {
-        const { js2xml } = await import('xml-js');
-        return js2xml(result, {
+        return js2xml(value, {
             compact: true,
             spaces: 2,
         });
     }
     const formData = new FormData();
-    if (typeof result !== 'object' || !result) {
-        throw new Error(`Unsupported body type: ${typeof result}, expected: object`);
+    if (typeof value !== 'object' || !value) {
+        throw new Error(`Unsupported body type: ${typeof value}, expected: object`);
     }
-    for (const key of Object.keys(result)) {
-        const prop = result[key];
+    for (const key in value) {
+        const prop = value[key];
         if (typeof prop === 'object' && prop instanceof File) {
             formData.set(key, prop);
         }
@@ -83,65 +104,3 @@ export async function createBodyFromValue(mediaType, value, schema, references,
     }
     return formData;
 }
-/**
- * Convert a value (object or string) to the corresponding type of schema
- *
- * @param fieldName - field name of value
- * @param value - the original value
- * @param schema - the schema of field
- * @param references - schema references
- * @param dynamicFields - Dynamic references
- */
-function convertValue(fieldName, value, schema, references, dynamicFields) {
-    const isEmpty = value === '' || value === undefined || value === null;
-    if (isEmpty && schema.isRequired)
-        return schema.type === 'boolean' ? false : '';
-    else if (isEmpty)
-        return undefined;
-    if (Array.isArray(value) && schema.type === 'array') {
-        return value.map((item, index) => convertValue(`${fieldName}.${String(index)}`, item, resolve(schema.items, references), references, dynamicFields));
-    }
-    if (schema.type === 'switcher') {
-        return convertValue(fieldName, value, resolve(getDynamicFieldSchema(fieldName, dynamicFields, Object.values(schema.items).at(0)), references), references, dynamicFields);
-    }
-    if (typeof value === 'object' && schema.type === 'object') {
-        const entries = Object.keys(value).map((key) => {
-            const prop = value[key];
-            const propFieldName = `${fieldName}.${key}`;
-            if (key in schema.properties) {
-                return [
-                    key,
-                    convertValue(propFieldName, prop, resolve(schema.properties[key], references), references, dynamicFields),
-                ];
-            }
-            if (schema.additionalProperties) {
-                const schema = resolve(getDynamicFieldSchema(propFieldName, dynamicFields), references);
-                return [
-                    key,
-                    convertValue(propFieldName, prop, schema, references, dynamicFields),
-                ];
-            }
-            console.warn('Could not resolve field', propFieldName, dynamicFields);
-            return [key, prop];
-        });
-        return Object.fromEntries(entries);
-    }
-    switch (schema.type) {
-        case 'number':
-            return Number(value);
-        case 'boolean':
-            return value === 'null' ? undefined : value === 'true';
-        case 'file':
-            return value; // file
-        default:
-            return String(value);
-    }
-}
-function getDynamicFieldSchema(name, dynamicFields, defaultValue) {
-    const field = dynamicFields.get(name);
-    if (field?.type === 'field')
-        return field.schema;
-    if (defaultValue)
-        return defaultValue;
-    return { type: 'null', isRequired: false };
-}

package/dist/playground/get-default-values.d.ts

@@ -1,4 +1,3 @@
-import type { PrimitiveRequestField, RequestSchema } from '../playground/index.js';
-export declare function getDefaultValue(item: RequestSchema, references: Record<string, RequestSchema>): unknown;
-export declare function getDefaultValues(field: PrimitiveRequestField[], context: Record<string, RequestSchema>): Record<string, unknown>;
+import type { ReferenceSchema, RequestSchema } from '../playground/index.js';
+export declare function getDefaultValue(item: RequestSchema | ReferenceSchema, references: Record<string, RequestSchema>): unknown;
 //# sourceMappingURL=get-default-values.d.ts.map

package/dist/playground/get-default-values.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-default-values.d.ts","sourceRoot":"","sources":["../../src/playground/get-default-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,qBAAqB,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAG/E,wBAAgB,eAAe,CAC7B,IAAI,EAAE,aAAa,EACnB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GACxC,OAAO,CAwBT;AAED,wBAAgB,gBAAgB,CAC9B,KAAK,EAAE,qBAAqB,EAAE,EAC9B,OAAO,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GACrC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAIzB"}
+{"version":3,"file":"get-default-values.d.ts","sourceRoot":"","sources":["../../src/playground/get-default-values.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AAGzE,wBAAgB,eAAe,CAC7B,IAAI,EAAE,aAAa,GAAG,eAAe,EACrC,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,GACxC,OAAO,CA2BT"}

package/dist/playground/get-default-values.js

@@ -1,5 +1,7 @@
 import { resolve } from '../playground/resolve.js';
 export function getDefaultValue(item, references) {
+    if (item.type === 'ref')
+        return getDefaultValue(resolve(item, references), references);
     if (item.type === 'object')
         return Object.fromEntries(Object.entries(item.properties).map(([key, prop]) => [
             key,
@@ -17,8 +19,10 @@ export function getDefaultValue(item, references) {
     }
     if (item.type === 'file')
         return undefined;
-    return String(item.defaultValue);
-}
-export function getDefaultValues(field, context) {
-    return Object.fromEntries(field.map((p) => [p.name, getDefaultValue(p, context)]));
+    if (item.type === 'string')
+        return '';
+    if (item.type === 'number')
+        return 0;
+    if (item.type === 'boolean')
+        return false;
 }

package/dist/playground/index.d.ts

@@ -8,10 +8,11 @@ interface BaseSchema {
     description?: string;
     isRequired: boolean;
 }
-export type PrimitiveRequestField = BaseRequestField & PrimitiveSchema;
+export type PrimitiveRequestField = BaseRequestField & PrimitiveSchema & {
+    in: 'cookie' | 'header' | 'query' | 'path';
+};
 interface PrimitiveSchema extends BaseSchema {
     type: 'boolean' | 'string' | 'number';
-    defaultValue: string;
 }
 export interface ReferenceSchema extends BaseSchema {
     type: 'ref';

package/dist/playground/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/playground/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,aAAa,EACd,MAAM,SAAS,CAAC;AAOjB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,UAAU;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAAG,eAAe,CAAC;AAEvE,UAAU,eAAgB,SAAQ,UAAU;IAC1C,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACtC,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,aAAa,CAAC;CAC/B;AAED,UAAU,UAAW,SAAQ,UAAU;IACrC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,YAAa,SAAQ,UAAU;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,eAAe,CAAC,CAAC;IAE5D;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzC;AAED,UAAU,cAAe,SAAQ,UAAU;IACzC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,aAAa,CAAC,CAAC;CACxD;AAED,UAAU,UAAW,SAAQ,UAAU;IACrC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,aAAa,GACrB,eAAe,GACf,WAAW,GACX,YAAY,GACZ,cAAc,GACd,UAAU,GACV,UAAU,CAAC;AAUf,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEzD,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,GAAG,EACH,MAAM,GACP,EAAE,kBAAkB,oDA+CpB"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/playground/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,iBAAiB,EAEjB,aAAa,EACd,MAAM,SAAS,CAAC;AAOjB,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,UAAU,gBAAgB;IACxB,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,UAAU,UAAU;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,OAAO,CAAC;CACrB;AAED,MAAM,MAAM,qBAAqB,GAAG,gBAAgB,GAClD,eAAe,GAAG;IAChB,EAAE,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,GAAG,MAAM,CAAC;CAC5C,CAAC;AAEJ,UAAU,eAAgB,SAAQ,UAAU;IAC1C,IAAI,EAAE,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACvC;AAED,MAAM,WAAW,eAAgB,SAAQ,UAAU;IACjD,IAAI,EAAE,KAAK,CAAC;IACZ,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,UAAU,WAAY,SAAQ,UAAU;IACtC,IAAI,EAAE,OAAO,CAAC;IACd;;OAEG;IACH,KAAK,EAAE,MAAM,GAAG,aAAa,CAAC;CAC/B;AAED,UAAU,UAAW,SAAQ,UAAU;IACrC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,UAAU,YAAa,SAAQ,UAAU;IACvC,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,GAAG,eAAe,CAAC,CAAC;IAE5D;;OAEG;IACH,oBAAoB,CAAC,EAAE,OAAO,GAAG,MAAM,CAAC;CACzC;AAED,UAAU,cAAe,SAAQ,UAAU;IACzC,IAAI,EAAE,UAAU,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,eAAe,GAAG,aAAa,CAAC,CAAC;CACxD;AAED,UAAU,UAAW,SAAQ,UAAU;IACrC,IAAI,EAAE,MAAM,CAAC;CACd;AAED,MAAM,MAAM,aAAa,GACrB,eAAe,GACf,WAAW,GACX,YAAY,GACZ,cAAc,GACd,UAAU,GACV,UAAU,CAAC;AAUf,MAAM,WAAW,kBAAkB;IACjC,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,iBAAiB,CAAC;IAC1B,GAAG,EAAE,aAAa,CAAC;IAEnB,MAAM,CAAC,EAAE,OAAO,CAAC,WAAW,CAAC,CAAC;CAC/B;AAED,YAAY,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEzD,wBAAsB,aAAa,CAAC,EAClC,IAAI,EACJ,MAAM,EACN,GAAG,EACH,MAAM,GACP,EAAE,kBAAkB,oDAuCpB"}