zudoku 0.0.0-fed343e → 0.0.0-ff27e7ea

package/dist/lib/plugins/openapi/playground/Headers.js

@@ -1,15 +1,56 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { XIcon } from "lucide-react";
-import { useFieldArray } from "react-hook-form";
-import { Button } from "../../../ui/Button.js";
-import { Input } from "../../../ui/Input.js";
-export const Headers = ({ control, register, }) => {
-    const { fields, append, remove } = useFieldArray({
+import { CircleAlertIcon, LockIcon, TableOfContentsIcon } from "lucide-react";
+import { useFormContext } from "react-hook-form";
+import { Checkbox } from "zudoku/ui/Checkbox.js";
+import { Collapsible, CollapsibleContent } from "zudoku/ui/Collapsible.js";
+import { Tooltip, TooltipContent, TooltipTrigger } from "zudoku/ui/Tooltip.js";
+import { Autocomplete } from "../../../components/Autocomplete.js";
+import { cn } from "../../../util/cn.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
+import ParamsGrid, { ParamsGridInput, ParamsGridItem, ParamsGridRemoveButton, } from "./ParamsGrid.js";
+import { useKeyValueFieldManager } from "./request-panel/useKeyValueFieldManager.js";
+// biome-ignore format: Easier to read
+const headerOptions = Object.freeze([
+    "Accept", "Accept-Encoding", "Accept-Language", "Authorization", "Cache-Control", "Connection",
+    "Content-Disposition", "Content-Encoding", "Content-Language", "Content-Length", "Content-Range",
+    "Content-Security-Policy", "Content-Type", "Cookie", "Date", "ETag", "Expires", "Host",
+    "If-Modified-Since", "Location", "Origin", "Pragma", "Referer", "Set-Cookie", "User-Agent",
+    "X-Requested-With",
+]);
+export const Headers = ({ control, schemaHeaders, lockedHeaders, }) => {
+    const { watch, formState } = useFormContext();
+    const watchedHeaders = watch("headers");
+    const manager = useKeyValueFieldManager({
         control,
         name: "headers",
+        defaultValue: { name: "", value: "", active: false },
     });
-    return (_jsxs("div", { className: "flex flex-col gap-2", children: [_jsx("table", { className: "w-full [&_td]:border [&_td]:p-1.5 [&_td]:px-2", children: _jsx("tbody", { children: fields.map((header, i) => (_jsxs("tr", { className: "group has-[:focus]:bg-muted/50 hover:bg-muted/50", children: [_jsx("td", { className: "flex gap-2 items-center", children: _jsx(Input, { ...register(`headers.${i}.name`), placeholder: "Name", className: "border-0 shadow-none text-xs font-mono", autoComplete: "off" }) }), _jsx("td", { children: _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { placeholder: "Value", className: "border-0 shadow-none text-xs font-mono", ...register(`headers.${i}.value`), autoComplete: "off" }), _jsx(Button, { size: "icon", variant: "ghost", className: "text-muted-foreground opacity-0 group-hover:opacity-100", onClick: () => {
-                                                remove(i);
-                                            }, type: "button", children: _jsx(XIcon, { size: 16 }) })] }) })] }, header.id))) }) }), _jsx("div", { className: "text-end", children: _jsx(Button, { className: "", onClick: () => append({ name: "", value: "" }), type: "button", children: "Add header" }) })] }));
+    const missingHeaders = schemaHeaders
+        .filter((h) => !watchedHeaders.some((f) => f.name === h.name))
+        .map(({ name }) => name);
+    const hiddenHeadersIndex = manager.fields.flatMap((f, index) => {
+        const keep = !lockedHeaders
+            ?.map((h) => h.toLowerCase())
+            .includes(f.name.toLowerCase());
+        return keep ? [] : [index];
+    });
+    const lockedHeaderFields = lockedHeaders?.map((h) => ({
+        name: h,
+        id: `locked-${h}`,
+        value: "••••••••••",
+        active: true,
+        locked: true,
+    })) ?? [];
+    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(TableOfContentsIcon, { size: 14 }), _jsx(CollapsibleHeader, { children: "Headers" })] }), _jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx("div", { className: "flex flex-col gap-2", children: _jsx("div", { className: "overflow-hidden", children: _jsxs(ParamsGrid, { children: [lockedHeaderFields.map((field) => (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(ParamsGridItem, { className: "opacity-50 cursor-not-allowed font-mono text-xs min-h-10", children: [_jsx(LockIcon, { size: 16 }), _jsx(ParamsGridInput, { value: field.name, disabled: true }), _jsx("div", { children: field.value })] }, field.id) }), _jsx(TooltipContent, { alignOffset: 10, side: "bottom", align: "start", children: _jsx("p", { children: "This header is set by the selected authentication." }) })] }, field.id))), manager.fields.map((field, i) => {
+                                    const currentSchemaHeader = schemaHeaders.find((h) => h.name === watchedHeaders.at(i)?.name);
+                                    const hasEnum = currentSchemaHeader?.enum &&
+                                        currentSchemaHeader.enum.length > 0;
+                                    const isHidden = hiddenHeadersIndex.includes(i);
+                                    const nameInputProps = manager.getNameInputProps(i);
+                                    const valueInputProps = manager.getValueInputProps(i);
+                                    return (_jsxs(ParamsGridItem, { className: cn(isHidden && "text-amber-600", isHidden &&
+                                            !formState.dirtyFields.headers?.[i]?.value &&
+                                            "hidden"), children: [_jsx(Checkbox, { className: cn(isHidden && "hidden"), ...manager.getCheckboxProps(i) }), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsx(CircleAlertIcon, { className: cn("text-amber-600", !isHidden && "hidden"), size: 16 }) }), _jsx(TooltipContent, { alignOffset: 10, side: "bottom", align: "start", children: _jsx("p", { children: "This header will be overwritten by the selected authentication." }) })] }), _jsx(ParamsGridInput, { asChild: true, children: _jsx(Autocomplete, { ...nameInputProps, value: String(manager.getValue(i, "name")), placeholder: "Name", options: [...missingHeaders, ...headerOptions], onChange: (v) => manager.setValue(i, "name", v), onSelect: (v) => manager.setValue(i, "name", v, { focus: "next" }) }) }), _jsxs("div", { className: "flex items-center gap-2", children: [!hasEnum ? (_jsx(ParamsGridInput, { placeholder: "Value", autoComplete: "off", ...valueInputProps })) : (_jsx(ParamsGridInput, { asChild: true, children: _jsx(Autocomplete, { ...valueInputProps, value: String(manager.getValue(i, "value")), shouldFilter: false, options: currentSchemaHeader.enum ?? [], onChange: (v) => manager.setValue(i, "value", v), onSelect: (v) => manager.setValue(i, "value", v, { focus: "next" }) }) })), _jsx(ParamsGridRemoveButton, { ...manager.getRemoveButtonProps(i) })] })] }, field.id));
+                                })] }) }) }) })] }));
 };
 //# sourceMappingURL=Headers.js.map

package/dist/lib/plugins/openapi/playground/Headers.js.map

@@ -1 +1 @@
-{"version":3,"file":"Headers.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/Headers.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAW,aAAa,EAAmB,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAG7C,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,OAAO,EACP,QAAQ,GAIT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAiB;QAC/D,OAAO;QACP,IAAI,EAAE,SAAS;KAChB,CAAC,CAAC;IAEH,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,gBAAO,SAAS,EAAC,+CAA+C,YAC9D,0BACG,MAAM,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CACzB,cAEE,SAAS,EAAC,kDAAkD,aAE5D,aAAI,SAAS,EAAC,yBAAyB,YACrC,KAAC,KAAK,OACA,QAAQ,CAAC,WAAW,CAAC,OAAO,CAAC,EACjC,WAAW,EAAC,MAAM,EAClB,SAAS,EAAC,wCAAwC,EAClD,YAAY,EAAC,KAAK,GAClB,GACC,EACL,uBACE,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,KAAK,IACJ,WAAW,EAAE,OAAO,EACpB,SAAS,EAAC,wCAAwC,KAC9C,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,EAClC,YAAY,EAAC,KAAK,GAClB,EACF,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,OAAO,EAAC,OAAO,EACf,SAAS,EAAC,yDAAyD,EACnE,OAAO,EAAE,GAAG,EAAE;gDACZ,MAAM,CAAC,CAAC,CAAC,CAAC;4CACZ,CAAC,EACD,IAAI,EAAC,QAAQ,YAEb,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,IACL,GACH,KA/BA,MAAM,CAAC,EAAE,CAgCX,CACN,CAAC,GACI,GACF,EACR,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,MAAM,IACL,SAAS,EAAC,EAAE,EACZ,OAAO,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,EAC9C,IAAI,EAAC,QAAQ,2BAGN,GACL,IACF,CACP,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"Headers.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/Headers.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/playground/IdentityDialog.d.ts

@@ -0,0 +1,11 @@
+import type { ApiIdentity } from "../../../core/ZudokuContext.js";
+declare const IdentityDialog: ({ onSubmit, identities, open, onOpenChange, }: {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    onSubmit: ({ rememberedIdentity, identity, }: {
+        rememberedIdentity: boolean;
+        identity?: string;
+    }) => void;
+    identities: ApiIdentity[];
+}) => import("react/jsx-runtime").JSX.Element;
+export { IdentityDialog };

package/dist/lib/plugins/openapi/playground/IdentityDialog.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Button } from "zudoku/ui/Button.js";
+import { Card } from "zudoku/ui/Card.js";
+import { Checkbox } from "zudoku/ui/Checkbox.js";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogTitle, } from "zudoku/ui/Dialog.js";
+import { Label } from "zudoku/ui/Label.js";
+import IdentitySelector from "./IdentitySelector.js";
+const IdentityDialog = ({ onSubmit, identities, open, onOpenChange, }) => {
+    const [identity, setIdentity] = useState(undefined);
+    const [rememberedIdentity, setRememberedIdentity] = useState(false);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { children: [_jsx(DialogTitle, { children: "Select an auth identity" }), _jsx(DialogDescription, { children: "Please select an identity for this request." }), _jsx(Card, { className: "max-h-80 overflow-auto", children: _jsx(IdentitySelector, { identities: identities, setValue: setIdentity, value: identity }) }), _jsxs(DialogFooter, { className: "flex flex-col gap-2", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Checkbox, { id: "remember", checked: rememberedIdentity, onCheckedChange: (checked) => setRememberedIdentity(checked === "indeterminate" ? false : !!checked) }), _jsx(Label, { htmlFor: "remember", children: "Remember my choice" })] }), _jsx(Button, { onClick: () => onSubmit({ identity: identity, rememberedIdentity }), children: "Send" })] })] }) }));
+};
+export { IdentityDialog };
+//# sourceMappingURL=IdentityDialog.js.map

package/dist/lib/plugins/openapi/playground/IdentityDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentityDialog.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/IdentityDialog.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,IAAI,EAAE,MAAM,mBAAmB,CAAC;AACzC,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EACL,MAAM,EACN,aAAa,EACb,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAE3C,OAAO,gBAAgB,MAAM,uBAAuB,CAAC;AAErD,MAAM,cAAc,GAAG,CAAC,EACtB,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,YAAY,GAYb,EAAE,EAAE;IACH,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAqB,SAAS,CAAC,CAAC;IACxE,MAAM,CAAC,kBAAkB,EAAE,qBAAqB,CAAC,GAAG,QAAQ,CAAU,KAAK,CAAC,CAAC;IAE7E,OAAO,CACL,KAAC,MAAM,IAAC,IAAI,EAAE,IAAI,EAAE,YAAY,EAAE,YAAY,YAC5C,MAAC,aAAa,eACZ,KAAC,WAAW,0CAAsC,EAClD,KAAC,iBAAiB,8DAEE,EACpB,KAAC,IAAI,IAAC,SAAS,EAAC,wBAAwB,YACtC,KAAC,gBAAgB,IACf,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,WAAW,EACrB,KAAK,EAAE,QAAQ,GACf,GACG,EACP,MAAC,YAAY,IAAC,SAAS,EAAC,qBAAqB,aAC3C,eAAK,SAAS,EAAC,yBAAyB,aACtC,KAAC,QAAQ,IACP,EAAE,EAAC,UAAU,EACb,OAAO,EAAE,kBAAkB,EAC3B,eAAe,EAAE,CAAC,OAAO,EAAE,EAAE,CAC3B,qBAAqB,CACnB,OAAO,KAAK,eAAe,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,OAAO,CAChD,GAEH,EACF,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,mCAA2B,IAChD,EAEN,KAAC,MAAM,IACL,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,kBAAkB,EAAE,CAAC,qBAG5D,IACI,IACD,GACT,CACV,CAAC;AACJ,CAAC,CAAC;AAEF,OAAO,EAAE,cAAc,EAAE,CAAC"}

package/dist/lib/plugins/openapi/playground/IdentitySelector.d.ts

@@ -0,0 +1,7 @@
+import type { ApiIdentity } from "../../../core/ZudokuContext.js";
+declare const IdentitySelector: ({ identities, setValue, value, }: {
+    identities?: ApiIdentity[];
+    setValue: (value: string) => void;
+    value?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default IdentitySelector;

package/dist/lib/plugins/openapi/playground/IdentitySelector.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Label } from "zudoku/ui/Label.js";
+import { RadioGroup, RadioGroupItem } from "zudoku/ui/RadioGroup.js";
+import { NO_IDENTITY } from "./Playground.js";
+const IdentitySelector = ({ identities, setValue, value, }) => (_jsx("div", { className: "w-full overflow-hidden", children: _jsx(RadioGroup, { onValueChange: (value) => setValue(value), value: value, defaultValue: NO_IDENTITY, className: "gap-0", disabled: identities?.length === 0, children: [{ id: NO_IDENTITY, label: "None" }, ...(identities ?? [])].map((identity) => (_jsxs(Label, { className: "h-10 items-center border-b font-normal flex gap-4 p-4 cursor-pointer hover:bg-accent/75", children: [_jsx(RadioGroupItem, { value: identity.id, id: identity.id }), _jsx("span", { children: identity.label })] }, identity.id))) }) }));
+export default IdentitySelector;
+//# sourceMappingURL=IdentitySelector.js.map

package/dist/lib/plugins/openapi/playground/IdentitySelector.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IdentitySelector.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/IdentitySelector.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAErE,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAE9C,MAAM,gBAAgB,GAAG,CAAC,EACxB,UAAU,EACV,QAAQ,EACR,KAAK,GAKN,EAAE,EAAE,CAAC,CACJ,cAAK,SAAS,EAAC,wBAAwB,YACrC,KAAC,UAAU,IACT,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,QAAQ,CAAC,KAAK,CAAC,EACzC,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,WAAW,EACzB,SAAS,EAAC,OAAO,EACjB,QAAQ,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC,YAEjC,CAAC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,GAAG,CAAC,UAAU,IAAI,EAAE,CAAC,CAAC,CAAC,GAAG,CAC9D,CAAC,QAAQ,EAAE,EAAE,CAAC,CACZ,MAAC,KAAK,IAEJ,SAAS,EAAC,yFAAyF,aAEnG,KAAC,cAAc,IAAC,KAAK,EAAE,QAAQ,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,CAAC,EAAE,GAAI,EACvD,yBAAO,QAAQ,CAAC,KAAK,GAAQ,KAJxB,QAAQ,CAAC,EAAE,CAKV,CACT,CACF,GACU,GACT,CACP,CAAC;AAEF,eAAe,gBAAgB,CAAC"}

package/dist/lib/plugins/openapi/playground/ParamsGrid.d.ts

@@ -0,0 +1,17 @@
+declare const ParamsGrid: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    className?: import("clsx").ClassValue;
+    asChild?: boolean;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ParamsGridItem: import("react").ForwardRefExoticComponent<Omit<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    className?: import("clsx").ClassValue;
+    asChild?: boolean;
+}, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+export declare const ParamsGridInput: import("react").ForwardRefExoticComponent<Omit<import("react").InputHTMLAttributes<HTMLInputElement> & import("react").RefAttributes<HTMLInputElement> & {
+    className?: import("clsx").ClassValue;
+    asChild?: boolean;
+}, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export declare const ParamsGridRemoveButton: ({ onClick, className, }: {
+    onClick: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    className?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ParamsGrid;

package/dist/lib/plugins/openapi/playground/ParamsGrid.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { XIcon } from "lucide-react";
+import { Button } from "zudoku/components";
+import { Input } from "zudoku/ui/Input.js";
+import { cn } from "../../../util/cn.js";
+import createVariantComponent from "../../../util/createVariantComponent.js";
+const ParamsGrid = createVariantComponent("div", "grid grid-cols-[min-content_2fr_3fr] items-center gap-x-5 [&>*:last-child_[data-slot=remove-button]]:invisible");
+export const ParamsGridItem = createVariantComponent("div", "group h-9 hover:bg-accent/75 ps-4 pe-2 grid col-span-full grid-cols-subgrid items-center border-b");
+export const ParamsGridInput = createVariantComponent(Input, "w-full truncate border-0 p-0 m-0 shadow-none text-xs focus-visible:ring-0 font-mono");
+export const ParamsGridRemoveButton = ({ onClick, className, }) => (_jsx(Button, { size: "icon-xs", variant: "ghost", className: cn("text-muted-foreground opacity-0 group-hover:brightness-95 focus-visible:opacity-100 group-hover:opacity-100", className), onClick: onClick, type: "button", "data-slot": "remove-button", children: _jsx(XIcon, { size: 14 }) }));
+export default ParamsGrid;
+//# sourceMappingURL=ParamsGrid.js.map

package/dist/lib/plugins/openapi/playground/ParamsGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParamsGrid.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/ParamsGrid.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,cAAc,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,KAAK,EAAE,MAAM,oBAAoB,CAAC;AAC3C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,sBAAsB,MAAM,yCAAyC,CAAC;AAE7E,MAAM,UAAU,GAAG,sBAAsB,CACvC,KAAK,EACL,gHAAgH,CACjH,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAG,sBAAsB,CAClD,KAAK,EACL,mGAAmG,CACpG,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAG,sBAAsB,CACnD,KAAK,EACL,qFAAqF,CACtF,CAAC;AAEF,MAAM,CAAC,MAAM,sBAAsB,GAAG,CAAC,EACrC,OAAO,EACP,SAAS,GAIV,EAAE,EAAE,CAAC,CACJ,KAAC,MAAM,IACL,IAAI,EAAC,SAAS,EACd,OAAO,EAAC,OAAO,EACf,SAAS,EAAE,EAAE,CACX,6GAA6G,EAC7G,SAAS,CACV,EACD,OAAO,EAAE,OAAO,EAChB,IAAI,EAAC,QAAQ,eAEH,eAAe,YAEzB,KAAC,KAAK,IAAC,IAAI,EAAE,EAAE,GAAI,GACZ,CACV,CAAC;AAEF,eAAe,UAAU,CAAC"}

package/dist/lib/plugins/openapi/playground/PathParams.d.ts

@@ -1,5 +1,6 @@
-import { Control } from "react-hook-form";
+import { type Control } from "react-hook-form";
 import type { PlaygroundForm } from "./Playground.js";
-export declare const PathParams: ({ control, }: {
+export declare const PathParams: ({ control, url, }: {
     control: Control<PlaygroundForm>;
+    url: string;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/PathParams.js

@@ -1,17 +1,13 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { EraserIcon } from "lucide-react";
 import { Controller, useFieldArray } from "react-hook-form";
-import { Button } from "../../../ui/Button.js";
-import { Input } from "../../../ui/Input.js";
-import { cn } from "../../../util/cn.js";
 import { ColorizedParam } from "../ColorizedParam.js";
-export const PathParams = ({ control, }) => {
+import ParamsGrid, { ParamsGridInput, ParamsGridItem } from "./ParamsGrid.js";
+export const PathParams = ({ control, url, }) => {
     const { fields } = useFieldArray({
         control,
         name: "pathParams",
     });
-    return (_jsx("table", { className: "w-full table-auto [&_td]:border [&_td]:py-1 [&_td]:px-2", children: _jsx("tbody", { children: fields.map((part, i) => (_jsxs("tr", { className: "hover:bg-accent/40", children: [_jsx("td", { children: _jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsxs("div", { children: [_jsx(ColorizedParam, { slug: part.name, name: part.name, backgroundOpacity: "25%", borderOpacity: field.value ? "100%" : "0", className: cn("font-mono text-xs m-2", !field.value && "opacity-60") }), "*"] })) }) }), _jsx("td", { children: _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsx(Input, { ...field, placeholder: "Enter value", className: "border-0 shadow-none ring-0 font-mono text-xs" })) }), _jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsx(Button, { size: "icon", type: "button", variant: "ghost", "aria-label": "Clear value", className: cn("ms-2", field.value.length === 0
-                                            ? "opacity-0 pointer-events-none"
-                                            : "opacity-100"), title: "Clear value", onClick: () => field.onChange(""), children: _jsx(EraserIcon, { size: 16 }) })) })] }) })] }, part.id))) }) }));
+    const sortedFields = [...fields].sort((a, b) => url.indexOf(`{${a.name}}`) - url.indexOf(`{${b.name}}`));
+    return (_jsx(ParamsGrid, { children: sortedFields.map((field, i) => (_jsxs(ParamsGridItem, { children: [_jsx(Controller, { control: control, name: `pathParams.${i}.name`, render: () => (_jsx("div", { className: "flex items-center", children: _jsx(ColorizedParam, { slug: field.name, name: field.name, className: "font-mono text-xs px-2" }) })) }), _jsx("div", { className: "flex justify-between items-center col-span-2", children: _jsx(Controller, { control: control, name: `pathParams.${i}.value`, render: ({ field }) => (_jsx(ParamsGridInput, { ...field, required: true, placeholder: "Value" })) }) })] }, field.id))) }));
 };
 //# sourceMappingURL=PathParams.js.map

package/dist/lib/plugins/openapi/playground/PathParams.js.map

@@ -1 +1 @@
-{"version":3,"file":"PathParams.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/PathParams.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAW,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAC7C,OAAO,EAAE,EAAE,EAAE,MAAM,qBAAqB,CAAC;AACzC,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAGtD,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,GAGR,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAAiB;QAC/C,OAAO;QACP,IAAI,EAAE,YAAY;KACnB,CAAC,CAAC;IAEH,OAAO,CACL,gBAAO,SAAS,EAAC,yDAAyD,YACxE,0BACG,MAAM,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC,EAAE,EAAE,CAAC,CACvB,cAAkB,SAAS,EAAC,oBAAoB,aAC9C,uBACE,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,0BACE,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,IAAI,EAAE,IAAI,CAAC,IAAI,EACf,iBAAiB,EAAC,KAAK,EACvB,aAAa,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,GAAG,EACzC,SAAS,EAAE,EAAE,CACX,uBAAuB,EACvB,CAAC,KAAK,CAAC,KAAK,IAAI,YAAY,CAC7B,GACD,SAEE,CACP,GACD,GACC,EACL,uBACE,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,KAAK,OACA,KAAK,EACT,WAAW,EAAC,aAAa,EACzB,SAAS,EAAC,+CAA+C,GACzD,CACH,GACD,EACF,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,MAAM,IACL,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,QAAQ,EACb,OAAO,EAAC,OAAO,gBACJ,aAAa,EACxB,SAAS,EAAE,EAAE,CACX,MAAM,EACN,KAAK,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC;4CACtB,CAAC,CAAC,+BAA+B;4CACjC,CAAC,CAAC,aAAa,CAClB,EACD,KAAK,EAAC,aAAa,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,YAEjC,KAAC,UAAU,IAAC,IAAI,EAAE,EAAE,GAAI,GACjB,CACV,GACD,IACE,GACH,KA1DE,IAAI,CAAC,EAAE,CA2DX,CACN,CAAC,GACI,GACF,CACT,CAAC;AACJ,CAAC,CAAC"}
+{"version":3,"file":"PathParams.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/PathParams.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAgB,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAC1E,OAAO,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AACtD,OAAO,UAAU,EAAE,EAAE,eAAe,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAG9E,MAAM,CAAC,MAAM,UAAU,GAAG,CAAC,EACzB,OAAO,EACP,GAAG,GAIJ,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,GAAG,aAAa,CAA+B;QAC7D,OAAO;QACP,IAAI,EAAE,YAAY;KACnB,CAAC,CAAC;IAEH,MAAM,YAAY,GAAG,CAAC,GAAG,MAAM,CAAC,CAAC,IAAI,CACnC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,GAAG,GAAG,CAAC,OAAO,CAAC,IAAI,CAAC,CAAC,IAAI,GAAG,CAAC,CAClE,CAAC;IAEF,OAAO,CACL,KAAC,UAAU,cACR,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,CAAC,EAAE,EAAE,CAAC,CAC9B,MAAC,cAAc,eACb,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,OAAO,EAC5B,MAAM,EAAE,GAAG,EAAE,CAAC,CACZ,cAAK,SAAS,EAAC,mBAAmB,YAChC,KAAC,cAAc,IACb,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,SAAS,EAAC,wBAAwB,GAClC,GACE,CACP,GACD,EAEF,cAAK,SAAS,EAAC,8CAA8C,YAC3D,KAAC,UAAU,IACT,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,cAAc,CAAC,QAAQ,EAC7B,MAAM,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,EAAE,CAAC,CACrB,KAAC,eAAe,OAAK,KAAK,EAAE,QAAQ,QAAC,WAAW,EAAC,OAAO,GAAG,CAC5D,GACD,GACE,KAvBa,KAAK,CAAC,EAAE,CAwBZ,CAClB,CAAC,GACS,CACd,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/Playground.d.ts

@@ -1,13 +1,20 @@
+import type { MediaTypeObject } from "../graphql/graphql.js";
 export declare const NO_IDENTITY = "__none";
 export type Header = {
     name: string;
     defaultValue?: string;
+    defaultActive?: boolean;
+    isRequired?: boolean;
+    enum?: string[];
+    type?: string;
 };
 export type QueryParam = {
     name: string;
     defaultValue?: string;
     defaultActive?: boolean;
     isRequired?: boolean;
+    enum?: string[];
+    type?: string;
 };
 export type PathParam = {
     name: string;
@@ -16,10 +23,18 @@ export type PathParam = {
 };
 export type PlaygroundForm = {
     body: string;
+    bodyMode?: "text" | "file" | "multipart";
+    file?: File | null;
+    multipartFormFields: Array<{
+        name: string;
+        value: File | string;
+        active: boolean;
+    }>;
     queryParams: Array<{
         name: string;
         value: string;
         active: boolean;
+        enum?: string[];
     }>;
     pathParams: Array<{
         name: string;
@@ -28,17 +43,40 @@ export type PlaygroundForm = {
     headers: Array<{
         name: string;
         value: string;
+        active: boolean;
+        enum?: string[];
     }>;
     identity?: string;
 };
+export type PlaygroundResult = {
+    status: number;
+    headers: Array<[string, string]>;
+    size: number;
+    body: string;
+    time: number;
+    isBinary?: boolean;
+    fileName?: string;
+    blob?: Blob;
+    request: {
+        method: string;
+        url: string;
+        headers: Array<[string, string]>;
+        body?: string;
+    };
+};
 export type PlaygroundContentProps = {
-    server: string;
+    server?: string;
+    servers?: string[];
     url: string;
     method: string;
     headers?: Header[];
     queryParams?: QueryParam[];
     pathParams?: PathParam[];
     defaultBody?: string;
+    examples?: MediaTypeObject[];
+    requiresLogin?: boolean;
+    onLogin?: () => void;
+    onSignUp?: () => void;
 };
-export declare const Playground: ({ server, url, method, headers, queryParams, pathParams, defaultBody, }: PlaygroundContentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Playground: ({ server, servers, url, method, headers, queryParams, pathParams, defaultBody, examples, requiresLogin, onLogin, onSignUp, }: PlaygroundContentProps) => import("react/jsx-runtime").JSX.Element;
 export default Playground;