@scalar/api-reference 1.25.76 → 1.25.78

package/dist/features/ExampleRequest/ExampleRequest.vue2.js

@@ -1,54 +1,49 @@
-import { defineComponent as G, useId as Q, computed as f, ref as W, watch as X, inject as Z, onServerPrefetch as ee, useSSRContext as te, unref as r, openBlock as p, createBlock as K, withCtx as a, createVNode as s, createElementBlock as x, Fragment as N, createTextVNode as y, toDisplayString as C, createElementVNode as k, renderSlot as v, createCommentVNode as E } from "vue";
-import { ScalarCodeBlock as oe } from "@scalar/components";
-import { createHash as re, ssrState as ae } from "@scalar/oas-utils/helpers";
-import { getRequestFromOperation as se } from "@scalar/oas-utils/spec-getters";
-import { asyncComputed as le } from "@vueuse/core";
-import T from "../../components/ScreenReader.vue.js";
-import ne from "./ExamplePicker.vue.js";
-import ie from "./TextSelect.vue.js";
+import { defineComponent as D, useId as M, computed as p, ref as z, watch as A, onServerPrefetch as G, useSSRContext as L, unref as o, openBlock as m, createBlock as v, withCtx as l, createVNode as r, createElementBlock as g, Fragment as V, createTextVNode as d, toDisplayString as h, createElementVNode as K, renderSlot as f, createCommentVNode as x } from "vue";
+import { ScalarCodeBlock as Q } from "@scalar/components";
+import { createHash as W, ssrState as X } from "@scalar/oas-utils/helpers";
+import { asyncComputed as Y } from "@vueuse/core";
+import H from "../../components/ScreenReader.vue.js";
+import Z from "./ExamplePicker.vue.js";
+import _ from "./TextSelect.vue.js";
 /* empty css                */
-import { GLOBAL_SECURITY_SYMBOL as ue } from "../../helpers/provideSymbols.js";
-import j from "../../components/Card/Card.vue.js";
-import me from "../../components/Card/CardHeader.vue.js";
-import F from "../../components/HttpMethod/HttpMethod.vue.js";
-import U from "../../components/Card/CardContent.vue.js";
-import { getSecretCredentialsFromAuthentication as pe, getRequestFromAuthentication as ce } from "../../legacy/helpers/getRequestFromAuthentication.js";
-import de from "../../components/Card/CardFooter.vue.js";
-import { getExampleCode as fe } from "../../helpers/getExampleCode.js";
-import { useHttpClientStore as ye } from "../../stores/useHttpClientStore.js";
-import { useServerStore as ve } from "../../legacy/stores/useServerStore.js";
-import { useExampleStore as he } from "../../legacy/stores/useExampleStore.js";
-import { useAuthenticationStore as ge } from "../../legacy/stores/useAuthenticationStore.js";
-import { getUrlFromServerState as Se } from "../../legacy/helpers/getUrlFromServerState.js";
-import { getHarRequest as Ke } from "../../helpers/getHarRequest.js";
-const xe = ["id"], Ce = ["id"], ke = {
+import N from "../../components/Card/Card.vue.js";
+import ee from "../../components/Card/CardHeader.vue.js";
+import B from "../../components/HttpMethod/HttpMethod.vue.js";
+import O from "../../components/Card/CardContent.vue.js";
+import te from "../../components/Card/CardFooter.vue.js";
+import { getExampleCode as ae } from "../../helpers/getExampleCode.js";
+import { useHttpClientStore as oe } from "../../stores/useHttpClientStore.js";
+import { useExampleStore as le } from "../../legacy/stores/useExampleStore.js";
+const re = ["id"], se = ["id"], ne = {
   key: 0,
   class: "request-card-footer-addon"
-}, Ee = { class: "request-header" }, Ge = /* @__PURE__ */ G({
+}, ie = { class: "request-header" }, qe = /* @__PURE__ */ D({
   __name: "ExampleRequest",
   props: {
     operation: {},
+    request: {},
+    secretCredentials: {},
     fallback: { type: Boolean }
   },
-  setup(w) {
-    const l = w, b = `components-Content-Operation-Example-Request${re(
-      l.operation.path + l.operation.httpVerb + l.operation.operationId
-    )}`, { selectedExampleKey: q, operationId: I } = he(), {
+  setup(n) {
+    const C = `components-Content-Operation-Example-Request${W(
+      n.operation.path + n.operation.httpVerb + n.operation.operationId
+    )}`, { selectedExampleKey: T, operationId: j } = le(), {
       httpClient: i,
-      setHttpClient: A,
-      availableTargets: _,
-      httpTargetTitle: J,
-      httpClientTitle: L
-    } = ye(), { server: P } = ve(), { authentication: V } = ge(), h = Q(), m = f(() => {
+      setHttpClient: w,
+      availableTargets: k,
+      httpTargetTitle: R,
+      httpClientTitle: I
+    } = oe(), y = M(), u = p(() => {
       var t;
       const e = ["x-custom-examples", "x-codeSamples", "x-code-samples"];
-      for (const o of e)
-        if ((t = l.operation.information) != null && t[o])
-          return [...l.operation.information[o]];
+      for (const a of e)
+        if ((t = n.operation.information) != null && t[a])
+          return [...n.operation.information[a]];
       return [];
-    }), n = W(
+    }), s = z(
       // Default to first custom example
-      m.value.length ? {
+      u.value.length ? {
         targetKey: "customExamples",
         clientKey: 0
       } : (
@@ -59,214 +54,193 @@ const xe = ["id"], Ce = ["id"], ke = {
         }
       )
     );
-    X(i, () => {
-      n.value = {
+    A(i, () => {
+      s.value = {
         targetKey: i.targetKey,
         clientKey: i.clientKey
       };
     });
-    const $ = f(
+    const E = p(
       () => {
-        var e, t, o, u;
+        var e, t, a, c;
         return Object.keys(
-          ((u = (o = (t = (e = l.operation.information) == null ? void 0 : e.requestBody) == null ? void 0 : t.content) == null ? void 0 : o["application/json"]) == null ? void 0 : u.examples) ?? {}
+          ((c = (a = (t = (e = n.operation.information) == null ? void 0 : e.requestBody) == null ? void 0 : t.content) == null ? void 0 : a["application/json"]) == null ? void 0 : c.examples) ?? {}
         ).length > 1;
       }
-    ), g = Z(ue);
-    async function H() {
-      var c, d;
-      if (n.value.targetKey === "customExamples")
-        return ((c = m.value[n.value.clientKey]) == null ? void 0 : c.source) ?? "";
-      const e = f(() => {
-        var R, B;
-        const S = (B = (R = l.operation.information) == null ? void 0 : R.servers) == null ? void 0 : B[0], { modifiedUrl: z } = Se(P, S);
-        return z;
-      }), t = Ke(
-        {
-          url: e.value
-        },
-        se(
-          l.operation,
-          {
-            replaceVariables: !0
-          },
-          q.value,
-          !0
-        ),
-        ce(
-          V,
-          ((d = l.operation.information) == null ? void 0 : d.security) ?? (g == null ? void 0 : g())
-        )
-      ), o = i.clientKey, u = i.targetKey;
-      return await fe(t, u, o) ?? "";
-    }
-    const O = le(async () => {
+    ), S = async () => {
+      var a;
+      if (s.value.targetKey === "customExamples")
+        return ((a = u.value[s.value.clientKey]) == null ? void 0 : a.source) ?? "";
+      if (!n.request) return "";
+      const e = i.clientKey, t = i.targetKey;
+      return await ae(n.request, t, e) ?? "";
+    }, b = Y(async () => {
       try {
-        return await H();
+        return await S();
       } catch (e) {
         return console.error("[generateSnippet]", e), "";
       }
-    }, ae[b] ?? "");
-    ee(async () => {
-      const e = te();
-      e.payload.data[b] = await H();
+    }, X[C] ?? "");
+    G(async () => {
+      const e = L();
+      e.payload.data[C] = await S();
     });
-    const M = f(() => {
-      var t, o;
+    const J = p(() => {
+      var t, a;
       const e = (
         // Specified language
-        ((t = n.value) == null ? void 0 : t.targetKey) === "customExamples" ? ((o = m.value[n.value.clientKey]) == null ? void 0 : o.lang) ?? "plaintext" : (
+        ((t = s.value) == null ? void 0 : t.targetKey) === "customExamples" ? ((a = u.value[s.value.clientKey]) == null ? void 0 : a.lang) ?? "plaintext" : (
           // Or language for the globally selected HTTP client
           i.targetKey
         )
       );
-      return e === "shell" && O.value.includes("curl") ? "curl" : e === "Objective-C" ? "objc" : e;
-    }), Y = f(() => {
-      const e = _.value.map((t) => ({
+      return e === "shell" && b.value.includes("curl") ? "curl" : e === "Objective-C" ? "objc" : e;
+    }), P = p(() => {
+      const e = k.value.map((t) => ({
         value: t.key,
         label: t.title,
-        options: t.clients.map((o) => ({
+        options: t.clients.map((a) => ({
           value: JSON.stringify({
             targetKey: t.key,
-            clientKey: o.key
+            clientKey: a.key
           }),
-          label: o.title
+          label: a.title
         }))
       }));
-      return m.value.length && e.unshift({
+      return u.value.length && e.unshift({
         value: "customExamples",
         label: "Examples",
-        options: m.value.map((t, o) => ({
+        options: u.value.map((t, a) => ({
           value: JSON.stringify({
             targetKey: "customExamples",
-            clientKey: o
+            clientKey: a
           }),
-          label: t.label ?? t.lang ?? `Example #${o + 1}`
+          label: t.label ?? t.lang ?? `Example #${a + 1}`
         }))
       }), e;
     });
-    function D(e) {
+    function F(e) {
       const t = JSON.parse(e);
-      t.targetKey === "customExamples" ? n.value = t : A(t);
+      t.targetKey === "customExamples" ? s.value = t : w(t);
     }
-    return (e, t) => r(_).length || m.value.length ? (p(), K(r(j), {
+    return (e, t) => o(k).length || u.value.length ? (m(), v(o(N), {
       key: 0,
       class: "dark-mode"
     }, {
-      default: a(() => [
-        s(r(me), { muted: "" }, {
-          actions: a(() => [
-            s(ie, {
+      default: l(() => [
+        r(o(ee), { muted: "" }, {
+          actions: l(() => [
+            r(_, {
               class: "request-client-picker",
-              controls: `${r(h)}-example`,
-              modelValue: JSON.stringify(n.value),
-              options: Y.value,
-              "onUpdate:modelValue": D
+              controls: `${o(y)}-example`,
+              modelValue: JSON.stringify(s.value),
+              options: P.value,
+              "onUpdate:modelValue": F
             }, {
-              default: a(() => [
-                n.value.targetKey === "customExamples" ? (p(), x(N, { key: 0 }, [
-                  s(T, null, {
-                    default: a(() => t[1] || (t[1] = [
-                      y("Selected Example:")
+              default: l(() => [
+                s.value.targetKey === "customExamples" ? (m(), g(V, { key: 0 }, [
+                  r(H, null, {
+                    default: l(() => t[1] || (t[1] = [
+                      d("Selected Example:")
                     ])),
                     _: 1
                   }),
-                  y(" " + C(m.value[n.value.clientKey].label ?? "Example"), 1)
-                ], 64)) : (p(), x(N, { key: 1 }, [
-                  s(T, null, {
-                    default: a(() => t[2] || (t[2] = [
-                      y("Selected HTTP client:")
+                  d(" " + h(u.value[s.value.clientKey].label ?? "Example"), 1)
+                ], 64)) : (m(), g(V, { key: 1 }, [
+                  r(H, null, {
+                    default: l(() => t[2] || (t[2] = [
+                      d("Selected HTTP client:")
                     ])),
                     _: 1
                   }),
-                  y(" " + C(r(J)) + " " + C(r(L)), 1)
+                  d(" " + h(o(R)) + " " + h(o(I)), 1)
                 ], 64))
               ]),
               _: 1
             }, 8, ["controls", "modelValue", "options"])
           ]),
-          default: a(() => [
-            k("div", {
-              id: `${r(h)}-header`,
+          default: l(() => [
+            K("div", {
+              id: `${o(y)}-header`,
               class: "request-header"
             }, [
-              s(r(F), {
+              r(o(B), {
                 as: "span",
                 class: "request-method",
                 method: e.operation.httpVerb
               }, null, 8, ["method"]),
-              v(e.$slots, "header", {}, void 0, !0)
-            ], 8, xe)
+              f(e.$slots, "header", {}, void 0, !0)
+            ], 8, re)
           ]),
           _: 3
         }),
-        s(r(U), {
+        r(o(O), {
           borderless: "",
           class: "request-editor-section custom-scroll",
           frameless: ""
         }, {
-          default: a(() => [
-            k("div", {
-              id: `${r(h)}-example`,
+          default: l(() => [
+            K("div", {
+              id: `${o(y)}-example`,
               class: "code-snippet"
             }, [
-              s(r(oe), {
+              r(o(Q), {
                 class: "bg-b-2",
-                content: r(O),
-                hideCredentials: r(pe)(r(V)),
-                lang: M.value,
+                content: o(b),
+                hideCredentials: e.secretCredentials,
+                lang: J.value,
                 lineNumbers: ""
               }, null, 8, ["content", "hideCredentials", "lang"])
-            ], 8, Ce)
+            ], 8, se)
           ]),
           _: 1
         }),
-        $.value || e.$slots.footer ? (p(), K(r(de), {
+        E.value || e.$slots.footer ? (m(), v(o(te), {
           key: 0,
           class: "request-card-footer",
           contrast: ""
         }, {
-          default: a(() => {
-            var o, u, c, d;
+          default: l(() => {
+            var a, c, q, $;
             return [
-              $.value ? (p(), x("div", ke, [
-                s(ne, {
+              E.value ? (m(), g("div", ne, [
+                r(Z, {
                   class: "request-example-selector",
-                  examples: ((d = (c = (u = (o = e.operation.information) == null ? void 0 : o.requestBody) == null ? void 0 : u.content) == null ? void 0 : c["application/json"]) == null ? void 0 : d.examples) ?? [],
-                  "onUpdate:modelValue": t[0] || (t[0] = (S) => (q.value = S, I.value = e.operation.operationId))
+                  examples: (($ = (q = (c = (a = e.operation.information) == null ? void 0 : a.requestBody) == null ? void 0 : c.content) == null ? void 0 : q["application/json"]) == null ? void 0 : $.examples) ?? [],
+                  "onUpdate:modelValue": t[0] || (t[0] = (U) => (T.value = U, j.value = e.operation.operationId))
                 }, null, 8, ["examples"])
-              ])) : E("", !0),
-              v(e.$slots, "footer", {}, void 0, !0)
+              ])) : x("", !0),
+              f(e.$slots, "footer", {}, void 0, !0)
             ];
           }),
           _: 3
-        })) : E("", !0)
+        })) : x("", !0)
       ]),
       _: 3
-    })) : e.fallback ? (p(), K(r(j), {
+    })) : e.fallback ? (m(), v(o(N), {
       key: 1,
       class: "dark-mode"
     }, {
-      default: a(() => [
-        s(r(U), { class: "request-card-simple" }, {
-          default: a(() => [
-            k("div", Ee, [
-              s(r(F), {
+      default: l(() => [
+        r(o(O), { class: "request-card-simple" }, {
+          default: l(() => [
+            K("div", ie, [
+              r(o(B), {
                 as: "span",
                 class: "request-method",
                 method: e.operation.httpVerb
               }, null, 8, ["method"]),
-              v(e.$slots, "header", {}, void 0, !0)
+              f(e.$slots, "header", {}, void 0, !0)
             ]),
-            v(e.$slots, "footer", {}, void 0, !0)
+            f(e.$slots, "footer", {}, void 0, !0)
           ]),
           _: 3
         })
       ]),
       _: 3
-    })) : E("", !0);
+    })) : x("", !0);
   }
 });
 export {
-  Ge as default
+  qe as default
 };

package/dist/features/Operation/Operation.vue.d.ts

@@ -1,11 +1,13 @@
+import { type WorkspaceStore } from '@scalar/api-client/store';
 import type { TransformedOperation } from '@scalar/types/legacy';
 type __VLS_Props = {
     id?: string;
-    operation: TransformedOperation;
     layout?: 'modern' | 'classic';
+    operation: TransformedOperation;
+    requests: WorkspaceStore['requests'];
+    requestExamples: WorkspaceStore['requestExamples'];
+    securitySchemes: WorkspaceStore['securitySchemes'];
 };
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
-    layout: "modern" | "classic";
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=Operation.vue.d.ts.map

package/dist/features/Operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AAgCA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAOhE,KAAK,WAAW,GAAG;IACf,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,oBAAoB,CAAA;IAC/B,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;CAC9B,CAAC;;YADS,QAAQ,GAAG,SAAS;;AAgFjC,wBAOG"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../src/features/Operation/Operation.vue"],"names":[],"mappings":"AAwDA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAQhE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,MAAM,CAAC,EAAE,QAAQ,GAAG,SAAS,CAAA;IAC7B,SAAS,EAAE,oBAAoB,CAAA;IAC/B,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;CACnD,CAAC;;AA0FF,wBAMG"}

package/dist/features/Operation/Operation.vue.js

@@ -1,25 +1,42 @@
-import { defineComponent as i, openBlock as e, createBlock as r } from "vue";
-import a from "./layouts/ClassicLayout.vue.js";
-import n from "./layouts/ModernLayout.vue.js";
-const m = /* @__PURE__ */ i({
+import { defineComponent as c, openBlock as i, createBlock as a, unref as r } from "vue";
+import { useActiveEntities as l } from "@scalar/api-client/store";
+import { useRequestExample as m } from "./hooks/useRequestExample.js";
+import p from "./layouts/ClassicLayout.vue.js";
+import d from "./layouts/ModernLayout.vue.js";
+const h = /* @__PURE__ */ c({
   __name: "Operation",
   props: {
     id: {},
+    layout: { default: "modern" },
     operation: {},
-    layout: { default: "modern" }
+    requests: {},
+    requestExamples: {},
+    securitySchemes: {}
   },
   setup(t) {
-    return (o, p) => o.layout === "classic" ? (e(), r(a, {
+    const { activeCollection: n, activeServer: u } = l(), { request: o, secretCredentials: s } = m({
+      operation: t.operation,
+      collection: n,
+      requests: t.requests,
+      requestExamples: t.requestExamples,
+      securitySchemes: t.securitySchemes,
+      server: u
+    });
+    return (e, q) => e.layout === "classic" ? (i(), a(p, {
       key: 0,
-      id: o.id,
-      operation: o.operation
-    }, null, 8, ["id", "operation"])) : (e(), r(n, {
+      id: e.id,
+      operation: e.operation,
+      request: r(o),
+      secretCredentials: r(s)
+    }, null, 8, ["id", "operation", "request", "secretCredentials"])) : (i(), a(d, {
       key: 1,
-      id: o.id,
-      operation: o.operation
-    }, null, 8, ["id", "operation"]));
+      id: e.id,
+      operation: e.operation,
+      request: r(o),
+      secretCredentials: r(s)
+    }, null, 8, ["id", "operation", "request", "secretCredentials"]));
   }
 });
 export {
-  m as default
+  h as default
 };

package/dist/features/Operation/hooks/useRequestExample.d.ts

@@ -0,0 +1,17 @@
+import type { WorkspaceStore } from '@scalar/api-client/store';
+import type { Collection, Server } from '@scalar/oas-utils/entities/spec';
+import type { TransformedOperation } from '@scalar/types/legacy';
+import { type ComputedRef } from 'vue';
+/** Builds a request object for the code sniipet, as well as the security credentials to obfuscate */
+export declare const useRequestExample: ({ operation, collection, requests, requestExamples, securitySchemes, server, }: {
+    operation: TransformedOperation;
+    collection: ComputedRef<Collection | undefined>;
+    requests: WorkspaceStore["requests"];
+    requestExamples: WorkspaceStore["requestExamples"];
+    securitySchemes: WorkspaceStore["securitySchemes"];
+    server: ComputedRef<Server>;
+}) => {
+    request: ComputedRef<Request | null>;
+    secretCredentials: ComputedRef<string[]>;
+};
+//# sourceMappingURL=useRequestExample.d.ts.map

package/dist/features/Operation/hooks/useRequestExample.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRequestExample.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/hooks/useRequestExample.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAA;AAC9D,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACzE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,KAAK,WAAW,EAAY,MAAM,KAAK,CAAA;AAEhD,qGAAqG;AACrG,eAAO,MAAM,iBAAiB,mFAO3B;IACD,SAAS,EAAE,oBAAoB,CAAA;IAC/B,UAAU,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC/C,QAAQ,EAAE,cAAc,CAAC,UAAU,CAAC,CAAA;IACpC,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD,eAAe,EAAE,cAAc,CAAC,iBAAiB,CAAC,CAAA;IAClD,MAAM,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;CAC5B;;;CA6FA,CAAA"}

package/dist/features/Operation/hooks/useRequestExample.js

@@ -0,0 +1,68 @@
+import { getRequest as S } from "../../../helpers/get-request.js";
+import { createRequestOperation as k } from "@scalar/api-client/libs";
+import { computed as c } from "vue";
+const w = ({
+  operation: p,
+  collection: d,
+  requests: v,
+  requestExamples: q,
+  securitySchemes: f,
+  server: b
+}) => {
+  const o = c(
+    () => S(v, p.path, p.httpVerb)
+  ), y = c(() => {
+    var n, u, a, l;
+    const t = ((n = o.value) == null ? void 0 : n.security) ?? ((u = d.value) == null ? void 0 : u.security) ?? [], s = t.filter(
+      (r) => Object.keys(r).length
+    ), e = s.map((r) => Object.keys(r)[0]);
+    if (s.length < t.length)
+      return ((a = d.value) == null ? void 0 : a.selectedSecuritySchemeUids) ?? [];
+    {
+      const r = Object.values(f), g = e.map((m) => {
+        var i;
+        return (i = r.find((j) => j.nameKey === m)) == null ? void 0 : i.uid;
+      }).filter(Boolean);
+      return (l = d.value) == null ? void 0 : l.selectedSecuritySchemeUids.filter(
+        (m) => g.find((i) => i === m)
+      );
+    }
+  }), h = c(() => {
+    var u, a, l, r;
+    const t = q[((a = (u = o.value) == null ? void 0 : u.examples) == null ? void 0 : a[0]) ?? ""];
+    if (!o.value || !t) return null;
+    const [s, e] = k({
+      request: o.value,
+      example: t,
+      server: b.value,
+      securitySchemes: f,
+      selectedSecuritySchemeUids: y.value,
+      // TODO: env vars if we want em
+      environment: {},
+      // TODO: cookies if we want em
+      globalCookies: []
+    });
+    if (s)
+      return console.error("[useRequestExample]", s), null;
+    const n = Object.keys(
+      ((r = (l = p.information) == null ? void 0 : l.requestBody) == null ? void 0 : r.content) ?? {}
+    );
+    return e.request.headers.get("content-type") === "text/plain;charset=UTF-8" && n.length && e.request.headers.set("content-type", n[0]), e.request;
+  }), O = c(
+    () => {
+      var t;
+      return ((t = y.value) == null ? void 0 : t.flatMap((s) => {
+        const e = f[s];
+        return (e == null ? void 0 : e.type) === "apiKey" ? e.value : (e == null ? void 0 : e.type) === "http" ? [
+          e.token,
+          e.password,
+          btoa(`${e.username}:${e.password}`)
+        ] : (e == null ? void 0 : e.type) === "oauth2" ? Object.values(e.flows).map((n) => n.token) : [];
+      })) ?? [];
+    }
+  );
+  return { request: h, secretCredentials: O };
+};
+export {
+  w as useRequestExample
+};

package/dist/features/Operation/layouts/ClassicLayout.vue.d.ts

@@ -2,6 +2,8 @@ import type { TransformedOperation } from '@scalar/types/legacy';
 type __VLS_Props = {
     id?: string;
     operation: TransformedOperation;
+    request: Request | null;
+    secretCredentials: string[];
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;

package/dist/features/Operation/layouts/ClassicLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"names":[],"mappings":"AAkSA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAShE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,oBAAoB,CAAA;CAChC,CAAC;;AAuPF,wBAOG"}
+{"version":3,"file":"ClassicLayout.vue.d.ts","sourceRoot":"","sources":["../../../../src/features/Operation/layouts/ClassicLayout.vue"],"names":[],"mappings":"AAuSA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAShE,KAAK,WAAW,GAAG;IACjB,EAAE,CAAC,EAAE,MAAM,CAAA;IACX,SAAS,EAAE,oBAAoB,CAAA;IAC/B,OAAO,EAAE,OAAO,GAAG,IAAI,CAAA;IACvB,iBAAiB,EAAE,MAAM,EAAE,CAAA;CAC5B,CAAC;;AAwPF,wBAOG"}

package/dist/features/Operation/layouts/ClassicLayout.vue.js

@@ -1,7 +1,7 @@
 import o from "./ClassicLayout.vue2.js";
 /* empty css                   */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5753de10"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-040b254b"]]);
 export {
   m as default
 };