@scalar/api-reference 1.32.10 → 1.34.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 { OpenAPIV3_1 } from '@scalar/types/legacy';
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
 export type { ApiReferenceConfiguration };
 export type ReferenceProps = {
     configuration?: AnyApiReferenceConfiguration;
@@ -28,14 +29,14 @@ export type ReferenceLayoutProps = {
      */
     originalDocument?: string;
     isDark: boolean;
-    /**
-     * @deprecated We can't use this anymore. Use `dereferencedDocument` instead.
-     */
-    parsedSpec?: Spec;
     /**
      * @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 = {
@@ -65,7 +66,6 @@ export type DocumentSelectorSlot = {
     'document-selector': any;
 };
 export type ReferenceSlotProps = {
-    spec: Spec;
     breadcrumb: string;
 };
 //# sourceMappingURL=types.d.ts.map

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,MAAM,sBAAsB,CAAA;AACvD,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,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,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<{}>;

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":"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"}
+{"version":3,"file":"ApiReferenceWorkspace.vue.d.ts","sourceRoot":"","sources":["../../src/v2/ApiReferenceWorkspace.vue"],"names":[],"mappings":"AAmVA,OAAO,KAAK,EACV,4BAA4B,EAE7B,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,gCAAgC,CAAA;AA2BpE,KAAK,WAAW,GAAG;IACjB,aAAa,CAAC,EAAE,4BAA4B,CAAA;IAC5C,KAAK,EAAE,cAAc,CAAA;CACtB,CAAC;AA+NF,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,170 +1,169 @@
-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({
+import { defineComponent as R, ref as c, toRef as _, provide as $, useTemplateRef as w, onBeforeMount as V, watch as u, computed as A, createElementBlock as B, openBlock as D, createBlock as P, createCommentVNode as U, createVNode as E, unref as n, resolveDynamicComponent as K, withCtx as s, createTextVNode as F, toDisplayString as O, renderSlot as p, isRef as Y } from "vue";
+import { safeLocalStorage as x, REFERENCE_LS_KEYS as g } from "@scalar/helpers/object/local-storage";
+import { makeUrlAbsolute as z } from "@scalar/helpers/url/make-url-absolute";
+import { redirectToProxy as H } from "@scalar/oas-utils/helpers";
+import { useColorMode as W } from "@scalar/use-hooks/useColorMode";
+import { deepClone as j } from "@scalar/workspace-store/helpers/general";
+import { useSeoMeta as q } from "@unhead/vue";
+import { useFavicon as G } from "@vueuse/core";
+import J from "../components/ApiReferenceLayout.vue.js";
+import { NAV_STATE_SYMBOL as Q } from "../hooks/useNavState.js";
+import { isClient as M } from "./blocks/scalar-request-example-block/helpers/find-client.js";
+import { getDocumentName as X } from "./helpers/get-document-name.js";
+import { normalizeContent as Z } from "./helpers/normalize-content.js";
+import { useMultipleDocuments as ee } from "../features/multiple-documents/useMultipleDocuments.js";
+import { onCustomEvent as f } from "./events/listeners.js";
+import te from "../features/multiple-documents/DocumentSelector.vue.js";
+const De = /* @__PURE__ */ R({
   __name: "ApiReferenceWorkspace",
   props: {
     configuration: {},
-    getWorkspaceStore: { type: Function }
+    store: {}
   },
-  setup(h) {
-    const E = h, {
-      availableDocuments: u,
-      selectedConfiguration: a,
-      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()),
+  setup(y) {
+    const v = y, {
+      availableDocuments: C,
+      selectedConfiguration: o,
+      selectedDocumentIndex: i,
+      isIntersectionEnabled: m,
+      hash: S,
+      hashPrefix: T
+    } = ee({
+      configuration: _(v, "configuration"),
+      isIntersectionEnabled: c(!1),
+      hash: c(""),
+      hashPrefix: c("")
+    }), h = (e, t) => fetch(
+      H(o.value.proxyUrl, e.toString()),
       t
     );
-    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" ? q(e.content) : e.content;
-          return o.addDocumentSync({
-            name: e.slug ?? "default",
-            document: typeof t == "function" ? t() : t
-          });
-        }
-        if (e.url)
-          return o.addDocument({
-            name: e.slug ?? "default",
-            url: e.url,
-            fetch: K
-          });
-      }
-    };
-    f.value.forEach((e) => {
-      e.content && m(e);
-    }), V(() => {
-      f.value.forEach((e) => {
-        e.url && m(e);
-      });
-    }), F(() => {
-      f.value.forEach((t) => {
-        t.url && m(t);
-      });
-      const e = S().getItem(
+    $(Q, { isIntersectionEnabled: m, hash: S, hashPrefix: T });
+    const d = w("root"), a = v.store;
+    V(() => {
+      const e = x().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);
-    }), C(c, "scalar-update-active-document", (e) => {
-      o.update("x-scalar-active-document", e.detail.value);
-    }), 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
+      M(e) && !a.workspace["x-scalar-default-client"] && a.update("x-scalar-default-client", e);
+    });
+    const k = async (e) => {
+      var l;
+      const t = Z(e.content), r = X({
+        name: e.slug || e.title,
+        url: e.url,
+        document: t
       });
-    }), 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,
+      if (a.workspace.documents[r]) {
+        if (t) {
+          m.value = !1;
+          const N = j(t);
+          a.replaceDocument(r, N), a.update("x-scalar-active-document", r), setTimeout(() => {
+            m.value = !0;
+          }, 300);
+        }
+        return;
+      }
+      if (t)
+        return await a.addDocument({
+          name: r,
+          document: t
+        });
+      if (e.url)
+        return await a.addDocument({
+          name: e.slug ?? "default",
+          url: z(e.url, {
+            basePath: (l = o.value.pathRouting) == null ? void 0 : l.basePath
+          }),
+          fetch: h
+        });
+    };
+    u(
+      () => o.value.url,
+      (e) => e && k(o.value),
+      { immediate: !0 }
+    ), u(
+      () => o.value.content,
+      (e) => e && k(o.value),
+      { immediate: !0, deep: !0 }
+    ), f(d, "scalar-update-dark-mode", (e) => {
+      a.update("x-scalar-dark-mode", e.detail.value);
+    }), f(d, "scalar-update-active-document", (e) => {
+      a.update("x-scalar-active-document", e.detail.value);
+    }), f(d, "scalar-update-selected-client", (e) => {
+      a.update("x-scalar-default-client", e.detail), x().setItem(g.SELECTED_CLIENT, e.detail);
+    }), u(
+      () => o.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);
+          const { targetKey: t, clientKey: r } = e, l = `${t}/${r}`;
+          M(l) && a.update("x-scalar-default-client", l);
         }
       },
       { immediate: !0 }
     );
-    const { toggleColorMode: N, isDarkMode: R } = G({
-      initialColorMode: a.value.darkMode ? "dark" : void 0,
-      overrideColorMode: a.value.forceDarkModeState
+    const { toggleColorMode: b, isDarkMode: I } = W({
+      initialColorMode: o.value.darkMode ? "dark" : void 0,
+      overrideColorMode: o.value.forceDarkModeState
     });
-    n(
-      () => a.value.darkMode,
-      (e) => o.update("x-scalar-dark-mode", !!e)
-    ), n(
-      () => R.value,
-      (e) => o.update("x-scalar-dark-mode", e),
+    u(
+      () => o.value.darkMode,
+      (e) => a.update("x-scalar-dark-mode", !!e)
+    ), u(
+      () => I.value,
+      (e) => a.update("x-scalar-dark-mode", e),
       { immediate: !0 }
-    ), n(
-      () => d.value,
+    ), u(
+      () => i.value,
       (e) => {
         var t;
-        return o.update(
+        return a.update(
           "x-scalar-active-document",
-          (t = u.value[e]) == null ? void 0 : t.slug
+          (t = C.value[e]) == null ? void 0 : t.slug
         );
       },
       { immediate: !0 }
-    ), n(
-      () => u.value,
-      (e) => {
-        e.forEach(m);
-      }
-    ), a.value.metaData && Q(a.value.metaData);
-    const _ = H(() => a.value.favicon);
-    return X(_), (e, t) => {
+    ), o.value.metaData && q(o.value.metaData);
+    const L = A(() => o.value.favicon);
+    return G(L), (e, t) => {
       var r;
-      return y(), U("div", {
+      return D(), B("div", {
         ref_key: "root",
-        ref: c
+        ref: d
       }, [
-        (r = l(a)) != null && r.customCss ? (y(), W(O("style"), { key: 0 }, {
-          default: i(() => [
-            j(w(l(a).customCss), 1)
+        (r = n(o)) != null && r.customCss ? (D(), P(K("style"), { key: 0 }, {
+          default: s(() => [
+            F(O(n(o).customCss), 1)
           ]),
           _: 1
-        })) : 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))
+        })) : U("", !0),
+        E(J, {
+          configuration: n(o),
+          isDark: !!n(a).workspace["x-scalar-dark-mode"],
+          store: n(a),
+          onToggleDarkMode: t[1] || (t[1] = () => n(b)()),
+          onUpdateContent: t[2] || (t[2] = (l) => e.$emit("updateContent", l))
         }, {
-          footer: i(() => [
-            v(e.$slots, "footer")
+          footer: s(() => [
+            p(e.$slots, "footer")
           ]),
-          "content-end": i(() => [
-            v(e.$slots, "footer")
+          "content-end": s(() => [
+            p(e.$slots, "footer")
           ]),
-          "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)
+          "document-selector": s(() => [
+            E(n(te), {
+              modelValue: n(i),
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => Y(i) ? i.value = l : null),
+              options: n(C)
             }, null, 8, ["modelValue", "options"])
           ]),
-          "sidebar-start": i(() => [
-            v(e.$slots, "sidebar-start")
+          "sidebar-start": s(() => [
+            p(e.$slots, "sidebar-start")
           ]),
           _: 3
-        }, 8, ["configuration", "isDark"])
+        }, 8, ["configuration", "isDark", "store"])
       ], 512);
     };
   }
 });
 export {
-  xe as default
+  De 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,6 +1,6 @@
-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;

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":"AA+EA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,qDAAqD,CAAA;AAIxF,KAAK,WAAW,GAAG;IACjB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAA;CACxC,CAAC;AAqCF,KAAK,iBAAiB,GAAG;IACzB,UAAU,EAAE,MAAM,CAAC;CAClB,GAAG,WAAW,CAAC;;oBAjCO,MAAM,GAAG,IAAI;;;;;;;AAkLpC,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.vue2.js

@@ -1,61 +1,64 @@
-import { defineComponent as h, mergeModels as _, useModel as v, createBlock as p, openBlock as s, unref as t, withCtx as o, createVNode as c, createElementVNode as m, toDisplayString as d, createElementBlock as w, Fragment as g, renderList as C, normalizeClass as S } from "vue";
-import { ScalarDropdown as b, ScalarButton as k, ScalarDropdownItem as E, ScalarIcon as V } from "@scalar/components";
+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" }, j = /* @__PURE__ */ h({
+const D = { class: "overflow-hidden text-ellipsis" }, N = /* @__PURE__ */ h({
   __name: "ExamplePicker",
-  props: /* @__PURE__ */ _({
+  props: /* @__PURE__ */ w({
     examples: {}
   }, {
-    modelValue: { required: !0 },
+    modelValue: {
+      required: !0
+    },
     modelModifiers: {}
   }),
   emits: ["update:modelValue"],
-  setup(i, { expose: u }) {
-    const f = i, a = v(i, "modelValue"), n = (e) => {
-      if (!e)
-        return "Select an example";
-      const l = f.examples[e];
-      return (l == null ? void 0 : l.summary) ?? e;
+  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 u({
-      getLabel: n,
+    return f({
+      getLabel: o,
       selectedExampleKey: a
-    }), (e, l) => (s(), p(t(b), { placement: "bottom-start" }, {
-      items: o(() => [
-        (s(!0), w(g, null, C(e.examples, (I, r) => (s(), p(t(E), {
-          key: r,
-          onClick: (M) => x(r)
+    }), (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: o(() => [
+          default: r(() => [
             m("div", {
-              class: S([
+              class: C([
                 "flex h-4 w-4 items-center justify-center rounded-full p-[3px]",
-                a.value === r ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
+                a.value === l ? "bg-c-accent text-b-1" : "shadow-border text-transparent"
               ])
             }, [
-              c(t(V), {
+              i(t(V), {
                 class: "size-2.5",
                 icon: "Checkmark",
                 thickness: "3"
               })
             ], 2),
-            m("span", D, d(n(r)), 1)
+            m("span", D, p(o(l)), 1)
           ]),
           _: 2
         }, 1032, ["onClick"]))), 128))
       ]),
-      default: o(() => [
-        c(t(k), {
+      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: o(() => [
-            m("span", null, d(n(a.value)), 1),
-            c(t(B))
+          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
         })
@@ -65,5 +68,5 @@ const D = { class: "overflow-hidden text-ellipsis" }, j = /* @__PURE__ */ h({
   }
 });
 export {
-  j as default
+  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":"AAiZA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAGrF,OAAO,EAAE,KAAK,gBAAgB,EAAE,MAAM,kBAAkB,CAAA;AAExD,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;AAoBxD,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,wBA0bC;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

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