@djangocfg/ui-tools 2.1.289 → 2.1.290

package/dist/{chunk-VZGQC3NG.mjs → chunk-EFWOJPA6.mjs}

@@ -3,10 +3,13 @@ import React3, { lazy, createContext, useState, useMemo, useCallback, Suspense,
 import '@djangocfg/ui-core/styles/palette';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import ReactMarkdown from 'react-markdown';
+import rehypeRaw from 'rehype-raw';
+import rehypeSanitize, { defaultSchema } from 'rehype-sanitize';
 import remarkGfm from 'remark-gfm';
 import { CopyButton } from '@djangocfg/ui-core/components';
 import { useSessionStorage, useResolvedTheme } from '@djangocfg/ui-core/hooks';
-import consola from 'consola';
+import consola2 from 'consola';
+import { sample } from 'openapi-sampler';
 
 var MermaidClient = lazy(() => import('./Mermaid.client-XFQ74OYN.mjs'));
 var LoadingFallback = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "flex justify-center items-center min-h-[100px]", children: /* @__PURE__ */ jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }) }), "LoadingFallback");
@@ -14,7 +17,7 @@ var Mermaid = /* @__PURE__ */ __name((props) => {
   return /* @__PURE__ */ jsx(Suspense, { fallback: /* @__PURE__ */ jsx(LoadingFallback, {}), children: /* @__PURE__ */ jsx(MermaidClient, { ...props }) });
 }, "Mermaid");
 var Mermaid_default = Mermaid;
-var PrettyCodeClient = lazy(() => import('./PrettyCode.client-IZTXXYHG.mjs'));
+var PrettyCodeClient = lazy(() => import('./PrettyCode.client-SPMTQEG4.mjs'));
 var LoadingFallback2 = /* @__PURE__ */ __name(() => /* @__PURE__ */ jsx("div", { className: "relative rounded-sm border border-border overflow-hidden bg-muted dark:bg-zinc-900", children: /* @__PURE__ */ jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ jsx("div", { className: "animate-pulse h-4 w-4 rounded-full bg-muted-foreground/20" }),
   /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Loading code..." })
@@ -138,6 +141,26 @@ function useCollapsibleContent(content, options = {}) {
   };
 }
 __name(useCollapsibleContent, "useCollapsibleContent");
+var HTML_SCHEMA = {
+  ...defaultSchema,
+  tagNames: [
+    ...defaultSchema.tagNames ?? [],
+    "br",
+    "b",
+    "i",
+    "u",
+    "s",
+    "sub",
+    "sup",
+    "small",
+    "mark",
+    "kbd",
+    "code",
+    "pre",
+    "details",
+    "summary"
+  ]
+};
 var extractTextFromChildren = /* @__PURE__ */ __name((children) => {
   if (typeof children === "string") {
     return children;
@@ -288,6 +311,9 @@ var hasMarkdownSyntax = /* @__PURE__ */ __name((text) => {
   if (text.trim().includes("\n")) {
     return true;
   }
+  if (/<\/?[a-zA-Z][a-zA-Z0-9-]*(\s[^>]*)?\/?>/.test(text)) {
+    return true;
+  }
   const markdownPatterns = [
     /^#{1,6}\s/m,
     // Headers
@@ -465,6 +491,7 @@ var MarkdownMessage = /* @__PURE__ */ __name(({
           ReactMarkdown,
           {
             remarkPlugins: [remarkGfm],
+            rehypePlugins: [rehypeRaw, [rehypeSanitize, HTML_SCHEMA]],
             components,
             children: displayContent
           }
@@ -491,6 +518,299 @@ function findApiKeyById(apiKeys, keyId) {
 }
 __name(findApiKeyById, "findApiKeyById");
 
+// src/tools/OpenapiViewer/utils/codeSamples.ts
+var CODE_SAMPLE_TARGETS = [
+  { id: "curl", label: "cURL", prism: "bash" },
+  { id: "fetch", label: "JavaScript", prism: "javascript" },
+  { id: "axios", label: "Node (axios)", prism: "javascript" },
+  { id: "python", label: "Python", prism: "python" },
+  { id: "go", label: "Go", prism: "go" },
+  { id: "php", label: "PHP", prism: "php" },
+  { id: "ruby", label: "Ruby", prism: "ruby" },
+  { id: "java", label: "Java", prism: "java" }
+];
+function goRawString(s) {
+  return s.includes("`") ? JSON.stringify(s) : `\`${s}\``;
+}
+__name(goRawString, "goRawString");
+function rubyHeredoc(s) {
+  return `<<~JSON
+${s}
+JSON`;
+}
+__name(rubyHeredoc, "rubyHeredoc");
+function phpHeredoc(s) {
+  return `<<<JSON
+${s}
+JSON`;
+}
+__name(phpHeredoc, "phpHeredoc");
+function javaTextBlock(s) {
+  if (s.includes('"""')) return JSON.stringify(s);
+  return `"""
+${s}
+"""`;
+}
+__name(javaTextBlock, "javaTextBlock");
+function fullUrl(har) {
+  if (!har.queryString.length) return har.url;
+  const qs = har.queryString.map((p) => `${encodeURIComponent(p.name)}=${encodeURIComponent(p.value)}`).join("&");
+  const sep = har.url.includes("?") ? "&" : "?";
+  return `${har.url}${sep}${qs}`;
+}
+__name(fullUrl, "fullUrl");
+function shellEscape(value) {
+  return `'${value.replace(/'/g, `'\\''`)}'`;
+}
+__name(shellEscape, "shellEscape");
+function renderCurl(har) {
+  const lines = [`curl -X ${har.method} ${shellEscape(fullUrl(har))}`];
+  for (const h of har.headers) {
+    lines.push(`  -H ${shellEscape(`${h.name}: ${h.value}`)}`);
+  }
+  if (har.postData?.text) {
+    lines.push(`  -d ${shellEscape(har.postData.text)}`);
+  }
+  return lines.join(" \\\n");
+}
+__name(renderCurl, "renderCurl");
+function jsHeadersLiteral(har, indent) {
+  if (!har.headers.length) return "{}";
+  const entries = har.headers.map((h) => `${indent}  ${JSON.stringify(h.name)}: ${JSON.stringify(h.value)}`).join(",\n");
+  return `{
+${entries},
+${indent}}`;
+}
+__name(jsHeadersLiteral, "jsHeadersLiteral");
+function jsTemplateLiteral(s) {
+  if (/[`$]/.test(s)) return JSON.stringify(s);
+  return `\`${s}\``;
+}
+__name(jsTemplateLiteral, "jsTemplateLiteral");
+function renderFetch(har) {
+  const url = fullUrl(har);
+  const options = [`  method: ${JSON.stringify(har.method)}`];
+  if (har.headers.length) {
+    options.push(`  headers: ${jsHeadersLiteral(har, "  ")}`);
+  }
+  if (har.postData?.text) {
+    options.push(`  body: ${jsTemplateLiteral(har.postData.text)}`);
+  }
+  return `const response = await fetch(${JSON.stringify(url)}, {
+${options.join(",\n")},
+});
+const data = await response.json();`;
+}
+__name(renderFetch, "renderFetch");
+function renderAxios(har) {
+  const url = fullUrl(har);
+  const config = [
+    `  method: ${JSON.stringify(har.method.toLowerCase())}`,
+    `  url: ${JSON.stringify(url)}`
+  ];
+  if (har.headers.length) {
+    config.push(`  headers: ${jsHeadersLiteral(har, "  ")}`);
+  }
+  if (har.postData?.text) {
+    config.push(`  data: ${har.postData.text}`);
+  }
+  return `import axios from 'axios';
+
+const { data } = await axios({
+${config.join(",\n")},
+});`;
+}
+__name(renderAxios, "renderAxios");
+function renderPython(har) {
+  const lines = [`import requests`, ``];
+  lines.push(`url = ${JSON.stringify(fullUrl(har))}`);
+  if (har.headers.length) {
+    const headerEntries = har.headers.map((h) => `    ${JSON.stringify(h.name)}: ${JSON.stringify(h.value)}`).join(",\n");
+    lines.push(`headers = {
+${headerEntries},
+}`);
+  }
+  if (har.postData?.text) {
+    lines.push(`payload = ${har.postData.text}`);
+  }
+  const args = [`url`];
+  if (har.headers.length) args.push(`headers=headers`);
+  if (har.postData?.text) args.push(`json=payload`);
+  lines.push(``, `response = requests.${har.method.toLowerCase()}(${args.join(", ")})`);
+  lines.push(`data = response.json()`);
+  return lines.join("\n");
+}
+__name(renderPython, "renderPython");
+function renderGo(har) {
+  const url = fullUrl(har);
+  const lines = [
+    `package main`,
+    ``,
+    `import (`,
+    `    "fmt"`,
+    `    "io"`
+  ];
+  if (har.postData?.text) lines.push(`    "strings"`);
+  lines.push(`    "net/http"`);
+  lines.push(`)`, ``, `func main() {`);
+  if (har.postData?.text) {
+    lines.push(`    payload := strings.NewReader(${goRawString(har.postData.text)})`);
+    lines.push(`    req, _ := http.NewRequest(${JSON.stringify(har.method)}, ${JSON.stringify(url)}, payload)`);
+  } else {
+    lines.push(`    req, _ := http.NewRequest(${JSON.stringify(har.method)}, ${JSON.stringify(url)}, nil)`);
+  }
+  for (const h of har.headers) {
+    lines.push(`    req.Header.Add(${JSON.stringify(h.name)}, ${JSON.stringify(h.value)})`);
+  }
+  lines.push(
+    ``,
+    `    res, _ := http.DefaultClient.Do(req)`,
+    `    defer res.Body.Close()`,
+    `    body, _ := io.ReadAll(res.Body)`,
+    `    fmt.Println(string(body))`,
+    `}`
+  );
+  return lines.join("\n");
+}
+__name(renderGo, "renderGo");
+function renderPhp(har) {
+  const lines = [`<?php`, ``, `$curl = curl_init();`, ``, `curl_setopt_array($curl, [`];
+  lines.push(`    CURLOPT_URL => ${JSON.stringify(fullUrl(har))},`);
+  lines.push(`    CURLOPT_RETURNTRANSFER => true,`);
+  lines.push(`    CURLOPT_CUSTOMREQUEST => ${JSON.stringify(har.method)},`);
+  if (har.postData?.text) {
+    lines.push(`    CURLOPT_POSTFIELDS => ${phpHeredoc(har.postData.text)},`);
+  }
+  if (har.headers.length) {
+    const headerList = har.headers.map((h) => `        ${JSON.stringify(`${h.name}: ${h.value}`)}`).join(",\n");
+    lines.push(`    CURLOPT_HTTPHEADER => [
+${headerList},
+    ],`);
+  }
+  lines.push(`]);`, ``, `$response = curl_exec($curl);`, `curl_close($curl);`, `echo $response;`);
+  return lines.join("\n");
+}
+__name(renderPhp, "renderPhp");
+function renderRuby(har) {
+  const lines = [
+    `require 'net/http'`,
+    `require 'uri'`,
+    `require 'json'`,
+    ``,
+    `uri = URI(${JSON.stringify(fullUrl(har))})`,
+    `http = Net::HTTP.new(uri.host, uri.port)`,
+    `http.use_ssl = uri.scheme == 'https'`,
+    ``
+  ];
+  const methodClass = har.method.charAt(0) + har.method.slice(1).toLowerCase();
+  lines.push(`request = Net::HTTP::${methodClass}.new(uri)`);
+  for (const h of har.headers) {
+    lines.push(`request[${JSON.stringify(h.name)}] = ${JSON.stringify(h.value)}`);
+  }
+  if (har.postData?.text) {
+    lines.push(`request.body = ${rubyHeredoc(har.postData.text)}`);
+  }
+  lines.push(``, `response = http.request(request)`, `puts response.body`);
+  return lines.join("\n");
+}
+__name(renderRuby, "renderRuby");
+function renderJava(har) {
+  const lines = [
+    `OkHttpClient client = new OkHttpClient();`,
+    ``
+  ];
+  if (har.postData?.text) {
+    lines.push(
+      `MediaType mediaType = MediaType.parse("application/json");`,
+      `RequestBody body = RequestBody.create(mediaType, ${javaTextBlock(har.postData.text)});`,
+      ``
+    );
+  }
+  lines.push(`Request request = new Request.Builder()`);
+  lines.push(`  .url(${JSON.stringify(fullUrl(har))})`);
+  if (har.postData?.text) {
+    lines.push(`  .method(${JSON.stringify(har.method)}, body)`);
+  } else {
+    lines.push(`  .method(${JSON.stringify(har.method)}, null)`);
+  }
+  for (const h of har.headers) {
+    lines.push(`  .addHeader(${JSON.stringify(h.name)}, ${JSON.stringify(h.value)})`);
+  }
+  lines.push(`  .build();`, ``, `Response response = client.newCall(request).execute();`);
+  return lines.join("\n");
+}
+__name(renderJava, "renderJava");
+var RENDERERS = {
+  curl: renderCurl,
+  fetch: renderFetch,
+  axios: renderAxios,
+  python: renderPython,
+  go: renderGo,
+  php: renderPhp,
+  ruby: renderRuby,
+  java: renderJava
+};
+function renderSnippet(har, targetId) {
+  const renderer = RENDERERS[targetId];
+  if (!renderer) return null;
+  try {
+    return renderer(har);
+  } catch {
+    return null;
+  }
+}
+__name(renderSnippet, "renderSnippet");
+
+// src/tools/OpenapiViewer/utils/operationToHar.ts
+function buildUrl(endpoint, parameters, baseUrl) {
+  const pathParamNames = new Set(
+    (endpoint.parameters ?? []).filter((p) => endpoint.path.includes(`{${p.name}}`)).map((p) => p.name)
+  );
+  let path = endpoint.path;
+  for (const name of pathParamNames) {
+    const value = parameters[name] ?? `{${name}}`;
+    path = path.replaceAll(`{${name}}`, encodeURIComponent(value));
+  }
+  const queryString = [];
+  for (const param of endpoint.parameters ?? []) {
+    if (pathParamNames.has(param.name)) continue;
+    const value = parameters[param.name];
+    if (value === void 0 || value === "") continue;
+    queryString.push({ name: param.name, value });
+  }
+  const url = baseUrl ? `${baseUrl.replace(/\/+$/, "")}${path.startsWith("/") ? path : `/${path}`}` : path;
+  return { url, queryString };
+}
+__name(buildUrl, "buildUrl");
+function buildHarRequest(input) {
+  const { endpoint, body, parameters = {}, headers = {}, baseUrl } = input;
+  const { url, queryString } = buildUrl(endpoint, parameters, baseUrl);
+  const hasBody = Boolean(body && body.trim().length > 0);
+  const bodyMime = hasBody ? "application/json" : void 0;
+  const mergedHeaders = {};
+  if (hasBody && bodyMime) mergedHeaders["Content-Type"] = bodyMime;
+  mergedHeaders["Accept"] = "application/json";
+  for (const [k, v] of Object.entries(headers)) {
+    if (v === void 0 || v === "") continue;
+    mergedHeaders[k] = v;
+  }
+  const har = {
+    method: endpoint.method.toUpperCase(),
+    url,
+    httpVersion: "HTTP/1.1",
+    headers: Object.entries(mergedHeaders).map(([name, value]) => ({ name, value })),
+    queryString,
+    cookies: [],
+    headersSize: -1,
+    bodySize: hasBody ? new TextEncoder().encode(body).length : 0
+  };
+  if (hasBody && bodyMime) {
+    har.postData = { mimeType: bodyMime, text: body };
+  }
+  return har;
+}
+__name(buildHarRequest, "buildHarRequest");
+
 // src/tools/OpenapiViewer/utils/versionManager.ts
 var API_VERSIONS = [
   {
@@ -570,6 +890,26 @@ var parseRequestHeaders = /* @__PURE__ */ __name((headersString) => {
     return { "Content-Type": "application/json" };
   }
 }, "parseRequestHeaders");
+function sampleSchema(schema, options = {}, spec) {
+  if (!schema) return null;
+  try {
+    return sample(schema, options, spec);
+  } catch (err) {
+    consola2.warn("[OpenapiViewer] sampleSchema failed:", err, { schema });
+    return null;
+  }
+}
+__name(sampleSchema, "sampleSchema");
+function sampleSchemaJson(schema, options = {}, spec) {
+  const value = sampleSchema(schema, options, spec);
+  if (value === null || value === void 0) return void 0;
+  try {
+    return JSON.stringify(value, null, 2);
+  } catch {
+    return void 0;
+  }
+}
+__name(sampleSchemaJson, "sampleSchemaJson");
 
 // src/tools/OpenapiViewer/utils/url.ts
 var PATH_PARAM_RE = /\{([^{}]+)\}/g;
@@ -978,7 +1318,7 @@ var PlaygroundProvider = /* @__PURE__ */ __name(({ children, config }) => {
         dispatch({ type: "SYNC_API_KEY_HEADER", headers: JSON.stringify(headers, null, 2) });
       }
     } catch (error) {
-      consola.error("Error updating headers:", error);
+      consola2.error("Error updating headers:", error);
     }
   }, [state.selectedApiKey, apiKeys]);
   useEffect(() => {
@@ -1009,7 +1349,7 @@ var PlaygroundProvider = /* @__PURE__ */ __name(({ children, config }) => {
   const clearAll = useCallback(() => dispatch({ type: "RESET" }), []);
   const sendRequest = useCallback(async () => {
     if (!state.requestUrl) {
-      consola.error("No URL provided");
+      consola2.error("No URL provided");
       return;
     }
     abortControllerRef.current?.abort();
@@ -1053,10 +1393,10 @@ var PlaygroundProvider = /* @__PURE__ */ __name(({ children, config }) => {
           duration
         }
       });
-      consola.success(`${state.requestMethod} ${state.requestUrl} \u2192 ${response.status} (${duration}ms)`);
+      consola2.success(`${state.requestMethod} ${state.requestUrl} \u2192 ${response.status} (${duration}ms)`);
     } catch (error) {
       if (error instanceof DOMException && error.name === "AbortError") return;
-      consola.error("Request failed:", error);
+      consola2.error("Request failed:", error);
       dispatch({
         type: "REQUEST_ERROR",
         response: {
@@ -1095,6 +1435,6 @@ var PlaygroundProvider = /* @__PURE__ */ __name(({ children, config }) => {
   return /* @__PURE__ */ jsx(PlaygroundContext.Provider, { value: contextValue, children });
 }, "PlaygroundProvider");
 
-export { MarkdownMessage, Mermaid_default, PlaygroundProvider, PrettyCode_default, UrlBuilder, deduplicateEndpoints, dereferenceSchema, endpointToMarkdown, findApiKeyById, formatBytes, isValidJson, joinUrl, parseRequestHeaders, relativePath, resolveAbsolute, resolveBaseUrl, toCompactJson, toMarkdown, toRawJson, useCollapsibleContent, usePlaygroundContext };
-//# sourceMappingURL=chunk-VZGQC3NG.mjs.map
-//# sourceMappingURL=chunk-VZGQC3NG.mjs.map
+export { CODE_SAMPLE_TARGETS, MarkdownMessage, Mermaid_default, PlaygroundProvider, PrettyCode_default, UrlBuilder, buildHarRequest, deduplicateEndpoints, dereferenceSchema, endpointToMarkdown, findApiKeyById, formatBytes, isValidJson, joinUrl, parseRequestHeaders, relativePath, renderSnippet, resolveAbsolute, resolveBaseUrl, sampleSchemaJson, toCompactJson, toMarkdown, toRawJson, useCollapsibleContent, usePlaygroundContext };
+//# sourceMappingURL=chunk-EFWOJPA6.mjs.map
+//# sourceMappingURL=chunk-EFWOJPA6.mjs.map