@scalar/api-reference 1.24.30 → 1.24.31

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

@@ -0,0 +1,246 @@
+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 { 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";
+/* 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 = {
+  key: 0,
+  class: "request-card-footer-addon"
+}, Ye = /* @__PURE__ */ I({
+  __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 = _(
+      // Default to first custom example
+      (q = n.customExamples) != null && q.length ? {
+        targetKey: "customExamples",
+        clientKey: 0
+      } : (
+        // Otherwise use the globally selected HTTP client
+        {
+          targetKey: s.targetKey,
+          clientKey: s.clientKey
+        }
+      )
+    );
+    L(s, () => {
+      l.value = {
+        targetKey: s.targetKey,
+        clientKey: s.clientKey
+      };
+    });
+    const b = y(
+      () => {
+        var t, o, e, 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) ?? {}
+        ).length > 1;
+      }
+    ), c = M(re);
+    async function k() {
+      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(
+        {
+          url: he(S)
+        },
+        Z(
+          n.operation,
+          {
+            replaceVariables: !0
+          },
+          E.value
+        ),
+        ce(
+          g,
+          ((u = n.operation.information) == null ? void 0 : u.security) ?? (c == null ? void 0 : c())
+        )
+      ), 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) ?? "";
+      try {
+        return await new ee(t).convert(
+          s.targetKey,
+          s.clientKey
+        );
+      } catch (f) {
+        return console.error("[ExampleRequest]", f), "";
+      }
+    }
+    const h = G(async () => {
+      try {
+        return await k();
+      } catch (t) {
+        return console.error("[generateSnippet]", t), "";
+      }
+    }, 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()
+    }));
+    const J = y(() => {
+      var o, e, r;
+      const t = (
+        // 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" : (
+          // Or language for the globally selected HTTP client
+          s.targetKey
+        )
+      );
+      return t === "shell" && h.value.includes("curl") ? "curl" : t === "Objective-C" ? "objc" : t;
+    }), P = y(() => {
+      var o;
+      const t = w.value.map((e) => ({
+        value: e.key,
+        label: e.title,
+        options: e.clients.map((r) => ({
+          value: JSON.stringify({
+            targetKey: e.key,
+            clientKey: r.key
+          }),
+          label: r.title
+        }))
+      }));
+      return (o = n.customExamples) != null && o.length && t.unshift({
+        value: "customExamples",
+        label: "Examples",
+        options: n.customExamples.map((e, r) => ({
+          value: JSON.stringify({
+            targetKey: "customExamples",
+            clientKey: r
+          }),
+          label: e.label ?? e.lang ?? `Example #${r + 1}`
+        }))
+      }), t;
+    });
+    function U(t) {
+      const o = JSON.parse(t);
+      o.targetKey === "customExamples" ? l.value = o : $(o);
+    }
+    return (t, o) => (d(), V(a(ae), { class: "dark-mode" }, {
+      default: p(() => [
+        i(a(ne), { muted: "" }, {
+          actions: p(() => [
+            i(oe, {
+              class: "request-client-picker",
+              modelValue: JSON.stringify(l.value),
+              options: P.value,
+              "onUpdate:modelValue": U
+            }, {
+              default: p(() => {
+                var e;
+                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)
+                  ], 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"
+              })
+            ])
+          ]),
+          default: p(() => [
+            x("div", ve, [
+              i(a(se), {
+                as: "span",
+                class: "request-method",
+                method: t.operation.httpVerb
+              }, null, 8, ["method"]),
+              j(t.$slots, "header", {}, void 0, !0)
+            ])
+          ]),
+          _: 3
+        }),
+        i(a(le), {
+          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,
+                lineNumbers: ""
+              }, null, 8, ["content", "hideCredentials", "lang"])
+            ])
+          ]),
+          _: 1
+        }),
+        b.value || t.$slots.footer ? (d(), V(a(pe), {
+          key: 0,
+          class: "request-card-footer",
+          contrast: ""
+        }, {
+          default: p(() => {
+            var e, r, m, u;
+            return [
+              b.value ? (d(), v("div", xe, [
+                i(te, {
+                  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)
+                }, null, 8, ["examples"])
+              ])) : N("", !0),
+              j(t.$slots, "footer", {}, void 0, !0)
+            ];
+          }),
+          _: 3
+        })) : N("", !0)
+      ]),
+      _: 3
+    }));
+  }
+});
+export {
+  Ye as default
+};

package/dist/features/ExampleRequest/TextSelect.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TextSelect.vue.d.ts","sourceRoot":"","sources":["../../../src/features/ExampleRequest/TextSelect.vue"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAuMA,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/features/ExampleRequest/index.d.ts

@@ -0,0 +1,3 @@
+export { default as ExamplePicker } from './ExamplePicker.vue.js';
+export { default as ExampleRequest } from './ExampleRequest.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/features/ExampleRequest/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/features/ExampleRequest/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA"}