@scalar/api-client 2.2.3 → 2.2.4

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":"AAyKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAKlE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;IAC3D,kBAAkB,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;IAC7D,MAAM,EAAE,MAAM,CAAA;IAEd,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAC;;gCAkEiC,IAAI,GAAG,MAAM;;;;;;;AAiNhD,wBASG"}
+{"version":3,"file":"EnvironmentVariableDropdown.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentVariableDropdown.vue"],"names":[],"mappings":"AAgLA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAA;AAKlE,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,YAAY,CAAA;AAIxC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,iBAAiB,EAAE,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;IAC3D,kBAAkB,EAAE,mBAAmB,CAAC,oBAAoB,CAAC,CAAA;IAC7D,MAAM,EAAE,MAAM,CAAA;IAEd,gBAAgB,CAAC,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,CAAA;CACjD,CAAC;;gCAkEiC,IAAI,GAAG,MAAM;;;;;;;AAsOhD,wBAQG"}

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

@@ -1,9 +1,9 @@
-import { defineComponent as I, ref as d, computed as N, onMounted as P, openBlock as a, createBlock as w, unref as p, normalizeStyle as h, withCtx as y, createElementBlock as f, Fragment as R, renderList as j, normalizeClass as q, createElementVNode as v, createTextVNode as k, toDisplayString as b, createVNode as z } from "vue";
-import { ScalarDropdown as F, ScalarButton as K, ScalarIcon as T } from "@scalar/components";
+import { defineComponent as z, ref as d, computed as v, onMounted as I, openBlock as s, createBlock as m, Teleport as P, createElementVNode as a, normalizeStyle as w, createElementBlock as p, Fragment as R, renderList as T, normalizeClass as j, createTextVNode as h, toDisplayString as y, unref as b, withCtx as q, createVNode as D, createCommentVNode as F } from "vue";
+import { ScalarButton as K, ScalarIcon as O } from "@scalar/components";
 import { onClickOutside as L } from "@vueuse/core";
 import M from "fuse.js";
 import { parseEnvVariables as x } from "../../libs/environment-parser.js";
-const Q = { key: 0 }, $ = ["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({
+const Q = { key: 0 }, $ = ["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__ */ z({
   __name: "EnvironmentVariableDropdown",
   props: {
     query: {},
@@ -13,95 +13,99 @@ const Q = { key: 0 }, $ = ["onClick"], G = { class: "flex items-center gap-1.5 w
     dropdownPosition: {}
   },
   emits: ["select"],
-  setup(g, { expose: E, emit: V }) {
-    const s = g, _ = V, c = d(!0), u = d(null), r = d(0), C = () => {
-      const e = A.value.params.workspace;
-      S({
+  setup(k, { expose: g, emit: V }) {
+    const r = k, E = V, c = d(!0), u = d(null), n = d(0), _ = () => {
+      const e = S.value.params.workspace;
+      C({
         name: "environment.default",
         params: {
           workspace: e
         }
       }), c.value = !1;
-    }, { push: S, currentRoute: A } = s.router, B = new M(x(s.activeEnvVariables.value), {
+    }, { push: C, currentRoute: S } = r.router, A = new M(x(r.activeEnvVariables.value), {
       keys: ["key", "value"]
-    }), l = N(() => {
-      const e = s.query;
+    }), i = v(() => {
+      const e = r.query;
       if (!e)
-        return x(s.activeEnvVariables.value).slice(-4).filter(({ key: t, value: n }) => t !== "" || n !== "");
-      const o = B.search(e);
-      return o.length > 0 ? o.map((t) => t.item).filter(({ key: t, value: n }) => t !== "" || n !== "") : [];
-    }), m = (e) => {
-      _("select", e);
-    }, O = (e) => e.value ? e.value.color : "#8E8E8E";
-    return E({
+        return x(r.activeEnvVariables.value).slice(-4).filter(({ key: t, value: l }) => t !== "" || l !== "");
+      const o = A.search(e, { limit: 10 });
+      return o.length > 0 ? o.map((t) => t.item).filter(({ key: t, value: l }) => t !== "" || l !== "") : [];
+    }), f = (e) => {
+      E("select", e);
+    }, B = (e) => e.value ? e.value.color : "#8E8E8E";
+    g({
       handleArrowKey: (e) => {
-        const o = e === "up" ? -1 : 1, t = l.value.length;
-        t !== 0 && (r.value = (r.value + o + t) % t);
+        const o = e === "up" ? -1 : 1, t = i.value.length;
+        t !== 0 && (n.value = (n.value + o + t) % t);
       },
       handleSelect: () => {
-        if (r.value >= 0) {
-          const e = l.value[r.value];
-          e && m(e.key);
+        if (n.value >= 0) {
+          const e = i.value[n.value];
+          e && f(e.key);
         }
       }
-    }), P(() => {
-      r.value = 0;
-    }), L(
+    }), I(() => {
+      n.value = 0;
+    });
+    const N = v(() => {
+      var e, o;
+      return {
+        left: (((e = r.dropdownPosition) == null ? void 0 : e.left) ?? 0) + "px",
+        // Add a 5px offset from the editor
+        top: (((o = r.dropdownPosition) == null ? void 0 : o.top) ?? 0) + 5 + "px"
+      };
+    });
+    return L(
       u,
       () => {
         c.value = !1;
       },
       { ignore: [u] }
-    ), (e, o) => {
-      var t, n;
-      return a(), w(p(F), {
+    ), (e, o) => c.value ? (s(), m(P, {
+      key: 0,
+      to: ".scalar-client"
+    }, [
+      a("div", {
         ref_key: "dropdownRef",
         ref: u,
-        static: "",
-        staticOpen: c.value,
-        style: h({
-          left: ((t = e.dropdownPosition) == null ? void 0 : t.left) + "px",
-          top: ((n = e.dropdownPosition) == null ? void 0 : n.top) + "px"
-        }),
-        teleport: ".scalar-client"
-      }, {
-        items: y(() => [
-          l.value.length ? (a(), f("ul", Q, [
-            (a(!0), f(R, null, j(l.value, (i, D) => (a(), f("li", {
-              key: i.key,
-              class: q(["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 === r.value }]),
-              onClick: (W) => m(i.key)
-            }, [
-              v("div", G, [
-                v("span", {
-                  class: "h-2.5 w-2.5 min-w-2.5 rounded-full",
-                  style: h({
-                    backgroundColor: O(e.activeEnvironment)
-                  })
-                }, null, 4),
-                k(" " + b(i.key), 1)
-              ]),
-              v("span", H, b(i.value), 1)
-            ], 10, $))), 128))
-          ])) : (a(), w(p(K), {
-            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: C
-          }, {
-            default: y(() => [
-              z(p(T), {
-                class: "w-2.5",
-                icon: "Add"
-              }),
-              o[0] || (o[0] = k(" Add Variable "))
+        class: "fixed left-0 top-0 flex flex-col p-0.75 max-h-[60svh] w-56 rounded border custom-scroll",
+        style: w(N.value)
+      }, [
+        i.value.length ? (s(), p("ul", Q, [
+          (s(!0), p(R, null, T(i.value, (t, l) => (s(), p("li", {
+            key: t.key,
+            class: j(["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": l === n.value }]),
+            onClick: (W) => f(t.key)
+          }, [
+            a("div", G, [
+              a("span", {
+                class: "h-2.5 w-2.5 min-w-2.5 rounded-full",
+                style: w({
+                  backgroundColor: B(e.activeEnvironment)
+                })
+              }, null, 4),
+              h(" " + y(t.key), 1)
             ]),
-            _: 1
-          }))
-        ]),
-        _: 1
-      }, 8, ["staticOpen", "style"]);
-    };
+            a("span", H, y(t.value), 1)
+          ], 10, $))), 128))
+        ])) : (s(), m(b(K), {
+          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: _
+        }, {
+          default: q(() => [
+            D(b(O), {
+              class: "w-2.5",
+              icon: "Add"
+            }),
+            o[0] || (o[0] = h(" Add Variable "))
+          ]),
+          _: 1
+        })),
+        o[1] || (o[1] = a("div", { class: "absolute inset-0 -z-1 rounded bg-b-1 shadow-lg brightness-lifted" }, null, -1))
+      ], 4)
+    ])) : F("", !0);
   }
 });
 export {

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

@@ -1,7 +1,7 @@
 import o from "./Request.vue2.js";
 /* empty css             */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-76d1e7a7"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5f5d9e27"]]);
 export {
   m as default
 };

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

@@ -3,48 +3,48 @@ import te from "../../components/ImportCurl/ImportCurlModal.vue.js";
 import oe from "../../components/ViewLayout/ViewLayout.vue.js";
 import re from "../../components/ViewLayout/ViewLayoutContent.vue.js";
 import { importCurlCommand as se } from "../../libs/importers/curl.js";
-import { createRequestOperation as ue } from "../../libs/send-request.js";
-import { useActiveEntities as ae } from "../../store/active-entities.js";
-import le from "./RequestSection/RequestSection.vue.js";
-import ne from "./RequestSubpageHeader.vue.js";
-import ie from "./ResponseSection/ResponseSection.vue.js";
-import { useOpenApiWatcher as me } from "./hooks/useOpenApiWatcher.js";
-import { safeJSON as ce } from "@scalar/object-utils/parse";
-import { useBreakpoints as de } from "@scalar/use-hooks/useBreakpoints";
-import { useToasts as ve } from "@scalar/use-toasts";
-import { useRouter as pe } from "vue-router";
-import fe from "./RequestSidebar.vue.js";
+import { useActiveEntities as ue } from "../../store/active-entities.js";
+import ae from "./RequestSection/RequestSection.vue.js";
+import le from "./RequestSubpageHeader.vue.js";
+import ne from "./ResponseSection/ResponseSection.vue.js";
+import { useOpenApiWatcher as ie } from "./hooks/useOpenApiWatcher.js";
+import { safeJSON as me } from "@scalar/object-utils/parse";
+import { useBreakpoints as ce } from "@scalar/use-hooks/useBreakpoints";
+import { useToasts as de } from "@scalar/use-toasts";
+import { useRouter as ve } from "vue-router";
+import pe from "./RequestSidebar.vue.js";
+import { createRequestOperation as fe } from "../../libs/send-request/send-request.js";
 import { ERRORS as Se } from "../../libs/errors.js";
 import { useWorkspace as ye } from "../../store/store.js";
 const He = /* @__PURE__ */ K({
   __name: "Request",
   emits: ["newTab"],
   setup(Re) {
-    const T = ye(), { toast: w } = ve(), {
+    const T = ye(), { toast: w } = de(), {
       activeCollection: x,
       activeExample: v,
       activeEnvironment: M,
       activeRequest: q,
       activeWorkspace: a,
       activeServer: A
-    } = ae(), {
+    } = ue(), {
       cookies: H,
       isReadOnly: l,
       modalState: n,
-      requestHistory: k,
+      requestHistory: U,
       securitySchemes: L,
       requestMutators: $,
       serverMutators: W,
       servers: j,
       events: p
-    } = T, u = R(!l), E = R(), e = R(), h = R(""), z = pe(), D = B(
-      () => k.findLast((o) => {
+    } = T, u = R(!l), k = R(), e = R(), h = R(""), z = ve(), D = B(
+      () => U.findLast((o) => {
         var t;
         return o.request.uid === ((t = v.value) == null ? void 0 : t.uid);
       })
-    ), { mediaQueries: F } = de();
+    ), { mediaQueries: F } = ce();
     P(F.md, (o) => u.value = o);
-    const U = B(
+    const E = B(
       () => {
         var o, t;
         return (l ? (o = x.value) == null ? void 0 : o.selectedSecuritySchemeUids : (t = q.value) == null ? void 0 : t.selectedSecuritySchemeUids) ?? [];
@@ -53,13 +53,13 @@ const He = /* @__PURE__ */ K({
       var S;
       if (!q.value || !v.value || !x.value)
         return;
-      const o = ce.parse(((S = M.value) == null ? void 0 : S.value) || "{}");
+      const o = me.parse(((S = M.value) == null ? void 0 : S.value) || "{}");
       o.error && console.error("INVALID ENVIRONMENT!");
-      const t = o.error || typeof o.data != "object" ? {} : o.data ?? {}, r = a.value.cookies.map((y) => H[y]), [i, m] = ue({
+      const t = o.error || typeof o.data != "object" ? {} : o.data ?? {}, r = a.value.cookies.map((y) => H[y]), [i, m] = fe({
         request: q.value,
         example: v.value,
-        selectedSecuritySchemeUids: U.value,
-        proxy: a.value.proxyUrl ?? "",
+        selectedSecuritySchemeUids: E.value,
+        proxyUrl: a.value.proxyUrl ?? "",
         environment: t,
         globalCookies: r,
         status: p.requestStatus,
@@ -70,16 +70,16 @@ const He = /* @__PURE__ */ K({
         w(i.message, "error");
         return;
       }
-      E.value = m.controller;
+      k.value = m.controller;
       const [c, f] = await m.sendRequest();
-      c ? w(c.message, "error") : k.push(f);
+      c ? w(c.message, "error") : U.push(f);
     }, Q = async () => {
       var o;
-      return (o = E.value) == null ? void 0 : o.abort(Se.REQUEST_ABORTED);
+      return (o = k.value) == null ? void 0 : o.abort(Se.REQUEST_ABORTED);
     };
     X(() => {
       p.executeRequest.on(C), p.cancelRequest.on(Q);
-    }), me(), Y(() => p.executeRequest.off(C));
+    }), ie(), Y(() => p.executeRequest.off(C));
     function J({ requestName: o }) {
       var r, i, m, c;
       if (!e.value) return;
@@ -119,7 +119,7 @@ const He = /* @__PURE__ */ K({
           "!mr-0 !mb-0 !border-0": s(l)
         }])
       }, [
-        d(ne, {
+        d(le, {
           modelValue: u.value,
           "onUpdate:modelValue": t[0] || (t[0] = (r) => u.value = r),
           isReadonly: s(l),
@@ -128,7 +128,7 @@ const He = /* @__PURE__ */ K({
         }, null, 8, ["modelValue", "isReadonly"]),
         d(oe, null, {
           default: O(() => [
-            d(fe, {
+            d(pe, {
               isReadonly: s(l),
               showSidebar: u.value,
               onNewTab: t[2] || (t[2] = (r) => o.$emit("newTab", r)),
@@ -141,8 +141,8 @@ const He = /* @__PURE__ */ K({
               default: O(() => {
                 var r;
                 return [
-                  d(le, { selectedSecuritySchemeUids: U.value }, null, 8, ["selectedSecuritySchemeUids"]),
-                  d(ie, {
+                  d(ae, { selectedSecuritySchemeUids: E.value }, null, 8, ["selectedSecuritySchemeUids"]),
+                  d(ne, {
                     response: (r = D.value) == null ? void 0 : r.response
                   }, null, 8, ["response"])
                 ];

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":"AAyhBA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;AAuzBF,wBAOG"}
+{"version":3,"file":"RequestBody.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestBody.vue"],"names":[],"mappings":"AA+kBA,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;CACd,CAAC;;AA+3BF,wBAOG"}

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

@@ -1,7 +1,7 @@
 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-68fbfb14"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1876b784"]]);
 export {
-  m as default
+  p as default
 };