@brainfish-ai/devdoc 0.1.41 → 0.1.43

package/renderer/components/docs-viewer/content/sections/body.js

@@ -0,0 +1,80 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function BodySection({ body }) {
+    if (!body.body || body.contentType === null) {
+        return null;
+    }
+    const isFormData = Array.isArray(body.body);
+    const isFormUrlEncoded = body.contentType === 'application/x-www-form-urlencoded';
+    let bodyContent;
+    let formItems = [];
+    if (isFormData) {
+        formItems = body.body;
+        bodyContent = JSON.stringify(formItems.map((item)=>({
+                key: item.key,
+                value: item.value,
+                isFile: item.isFile
+            })), null, 2);
+    } else if (typeof body.body === 'string') {
+        bodyContent = body.body;
+    } else {
+        bodyContent = JSON.stringify(body.body, null, 2);
+    }
+    return /*#__PURE__*/ _jsxs("section", {
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                className: "text-2xl font-semibold mb-4",
+                children: "Request Body"
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "border rounded-sm overflow-hidden",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        className: "bg-muted/50 px-4 py-2 border-b",
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm font-medium",
+                                children: "Content-Type: "
+                            }),
+                            /*#__PURE__*/ _jsx("code", {
+                                className: "text-sm",
+                                children: body.contentType
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsx("div", {
+                        className: "p-4",
+                        children: isFormData && formItems.length > 0 ? /*#__PURE__*/ _jsx("div", {
+                            className: "space-y-2",
+                            children: formItems.map((item, index)=>/*#__PURE__*/ _jsxs("div", {
+                                    className: "flex items-center gap-2",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("code", {
+                                            className: "bg-background px-2 py-1 rounded text-sm",
+                                            children: item.key
+                                        }),
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: "text-sm text-muted-foreground",
+                                            children: item.isFile ? '(file)' : '(text)'
+                                        })
+                                    ]
+                                }, index))
+                        }) : isFormUrlEncoded ? /*#__PURE__*/ _jsx("pre", {
+                            className: "bg-muted p-4 rounded overflow-x-auto",
+                            children: /*#__PURE__*/ _jsx("code", {
+                                className: "text-sm",
+                                children: bodyContent
+                            })
+                        }) : /*#__PURE__*/ _jsx("pre", {
+                            className: "bg-muted p-4 rounded overflow-x-auto",
+                            children: /*#__PURE__*/ _jsx("code", {
+                                className: "text-sm",
+                                children: bodyContent
+                            })
+                        })
+                    })
+                ]
+            })
+        ]
+    });
+}

package/renderer/components/docs-viewer/content/sections/headers.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function HeadersSection({ headers }) {
+    return /*#__PURE__*/ _jsxs("section", {
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                className: "text-2xl font-semibold mb-4",
+                children: "Headers"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "border rounded-sm overflow-hidden",
+                children: /*#__PURE__*/ _jsxs("table", {
+                    className: "w-full",
+                    children: [
+                        /*#__PURE__*/ _jsx("thead", {
+                            className: "bg-muted/50",
+                            children: /*#__PURE__*/ _jsxs("tr", {
+                                children: [
+                                    /*#__PURE__*/ _jsx("th", {
+                                        className: "px-4 py-3 text-left text-sm font-semibold",
+                                        children: "Name"
+                                    }),
+                                    /*#__PURE__*/ _jsx("th", {
+                                        className: "px-4 py-3 text-left text-sm font-semibold",
+                                        children: "Description"
+                                    }),
+                                    /*#__PURE__*/ _jsx("th", {
+                                        className: "px-4 py-3 text-left text-sm font-semibold",
+                                        children: "Required"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx("tbody", {
+                            children: headers.map((header)=>/*#__PURE__*/ _jsxs("tr", {
+                                    className: "border-t",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("td", {
+                                            className: "px-4 py-3 font-mono text-sm",
+                                            children: header.key
+                                        }),
+                                        /*#__PURE__*/ _jsx("td", {
+                                            className: "px-4 py-3 text-sm text-muted-foreground",
+                                            children: header.description || '-'
+                                        }),
+                                        /*#__PURE__*/ _jsx("td", {
+                                            className: "px-4 py-3 text-sm",
+                                            children: header.active ? /*#__PURE__*/ _jsx("span", {
+                                                className: "text-green-600",
+                                                children: "Required"
+                                            }) : /*#__PURE__*/ _jsx("span", {
+                                                className: "text-muted-foreground",
+                                                children: "Optional"
+                                            })
+                                        })
+                                    ]
+                                }, header.key))
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}

package/renderer/components/docs-viewer/content/sections/overview.js

@@ -0,0 +1,56 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function RequestOverview({ request }) {
+    return /*#__PURE__*/ _jsxs("section", {
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                className: "text-2xl font-semibold mb-4",
+                children: "Overview"
+            }),
+            /*#__PURE__*/ _jsxs("div", {
+                className: "bg-muted/50 rounded-sm p-6 space-y-4",
+                children: [
+                    /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm font-medium text-muted-foreground",
+                                children: "Method"
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "mt-1 font-mono",
+                                children: request.method
+                            })
+                        ]
+                    }),
+                    /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm font-medium text-muted-foreground",
+                                children: "Endpoint"
+                            }),
+                            /*#__PURE__*/ _jsx("p", {
+                                className: "mt-1 font-mono break-all",
+                                children: request.endpoint
+                            })
+                        ]
+                    }),
+                    request.tags && request.tags.length > 0 && /*#__PURE__*/ _jsxs("div", {
+                        children: [
+                            /*#__PURE__*/ _jsx("span", {
+                                className: "text-sm font-medium text-muted-foreground",
+                                children: "Tags"
+                            }),
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "mt-1 flex flex-wrap gap-2",
+                                children: request.tags.map((tag)=>/*#__PURE__*/ _jsx("span", {
+                                        className: "px-2 py-1 bg-primary/10 text-primary rounded text-sm",
+                                        children: tag
+                                    }, tag))
+                            })
+                        ]
+                    })
+                ]
+            })
+        ]
+    });
+}

package/renderer/components/docs-viewer/content/sections/parameters.js

@@ -0,0 +1,64 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export function ParametersSection({ params }) {
+    return /*#__PURE__*/ _jsxs("section", {
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                className: "text-2xl font-semibold mb-4",
+                children: "Query Parameters"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "border rounded-sm overflow-hidden",
+                children: /*#__PURE__*/ _jsxs("table", {
+                    className: "w-full",
+                    children: [
+                        /*#__PURE__*/ _jsx("thead", {
+                            className: "bg-muted/50",
+                            children: /*#__PURE__*/ _jsxs("tr", {
+                                children: [
+                                    /*#__PURE__*/ _jsx("th", {
+                                        className: "px-4 py-3 text-left text-sm font-semibold",
+                                        children: "Name"
+                                    }),
+                                    /*#__PURE__*/ _jsx("th", {
+                                        className: "px-4 py-3 text-left text-sm font-semibold",
+                                        children: "Description"
+                                    }),
+                                    /*#__PURE__*/ _jsx("th", {
+                                        className: "px-4 py-3 text-left text-sm font-semibold",
+                                        children: "Required"
+                                    })
+                                ]
+                            })
+                        }),
+                        /*#__PURE__*/ _jsx("tbody", {
+                            children: params.map((param)=>/*#__PURE__*/ _jsxs("tr", {
+                                    className: "border-t",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("td", {
+                                            className: "px-4 py-3 font-mono text-sm",
+                                            children: param.key
+                                        }),
+                                        /*#__PURE__*/ _jsx("td", {
+                                            className: "px-4 py-3 text-sm text-muted-foreground",
+                                            children: param.description || '-'
+                                        }),
+                                        /*#__PURE__*/ _jsx("td", {
+                                            className: "px-4 py-3 text-sm",
+                                            children: param.active ? /*#__PURE__*/ _jsx("span", {
+                                                className: "text-green-600",
+                                                children: "Required"
+                                            }) : /*#__PURE__*/ _jsx("span", {
+                                                className: "text-muted-foreground",
+                                                children: "Optional"
+                                            })
+                                        })
+                                    ]
+                                }, param.key))
+                        })
+                    ]
+                })
+            })
+        ]
+    });
+}

package/renderer/components/docs-viewer/content/sections/responses.js

@@ -0,0 +1,91 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { CodeViewer } from '../../playground/code-editor';
+export function ResponsesSection({ responses }) {
+    const responseEntries = Object.entries(responses);
+    if (responseEntries.length === 0) {
+        return null;
+    }
+    return /*#__PURE__*/ _jsxs("section", {
+        children: [
+            /*#__PURE__*/ _jsx("h2", {
+                className: "text-2xl font-semibold mb-4",
+                children: "Responses"
+            }),
+            /*#__PURE__*/ _jsx("div", {
+                className: "space-y-4",
+                children: responseEntries.map(([name, response])=>{
+                    // Pass raw JSON - CodeViewer will format it
+                    const bodyContent = response.body ? typeof response.body === 'string' ? response.body : JSON.stringify(response.body) : null;
+                    return /*#__PURE__*/ _jsxs("div", {
+                        className: "border rounded-sm overflow-hidden",
+                        children: [
+                            /*#__PURE__*/ _jsx("div", {
+                                className: "bg-muted/50 px-4 py-3 border-b",
+                                children: /*#__PURE__*/ _jsxs("div", {
+                                    className: "flex items-center gap-3",
+                                    children: [
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: `px-2 py-1 rounded text-xs font-semibold ${response.code >= 200 && response.code < 300 ? 'bg-green-500 text-white' : response.code >= 400 ? 'bg-red-500 text-white' : 'bg-gray-500 text-white'}`,
+                                            children: response.code
+                                        }),
+                                        /*#__PURE__*/ _jsx("span", {
+                                            className: "font-medium",
+                                            children: response.status
+                                        }),
+                                        name !== response.status && /*#__PURE__*/ _jsxs("span", {
+                                            className: "text-sm text-muted-foreground",
+                                            children: [
+                                                "(",
+                                                name,
+                                                ")"
+                                            ]
+                                        })
+                                    ]
+                                })
+                            }),
+                            response.headers.length > 0 && /*#__PURE__*/ _jsxs("div", {
+                                className: "px-4 py-3 border-b bg-muted/30",
+                                children: [
+                                    /*#__PURE__*/ _jsx("p", {
+                                        className: "text-sm font-medium mb-2",
+                                        children: "Headers:"
+                                    }),
+                                    /*#__PURE__*/ _jsx("div", {
+                                        className: "space-y-1",
+                                        children: response.headers.map((header, index)=>/*#__PURE__*/ _jsxs("div", {
+                                                className: "text-sm",
+                                                children: [
+                                                    /*#__PURE__*/ _jsx("code", {
+                                                        className: "bg-background px-2 py-1 rounded",
+                                                        children: header.key
+                                                    }),
+                                                    /*#__PURE__*/ _jsx("span", {
+                                                        className: "text-muted-foreground ml-2",
+                                                        children: header.value
+                                                    })
+                                                ]
+                                            }, index))
+                                    })
+                                ]
+                            }),
+                            bodyContent && /*#__PURE__*/ _jsx("div", {
+                                className: "dark-editor",
+                                children: /*#__PURE__*/ _jsx(CodeViewer, {
+                                    value: bodyContent,
+                                    language: "json",
+                                    theme: "dark",
+                                    height: "auto",
+                                    minHeight: 100,
+                                    maxHeight: 500,
+                                    showBorder: false,
+                                    rounded: false
+                                })
+                            })
+                        ]
+                    }, name);
+                })
+            })
+        ]
+    });
+}