@mintlify/msft-sdk 1.1.59 → 1.1.61

package/dist/api-playground/EndpointFields/ParamFields/RecursiveParamField.js

@@ -1,12 +1,13 @@
 import "react/jsx-runtime";
-import $ from "@sindresorhus/slugify";
-const c = (r, e, t, i) => $(
-  `${r ? `${r}-` : ""}${t ? `${t}-` : ""}${e || ""}-`,
+import i from "@sindresorhus/slugify";
+import "../../../contexts/EndpointLocationContext.js";
+const s = (r, t, e, $) => i(
+  `${r ? `${r}-` : ""}${e ? `${e}-` : ""}${t || ""}-`,
   {
     decamelize: !0
   }
-), s = (r, e) => r ? `${e ? `${e}` : ""}${r}.` : "";
+), m = (r, t) => r ? `${t ? `${t}` : ""}${r}.` : "";
 export {
-  c as buildRecursiveParamFieldId,
-  s as getRecursiveParentName
+  s as buildRecursiveParamFieldId,
+  m as getRecursiveParentName
 };

package/dist/api-playground/EndpointFields/index.js

@@ -1,6 +1,7 @@
 import "react/jsx-runtime";
-import { useOpenApiEndpoint as n } from "../../hooks/useEndpoint.js";
-const p = () => (n(), null);
+import "../../contexts/EndpointLocationContext.js";
+import { useOpenApiEndpoint as t } from "../../hooks/useEndpoint.js";
+const i = () => (t(), null);
 export {
-  p as default
+  i as default
 };

package/dist/api-playground-2/components/Example/GeneratedRequestExample.js

@@ -1,31 +1,31 @@
-import { jsx as M } from "react/jsx-runtime";
-import { useState as j, useEffect as E } from "react";
-import { generateRequest as S } from "../../generators/generateRequest.js";
-import { generateSnippet as a } from "../../generators/generateSnippet.js";
+import { jsx as y } from "react/jsx-runtime";
+import { useState as B, useEffect as E } from "react";
+import { generateRequest as j } from "../../generators/generateRequest.js";
+import { generateSnippet as S } from "../../generators/generateSnippet.js";
 import { getFirstExampleValue as V } from "../../schemaGraph/processExamples.js";
-import { CodeGroupSelect as G } from "../../../components/content-components/CodeGroupSelect/index.js";
-import { CodeSnippets as P } from "../../../components/content-components/code-snippets.js";
-import { langToPresetMap as k } from "../../../constants/snippetPresets.js";
+import { CodeGroupSelect as w } from "../../../components/content-components/CodeGroupSelect/index.js";
+import { CodeSnippets as G } from "../../../components/content-components/code-snippets.js";
+import { langToPresetMap as P } from "../../../constants/snippetPresets.js";
 const J = ({
-  baseUrl: r,
+  baseUrl: s,
   apiReferenceData: t,
   inputs: e,
   requestExampleLanguages: u,
-  requiredOnly: s,
+  requiredOnly: r,
   maxHeight: o,
   selectedSecurityOptionIndex: f
 }) => {
-  var h, T, c, n, x;
-  const p = (h = t.dependencies) == null ? void 0 : h.requestBody;
+  var T, h, c, n, x;
+  const p = (T = t.dependencies) == null ? void 0 : T.requestBody;
   if (!p)
-    return /* @__PURE__ */ M(
-      B,
+    return /* @__PURE__ */ y(
+      a,
       {
         apiReferenceData: t,
-        baseUrl: r,
+        baseUrl: s,
         inputs: e,
         requestExampleLanguages: u,
-        requiredOnly: s,
+        requiredOnly: r,
         maxHeight: o,
         selectedSecurityOptionIndex: f
       }
@@ -33,84 +33,84 @@ const J = ({
   const i = V(p.content);
   if (!i) return null;
   const m = Object.entries(p.content).map(
-    ([d, C]) => ({
-      contentType: d,
-      examples: C.examples
+    ([C, d]) => ({
+      contentType: C,
+      examples: d.examples
     })
   ), l = 0;
-  return ((T = m[l]) == null ? void 0 : T.examples.length) > 1 ? /* @__PURE__ */ M(
-    q,
+  return ((h = m[l]) == null ? void 0 : h.examples.length) > 1 ? /* @__PURE__ */ y(
+    k,
     {
       apiReferenceData: t,
       selectedBodyContentType: (c = m[l]) == null ? void 0 : c.contentType,
-      baseUrl: r,
+      baseUrl: s,
       inputs: e,
       examples: (n = m[l]) == null ? void 0 : n.examples,
-      requiredOnly: s,
+      requiredOnly: r,
       maxHeight: o,
       selectedSecurityOptionIndex: f
     }
-  ) : /* @__PURE__ */ M(
-    B,
+  ) : /* @__PURE__ */ y(
+    a,
     {
       apiReferenceData: t,
       selectedBodyContentType: (x = m[l]) == null ? void 0 : x.contentType,
-      baseUrl: r,
+      baseUrl: s,
       inputs: e,
       exampleValue: i,
       requestExampleLanguages: u,
-      requiredOnly: s,
+      requiredOnly: r,
       maxHeight: o,
       selectedSecurityOptionIndex: f
     }
   );
-}, B = ({
-  baseUrl: r,
+}, a = ({
+  baseUrl: s,
   apiReferenceData: t,
   inputs: e,
   selectedBodyContentType: u,
-  exampleValue: s,
+  exampleValue: r,
   requestExampleLanguages: o,
   requiredOnly: f,
   maxHeight: p,
   selectedSecurityOptionIndex: i
 }) => {
-  const m = S({
-    baseUrl: r,
+  const m = j({
+    baseUrl: s,
     apiReferenceData: t,
     inputs: e,
     selectedBodyContentType: u,
-    exampleData: s,
+    exampleData: r,
     requiredOnly: f,
     selectedSecurityOptionIndex: i
-  }), l = o == null ? void 0 : o.reduce((T, c) => {
-    const n = k[c];
-    return n && T.push(n), T;
-  }, []), h = a({
+  }), l = o == null ? void 0 : o.reduce((h, c) => {
+    const n = P[c];
+    return n && h.push(n), h;
+  }, []), T = S({
     apiReferenceData: t,
     pathInputs: e.path,
     request: m,
     snippetPresets: l
   });
-  return /* @__PURE__ */ M(P, { snippets: h, dropdown: !0, maxHeight: p });
-}, q = ({
-  baseUrl: r,
+  return /* @__PURE__ */ y(G, { snippets: T, dropdown: !0, maxHeight: p, showCopyButton: !1 });
+}, k = ({
+  baseUrl: s,
   apiReferenceData: t,
   inputs: e,
   selectedBodyContentType: u,
-  examples: s,
+  examples: r,
   requiredOnly: o,
   maxHeight: f,
   selectedSecurityOptionIndex: p
 }) => {
-  const [i, m] = j({}), [l, h] = j(null);
+  const [i, m] = B({}), [l, T] = B(null);
   return E(() => {
-    const T = e.path, c = {};
+    const h = e.path, c = {};
     try {
-      for (const [n, { value: x }] of Object.entries(s)) {
+      for (const [n, { value: x }] of Object.entries(r)) {
         if (!x) continue;
-        const d = S({
-          baseUrl: r,
+        const C = j({
+          baseUrl: s,
           apiReferenceData: t,
           inputs: e,
           selectedBodyContentType: u,
@@ -118,23 +118,23 @@ const J = ({
           requiredOnly: o,
           selectedSecurityOptionIndex: p
         });
-        a({
+        S({
           apiReferenceData: t,
-          pathInputs: T,
-          request: d,
+          pathInputs: h,
+          request: C,
           isMultipleRequest: !0
-        }).forEach((y) => {
-          c[y.filename] = {
-            ...c[y.filename],
-            [n]: y
+        }).forEach((M) => {
+          c[M.filename] = {
+            ...c[M.filename],
+            [n]: M
           };
         });
       }
       m(c);
     } catch (n) {
-      console.error(n), h(n);
+      console.error(n), T(n);
     }
-  }, [r, t, e, u, s, o, p]), l || Object.keys(i).length === 0 ? null : /* @__PURE__ */ M(G, { snippets: i, maxHeight: f });
+  }, [s, t, e, u, r, o, p]), l || Object.keys(i).length === 0 ? null : /* @__PURE__ */ y(w, { snippets: i, maxHeight: f });
 };
 export {
   J as GeneratedRequestExample

package/dist/api-playground-2/generators/generateSnippet.js

@@ -1,192 +1,39 @@
-import { generateUniqueString as C } from "../../utils/uuid.js";
+import { HTTPSnippet as U } from "@readme/httpsnippet";
+import { generateUniqueString as x } from "../../utils/uuid.js";
 import { snippetPresets as R } from "../../constants/snippetPresets.js";
-class q {
-  constructor(r) {
-    this.request = r;
-  }
-  convert(r, o) {
-    const { method: t, url: e, headers: s = [], postData: i } = this.request, n = {};
-    s.forEach((p) => {
-      p.name && p.value && (n[p.name] = p.value);
-    });
-    const a = (i == null ? void 0 : i.text) || "";
-    switch (r) {
-      case "shell":
-        return this.generateCurl(t, e, n, a);
-      case "python":
-        return this.generatePython(t, e, n, a, o);
-      case "javascript":
-        return this.generateJavaScript(t, e, n, a, o);
-      case "php":
-        return this.generatePHP(t, e, n, a);
-      case "go":
-        return this.generateGo(t, e, n, a);
-      case "java":
-        return this.generateJava(t, e, n, a);
-      case "ruby":
-        return this.generateRuby(t, e, n, a);
-      default:
-        return `# Code generation for ${r} not implemented yet`;
-    }
-  }
-  generateCurl(r, o, t, e) {
-    let s = `curl -X ${r.toUpperCase()} "${o}"`;
-    return Object.entries(t).forEach(([i, n]) => {
-      s += ` \\
-  -H "${i}: ${n}"`;
-    }), e && (s += ` \\
-  -d '${e}'`), s;
-  }
-  generatePython(r, o, t, e, s) {
-    if (s === "requests") {
-      const i = JSON.stringify(t, null, 2).split(`
-`).join(`
-    `), n = e ? `,
-    data=${JSON.stringify(e)}` : "";
-      return `import requests
-
-response = requests.${r.toLowerCase()}(
-    "${o}",
-    headers=${i}${n}
-)
-
-print(response.json())`;
-    }
-    return `# Python code generation not implemented for client: ${s}`;
-  }
-  generateJavaScript(r, o, t, e, s) {
-    if (s === "fetch") {
-      const i = JSON.stringify(t, null, 2).split(`
-`).map((a, p) => p === 0 ? a : "  " + a).join(`
-`), n = e ? `,
-  body: ${JSON.stringify(e)}` : "";
-      return `fetch("${o}", {
-  method: "${r.toUpperCase()}",
-  headers: ${i}${n}
-})
-  .then(response => response.json())
-  .then(data => console.log(data))
-  .catch(error => console.error('Error:', error));`;
-    }
-    return `// JavaScript code generation not implemented for client: ${s}`;
-  }
-  generatePHP(r, o, t, e) {
-    const s = Object.entries(t).map(([n, a]) => `  "${n}: ${a}"`).join(`,
-`), i = e ? `,
-  CURLOPT_POSTFIELDS => '${e}'` : "";
-    return `<?php
-$ch = curl_init();
-
-curl_setopt_array($ch, [
-  CURLOPT_URL => "${o}",
-  CURLOPT_RETURNTRANSFER => true,
-  CURLOPT_CUSTOMREQUEST => "${r.toUpperCase()}",
-  CURLOPT_HTTPHEADER => [
-${s}
-  ]${i}
-]);
-
-$response = curl_exec($ch);
-curl_close($ch);
-
-echo $response;
-?>`;
-  }
-  generateGo(r, o, t, e) {
-    const s = e ? `
-  reqBody := strings.NewReader(${JSON.stringify(e)})
-  req, _ := http.NewRequest("${r.toUpperCase()}", "${o}", reqBody)` : `
-  req, _ := http.NewRequest("${r.toUpperCase()}", "${o}", nil)`, i = Object.entries(t).map(([n, a]) => `  req.Header.Add("${n}", "${a}")`).join(`
-`);
-    return `package main
-
-import (
-  "fmt"
-  "net/http"
-  "io/ioutil"
-  "strings"
-)
-
-func main() {${s}
-${i}
-
-  client := &http.Client{}
-  resp, _ := client.Do(req)
-  defer resp.Body.Close()
-
-  body, _ := ioutil.ReadAll(resp.Body)
-  fmt.Println(string(body))
-}`;
-  }
-  generateJava(r, o, t, e) {
-    const s = Object.entries(t).map(([n, a]) => `        .header("${n}", "${a}")`).join(`
-`), i = e ? `.POST(HttpRequest.BodyPublishers.ofString(${JSON.stringify(e)}))` : `.method("${r.toUpperCase()}", HttpRequest.BodyPublishers.noBody())`;
-    return `import java.net.http.*;
-import java.net.URI;
-
-public class Main {
-  public static void main(String[] args) throws Exception {
-    HttpClient client = HttpClient.newHttpClient();
-    HttpRequest request = HttpRequest.newBuilder()
-        .uri(URI.create("${o}"))
-${s}
-        ${i}
-        .build();
-
-    HttpResponse<String> response = client.send(request, HttpResponse.BodyHandlers.ofString());
-    System.out.println(response.body());
-  }
-}`;
-  }
-  generateRuby(r, o, t, e) {
-    const s = Object.entries(t).map(([n, a]) => `request["${n}"] = "${a}"`).join(`
-`), i = e ? `
-request.body = ${JSON.stringify(e)}` : "";
-    return `require 'net/http'
-require 'uri'
-
-uri = URI.parse("${o}")
-http = Net::HTTP.new(uri.host, uri.port)
-request = Net::HTTP::${r.charAt(0).toUpperCase() + r.slice(1).toLowerCase()}.new(uri.request_uri)
-${s}${i}
-
-response = http.request(request)
-puts response.body`;
-  }
-}
-const T = ({
-  request: l,
-  pathInputs: r,
-  apiReferenceData: o,
-  snippetPresets: t = R,
-  isMultipleRequest: e = !1
+const N = ({
+  request: r,
+  pathInputs: p,
+  apiReferenceData: s,
+  snippetPresets: i = R,
+  isMultipleRequest: c = !1
 }) => {
-  const s = {}, i = /:{[^{}]+}/g, n = l.url.replace(i, (c) => {
-    const u = ":62437";
-    return s[u] = c, u;
-  }), a = /{[^{}]+}/g, p = n.replace(a, (c) => {
-    const u = c.slice(1, c.length - 1), d = r[u];
-    if (c === "{endpoint}")
+  const a = {}, g = /:{[^{}]+}/g, m = r.url.replace(g, (t) => {
+    const e = ":62437";
+    return a[e] = t, e;
+  }), f = /{[^{}]+}/g, d = m.replace(f, (t) => {
+    const e = t.slice(1, t.length - 1), n = p[e];
+    if (t === "{endpoint}")
       return "https://{endpoint}";
-    if (d && (typeof d != "string" || d.length > 0))
-      return `${encodeURIComponent(d.toString())}`;
-    const h = C();
-    return s[h] = c, h;
-  }), m = new q({
-    ...l,
-    url: p,
-    postData: l.postData || { mimeType: "application/json" }
+    if (n && (typeof n != "string" || n.length > 0))
+      return `${encodeURIComponent(n.toString())}`;
+    const o = x();
+    return a[o] = t, o;
+  }), h = new U({
+    ...r,
+    url: d,
+    postData: r.postData || { mimeType: "application/json" }
   });
-  return t.map((c) => {
-    var g;
-    const { filename: u, snippet: d, language: h } = c, { target: f, client: y } = d, $ = m.convert(f, y), S = P(s, ($ == null ? void 0 : $.toString()) || "");
+  return i.map((t) => {
+    var u;
+    const { filename: e, snippet: n, language: o } = t, { target: P, client: S } = n, l = h.convert(P, S), T = j(a, (l == null ? void 0 : l.toString()) || "");
     return {
-      filename: e ? u : ((g = o.operation) == null ? void 0 : g.title) || u,
-      code: S,
-      language: h
+      filename: c ? e : ((u = s.operation) == null ? void 0 : u.title) || e,
+      code: T,
+      language: o
     };
   });
-}, P = (l, r) => Object.entries(l).reduce((o, [t, e]) => o.replace(t, e), r);
+}, j = (r, p) => Object.entries(r).reduce((s, [i, c]) => s.replace(i, c), p);
 export {
-  T as generateSnippet
+  N as generateSnippet
 };

package/dist/components/content-components/code-block.js

@@ -1,6 +1,6 @@
-import { jsx as r, jsxs as N } from "react/jsx-runtime";
-import { ClipboardCheckmarkRegular as I, Copy20Regular as S } from "@fluentui/react-icons";
-import h from "prismjs";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
+import { ClipboardCheckmarkRegular as E, Copy20Regular as P } from "@fluentui/react-icons";
+import g from "prismjs";
 import "prismjs/components/prism-bash.js";
 import "prismjs/components/prism-csharp.js";
 import "prismjs/components/prism-javascript.js";
@@ -9,167 +9,174 @@ import "prismjs/components/prism-markdown.js";
 import "prismjs/components/prism-powershell.js";
 import "prismjs/components/prism-python.js";
 import "prismjs/components/prism-typescript.js";
-import A, { useState as k, useEffect as R } from "react";
-import { cn as d } from "../../utils/cn.js";
-import { getNodeText as j } from "../../utils/get-node-text.js";
-import { getCodeBlockScrollbarClassname as E } from "../../utils/getScrollbarClassname.js";
-const w = ["image/png", "text/plain"];
+import z, { useState as v, useEffect as F } from "react";
+import { cn as p } from "../../utils/cn.js";
+import { getNodeText as D } from "../../utils/get-node-text.js";
+import { getCodeBlockScrollbarClassname as H } from "../../utils/getScrollbarClassname.js";
+const T = ["image/png", "text/plain"];
 function y() {
-  const [t, e] = k(!1), o = async (n) => {
+  const [t, e] = v(!1), r = async (n) => {
     try {
       await navigator.clipboard.writeText(n), e(!0), setTimeout(() => e(!1), 2e3);
-    } catch (m) {
-      console.error("Failed to copy to clipboard:", m);
+    } catch (i) {
+      console.error("Failed to copy to clipboard:", i);
     }
   };
-  return { isCopied: t, copy: o, copyBlob: async (n, m) => {
+  return { isCopied: t, copy: r, copyBlob: async (n, i) => {
     try {
-      if (w.includes(m)) {
-        const i = await n.arrayBuffer(), a = new Blob([i], { type: m }), f = new ClipboardItem({
-          [m]: a
+      if (T.includes(i)) {
+        const a = await n.arrayBuffer(), m = new Blob([a], { type: i }), u = new ClipboardItem({
+          [i]: m
         });
-        await navigator.clipboard.write([f]), e(!0), setTimeout(() => e(!1), 2e3);
+        await navigator.clipboard.write([u]), e(!0), setTimeout(() => e(!1), 2e3);
       } else {
-        const i = await n.text();
-        await o(i);
+        const a = await n.text();
+        await r(a);
       }
-    } catch (i) {
-      console.error("Failed to copy blob to clipboard:", i);
+    } catch (a) {
+      console.error("Failed to copy blob to clipboard:", a);
       try {
-        const a = await n.text();
-        await o(a);
-      } catch (a) {
-        console.error("Failed to copy as text fallback:", a);
+        const m = await n.text();
+        await r(m);
+      } catch (m) {
+        console.error("Failed to copy as text fallback:", m);
       }
     }
   } };
 }
-function _({ onClick: t, isCopied: e, showTooltip: o = !0 }) {
-  return /* @__PURE__ */ N("div", { className: "mint:relative", children: [
-    o && e && /* @__PURE__ */ r("div", { className: "mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]", children: "Copied!" }),
-    /* @__PURE__ */ r(
+function C({ onClick: t, isCopied: e, showTooltip: r = !0 }) {
+  return /* @__PURE__ */ _("div", { className: "mint:relative", children: [
+    r && e && /* @__PURE__ */ o("div", { className: "mint:absolute mint:bottom-[calc(100%+0.5rem)] mint:left-1/2 mint:-translate-x-1/2 mint:bg-white mint:dark:bg-[#1a1a1a] mint:text-[#171717] mint:dark:text-[#fafafa] mint:px-2.5 mint:py-1.5 mint:rounded-md mint:text-xs mint:font-medium mint:whitespace-nowrap mint:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.1),0_2px_4px_-1px_rgba(0,0,0,0.06)] mint:dark:shadow-[0_4px_6px_-1px_rgba(0,0,0,0.3),0_2px_4px_-1px_rgba(0,0,0,0.2)] mint:z-10 mint:animate-[fadeIn_0.15s_ease-out] mint:after:content-[''] mint:after:absolute mint:after:top-full mint:after:left-1/2 mint:after:-translate-x-1/2 mint:after:w-0 mint:after:h-0 mint:after:border-l-[6px] mint:after:border-l-transparent mint:after:border-r-[6px] mint:after:border-r-transparent mint:after:border-t-[6px] mint:after:border-t-white mint:dark:after:border-t-[#1a1a1a]", children: "Copied!" }),
+    /* @__PURE__ */ o(
       "button",
       {
         onClick: t,
         className: "mint:flex mint:items-center mint:gap-1.5 mint:px-2 mint:py-1 mint:text-xs mint:text-[#737373] mint:dark:text-[#a3a3a3] mint:rounded mint:transition-colors mint:duration-150 mint:border-none mint:bg-transparent mint:cursor-pointer mint:hover:text-[#9263f1] mint:dark:hover:text-[#c9aaf9]",
         "aria-label": e ? "Copied" : "Copy code",
-        children: e ? /* @__PURE__ */ r(I, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ r(S, { className: "mint:w-5 mint:h-5" })
+        children: e ? /* @__PURE__ */ o(E, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ o(P, { className: "mint:w-5 mint:h-5" })
       }
     )
   ] });
 }
-function V({
+function tt({
   textToCopy: t,
   showTooltip: e = !0
 }) {
-  const { isCopied: o, copy: c } = y();
-  return /* @__PURE__ */ r(_, { onClick: () => {
+  const { isCopied: r, copy: c } = y();
+  return /* @__PURE__ */ o(C, { onClick: () => {
     c(t);
-  }, isCopied: o, showTooltip: e });
+  }, isCopied: r, showTooltip: e });
 }
-function W({
+function et({
   data: t,
   showTooltip: e = !0
 }) {
-  const { isCopied: o, copy: c, copyBlob: n } = y();
-  return /* @__PURE__ */ r(_, { onClick: () => {
-    t.contentType && w.includes(t.contentType) ? n(t.blob, t.contentType) : t.type === "other" && t.content ? c(t.content) : console.error("Unsupported content type for clipboard");
-  }, isCopied: o, showTooltip: e });
+  const { isCopied: r, copy: c, copyBlob: n } = y();
+  return /* @__PURE__ */ o(C, { onClick: () => {
+    t.contentType && T.includes(t.contentType) ? n(t.blob, t.contentType) : t.type === "other" && t.content ? c(t.content) : console.error("Unsupported content type for clipboard");
+  }, isCopied: r, showTooltip: e });
 }
-function X({
+function ot({
   children: t,
   className: e,
-  fileName: o,
+  fileName: r,
   language: c,
   blob: n,
-  contentType: m,
-  dataGroup: i = !1
+  contentType: i,
+  dataGroup: a = !1,
+  showCopyButton: m = !0
 }) {
-  const [a, f] = k("");
-  y();
-  const s = c || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", u = j(t), T = !!o, g = A.useMemo(() => {
-    var x, C;
+  const [u, k] = v(""), { isCopied: B, copy: N, copyBlob: I } = y(), s = c || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", d = D(t), S = !!r, h = z.useMemo(() => {
+    var x, w;
     if (typeof t != "object" || t == null)
       return !1;
-    const p = Array.isArray(t) ? t : [t];
-    for (const l of p)
+    const f = Array.isArray(t) ? t : [t];
+    for (const l of f)
       if (typeof l == "object" && l != null && "props" in l && ((x = l.props) != null && x.children)) {
-        const B = Array.isArray(l.props.children) ? l.props.children : [l.props.children];
-        for (const b of B)
-          if (typeof b == "object" && b != null && "props" in b && ((C = b.props) != null && C.className))
+        const j = Array.isArray(l.props.children) ? l.props.children : [l.props.children];
+        for (const b of j)
+          if (typeof b == "object" && b != null && "props" in b && ((w = b.props) != null && w.className))
             return !0;
       }
     return !1;
   }, [t]);
-  R(() => {
-    if (!g)
+  F(() => {
+    if (!h)
       try {
-        const p = h.languages[s] || h.languages.plaintext, x = h.highlight(u, p, s);
-        f(x);
-      } catch (p) {
-        console.error("Failed to highlight code:", p), f(u);
+        const f = g.languages[s] || g.languages.plaintext, x = g.highlight(d, f, s);
+        k(x);
+      } catch (f) {
+        console.error("Failed to highlight code:", f), k(d);
       }
-  }, [u, s, g]);
-  const v = E("system", i);
-  return /* @__PURE__ */ r(
+  }, [d, s, h]);
+  const A = () => {
+    n && i ? I(n, i) : N(d);
+  }, R = H("system", a);
+  return /* @__PURE__ */ _(
     "div",
     {
-      className: T ? "mint:flex mint:flex-col mint:gap-2 mint:px-0.5 mint:pb-0.5 mint:rounded-xl mint:overflow-hidden" : void 0,
-      "data-group": i,
-      children: /* @__PURE__ */ r(
-        "div",
-        {
-          className: d(
-            "not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414] code-block-wrapper",
-            "mint:px-4 mint:py-2 mint:overflow-scroll mint:[scrollbar-gutter:stable] mint:scrollbar-track-zinc-200 mint:dark:scrollbar-track-zinc-800",
-            v,
-            i && "mint:group"
-          ),
-          children: /* @__PURE__ */ r(
-            "pre",
-            {
-              className: d(
-                "mint:m-0 mint:whitespace-pre mint:text-sm"
-              ),
-              children: g ? /* @__PURE__ */ r(
-                "code",
-                {
-                  className: d(
-                    `language-${s}`,
-                    "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
-                  ),
-                  children: t
-                }
-              ) : a ? /* @__PURE__ */ r(
-                "code",
-                {
-                  className: d(
-                    `language-${s}`,
-                    "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
-                  ),
-                  dangerouslySetInnerHTML: { __html: a }
-                }
-              ) : /* @__PURE__ */ r(
-                "code",
-                {
-                  className: d(
-                    `language-${s}`,
-                    "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
-                  ),
-                  children: u
-                }
-              )
-            }
-          )
-        }
-      )
+      className: p(
+        "mint:relative",
+        S ? "mint:flex mint:flex-col mint:gap-2 mint:px-0.5 mint:pb-0.5 mint:rounded-xl mint:overflow-hidden" : void 0
+      ),
+      "data-group": a,
+      children: [
+        m && /* @__PURE__ */ o("div", { className: "mint:absolute mint:top-2 mint:right-2 mint:z-10", children: /* @__PURE__ */ o(C, { onClick: A, isCopied: B, showTooltip: !0 }) }),
+        /* @__PURE__ */ o(
+          "div",
+          {
+            className: p(
+              "not-prose mint:relative mint:rounded-xl mint:bg-[#f5f5f5] mint:dark:bg-[#141414] code-block-wrapper",
+              "mint:px-4 mint:py-2 mint:overflow-scroll mint:[scrollbar-gutter:stable] mint:scrollbar-track-zinc-200 mint:dark:scrollbar-track-zinc-800",
+              R,
+              a && "mint:group"
+            ),
+            children: /* @__PURE__ */ o(
+              "pre",
+              {
+                className: p(
+                  "mint:m-0 mint:whitespace-pre mint:text-sm"
+                ),
+                children: h ? /* @__PURE__ */ o(
+                  "code",
+                  {
+                    className: p(
+                      `language-${s}`,
+                      "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
+                    ),
+                    children: t
+                  }
+                ) : u ? /* @__PURE__ */ o(
+                  "code",
+                  {
+                    className: p(
+                      `language-${s}`,
+                      "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
+                    ),
+                    dangerouslySetInnerHTML: { __html: u }
+                  }
+                ) : /* @__PURE__ */ o(
+                  "code",
+                  {
+                    className: p(
+                      `language-${s}`,
+                      "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
+                    ),
+                    children: d
+                  }
+                )
+              }
+            )
+          }
+        )
+      ]
     }
   );
 }
 export {
-  X as CodeBlock,
-  W as CopyDataToClipboardButton,
-  _ as CopyIconButton,
-  V as CopyToClipboardButton,
+  ot as CodeBlock,
+  et as CopyDataToClipboardButton,
+  C as CopyIconButton,
+  tt as CopyToClipboardButton,
   y as useCopyToClipboard
 };

package/dist/components/content-components/code-snippets.js

@@ -1,21 +1,23 @@
 import { jsx as a } from "react/jsx-runtime";
-import { CodeBlock as i } from "./code-block.js";
-import { CodeGroup as u } from "./code-group.js";
-import { CodeSnippet as d } from "./code-snippet.js";
-const h = ({
+import { CodeBlock as u } from "./code-block.js";
+import { CodeGroup as d } from "./code-group.js";
+import { CodeSnippet as f } from "./code-snippet.js";
+const p = ({
   snippets: o,
   dropdown: r,
   maxHeight: l,
-  ...m
-}) => /* @__PURE__ */ a(u, { isSmallText: !0, ...m, dropdown: r, noMargins: !0, className: l, children: o.map(({ code: g, ...e }, n) => /* @__PURE__ */ a(
-  i,
+  showCopyButton: m,
+  ...g
+}) => /* @__PURE__ */ a(d, { isSmallText: !0, ...g, dropdown: r, noMargins: !0, className: l, children: o.map(({ code: n, ...e }, i) => /* @__PURE__ */ a(
+  u,
   {
     language: e.language,
     fileName: e.filename,
-    children: /* @__PURE__ */ a(d, { language: e.language, children: g })
+    showCopyButton: m,
+    children: /* @__PURE__ */ a(f, { language: e.language, children: n })
   },
-  `${e.filename}-${e.language}-${n}`
+  `${e.filename}-${e.language}-${i}`
 )) });
 export {
-  h as CodeSnippets
+  p as CodeSnippets
 };

package/dist/index.d.ts

@@ -240,7 +240,7 @@ export declare function cleanTitle(title: string): string;
 
 export declare function cn(...inputs: ClassValue[]): string;
 
-export declare function CodeBlock({ children, className, fileName, language, blob, contentType, dataGroup, }: CodeBlockProps): JSX_2.Element;
+export declare function CodeBlock({ children, className, fileName, language, blob, contentType, dataGroup, showCopyButton, }: CodeBlockProps): JSX_2.Element;
 
 declare interface CodeBlockProps {
     children: default_2.ReactNode;
@@ -250,6 +250,7 @@ declare interface CodeBlockProps {
     blob?: Blob;
     contentType?: string;
     dataGroup?: boolean;
+    showCopyButton?: boolean;
 }
 
 export declare type CodeExample = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/msft-sdk",
-  "version": "1.1.59",
+  "version": "1.1.61",
   "description": "Lightweight SDK for Microsoft documentation with MDX rendering",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",
@@ -56,6 +56,7 @@
     "@mintlify/validation": "^0.1.513",
     "@radix-ui/react-dropdown-menu": "^2.1.16",
     "@radix-ui/react-tabs": "^1.1.3",
+    "@readme/httpsnippet": "^11.0.0",
     "@sindresorhus/slugify": "^3.0.0",
     "@tailwindcss/typography": "^0.5.19",
     "@types/har-format": "^1.2.16",