@scalar/api-reference 1.32.9 → 1.33.0

package/dist/types.d.ts

@@ -1,5 +1,6 @@
 import type { AnyApiReferenceConfiguration, ApiReferenceConfiguration } from '@scalar/types/api-reference';
 import type { OpenAPIV3_1, Spec } from '@scalar/types/legacy';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
 export type { ApiReferenceConfiguration };
 export type ReferenceProps = {
     configuration?: AnyApiReferenceConfiguration;
@@ -36,6 +37,10 @@ export type ReferenceLayoutProps = {
      * @deprecated Use `originalDocument` instead.
      */
     rawSpec?: string;
+    /**
+     * @deprecated this is just temporary until we switch to the new store, we prop drill it down
+     */
+    store: WorkspaceStore;
 };
 export type GettingStartedExamples = 'Petstore' | 'CoinMarketCap';
 export type ContentProperties = {

package/dist/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC1G,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAE7D,YAAY,EAAE,yBAAyB,EAAE,CAAA;AAEzC,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;IACjD;;;;;;;;;;;;OAYG;IACH,oBAAoB,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAA;IAC3C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,eAAe,CAAA;AAEjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;QACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;QACf,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,iBAAiB,CAAA;KAC/B,CAAA;CACF,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;QACnB,UAAU,EAAE,iBAAiB,CAAA;KAC9B,CAAA;CACF,CAAA;AACD,2DAA2D;AAC3D,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,eAAe,GACf,aAAa,GACb,eAAe,GACf,aAAa,CAAA;AAEjB,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,mBAAmB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG;CAC/D,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,mBAAmB,EAAE,GAAG,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../src/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,4BAA4B,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAA;AAC1G,OAAO,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,sBAAsB,CAAA;AAC7D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,YAAY,EAAE,yBAAyB,EAAE,CAAA;AAEzC,MAAM,MAAM,cAAc,GAAG;IAC3B,aAAa,CAAC,EAAE,4BAA4B,CAAA;CAC7C,CAAA;AAED;;GAEG;AACH,MAAM,MAAM,oBAAoB,GAAG;IACjC,aAAa,EAAE,OAAO,CAAC,yBAAyB,CAAC,CAAA;IACjD;;;;;;;;;;;;OAYG;IACH,oBAAoB,CAAC,EAAE,WAAW,CAAC,QAAQ,CAAA;IAC3C;;OAEG;IACH,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,MAAM,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,UAAU,CAAC,EAAE,IAAI,CAAA;IACjB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,KAAK,EAAE,cAAc,CAAA;CACtB,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,UAAU,GAAG,eAAe,CAAA;AAEjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,CAAC,GAAG,EAAE,MAAM,GAAG;QACb,IAAI,EAAE,MAAM,CAAA;QACZ,MAAM,CAAC,EAAE,MAAM,CAAA;QACf,OAAO,CAAC,EAAE,GAAG,CAAA;QACb,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;QACnB,IAAI,CAAC,EAAE,MAAM,EAAE,CAAA;QACf,WAAW,CAAC,EAAE,MAAM,CAAA;QACpB,UAAU,CAAC,EAAE,iBAAiB,CAAA;KAC/B,CAAA;CACF,CAAA;AAED,MAAM,MAAM,aAAa,GAAG;IAC1B,MAAM,CAAC,EAAE;QACP,IAAI,EAAE,MAAM,CAAA;QACZ,QAAQ,CAAC,EAAE,MAAM,EAAE,CAAA;QACnB,UAAU,EAAE,iBAAiB,CAAA;KAC9B,CAAA;CACF,CAAA;AACD,2DAA2D;AAC3D,MAAM,MAAM,mBAAmB,GAC3B,QAAQ,GACR,QAAQ,GACR,QAAQ,GACR,eAAe,GACf,aAAa,GACb,eAAe,GACf,aAAa,CAAA;AAEjB,MAAM,MAAM,oBAAoB,GAAG;KAChC,CAAC,IAAI,mBAAmB,GAAG,CAAC,KAAK,EAAE,kBAAkB,KAAK,GAAG;CAC/D,CAAA;AAED,MAAM,MAAM,oBAAoB,GAAG;IACjC,mBAAmB,EAAE,GAAG,CAAA;CACzB,CAAA;AAED,MAAM,MAAM,kBAAkB,GAAG;IAC/B,IAAI,EAAE,IAAI,CAAA;IACV,UAAU,EAAE,MAAM,CAAA;CACnB,CAAA"}

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

@@ -2,7 +2,7 @@ import type { AnyApiReferenceConfiguration } from '@scalar/types';
 import { type WorkspaceStore } from '@scalar/workspace-store/client';
 type __VLS_Props = {
     configuration?: AnyApiReferenceConfiguration;
-    getWorkspaceStore: () => WorkspaceStore;
+    store: WorkspaceStore;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -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":"AAkVA,OAAO,KAAK,EAAE,4BAA4B,EAAE,MAAM,eAAe,CAAA;AAEjE,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AA0BpE,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AAkOF,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,143 +1,160 @@
-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 { defineComponent as N, ref as p, toRef as _, provide as $, useTemplateRef as P, onServerPrefetch as V, onBeforeMount as A, onMounted as B, watch as s, computed as w, createElementBlock as U, openBlock as E, createBlock as K, createCommentVNode as Y, createVNode as D, unref as r, resolveDynamicComponent as F, withCtx as u, createTextVNode as O, toDisplayString as j, renderSlot as v, isRef as H } 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 { makeUrlAbsolute as J } from "@scalar/helpers/url/make-url-absolute";
+import { parseJsonOrYaml as W, redirectToProxy as q } from "@scalar/oas-utils/helpers";
+import { useColorMode as z } from "@scalar/use-hooks/useColorMode";
+import { useSeoMeta as G } from "@unhead/vue";
+import { useFavicon as Q } from "@vueuse/core";
+import X from "../components/ApiReferenceLayout.vue.js";
+import { NAV_STATE_SYMBOL as Z } from "../hooks/useNavState.js";
+import { isClient as y } from "./blocks/scalar-request-example-block/helpers/find-client.js";
+import { useMultipleDocuments as ee } from "../features/multiple-documents/useMultipleDocuments.js";
+import { onCustomEvent as k } from "./events/listeners.js";
+import te from "../features/multiple-documents/DocumentSelector.vue.js";
+const ve = /* @__PURE__ */ N({
   __name: "ApiReferenceWorkspace",
   props: {
     configuration: {},
-    getWorkspaceStore: { type: Function }
+    store: {}
   },
   setup(M) {
-    const k = M, {
-      availableDocuments: l,
+    const C = M, {
+      availableDocuments: d,
       selectedConfiguration: a,
-      selectedDocumentIndex: s,
-      isIntersectionEnabled: g,
-      hash: y,
+      selectedDocumentIndex: i,
+      isIntersectionEnabled: S,
+      hash: g,
       hashPrefix: T
-    } = Z({
-      configuration: b(k, "configuration"),
-      isIntersectionEnabled: f(!1),
-      hash: f(""),
-      hashPrefix: f("")
-    }), L = (e, t) => fetch(
-      K(a.value.proxyUrl, e.toString()),
+    } = ee({
+      configuration: _(C, "configuration"),
+      isIntersectionEnabled: p(!1),
+      hash: p(""),
+      hashPrefix: p("")
+    }), b = (e, t) => fetch(
+      q(a.value.proxyUrl, e.toString()),
       t
     );
-    _(Q, { isIntersectionEnabled: g, hash: y, hashPrefix: T });
-    const i = w(null), o = k.getWorkspaceStore(), c = l, u = (e) => {
+    $(Z, { isIntersectionEnabled: S, hash: g, hashPrefix: T });
+    const c = P("root"), o = C.store, f = d, m = (e) => {
+      var t;
       if (o.workspace.documents[e.slug ?? "default"] === void 0) {
         if (e.content) {
-          const t = typeof e.content == "string" ? J(e.content) : e.content;
+          const n = typeof e.content == "string" ? W(e.content) : e.content;
           return o.addDocumentSync({
             name: e.slug ?? "default",
-            document: typeof t == "function" ? t() : t
+            document: typeof n == "function" ? n() : n
           });
         }
         if (e.url)
           return o.addDocument({
             name: e.slug ?? "default",
-            url: e.url,
-            fetch: L
+            url: J(e.url, {
+              basePath: (t = a.value.pathRouting) == null ? void 0 : t.basePath
+            }),
+            fetch: b
           });
       }
     };
-    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);
+    }), A(() => {
+      const e = x().getItem(
+        h.SELECTED_CLIENT
+      );
+      y(e) && !o.workspace["x-scalar-default-client"] && o.update("x-scalar-default-client", e);
+    }), B(() => {
+      f.value.forEach((e) => {
+        e.url && m(e);
       });
-    }), v(i, "scalar-update-dark-mode", (e) => {
+    }), k(c, "scalar-update-dark-mode", (e) => {
       o.update("x-scalar-dark-mode", e.detail.value);
-    }), v(i, "scalar-update-active-document", (e) => {
+    }), k(c, "scalar-update-active-document", (e) => {
       o.update("x-scalar-active-document", e.detail.value);
-    }), v(i, "scalar-update-selected-client", (e) => {
+    }), k(c, "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({
+    }), s(
+      () => a.value.defaultHttpClient,
+      (e) => {
+        if (e) {
+          const { targetKey: t, clientKey: n } = e, l = `${t}/${n}`;
+          y(l) && o.update("x-scalar-default-client", l);
+        }
+      },
+      { immediate: !0 }
+    );
+    const { toggleColorMode: I, isDarkMode: L } = z({
       initialColorMode: a.value.darkMode ? "dark" : void 0,
       overrideColorMode: a.value.forceDarkModeState
     });
-    d(
+    s(
       () => a.value.darkMode,
       (e) => o.update("x-scalar-dark-mode", !!e)
-    ), d(
-      () => N.value,
+    ), s(
+      () => L.value,
       (e) => o.update("x-scalar-dark-mode", e),
       { immediate: !0 }
-    ), d(
-      () => s.value,
+    ), s(
+      () => i.value,
       (e) => {
         var t;
         return o.update(
           "x-scalar-active-document",
-          (t = l.value[e]) == null ? void 0 : t.slug
+          (t = d.value[e]) == null ? void 0 : t.slug
         );
       },
       { immediate: !0 }
-    ), d(
-      () => l.value,
+    ), s(
+      () => d.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 && G(a.value.metaData);
+    const R = w(() => a.value.favicon);
+    return Q(R), (e, t) => {
+      var n;
+      return E(), U("div", {
+        ref_key: "root",
+        ref: c
+      }, [
+        (n = r(a)) != null && n.customCss ? (E(), K(F("style"), { key: 0 }, {
+          default: u(() => [
+            O(j(r(a).customCss), 1)
           ]),
           _: 1
-        })) : U("", !0),
-        S(H, {
+        })) : Y("", !0),
+        D(X, {
           configuration: r(a),
           isDark: !!r(o).workspace["x-scalar-dark-mode"],
+          store: r(o),
           onToggleDarkMode: t[1] || (t[1] = () => r(I)()),
-          onUpdateContent: t[2] || (t[2] = (m) => e.$emit("updateContent", m))
+          onUpdateContent: t[2] || (t[2] = (l) => e.$emit("updateContent", l))
         }, {
-          footer: n(() => [
-            p(e.$slots, "footer")
+          footer: u(() => [
+            v(e.$slots, "footer")
           ]),
-          "content-end": n(() => [
-            p(e.$slots, "footer")
+          "content-end": u(() => [
+            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": u(() => [
+            D(r(te), {
+              modelValue: r(i),
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => H(i) ? i.value = l : null),
+              options: r(d)
             }, null, 8, ["modelValue", "options"])
           ]),
-          "sidebar-start": n(() => [
-            p(e.$slots, "sidebar-start")
+          "sidebar-start": u(() => [
+            v(e.$slots, "sidebar-start")
           ]),
           _: 3
-        }, 8, ["configuration", "isDark"])
-      ], 64);
+        }, 8, ["configuration", "isDark", "store"])
+      ], 512);
     };
   }
 });
 export {
-  fe as default
+  ve as default
 };

package/dist/v2/ApiReferenceWorkspace.vue2.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/v2/ApiReferenceWorkspace.vue3.js

@@ -1,5 +1,5 @@
 import o from "./ApiReferenceWorkspace.vue.js";
-/* empty css                           */
+import "./ApiReferenceWorkspace.vue2.js";
 export {
   o as default
 };

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

@@ -1,14 +1,12 @@
-import { type ScalarComboboxOption } from '@scalar/components';
-import type { ExampleObject } from '@scalar/workspace-store/schemas/v3.1/strict/example';
+import type { MediaTypeObject } from '@scalar/workspace-store/schemas/v3.1/strict/media-header-encoding';
 type __VLS_Props = {
-    examples: Record<string, ExampleObject>;
+    examples: MediaTypeObject['examples'];
 };
 type __VLS_PublicProps = {
     modelValue: string;
 } & __VLS_Props;
 declare const _default: import("vue").DefineComponent<__VLS_PublicProps, {
     getLabel: (key: string | null) => string;
-    selectedExample: import("vue").ComputedRef<ScalarComboboxOption>;
     selectedExampleKey: import("vue").ModelRef<string, string, string, string>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => any;

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

@@ -1 +1 @@
-{"version":3,"file":"ExamplePicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue"],"names":[],"mappings":"AA2EA,OAAO,EAGL,KAAK,oBAAoB,EAC1B,MAAM,oBAAoB,CAAA;AAE3B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAA;AAKxF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;CACxC,CAAC;AAuDF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;;oBAnCO,MAAM,GAAG,IAAI;;;;;;;;AA4IpC,wBASG"}
+{"version":3,"file":"ExamplePicker.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/components/ExamplePicker.vue"],"names":[],"mappings":"AAmFA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,mEAAmE,CAAA;AAIxG,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;CACtC,CAAC;AAwCF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;;oBAjCO,MAAM,GAAG,IAAI;;;;;;;AAuLpC,wBASG"}

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,72 @@
+import { defineComponent as h, mergeModels as w, useModel as _, createBlock as u, openBlock as c, unref as t, withCtx as r, createVNode as i, createElementVNode as m, toDisplayString as p, createElementBlock as g, Fragment as v, renderList as b, normalizeClass as C } from "vue";
+import { ScalarDropdown as S, ScalarButton as k, ScalarDropdownItem as E, ScalarIcon as V } from "@scalar/components";
+import { ScalarIconCaretDown as B } from "@scalar/icons";
+const D = { class: "overflow-hidden text-ellipsis" }, N = /* @__PURE__ */ h({
+  __name: "ExamplePicker",
+  props: /* @__PURE__ */ w({
+    examples: {}
+  }, {
+    modelValue: {
+      required: !0
+    },
+    modelModifiers: {}
+  }),
+  emits: ["update:modelValue"],
+  setup(d, { expose: f }) {
+    const a = _(d, "modelValue"), o = (e) => {
+      var n, s;
+      return e ? ((s = (n = d.examples) == null ? void 0 : n[e]) == null ? void 0 : s.summary) ?? e : "Select an example";
+    }, x = (e) => {
+      a.value = e;
+    };
+    return f({
+      getLabel: o,
+      selectedExampleKey: a
+    }), (e, n) => (c(), u(t(S), { placement: "bottom-start" }, {
+      items: r(() => [
+        (c(!0), g(v, null, b(e.examples, (s, l) => (c(), u(t(E), {
+          key: l,
+          onClick: (z) => x(l)
+        }, {
+          default: r(() => [
+            m("div", {
+              class: C([
+                "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
+                a.value === l ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
+              ])
+            }, [
+              i(t(V), {
+                class: "size-2.5",
+                icon: "Checkmark",
+                thickness: "3"
+              })
+            ], 2),
+            m("span", D, p(o(l)), 1)
+          ]),
+          _: 2
+        }, 1032, ["onClick"]))), 128))
+      ]),
+      default: r(() => [
+        i(t(k), {
+          "data-testid": "example-picker",
+          class: "text-c-2 hover:text-c-1 flex h-full w-fit gap-1.5 px-1.5 py-0.75 text-base font-normal",
+          fullWidth: "",
+          variant: "ghost"
+        }, {
+          default: r(() => [
+            m("span", null, p(o(a.value)), 1),
+            i(t(B), {
+              weight: "bold",
+              class: "ui-open:rotate-180 mt-0.25 size-3 transition-transform duration-100"
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  N as default
+};

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

@@ -4,20 +4,16 @@ import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/stric
 import type { SecuritySchemeObject } from '@scalar/workspace-store/schemas/v3.1/strict/security-scheme';
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
 import { type Dereference } from '@scalar/workspace-store/schemas/v3.1/type-guard';
+import type { ClientOptionGroup } from '../../../../v2/blocks/scalar-request-example-block/types';
 export type RequestExampleProps = {
     /**
-     * List of all allowed clients, this will determine which clients are available in the dropdown
-     *
-     * For the complete list:
-     * @see https://github.com/scalar/scalar/blob/main/packages/types/src/snippetz/snippetz.ts#L8
-     *
-     * @defaults to all available clients + any included custom code examples
+     * List of all http clients formatted into option groups for the client selector
      */
-    allowedClients?: AvailableClients[number][];
+    clientOptions: ClientOptionGroup[];
     /**
      * Pre-selected client, this will determine which client is initially selected in the dropdown
      *
-     * @defaults to js/fetch or a custom sample if one is available
+     * @defaults to shell/curl or a custom sample if one is available
      */
     selectedClient?: AvailableClients[number];
     /**
@@ -59,11 +55,6 @@ export type RequestExampleProps = {
      * A method to generate the label of the block, should return an html string
      */
     generateLabel?: () => string;
-    /**
-     * Whether to hide the client selector
-     * @default false
-     */
-    hideClientSelector?: boolean;
 };
 /**
  * Request Example

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":"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,wBAkaC;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":"AAuZA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGrF,OAAO,EAAE,KAAK,gBAAgB,EAAiB,MAAM,kBAAkB,CAAA;AAEvE,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;AAQxD,OAAO,KAAK,EAEV,iBAAiB,EAClB,MAAM,gDAAgD,CAAA;AAOvD,MAAM,MAAM,mBAAmB,GAAG;IAChC;;OAEG;IACH,aAAa,EAAE,iBAAiB,EAAE,CAAA;IAClC;;;;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;CAC7B,CAAA;AAED;;;;;;;;GAQG;;YAmBO,MAAM,OAAO;YACb,MAAM,OAAO;;YADb,MAAM,OAAO;YACb,MAAM,OAAO;;AAnBvB,wBAicC;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";
+import "./RequestExample.vue3.js";
+import t from "../../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f42f9860"]]);
+export {
+  p as default
+};