@scalar/api-reference 1.24.35 → 1.24.37

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

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