zudoku 0.0.0-e097cbb → 0.0.0-e0ffac16

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

@@ -1,37 +1,52 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { PlusCircleIcon, Unlink2Icon, XIcon } from "lucide-react";
+import { useEffect } from "react";
 import { Controller, useFieldArray, useFormContext, } from "react-hook-form";
-import { Card } from "zudoku/ui/Card.js";
+import { Button } from "zudoku/ui/Button.js";
 import { Checkbox } from "zudoku/ui/Checkbox.js";
+import { Collapsible, CollapsibleContent } from "zudoku/ui/Collapsible.js";
 import { Autocomplete } from "../../../components/Autocomplete.js";
 import { Input } from "../../../ui/Input.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "./CollapsibleHeader.js";
 import { InlineInput } from "./InlineInput.js";
 import ParamsGrid, { ParamsGridItem } from "./ParamsGrid.js";
-export const QueryParams = ({ control, queryParams, }) => {
-    const { fields } = useFieldArray({
+export const QueryParams = ({ control, schemaQueryParams, }) => {
+    const { fields, remove, append } = useFieldArray({
         control,
         name: "queryParams",
     });
-    const form = useFormContext();
-    const requiredFields = queryParams.map((param) => Boolean(param.isRequired));
-    return (_jsx(Card, { className: "rounded-lg", children: _jsx("div", { className: "w-full ", children: _jsx(ParamsGrid, { children: fields.map((field, i) => {
-                    const currentParam = queryParams.find((param) => param.name === form.watch(`queryParams.${i}.name`));
-                    return (_jsxs(ParamsGridItem, { children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Controller, { control: control, name: `queryParams.${i}.active`, render: ({ field }) => (_jsx(Checkbox, { id: `queryParams.${i}.active`, className: "mr-2", checked: field.value, onCheckedChange: field.onChange })) }), _jsx(Controller, { control: control, render: ({ field }) => !requiredFields[i] ? (_jsx(Autocomplete, { value: field.value, options: queryParams.map((param) => param.name), onChange: (e) => {
+    const { setValue, getValues, watch } = useFormContext();
+    const watchedQueryParams = watch("queryParams");
+    useEffect(() => {
+        if (watchedQueryParams.length === 0) {
+            append({ name: "", value: "", active: false }, { shouldFocus: true });
+        }
+    }, [watchedQueryParams, append]);
+    const requiredFields = schemaQueryParams.map((param) => Boolean(param.isRequired));
+    return (_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(Unlink2Icon, { size: 16 }), _jsx(CollapsibleHeader, { children: "Query Parameters" }), _jsxs(Button, { onClick: () => {
+                            setValue("queryParams", [
+                                ...getValues("queryParams"),
+                                { name: "", value: "", active: false },
+                            ]);
+                        }, type: "button", size: "sm", variant: "ghost", className: "hover:bg-accent hover:brightness-95 flex gap-2", children: ["Add parameter ", _jsx(PlusCircleIcon, { size: 16 })] })] }), _jsx(CollapsibleContent, { className: "CollapsibleContent", children: _jsx("div", { className: "overflow-hidden w-full", children: _jsx(ParamsGrid, { children: fields.map((field, i) => {
+                            const currentParam = schemaQueryParams.find((param) => param.name === watchedQueryParams.at(i)?.name);
+                            return (_jsxs(ParamsGridItem, { children: [_jsx(Controller, { control: control, name: `queryParams.${i}.active`, render: ({ field }) => (_jsx(Checkbox, { id: `queryParams.${i}.active`, checked: field.value, onCheckedChange: field.onChange })) }), _jsx(Controller, { control: control, render: ({ field }) => !requiredFields[i] ? (_jsx(Autocomplete, { placeholder: "Name", value: field.value, options: schemaQueryParams.map((param) => param.name), onChange: (e) => {
                                                 field.onChange(e);
-                                            }, className: "border-0 font-mono text-xs bg-transparent hover:bg-transparent" })) : (_jsx(InlineInput, { asChild: true, children: _jsxs("label", { className: "flex items-center cursor-pointer gap-1", htmlFor: `queryParams.${i}.active`, title: requiredFields[i] ? "Required field" : undefined, children: [field.value, requiredFields[i] && _jsx("sup", { children: "\u00A0*" })] }) })), name: `queryParams.${i}.name` })] }, field.id), _jsx("div", { className: "flex justify-between items-center", children: _jsx(Controller, { control: control, render: ({ field }) => {
-                                        const hasEnum = currentParam?.enum && currentParam.enum.length > 0;
-                                        if (!hasEnum) {
-                                            return (_jsx(Input, { ...field, onChange: (e) => {
-                                                    field.onChange(e.target.value);
-                                                    if (e.target.value.length > 0) {
-                                                        form.setValue(`queryParams.${i}.active`, true);
+                                            }, className: "border-0 p-0 m-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" })) : (_jsx(InlineInput, { asChild: true, children: _jsxs("label", { className: "flex items-center cursor-pointer gap-1", htmlFor: `queryParams.${i}.active`, title: requiredFields[i] ? "Required field" : undefined, children: [field.value, requiredFields[i] && _jsx("sup", { children: "\u00A0*" })] }) })), name: `queryParams.${i}.name` }), _jsxs("div", { className: "flex justify-between items-center", children: [_jsx(Controller, { control: control, render: ({ field }) => {
+                                                    const hasEnum = currentParam?.enum && currentParam.enum.length > 0;
+                                                    if (!hasEnum) {
+                                                        return (_jsx(Input, { ...field, onChange: (e) => {
+                                                                field.onChange(e.target.value);
+                                                                if (e.target.value.length > 0) {
+                                                                    setValue(`queryParams.${i}.active`, true);
+                                                                }
+                                                            }, placeholder: "Value", "aria-label": "Query parameter value", className: "w-full border-0 p-0 m-0 shadow-none focus-visible:ring-0 text-xs font-mono" }));
                                                     }
-                                                }, placeholder: "Enter value", className: "w-full border-0 shadow-none focus-visible:ring-0 text-xs font-mono" }));
-                                        }
-                                        return (_jsx(Autocomplete, { value: field.value, options: currentParam.enum ?? [], onChange: (e) => {
-                                                field.onChange(e);
-                                                form.setValue(`queryParams.${i}.active`, true);
-                                            }, className: "font-mono text-xs border-0 ring-1 ring-ring" }));
-                                    }, name: `queryParams.${i}.value` }) })] }, field.id));
-                }) }) }) }));
+                                                    return (_jsx(Autocomplete, { value: field.value, options: currentParam.enum ?? [], onChange: (e) => {
+                                                            field.onChange(e);
+                                                            setValue(`queryParams.${i}.active`, true);
+                                                        }, className: "border-0 shadow-none focus-visible:ring-0 bg-transparent hover:bg-transparent text-xs font-mono" }));
+                                                }, name: `queryParams.${i}.value` }), _jsx(Button, { size: "icon-xs", variant: "ghost", className: "text-muted-foreground opacity-0 group-hover:brightness-95 group-hover:opacity-100", onClick: () => remove(i), type: "button", children: _jsx(XIcon, { size: 16 }) })] })] }, field.id));
+                        }) }) }) })] }));
 };
 //# sourceMappingURL=QueryParams.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"QueryParams.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/QueryParams.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"QueryParams.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/QueryParams.tsx"],"names":[],"mappings":"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"}

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

@@ -0,0 +1,2 @@
+declare const Spinner: () => import("react/jsx-runtime").JSX.Element;
+export default Spinner;

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

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { motion } from "motion/react";
+const ball = {
+    width: 5,
+    height: 5,
+    borderRadius: "50%",
+};
+const Spinner = () => {
+    return (_jsxs(motion.div, { className: "flex items-center gap-1", initial: "hidden", animate: "visible", variants: {
+            visible: {
+                transition: {
+                    staggerChildren: 0.2,
+                },
+            },
+        }, children: [_jsx(motion.div, { className: "bg-white/60", variants: {
+                    hidden: { opacity: 0, y: 3 },
+                    visible: {
+                        opacity: 1,
+                        y: 0,
+                        transition: {
+                            y: {
+                                type: "spring",
+                                stiffness: 300,
+                                damping: 10,
+                                repeat: Infinity,
+                                repeatType: "reverse",
+                            },
+                        },
+                    },
+                }, style: ball }), _jsx(motion.div, { className: "bg-white/60", variants: {
+                    hidden: { opacity: 0, y: 3 },
+                    visible: {
+                        opacity: 1,
+                        y: 0,
+                        transition: {
+                            y: {
+                                type: "spring",
+                                stiffness: 300,
+                                damping: 10,
+                                repeat: Infinity,
+                                repeatType: "reverse",
+                            },
+                        },
+                    },
+                }, style: ball }), _jsx(motion.div, { className: "bg-white/60", variants: {
+                    hidden: { opacity: 0, y: 3 },
+                    visible: {
+                        opacity: 1,
+                        y: 0,
+                        transition: {
+                            y: {
+                                type: "spring",
+                                stiffness: 300,
+                                damping: 10,
+                                repeat: Infinity,
+                                repeatType: "reverse",
+                            },
+                        },
+                    },
+                }, style: ball })] }));
+};
+export default Spinner;
+//# sourceMappingURL=Spinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/Spinner.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAC;AAEtC,MAAM,IAAI,GAAG;IACX,KAAK,EAAE,CAAC;IACR,MAAM,EAAE,CAAC;IACT,YAAY,EAAE,KAAK;CACpB,CAAC;AAEF,MAAM,OAAO,GAAG,GAAG,EAAE;IACnB,OAAO,CACL,MAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,yBAAyB,EACnC,OAAO,EAAC,QAAQ,EAChB,OAAO,EAAC,SAAS,EACjB,QAAQ,EAAE;YACR,OAAO,EAAE;gBACP,UAAU,EAAE;oBACV,eAAe,EAAE,GAAG;iBACrB;aACF;SACF,aAED,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE;oBACR,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;oBAC5B,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC;wBACV,CAAC,EAAE,CAAC;wBACJ,UAAU,EAAE;4BACV,CAAC,EAAE;gCACD,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,GAAG;gCACd,OAAO,EAAE,EAAE;gCACX,MAAM,EAAE,QAAQ;gCAChB,UAAU,EAAE,SAAS;6BACtB;yBACF;qBACF;iBACF,EACD,KAAK,EAAE,IAAI,GACX,EACF,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE;oBACR,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;oBAC5B,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC;wBACV,CAAC,EAAE,CAAC;wBACJ,UAAU,EAAE;4BACV,CAAC,EAAE;gCACD,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,GAAG;gCACd,OAAO,EAAE,EAAE;gCACX,MAAM,EAAE,QAAQ;gCAChB,UAAU,EAAE,SAAS;6BACtB;yBACF;qBACF;iBACF,EACD,KAAK,EAAE,IAAI,GACX,EACF,KAAC,MAAM,CAAC,GAAG,IACT,SAAS,EAAC,aAAa,EACvB,QAAQ,EAAE;oBACR,MAAM,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE;oBAC5B,OAAO,EAAE;wBACP,OAAO,EAAE,CAAC;wBACV,CAAC,EAAE,CAAC;wBACJ,UAAU,EAAE;4BACV,CAAC,EAAE;gCACD,IAAI,EAAE,QAAQ;gCACd,SAAS,EAAE,GAAG;gCACd,OAAO,EAAE,EAAE;gCACX,MAAM,EAAE,QAAQ;gCAChB,UAAU,EAAE,SAAS;6BACtB;yBACF;qBACF;iBACF,EACD,KAAK,EAAE,IAAI,GACX,IACS,CACd,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,OAAO,CAAC"}

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

@@ -0,0 +1,2 @@
+export declare function isBinaryContentType(contentType: string): boolean;
+export declare const extractFileName: (headers: Array<[string, string]>, url: string) => string;

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

@@ -0,0 +1,22 @@
+export function isBinaryContentType(contentType) {
+    return /^(application\/octet-stream|image\/|audio\/|video\/|font\/|application\/pdf|application\/zip|application\/x-protobuf|application\/x-binary)/i.test(contentType);
+}
+export const extractFileName = (headers, url) => {
+    const contentDisposition = headers.find(([key]) => key.toLowerCase() === "content-disposition")?.[1];
+    if (contentDisposition) {
+        const filenameMatch = contentDisposition.match(/filename[^;=\n]*=((['"]).*?\2|[^;\n]*)/);
+        if (filenameMatch?.[1]) {
+            return filenameMatch[1].replace(/['"]/g, "");
+        }
+    }
+    // Extract filename from URL as fallback
+    try {
+        const urlPath = new URL(url).pathname;
+        const fileName = urlPath.split("/").pop() || "download";
+        return fileName.includes(".") ? fileName : "download";
+    }
+    catch {
+        return "download";
+    }
+};
+//# sourceMappingURL=fileUtils.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fileUtils.js","sourceRoot":"","sources":["../../../../../src/lib/plugins/openapi/playground/fileUtils.ts"],"names":[],"mappings":"AAAA,MAAM,UAAU,mBAAmB,CAAC,WAAmB;IACrD,OAAO,8IAA8I,CAAC,IAAI,CACxJ,WAAW,CACZ,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,OAAgC,EAChC,GAAW,EACH,EAAE;IACV,MAAM,kBAAkB,GAAG,OAAO,CAAC,IAAI,CACrC,CAAC,CAAC,GAAG,CAAC,EAAE,EAAE,CAAC,GAAG,CAAC,WAAW,EAAE,KAAK,qBAAqB,CACvD,EAAE,CAAC,CAAC,CAAC,CAAC;IAEP,IAAI,kBAAkB,EAAE,CAAC;QACvB,MAAM,aAAa,GAAG,kBAAkB,CAAC,KAAK,CAC5C,wCAAwC,CACzC,CAAC;QACF,IAAI,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC;YACvB,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC;QAC/C,CAAC;IACH,CAAC;IAED,wCAAwC;IACxC,IAAI,CAAC;QACH,MAAM,OAAO,GAAG,IAAI,GAAG,CAAC,GAAG,CAAC,CAAC,QAAQ,CAAC;QACtC,MAAM,QAAQ,GAAG,OAAO,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,IAAI,UAAU,CAAC;QACxD,OAAO,QAAQ,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC;IACxD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO,UAAU,CAAC;IACpB,CAAC;AACH,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/request-panel/UrlPath.d.ts

@@ -0,0 +1,3 @@
+export declare const UrlPath: ({ url }: {
+    url: string;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/request-panel/UrlPath.js

@@ -0,0 +1,13 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useFormContext } from "react-hook-form";
+import { PathRenderer } from "../../../../components/PathRenderer.js";
+import { ColorizedParam } from "../../ColorizedParam.js";
+export const UrlPath = ({ url }) => {
+    const { watch, setFocus } = useFormContext();
+    const [pathParams] = watch(["pathParams"]);
+    return (_jsx(PathRenderer, { path: url, renderParam: ({ name, originalValue, index }) => {
+            const formValue = pathParams.find((param) => param.name === name)?.value;
+            return (_jsx(ColorizedParam, { name: name, backgroundOpacity: "0", slug: name, onClick: () => setFocus(`pathParams.${index}.value`), children: formValue || originalValue }));
+        } }));
+};
+//# sourceMappingURL=UrlPath.js.map

package/dist/lib/plugins/openapi/playground/request-panel/UrlPath.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlPath.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/request-panel/UrlPath.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AACjD,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAC;AAGzD,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EAAE,GAAG,EAAmB,EAAE,EAAE;IAClD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,cAAc,EAAkB,CAAC;IAC7D,MAAM,CAAC,UAAU,CAAC,GAAG,KAAK,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC;IAE3C,OAAO,CACL,KAAC,YAAY,IACX,IAAI,EAAE,GAAG,EACT,WAAW,EAAE,CAAC,EAAE,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,EAAE,EAAE;YAC9C,MAAM,SAAS,GAAG,UAAU,CAAC,IAAI,CAC/B,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,KAAK,IAAI,CAC/B,EAAE,KAAK,CAAC;YAET,OAAO,CACL,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,iBAAiB,EAAC,GAAG,EACrB,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,cAAc,KAAK,QAAQ,CAAC,YAEnD,SAAS,IAAI,aAAa,GACZ,CAClB,CAAC;QACJ,CAAC,GACD,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/request-panel/UrlQueryParams.d.ts

@@ -0,0 +1 @@
+export declare const UrlQueryParams: () => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/request-panel/UrlQueryParams.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment } from "react";
+import { useFormContext } from "react-hook-form";
+export const UrlQueryParams = () => {
+    const { watch } = useFormContext();
+    const queryParams = watch("queryParams");
+    const urlQueryParams = queryParams
+        .filter((p) => p.active && p.name)
+        .map((p, i, arr) => (_jsxs(Fragment, { children: [p.name, "=", encodeURIComponent(p.value).replaceAll("%20", "+"), i < arr.length - 1 && "&", _jsx("wbr", {})] }, p.name)));
+    return (_jsxs(_Fragment, { children: [urlQueryParams.length > 0 ? `?` : "", urlQueryParams] }));
+};
+//# sourceMappingURL=UrlQueryParams.js.map

package/dist/lib/plugins/openapi/playground/request-panel/UrlQueryParams.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UrlQueryParams.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/request-panel/UrlQueryParams.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAGjD,MAAM,CAAC,MAAM,cAAc,GAAG,GAAG,EAAE;IACjC,MAAM,EAAE,KAAK,EAAE,GAAG,cAAc,EAAkB,CAAC;IACnD,MAAM,WAAW,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC;IAEzC,MAAM,cAAc,GAAG,WAAW;SAC/B,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,MAAM,IAAI,CAAC,CAAC,IAAI,CAAC;SACjC,GAAG,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAClB,MAAC,QAAQ,eACN,CAAC,CAAC,IAAI,OAAG,kBAAkB,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,KAAK,EAAE,GAAG,CAAC,EAC3D,CAAC,GAAG,GAAG,CAAC,MAAM,GAAG,CAAC,IAAI,GAAG,EAC1B,eAAO,KAHM,CAAC,CAAC,IAAI,CAIV,CACZ,CAAC,CAAC;IAEL,OAAO,CACL,8BACG,cAAc,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EACpC,cAAc,IACd,CACJ,CAAC;AACJ,CAAC,CAAC"}

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.d.ts

@@ -0,0 +1,12 @@
+export declare const Highlight: {
+    ({ code, language, children, }: {
+        code?: string;
+        children?: never;
+        language?: string;
+    } | {
+        code?: never;
+        children: string;
+        language: string;
+    }): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.js

@@ -0,0 +1,11 @@
+import { useZudoku } from "../../../../components/context/ZudokuContext.js";
+import { highlight } from "../../../../shiki.js";
+import invariant from "../../../../util/invariant.js";
+export const Highlight = ({ code, language, children, }) => {
+    const { syntaxHighlighting } = useZudoku().options;
+    invariant(syntaxHighlighting?.highlighter, "Highlighter not found");
+    const highlightedCode = highlight(syntaxHighlighting.highlighter, code ?? children ?? "", language, syntaxHighlighting.themes);
+    return highlightedCode;
+};
+Highlight.displayName = "Highlight";
+//# sourceMappingURL=Highlight.js.map

package/dist/lib/plugins/openapi/playground/result-panel/Highlight.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Highlight.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/Highlight.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,iDAAiD,CAAC;AAC5E,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,SAAS,MAAM,+BAA+B,CAAC;AAEtD,MAAM,CAAC,MAAM,SAAS,GAAG,CAAC,EACxB,IAAI,EACJ,QAAQ,EACR,QAAQ,GAG8C,EAAE,EAAE;IAC1D,MAAM,EAAE,kBAAkB,EAAE,GAAG,SAAS,EAAE,CAAC,OAAO,CAAC;IAEnD,SAAS,CAAC,kBAAkB,EAAE,WAAW,EAAE,uBAAuB,CAAC,CAAC;IAEpE,MAAM,eAAe,GAAG,SAAS,CAC/B,kBAAkB,CAAC,WAAW,EAC9B,IAAI,IAAI,QAAQ,IAAI,EAAE,EACtB,QAAQ,EACR,kBAAkB,CAAC,MAAM,CAC1B,CAAC;IAEF,OAAO,eAAe,CAAC;AACzB,CAAC,CAAC;AAEF,SAAS,CAAC,WAAW,GAAG,WAAW,CAAC"}

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.d.ts

@@ -0,0 +1,8 @@
+export declare const ResponseStatusBar: ({ status, time, size, isFinished, progress, }: {
+    status?: number;
+    time?: number;
+    size?: number;
+    isFinished: boolean;
+    progress: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ResponseStatusBar;

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useLayoutEffect, useRef } from "react";
+import { humanFileSize } from "../../../../util/humanFileSize.js";
+const ResponseCodeCircle = ({ status }) => {
+    if (!status)
+        return _jsx("div", { className: "w-2 h-2 rounded-full bg-gray-500" });
+    switch (Number(status.toString().slice(0, 1))) {
+        case 2:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-green-500" });
+        case 4:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-yellow-400" });
+        case 5:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-red-500" });
+        default:
+            return _jsx("div", { className: "w-2 h-2 rounded-full bg-gray-500" });
+    }
+};
+const RealTimeCounter = () => {
+    const spanRef = useRef(null);
+    const textRef = useRef(null);
+    const startTimeRef = useRef(Date.now());
+    const animationFrameRef = useRef(null);
+    const updateTime = useCallback(() => {
+        if (textRef.current) {
+            const elapsed = Date.now() - startTimeRef.current;
+            textRef.current.nodeValue = elapsed.toFixed();
+        }
+        animationFrameRef.current = requestAnimationFrame(updateTime);
+    }, []);
+    useLayoutEffect(() => {
+        // Create a text node and attach it to the span
+        const textNode = document.createTextNode("0");
+        const currentSpanRef = spanRef.current;
+        currentSpanRef.appendChild(textNode);
+        textRef.current = textNode;
+        // Start the real-time counter
+        startTimeRef.current = Date.now();
+        animationFrameRef.current = requestAnimationFrame(updateTime);
+        return () => {
+            if (animationFrameRef.current) {
+                cancelAnimationFrame(animationFrameRef.current);
+            }
+            if (textRef.current && currentSpanRef.contains(textNode)) {
+                currentSpanRef.removeChild(textNode);
+            }
+        };
+    }, [updateTime]);
+    return _jsx("span", { className: "inline-block text-end w-[3ch]", ref: spanRef });
+};
+export const ResponseStatusBar = ({ status, time, size, isFinished, progress, }) => {
+    const statusCodeMap = {
+        200: "OK",
+        201: "Created",
+        202: "Accepted",
+        204: "No Content",
+        400: "Bad Request",
+        401: "Unauthorized",
+        403: "Forbidden",
+        404: "Not Found",
+        405: "Method Not Allowed",
+        500: "Internal Server Error",
+    };
+    return (_jsxs("div", { className: "relative flex h-10 text-xs gap-4 px-4 items-center justify-between font-mono border-b", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(ResponseCodeCircle, { status: status }), " ", status ?? "Sending Request...", status ? ` ${statusCodeMap[status]}` : ""] }), _jsxs("div", { className: "flex gap-2", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Size" }), " ", _jsx("span", { className: "inline-block text-end min-w-[5ch]", children: size ? humanFileSize(size) : "- B" })] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Time" }), " ", time !== undefined ? `${time.toFixed(0)}` : _jsx(RealTimeCounter, {}), "ms"] })] }), _jsx("div", { className: "h-full bg-neutral-500/10 absolute left-0 -bottom-0 z-10 transition-all duration-200 ease-in-out", style: {
+                    opacity: isFinished ? 0 : 1,
+                    width: isFinished ? 0 : `${progress * 100}%`,
+                } })] }));
+};
+export default ResponseStatusBar;
+//# sourceMappingURL=ResponseStatusBar.js.map

package/dist/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ResponseStatusBar.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/ResponseStatusBar.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/playground/result-panel/ResponseTab.d.ts

@@ -1,8 +1,14 @@
-export declare const ResponseTab: ({ body, headers, status, time, size, url, }: {
+export declare const ResponseTab: ({ body, headers, request, size, isBinary, fileName, blob, }: {
     body?: string;
     headers: Array<[string, string]>;
-    status: number;
-    time: number;
+    request: {
+        method: string;
+        url: string;
+        headers: Array<[string, string]>;
+        body?: string;
+    };
     size: number;
-    url: string;
+    isBinary?: boolean;
+    fileName?: string;
+    blob?: Blob;
 }) => import("react/jsx-runtime").JSX.Element;

package/dist/lib/plugins/openapi/playground/result-panel/ResponseTab.js

@@ -1,30 +1,15 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useQuery } from "@tanstack/react-query";
-import { ChevronRightIcon } from "lucide-react";
-import { Fragment, useState } from "react";
-import { Callout } from "zudoku/ui/Callout.js";
+import { CornerDownLeftIcon, CornerDownRightIcon, DownloadIcon, PlusCircleIcon, } from "lucide-react";
+import { useState } from "react";
+import { Button } from "zudoku/ui/Button.js";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger, } from "zudoku/ui/Collapsible.js";
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "zudoku/ui/Select.js";
-import { Card } from "../../../../ui/Card.js";
-import { SyntaxHighlight } from "../../../../ui/SyntaxHighlight.js";
+import createVariantComponent from "../../../../util/createVariantComponent.js";
+import { humanFileSize } from "../../../../util/humanFileSize.js";
+import { CollapsibleHeader, CollapsibleHeaderTrigger, } from "../CollapsibleHeader.js";
 import { convertToTypes } from "./convertToTypes.js";
-const statusCodeMap = {
-    200: "OK",
-    201: "Created",
-    202: "Accepted",
-    204: "No Content",
-    400: "Bad Request",
-    401: "Unauthorized",
-    403: "Forbidden",
-    404: "Not Found",
-    405: "Method Not Allowed",
-    500: "Internal Server Error",
-};
-const humanFileSize = (bytes) => {
-    const exponent = Math.floor(Math.log(bytes) / Math.log(1000.0));
-    const decimal = (bytes / Math.pow(1000.0, exponent)).toFixed(exponent ? 2 : 0);
-    return `${decimal} ${exponent ? `${"kMGTPEZY"[exponent - 1]}B` : "B"}`;
-};
+import { Highlight } from "./Highlight.js";
 const mimeTypeToLanguage = (mimeType) => {
     const mimeTypeMapping = {
         "application/json": "json",
@@ -38,7 +23,7 @@ const mimeTypeToLanguage = (mimeType) => {
     return Object.entries(mimeTypeMapping).find(([mime]) => mimeType.includes(mime))?.[1];
 };
 const detectLanguage = (headers) => {
-    const contentType = headers.find(([key, value]) => key === "Content-Type")?.[1] || "";
+    const contentType = headers.find(([key]) => key.toLowerCase() === "content-type")?.[1] || "";
     return mimeTypeToLanguage(contentType);
 };
 const tryParseJson = (body) => {
@@ -71,8 +56,10 @@ const sortHeadersByRelevance = (headers) => {
         return indexA - indexB;
     });
 };
-const SYNTAX_HIGHLIGHT_MAX_SIZE_THRESHOLD = 64_000;
-export const ResponseTab = ({ body = "", headers, status, time, size, url, }) => {
+const MAX_HEADERS_TO_SHOW = 3;
+const Row = createVariantComponent("div", "grid-cols-subgrid grid border-b col-span-full px-4 py-1.5 font-mono text-xs");
+const RowContent = createVariantComponent("div", "py-1 break-all");
+export const ResponseTab = ({ body = "", headers, request, size, isBinary = false, fileName, blob, }) => {
     const detectedLanguage = detectLanguage(headers);
     const jsonContent = tryParseJson(body);
     const beautifiedBody = jsonContent || body;
@@ -82,20 +69,35 @@ export const ResponseTab = ({ body = "", headers, status, time, size, url, }) =>
         queryFn: async () => {
             return convertToTypes(JSON.parse(beautifiedBody));
         },
-        enabled: view === "types",
+        enabled: view === "types" && !isBinary,
     });
+    const handleDownload = () => {
+        if (blob && fileName) {
+            const url = URL.createObjectURL(blob);
+            const link = document.createElement("a");
+            link.href = url;
+            link.download = fileName;
+            document.body.appendChild(link);
+            link.click();
+            document.body.removeChild(link);
+            URL.revokeObjectURL(url);
+        }
+    };
     const sortedHeaders = sortHeadersByRelevance([...headers]);
-    const shouldDisableHighlighting = size > SYNTAX_HIGHLIGHT_MAX_SIZE_THRESHOLD;
-    return (_jsxs("div", { className: "flex flex-col gap-2 h-full overflow-auto max-h-[calc(100vh-220px)] ", children: [_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleTrigger, { className: "flex items-center gap-2 hover:text-primary group", children: [_jsx(ChevronRightIcon, { className: "h-4 w-4 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }), _jsx("span", { className: "font-semibold", children: "Headers" })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "grid grid-cols-[auto,1fr] gap-x-8 gap-y-1 pl-1.5 pt-2 font-mono text-xs", children: [sortedHeaders.slice(0, 5).map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("div", { className: "text-primary whitespace-pre", children: key }), _jsx("div", { className: "break-all", children: value })] }, key))), sortedHeaders.length > 5 && (_jsxs(Collapsible, { className: "col-span-full grid-cols-subgrid grid", children: [_jsxs(CollapsibleTrigger, { className: "col-span-2 text-xs text-muted-foreground hover:text-primary flex items-center gap-1 py-1", children: [_jsx(ChevronRightIcon, { className: "h-3 w-3 transition-transform duration-200 group-data-[state=open]:rotate-[90deg]" }), "Show ", sortedHeaders.length - 5, " more headers"] }), _jsx(CollapsibleContent, { className: "col-span-full grid grid-cols-subgrid gap-x-8 gap-y-1 ", children: sortedHeaders.slice(5).map(([key, value]) => (_jsxs(Fragment, { children: [_jsx("div", { className: "text-primary whitespace-pre", children: key }), _jsx("div", { className: "break-all", children: value })] }, key))) })] }))] }) })] }), _jsxs(Card, { className: "shadow-none", children: [shouldDisableHighlighting && (_jsxs(Callout, { type: "info", className: "my-0 p-2", children: ["Code highlight is disabled for responses larger than", " ", humanFileSize(SYNTAX_HIGHLIGHT_MAX_SIZE_THRESHOLD)] })), _jsx(SyntaxHighlight, { language: view === "types"
+    return (_jsxs(_Fragment, { children: [_jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(CornerDownRightIcon, { size: 16 }), _jsx(CollapsibleHeader, { className: "col-span-2", children: "Header Request" })] }), _jsx(CollapsibleContent, { children: _jsx("div", { className: "grid grid-cols-2 gap-x-6 text-sm", children: request.headers
+                                .slice(0, MAX_HEADERS_TO_SHOW)
+                                .map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowContent, { children: value })] }, key))) }) })] }), _jsxs(Collapsible, { defaultOpen: true, children: [_jsxs(CollapsibleHeaderTrigger, { children: [_jsx(CornerDownLeftIcon, { size: 16 }), _jsx(CollapsibleHeader, { className: "col-span-2", children: "Header Response" })] }), _jsx(CollapsibleContent, { children: _jsxs("div", { className: "grid grid-cols-2 gap-x-6 text-sm", children: [sortedHeaders.slice(0, MAX_HEADERS_TO_SHOW).map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowContent, { children: value })] }, key))), sortedHeaders.length > MAX_HEADERS_TO_SHOW && (_jsxs(Collapsible, { className: "col-span-full grid-cols-subgrid grid group", children: [_jsxs(CollapsibleTrigger, { className: "data-[state=open]:hidden justify-center col-span-2 text-xs text-muted-foreground hover:text-primary border-b h-8 flex items-center gap-2", children: [_jsxs("span", { children: ["Show ", sortedHeaders.length - MAX_HEADERS_TO_SHOW, " more headers"] }), _jsx(PlusCircleIcon, { size: 12, className: "text-muted-foreground" })] }), _jsx(CollapsibleContent, { className: "col-span-full grid grid-cols-subgrid", children: sortedHeaders
+                                                .slice(MAX_HEADERS_TO_SHOW)
+                                                .map(([key, value]) => (_jsxs(Row, { children: [_jsx(RowContent, { children: key }), _jsx(RowContent, { children: value })] }, key))) })] }))] }) })] }), _jsx("div", { className: "flex gap-2 justify-between items-center border-b h-10", children: jsonContent && !isBinary && (_jsx("div", { className: "px-2", children: _jsxs(Select, { value: view, onValueChange: (value) => setView(value), children: [_jsx(SelectTrigger, { className: "min-w-32 border-none h-8", children: _jsx(SelectValue, { placeholder: "View" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "formatted", children: "Formatted" }), _jsx(SelectItem, { value: "raw", children: "Raw" }), _jsx(SelectItem, { value: "types", children: "Types" })] })] }) })) }), _jsx("div", { children: isBinary ? (_jsx("div", { className: "p-4 text-center", children: _jsxs("div", { className: "flex flex-col items-center gap-4", children: [_jsx("div", { className: "text-lg font-semibold", children: "Binary Content" }), _jsx("div", { className: "text-sm text-muted-foreground", children: "This response contains binary data that cannot be displayed as text." }), _jsxs(Button, { onClick: handleDownload, className: "flex items-center gap-2", disabled: !blob, children: [_jsx(DownloadIcon, { className: "h-4 w-4" }), "Download ", fileName || "file", " (", humanFileSize(size), ")"] })] }) })) : (_jsx("div", { className: "overflow-auto max-w-full p-4 text-xs max-h-[calc(83.333vh-180px)]", children: _jsx(Highlight, { language: view === "types"
                             ? "typescript"
                             : view === "raw"
                                 ? jsonContent
                                     ? "plain"
                                     : detectedLanguage
-                                : "json", showCopy: "always", disabled: shouldDisableHighlighting, noBackground: true, className: "overflow-x-auto p-4 text-xs max-h-[calc(83.333vh-180px)]", code: (view === "raw"
+                                : "json", code: (view === "raw"
                             ? body
                             : view === "types"
                                 ? types.data?.lines.join("\n")
-                                : beautifiedBody) ?? "" })] }), _jsxs("div", { className: "flex gap-2 justify-between items-center", children: [_jsxs("div", { className: "flex text-xs gap-2 border bg-muted rounded-md p-2 items-center h-8 font-mono divide-x", children: [_jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Status" }), " ", status, " ", statusCodeMap[status] ?? ""] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Time" }), " ", time.toFixed(0), "ms"] }), _jsxs("div", { children: [_jsx("span", { className: "text-muted-foreground", children: "Size" }), " ", humanFileSize(size)] })] }), jsonContent && (_jsx("div", { children: _jsxs(Select, { value: view, onValueChange: (value) => setView(value), children: [_jsx(SelectTrigger, { className: "min-w-32", children: _jsx(SelectValue, { placeholder: "View" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "formatted", children: "Formatted" }), _jsx(SelectItem, { value: "raw", children: "Raw" }), _jsx(SelectItem, { value: "types", children: "Types" })] })] }) }))] })] }));
+                                : beautifiedBody) ?? "" }) })) })] }));
 };
 //# sourceMappingURL=ResponseTab.js.map

package/dist/lib/plugins/openapi/playground/result-panel/ResponseTab.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResponseTab.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/ResponseTab.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"ResponseTab.js","sourceRoot":"","sources":["../../../../../../src/lib/plugins/openapi/playground/result-panel/ResponseTab.tsx"],"names":[],"mappings":"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"}

package/dist/lib/plugins/openapi/playground/result-panel/ResultPanel.d.ts

@@ -1,9 +1,11 @@
 import { type UseMutationResult } from "@tanstack/react-query";
 import { type PlaygroundResult } from "../Playground.js";
-export declare const ResultPanel: ({ queryMutation, showPathParamsWarning, showLongRunningWarning, onCancel, }: {
+export declare const ResultPanel: ({ queryMutation, showLongRunningWarning, onCancel, tip, isFinished, progress, }: {
     queryMutation: UseMutationResult<PlaygroundResult, Error, any>;
-    showPathParamsWarning: boolean;
     showLongRunningWarning?: boolean;
     onCancel?: () => void;
+    isFinished: boolean;
+    progress: number;
+    tip?: React.ReactNode;
 }) => import("react/jsx-runtime").JSX.Element;
 export default ResultPanel;