@djangocfg/ui-tools 2.1.289 → 2.1.290

package/dist/{chunk-IULI4XII.cjs → chunk-5Q4UMSWB.cjs}

@@ -5,17 +5,22 @@ var React3 = require('react');
 require('@djangocfg/ui-core/styles/palette');
 var jsxRuntime = require('react/jsx-runtime');
 var ReactMarkdown = require('react-markdown');
+var rehypeRaw = require('rehype-raw');
+var rehypeSanitize = require('rehype-sanitize');
 var remarkGfm = require('remark-gfm');
 var components = require('@djangocfg/ui-core/components');
 var hooks = require('@djangocfg/ui-core/hooks');
-var consola = require('consola');
+var consola2 = require('consola');
+var openapiSampler = require('openapi-sampler');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var React3__default = /*#__PURE__*/_interopDefault(React3);
 var ReactMarkdown__default = /*#__PURE__*/_interopDefault(ReactMarkdown);
+var rehypeRaw__default = /*#__PURE__*/_interopDefault(rehypeRaw);
+var rehypeSanitize__default = /*#__PURE__*/_interopDefault(rehypeSanitize);
 var remarkGfm__default = /*#__PURE__*/_interopDefault(remarkGfm);
-var consola__default = /*#__PURE__*/_interopDefault(consola);
+var consola2__default = /*#__PURE__*/_interopDefault(consola2);
 
 var MermaidClient = React3.lazy(() => import('./Mermaid.client-RSWUUHIL.cjs'));
 var LoadingFallback = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex justify-center items-center min-h-[100px]", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-spin rounded-full h-6 w-6 border-b-2 border-primary" }) }), "LoadingFallback");
@@ -23,7 +28,7 @@ var Mermaid = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(React3.Suspense, { fallback: /* @__PURE__ */ jsxRuntime.jsx(LoadingFallback, {}), children: /* @__PURE__ */ jsxRuntime.jsx(MermaidClient, { ...props }) });
 }, "Mermaid");
 var Mermaid_default = Mermaid;
-var PrettyCodeClient = React3.lazy(() => import('./PrettyCode.client-5GABIN2I.cjs'));
+var PrettyCodeClient = React3.lazy(() => import('./PrettyCode.client-RPDIE5CH.cjs'));
 var LoadingFallback2 = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(() => /* @__PURE__ */ jsxRuntime.jsx("div", { className: "relative rounded-sm border border-border overflow-hidden bg-muted dark:bg-zinc-900", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "p-4", children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
   /* @__PURE__ */ jsxRuntime.jsx("div", { className: "animate-pulse h-4 w-4 rounded-full bg-muted-foreground/20" }),
   /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs text-muted-foreground", children: "Loading code..." })
@@ -147,6 +152,26 @@ function useCollapsibleContent(content, options = {}) {
   };
 }
 chunkWGEGR3DF_cjs.__name(useCollapsibleContent, "useCollapsibleContent");
+var HTML_SCHEMA = {
+  ...rehypeSanitize.defaultSchema,
+  tagNames: [
+    ...rehypeSanitize.defaultSchema.tagNames ?? [],
+    "br",
+    "b",
+    "i",
+    "u",
+    "s",
+    "sub",
+    "sup",
+    "small",
+    "mark",
+    "kbd",
+    "code",
+    "pre",
+    "details",
+    "summary"
+  ]
+};
 var extractTextFromChildren = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((children) => {
   if (typeof children === "string") {
     return children;
@@ -297,6 +322,9 @@ var hasMarkdownSyntax = /* @__PURE__ */ chunkWGEGR3DF_cjs.__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
@@ -474,6 +502,7 @@ var MarkdownMessage = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({
           ReactMarkdown__default.default,
           {
             remarkPlugins: [remarkGfm__default.default],
+            rehypePlugins: [rehypeRaw__default.default, [rehypeSanitize__default.default, HTML_SCHEMA]],
             components,
             children: displayContent
           }
@@ -500,6 +529,299 @@ function findApiKeyById(apiKeys, keyId) {
 }
 chunkWGEGR3DF_cjs.__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}\``;
+}
+chunkWGEGR3DF_cjs.__name(goRawString, "goRawString");
+function rubyHeredoc(s) {
+  return `<<~JSON
+${s}
+JSON`;
+}
+chunkWGEGR3DF_cjs.__name(rubyHeredoc, "rubyHeredoc");
+function phpHeredoc(s) {
+  return `<<<JSON
+${s}
+JSON`;
+}
+chunkWGEGR3DF_cjs.__name(phpHeredoc, "phpHeredoc");
+function javaTextBlock(s) {
+  if (s.includes('"""')) return JSON.stringify(s);
+  return `"""
+${s}
+"""`;
+}
+chunkWGEGR3DF_cjs.__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}`;
+}
+chunkWGEGR3DF_cjs.__name(fullUrl, "fullUrl");
+function shellEscape(value) {
+  return `'${value.replace(/'/g, `'\\''`)}'`;
+}
+chunkWGEGR3DF_cjs.__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");
+}
+chunkWGEGR3DF_cjs.__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}}`;
+}
+chunkWGEGR3DF_cjs.__name(jsHeadersLiteral, "jsHeadersLiteral");
+function jsTemplateLiteral(s) {
+  if (/[`$]/.test(s)) return JSON.stringify(s);
+  return `\`${s}\``;
+}
+chunkWGEGR3DF_cjs.__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();`;
+}
+chunkWGEGR3DF_cjs.__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")},
+});`;
+}
+chunkWGEGR3DF_cjs.__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");
+}
+chunkWGEGR3DF_cjs.__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");
+}
+chunkWGEGR3DF_cjs.__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");
+}
+chunkWGEGR3DF_cjs.__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");
+}
+chunkWGEGR3DF_cjs.__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");
+}
+chunkWGEGR3DF_cjs.__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;
+  }
+}
+chunkWGEGR3DF_cjs.__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 };
+}
+chunkWGEGR3DF_cjs.__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;
+}
+chunkWGEGR3DF_cjs.__name(buildHarRequest, "buildHarRequest");
+
 // src/tools/OpenapiViewer/utils/versionManager.ts
 var API_VERSIONS = [
   {
@@ -579,6 +901,26 @@ var parseRequestHeaders = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name((headersStrin
     return { "Content-Type": "application/json" };
   }
 }, "parseRequestHeaders");
+function sampleSchema(schema, options = {}, spec) {
+  if (!schema) return null;
+  try {
+    return openapiSampler.sample(schema, options, spec);
+  } catch (err) {
+    consola2__default.default.warn("[OpenapiViewer] sampleSchema failed:", err, { schema });
+    return null;
+  }
+}
+chunkWGEGR3DF_cjs.__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;
+  }
+}
+chunkWGEGR3DF_cjs.__name(sampleSchemaJson, "sampleSchemaJson");
 
 // src/tools/OpenapiViewer/utils/url.ts
 var PATH_PARAM_RE = /\{([^{}]+)\}/g;
@@ -987,7 +1329,7 @@ var PlaygroundProvider = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children, c
         dispatch({ type: "SYNC_API_KEY_HEADER", headers: JSON.stringify(headers, null, 2) });
       }
     } catch (error) {
-      consola__default.default.error("Error updating headers:", error);
+      consola2__default.default.error("Error updating headers:", error);
     }
   }, [state.selectedApiKey, apiKeys]);
   React3.useEffect(() => {
@@ -1018,7 +1360,7 @@ var PlaygroundProvider = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children, c
   const clearAll = React3.useCallback(() => dispatch({ type: "RESET" }), []);
   const sendRequest = React3.useCallback(async () => {
     if (!state.requestUrl) {
-      consola__default.default.error("No URL provided");
+      consola2__default.default.error("No URL provided");
       return;
     }
     abortControllerRef.current?.abort();
@@ -1062,10 +1404,10 @@ var PlaygroundProvider = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children, c
           duration
         }
       });
-      consola__default.default.success(`${state.requestMethod} ${state.requestUrl} \u2192 ${response.status} (${duration}ms)`);
+      consola2__default.default.success(`${state.requestMethod} ${state.requestUrl} \u2192 ${response.status} (${duration}ms)`);
     } catch (error) {
       if (error instanceof DOMException && error.name === "AbortError") return;
-      consola__default.default.error("Request failed:", error);
+      consola2__default.default.error("Request failed:", error);
       dispatch({
         type: "REQUEST_ERROR",
         response: {
@@ -1104,11 +1446,13 @@ var PlaygroundProvider = /* @__PURE__ */ chunkWGEGR3DF_cjs.__name(({ children, c
   return /* @__PURE__ */ jsxRuntime.jsx(PlaygroundContext.Provider, { value: contextValue, children });
 }, "PlaygroundProvider");
 
+exports.CODE_SAMPLE_TARGETS = CODE_SAMPLE_TARGETS;
 exports.MarkdownMessage = MarkdownMessage;
 exports.Mermaid_default = Mermaid_default;
 exports.PlaygroundProvider = PlaygroundProvider;
 exports.PrettyCode_default = PrettyCode_default;
 exports.UrlBuilder = UrlBuilder;
+exports.buildHarRequest = buildHarRequest;
 exports.deduplicateEndpoints = deduplicateEndpoints;
 exports.dereferenceSchema = dereferenceSchema;
 exports.endpointToMarkdown = endpointToMarkdown;
@@ -1118,12 +1462,14 @@ exports.isValidJson = isValidJson;
 exports.joinUrl = joinUrl;
 exports.parseRequestHeaders = parseRequestHeaders;
 exports.relativePath = relativePath;
+exports.renderSnippet = renderSnippet;
 exports.resolveAbsolute = resolveAbsolute;
 exports.resolveBaseUrl = resolveBaseUrl;
+exports.sampleSchemaJson = sampleSchemaJson;
 exports.toCompactJson = toCompactJson;
 exports.toMarkdown = toMarkdown;
 exports.toRawJson = toRawJson;
 exports.useCollapsibleContent = useCollapsibleContent;
 exports.usePlaygroundContext = usePlaygroundContext;
-//# sourceMappingURL=chunk-IULI4XII.cjs.map
-//# sourceMappingURL=chunk-IULI4XII.cjs.map
+//# sourceMappingURL=chunk-5Q4UMSWB.cjs.map
+//# sourceMappingURL=chunk-5Q4UMSWB.cjs.map