@scalar/api-reference 1.34.2 → 1.34.4

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":"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"}
+{"version":3,"file":"ApiReferenceWorkspace.vue.d.ts","sourceRoot":"","sources":["../../src/v2/ApiReferenceWorkspace.vue"],"names":[],"mappings":"AAgVA,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;AA4NF,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,20 +1,20 @@
-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 { 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 k, createBlock as P, createCommentVNode as U, createVNode as D, unref as n, resolveDynamicComponent as K, withCtx as i, createTextVNode as F, toDisplayString as O, renderSlot as f, isRef as Y } from "vue";
+import { safeLocalStorage as E, REFERENCE_LS_KEYS as x } 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({
+import { useSeoMeta as j } from "@unhead/vue";
+import { useFavicon as q } from "@vueuse/core";
+import G from "../components/ApiReferenceLayout.vue.js";
+import { NAV_STATE_SYMBOL as J } from "../hooks/useNavState.js";
+import { isClient as g } from "./blocks/scalar-request-example-block/helpers/find-client.js";
+import { getDocumentName as Q } from "./helpers/get-document-name.js";
+import { mapConfiguration as M } from "./helpers/map-configuration.js";
+import { normalizeContent as X } from "./helpers/normalize-content.js";
+import { useMultipleDocuments as Z } from "../features/multiple-documents/useMultipleDocuments.js";
+import { onCustomEvent as p } from "./events/listeners.js";
+import ee from "../features/multiple-documents/DocumentSelector.vue.js";
+const ke = /* @__PURE__ */ R({
   __name: "ApiReferenceWorkspace",
   props: {
     configuration: {},
@@ -24,11 +24,11 @@ const De = /* @__PURE__ */ R({
     const v = y, {
       availableDocuments: C,
       selectedConfiguration: o,
-      selectedDocumentIndex: i,
+      selectedDocumentIndex: s,
       isIntersectionEnabled: m,
       hash: S,
       hashPrefix: T
-    } = ee({
+    } = Z({
       configuration: _(v, "configuration"),
       isIntersectionEnabled: c(!1),
       hash: c(""),
@@ -37,35 +37,32 @@ const De = /* @__PURE__ */ R({
       H(o.value.proxyUrl, e.toString()),
       t
     );
-    $(Q, { isIntersectionEnabled: m, hash: S, hashPrefix: T });
+    $(J, { isIntersectionEnabled: m, hash: S, hashPrefix: T });
     const d = w("root"), a = v.store;
     V(() => {
-      const e = x().getItem(
-        g.SELECTED_CLIENT
+      const e = E().getItem(
+        x.SELECTED_CLIENT
       );
-      M(e) && !a.workspace["x-scalar-default-client"] && a.update("x-scalar-default-client", e);
+      g(e) && !a.workspace["x-scalar-default-client"] && a.update("x-scalar-default-client", e);
     });
-    const k = async (e) => {
+    const b = async (e) => {
       var l;
-      const t = Z(e.content), r = X({
+      const t = X(e.content), r = Q({
         name: e.slug || e.title,
         url: e.url,
         document: t
       });
       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);
-        }
+        t && (m.value = !1, a.replaceDocument(r, t), a.update("x-scalar-active-document", r), setTimeout(() => {
+          m.value = !0;
+        }, 300));
         return;
       }
       if (t)
         return await a.addDocument({
           name: r,
-          document: t
+          document: t,
+          config: M(e)
         });
       if (e.url)
         return await a.addDocument({
@@ -73,34 +70,37 @@ const De = /* @__PURE__ */ R({
           url: z(e.url, {
             basePath: (l = o.value.pathRouting) == null ? void 0 : l.basePath
           }),
-          fetch: h
+          fetch: h,
+          config: M(e)
         });
     };
     u(
-      () => o.value.url,
-      (e) => e && k(o.value),
+      [
+        () => o.value.slug,
+        () => o.value.url,
+        () => o.value.content
+      ],
+      ([e, t, r]) => {
+        (e || t || r) && b(o.value);
+      },
       { immediate: !0 }
-    ), u(
-      () => o.value.content,
-      (e) => e && k(o.value),
-      { immediate: !0, deep: !0 }
-    ), f(d, "scalar-update-dark-mode", (e) => {
+    ), p(d, "scalar-update-dark-mode", (e) => {
       a.update("x-scalar-dark-mode", e.detail.value);
-    }), f(d, "scalar-update-active-document", (e) => {
+    }), p(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);
+    }), p(d, "scalar-update-selected-client", (e) => {
+      a.update("x-scalar-default-client", e.detail), E().setItem(x.SELECTED_CLIENT, e.detail);
     }), u(
       () => o.value.defaultHttpClient,
       (e) => {
         if (e) {
           const { targetKey: t, clientKey: r } = e, l = `${t}/${r}`;
-          M(l) && a.update("x-scalar-default-client", l);
+          g(l) && a.update("x-scalar-default-client", l);
         }
       },
       { immediate: !0 }
     );
-    const { toggleColorMode: b, isDarkMode: I } = W({
+    const { toggleColorMode: I, isDarkMode: L } = W({
       initialColorMode: o.value.darkMode ? "dark" : void 0,
       overrideColorMode: o.value.forceDarkModeState
     });
@@ -108,11 +108,11 @@ const De = /* @__PURE__ */ R({
       () => o.value.darkMode,
       (e) => a.update("x-scalar-dark-mode", !!e)
     ), u(
-      () => I.value,
+      () => L.value,
       (e) => a.update("x-scalar-dark-mode", e),
       { immediate: !0 }
     ), u(
-      () => i.value,
+      () => s.value,
       (e) => {
         var t;
         return a.update(
@@ -121,42 +121,42 @@ const De = /* @__PURE__ */ R({
         );
       },
       { immediate: !0 }
-    ), o.value.metaData && q(o.value.metaData);
-    const L = A(() => o.value.favicon);
-    return G(L), (e, t) => {
+    ), o.value.metaData && j(o.value.metaData);
+    const N = A(() => o.value.favicon);
+    return q(N), (e, t) => {
       var r;
-      return D(), B("div", {
+      return k(), B("div", {
         ref_key: "root",
         ref: d
       }, [
-        (r = n(o)) != null && r.customCss ? (D(), P(K("style"), { key: 0 }, {
-          default: s(() => [
+        (r = n(o)) != null && r.customCss ? (k(), P(K("style"), { key: 0 }, {
+          default: i(() => [
             F(O(n(o).customCss), 1)
           ]),
           _: 1
         })) : U("", !0),
-        E(J, {
+        D(G, {
           configuration: n(o),
           isDark: !!n(a).workspace["x-scalar-dark-mode"],
           store: n(a),
-          onToggleDarkMode: t[1] || (t[1] = () => n(b)()),
+          onToggleDarkMode: t[1] || (t[1] = () => n(I)()),
           onUpdateContent: t[2] || (t[2] = (l) => e.$emit("updateContent", l))
         }, {
-          footer: s(() => [
-            p(e.$slots, "footer")
+          footer: i(() => [
+            f(e.$slots, "footer")
           ]),
-          "content-end": s(() => [
-            p(e.$slots, "footer")
+          "content-end": i(() => [
+            f(e.$slots, "footer")
           ]),
-          "document-selector": s(() => [
-            E(n(te), {
-              modelValue: n(i),
-              "onUpdate:modelValue": t[0] || (t[0] = (l) => Y(i) ? i.value = l : null),
+          "document-selector": i(() => [
+            D(n(ee), {
+              modelValue: n(s),
+              "onUpdate:modelValue": t[0] || (t[0] = (l) => Y(s) ? s.value = l : null),
               options: n(C)
             }, null, 8, ["modelValue", "options"])
           ]),
-          "sidebar-start": s(() => [
-            p(e.$slots, "sidebar-start")
+          "sidebar-start": i(() => [
+            f(e.$slots, "sidebar-start")
           ]),
           _: 3
         }, 8, ["configuration", "isDark", "store"])
@@ -165,5 +165,5 @@ const De = /* @__PURE__ */ R({
   }
 });
 export {
-  De as default
+  ke as default
 };

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

@@ -3,7 +3,6 @@ import { type AvailableClients } from '@scalar/snippetz';
 import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/path-operations';
 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 = {
     /**
@@ -46,7 +45,7 @@ export type RequestExampleProps = {
     /**
      * De-referenced OpenAPI Operation object
      */
-    operation: Dereference<OperationObject>;
+    operation: OperationObject;
     /**
      * If true and there's no example, we will display a small card with the method and path only
      */

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":"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"}
+{"version":3,"file":"RequestExample.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/components/RequestExample.vue"],"names":[],"mappings":"AA6YA,OAAO,KAAK,EAAE,UAAU,IAAI,cAAc,EAAE,MAAM,mCAAmC,CAAA;AAErF,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;AAStF,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,eAAe,CAAA;IAC1B;;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,wBA2bC;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";
 import "./RequestExample.vue3.js";
 import t from "../../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f42f9860"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9b79701d"]]);
 export {
-  p as default
+  r as default
 };

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

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

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

@@ -1,12 +1,11 @@
 import type { AvailableClients } from '@scalar/snippetz';
 import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/path-operations';
-import { type Dereference } from '@scalar/workspace-store/schemas/v3.1/type-guard';
 import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
 import type { SecuritySchemeObject } from '@scalar/workspace-store/schemas/v3.1/strict/security-scheme';
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
 type Props = {
     clientId: AvailableClients[number];
-    operation: Dereference<OperationObject>;
+    operation: OperationObject;
     example: unknown;
     method: HttpMethod;
     path: string;

package/dist/v2/blocks/scalar-request-example-block/helpers/generate-code-snippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"generate-code-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/helpers/generate-code-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,kBAAkB,CAAA;AAE5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,EAAe,KAAK,WAAW,EAAE,MAAM,iDAAiD,CAAA;AAC/F,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AAEtF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AACvG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAClC,SAAS,EAAE,WAAW,CAAC,eAAe,CAAC,CAAA;IACvC,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACjC,eAAe,CAAC,EAAE,oBAAoB,EAAE,GAAG,SAAS,CAAA;CACrD,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,mBAAmB,0FAS7B,KAAK,KAAG,MAuBV,CAAA"}
+{"version":3,"file":"generate-code-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-request-example-block/helpers/generate-code-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAsB,MAAM,kBAAkB,CAAA;AAE5E,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,6DAA6D,CAAA;AAClG,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AAEtF,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,6DAA6D,CAAA;AACvG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,KAAK,KAAK,GAAG;IACX,QAAQ,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IAClC,SAAS,EAAE,eAAe,CAAA;IAC1B,OAAO,EAAE,OAAO,CAAA;IAChB,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,MAAM,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;IACjC,eAAe,CAAC,EAAE,oBAAoB,EAAE,GAAG,SAAS,CAAA;CACrD,CAAA;AAED,sEAAsE;AACtE,eAAO,MAAM,mBAAmB,0FAS7B,KAAK,KAAG,MAmBV,CAAA"}