@rebasepro/studio 0.5.0 → 0.6.0

package/dist/ApiExplorer-CdIwR9Ga.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ApiExplorer-CdIwR9Ga.js","names":[],"sources":["../src/components/ApiExplorer/parseSpec.ts","../src/components/ApiExplorer/EndpointDetail.tsx","../src/components/ApiExplorer/TryItPanel.tsx","../src/components/ApiExplorer/ApiExplorer.tsx"],"sourcesContent":["import type { OpenApiSpec, ParsedEndpoint, EndpointGroup } from \"./types\";\n\n/**\n * Parse an OpenAPI 3.x spec into grouped, sorted endpoints for the sidebar.\n */\nexport function parseOpenApiSpec(spec: OpenApiSpec): {\n    groups: EndpointGroup[];\n    allEndpoints: ParsedEndpoint[];\n} {\n    const allEndpoints: ParsedEndpoint[] = [];\n    const tagMap = new Map<string, ParsedEndpoint[]>();\n\n    // Build tag description lookup\n    const tagDescriptions = new Map<string, string>();\n    for (const t of spec.tags ?? []) {\n        tagDescriptions.set(t.name, t.description ?? \"\");\n    }\n\n    for (const [path, methods] of Object.entries(spec.paths ?? {})) {\n        for (const [method, op] of Object.entries(methods)) {\n            if ([\"get\", \"post\", \"put\", \"patch\", \"delete\"].indexOf(method) === -1) continue;\n\n            const tags = op.tags?.length ? op.tags : [\"Other\"];\n            const shortPath = path.replace(/^\\/api\\/data/, \"\");\n\n            const endpoint: ParsedEndpoint = {\n                id: `${method}:${path}`,\n                method,\n                path,\n                shortPath: shortPath || \"/\",\n                summary: op.summary ?? \"\",\n                description: op.description ?? \"\",\n                tags,\n                parameters: op.parameters ?? [],\n                requestBody: op.requestBody,\n                responses: op.responses ?? {},\n                security: op.security,\n                operationId: op.operationId\n            };\n\n            allEndpoints.push(endpoint);\n            for (const tag of tags) {\n                if (!tagMap.has(tag)) tagMap.set(tag, []);\n                tagMap.get(tag)!.push(endpoint);\n            }\n        }\n    }\n\n    // Method sort order\n    const ORDER: Record<string, number> = { get: 0,\npost: 1,\nput: 2,\npatch: 3,\ndelete: 4 };\n\n    const groups: EndpointGroup[] = [];\n    // Sort tags: use spec.tags order if available, else alphabetical\n    const tagOrder = (spec.tags ?? []).map((t) => t.name);\n    const sortedTags = [...tagMap.keys()].sort((a, b) => {\n        const ai = tagOrder.indexOf(a);\n        const bi = tagOrder.indexOf(b);\n        if (ai !== -1 && bi !== -1) return ai - bi;\n        if (ai !== -1) return -1;\n        if (bi !== -1) return 1;\n        return a.localeCompare(b);\n    });\n\n    for (const tag of sortedTags) {\n        const endpoints = tagMap.get(tag)!;\n        endpoints.sort((a, b) => {\n            const pa = a.path.localeCompare(b.path);\n            if (pa !== 0) return pa;\n            return (ORDER[a.method] ?? 99) - (ORDER[b.method] ?? 99);\n        });\n        groups.push({\n            tag,\n            description: tagDescriptions.get(tag),\n            endpoints\n        });\n    }\n\n    return { groups,\nallEndpoints };\n}\n\n/**\n * Resolve a $ref string (e.g. \"#/components/schemas/Author\") to a schema name.\n */\nexport function resolveRefName(ref: string): string {\n    const parts = ref.split(\"/\");\n    return parts[parts.length - 1];\n}\n\n/**\n * Resolve a $ref to its actual schema from the spec.\n */\nexport function resolveRef(spec: OpenApiSpec, ref: string): unknown {\n    const parts = ref.replace(\"#/\", \"\").split(\"/\");\n    let current: unknown = spec;\n    for (const part of parts) {\n        current = (current as Record<string, unknown>)?.[part];\n    }\n    return current ?? {};\n}\n","import React from \"react\";\nimport {\n    ArrowRightFromLineIcon,\n    Chip,\n    cls,\n    defaultBorderMixin,\n    iconSize,\n    SlidersHorizontalIcon,\n    Typography,\n    UploadIcon\n} from \"@rebasepro/ui\";\nimport type { ParsedEndpoint, OpenApiSpec, OpenApiSchema } from \"./types\";\nimport { resolveRef, resolveRefName } from \"./parseSpec\";\n\n/**\n * Renders the documentation view for a single API endpoint:\n * parameters, request body schema, response schemas.\n */\nexport function EndpointDetail({ endpoint, spec }: { endpoint: ParsedEndpoint; spec: OpenApiSpec }) {\n    return (\n        <div className=\"p-6 space-y-8 max-w-4xl\">\n            {/* Summary / Description */}\n            {(endpoint.summary || endpoint.description) && (\n                <div>\n                    {endpoint.summary && (\n                        <Typography variant=\"h6\" className=\"font-semibold mb-1\">\n                            {endpoint.summary}\n                        </Typography>\n                    )}\n                    {endpoint.description && (\n                        <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n                            {endpoint.description}\n                        </Typography>\n                    )}\n                </div>\n            )}\n\n            {/* Parameters */}\n            {endpoint.parameters.length > 0 && (\n                <section>\n                    <SectionHeading icon={<SlidersHorizontalIcon size={iconSize.small} className=\"text-text-secondary dark:text-text-secondary-dark\" />} title=\"Parameters\"/>\n                    <div className={cls(\"rounded-lg border overflow-hidden\", defaultBorderMixin)}>\n                        <table className=\"w-full text-sm\">\n                            <thead>\n                                <tr className=\"bg-surface-100 dark:bg-surface-900 text-left\">\n                                    <th className=\"px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark\">\n                                        Name\n                                    </th>\n                                    <th className=\"px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark\">\n                                        In\n                                    </th>\n                                    <th className=\"px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark\">\n                                        Type\n                                    </th>\n                                    <th className=\"px-4 py-2 font-medium text-text-secondary dark:text-text-secondary-dark\">\n                                        Description\n                                    </th>\n                                </tr>\n                            </thead>\n                            <tbody>\n                                {endpoint.parameters.map((p, i) => (\n                                    <tr\n                                        key={p.name + i}\n                                        className={cls(\"border-t\", defaultBorderMixin)}\n                                    >\n                                        <td className=\"px-4 py-2.5\">\n                                            <code className=\"text-xs font-mono font-semibold\">{p.name}</code>\n                                            {p.required && <span className=\"text-red-500 ml-1 text-xs\">*</span>}\n                                        </td>\n                                        <td className=\"px-4 py-2.5\">\n                                            <Chip\n                                                size=\"smallest\"\n                                                colorScheme={p.in === \"path\" ? \"orangeDarker\" : \"cyanDarker\"}\n                                            >\n                                                {p.in}\n                                            </Chip>\n                                        </td>\n                                        <td className=\"px-4 py-2.5 text-xs font-mono text-text-secondary dark:text-text-secondary-dark\">\n                                            {schemaTypeLabel(p.schema)}\n                                        </td>\n                                        <td className=\"px-4 py-2.5 text-xs text-text-secondary dark:text-text-secondary-dark\">\n                                            {p.description ?? \"—\"}\n                                        </td>\n                                    </tr>\n                                ))}\n                            </tbody>\n                        </table>\n                    </div>\n                </section>\n            )}\n\n            {/* Request Body */}\n            {endpoint.requestBody && (\n                <section>\n                    <SectionHeading icon={<UploadIcon size={iconSize.small} className=\"text-text-secondary dark:text-text-secondary-dark\" />} title=\"Request Body\"/>\n                    {Object.entries(endpoint.requestBody.content ?? {}).map(([contentType, media]) => (\n                        <div key={contentType}>\n                            <Chip size=\"smallest\" colorScheme=\"blueDarker\" className=\"mb-3\">\n                                {contentType}\n                            </Chip>\n                            {media.schema && <SchemaBlock schema={media.schema} spec={spec} depth={0}/>}\n                        </div>\n                    ))}\n                </section>\n            )}\n\n            {/* Responses */}\n            <section>\n                <SectionHeading icon={<ArrowRightFromLineIcon size={iconSize.small} className=\"text-text-secondary dark:text-text-secondary-dark\" />} title=\"Responses\"/>\n                <div className=\"space-y-3\">\n                    {Object.entries(endpoint.responses).map(([code, res]) => (\n                        <div\n                            key={code}\n                            className={cls(\"rounded-lg border overflow-hidden\", defaultBorderMixin)}\n                        >\n                            <div\n                                className={cls(\n                                    \"flex items-center gap-3 px-4 py-2.5\",\n                                    \"bg-surface-50 dark:bg-surface-900/50\"\n                                )}\n                            >\n                                <StatusBadge code={code}/>\n                                <Typography\n                                    variant=\"body2\"\n                                    className=\"text-text-secondary dark:text-text-secondary-dark text-xs\"\n                                >\n                                    {res.description}\n                                </Typography>\n                            </div>\n                            {res.content &&\n                                Object.entries(res.content).map(\n                                    ([ct, media]) =>\n                                        media.schema && (\n                                            <div\n                                                key={ct}\n                                                className={cls(\"px-4 py-3 border-t\", defaultBorderMixin)}\n                                            >\n                                                <SchemaBlock schema={media.schema} spec={spec} depth={0}/>\n                                            </div>\n                                        )\n                                )}\n                        </div>\n                    ))}\n                </div>\n            </section>\n        </div>\n    );\n}\n\n/* ── Schema Block ─────────────────────────────────────────────────── */\n\nfunction SchemaBlock({ schema, spec, depth }: { schema: OpenApiSchema; spec: OpenApiSpec; depth: number }) {\n    // Resolve $ref\n    if (schema.$ref) {\n        const name = resolveRefName(schema.$ref);\n        const resolved = resolveRef(spec, schema.$ref) as OpenApiSchema;\n        return (\n            <div>\n                <Typography\n                    variant=\"caption\"\n                    className=\"text-primary dark:text-primary-dark font-mono text-xs mb-2 block\"\n                >\n                    {name}\n                </Typography>\n                <SchemaBlock schema={resolved} spec={spec} depth={depth}/>\n            </div>\n        );\n    }\n\n    // Object with properties\n    if (schema.properties) {\n        const required = new Set(schema.required ?? []);\n        return (\n            <div\n                className={cls(\n                    \"rounded-lg overflow-hidden\",\n                    depth > 0 && `border ml-4 mt-1 ${defaultBorderMixin}`\n                )}\n            >\n                <table className=\"w-full text-xs\">\n                    <tbody>\n                        {Object.entries(schema.properties).map(([key, prop]) => (\n                            <tr\n                                key={key}\n                                className={cls(\"border-t first:border-t-0\", defaultBorderMixin)}\n                            >\n                                <td className=\"px-3 py-2 align-top w-36\">\n                                    <code className=\"font-mono font-semibold text-text-primary dark:text-text-primary-dark\">\n                                        {key}\n                                    </code>\n                                    {required.has(key) && <span className=\"text-red-500 ml-0.5\">*</span>}\n                                    {prop.readOnly && (\n                                        <span className=\"ml-1.5 text-[9px] text-text-secondary dark:text-text-secondary-dark italic\">\n                                            read-only\n                                        </span>\n                                    )}\n                                </td>\n                                <td className=\"px-3 py-2 align-top w-28\">\n                                    <span className=\"font-mono text-text-secondary dark:text-text-secondary-dark\">\n                                        {schemaTypeLabel(prop)}\n                                    </span>\n                                </td>\n                                <td className=\"px-3 py-2 align-top text-text-secondary dark:text-text-secondary-dark\">\n                                    {prop.description ?? \"\"}\n                                    {prop.enum && (\n                                        <div className=\"flex flex-wrap gap-1 mt-1\">\n                                            {prop.enum.map((v) => (\n                                                <span\n                                                    key={String(v)}\n                                                    className=\"px-1.5 py-0.5 rounded bg-surface-200 dark:bg-surface-800 text-[10px] font-mono\"\n                                                >\n                                                    {String(v)}\n                                                </span>\n                                            ))}\n                                        </div>\n                                    )}\n                                    {prop.properties && <SchemaBlock schema={prop} spec={spec} depth={depth + 1}/>}\n                                    {prop.$ref && <SchemaBlock schema={prop} spec={spec} depth={depth + 1}/>}\n                                </td>\n                            </tr>\n                        ))}\n                    </tbody>\n                </table>\n            </div>\n        );\n    }\n\n    // Array\n    if (schema.type === \"array\" && schema.items) {\n        return (\n            <div>\n                <span className=\"font-mono text-xs text-text-secondary dark:text-text-secondary-dark\">Array of:</span>\n                <SchemaBlock schema={schema.items} spec={spec} depth={depth + 1}/>\n            </div>\n        );\n    }\n\n    // Primitive\n    return (\n        <span className=\"font-mono text-xs text-text-secondary dark:text-text-secondary-dark\">\n            {schemaTypeLabel(schema)}\n        </span>\n    );\n}\n\n/* ── Helpers ──────────────────────────────────────────────────────── */\n\nfunction schemaTypeLabel(schema?: OpenApiSchema): string {\n    if (!schema) return \"any\";\n    if (schema.$ref) return resolveRefName(schema.$ref);\n    if (schema.type === \"array\") return `${schemaTypeLabel(schema.items)}[]`;\n    if (schema.format) return `${schema.type} (${schema.format})`;\n    return schema.type ?? \"object\";\n}\n\nfunction SectionHeading({ icon, title }: { icon: React.ReactNode; title: string }) {\n    return (\n        <div className=\"flex items-center gap-2 mb-3\">\n            {icon}\n            <Typography variant=\"subtitle2\" className=\"font-semibold text-sm\">\n                {title}\n            </Typography>\n        </div>\n    );\n}\n\nfunction StatusBadge({ code }: { code: string }) {\n    const n = parseInt(code, 10);\n    const color =\n        n < 300\n            ? \"text-emerald-600 dark:text-emerald-400\"\n            : n < 400\n              ? \"text-blue-600 dark:text-blue-400\"\n              : n < 500\n                ? \"text-amber-600 dark:text-amber-400\"\n                : \"text-red-600 dark:text-red-400\";\n\n    return <span className={cls(\"text-xs font-bold font-mono\", color)}>{code}</span>;\n}\n","import React, { useState, useCallback, useMemo, useEffect } from \"react\";\nimport {\n    Button,\n    cls,\n    defaultBorderMixin,\n    IconButton,\n    iconSize,\n    LoaderIcon,\n    PlusIcon,\n    SendIcon,\n    TextField,\n    Typography,\n    XIcon\n} from \"@rebasepro/ui\";\nimport { useRebaseContext, UserSelectPopover, SelectableUser } from \"@rebasepro/core\";\nimport { AuthSimulationSelector } from \"../AuthSimulationSelector\";\nimport type { ParsedEndpoint } from \"./types\";\nimport type { User } from \"@rebasepro/types\";\n\ninterface TryItPanelProps {\n    endpoint: ParsedEndpoint;\n    apiUrl: string;\n    getAuthToken: () => Promise<string | null | undefined>;\n    user: User | null;\n    basePath?: string;\n}\n\n/**\n * Interactive \"Try It\" panel that lets the user execute API requests\n * using their current JWT token directly from the Studio.\n */\nexport function TryItPanel({ endpoint, apiUrl, getAuthToken, user, basePath = \"\" }: TryItPanelProps) {\n    const storageKey = `rebase_apiexplorer_${endpoint.method}_${endpoint.path}`;\n\n    const [pathParams, setPathParams] = useState<Record<string, string>>(() => {\n        try { const v = localStorage.getItem(`${storageKey}_path`); if (v) return JSON.parse(v); } catch { /* ignore */ }\n        return {};\n    });\n    const [queryParams, setQueryParams] = useState<Record<string, string>>(() => {\n        try { const v = localStorage.getItem(`${storageKey}_query`); if (v) return JSON.parse(v); } catch { /* ignore */ }\n        return {};\n    });\n    const [customHeaders, setCustomHeaders] = useState<Array<{ key: string; value: string }>>(() => {\n        try { const v = localStorage.getItem(`${storageKey}_headers`); if (v) return JSON.parse(v); } catch { /* ignore */ }\n        return [{ key: \"rebase-branch\",\nvalue: \"\" }];\n    });\n    const [body, setBody] = useState(() => {\n        try { const v = localStorage.getItem(`${storageKey}_body`); if (v) return JSON.parse(v); } catch { /* ignore */ }\n        return buildBodyTemplate(endpoint);\n    });\n    const [response, setResponse] = useState<{ status: number; statusText: string; body: string; time: number } | null>(\n        null\n    );\n    const [loading, setLoading] = useState(false);\n    const [authMode, setAuthMode] = useState<\"jwt\" | \"none\">(\"jwt\");\n    const [validationError, setValidationError] = useState<string | null>(null);\n\n    const rebaseContext = useRebaseContext();\n    const currentUser = rebaseContext.authController?.user;\n\n    const users = useMemo((): SelectableUser[] => {\n        const managed: SelectableUser[] = [];\n        if (currentUser) {\n            managed.push({\n                uid: currentUser.uid,\n                displayName: currentUser.displayName,\n                email: currentUser.email,\n                photoURL: currentUser.photoURL,\n                roles: currentUser.roles\n            });\n        }\n        return managed;\n    }, [currentUser]);\n\n    const currentSelectableUser = useMemo((): SelectableUser | null => {\n        if (!currentUser) return null;\n        return {\n            uid: currentUser.uid,\n            displayName: currentUser.displayName,\n            email: currentUser.email,\n            photoURL: currentUser.photoURL,\n            roles: currentUser.roles\n        };\n    }, [currentUser]);\n\n    const [selectedUser, setSelectedUser] = useState<SelectableUser | null>(null);\n\n    useEffect(() => {\n        localStorage.setItem(`${storageKey}_path`, JSON.stringify(pathParams));\n        localStorage.setItem(`${storageKey}_query`, JSON.stringify(queryParams));\n        localStorage.setItem(`${storageKey}_headers`, JSON.stringify(customHeaders));\n        localStorage.setItem(`${storageKey}_body`, JSON.stringify(body));\n    }, [storageKey, pathParams, queryParams, customHeaders, body]);\n\n    // Build the final URL\n    const resolvedUrl = useMemo(() => {\n        const base = basePath.startsWith(\"/\") ? basePath : `/${basePath}`;\n        const cleanBase = base === \"/\" ? \"\" : base;\n        let url = `${apiUrl.replace(/\\/+$/, \"\")}${cleanBase}${endpoint.path}`;\n        // Replace path params\n        for (const [key, val] of Object.entries(pathParams)) {\n            url = url.replace(`{${key}}`, encodeURIComponent(val));\n        }\n        // Append query params\n        const qp = Object.entries(queryParams).filter(([, v]) => v.trim() !== \"\");\n        if (qp.length > 0) {\n            url += \"?\" + qp.map(([k, v]) => `${encodeURIComponent(k)}=${encodeURIComponent(v)}`).join(\"&\");\n        }\n        return url;\n    }, [apiUrl, basePath, endpoint.path, pathParams, queryParams]);\n\n    const pathParamDefs = endpoint.parameters.filter((p) => p.in === \"path\");\n    const queryParamDefs = endpoint.parameters.filter((p) => p.in === \"query\");\n    const hasBody = [\"post\", \"put\", \"patch\"].includes(endpoint.method);\n\n    const execute = useCallback(async () => {\n        setValidationError(null);\n        if (hasBody && body.trim()) {\n            try {\n                JSON.parse(body);\n            } catch (err: unknown) {\n                setValidationError(`Invalid JSON: ${err instanceof Error ? err.message : String(err)}`);\n                return;\n            }\n        }\n\n        setLoading(true);\n        setResponse(null);\n        const start = performance.now();\n\n        try {\n            const headers: Record<string, string> = { \"Content-Type\": \"application/json\" };\n\n            for (const h of customHeaders) {\n                if (h.key.trim()) headers[h.key.trim()] = h.value;\n            }\n\n            if (authMode === \"jwt\") {\n                const token = await getAuthToken();\n                if (token) headers[\"Authorization\"] = `Bearer ${token}`;\n                if (selectedUser && selectedUser.uid !== currentUser?.uid) {\n                    headers[\"x-rebase-impersonate\"] = selectedUser.uid;\n                }\n            }\n\n            const res = await fetch(resolvedUrl, {\n                method: endpoint.method.toUpperCase(),\n                headers,\n                body: hasBody && body.trim() ? body : undefined\n            });\n\n            const elapsed = Math.round(performance.now() - start);\n            let text: string;\n\n            const rawText = await res.text();\n            try {\n                const json = JSON.parse(rawText);\n                text = JSON.stringify(json, null, 2);\n            } catch {\n                text = rawText;\n            }\n\n            setResponse({ status: res.status,\nstatusText: res.statusText,\nbody: text,\ntime: elapsed });\n        } catch (err: unknown) {\n            setResponse({\n                status: 0,\n                statusText: \"Network Error\",\n                body: err instanceof Error ? err.message : \"Request failed\",\n                time: Math.round(performance.now() - start)\n            });\n        } finally {\n            setLoading(false);\n        }\n    }, [resolvedUrl, endpoint.method, hasBody, body, authMode, getAuthToken, customHeaders, selectedUser, currentUser?.uid]);\n\n    return (\n        <div className=\"flex flex-col h-full\">\n            <div className=\"p-5 space-y-5 overflow-y-auto flex-1\">\n                {/* Auth Mode */}\n                <AuthSimulationSelector\n                    authMode={authMode}\n                    setAuthMode={setAuthMode}\n                    selectedUser={selectedUser}\n                    setSelectedUser={setSelectedUser}\n                    users={users}\n                    loading={false}\n                    currentUser={currentSelectableUser}\n                />\n\n                {/* Path Params */}\n                {pathParamDefs.length > 0 && (\n                    <ParamSection\n                        title=\"Path Parameters\"\n                        params={pathParamDefs}\n                        values={pathParams}\n                        onChange={(k, v) => setPathParams((prev) => ({ ...prev,\n[k]: v }))}\n                    />\n                )}\n\n                {/* Query Params */}\n                {queryParamDefs.length > 0 && (\n                    <ParamSection\n                        title=\"Query Parameters\"\n                        params={queryParamDefs}\n                        values={queryParams}\n                        onChange={(k, v) => setQueryParams((prev) => ({ ...prev,\n[k]: v }))}\n                    />\n                )}\n\n                {/* Custom Headers */}\n                <CustomKeyValueSection\n                    title=\"Custom Headers\"\n                    values={customHeaders}\n                    onChange={(i, k, v) => {\n                        const next = [...customHeaders];\n                        next[i] = { key: k,\nvalue: v };\n                        setCustomHeaders(next);\n                    }}\n                    onAdd={() => setCustomHeaders((prev) => [...prev, { key: \"\",\nvalue: \"\" }])}\n                    onRemove={(i) => {\n                        const next = [...customHeaders];\n                        next.splice(i, 1);\n                        setCustomHeaders(next);\n                    }}\n                />\n\n                {/* Request Body */}\n                {hasBody && (\n                    <div>\n                        <Typography\n                            variant=\"caption\"\n                            className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider mb-2 block\"\n                        >\n                            Request Body\n                        </Typography>\n                        <TextField\n                            multiline\n                            minRows={10}\n                            value={body}\n                            onChange={(e) => { setBody(e.target.value); setValidationError(null); }}\n                            spellCheck={false}\n                            error={!!validationError}\n                            className=\"w-full\"\n                            inputClassName=\"font-mono text-xs p-3 resize-y\"\n                        />\n                        {validationError && (\n                            <Typography variant=\"caption\" className=\"text-red-500 mt-1 block text-xs\">\n                                {validationError}\n                            </Typography>\n                        )}\n                    </div>\n                )}\n\n                {/* URL Preview */}\n                <div className=\"rounded-lg bg-surface-100 dark:bg-surface-900 p-3\">\n                    <Typography\n                        variant=\"caption\"\n                        className=\"text-text-secondary dark:text-text-secondary-dark text-[10px] uppercase tracking-wider block mb-1\"\n                    >\n                        Request URL\n                    </Typography>\n                    <code className=\"text-xs font-mono text-text-primary dark:text-text-primary-dark break-all\">\n                        {resolvedUrl}\n                    </code>\n                </div>\n\n                {/* Execute Button */}\n                <Button variant=\"filled\" onClick={execute} disabled={loading} className=\"w-full\">\n                    {loading ? (\n                        <span className=\"flex items-center gap-2\">\n                            <LoaderIcon size={iconSize.small} className=\"animate-spin\" />\n                            Sending…\n                        </span>\n                    ) : (\n                        <span className=\"flex items-center gap-2\">\n                            <SendIcon size={iconSize.small} />\n                            Send Request\n                        </span>\n                    )}\n                </Button>\n\n                {/* Response */}\n                {response && (\n                    <div className={cls(\"rounded-lg border overflow-hidden\", defaultBorderMixin)}>\n                        <div\n                            className={cls(\n                                \"flex items-center justify-between px-4 py-2.5\",\n                                \"bg-surface-50 dark:bg-surface-900/50\"\n                            )}\n                        >\n                            <div className=\"flex items-center gap-3\">\n                                <ResponseBadge status={response.status}/>\n                                <Typography\n                                    variant=\"caption\"\n                                    className=\"text-text-secondary dark:text-text-secondary-dark text-xs\"\n                                >\n                                    {response.statusText}\n                                </Typography>\n                            </div>\n                            <Typography\n                                variant=\"caption\"\n                                className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-mono\"\n                            >\n                                {response.time}ms\n                            </Typography>\n                        </div>\n                        <pre\n                            className={cls(\n                                \"p-4 text-xs font-mono overflow-auto max-h-96\",\n                                \"bg-surface-950 text-emerald-400\",\n                                \"dark:bg-surface-900 dark:text-emerald-400\"\n                            )}\n                        >\n                            {response.body}\n                        </pre>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\n/* ── Param Section ────────────────────────────────────────────────── */\n\nfunction ParamSection({\n    title,\n    params,\n    values,\n    onChange\n}: {\n    title: string;\n    params: ParsedEndpoint[\"parameters\"];\n    values: Record<string, string>;\n    onChange: (_key: string, _value: string) => void;\n}) {\n    return (\n        <div>\n            <Typography\n                variant=\"caption\"\n                className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider mb-2 block\"\n            >\n                {title}\n            </Typography>\n            <div className=\"space-y-2\">\n                {params.map((p) => (\n                    <div key={p.name} className=\"flex items-center gap-3\">\n                        <label className=\"w-32 shrink-0\">\n                            <code className=\"text-xs font-mono font-semibold\">{p.name}</code>\n                            {p.required && <span className=\"text-red-500 ml-0.5 text-xs\">*</span>}\n                        </label>\n                        <TextField\n                            size=\"small\"\n                            placeholder={p.description ?? p.name}\n                            value={values[p.name] ?? \"\"}\n                            onChange={(e) => onChange(p.name, e.target.value)}\n                            className=\"flex-1\"\n                            inputClassName=\"font-mono text-xs\"\n                        />\n                    </div>\n                ))}\n            </div>\n        </div>\n    );\n}\n\nfunction CustomKeyValueSection({\n    title,\n    values,\n    onChange,\n    onAdd,\n    onRemove\n}: {\n    title: string;\n    values: Array<{ key: string; value: string }>;\n    onChange: (index: number, key: string, value: string) => void;\n    onAdd: () => void;\n    onRemove: (index: number) => void;\n}) {\n    return (\n        <div>\n            <div className=\"flex items-center justify-between mb-2\">\n                <Typography\n                    variant=\"caption\"\n                    className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-semibold uppercase tracking-wider block\"\n                >\n                    {title}\n                </Typography>\n                <Button\n                    variant=\"text\"\n                    size=\"small\"\n                    color=\"primary\"\n                    onClick={onAdd}\n                    className=\"text-xs p-0 min-h-0\"\n                >\n                    <PlusIcon size={iconSize.small} className=\"mr-1\" /> Add Header\n                </Button>\n            </div>\n            <div className=\"space-y-2\">\n                {values.map((v, i) => (\n                    <div key={i} className=\"flex items-center gap-2\">\n                        <TextField\n                            size=\"small\"\n                            placeholder=\"Header name\"\n                            value={v.key}\n                            onChange={(e) => onChange(i, e.target.value, v.value)}\n                            className=\"w-1/3\"\n                            inputClassName=\"font-mono text-xs\"\n                        />\n                        <TextField\n                            size=\"small\"\n                            placeholder=\"Value\"\n                            value={v.value}\n                            onChange={(e) => onChange(i, v.key, e.target.value)}\n                            className=\"flex-1\"\n                            inputClassName=\"font-mono text-xs\"\n                        />\n                        <IconButton\n                            size=\"small\"\n                            onClick={() => onRemove(i)}\n                            className=\"text-text-secondary hover:text-red-500 shrink-0\"\n                            title=\"Remove\"\n                        >\n                            <XIcon size={iconSize.small} />\n                        </IconButton>\n                    </div>\n                ))}\n                {values.length === 0 && (\n                    <Typography variant=\"caption\" className=\"text-text-secondary/50 italic text-xs\">\n                        No custom headers added.\n                    </Typography>\n                )}\n            </div>\n        </div>\n    );\n}\n\n/* ── Helpers ──────────────────────────────────────────────────────── */\n\nfunction ResponseBadge({ status }: { status: number }) {\n    let colorClass = \"text-red-500\";\n    if (status >= 200 && status < 300) colorClass = \"text-emerald-500\";\n    else if (status >= 300 && status < 400) colorClass = \"text-blue-500\";\n    else if (status >= 400 && status < 500) colorClass = \"text-amber-500\";\n\n    return (\n        <span className={cls(\"text-xs font-bold font-mono\", colorClass)}>\n            {status || \"ERR\"}\n        </span>\n    );\n}\n\nfunction buildBodyTemplate(endpoint: ParsedEndpoint): string {\n    if (!endpoint.requestBody?.content) return \"{\\n  \\n}\";\n    const json = endpoint.requestBody.content[\"application/json\"];\n    if (!json?.schema?.properties) return \"{\\n  \\n}\";\n\n    const props = json.schema.properties;\n    const lines: string[] = [\"{\"];\n    const keys = Object.keys(props);\n    keys.forEach((key, i) => {\n        const prop = props[key];\n        if (prop.readOnly) return;\n        const comma = i < keys.length - 1 ? \",\" : \"\";\n        const val = defaultValue(prop);\n        lines.push(`  \"${key}\": ${val}${comma}`);\n    });\n    lines.push(\"}\");\n    return lines.join(\"\\n\");\n}\n\nfunction defaultValue(schema: { type?: string; format?: string; enum?: (string | number)[] }): string {\n    if (schema.enum) return JSON.stringify(schema.enum[0]);\n    switch (schema.type) {\n        case \"string\":\n            return schema.format === \"date-time\" ? `\"${new Date().toISOString()}\"` : '\"\"';\n        case \"number\":\n        case \"integer\":\n            return \"0\";\n        case \"boolean\":\n            return \"false\";\n        case \"array\":\n            return \"[]\";\n        default:\n            return \"null\";\n    }\n}\n","import React, { useState, useEffect, useMemo } from \"react\";\nimport { useApiConfig, useAuthController } from \"@rebasepro/core\";\nimport {\n    CircularProgress,\n    Typography,\n    Alert,\n    cls,\n    Button,\n    Chip,\n    defaultBorderMixin,\n    SearchBar,\n    iconSize\n} from \"@rebasepro/ui\";\nimport { BookOpenIcon, PlayIcon } from \"@rebasepro/ui\";\nimport { EndpointDetail } from \"./EndpointDetail\";\nimport { TryItPanel } from \"./TryItPanel\";\nimport type { OpenApiSpec, ParsedEndpoint } from \"./types\";\nimport { parseOpenApiSpec } from \"./parseSpec\";\n\n/**\n * Custom-built API Explorer for Rebase Studio.\n * No external dependencies — renders the OpenAPI spec natively\n * with deep integration into the Rebase auth system.\n */\nexport function ApiExplorer() {\n    const apiConfig = useApiConfig();\n    const authController = useAuthController();\n    const apiUrl = apiConfig?.apiUrl;\n\n    const [spec, setSpec] = useState<OpenApiSpec | null>(null);\n    const [loading, setLoading] = useState(true);\n    const [error, setError] = useState<string | null>(null);\n\n    const [selectedEndpoint, setSelectedEndpoint] = useState<ParsedEndpoint | null>(null);\n    const [sidebarFilter, setSidebarFilter] = useState(\"\");\n    const [tryItOpen, setTryItOpen] = useState(false);\n\n    // Fetch OpenAPI spec\n    useEffect(() => {\n        if (!apiUrl) return;\n        let cancelled = false;\n        const specUrl = `${apiUrl.replace(/\\/+$/, \"\")}/api/docs`;\n\n        (async () => {\n            try {\n                const res = await fetch(specUrl);\n                if (!res.ok) throw new Error(`${res.status} ${res.statusText}`);\n                const data = await res.json();\n                if (!cancelled) {\n                    setSpec(data);\n                    setLoading(false);\n                }\n            } catch (err: unknown) {\n                if (!cancelled) {\n                    setError(err instanceof Error ? err.message : \"Failed to load API spec\");\n                    setLoading(false);\n                }\n            }\n        })();\n        return () => {\n            cancelled = true;\n        };\n    }, [apiUrl]);\n\n    // Parse spec into grouped endpoints\n    const { groups, allEndpoints } = useMemo(() => {\n        if (!spec) return { groups: [],\nallEndpoints: [] };\n        return parseOpenApiSpec(spec);\n    }, [spec]);\n\n    // Filter\n    const filteredGroups = useMemo(() => {\n        if (!sidebarFilter.trim()) return groups;\n        const q = sidebarFilter.toLowerCase();\n        return groups\n            .map((g) => ({\n                ...g,\n                endpoints: g.endpoints.filter(\n                    (e) =>\n                        e.path.toLowerCase().includes(q) ||\n                        e.summary.toLowerCase().includes(q) ||\n                        e.method.toLowerCase().includes(q)\n                )\n            }))\n            .filter((g) => g.endpoints.length > 0);\n    }, [groups, sidebarFilter]);\n\n    // Auto-select first endpoint\n    useEffect(() => {\n        if (!selectedEndpoint && allEndpoints.length > 0) {\n            setSelectedEndpoint(allEndpoints[0]);\n        }\n    }, [allEndpoints, selectedEndpoint]);\n\n    // ── States ───────────────────────────────────────────────────────\n    if (!apiUrl) {\n        return (\n            <div className=\"flex items-center justify-center h-full w-full p-8\">\n                <Alert color=\"warning\">\n                    <Typography variant=\"body2\">\n                        No API URL configured. Ensure your app provides an{\" \"}\n                        <code className=\"font-mono text-xs\">apiUrl</code>.\n                    </Typography>\n                </Alert>\n            </div>\n        );\n    }\n\n    if (loading) {\n        return (\n            <div className=\"flex flex-col items-center justify-center h-full w-full gap-4\">\n                <CircularProgress size=\"medium\"/>\n                <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark animate-pulse\">\n                    Loading API specification…\n                </Typography>\n            </div>\n        );\n    }\n\n    if (error || !spec) {\n        return (\n            <div className=\"flex items-center justify-center h-full w-full p-8\">\n                <Alert color=\"error\">\n                    <Typography variant=\"body2\">{error ?? \"Unknown error\"}</Typography>\n                </Alert>\n            </div>\n        );\n    }\n\n    const METHOD_COLORS: Record<string, string> = {\n        get: \"text-blue-600 dark:text-blue-400\",\n        post: \"text-emerald-600 dark:text-emerald-400\",\n        put: \"text-amber-600 dark:text-amber-400\",\n        patch: \"text-orange-600 dark:text-orange-400\",\n        delete: \"text-red-600 dark:text-red-400\"\n    };\n\n    return (\n        <div className=\"flex h-full w-full overflow-hidden\">\n            {/* ── Sidebar ──────────────────────────────────────── */}\n            <div\n                className={cls(\n                    \"w-72 min-w-[272px] flex flex-col h-full overflow-hidden border-r\",\n                    defaultBorderMixin,\n                    \"bg-surface-50 dark:bg-surface-900\"\n                )}\n            >\n                {/* Header */}\n                <div className=\"p-4 space-y-3\">\n                    <div className=\"flex items-center gap-2\">\n                        <BookOpenIcon size={iconSize.medium} className=\"text-primary dark:text-primary-dark\" />\n                        <Typography variant=\"subtitle2\" className=\"font-semibold\">\n                            {spec.info?.title ?? \"API Reference\"}\n                        </Typography>\n                    </div>\n                    {spec.info?.version && (\n                        <Chip size=\"smallest\" colorScheme=\"cyanDarker\">\n                            v{spec.info.version}\n                        </Chip>\n                    )}\n                    {/* Search */}\n                    <div className=\"mb-2\">\n                        <SearchBar\n                            placeholder=\"Filter endpoints…\"\n                            size=\"small\"\n                            onTextSearch={(val) => setSidebarFilter(val ?? \"\")}\n                        />\n                    </div>\n\n                    {/* Auth status removed to avoid redundancy with the AuthSimulationSelector */}\n                </div>\n\n                {/* Endpoint list */}\n                <div className=\"flex-1 overflow-y-auto px-2 pb-4\">\n                    {filteredGroups.map((group) => (\n                        <div key={group.tag} className=\"mb-3\">\n                            <Typography\n                                variant=\"caption\"\n                                className=\"px-2 py-1.5 text-text-secondary dark:text-text-secondary-dark uppercase tracking-wider font-semibold text-[10px]\"\n                            >\n                                {group.tag}\n                            </Typography>\n                            {group.endpoints.map((ep) => {\n                                const isSelected = selectedEndpoint?.id === ep.id;\n                                return (\n                                    <Button\n                                        key={ep.id}\n                                        variant=\"text\"\n                                        color=\"neutral\"\n                                        fullWidth\n                                        onClick={() => {\n                                            setSelectedEndpoint(ep);\n                                            setTryItOpen(false);\n                                        }}\n                                        className={cls(\n                                            \"!justify-between !px-2.5 !py-1.5 !text-left !text-sm\",\n                                            isSelected\n                                                ? \"bg-surface-200 dark:bg-surface-800 font-medium\"\n                                                : \"text-text-primary dark:text-text-primary-dark\"\n                                        )}\n                                    >\n                                        <span className=\"truncate text-[13px] opacity-90\">{ep.summary || ep.shortPath}</span>\n                                        <span\n                                            className={cls(\n                                                \"text-[10px] font-bold uppercase shrink-0\",\n                                                METHOD_COLORS[ep.method] ?? \"text-text-secondary\"\n                                            )}\n                                        >\n                                            {ep.method}\n                                        </span>\n                                    </Button>\n                                );\n                            })}\n                        </div>\n                    ))}\n                    {filteredGroups.length === 0 && (\n                        <Typography\n                            variant=\"body2\"\n                            className=\"text-center text-text-secondary dark:text-text-secondary-dark py-8\"\n                        >\n                            No endpoints match\n                        </Typography>\n                    )}\n                </div>\n            </div>\n\n            {/* ── Main content ─────────────────────────────────── */}\n            <div className=\"flex-1 flex flex-col h-full overflow-hidden\">\n                {selectedEndpoint ? (\n                    <>\n                        {/* Top bar */}\n                        <div\n                            className={cls(\n                                \"flex items-center justify-between px-5 py-3 gap-4 shrink-0 border-b z-10\",\n                                defaultBorderMixin,\n                                \"bg-surface-50/80 dark:bg-surface-950/80 backdrop-blur-md sticky top-0\"\n                            )}\n                        >\n                            <div className=\"flex items-center gap-3 min-w-0\">\n                                <span\n                                    className={cls(\n                                        \"text-xs font-bold uppercase\",\n                                        METHOD_COLORS[selectedEndpoint.method] ?? \"\"\n                                    )}\n                                >\n                                    {selectedEndpoint.method}\n                                </span>\n                                <code className=\"text-sm font-mono text-text-primary dark:text-text-primary-dark truncate\">\n                                    {selectedEndpoint.path}\n                                </code>\n                            </div>\n                            <Button\n                                variant={tryItOpen ? \"filled\" : \"outlined\"}\n                                size=\"small\"\n                                onClick={() => setTryItOpen((v) => !v)}\n                            >\n                                <PlayIcon size={iconSize.small} className=\"mr-1\" />\n                                Try It\n                            </Button>\n                        </div>\n\n                        {/* Body */}\n                        <div className=\"flex-1 overflow-y-auto\">\n                            {tryItOpen ? (\n                                <TryItPanel\n                                    key={selectedEndpoint.operationId || selectedEndpoint.path}\n                                    endpoint={selectedEndpoint}\n                                    apiUrl={apiUrl}\n                                    getAuthToken={apiConfig?.getAuthToken ?? authController.getAuthToken}\n                                    user={authController.user}\n                                    basePath={spec?.servers?.[0]?.url || \"\"}\n                                />\n                            ) : (\n                                <EndpointDetail endpoint={selectedEndpoint} spec={spec}/>\n                            )}\n                        </div>\n                    </>\n                ) : (\n                    <div className=\"flex items-center justify-center h-full\">\n                        <Typography variant=\"body2\" className=\"text-text-secondary dark:text-text-secondary-dark\">\n                            Select an endpoint from the sidebar\n                        </Typography>\n                    </div>\n                )}\n            </div>\n        </div>\n    );\n}\n\nApiExplorer.displayName = \"ApiExplorer\";\n\n"],"mappings":"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"}

package/dist/AuthSimulationSelector-iEZ-Or_1.js

@@ -0,0 +1,56 @@
+import { UserSelectPopover } from "@rebasepro/core";
+import "react";
+import { Button, KeyRoundIcon, Typography, iconSize } from "@rebasepro/ui";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/AuthSimulationSelector.tsx
+function AuthSimulationSelector({ authMode, setAuthMode, selectedUser, setSelectedUser, users, loading, currentUser }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "flex flex-wrap items-center gap-3",
+		children: [
+			/* @__PURE__ */ jsx(KeyRoundIcon, {
+				size: iconSize.small,
+				className: "text-text-secondary dark:text-text-secondary-dark"
+			}),
+			/* @__PURE__ */ jsx(Typography, {
+				variant: "caption",
+				className: "text-text-secondary dark:text-text-secondary-dark text-xs font-medium",
+				children: "Auth:"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				size: "small",
+				variant: authMode === "jwt" ? "outlined" : "outlined",
+				color: authMode === "jwt" ? "primary" : "neutral",
+				onClick: () => setAuthMode("jwt"),
+				className: "rounded-full !px-3 !py-1 !text-xs",
+				children: "JWT Token"
+			}),
+			/* @__PURE__ */ jsx(Button, {
+				size: "small",
+				variant: authMode === "none" ? "outlined" : "outlined",
+				color: authMode === "none" ? "error" : "neutral",
+				onClick: () => setAuthMode("none"),
+				className: "rounded-full !px-3 !py-1 !text-xs",
+				children: "No Auth"
+			}),
+			authMode === "jwt" && /* @__PURE__ */ jsxs(Fragment, { children: [
+				/* @__PURE__ */ jsx("div", { className: "w-px h-4 bg-surface-300 dark:bg-surface-600 mx-1" }),
+				/* @__PURE__ */ jsx(Typography, {
+					variant: "caption",
+					className: "text-text-secondary dark:text-text-secondary-dark text-xs font-medium",
+					children: "Run as:"
+				}),
+				/* @__PURE__ */ jsx(UserSelectPopover, {
+					selectedUser,
+					onUserSelected: setSelectedUser,
+					users,
+					loading,
+					currentUser
+				})
+			] })
+		]
+	});
+}
+//#endregion
+export { AuthSimulationSelector as t };
+
+//# sourceMappingURL=AuthSimulationSelector-iEZ-Or_1.js.map

package/dist/AuthSimulationSelector-iEZ-Or_1.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuthSimulationSelector-iEZ-Or_1.js","names":[],"sources":["../src/components/AuthSimulationSelector.tsx"],"sourcesContent":["import React from \"react\";\nimport { Button, cls, iconSize, KeyRoundIcon, Typography } from \"@rebasepro/ui\";\nimport { UserSelectPopover, SelectableUser } from \"@rebasepro/core\";\n\nexport interface AuthSimulationSelectorProps {\n    authMode: \"jwt\" | \"none\";\n    setAuthMode: (mode: \"jwt\" | \"none\") => void;\n    selectedUser: SelectableUser | null;\n    setSelectedUser: (user: SelectableUser | null) => void;\n    users: SelectableUser[];\n    loading?: boolean;\n    currentUser: SelectableUser | null;\n}\n\nexport function AuthSimulationSelector({\n    authMode,\n    setAuthMode,\n    selectedUser,\n    setSelectedUser,\n    users,\n    loading,\n    currentUser\n}: AuthSimulationSelectorProps) {\n    return (\n        <div className=\"flex flex-wrap items-center gap-3\">\n            <KeyRoundIcon size={iconSize.small} className=\"text-text-secondary dark:text-text-secondary-dark\" />\n            <Typography\n                variant=\"caption\"\n                className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-medium\"\n            >\n                Auth:\n            </Typography>\n            <Button\n                size=\"small\"\n                variant={authMode === \"jwt\" ? \"outlined\" : \"outlined\"}\n                color={authMode === \"jwt\" ? \"primary\" : \"neutral\"}\n                onClick={() => setAuthMode(\"jwt\")}\n                className=\"rounded-full !px-3 !py-1 !text-xs\"\n            >\n                JWT Token\n            </Button>\n            <Button\n                size=\"small\"\n                variant={authMode === \"none\" ? \"outlined\" : \"outlined\"}\n                color={authMode === \"none\" ? \"error\" : \"neutral\"}\n                onClick={() => setAuthMode(\"none\")}\n                className=\"rounded-full !px-3 !py-1 !text-xs\"\n            >\n                No Auth\n            </Button>\n\n            {authMode === \"jwt\" && (\n                <>\n                    <div className=\"w-px h-4 bg-surface-300 dark:bg-surface-600 mx-1\" />\n                    <Typography\n                        variant=\"caption\"\n                        className=\"text-text-secondary dark:text-text-secondary-dark text-xs font-medium\"\n                    >\n                        Run as:\n                    </Typography>\n                    <UserSelectPopover\n                        selectedUser={selectedUser}\n                        onUserSelected={setSelectedUser}\n                        users={users}\n                        loading={loading}\n                        currentUser={currentUser}\n                    />\n                </>\n            )}\n        </div>\n    );\n}\n"],"mappings":";;;;;AAcA,SAAgB,uBAAuB,EACnC,UACA,aACA,cACA,iBACA,OACA,SACA,eAC4B;CAC5B,OACI,qBAAC,OAAD;EAAK,WAAU;YAAf;GACI,oBAAC,cAAD;IAAc,MAAM,SAAS;IAAO,WAAU;GAAqD,CAAA;GACnG,oBAAC,YAAD;IACI,SAAQ;IACR,WAAU;cACb;GAEW,CAAA;GACZ,oBAAC,QAAD;IACI,MAAK;IACL,SAAS,aAAa,QAAQ,aAAa;IAC3C,OAAO,aAAa,QAAQ,YAAY;IACxC,eAAe,YAAY,KAAK;IAChC,WAAU;cACb;GAEO,CAAA;GACR,oBAAC,QAAD;IACI,MAAK;IACL,SAAS,aAAa,SAAS,aAAa;IAC5C,OAAO,aAAa,SAAS,UAAU;IACvC,eAAe,YAAY,MAAM;IACjC,WAAU;cACb;GAEO,CAAA;GAEP,aAAa,SACV,qBAAA,UAAA,EAAA,UAAA;IACI,oBAAC,OAAD,EAAK,WAAU,mDAAoD,CAAA;IACnE,oBAAC,YAAD;KACI,SAAQ;KACR,WAAU;eACb;IAEW,CAAA;IACZ,oBAAC,mBAAD;KACkB;KACd,gBAAgB;KACT;KACE;KACI;IAChB,CAAA;GACH,EAAA,CAAA;EAEL;;AAEb"}