@mintlify/msft-sdk 1.1.64 → 1.1.66

package/dist/components/docsPage.js

@@ -1,62 +1,67 @@
-import { jsx as t, jsxs as e } from "react/jsx-runtime";
-import { TextAlignLeftFilled as L } from "@fluentui/react-icons";
-import { useEffect as O } from "react";
-import { ComponentsProvider as S } from "../context/components-context.js";
+import { jsx as t, jsxs as o } from "react/jsx-runtime";
+import { TextAlignLeftFilled as O } from "@fluentui/react-icons";
+import { useEffect as S } from "react";
+import { ComponentsProvider as j } from "../context/components-context.js";
 /* empty css            */
-import { cn as c } from "../utils/cn.js";
-import { MDXRenderer as j } from "./mdx-renderer.js";
-import { PageContextMenu as B } from "./page-context-menu.js";
+import { cn as d } from "../utils/cn.js";
+import { MDXRenderer as A } from "./mdx-renderer.js";
+import { PageContextMenu as G } from "./page-context-menu.js";
 import { TableOfContents as H } from "./toc/index.js";
 import { PivotAwareTOC as V } from "./toc/pivot-aware-toc.js";
-import { ZonePivotProvider as A } from "./content-components/zone-pivots/zone-pivot-context.js";
-import { ZonePivotSelector as D } from "./content-components/zone-pivots/zone-pivot-selector.js";
-function rt({
+import { ApiExamples as U } from "../api-playground-2/ApiExamples.js";
+import { ApiReferenceProvider2 as Z } from "../contexts/ConfigContext.js";
+import { ZonePivotProvider as _ } from "./content-components/zone-pivots/zone-pivot-context.js";
+import { ZonePivotSelector as M } from "./content-components/zone-pivots/zone-pivot-selector.js";
+function dt({
   payload: i,
-  toc: o,
-  navTree: G,
-  activeHref: Z,
-  theme: b,
-  className: p = "",
-  pathname: l,
-  markdownContent: x,
-  allPages: w,
+  toc: r,
+  navTree: W,
+  activeHref: X,
+  theme: p,
+  className: x = "",
+  pathname: s,
+  markdownContent: w,
+  allPages: v,
   baseUrl: u,
-  bottomLinks: _,
-  LinkComponent: v,
-  localization: k,
-  telemetry: W,
-  contextMenu: n
+  bottomLinks: q,
+  LinkComponent: k,
+  localization: N,
+  telemetry: J,
+  contextMenu: e,
+  apiReferenceData: n
 }) {
-  var d, f;
-  const N = i.serializedContent, s = ((d = i.mdxExtracts) == null ? void 0 : d.zonePivotGroups) || [], a = (f = i.mdxExtracts) == null ? void 0 : f.pivotTocItems, T = !i.title, P = { ...{
+  var h, f;
+  const T = i.serializedContent, c = ((h = i.mdxExtracts) == null ? void 0 : h.zonePivotGroups) || [], a = (f = i.mdxExtracts) == null ? void 0 : f.pivotTocItems, P = !i.title;
+  console.log("[DEBUG] DocsPage - apiReferenceData from props:", n), console.log("[DEBUG] DocsPage - Has operation:", !!(n != null && n.operation));
+  const C = { ...{
     onThisPage: "On this page",
     loading: "Loading...",
     errorTitle: "Error",
     errorMessage: "Something went wrong",
     notFoundTitle: "Page not found",
     notFoundMessage: "The page you're looking for doesn't exist"
-  }, ...k };
-  return O(() => {
+  }, ...N };
+  return S(() => {
     const { hash: m } = window.location;
     if (!m) return;
-    const C = setTimeout(() => {
-      const y = m.substring(1), r = document.getElementById("main-content"), h = document.getElementById(y);
-      if (r && h) {
-        const g = window.getComputedStyle(document.documentElement), E = parseFloat(g.getPropertyValue("--scroll-mt") || "0"), z = parseFloat(g.fontSize), R = E * z, F = r.getBoundingClientRect(), I = h.getBoundingClientRect().top - F.top + r.scrollTop - R;
-        r.scrollTo({
-          top: I,
+    const E = setTimeout(() => {
+      const y = m.substring(1), l = document.getElementById("main-content"), g = document.getElementById(y);
+      if (l && g) {
+        const b = window.getComputedStyle(document.documentElement), z = parseFloat(b.getPropertyValue("--scroll-mt") || "0"), I = parseFloat(b.fontSize), B = z * I, F = l.getBoundingClientRect(), L = g.getBoundingClientRect().top - F.top + l.scrollTop - B;
+        l.scrollTo({
+          top: L,
           behavior: "instant"
         });
       }
     }, 100);
-    return () => clearTimeout(C);
-  }, [l]), /* @__PURE__ */ t(S, { LinkComponent: v, children: /* @__PURE__ */ t(
+    return () => clearTimeout(E);
+  }, [s]), /* @__PURE__ */ t(j, { LinkComponent: k, children: /* @__PURE__ */ t(
     "div",
     {
-      className: c(
+      className: d(
         "mintlify-docs",
-        b === "dark" && "dark",
-        p,
+        p === "dark" && "dark",
+        x,
         "mint:flex mint:flex-col mint:flex-1 mint:min-h-0 mint:h-full mint:overflow-hidden"
       ),
       children: /* @__PURE__ */ t(
@@ -73,57 +78,66 @@ function rt({
                 "div",
                 {
                   id: "main-content",
-                  className: c(
+                  className: d(
                     "mint:flex-1 mint:p-8 mint:overflow-y-auto mint:overflow-x-hidden mint:rounded-tl-2xl mint:bg-white mint:dark:bg-[#1f1f1f] [scrollbar-gutter:stable] mint:overscroll-contain mint:lg:px-16 mint:lg:pt-12 [scrollbar-width:thin] [scrollbar-color:rgba(0,0,0,0.2)_transparent] dark:[scrollbar-color:rgba(255,255,255,0.2)_transparent] mint:[&::-webkit-scrollbar]:w-1 mint:[&::-webkit-scrollbar-track]:bg-transparent mint:[&::-webkit-scrollbar-thumb]:bg-black/20 mint:dark:[&::-webkit-scrollbar-thumb]:bg-white/20 mint:[&::-webkit-scrollbar-thumb]:rounded mint:[&::-webkit-scrollbar-thumb:hover]:bg-black/30 mint:dark:[&::-webkit-scrollbar-thumb:hover]:bg-white/30"
                   ),
-                  children: /* @__PURE__ */ t(A, { groups: s, children: /* @__PURE__ */ e(
+                  children: /* @__PURE__ */ t(_, { groups: c, children: /* @__PURE__ */ o(
                     "div",
                     {
                       className: "mint:flex mint:flex-row-reverse mint:gap-12 mint:justify-center mint:mx-auto mint:w-full",
                       id: "content-layout-container",
                       children: [
-                        o && o.length > 0 ? /* @__PURE__ */ t("aside", { className: "mint:w-68 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block", children: /* @__PURE__ */ e("div", { className: "mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto", children: [
-                          /* @__PURE__ */ e("div", { className: "mint:flex mint:items-center mint:gap-2 mint:mb-4", children: [
-                            /* @__PURE__ */ t(L, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#adadad]" }),
-                            /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: P.onThisPage })
+                        n != null && n.operation ? /* @__PURE__ */ t("aside", { className: "mint:w-[448px] mint:shrink-0 mint:ml-8 mint:hidden mint:lg:block", children: /* @__PURE__ */ t("div", { className: "mint:sticky mint:top-4 mint:flex mint:flex-col mint:gap-6", children: /* @__PURE__ */ t(
+                          Z,
+                          {
+                            pageMetadata: { title: i.title, description: i.description },
+                            docsConfig: void 0,
+                            mdxExtracts: void 0,
+                            apiReferenceData2: n,
+                            children: /* @__PURE__ */ t(U, { noInputs: !0 })
+                          }
+                        ) }) }) : r && r.length > 0 ? /* @__PURE__ */ t("aside", { className: "mint:w-68 mint:shrink-0 mint:ml-8 mint:max-xl:hidden mint:xl:block", children: /* @__PURE__ */ o("div", { className: "mint:sticky mint:top-2 mint:p-2 mint:pb-6 mint:max-h-[calc(100vh-3.5rem)] mint:overflow-y-auto", children: [
+                          /* @__PURE__ */ o("div", { className: "mint:flex mint:items-center mint:gap-2 mint:mb-4", children: [
+                            /* @__PURE__ */ t(O, { className: "mint:w-4 mint:h-4 mint:text-[#4b5563] mint:dark:text-[#adadad]" }),
+                            /* @__PURE__ */ t("h2", { className: "mint:text-sm mint:font-semibold mint:text-[#141414] mint:dark:text-white", children: C.onThisPage })
                           ] }),
-                          a && Object.keys(a).length > 0 ? /* @__PURE__ */ t(V, { baseToc: o, pivotTocItems: a }) : /* @__PURE__ */ t(H, { toc: o })
+                          a && Object.keys(a).length > 0 ? /* @__PURE__ */ t(V, { baseToc: r, pivotTocItems: a }) : /* @__PURE__ */ t(H, { toc: r })
                         ] }) }) : null,
-                        /* @__PURE__ */ e(
+                        /* @__PURE__ */ o(
                           "div",
                           {
-                            className: c(
+                            className: d(
                               "mint:w-full mint:overflow-x-visible mint:max-w-[730px]",
-                              T && "mint:max-w-none!"
+                              P && "mint:max-w-none!"
                             ),
                             children: [
-                              i.title && /* @__PURE__ */ t("header", { className: "mint:mb-6", children: /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:gap-5", children: [
-                                /* @__PURE__ */ e("div", { className: "mint:flex mint:flex-col mint:gap-2 mint:items-start", children: [
+                              i.title && /* @__PURE__ */ t("header", { className: "mint:mb-6", children: /* @__PURE__ */ o("div", { className: "mint:flex mint:flex-col mint:gap-5", children: [
+                                /* @__PURE__ */ o("div", { className: "mint:flex mint:flex-col mint:gap-2 mint:items-start", children: [
                                   /* @__PURE__ */ t("h1", { className: "mint:text-[1.875rem] mint:font-bold mint:text-[#141414] mint:dark:text-white mint:m-0 mint:leading-[1.2] mint:pt-3", children: i.title }),
                                   i.description && /* @__PURE__ */ t("p", { className: "mint:text-lg mint:text-[#4b5563] mint:dark:text-[#d1d5db] mint:m-0", children: i.description })
                                 ] }),
-                                l && /* @__PURE__ */ t(
-                                  B,
+                                s && /* @__PURE__ */ t(
+                                  G,
                                   {
                                     className: "mint:shrink-0",
-                                    pathname: l,
-                                    markdownContent: x,
-                                    allPages: w,
+                                    pathname: s,
+                                    markdownContent: w,
+                                    allPages: v,
                                     baseUrl: u,
-                                    onCopyMarkdown: n == null ? void 0 : n.onCopyMarkdown,
-                                    onViewMarkdown: n == null ? void 0 : n.onViewMarkdown
+                                    onCopyMarkdown: e == null ? void 0 : e.onCopyMarkdown,
+                                    onViewMarkdown: e == null ? void 0 : e.onViewMarkdown
                                   }
                                 )
                               ] }) }),
-                              s.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: s.map((m) => /* @__PURE__ */ t(
-                                D,
+                              c.length > 0 && /* @__PURE__ */ t("div", { className: "mint:mb-6 mint:flex mint:flex-wrap mint:gap-4", children: c.map((m) => /* @__PURE__ */ t(
+                                M,
                                 {
                                   group: m,
                                   className: "mint:flex mint:items-center mint:gap-2 mint:text-sm"
                                 },
                                 m.id
                               )) }),
-                              /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(j, { children: /* @__PURE__ */ t(N, {}) }) })
+                              /* @__PURE__ */ t("div", { className: "mint:pt-4", children: /* @__PURE__ */ t(A, { children: /* @__PURE__ */ t(T, {}) }) })
                             ]
                           }
                         )
@@ -140,5 +154,5 @@ function rt({
   ) });
 }
 export {
-  rt as DocsPage
+  dt as DocsPage
 };

package/dist/components/nav-tree/index.js

@@ -135,12 +135,12 @@ function $({ item: e, activeId: g, level: u = 0, activeHref: c }) {
       href: e.href,
       "aria-current": l ? "page" : void 0,
       className: h(
-        "mint:relative mint:flex mint:items-center mint:gap-2 mint:py-1 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-lg mint:no-underline mint:text-[#707070] mint:dark:text-[#999999] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:[&_span]:flex-1 mint:leading-[1.375rem]",
+        "mint:relative mint:flex mint:items-center mint:gap-2 mint:py-1 mint:px-3 mint:text-[14px] mint:font-normal mint:rounded-lg mint:no-underline mint:text-[#707070] mint:dark:text-[#999999] mint:focus-visible:outline-2 mint:focus-visible:outline-[#643fb2] mint:focus-visible:outline-offset-2 mint:leading-[1.375rem]",
         l ? S : "mint:hover:bg-[rgba(0,0,0,0.06)] mint:hover:text-[#242424] mint:dark:hover:bg-[rgba(128,128,128,0.05)] mint:dark:hover:text-[#ffffff]"
       ),
       children: [
         e.method && /* @__PURE__ */ i(j, { isActive: !!l, method: e.method, shortMethod: !0 }),
-        e.toc_title
+        /* @__PURE__ */ i("span", { className: "mint:flex-1", children: e.toc_title })
       ]
     }
   ) });

package/dist/constants/snippetPresets.js

@@ -1,11 +1,12 @@
-const c = {
+const o = {
   curl: "bash",
   golang: "go",
   js: "javascript",
   sh: "bash",
   ts: "typescript",
-  rb: "ruby"
-}, g = {
+  rb: "ruby",
+  java: "java"
+}, c = {
   bash: "cURL",
   c: "C",
   "c#": "C#",
@@ -13,79 +14,69 @@ const c = {
   go: "Go",
   java: "Java",
   javascript: "JavaScript",
-  php: "PHP",
   python: "Python",
   typescript: "TypeScript",
   ruby: "Ruby"
-}, e = {
+}, t = {
   filename: "cURL",
   snippet: {
     target: "shell"
   },
   language: "bash"
-}, a = {
+}, e = {
   filename: "Python",
   snippet: {
     target: "python",
     client: "requests"
   },
   language: "python"
-}, p = {
+}, n = {
   filename: "JavaScript",
   snippet: {
     target: "javascript",
     client: "fetch"
   },
   language: "javascript"
-}, n = {
-  filename: "PHP",
-  snippet: {
-    target: "php",
-    client: "curl"
-  },
-  language: "php"
 }, s = {
   filename: "Go",
   snippet: {
     target: "go"
   },
   language: "go"
-}, r = {
+}, p = {
   filename: "Java",
   snippet: {
     target: "java"
   },
   language: "java"
-}, i = {
+}, r = {
   filename: "Ruby",
   snippet: {
     target: "ruby"
   },
   language: "ruby"
-}, l = [
+}, g = [
+  t,
   e,
-  a,
-  p,
   n,
   s,
-  r,
-  i
-], h = {
-  bash: e,
-  python: a,
-  javascript: p,
-  php: n,
+  p,
+  r
+], l = {
+  bash: t,
+  python: e,
+  javascript: n,
   go: s,
-  java: r,
-  ruby: i
-}, u = (o) => {
-  const t = o.toLowerCase();
-  return c[t] ?? t;
+  java: p,
+  ruby: r
+}, u = (i) => {
+  const a = i.toLowerCase();
+  return o[a] ?? a;
 };
 export {
-  h as langToPresetMap,
-  g as shikiLangToDisplayLang,
-  l as snippetPresets,
+  l as langToPresetMap,
+  c as shikiLangToDisplayLang,
+  g as snippetPresets,
   u as toShikiLang,
-  c as userLangToShikiLang
+  o as userLangToShikiLang
 };

package/dist/index.d.ts

@@ -442,7 +442,7 @@ export declare interface DocsLayoutTelemetry {
  * />
  * ```
  */
-export declare function DocsPage({ payload, toc, navTree, activeHref, theme, className, pathname, markdownContent, allPages, baseUrl, bottomLinks, LinkComponent, localization, telemetry, contextMenu, }: DocsPagePropsWithCustomization): JSX_2.Element;
+export declare function DocsPage({ payload, toc, navTree, activeHref, theme, className, pathname, markdownContent, allPages, baseUrl, bottomLinks, LinkComponent, localization, telemetry, contextMenu, apiReferenceData, }: DocsPagePropsWithCustomization): JSX_2.Element;
 
 /**
  * Localization strings for DocsPage component
@@ -475,6 +475,7 @@ export declare interface DocsPageProps {
     baseUrl?: string;
     bottomLinks?: BottomLinkConfig[];
     LinkComponent?: LinkComponent;
+    apiReferenceData?: ApiReferenceDataV2;
 }
 
 /**