@scalar/api-reference 1.25.65 → 1.25.67

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

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