@mintlify/msft-sdk 1.1.59 → 1.1.60

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/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 w, jsx as o } from "react/jsx-runtime";
+import { ClipboardCheckmarkRegular as j, Copy20Regular as E } 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,173 @@ 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 P, { useState as _, useEffect as z } from "react";
+import { cn as p } from "../../utils/cn.js";
+import { getNodeText as F } from "../../utils/get-node-text.js";
+import { getCodeBlockScrollbarClassname as D } from "../../utils/getScrollbarClassname.js";
+const v = ["image/png", "text/plain"];
 function y() {
-  const [t, e] = k(!1), o = async (n) => {
+  const [t, e] = _(!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 (v.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__ */ w("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(j, { className: "mint:w-5 mint:h-5 mint:text-[#737373] mint:dark:text-[#a3a3a3]" }) : /* @__PURE__ */ o(E, { className: "mint:w-5 mint:h-5" })
       }
     )
   ] });
 }
-function V({
+function G({
   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 tt({
   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 && v.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 et({
   children: t,
   className: e,
-  fileName: o,
+  fileName: r,
   language: c,
   blob: n,
-  contentType: m,
-  dataGroup: i = !1
+  contentType: i,
+  dataGroup: a = !1
 }) {
-  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 [m, u] = _(""), { isCopied: T, copy: B, copyBlob: N } = y(), s = c || (e == null ? void 0 : e.replace(/^language-/, "")) || "text", d = F(t), I = !!r, h = P.useMemo(() => {
+    var x, k;
     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 R = Array.isArray(l.props.children) ? l.props.children : [l.props.children];
+        for (const b of R)
+          if (typeof b == "object" && b != null && "props" in b && ((k = b.props) != null && k.className))
             return !0;
       }
     return !1;
   }, [t]);
-  R(() => {
-    if (!g)
+  z(() => {
+    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);
+        u(x);
+      } catch (f) {
+        console.error("Failed to highlight code:", f), u(d);
       }
-  }, [u, s, g]);
-  const v = E("system", i);
-  return /* @__PURE__ */ r(
+  }, [d, s, h]);
+  const S = () => {
+    n && i ? N(n, i) : B(d);
+  }, A = D("system", a);
+  return /* @__PURE__ */ w(
     "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",
+        I ? "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: [
+        /* @__PURE__ */ o("div", { className: "mint:absolute mint:top-2 mint:right-2 mint:z-10", children: /* @__PURE__ */ o(C, { onClick: S, isCopied: T, 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",
+              A,
+              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
+                  }
+                ) : m ? /* @__PURE__ */ o(
+                  "code",
+                  {
+                    className: p(
+                      `language-${s}`,
+                      "mint:block mint:text-[#24292e] mint:dark:text-[#e6edf3]"
+                    ),
+                    dangerouslySetInnerHTML: { __html: m }
+                  }
+                ) : /* @__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,
+  et as CodeBlock,
+  tt as CopyDataToClipboardButton,
+  C as CopyIconButton,
+  G as CopyToClipboardButton,
   y as useCopyToClipboard
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mintlify/msft-sdk",
-  "version": "1.1.59",
+  "version": "1.1.60",
   "description": "Lightweight SDK for Microsoft documentation with MDX rendering",
   "main": "./dist/index.js",
   "types": "./dist/index.d.ts",