@scalar/api-reference 1.32.7 → 1.32.8

package/dist/v2/ApiReferenceWorkspace.vue.d.ts

@@ -11,7 +11,9 @@ declare function __VLS_template(): {
         footer?(_: {}): any;
         "sidebar-start"?(_: {}): any;
     };
-    refs: {};
+    refs: {
+        root: HTMLDivElement;
+    };
     rootEl: any;
 };
 type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;

package/dist/v2/ApiReferenceWorkspace.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiReferenceWorkspace.vue.d.ts","sourceRoot":"","sources":["../../src/v2/ApiReferenceWorkspace.vue"],"names":[],"mappings":"AAqUA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AA0BpE,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,iBAAiB,EAAE,MAAM,cAAc,CAAA;CACxC,CAAC;AAuNF,iBAAS,cAAc;WA0GT,OAAO,IAA6B;;wBAVrB,GAAG;wBACH,GAAG;iCACM,GAAG;;;;EAaxC;AAeD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ApiReferenceWorkspace.vue.d.ts","sourceRoot":"","sources":["../../src/v2/ApiReferenceWorkspace.vue"],"names":[],"mappings":"AAuXA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAA;AAGjE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AA2BpE,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,iBAAiB,EAAE,MAAM,cAAc,CAAA;CACxC,CAAC;AAwQF,iBAAS,cAAc;WA8GT,OAAO,IAA6B;;wBAXrB,GAAG;wBACH,GAAG;iCACM,GAAG;;;;;;EAcxC;AAgBD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/ApiReferenceWorkspace.vue.js

@@ -1,43 +1,47 @@
-import { defineComponent as V, ref as f, toRef as b, provide as _, shallowRef as w, onServerPrefetch as $, onMounted as C, watch as d, computed as A, createElementBlock as B, openBlock as D, Fragment as F, createBlock as P, createCommentVNode as U, createVNode as S, unref as r, resolveDynamicComponent as W, withCtx as n, createTextVNode as Y, toDisplayString as O, renderSlot as p, isRef as j } from "vue";
-import { safeLocalStorage as x, REFERENCE_LS_KEYS as h } from "@scalar/helpers/object/local-storage";
-import { parseJsonOrYaml as J, redirectToProxy as K } from "@scalar/oas-utils/helpers";
-import { useColorMode as q } from "@scalar/use-hooks/useColorMode";
-import { useSeoMeta as z } from "@unhead/vue";
-import { useFavicon as G } from "@vueuse/core";
-import H from "../components/ApiReferenceLayout.vue.js";
-import { NAV_STATE_SYMBOL as Q } from "../hooks/useNavState.js";
-import { isClient as X } from "./blocks/scalar-request-example-block/helpers/find-client.js";
-import { useMultipleDocuments as Z } from "../features/multiple-documents/useMultipleDocuments.js";
-import { onCustomEvent as v } from "./events/listeners.js";
-import ee from "../features/multiple-documents/DocumentSelector.vue.js";
-const fe = /* @__PURE__ */ V({
+import { defineComponent as b, ref as p, toRef as A, provide as B, useTemplateRef as P, onServerPrefetch as V, onMounted as F, watch as n, computed as H, createElementBlock as U, openBlock as y, createBlock as W, createCommentVNode as Y, createVNode as D, unref as l, resolveDynamicComponent as O, withCtx as i, createTextVNode as j, toDisplayString as w, renderSlot as v, isRef as J } from "vue";
+import { safeLocalStorage as S, REFERENCE_LS_KEYS as g } from "@scalar/helpers/object/local-storage";
+import { parseJsonOrYaml as q, redirectToProxy as z } from "@scalar/oas-utils/helpers";
+import { useColorMode as G } from "@scalar/use-hooks/useColorMode";
+import { useSeoMeta as Q } from "@unhead/vue";
+import { useFavicon as X } from "@vueuse/core";
+import Z from "../components/ApiReferenceLayout.vue.js";
+import { NAV_STATE_SYMBOL as ee } from "../hooks/useNavState.js";
+import { useHttpClientStore as te } from "../stores/useHttpClientStore.js";
+import { isClient as k } from "./blocks/scalar-request-example-block/helpers/find-client.js";
+import { useStore as oe } from "./hooks/useStore.js";
+import { useMultipleDocuments as ae } from "../features/multiple-documents/useMultipleDocuments.js";
+import { onCustomEvent as C } from "./events/listeners.js";
+import re from "../features/multiple-documents/DocumentSelector.vue.js";
+const xe = /* @__PURE__ */ b({
   __name: "ApiReferenceWorkspace",
   props: {
     configuration: {},
     getWorkspaceStore: { type: Function }
   },
-  setup(M) {
-    const k = M, {
-      availableDocuments: l,
+  setup(h) {
+    const E = h, {
+      availableDocuments: u,
       selectedConfiguration: a,
-      selectedDocumentIndex: s,
-      isIntersectionEnabled: g,
-      hash: y,
-      hashPrefix: T
-    } = Z({
-      configuration: b(k, "configuration"),
-      isIntersectionEnabled: f(!1),
-      hash: f(""),
-      hashPrefix: f("")
-    }), L = (e, t) => fetch(
-      K(a.value.proxyUrl, e.toString()),
+      selectedDocumentIndex: d,
+      isIntersectionEnabled: M,
+      hash: T,
+      hashPrefix: I
+    } = ae({
+      configuration: A(E, "configuration"),
+      isIntersectionEnabled: p(!1),
+      hash: p(""),
+      hashPrefix: p("")
+    }), { httpClient: $, setExcludedClients: L, setDefaultHttpClient: x } = te(), K = (e, t) => fetch(
+      z(a.value.proxyUrl, e.toString()),
       t
     );
-    _(Q, { isIntersectionEnabled: g, hash: y, hashPrefix: T });
-    const i = w(null), o = k.getWorkspaceStore(), c = l, u = (e) => {
+    B(ee, { isIntersectionEnabled: M, hash: T, hashPrefix: I });
+    const c = P("root"), o = E.getWorkspaceStore();
+    oe(o);
+    const f = u, m = (e) => {
       if (o.workspace.documents[e.slug ?? "default"] === void 0) {
         if (e.content) {
-          const t = typeof e.content == "string" ? J(e.content) : e.content;
+          const t = typeof e.content == "string" ? q(e.content) : e.content;
           return o.addDocumentSync({
             name: e.slug ?? "default",
             document: typeof t == "function" ? t() : t
@@ -47,97 +51,120 @@ const fe = /* @__PURE__ */ V({
           return o.addDocument({
             name: e.slug ?? "default",
             url: e.url,
-            fetch: L
+            fetch: K
           });
       }
     };
-    c.value.forEach((e) => {
-      e.content && u(e);
-    }), $(() => {
-      c.value.forEach((e) => {
-        e.url && u(e);
+    f.value.forEach((e) => {
+      e.content && m(e);
+    }), V(() => {
+      f.value.forEach((e) => {
+        e.url && m(e);
       });
-    }), C(() => {
-      c.value.forEach((e) => {
-        e.url && u(e);
+    }), F(() => {
+      f.value.forEach((t) => {
+        t.url && m(t);
       });
-    }), v(i, "scalar-update-dark-mode", (e) => {
+      const e = S().getItem(
+        g.SELECTED_CLIENT
+      );
+      k(e) && !o.workspace["x-scalar-default-client"] && o.update("x-scalar-default-client", e);
+    }), C(c, "scalar-update-dark-mode", (e) => {
       o.update("x-scalar-dark-mode", e.detail.value);
-    }), v(i, "scalar-update-active-document", (e) => {
+    }), C(c, "scalar-update-active-document", (e) => {
       o.update("x-scalar-active-document", e.detail.value);
-    }), v(i, "scalar-update-selected-client", (e) => {
-      o.update("x-scalar-default-client", e.detail), x().setItem(h.SELECTED_CLIENT, e.detail);
-    }), C(() => {
-      const e = x().getItem(
-        h.SELECTED_CLIENT
-      );
-      X(e) && o.update("x-scalar-default-client", e);
-    });
-    const { toggleColorMode: I, isDarkMode: N } = q({
+    }), C(c, "scalar-update-selected-client", (e) => {
+      o.update("x-scalar-default-client", e.detail), S().setItem(g.SELECTED_CLIENT, e.detail);
+      const [t, r] = e.detail.split("/");
+      x({
+        targetKey: t,
+        clientKey: r
+      });
+    }), n(
+      () => a.value.hiddenClients,
+      (e) => e && L(e)
+    ), n($, (e) => {
+      var r;
+      const t = `${e.targetKey}/${e.clientKey}`;
+      e && ((r = o.workspace.activeDocument) == null ? void 0 : r["x-scalar-default-client"]) !== t && k(t) && o.update("x-scalar-default-client", t);
+    }), n(
+      () => a.value.defaultHttpClient,
+      (e) => {
+        if (e) {
+          const { targetKey: t, clientKey: r } = e, s = `${t}/${r}`;
+          k(s) && o.update("x-scalar-default-client", s), x(e);
+        }
+      },
+      { immediate: !0 }
+    );
+    const { toggleColorMode: N, isDarkMode: R } = G({
       initialColorMode: a.value.darkMode ? "dark" : void 0,
       overrideColorMode: a.value.forceDarkModeState
     });
-    d(
+    n(
       () => a.value.darkMode,
       (e) => o.update("x-scalar-dark-mode", !!e)
-    ), d(
-      () => N.value,
+    ), n(
+      () => R.value,
       (e) => o.update("x-scalar-dark-mode", e),
       { immediate: !0 }
-    ), d(
-      () => s.value,
+    ), n(
+      () => d.value,
       (e) => {
         var t;
         return o.update(
           "x-scalar-active-document",
-          (t = l.value[e]) == null ? void 0 : t.slug
+          (t = u.value[e]) == null ? void 0 : t.slug
         );
       },
       { immediate: !0 }
-    ), d(
-      () => l.value,
+    ), n(
+      () => u.value,
       (e) => {
-        e.forEach(u);
+        e.forEach(m);
       }
-    ), a.value.metaData && z(a.value.metaData);
-    const R = A(() => a.value.favicon);
-    return G(R), (e, t) => {
-      var E;
-      return D(), B(F, null, [
-        (E = r(a)) != null && E.customCss ? (D(), P(W("style"), { key: 0 }, {
-          default: n(() => [
-            Y(O(r(a).customCss), 1)
+    ), a.value.metaData && Q(a.value.metaData);
+    const _ = H(() => a.value.favicon);
+    return X(_), (e, t) => {
+      var r;
+      return y(), U("div", {
+        ref_key: "root",
+        ref: c
+      }, [
+        (r = l(a)) != null && r.customCss ? (y(), W(O("style"), { key: 0 }, {
+          default: i(() => [
+            j(w(l(a).customCss), 1)
           ]),
           _: 1
-        })) : U("", !0),
-        S(H, {
-          configuration: r(a),
-          isDark: !!r(o).workspace["x-scalar-dark-mode"],
-          onToggleDarkMode: t[1] || (t[1] = () => r(I)()),
-          onUpdateContent: t[2] || (t[2] = (m) => e.$emit("updateContent", m))
+        })) : Y("", !0),
+        D(Z, {
+          configuration: l(a),
+          isDark: !!l(o).workspace["x-scalar-dark-mode"],
+          onToggleDarkMode: t[1] || (t[1] = () => l(N)()),
+          onUpdateContent: t[2] || (t[2] = (s) => e.$emit("updateContent", s))
         }, {
-          footer: n(() => [
-            p(e.$slots, "footer")
+          footer: i(() => [
+            v(e.$slots, "footer")
           ]),
-          "content-end": n(() => [
-            p(e.$slots, "footer")
+          "content-end": i(() => [
+            v(e.$slots, "footer")
           ]),
-          "document-selector": n(() => [
-            S(r(ee), {
-              modelValue: r(s),
-              "onUpdate:modelValue": t[0] || (t[0] = (m) => j(s) ? s.value = m : null),
-              options: r(l)
+          "document-selector": i(() => [
+            D(l(re), {
+              modelValue: l(d),
+              "onUpdate:modelValue": t[0] || (t[0] = (s) => J(d) ? d.value = s : null),
+              options: l(u)
             }, null, 8, ["modelValue", "options"])
           ]),
-          "sidebar-start": n(() => [
-            p(e.$slots, "sidebar-start")
+          "sidebar-start": i(() => [
+            v(e.$slots, "sidebar-start")
           ]),
           _: 3
         }, 8, ["configuration", "isDark"])
-      ], 64);
+      ], 512);
     };
   }
 });
 export {
-  fe as default
+  xe as default
 };

package/dist/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue.js

@@ -0,0 +1,4 @@
+import f from "./ExamplePicker.vue2.js";
+export {
+  f as default
+};

package/dist/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue2.js

@@ -0,0 +1,64 @@
+import { defineComponent as f, mergeModels as b, useModel as v, computed as c, createBlock as V, openBlock as h, unref as r, withCtx as u, createVNode as d, createElementVNode as g, toDisplayString as S } from "vue";
+import { ScalarCombobox as _, ScalarButton as E } from "@scalar/components";
+import { ScalarIconCaretDown as C } from "@scalar/icons";
+const k = /* @__PURE__ */ f({
+  __name: "ExamplePicker",
+  props: /* @__PURE__ */ b({
+    examples: {}
+  }, {
+    modelValue: { required: !0 },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(m, { expose: i }) {
+    const n = m, l = v(m, "modelValue"), a = c(() => Object.keys(n.examples).map((e) => ({
+      id: e,
+      label: s(e)
+    }))), o = c(
+      () => a.value.find(
+        (e) => e.id === l.value
+      ) ?? a.value[0]
+    ), s = (e) => {
+      if (!e)
+        return "Select an example";
+      const t = n.examples[e];
+      return (t == null ? void 0 : t.summary) ?? e;
+    }, x = (e) => {
+      l.value = e.id;
+    };
+    return i({
+      getLabel: s,
+      selectedExample: o,
+      selectedExampleKey: l
+    }), (e, t) => (h(), V(r(_), {
+      class: "max-h-80",
+      modelValue: o.value,
+      options: a.value,
+      teleport: "",
+      placement: "bottom-start",
+      "onUpdate:modelValue": x
+    }, {
+      default: u(() => [
+        d(r(E), {
+          "data-testid": "example-picker",
+          class: "text-c-1 hover:bg-b-2 flex h-full w-fit gap-1.5 px-1.5 py-0.75 font-normal",
+          fullWidth: "",
+          variant: "ghost"
+        }, {
+          default: u(() => {
+            var p;
+            return [
+              g("span", null, S(((p = o.value) == null ? void 0 : p.label) || "Select an example"), 1),
+              d(r(C))
+            ];
+          }),
+          _: 1
+        })
+      ]),
+      _: 1
+    }, 8, ["modelValue", "options"]));
+  }
+});
+export {
+  k as default
+};

package/dist/v2/blocks/scalar-request-example-block/components/RequestExample.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/components/RequestExample.vue"],"names":[],"mappings":"AA2YA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGrF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AACvG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,iDAAiD,CAAA;AAmBxD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAA;IAC3C;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAA;IACxC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,MAAM,CAAA;IAC5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED;;;;;;;;GAQG;;YAoBO,MAAM,OAAO;YACb,MAAM,OAAO;;YADb,MAAM,OAAO;YACb,MAAM,OAAO;;AApBvB,wBA+ZC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"RequestExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/components/RequestExample.vue"],"names":[],"mappings":"AAqYA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGrF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AACxD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AACvG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AACtF,OAAO,EAEL,KAAK,WAAW,EACjB,MAAM,iDAAiD,CAAA;AAkBxD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;;;;;;OAOG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,EAAE,CAAA;IAC3C;;;;OAIG;IACH,cAAc,CAAC,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACzC;;OAEG;IACH,cAAc,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACzC;;;;;OAKG;IACH,mBAAmB,CAAC,EAAE,MAAM,CAAA;IAC5B;;OAEG;IACH,eAAe,CAAC,EAAE,MAAM,CAAA;IACxB;;OAEG;IACH,eAAe,CAAC,EAAE,oBAAoB,EAAE,CAAA;IACxC;;OAEG;IACH,MAAM,EAAE,cAAc,CAAA;IACtB;;OAEG;IACH,IAAI,EAAE,MAAM,CAAA;IACZ;;OAEG;IACH,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,MAAM,CAAA;IAC5B;;;OAGG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAA;CAC7B,CAAA;AAED;;;;;;;;GAQG;;YAoBO,MAAM,OAAO;YACb,MAAM,OAAO;;YADb,MAAM,OAAO;YACb,MAAM,OAAO;;AApBvB,wBAmaC;AAWD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/blocks/scalar-request-example-block/components/RequestExample.vue.js

@@ -0,0 +1,7 @@
+import o from "./RequestExample.vue2.js";
+/* empty css                    */
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6d2391e7"]]);
+export {
+  r as default
+};

package/dist/v2/blocks/scalar-request-example-block/components/RequestExample.vue2.js

@@ -0,0 +1,212 @@
+import { defineComponent as O, computed as i, ref as C, watch as j, useId as I, createBlock as y, createCommentVNode as S, openBlock as m, unref as a, withCtx as s, createVNode as o, createSlots as N, createElementVNode as p, createElementBlock as b, renderSlot as v, toDisplayString as R } from "vue";
+import { ScalarCard as x, ScalarCardHeader as H, ScalarCombobox as K, ScalarButton as M, ScalarCardSection as q, ScalarCodeBlock as W, ScalarCardFooter as z } from "@scalar/components";
+import { freezeElement as D } from "@scalar/helpers/dom/freeze-element";
+import { ScalarIconCaretDown as F } from "@scalar/icons";
+import { isReference as U } from "@scalar/workspace-store/schemas/v3.1/type-guard";
+import { findClient as E } from "../helpers/find-client.js";
+import { generateClientOptions as A, generateCustomId as G } from "../helpers/generate-client-options.js";
+import { generateCodeSnippet as J } from "../helpers/generate-code-snippet.js";
+import { getSecrets as P } from "../helpers/get-secrets.js";
+import Q from "./ExamplePicker.vue2.js";
+import $ from "../../../../components/HttpMethod/HttpMethod.vue.js";
+import { emitCustomEvent as B } from "../../../events/definitions.js";
+const X = ["innerHTML"], Y = ["id"], Z = {
+  key: 0,
+  class: "request-card-footer-addon"
+}, _ = { class: "request-header" }, ee = {}, fe = /* @__PURE__ */ O({
+  ...ee,
+  __name: "RequestExample",
+  props: {
+    allowedClients: {},
+    selectedClient: {},
+    selectedServer: { default: () => ({ url: "/" }) },
+    selectedContentType: {},
+    selectedExample: {},
+    securitySchemes: { default: () => [] },
+    method: {},
+    path: {},
+    operation: {},
+    fallback: { type: Boolean },
+    generateLabel: { type: Function },
+    hideClientSelector: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const d = i(() => {
+      var c, k;
+      if (U(l.operation.requestBody))
+        return {};
+      const e = ((c = l.operation.requestBody) == null ? void 0 : c.content) ?? {}, t = l.selectedContentType || Object.keys(e)[0];
+      return ((k = e[t]) == null ? void 0 : k.examples) ?? {};
+    }), h = C(
+      l.selectedExample ?? Object.keys(d.value)[0]
+    ), g = i(() => [
+      "x-custom-examples",
+      "x-codeSamples",
+      "x-code-samples"
+    ].flatMap(
+      (t) => l.operation[t] ?? []
+    )), f = i(
+      () => A(g.value, l.allowedClients)
+    ), n = C(
+      E(f.value, l.selectedClient)
+    );
+    j(
+      () => l.selectedClient,
+      (e) => {
+        const t = E(f.value, e);
+        t && (n.value = t);
+      }
+    );
+    const V = i(() => {
+      var e;
+      try {
+        return n.value.id.startsWith("custom") ? ((e = g.value.find(
+          (t) => G(t) === n.value.id
+        )) == null ? void 0 : e.source) ?? "Custom example not found" : J({
+          clientId: n.value.id,
+          operation: l.operation,
+          method: l.method,
+          server: l.selectedServer,
+          securitySchemes: l.securitySchemes,
+          contentType: l.selectedContentType,
+          path: l.path,
+          example: d.value[h.value || ""]
+        });
+      } catch (t) {
+        return console.error("[generateSnippet]", t), "";
+      }
+    }), T = i(() => P(l.securitySchemes)), u = C(null), w = (e) => {
+      var t;
+      if (u.value) {
+        const r = D(u.value.$el);
+        setTimeout(() => {
+          r();
+        }, 300);
+      }
+      n.value = e, e.id.startsWith("custom") || B(
+        (t = u.value) == null ? void 0 : t.$el,
+        "scalar-update-selected-client",
+        e.id
+      );
+    }, L = I();
+    return (e, t) => f.value.length ? (m(), y(a(x), {
+      key: 0,
+      class: "request-card dark-mode",
+      ref_key: "elem",
+      ref: u
+    }, {
+      default: s(() => [
+        o(a(H), { class: "pr-0.75" }, N({
+          default: s(() => [
+            t[3] || (t[3] = p("span", { class: "sr-only" }, "Request Example for", -1)),
+            o(a($), {
+              as: "span",
+              class: "request-method",
+              method: e.method
+            }, null, 8, ["method"]),
+            e.generateLabel ? (m(), b("span", {
+              key: 0,
+              innerHTML: e.generateLabel()
+            }, null, 8, X)) : v(e.$slots, "header", { key: 1 }, void 0, !0)
+          ]),
+          _: 2
+        }, [
+          e.hideClientSelector ? void 0 : {
+            name: "actions",
+            fn: s(() => [
+              o(a(K), {
+                class: "max-h-80",
+                modelValue: n.value,
+                options: f.value,
+                teleport: "",
+                placement: "bottom-end",
+                "onUpdate:modelValue": t[0] || (t[0] = (r) => w(r))
+              }, {
+                default: s(() => [
+                  o(a(M), {
+                    "data-testid": "client-picker",
+                    class: "text-c-1 hover:bg-b-3 flex h-full w-fit gap-1.5 px-1.5 py-0.75 font-normal",
+                    fullWidth: "",
+                    variant: "ghost"
+                  }, {
+                    default: s(() => [
+                      p("span", null, R(n.value.title), 1),
+                      o(a(F))
+                    ]),
+                    _: 1
+                  })
+                ]),
+                _: 1
+              }, 8, ["modelValue", "options"])
+            ]),
+            key: "0"
+          }
+        ]), 1024),
+        o(a(q), { class: "request-editor-section custom-scroll p-0" }, {
+          default: s(() => [
+            p("div", {
+              id: `${a(L)}-example`,
+              class: "code-snippet"
+            }, [
+              o(a(W), {
+                class: "bg-b-2 !min-h-full -outline-offset-2",
+                content: V.value,
+                hideCredentials: T.value,
+                lang: n.value.lang,
+                lineNumbers: ""
+              }, null, 8, ["content", "hideCredentials", "lang"])
+            ], 8, Y)
+          ]),
+          _: 1
+        }),
+        Object.keys(d.value).length || e.$slots.footer ? (m(), y(a(z), {
+          key: 0,
+          class: "request-card-footer bg-b-3"
+        }, {
+          default: s(() => [
+            Object.keys(d.value).length ? (m(), b("div", Z, [
+              o(Q, {
+                examples: d.value,
+                modelValue: h.value,
+                "onUpdate:modelValue": [
+                  t[1] || (t[1] = (r) => h.value = r),
+                  t[2] || (t[2] = (r) => {
+                    var c;
+                    return a(B)((c = u.value) == null ? void 0 : c.$el, "scalar-update-selected-example", r);
+                  })
+                ]
+              }, null, 8, ["examples", "modelValue"])
+            ])) : S("", !0),
+            v(e.$slots, "footer", {}, void 0, !0)
+          ]),
+          _: 3
+        })) : S("", !0)
+      ]),
+      _: 3
+    }, 512)) : e.fallback ? (m(), y(a(x), {
+      key: 1,
+      class: "request-card dark-mode"
+    }, {
+      default: s(() => [
+        o(a(q), { class: "request-card-simple" }, {
+          default: s(() => [
+            p("div", _, [
+              o(a($), {
+                as: "span",
+                class: "request-method",
+                method: e.method
+              }, null, 8, ["method"]),
+              v(e.$slots, "header", {}, void 0, !0)
+            ]),
+            v(e.$slots, "footer", {}, void 0, !0)
+          ]),
+          _: 3
+        })
+      ]),
+      _: 3
+    })) : S("", !0);
+  }
+});
+export {
+  fe as default
+};

package/dist/v2/blocks/scalar-request-example-block/helpers/find-client.js

@@ -1,5 +1,22 @@
-import { AVAILABLE_CLIENTS as o } from "@scalar/snippetz";
-const e = (i) => o.includes(i);
+import { AVAILABLE_CLIENTS as c } from "@scalar/snippetz";
+const d = "shell/curl", u = (o) => c.includes(o), e = (o, r) => {
+  var f;
+  const n = (f = o[0]) == null ? void 0 : f.options[0];
+  if (r)
+    for (const i of o) {
+      const t = i.options.find((s) => s.id === r);
+      if (t)
+        return t;
+    }
+  if (!(n != null && n.id.startsWith("custom")))
+    for (const i of o) {
+      const t = i.options.find((s) => s.id === d);
+      if (t)
+        return t;
+    }
+  return n;
+};
 export {
-  e as isClient
+  e as findClient,
+  u as isClient
 };

package/dist/v2/blocks/scalar-request-example-block/helpers/generate-client-options.js

@@ -0,0 +1,35 @@
+import { snippetz as a } from "@scalar/snippetz";
+import { capitalize as r } from "vue";
+const f = (l) => `custom/${l.lang}`, u = (l, i) => {
+  const o = a().clients().flatMap((t) => {
+    const n = t.clients.flatMap((e) => {
+      const c = `${t.key}/${e.client}`;
+      return i && !i.includes(c) ? [] : {
+        id: c,
+        lang: e.client === "curl" ? "curl" : t.key,
+        title: `${r(t.title)} ${e.title}`,
+        label: e.title
+      };
+    });
+    return n.length === 0 ? [] : {
+      label: t.title,
+      options: n
+    };
+  }), s = l.map((t) => {
+    const n = f(t), e = t.label || t.lang || n;
+    return {
+      id: n,
+      lang: t.lang || "plaintext",
+      title: e,
+      label: e
+    };
+  });
+  return s.length > 0 && o.unshift({
+    label: "Code Examples",
+    options: s
+  }), o;
+};
+export {
+  u as generateClientOptions,
+  f as generateCustomId
+};

package/dist/v2/blocks/scalar-request-example-block/helpers/generate-code-snippet.js

@@ -0,0 +1,29 @@
+import { operationToHar as u } from "@scalar/oas-utils/helpers/operation-to-har";
+import { isReference as d } from "@scalar/workspace-store/schemas/v3.1/type-guard";
+import { getSnippet as l } from "@scalar/api-client/views/Components/CodeSnippet";
+const S = ({
+  clientId: t,
+  operation: e,
+  method: o,
+  path: n,
+  example: i,
+  contentType: p,
+  server: s,
+  securitySchemes: a
+}) => {
+  if (d(e))
+    return "";
+  const c = u({
+    operation: e,
+    contentType: p,
+    method: o,
+    path: n,
+    server: s,
+    securitySchemes: a,
+    example: i
+  }), [m, f] = t.split("/"), [r, g] = l(m, f, c);
+  return r ? r.message ?? "Error generating code snippet" : g;
+};
+export {
+  S as generateCodeSnippet
+};