fumadocs-openapi 6.0.1 → 6.0.3

package/dist/server/proxy.d.ts

@@ -0,0 +1,8 @@
+import type { NextRequest } from 'next/server';
+declare const keys: readonly ["GET", "POST", "PUT", "DELETE", "PATCH", "HEAD"];
+type Proxy = {
+    [K in (typeof keys)[number]]: (req: NextRequest) => Promise<Response>;
+};
+export declare function createProxy(allowedUrls?: string[]): Proxy;
+export {};
+//# sourceMappingURL=proxy.d.ts.map

package/dist/server/proxy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"proxy.d.ts","sourceRoot":"","sources":["../../src/server/proxy.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE/C,QAAA,MAAM,IAAI,4DAA6D,CAAC;AAExE,KAAK,KAAK,GAAG;KACV,CAAC,IAAI,CAAC,OAAO,IAAI,CAAC,CAAC,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,WAAW,KAAK,OAAO,CAAC,QAAQ,CAAC;CACtE,CAAC;AAEF,wBAAgB,WAAW,CAAC,WAAW,CAAC,EAAE,MAAM,EAAE,GAAG,KAAK,CAoEzD"}

package/dist/server/proxy.js

@@ -0,0 +1,53 @@
+const keys = ['GET', 'POST', 'PUT', 'DELETE', 'PATCH', 'HEAD'];
+export function createProxy(allowedUrls) {
+    const handlers = {};
+    async function handler(req) {
+        const url = req.nextUrl.searchParams.get('url');
+        if (!url) {
+            return Response.json('A `url` query parameter is required for proxy url', {
+                status: 400,
+            });
+        }
+        if (allowedUrls &&
+            allowedUrls.every((allowedUrl) => !allowedUrl.startsWith(url))) {
+            return Response.json('The given `url` query parameter is not allowed', {
+                status: 400,
+            });
+        }
+        const clonedReq = new Request(url, {
+            ...req,
+            cache: 'no-cache',
+            mode: 'cors',
+        });
+        clonedReq.headers.forEach((_value, originalKey) => {
+            const key = originalKey.toLowerCase();
+            const notAllowed = key === 'origin';
+            if (notAllowed) {
+                clonedReq.headers.delete(originalKey);
+            }
+        });
+        const res = await fetch(clonedReq).catch((e) => new Error(e.toString()));
+        if (res instanceof Error) {
+            return Response.json(`Failed to proxy request: ${res.message}`, {
+                status: 400,
+            });
+        }
+        const headers = new Headers(res.headers);
+        headers.forEach((_value, originalKey) => {
+            const key = originalKey.toLowerCase();
+            const notAllowed = key.startsWith('access-control-') || key === 'content-encoding';
+            if (notAllowed) {
+                headers.delete(originalKey);
+            }
+        });
+        headers.set('X-Forwarded-Host', res.url);
+        return new Response(res.body, {
+            ...res,
+            headers,
+        });
+    }
+    for (const key of keys) {
+        handlers[key] = handler;
+    }
+    return handlers;
+}

package/dist/server/source-api.d.ts

@@ -0,0 +1,8 @@
+import type { BuildPageTreeOptions } from 'fumadocs-core/source';
+/**
+ * Source API Integration
+ *
+ * Add this to page tree builder options
+ */
+export declare const attachFile: BuildPageTreeOptions['attachFile'];
+//# sourceMappingURL=source-api.d.ts.map

package/dist/server/source-api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-api.d.ts","sourceRoot":"","sources":["../../src/server/source-api.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAC;AAIjE;;;;GAIG;AACH,eAAO,MAAM,UAAU,EAAE,oBAAoB,CAAC,YAAY,CA6BzD,CAAC"}

package/dist/server/source-api.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { getBadgeColor } from '../ui/components/variants.js';
+/**
+ * Source API Integration
+ *
+ * Add this to page tree builder options
+ */
+export const attachFile = (node, file) => {
+    if (!file)
+        return node;
+    const data = file.data.data;
+    let method;
+    if ('_openapi' in data && typeof data._openapi === 'object') {
+        const meta = data._openapi;
+        method = meta.method;
+    }
+    if (method) {
+        const color = getBadgeColor(method);
+        node.name = (_jsxs(_Fragment, { children: [node.name, ' ', _jsx("span", { className: badgeVariants({ className: 'ms-auto text-nowrap', color }), children: method })] }));
+    }
+    return node;
+};
+const badgeVariants = cva('rounded-full border px-1.5 text-xs font-medium', {
+    variants: {
+        color: {
+            green: 'bg-green-400/20 text-green-600 dark:text-green-400',
+            yellow: 'bg-yellow-400/20 text-yellow-600 dark:text-yellow-400',
+            red: 'bg-red-400/20 text-red-600 dark:text-red-400',
+            blue: 'bg-blue-400/20 text-blue-600 dark:text-blue-400',
+            orange: 'bg-orange-400/20 text-orange-600 dark:text-orange-400',
+        },
+    },
+});

package/dist/types.d.ts

@@ -0,0 +1,60 @@
+import type { OpenAPIV3_1 as V3_1 } from 'openapi-types';
+import type { default as Slugger } from 'github-slugger';
+import { type Renderer } from './render/renderer.js';
+import type { EndpointSample } from './utils/generate-sample.js';
+import type { CodeSample } from './render/operation.js';
+import type { BuiltinTheme, CodeOptionsThemes, CodeToHastOptionsCommon } from 'shiki';
+import type { NoReference } from './utils/schema.js';
+import type { ProcessedDocument } from './utils/process-document.js';
+export type Document = V3_1.Document;
+export type OperationObject = V3_1.OperationObject;
+export type ParameterObject = V3_1.ParameterObject;
+export type SecurityRequirementObject = V3_1.SecurityRequirementObject;
+export type SecuritySchemeObject = V3_1.SecuritySchemeObject;
+export type ReferenceObject = V3_1.ReferenceObject;
+export type PathItemObject = V3_1.PathItemObject;
+export type TagObject = V3_1.TagObject;
+export type ServerObject = NoReference<V3_1.ServerObject>;
+export type CallbackObject = NoReference<V3_1.CallbackObject>;
+export type MethodInformation = NoReference<OperationObject> & {
+    method: string;
+};
+type Awaitable<T> = T | Promise<T>;
+/**
+ * Dereferenced value and its original `$ref` value
+ */
+export type DereferenceMap = Map<unknown, string>;
+export interface RenderContext {
+    /**
+     * The url of proxy to avoid CORS issues
+     */
+    proxyUrl?: string;
+    renderer: Renderer;
+    baseUrl: string;
+    servers: ServerObject[];
+    slugger: Slugger;
+    /**
+     * dereferenced schema
+     */
+    schema: ProcessedDocument;
+    /**
+     * Generate TypeScript definitions from response schema.
+     *
+     * Pass `false` to disable it.
+     *
+     * @param endpoint - the API endpoint
+     * @param code - status code
+     */
+    generateTypeScriptSchema?: ((endpoint: EndpointSample, code: string) => Awaitable<string>) | false;
+    /**
+     * Generate code samples for endpoint.
+     */
+    generateCodeSamples?: (endpoint: EndpointSample) => Awaitable<CodeSample[]>;
+    shikiOptions?: Omit<CodeToHastOptionsCommon, 'lang'> & CodeOptionsThemes<BuiltinTheme>;
+    /**
+     * Show full response schema instead of only example response & Typescript definitions
+     */
+    showResponseSchema?: boolean;
+}
+export {};
+//# sourceMappingURL=types.d.ts.map

package/dist/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,WAAW,IAAI,IAAI,EAAE,MAAM,eAAe,CAAC;AACzD,OAAO,KAAK,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzD,OAAO,EAAE,KAAK,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClD,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAC;AACrD,OAAO,KAAK,EACV,YAAY,EACZ,iBAAiB,EACjB,uBAAuB,EACxB,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAClD,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAElE,MAAM,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC;AACrC,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;AACnD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;AACnD,MAAM,MAAM,yBAAyB,GAAG,IAAI,CAAC,yBAAyB,CAAC;AACvE,MAAM,MAAM,oBAAoB,GAAG,IAAI,CAAC,oBAAoB,CAAC;AAC7D,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,eAAe,CAAC;AACnD,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,cAAc,CAAC;AACjD,MAAM,MAAM,SAAS,GAAG,IAAI,CAAC,SAAS,CAAC;AACvC,MAAM,MAAM,YAAY,GAAG,WAAW,CAAC,IAAI,CAAC,YAAY,CAAC,CAAC;AAC1D,MAAM,MAAM,cAAc,GAAG,WAAW,CAAC,IAAI,CAAC,cAAc,CAAC,CAAC;AAE9D,MAAM,MAAM,iBAAiB,GAAG,WAAW,CAAC,eAAe,CAAC,GAAG;IAC7D,MAAM,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,KAAK,SAAS,CAAC,CAAC,IAAI,CAAC,GAAG,OAAO,CAAC,CAAC,CAAC,CAAC;AAEnC;;GAEG;AACH,MAAM,MAAM,cAAc,GAAG,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;AAElD,MAAM,WAAW,aAAa;IAC5B;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;IAElB,QAAQ,EAAE,QAAQ,CAAC;IAEnB,OAAO,EAAE,MAAM,CAAC;IAChB,OAAO,EAAE,YAAY,EAAE,CAAC;IAExB,OAAO,EAAE,OAAO,CAAC;IAEjB;;OAEG;IACH,MAAM,EAAE,iBAAiB,CAAC;IAE1B;;;;;;;OAOG;IACH,wBAAwB,CAAC,EACrB,CAAC,CAAC,QAAQ,EAAE,cAAc,EAAE,IAAI,EAAE,MAAM,KAAK,SAAS,CAAC,MAAM,CAAC,CAAC,GAC/D,KAAK,CAAC;IAEV;;OAEG;IACH,mBAAmB,CAAC,EAAE,CAAC,QAAQ,EAAE,cAAc,KAAK,SAAS,CAAC,UAAU,EAAE,CAAC,CAAC;IAE5E,YAAY,CAAC,EAAE,IAAI,CAAC,uBAAuB,EAAE,MAAM,CAAC,GAClD,iBAAiB,CAAC,YAAY,CAAC,CAAC;IAElC;;OAEG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B"}

package/dist/types.js

@@ -0,0 +1 @@
+export {};

package/dist/ui/client.d.ts

@@ -0,0 +1,22 @@
+import { type HTMLAttributes, type ReactNode } from 'react';
+import { type RootProps } from '../render/renderer.js';
+import type { RenderContext } from '../types.js';
+export declare const APIPlayground: import("react").ComponentType<import("../render/renderer.js").APIPlaygroundProps & {
+    fields?: {
+        auth?: import("./playground/index.js").CustomField<"authorization", import("../render/renderer.js").RequestSchema>;
+        path?: import("./playground/index.js").CustomField<`path.${string}`, import("../render/renderer.js").PrimitiveRequestField>;
+        query?: import("./playground/index.js").CustomField<`query.${string}`, import("../render/renderer.js").PrimitiveRequestField>;
+        header?: import("./playground/index.js").CustomField<`header.${string}`, import("../render/renderer.js").PrimitiveRequestField>;
+        body?: import("./playground/index.js").CustomField<"body", import("../render/renderer.js").RequestSchema>;
+    };
+    components?: Partial<{
+        ResultDisplay: import("react").FC<{
+            data: import("./playground/fetcher.js").FetchResult;
+        }>;
+    }>;
+} & HTMLAttributes<HTMLFormElement>>;
+export declare function Root({ children, baseUrl, className, shikiOptions, servers, ...props }: RootProps & {
+    shikiOptions: RenderContext['shikiOptions'];
+} & HTMLAttributes<HTMLDivElement>): ReactNode;
+export { useSchemaContext } from './contexts/schema.js';
+//# sourceMappingURL=client.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"client.d.ts","sourceRoot":"","sources":["../../src/ui/client.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAI5D,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,mBAAmB,CAAC;AACnD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,eAAO,MAAM,aAAa;;YAkCy4C,CAAC;YAAuD,CAAC;aAAiE,CAAC;cAAmE,CAAC;YAAkE,CAAC;;;;;;;oCAhCpqD,CAAC;AAEF,wBAAgB,IAAI,CAAC,EACnB,QAAQ,EACR,OAAO,EACP,SAAS,EACT,YAAY,EACZ,OAAO,EACP,GAAG,KAAK,EACT,EAAE,SAAS,GAAG;IACb,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;CAC7C,GAAG,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAkB7C;AAED,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/client.js

@@ -0,0 +1,10 @@
+'use client';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from 'fumadocs-ui/components/api';
+import dynamic from 'next/dynamic';
+import { ApiProvider } from '../ui/contexts/api.js';
+export const APIPlayground = dynamic(() => import('./playground/index.js').then((mod) => mod.APIPlayground));
+export function Root({ children, baseUrl, className, shikiOptions, servers, ...props }) {
+    return (_jsx("div", { className: cn('flex flex-col gap-24 text-sm text-fd-muted-foreground', className), ...props, children: _jsx(ApiProvider, { servers: servers, shikiOptions: shikiOptions, defaultBaseUrl: baseUrl, children: children }) }));
+}
+export { useSchemaContext } from './contexts/schema.js';

package/dist/ui/components/input.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+export type InputProps = React.InputHTMLAttributes<HTMLInputElement>;
+export declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const Input: React.ForwardRefExoticComponent<InputProps & React.RefAttributes<HTMLInputElement>>;
+export { Input };
+//# sourceMappingURL=input.d.ts.map

package/dist/ui/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../../src/ui/components/input.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,UAAU,GAAG,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,CAAC;AAErE,eAAO,MAAM,aAAa,oFAEzB,CAAC;AAEF,QAAA,MAAM,KAAK,qFAcV,CAAC;AAGF,OAAO,EAAE,KAAK,EAAE,CAAC"}

package/dist/ui/components/input.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { cn } from 'fumadocs-ui/components/api';
+import { cva } from 'class-variance-authority';
+export const labelVariants = cva('text-[13px] font-mono text-fd-card-foreground peer-disabled:cursor-not-allowed peer-disabled:opacity-70');
+const Input = React.forwardRef(({ className, type, ...props }, ref) => {
+    return (_jsx("input", { type: type, className: cn('flex h-9 w-full rounded-md border bg-transparent px-2 py-1.5 text-[13px] text-fd-foreground transition-colors placeholder:text-fd-muted-foreground focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-fd-ring disabled:cursor-not-allowed disabled:opacity-50', className), ref: ref, ...props }));
+});
+Input.displayName = 'Input';
+export { Input };

package/dist/ui/components/method-label.d.ts

@@ -0,0 +1,5 @@
+import type { HTMLAttributes } from 'react';
+export declare function MethodLabel({ children, ...props }: Omit<HTMLAttributes<HTMLSpanElement>, 'children'> & {
+    children: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=method-label.d.ts.map

package/dist/ui/components/method-label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"method-label.d.ts","sourceRoot":"","sources":["../../../src/ui/components/method-label.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AA8B5C,wBAAgB,WAAW,CAAC,EAC1B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,IAAI,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,UAAU,CAAC,GAAG;IACrD,QAAQ,EAAE,MAAM,CAAC;CAClB,2CAcA"}

package/dist/ui/components/method-label.js

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cva } from 'class-variance-authority';
+import { cn } from 'fumadocs-ui/components/api';
+const variants = cva('font-mono font-medium', {
+    variants: {
+        color: {
+            green: 'text-green-600 dark:text-green-400',
+            yellow: 'text-yellow-600 dark:text-yellow-400',
+            red: 'text-red-600 dark:text-red-400',
+            blue: 'text-blue-600 dark:text-blue-400',
+            orange: 'text-orange-600 dark:text-orange-400',
+        },
+    },
+});
+function getBadgeColor(method) {
+    switch (method.toUpperCase()) {
+        case 'PUT':
+            return 'yellow';
+        case 'PATCH':
+            return 'orange';
+        case 'POST':
+            return 'blue';
+        case 'DELETE':
+            return 'red';
+        default:
+            return 'green';
+    }
+}
+export function MethodLabel({ children, ...props }) {
+    return (_jsx("span", { ...props, className: cn(variants({
+            color: getBadgeColor(children),
+        }), props.className), children: children.toUpperCase() }));
+}

package/dist/ui/components/select.d.ts

@@ -0,0 +1,14 @@
+import * as SelectPrimitive from '@radix-ui/react-select';
+import React from 'react';
+declare const Select: React.FC<SelectPrimitive.SelectProps>;
+declare const SelectGroup: React.ForwardRefExoticComponent<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };
+//# sourceMappingURL=select.d.ts.map

package/dist/ui/components/select.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../src/ui/components/select.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,QAAA,MAAM,MAAM,uCAAuB,CAAC;AAEpC,QAAA,MAAM,WAAW,yGAAwB,CAAC;AAE1C,QAAA,MAAM,WAAW,0GAAwB,CAAC;AAE1C,QAAA,MAAM,aAAa,oKAiBjB,CAAC;AAGH,QAAA,MAAM,oBAAoB,qKAWxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAW1B,CAAC;AAIH,QAAA,MAAM,aAAa,8JAqBjB,CAAC;AAGH,QAAA,MAAM,WAAW,4JASf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAkBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKASnB,CAAC;AAGH,OAAO,EACL,MAAM,EACN,WAAW,EACX,WAAW,EACX,aAAa,EACb,aAAa,EACb,WAAW,EACX,UAAU,EACV,eAAe,EACf,oBAAoB,EACpB,sBAAsB,GACvB,CAAC"}

package/dist/ui/components/select.js

@@ -0,0 +1,24 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from '@radix-ui/react-select';
+import { Check, ChevronDown, ChevronUp } from 'lucide-react';
+import { forwardRef } from 'react';
+import { cn } from 'fumadocs-ui/components/api';
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Trigger, { ref: ref, className: cn('flex h-10 items-center w-full rounded-md border px-3 py-2 text-start text-[13px] text-fd-foreground hover:bg-fd-accent focus:outline-none focus:ring-2 focus:ring-fd-ring disabled:cursor-not-allowed disabled:opacity-50', className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "ms-auto size-4 text-fd-muted-foreground" }) })] })));
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, className: cn('flex items-center justify-center py-1', className), ...props, children: _jsx(ChevronUp, { className: "size-4" }) })));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, className: cn('flex items-center justify-center py-1', className), ...props, children: _jsx(ChevronDown, { className: "size-4" }) })));
+SelectScrollDownButton.displayName =
+    SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = forwardRef(({ className, children, position, ...props }, ref) => (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, className: cn('z-50 overflow-hidden rounded-lg border bg-fd-popover text-fd-popover-foreground shadow-md', className), position: position, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: "p-1", children: children }), _jsx(SelectScrollDownButton, {})] }) })));
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, className: cn('py-1.5 pe-2 ps-6 text-sm font-semibold', className), ...props })));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, className: cn('flex select-none flex-row items-center rounded-md py-1.5 pe-2 ps-6 text-[13px] outline-none focus:bg-fd-accent focus:text-fd-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50', className), ...props, children: [_jsx(SelectPrimitive.ItemIndicator, { className: "absolute start-2", children: _jsx(Check, { className: "size-4" }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, className: cn('my-1 h-px bg-fd-muted', className), ...props })));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectGroup, SelectValue, SelectTrigger, SelectContent, SelectLabel, SelectItem, SelectSeparator, SelectScrollUpButton, SelectScrollDownButton, };

package/dist/ui/components/variants.d.ts

@@ -0,0 +1,6 @@
+import { type VariantProps } from 'class-variance-authority';
+export declare const badgeVariants: (props?: ({
+    color?: "red" | "green" | "yellow" | "blue" | "orange" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare function getBadgeColor(method: string): VariantProps<typeof badgeVariants>['color'];
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/components/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/components/variants.ts"],"names":[],"mappings":"AAAA,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,eAAO,MAAM,aAAa;;8EAazB,CAAC;AAEF,wBAAgB,aAAa,CAC3B,MAAM,EAAE,MAAM,GACb,YAAY,CAAC,OAAO,aAAa,CAAC,CAAC,OAAO,CAAC,CAa7C"}

package/dist/ui/components/variants.js

@@ -0,0 +1,26 @@
+import { cva } from 'class-variance-authority';
+export const badgeVariants = cva('rounded-xl border px-1.5 py-1 text-xs font-medium leading-[12px]', {
+    variants: {
+        color: {
+            green: 'bg-green-400/20 text-green-600 dark:text-green-400',
+            yellow: 'bg-yellow-400/20 text-yellow-600 dark:text-yellow-400',
+            red: 'bg-red-400/20 text-red-600 dark:text-red-400',
+            blue: 'bg-blue-400/20 text-blue-600 dark:text-blue-400',
+            orange: 'bg-orange-400/20 text-orange-600 dark:text-orange-400',
+        },
+    },
+});
+export function getBadgeColor(method) {
+    switch (method) {
+        case 'PUT':
+            return 'yellow';
+        case 'PATCH':
+            return 'orange';
+        case 'POST':
+            return 'blue';
+        case 'DELETE':
+            return 'red';
+        default:
+            return 'green';
+    }
+}

package/dist/ui/contexts/api.d.ts

@@ -0,0 +1,28 @@
+import { type ReactNode, type RefObject } from 'react';
+import type { RenderContext, ServerObject } from '../../types.js';
+export interface ApiProviderProps {
+    /**
+     * Base URL for API requests
+     */
+    defaultBaseUrl?: string;
+    servers: ServerObject[];
+    shikiOptions: RenderContext['shikiOptions'];
+    children?: ReactNode;
+}
+interface SelectedServer {
+    url: string;
+    variables: Record<string, string>;
+}
+interface ApiContextType extends Omit<ApiProviderProps, 'children' | 'defaultBaseUrl'> {
+    serverRef: RefObject<SelectedServer | null>;
+}
+interface ServerSelectType {
+    server: SelectedServer | null;
+    setServer: (value: string) => void;
+    setServerVariables: (value: Record<string, string>) => void;
+}
+export declare function useApiContext(): ApiContextType;
+export declare function useServerSelectContext(): ServerSelectType;
+export declare function ApiProvider({ defaultBaseUrl, children, ...props }: ApiProviderProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=api.d.ts.map

package/dist/ui/contexts/api.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"api.d.ts","sourceRoot":"","sources":["../../../src/ui/contexts/api.tsx"],"names":[],"mappings":"AAAA,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,SAAS,EAMf,MAAM,OAAO,CAAC;AACf,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,SAAS,CAAC;AAE3D,MAAM,WAAW,gBAAgB;IAC/B;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IAExB,OAAO,EAAE,YAAY,EAAE,CAAC;IACxB,YAAY,EAAE,aAAa,CAAC,cAAc,CAAC,CAAC;IAE5C,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,UAAU,cAAc;IACtB,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;CACnC;AAED,UAAU,cACR,SAAQ,IAAI,CAAC,gBAAgB,EAAE,UAAU,GAAG,gBAAgB,CAAC;IAC7D,SAAS,EAAE,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;CAC7C;AAED,UAAU,gBAAgB;IACxB,MAAM,EAAE,cAAc,GAAG,IAAI,CAAC;IAC9B,SAAS,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,kBAAkB,EAAE,CAAC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KAAK,IAAI,CAAC;CAC7D;AAOD,wBAAgB,aAAa,IAAI,cAAc,CAK9C;AAED,wBAAgB,sBAAsB,IAAI,gBAAgB,CAKzD;AAED,wBAAgB,WAAW,CAAC,EAC1B,cAAc,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,gBAAgB,2CA0ElB"}

package/dist/ui/contexts/api.js

@@ -0,0 +1,74 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useEffect, useMemo, useRef, useState, } from 'react';
+const ApiContext = createContext(undefined);
+const ServerSelectContext = createContext(undefined);
+export function useApiContext() {
+    const ctx = useContext(ApiContext);
+    if (!ctx)
+        throw new Error('Component must be used under <ApiProvider />');
+    return ctx;
+}
+export function useServerSelectContext() {
+    const ctx = useContext(ServerSelectContext);
+    if (!ctx)
+        throw new Error('Component must be used under <ApiProvider />');
+    return ctx;
+}
+export function ApiProvider({ defaultBaseUrl, children, ...props }) {
+    const [server, setServer] = useState(() => {
+        const defaultItem = defaultBaseUrl
+            ? props.servers.find((item) => item.url === defaultBaseUrl)
+            : undefined;
+        return defaultItem
+            ? {
+                url: defaultItem.url,
+                variables: getDefaultValues(defaultItem),
+            }
+            : null;
+    });
+    const serverRef = useRef(server);
+    serverRef.current = server;
+    useEffect(() => {
+        const cached = localStorage.getItem('apiBaseUrl');
+        if (!cached)
+            return;
+        try {
+            const obj = JSON.parse(cached);
+            if (!obj || typeof obj !== 'object')
+                return;
+            setServer(obj);
+        }
+        catch {
+            // ignore
+        }
+    }, []);
+    return (_jsx(ApiContext.Provider, { value: useMemo(() => ({
+            ...props,
+            serverRef,
+        }), [props]), children: _jsx(ServerSelectContext.Provider, { value: useMemo(() => ({
+                server,
+                setServerVariables(variables) {
+                    setServer((prev) => {
+                        if (!prev)
+                            return null;
+                        const updated = { ...prev, variables };
+                        localStorage.setItem('apiBaseUrl', JSON.stringify(updated));
+                        return updated;
+                    });
+                },
+                setServer(value) {
+                    const obj = props.servers.find((item) => item.url === value);
+                    if (!obj)
+                        return;
+                    const result = {
+                        url: value,
+                        variables: getDefaultValues(obj),
+                    };
+                    localStorage.setItem('apiBaseUrl', JSON.stringify(result));
+                    setServer(result);
+                },
+            }), [server, props.servers]), children: children }) }));
+}
+function getDefaultValues(server) {
+    return Object.fromEntries(Object.entries(server.variables ?? {}).map(([k, v]) => [k, v.default]));
+}

package/dist/ui/contexts/schema.d.ts

@@ -0,0 +1,17 @@
+import { type RefObject } from 'react';
+import { type ReferenceSchema, type RequestSchema } from '../../render/playground.js';
+interface SchemaContextType {
+    references: Record<string, RequestSchema>;
+    dynamic: RefObject<Map<string, DynamicField>>;
+}
+export type DynamicField = {
+    type: 'object';
+    properties: string[];
+} | {
+    type: 'field';
+    schema: RequestSchema | ReferenceSchema;
+};
+export declare const SchemaContext: import("react").Context<SchemaContextType | undefined>;
+export declare function useSchemaContext(): SchemaContextType;
+export {};
+//# sourceMappingURL=schema.d.ts.map

package/dist/ui/contexts/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/ui/contexts/schema.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAiB,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAClE,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAE/E,UAAU,iBAAiB;IACzB,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IAC1C,OAAO,EAAE,SAAS,CAAC,GAAG,CAAC,MAAM,EAAE,YAAY,CAAC,CAAC,CAAC;CAC/C;AAED,MAAM,MAAM,YAAY,GACpB;IACE,IAAI,EAAE,QAAQ,CAAC;IACf,UAAU,EAAE,MAAM,EAAE,CAAC;CACtB,GACD;IACE,IAAI,EAAE,OAAO,CAAC;IACd,MAAM,EAAE,aAAa,GAAG,eAAe,CAAC;CACzC,CAAC;AAEN,eAAO,MAAM,aAAa,wDAEzB,CAAC;AAEF,wBAAgB,gBAAgB,IAAI,iBAAiB,CAIpD"}

package/dist/ui/contexts/schema.js

@@ -0,0 +1,8 @@
+import { createContext, useContext } from 'react';
+export const SchemaContext = createContext(undefined);
+export function useSchemaContext() {
+    const ctx = useContext(SchemaContext);
+    if (!ctx)
+        throw new Error('Missing provider');
+    return ctx;
+}