@scalar/api-client 2.1.31 → 2.1.33

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts

@@ -8,7 +8,10 @@ declare const _default: import("vue").DefineComponent<{
         left: number;
         top: number;
     };
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+}, {
+    handleArrowKey: (direction: "up" | "down") => void;
+    handleSelect: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     select: (variable: string) => any;
 }, string, import("vue").PublicProps, Readonly<{
     query: string;

package/dist/views/Environment/EnvironmentVariableDropdown.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;;WAK/B,MAAM;wBACO,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;;;WAJzC,MAAM;wBACO,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;;;AAoPlD,wBASG"}
+{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AA0JA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAK7C,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;;WAK/B,MAAM;wBACO,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;gCAqDf,IAAI,GAAG,MAAM;;;;;WAzDvC,MAAM;wBACO,cAAc,CAAC,oBAAoB,CAAC;YAChD,MAAM;uBAEK;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE;;;;AAyRlD,wBAUG"}

package/dist/views/Environment/EnvironmentVariableDropdown.vue.js

@@ -1,9 +1,9 @@
-import { defineComponent as B, ref as f, computed as O, openBlock as r, createBlock as m, unref as i, normalizeStyle as D, withCtx as v, createElementBlock as c, Fragment as N, renderList as P, createElementVNode as u, normalizeClass as R, createTextVNode as w, toDisplayString as k, createVNode as $ } from "vue";
-import { ScalarDropdown as j, ScalarButton as q, ScalarIcon as z } from "@scalar/components";
-import { onClickOutside as A } from "@vueuse/core";
-import F from "fuse.js";
-import { parseEnvVariables as y } from "../../libs/environment-parser.js";
-const I = { key: 0 }, T = ["onClick"], L = { class: "flex items-center gap-1.5 whitespace-nowrap" }, Q = { class: "w-20 overflow-hidden text-ellipsis text-right whitespace-nowrap" }, W = /* @__PURE__ */ B({
+import { defineComponent as I, ref as u, computed as N, onMounted as P, openBlock as s, createBlock as w, unref as d, normalizeStyle as R, withCtx as h, createElementBlock as p, Fragment as $, renderList as j, normalizeClass as y, createElementVNode as f, createTextVNode as b, toDisplayString as k, createVNode as q } from "vue";
+import { ScalarDropdown as z, ScalarButton as F, ScalarIcon as K } from "@scalar/components";
+import { onClickOutside as T } from "@vueuse/core";
+import L from "fuse.js";
+import { parseEnvVariables as x } from "../../libs/environment-parser.js";
+const M = { key: 0 }, Q = ["onClick"], G = { class: "flex items-center gap-1.5 whitespace-nowrap" }, H = { class: "w-20 overflow-hidden text-ellipsis text-right whitespace-nowrap" }, oe = /* @__PURE__ */ I({
   __name: "EnvironmentVariableDropdown",
   props: {
     query: {},
@@ -12,71 +12,84 @@ const I = { key: 0 }, T = ["onClick"], L = { class: "flex items-center gap-1.5 w
     dropdownPosition: {}
   },
   emits: ["select"],
-  setup(h, { emit: b }) {
-    const t = h, x = b, a = f(!0), l = f(null), g = () => {
-      const e = V.value.params.workspace;
-      _(`/workspace/${e}/environment/default`), a.value = !1;
-    }, { push: _, currentRoute: V } = t.router, E = new F(y(t.activeEnvVariables.value), {
+  setup(g, { expose: V, emit: _ }) {
+    const r = g, E = _, i = u(!0), c = u(null), n = u(0), C = () => {
+      const e = A.value.params.workspace;
+      S(`/workspace/${e}/environment/default`), i.value = !1;
+    }, { push: S, currentRoute: A } = r.router, B = new L(x(r.activeEnvVariables.value), {
       keys: ["key", "value"]
-    }), p = O(() => {
-      const e = t.query;
+    }), a = N(() => {
+      const e = r.query;
       if (!e)
-        return y(t.activeEnvVariables.value).slice(-4);
-      const o = E.search(e);
-      return o.length > 0 ? o.map((n) => n.item) : [];
-    }), C = (e) => {
-      x("select", e);
-    }, S = () => t.activeEnvVariables.value.map((e) => {
+        return x(r.activeEnvVariables.value).slice(-4);
+      const o = B.search(e);
+      return o.length > 0 ? o.map((t) => t.item) : [];
+    }), v = (e) => {
+      E("select", e);
+    }, O = () => r.activeEnvVariables.value.map((e) => {
       if (e.key === "color")
         return `bg-${e.value}`;
     });
-    return A(
-      l,
+    return V({
+      handleArrowKey: (e) => {
+        const o = e === "up" ? -1 : 1, t = a.value.length;
+        t !== 0 && (n.value = (n.value + o + t) % t);
+      },
+      handleSelect: () => {
+        if (n.value >= 0) {
+          const e = a.value[n.value];
+          e && v(e.key);
+        }
+      }
+    }), P(() => {
+      n.value = 0;
+    }), T(
+      c,
       () => {
-        a.value = !1;
+        i.value = !1;
       },
-      { ignore: [l] }
+      { ignore: [c] }
     ), (e, o) => {
-      var n, d;
-      return r(), m(i(j), {
+      var t, m;
+      return s(), w(d(z), {
         ref_key: "dropdownRef",
-        ref: l,
+        ref: c,
         class: "mt-2 min-w-60 rounded border bg-b-1 p-1 w-fit",
         static: "",
-        staticOpen: a.value,
-        style: D({
-          left: ((n = e.dropdownPosition) == null ? void 0 : n.left) + "px",
-          top: ((d = e.dropdownPosition) == null ? void 0 : d.top) + "px"
+        staticOpen: i.value,
+        style: R({
+          left: ((t = e.dropdownPosition) == null ? void 0 : t.left) + "px",
+          top: ((m = e.dropdownPosition) == null ? void 0 : m.top) + "px"
         }),
         teleport: ".scalar-client"
       }, {
-        items: v(() => [
-          p.value.length ? (r(), c("ul", I, [
-            (r(!0), c(N, null, P(p.value, (s) => (r(), c("li", {
-              key: s.key,
-              class: "h-8 font-code text-xxs hover:bg-b-2 flex cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150",
-              onClick: (G) => C(s.key)
+        items: h(() => [
+          a.value.length ? (s(), p("ul", M, [
+            (s(!0), p($, null, j(a.value, (l, D) => (s(), p("li", {
+              key: l.key,
+              class: y(["h-8 font-code text-xxs hover:bg-b-2 flex cursor-pointer items-center justify-between gap-1.5 rounded p-1.5 transition-colors duration-150", { "bg-b-2": D === n.value }]),
+              onClick: (W) => v(l.key)
             }, [
-              u("div", L, [
-                u("span", {
-                  class: R(["h-2.5 w-2.5 min-w-2.5 rounded-full", S()])
+              f("div", G, [
+                f("span", {
+                  class: y(["h-2.5 w-2.5 min-w-2.5 rounded-full", O()])
                 }, null, 2),
-                w(" " + k(s.key), 1)
+                b(" " + k(l.key), 1)
               ]),
-              u("span", Q, k(s.value), 1)
-            ], 8, T))), 128))
-          ])) : (r(), m(i(q), {
+              f("span", H, k(l.value), 1)
+            ], 10, Q))), 128))
+          ])) : (s(), w(d(F), {
             key: 1,
             class: "font-code text-xxs hover:bg-b-2 flex h-8 w-full justify-start gap-2 px-1.5 transition-colors duration-150",
             variant: "secondary",
-            onClick: g
+            onClick: C
           }, {
-            default: v(() => [
-              $(i(z), {
+            default: h(() => [
+              q(d(K), {
                 class: "w-2.5",
                 icon: "Add"
               }),
-              o[0] || (o[0] = w(" Add Variable "))
+              o[0] || (o[0] = b(" Add Variable "))
             ]),
             _: 1
           }))
@@ -87,5 +100,5 @@ const I = { key: 0 }, T = ["onClick"], L = { class: "flex items-center gap-1.5 w
   }
 });
 export {
-  W as default
+  oe as default
 };

package/dist/views/Request/RequestSection/RequestBody.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":";WAghBS,MAAM;;WAAN,MAAM;;AAi3Bf,wBAMG"}
+{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":";WAqhBS,MAAM;;WAAN,MAAM;;AAm3Bf,wBAMG"}

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

@@ -1,386 +1,7 @@
-import { defineComponent as G, computed as w, ref as K, watch as S, openBlock as p, createBlock as b, withCtx as u, createTextVNode as q, toDisplayString as F, createVNode as s, unref as c, createElementVNode as x, createElementBlock as R, Fragment as Q, nextTick as Z } from "vue";
-import I from "../../../components/CodeInput/CodeInput.vue.js";
-import ee from "../../../components/DataTable/DataTable.vue.js";
-import ae from "../../../components/DataTable/DataTableHeader.vue.js";
-import k from "../../../components/DataTable/DataTableRow.vue.js";
-import te from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { ScalarListbox as oe, ScalarButton as _, ScalarIcon as L } from "@scalar/components";
-import { requestExampleParametersSchema as M } from "@scalar/oas-utils/entities/spec";
-import { canMethodHaveBody as ne } from "@scalar/oas-utils/helpers";
-import W from "./RequestTable.vue.js";
-import { useWorkspace as le } from "../../../store/store.js";
-import { useFileDialog as A } from "../../../hooks/useFileDialog.js";
-const re = {
-  key: 0,
-  class: "text-c-3 flex min-h-10 w-full items-center justify-center p-2 text-sm"
-}, de = {
-  key: 1,
-  class: "flex items-center justify-center p-1.5 overflow-hidden"
-}, ie = { class: "text-c-2 text-xs w-full border rounded p-1 max-w-full overflow-hidden whitespace-nowrap" }, De = /* @__PURE__ */ G({
-  __name: "RequestBody",
-  props: {
-    title: {}
-  },
-  setup(ue) {
-    const { activeRequest: i, activeExample: a, requestExampleMutators: r } = le(), z = {
-      json: "json",
-      xml: "xml",
-      yaml: "yaml",
-      edn: "edn",
-      other: "html"
-    }, h = Object.entries({
-      multipartForm: "Multipart Form",
-      formUrlEncoded: "Form URL Encoded",
-      binaryFile: "Binary File",
-      json: "JSON",
-      xml: "XML",
-      yaml: "YAML",
-      edn: "EDN",
-      other: "Other",
-      none: "None"
-    }).map(([e, t]) => ({
-      id: e,
-      label: t
-    })), B = w(() => {
-      var e, t;
-      return a.value ? a.value.body.activeBody === "formData" ? ((e = a.value.body.formData) == null ? void 0 : e.encoding) === "urlencoded" ? "formUrlEncoded" : "multipartForm" : a.value.body.activeBody === "binary" ? "binaryFile" : a.value.body.activeBody === "raw" && ((t = a.value.body.raw) != null && t.encoding) ? a.value.body.raw.encoding === "html" ? "other" : a.value.body.raw.encoding : "none" : "none";
-    }), m = w({
-      get: () => h.find(
-        (e) => e.id === B.value
-      ) ?? h[h.length - 1],
-      set: (e) => {
-        e != null && e.id && C(e.id);
-      }
-    }), g = K(null), O = w(() => {
-      const e = m.value.id;
-      return z[e] ?? "plaintext";
-    });
-    function U() {
-      console.log("deleteRow");
-    }
-    const T = (e, t, o) => {
-      if (!i.value || !a.value) return;
-      const l = v.value;
-      if (l.length > e) {
-        const n = [...l];
-        n[e] = { ...n[e], [t]: o }, (n[e].key !== "" || n[e].value !== "") && (n[e].enabled = !0), n[e].key === "" && n[e].value === "" && n.splice(e, 1), r.edit(
-          a.value.uid,
-          "body.formData.value",
-          n
-        );
-      } else {
-        const n = [M.parse({ [t]: o })];
-        r.edit(
-          a.value.uid,
-          "body.formData.value",
-          n
-        ), Z(() => {
-          var y;
-          if (!g.value) return;
-          (y = g.value.querySelectorAll("input")[t === "key" ? 0 : 1]) == null || y.focus();
-        });
-      }
-    }, v = w(
-      () => {
-        var e, t, o;
-        return ((o = (t = (e = a.value) == null ? void 0 : e.body) == null ? void 0 : t.formData) == null ? void 0 : o.value) ?? [];
-      }
-    ), E = () => v.value.length === 0 && D(), D = () => {
-      if (!i.value || !a.value) return;
-      const e = M.parse({
-        enabled: !1
-      }), t = [...v.value, e];
-      a.value.body.formData ? r.edit(
-        a.value.uid,
-        "body.formData.value",
-        t
-      ) : r.edit(a.value.uid, "body.formData", {
-        value: t,
-        encoding: "form-data"
-      });
-    }, P = (e, t) => {
-      if (!i.value || !a.value) return;
-      const o = v.value;
-      if (o.length > e) {
-        const l = [...o];
-        l[e].enabled = t, r.edit(
-          a.value.uid,
-          "body.formData.value",
-          l
-        );
-      }
-    }, $ = (e) => {
-      !i.value || !a.value || r.edit(a.value.uid, "body.raw.value", e);
-    }, H = (e) => e === "multipartForm" ? {
-      activeBody: "formData",
-      encoding: "form-data",
-      header: "multipart/form-data"
-    } : e === "formUrlEncoded" ? {
-      activeBody: "formData",
-      encoding: "urlencoded",
-      header: "application/x-www-form-urlencoded"
-    } : e === "binaryFile" ? {
-      activeBody: "binary",
-      encoding: void 0,
-      header: "application/octet-stream"
-    } : e === "json" ? {
-      activeBody: "raw",
-      encoding: "json",
-      header: "application/json"
-    } : e === "xml" ? {
-      activeBody: "raw",
-      encoding: "xml",
-      header: "application/xml"
-    } : e === "yaml" ? {
-      activeBody: "raw",
-      encoding: "yaml",
-      header: "application/yaml"
-    } : e === "edn" ? {
-      activeBody: "raw",
-      encoding: "edn",
-      header: "application/edn"
-    } : e === "other" ? {
-      activeBody: "raw",
-      encoding: "html",
-      header: "application/html"
-    } : { activeBody: "raw", encoding: void 0, header: void 0 }, C = (e) => {
-      var f, y;
-      if (!a.value) return;
-      const { activeBody: t, encoding: o, header: l } = H(e);
-      if (r.edit(
-        a.value.uid,
-        "body.activeBody",
-        t
-      ), o && t === "raw")
-        r.edit(a.value.uid, "body.raw", {
-          encoding: o,
-          value: ((f = a.value.body.raw) == null ? void 0 : f.value) ?? ""
-        });
-      else if (o && t === "formData")
-        r.edit(a.value.uid, "body.formData", {
-          encoding: o,
-          value: ((y = a.value.body.formData) == null ? void 0 : y.value) ?? []
-        });
-      else if (!o) {
-        const { raw: N, ...Y } = a.value.body;
-        r.edit(a.value.uid, "body", Y);
-      }
-      const n = [...a.value.parameters.headers], d = n.findIndex(
-        (N) => N.key.toLowerCase() === "content-type"
-      );
-      d >= 0 ? l ? n[d].value = l : n.splice(d, 1) : l && n.unshift({
-        key: "Content-Type",
-        value: l,
-        enabled: !0
-      }), r.edit(
-        a.value.uid,
-        "parameters.headers",
-        n
-      );
-    }, j = async (e) => {
-      const { open: t } = A({
-        onChange: async (o) => {
-          const l = o == null ? void 0 : o[0];
-          if (l && i.value && a.value) {
-            const d = [...v.value];
-            d[e] = {
-              ...d[e],
-              file: l
-            }, r.edit(
-              a.value.uid,
-              "body.formData.value",
-              d
-            );
-          }
-        },
-        multiple: !1,
-        accept: "*/*"
-      });
-      t();
-    };
-    function J() {
-      !i.value || !a.value || r.edit(a.value.uid, "body.binary", void 0);
-    }
-    function V(e) {
-      if (!i.value || !a.value) return;
-      const o = [...v.value];
-      o[e] = {
-        ...o[e],
-        file: void 0
-      }, r.edit(
-        a.value.uid,
-        "body.formData.value",
-        o
-      );
-    }
-    function X() {
-      const { open: e } = A({
-        onChange: async (t) => {
-          const o = t == null ? void 0 : t[0];
-          o && i.value && a.value && r.edit(
-            a.value.uid,
-            "body.binary",
-            o
-          );
-        },
-        multiple: !1,
-        accept: "*/*"
-      });
-      e();
-    }
-    return S(
-      m,
-      (e) => {
-        ["multipartForm", "formUrlEncoded"].includes(e == null ? void 0 : e.id) && E();
-      },
-      { immediate: !0 }
-    ), S(
-      () => {
-        var e;
-        return (e = a.value) == null ? void 0 : e.uid;
-      },
-      () => {
-        var e;
-        (e = i.value) != null && e.method && ne(i.value.method) && C(B.value), ["multipartForm", "formUrlEncoded"].includes(
-          B.value
-        ) && E();
-      },
-      { immediate: !0 }
-    ), (e, t) => (p(), b(te, null, {
-      title: u(() => [
-        q(F(e.title), 1)
-      ]),
-      default: u(() => [
-        s(ee, { columns: [""] }, {
-          default: u(() => [
-            s(k, null, {
-              default: u(() => [
-                s(ae, { class: "relative col-span-full flex h-8 cursor-pointer items-center px-[2.25px] py-[2.25px]" }, {
-                  default: u(() => [
-                    s(c(oe), {
-                      modelValue: m.value,
-                      "onUpdate:modelValue": t[0] || (t[0] = (o) => m.value = o),
-                      class: "text-xxs w-full",
-                      fullWidth: "",
-                      options: c(h),
-                      teleport: ""
-                    }, {
-                      default: u(() => [
-                        s(c(_), {
-                          class: "flex gap-1.5 h-auto px-1.5 text-c-2 font-normal hover:text-c-1",
-                          fullWidth: "",
-                          variant: "ghost"
-                        }, {
-                          default: u(() => {
-                            var o;
-                            return [
-                              x("span", null, F((o = m.value) == null ? void 0 : o.label), 1),
-                              s(c(L), {
-                                icon: "ChevronDown",
-                                size: "xs",
-                                thickness: "2.5"
-                              })
-                            ];
-                          }),
-                          _: 1
-                        })
-                      ]),
-                      _: 1
-                    }, 8, ["modelValue", "options"])
-                  ]),
-                  _: 1
-                })
-              ]),
-              _: 1
-            }),
-            s(k, null, {
-              default: u(() => {
-                var o, l, n, d, f;
-                return [
-                  m.value.id === "none" ? (p(), R("div", re, t[1] || (t[1] = [
-                    x("span", null, "No Body", -1)
-                  ]))) : m.value.id === "binaryFile" ? (p(), R("div", de, [
-                    (o = c(a)) != null && o.body.binary ? (p(), R(Q, { key: 0 }, [
-                      x("span", ie, F(((l = c(a)) == null ? void 0 : l.body.binary).name), 1),
-                      s(c(_), {
-                        class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 ml-1 shadow-none",
-                        size: "sm",
-                        variant: "outlined",
-                        onClick: J
-                      }, {
-                        default: u(() => t[2] || (t[2] = [
-                          q(" Delete ")
-                        ])),
-                        _: 1
-                      })
-                    ], 64)) : (p(), b(c(_), {
-                      key: 1,
-                      class: "bg-b-2 hover:bg-b-3 border-0 text-c-2 shadow-none",
-                      size: "sm",
-                      variant: "outlined",
-                      onClick: X
-                    }, {
-                      default: u(() => [
-                        t[3] || (t[3] = x("span", null, "Upload File", -1)),
-                        s(c(L), {
-                          class: "ml-1",
-                          icon: "UploadSimple",
-                          size: "xs",
-                          thickness: "2.5"
-                        })
-                      ]),
-                      _: 1
-                    }))
-                  ])) : m.value.id == "multipartForm" ? (p(), b(W, {
-                    key: 2,
-                    ref_key: "tableWrapperRef",
-                    ref: g,
-                    class: "!m-0 rounded-t-none shadow-none border-l-0 border-r-0 border-t-0 border-b-0",
-                    columns: ["32px", "", "", "61px"],
-                    items: v.value,
-                    showUploadButton: "",
-                    onAddRow: D,
-                    onDeleteRow: U,
-                    onRemoveFile: V,
-                    onToggleRow: P,
-                    onUpdateRow: T,
-                    onUploadFile: j
-                  }, null, 8, ["items"])) : m.value.id == "formUrlEncoded" ? (p(), b(W, {
-                    key: 3,
-                    ref_key: "tableWrapperRef",
-                    ref: g,
-                    class: "!m-0 rounded-t-none border-t-0 shadow-none border-l-0 border-r-0 border-t-0 border-b-0",
-                    columns: ["32px", "", "", "61px"],
-                    items: v.value,
-                    showUploadButton: "",
-                    onAddRow: D,
-                    onDeleteRow: U,
-                    onRemoveFile: V,
-                    onToggleRow: P,
-                    onUpdateRow: T,
-                    onUploadFile: j
-                  }, null, 8, ["items"])) : (p(), b(I, {
-                    key: 4,
-                    content: "",
-                    language: O.value,
-                    lineNumbers: "",
-                    lint: "",
-                    modelValue: ((f = (d = (n = c(a)) == null ? void 0 : n.body) == null ? void 0 : d.raw) == null ? void 0 : f.value) ?? "",
-                    "onUpdate:modelValue": $
-                  }, null, 8, ["language", "modelValue"]))
-                ];
-              }),
-              _: 1
-            }),
-            s(k)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }));
-  }
-});
+import o from "./RequestBody.vue2.js";
+/* empty css                 */
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-33e11d9f"]]);
 export {
-  De as default
+  m as default
 };