@scalar/api-client 2.18.0 → 2.18.3

package/dist/views/Request/RequestSection/RequestCodeExample.vue2.js

@@ -16,85 +16,85 @@ const q = { class: "w-full" }, M = { class: "flex flex-1" }, P = { class: "bg-b-
     workspace: {},
     environment: {}
   },
-  setup(n) {
-    const { securitySchemes: b, workspaceMutators: S } = W(), f = a(() => m.value.targetKey === "custom" && d.value?.some(
+  setup(e) {
+    const { securitySchemes: b, workspaceMutators: S } = W(), p = a(() => m.value.targetKey === "custom" && d.value?.some(
       (t) => t.lang === m.value.clientKey
     ) ? m.value : {
-      targetKey: n.workspace.selectedHttpClient?.targetKey ?? "js",
-      clientKey: n.workspace.selectedHttpClient?.clientKey ?? "fetch"
+      targetKey: e.workspace.selectedHttpClient?.targetKey ?? "js",
+      clientKey: e.workspace.selectedHttpClient?.clientKey ?? "fetch"
     }), d = a(
-      () => n.operation["x-codeSamples"] || n.operation["x-code-samples"] || n.operation["x-custom-examples"]
+      () => e.operation["x-codeSamples"] || e.operation["x-code-samples"] || e.operation["x-custom-examples"]
     ), m = E(
       d.value?.length ? {
         targetKey: "custom",
         clientKey: d.value[0]?.lang
       } : {
-        targetKey: n.workspace.selectedHttpClient?.targetKey ?? "js",
-        clientKey: n.workspace.selectedHttpClient?.clientKey ?? "fetch"
+        targetKey: e.workspace.selectedHttpClient?.targetKey ?? "js",
+        clientKey: e.workspace.selectedHttpClient?.clientKey ?? "fetch"
       }
-    ), h = a(() => (n.operation.selectedSecuritySchemeUids || n.collection.selectedSecuritySchemeUids || []).flat().map((t) => b[t]).filter((t) => !!t)), v = a(() => {
-      const e = {}, t = T().clients().map((l) => ({
-        label: l.title,
-        options: l.clients.map((p) => (e[`${l.key},${p.client}`] = p.title, {
-          id: `${l.key},${p.client}`,
-          label: p.title
+    ), h = a(() => (e.operation.selectedSecuritySchemeUids || e.collection.selectedSecuritySchemeUids || []).flat().map((t) => b[t]).filter((t) => !!t)), v = a(() => {
+      const l = {}, t = T().clients().map((n) => ({
+        label: n.title,
+        options: n.clients.map((f) => (l[`${n.key},${f.client}`] = f.title, {
+          id: `${n.key},${f.client}`,
+          label: f.title
         }))
-      })), o = (n.operation["x-codeSamples"] || n.operation["x-code-samples"] || n.operation["x-custom-examples"] || []).map((l) => ({
-        id: `custom,${l.lang}`,
-        label: l.label || l.lang
+      })), o = (e.operation["x-codeSamples"] || e.operation["x-code-samples"] || e.operation["x-custom-examples"] || []).map((n) => ({
+        id: `custom,${n.lang}`,
+        label: n.label || n.lang
       })), r = o.length > 0 ? [
         {
           id: "customExamples",
           label: "Code Examples",
-          options: o.map((l) => ({
-            id: l.id,
-            label: l.label ?? l.id
+          options: o.map((n) => ({
+            id: n.id,
+            label: n.label ?? n.id
           }))
         },
         ...t
       ] : t;
-      return o.forEach((l) => {
-        e[l.id] = l.label ?? l.id;
+      return o.forEach((n) => {
+        l[n.id] = n.label ?? n.id;
       }), {
         options: r,
-        dict: e
+        dict: l
       };
     }), s = a(() => {
-      const e = f.value;
-      if (e.targetKey === "custom") {
-        const o = `custom,${e.clientKey}`;
+      const l = p.value;
+      if (l.targetKey === "custom") {
+        const o = `custom,${l.clientKey}`;
         return {
           id: o,
           label: v.value.dict[o] ?? "Unknown"
         };
       }
-      const t = `${e.targetKey},${e.clientKey}`;
+      const t = `${l.targetKey},${l.clientKey}`;
       return {
         id: t,
         label: v.value.dict[t] ?? "Unknown"
       };
     }), C = a(
-      () => f.value.targetKey
+      () => p.value.targetKey
     ), k = a(
-      () => f.value.clientKey
-    ), w = (e) => {
-      if (!e)
+      () => p.value.clientKey
+    ), w = (l) => {
+      if (!l)
         return;
-      const { id: t } = e, [o, r] = t.split(",");
+      const { id: t } = l, [o, r] = t.split(",");
       !o || !r || (m.value = {
         targetKey: o,
         clientKey: r
-      }, o !== "custom" && S.edit(n.workspace.uid, "selectedHttpClient", {
+      }, o !== "custom" && S.edit(e.workspace.uid, "selectedHttpClient", {
         targetKey: o,
         clientKey: r
       }));
     }, g = a(() => {
       if (!s.value.id.startsWith("custom,"))
         return;
-      const e = s.value.id.split(",")[1];
-      return d.value?.find((o) => o.lang === e)?.source;
+      const l = s.value.id.split(",")[1];
+      return d.value?.find((o) => o.lang === l)?.source;
     });
-    return (e, t) => (y(), B("div", q, [
+    return (l, t) => (y(), B("div", q, [
       i(O, {
         class: "group/preview w-full border-b-0",
         defaultOpen: !1

package/dist/views/Request/RequestSection/RequestParams.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as O, computed as m, onMounted as S, nextTick as p, ref as N, watch as A, createBlock as d, openBlock as v, withCtx as i, createElementVNode as f, createCommentVNode as h, createVNode as k, normalizeClass as B, unref as g, withModifiers as M, createTextVNode as P, toDisplayString as R } from "vue";
-import { ScalarTooltip as W, ScalarButton as z } from "@scalar/components";
-import { requestExampleParametersSchema as w } from "@scalar/oas-utils/entities/spec";
-import D from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import V from "./RequestTable.vue.js";
-import { useWorkspace as x } from "../../../store/store.js";
-const G = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" }, U = { class: "sr-only" }, Z = /* @__PURE__ */ O({
+import { defineComponent as T, computed as o, onMounted as O, nextTick as d, ref as S, watch as N, createBlock as v, openBlock as f, withCtx as r, createElementVNode as p, createCommentVNode as h, createVNode as k, normalizeClass as A, unref as g, withModifiers as B, createTextVNode as P, toDisplayString as R } from "vue";
+import { ScalarTooltip as M, ScalarButton as W } from "@scalar/components";
+import { requestExampleParametersSchema as x } from "@scalar/oas-utils/entities/spec";
+import z from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import w from "./RequestTable.vue.js";
+import { useWorkspace as D } from "../../../store/store.js";
+const G = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100" }, U = { class: "sr-only" }, Z = /* @__PURE__ */ T({
   __name: "RequestParams",
   props: {
     example: {},
@@ -17,101 +17,101 @@ const G = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
     readOnlyEntries: { default: () => [] },
     invalidParams: {}
   },
-  setup(t) {
-    const { requestExampleMutators: s } = x(), n = m(() => t.example.parameters[t.paramKey] ?? []);
-    S(() => {
-      p(() => {
+  setup(a) {
+    const { requestExampleMutators: i } = D(), n = o(() => a.example.parameters[a.paramKey] ?? []);
+    O(() => {
+      d(() => {
         y();
       });
     });
-    const o = () => {
-      const e = w.parse({ enabled: !1 }), a = [...n.value, e];
-      s.edit(t.example.uid, `parameters.${t.paramKey}`, a);
-    }, u = N(null), C = (e, a, r) => {
+    const m = () => {
+      const e = x.parse({ enabled: !1 }), t = [...n.value, e];
+      i.edit(a.example.uid, `parameters.${a.paramKey}`, t);
+    }, u = S(null), V = (e, t, s) => {
       const c = n.value;
       if (c.length > e) {
         const l = [...c];
         if (!l[e])
           return;
-        l[e] = { ...l[e], [a]: r }, (l[e].key !== "" || l[e].value !== "") && (l[e].enabled = !0), l[e].key === "" && l[e].value === "" && l.splice(e, 1), s.edit(
-          t.example.uid,
-          `parameters.${t.paramKey}`,
+        l[e] = { ...l[e], [t]: s }, (l[e].key !== "" || l[e].value !== "") && (l[e].enabled = !0), l[e].key === "" && l[e].value === "" && l.splice(e, 1), i.edit(
+          a.example.uid,
+          `parameters.${a.paramKey}`,
           l
         );
       } else {
-        const l = [w.parse({ [a]: r })];
-        s.edit(t.example.uid, `parameters.${t.paramKey}`, l), p(() => {
+        const l = [x.parse({ [t]: s })];
+        i.edit(a.example.uid, `parameters.${a.paramKey}`, l), d(() => {
           if (!u.value)
             return;
-          u.value.querySelectorAll("input")[a === "key" ? 0 : 1]?.focus();
+          u.value.querySelectorAll("input")[t === "key" ? 0 : 1]?.focus();
         });
       }
-      e === c.length - 1 && o();
-    }, K = (e, a) => s.edit(
-      t.example.uid,
-      `parameters.${t.paramKey}.${e}.enabled`,
-      a
-    ), $ = () => {
-      const e = n.value.filter((a) => a.required);
-      s.edit(
-        t.example.uid,
-        `parameters.${t.paramKey}`,
+      e === c.length - 1 && m();
+    }, C = (e, t) => i.edit(
+      a.example.uid,
+      `parameters.${a.paramKey}.${e}.enabled`,
+      t
+    ), K = () => {
+      const e = n.value.filter((t) => t.required);
+      i.edit(
+        a.example.uid,
+        `parameters.${a.paramKey}`,
         e
-      ), p(() => o());
-    }, q = (e) => {
-      const a = n.value;
-      if (a.length > e) {
-        const r = [...a];
-        r.splice(e, 1), s.edit(
-          t.example.uid,
-          `parameters.${t.paramKey}`,
-          r
+      ), d(() => m());
+    }, $ = (e) => {
+      const t = n.value;
+      if (t.length > e) {
+        const s = [...t];
+        s.splice(e, 1), i.edit(
+          a.example.uid,
+          `parameters.${a.paramKey}`,
+          s
         );
       }
     };
     function y() {
       if (n.value.length === 0)
-        o();
+        m();
       else if (n.value.length >= 1) {
         const e = n.value[n.value.length - 1];
-        e && e.key !== "" && e.value !== "" && o();
+        e && e.key !== "" && e.value !== "" && m();
       }
     }
-    const E = m(
+    const q = o(
       () => n.value.filter((e) => e.key || e.value).length
-    ), T = m(() => n.value.length > 1);
-    A(
-      () => t.example,
-      (e, a) => {
-        e !== a && y();
+    ), E = o(() => n.value.length > 1);
+    N(
+      () => a.example,
+      (e, t) => {
+        e !== t && y();
       },
       { immediate: !0 }
     );
-    const b = m(() => (t.readOnlyEntries ?? []).length > 0);
-    return (e, a) => (v(), d(D, {
+    const b = o(() => (a.readOnlyEntries ?? []).length > 0);
+    return (e, t) => (f(), v(z, {
       class: "group/params",
-      itemCount: E.value
+      itemCount: q.value
     }, {
-      title: i(() => [
-        P(R(e.title), 1)
+      title: r(() => [
+        P(R(a.title), 1)
       ]),
-      actions: i(() => [
-        f("div", G, [
-          T.value ? (v(), d(g(W), {
+      actions: r(() => [
+        p("div", G, [
+          E.value ? (f(), v(g(M), {
             key: 0,
             content: "Clear optional parameters",
             placement: "left"
           }, {
-            default: i(() => [
-              k(g(z), {
+            default: r(() => [
+              k(g(W), {
                 class: "pr-0.75 pl-1 transition-none",
                 size: "sm",
                 variant: "ghost",
-                onClick: M($, ["stop"])
+                onClick: B(K, ["stop"])
               }, {
-                default: i(() => [
-                  a[0] || (a[0] = P(" Clear ", -1)),
-                  f("span", U, "All " + R(e.title), 1)
+                default: r(() => [
+                  t[0] || (t[0] = P(" Clear ", -1)),
+                  p("span", U, "All " + R(a.title), 1)
                 ]),
                 _: 1
               })
@@ -120,36 +120,36 @@ const G = { class: "text-c-2 request-meta-buttons flex whitespace-nowrap opacity
           })) : h("", !0)
         ])
       ]),
-      default: i(() => [
-        f("div", {
+      default: r(() => [
+        p("div", {
           ref_key: "tableWrapperRef",
           ref: u
         }, [
-          b.value ? (v(), d(V, {
+          b.value ? (f(), v(w, {
             key: 0,
-            class: B(["flex-1", { "bg-c-3/5": b.value }]),
+            class: A(["flex-1", { "bg-c-3/5": b.value }]),
             columns: ["32px", "", ""],
-            envVariables: e.envVariables,
-            environment: e.environment,
-            invalidParams: e.invalidParams,
+            envVariables: a.envVariables,
+            environment: a.environment,
+            invalidParams: a.invalidParams,
             isGlobal: "",
             isReadOnly: "",
-            items: e.readOnlyEntries,
-            label: e.label,
-            workspace: e.workspace
+            items: a.readOnlyEntries,
+            label: a.label,
+            workspace: a.workspace
           }, null, 8, ["class", "envVariables", "environment", "invalidParams", "items", "label", "workspace"])) : h("", !0),
-          k(V, {
+          k(w, {
             class: "flex-1",
             columns: ["32px", "", ""],
-            envVariables: e.envVariables,
-            environment: e.environment,
-            invalidParams: e.invalidParams,
+            envVariables: a.envVariables,
+            environment: a.environment,
+            invalidParams: a.invalidParams,
             items: n.value,
-            label: e.label,
-            workspace: e.workspace,
-            onToggleRow: K,
-            onUpdateRow: C,
-            onDeleteRow: q
+            label: a.label,
+            workspace: a.workspace,
+            onToggleRow: C,
+            onUpdateRow: V,
+            onDeleteRow: $
           }, null, 8, ["envVariables", "environment", "invalidParams", "items", "label", "workspace"])
         ], 512)
       ]),

package/dist/views/Request/RequestSection/RequestPathParams.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as k, computed as w, watch as R, createBlock as p, openBlock as u, withCtx as d, createCommentVNode as $, createTextVNode as K, toDisplayString as b } from "vue";
-import { REGEX as x } from "@scalar/oas-utils/helpers";
+import { defineComponent as g, computed as k, watch as w, createBlock as u, openBlock as d, withCtx as p, createCommentVNode as R, createTextVNode as $, toDisplayString as K } from "vue";
+import { REGEX as b } from "@scalar/oas-utils/helpers";
 import V from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import C from "./RequestTable.vue.js";
 import { useWorkspace as q } from "../../../store/store.js";
-const B = /* @__PURE__ */ k({
+const B = /* @__PURE__ */ g({
   __name: "RequestPathParams",
   props: {
     example: {},
@@ -15,77 +15,77 @@ const B = /* @__PURE__ */ k({
     workspace: {},
     invalidParams: {}
   },
-  setup(a) {
-    const { requestMutators: c, requestExampleMutators: s } = q(), m = w(
-      () => a.example.parameters[a.paramKey].map((e) => ({
-        ...e,
-        enum: e.enum
+  setup(e) {
+    const { requestMutators: s, requestExampleMutators: c } = q(), o = k(
+      () => e.example.parameters[e.paramKey].map((a) => ({
+        ...a,
+        enum: a.enum
       }))
-    ), h = (e, r, n) => {
-      const i = a.example.parameters[a.paramKey], o = i[e]?.key;
-      if (o) {
-        if (r === "key") {
-          if (i[e]?.required)
+    ), h = (a, i, n) => {
+      const m = e.example.parameters[e.paramKey], r = m[a]?.key;
+      if (r) {
+        if (i === "key") {
+          if (m[a]?.required)
             return;
           if (n) {
-            const t = encodeURIComponent(o), l = encodeURIComponent(n), P = new RegExp(`(?<=/):${t}(?=[/?#]|$)`, "g"), g = a.operation.path.replace(P, `:${l}`);
-            c.edit(a.operation.uid, "path", g);
+            const t = encodeURIComponent(r), l = encodeURIComponent(n), x = new RegExp(`(?<=/):${t}(?=[/?#]|$)`, "g"), P = e.operation.path.replace(x, `:${l}`);
+            s.edit(e.operation.uid, "path", P);
           } else {
-            i.splice(e, 1);
-            const t = new RegExp(`/:${encodeURIComponent(o)}(?=[/?#]|$)`, "g"), l = a.operation.path.replace(t, "");
-            c.edit(a.operation.uid, "path", l);
+            m.splice(a, 1);
+            const t = new RegExp(`/:${encodeURIComponent(r)}(?=[/?#]|$)`, "g"), l = e.operation.path.replace(t, "");
+            s.edit(e.operation.uid, "path", l);
           }
         }
-        s.edit(
-          a.example.uid,
-          `parameters.${a.paramKey}.${e}.${r}`,
+        c.edit(
+          e.example.uid,
+          `parameters.${e.paramKey}.${a}.${i}`,
           n
         );
       }
-    }, f = (e) => {
-      const r = m.value;
-      if (r.length > e) {
-        const n = [...r];
-        n.splice(e, 1), s.edit(
-          a.example.uid,
-          `parameters.${a.paramKey}`,
+    }, f = (a) => {
+      const i = o.value;
+      if (i.length > a) {
+        const n = [...i];
+        n.splice(a, 1), c.edit(
+          e.example.uid,
+          `parameters.${e.paramKey}`,
           n
         );
       }
-    }, v = (e) => {
-      const r = e.match(x.PATH)?.map((t) => t.slice(1, -1)) || [], n = a.example.parameters[a.paramKey], i = new Map(n.map((t) => [t.key, t])), o = r.map(
-        (t) => i.get(t) || { key: t, value: "", enabled: !0 }
+    }, v = (a) => {
+      const i = a.match(b.PATH)?.map((t) => t.slice(1, -1)) || [], n = e.example.parameters[e.paramKey], m = new Map(n.map((t) => [t.key, t])), r = i.map(
+        (t) => m.get(t) || { key: t, value: "", enabled: !0 }
       );
       n.forEach((t) => {
-        !r.includes(t.key) && (t.value || t.required) && o.push(t);
-      }), n.splice(0, n.length, ...o), s.edit(a.example.uid, `parameters.${a.paramKey}`, n);
-    }, y = (e) => {
-      e && v(e);
+        !i.includes(t.key) && (t.value || t.required) && r.push(t);
+      }), n.splice(0, n.length, ...r), c.edit(e.example.uid, `parameters.${e.paramKey}`, n);
+    }, y = (a) => {
+      a && v(a);
     };
-    return R(
-      () => a.operation.path,
-      (e) => {
-        e && y(e);
+    return w(
+      () => e.operation.path,
+      (a) => {
+        a && y(a);
       }
-    ), (e, r) => (u(), p(V, {
-      itemCount: m.value.length
+    ), (a, i) => (d(), u(V, {
+      itemCount: o.value.length
     }, {
-      title: d(() => [
-        K(b(e.title), 1)
+      title: p(() => [
+        $(K(e.title), 1)
       ]),
-      default: d(() => [
-        m.value.length ? (u(), p(C, {
+      default: p(() => [
+        o.value.length ? (d(), u(C, {
           key: 0,
           class: "flex-1",
           columns: ["32px", "", ""],
           envVariables: e.envVariables,
           environment: e.environment,
           invalidParams: e.invalidParams,
-          items: m.value,
+          items: o.value,
           workspace: e.workspace,
           onUpdateRow: h,
           onDeleteRow: f
-        }, null, 8, ["envVariables", "environment", "invalidParams", "items", "workspace"])) : $("", !0)
+        }, null, 8, ["envVariables", "environment", "invalidParams", "items", "workspace"])) : R("", !0)
       ]),
       _: 1
     }, 8, ["itemCount"]));