@scalar/api-client 2.2.37 → 2.2.39

package/dist/components/AddressBar/AddressBarServer.vue.js

@@ -1,117 +1,123 @@
-import { defineComponent as U, computed as i, watch as V, openBlock as l, createBlock as p, unref as o, withCtx as m, createElementBlock as a, createCommentVNode as x, Fragment as d, renderList as b, createVNode as c, createElementVNode as n, createTextVNode as E, toDisplayString as O } from "vue";
-import { useActiveEntities as R } from "../../store/active-entities.js";
-import { ScalarDropdown as W, ScalarDropdownDivider as h, ScalarDropdownItem as I, ScalarIcon as L } from "@scalar/components";
-import g from "./AddressBarServerItem.vue.js";
-import { useWorkspace as T } from "../../store/store.js";
-const j = {
-  class: "font-code lg:text-sm text-xs whitespace-nowrap border border-b-3 border-solid rounded px-1.5 py-0.5 text-c-2 -outline-offset-1",
-  type: "button"
-}, z = {
-  key: 0,
-  class: "text-xxs text-c-2 px-2.5 py-1"
-}, F = { class: "flex items-center justify-center h-4 w-4" }, J = /* @__PURE__ */ U({
+import { defineComponent as D, computed as n, watch as U, openBlock as s, createBlock as v, unref as l, withCtx as i, createElementVNode as a, createElementBlock as c, Fragment as m, renderList as b, createVNode as d, createCommentVNode as k, createTextVNode as V, toDisplayString as z } from "vue";
+import { useActiveEntities as E } from "../../store/active-entities.js";
+import { ScalarPopover as L, ScalarDropdownDivider as W, ScalarIcon as F, ScalarFloatingBackdrop as I, ScalarButton as O } from "@scalar/components";
+import y from "./AddressBarServerItem.vue.js";
+import { useWorkspace as P } from "../../store/store.js";
+import { useLayout as T } from "../../hooks/useLayout.js";
+const j = { class: "custom-scroll flex border-t p-1 flex-col gap-1 max-h-[inherit]" }, M = { class: "flex items-center justify-center h-4 w-4" }, X = /* @__PURE__ */ D({
   __name: "AddressBarServer",
-  setup(M) {
-    const { activeRequest: u, activeCollection: f, activeServer: v } = R(), { isReadOnly: A, servers: S, collectionMutators: C, events: D } = T(), y = i(
+  props: {
+    target: {}
+  },
+  setup(R) {
+    const { activeRequest: u, activeCollection: f, activeServer: p } = E(), { servers: x, collectionMutators: w, events: A } = P(), { layout: B } = T(), S = n(
       () => {
-        var r, e;
-        return (e = (r = u.value) == null ? void 0 : r.servers) == null ? void 0 : e.map((t) => {
-          var s;
+        var t, e;
+        return (e = (t = u.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
+          var o;
           return {
-            id: t,
-            label: ((s = S[t]) == null ? void 0 : s.url) ?? "Unknown server"
+            id: r,
+            label: ((o = x[r]) == null ? void 0 : o.url) ?? "Unknown server"
           };
         });
       }
-    ), w = i(
+    ), g = n(
       () => {
-        var r, e;
+        var t, e;
         return (
           // Filters out servers already present in the request
-          (e = (r = f.value) == null ? void 0 : r.servers) == null ? void 0 : e.filter(
-            (t) => {
-              var s, _;
-              return !((_ = (s = u.value) == null ? void 0 : s.servers) != null && _.includes(t));
+          (e = (t = f.value) == null ? void 0 : t.servers) == null ? void 0 : e.filter(
+            (r) => {
+              var o, h;
+              return !((h = (o = u.value) == null ? void 0 : o.servers) != null && h.includes(r));
             }
-          ).map((t) => {
-            var s;
+          ).map((r) => {
+            var o;
             return {
-              id: t,
-              label: ((s = S[t]) == null ? void 0 : s.url) ?? "Unknown server"
+              id: r,
+              label: ((o = x[r]) == null ? void 0 : o.url) ?? "Unknown server"
             };
           })
         );
       }
-    ), k = i(
+    ), C = n(
       () => {
-        var r, e;
-        return ((r = y.value) == null ? void 0 : r.length) && ((e = w.value) == null ? void 0 : e.length);
+        var t, e;
+        return ((t = S.value) == null ? void 0 : t.length) && ((e = g.value) == null ? void 0 : e.length);
       }
     );
-    V([f, u], ([r, e]) => {
-      var s;
-      if (!r || r.selectedServerUid || e != null && e.selectedServerUid)
+    U([f, u], ([t, e]) => {
+      var o;
+      if (!t || t.selectedServerUid || e != null && e.selectedServerUid)
         return;
-      const t = (s = r.servers) == null ? void 0 : s[0];
-      t && C.edit(r.uid, "selectedServerUid", t);
+      const r = (o = t.servers) == null ? void 0 : o[0];
+      r && w.edit(t.uid, "selectedServerUid", r);
     });
-    const N = () => D.commandPalette.emit({
+    const _ = () => A.commandPalette.emit({
       commandName: "Add Server"
-    }), B = i(() => {
-      var r, e, t;
-      return (e = (r = v.value) == null ? void 0 : r.url) != null && e.endsWith("/") ? v.value.url.slice(0, -1) : ((t = v.value) == null ? void 0 : t.url) || "";
+    }), N = n(() => {
+      var t, e, r;
+      return (e = (t = p.value) == null ? void 0 : t.url) != null && e.endsWith("/") ? p.value.url.slice(0, -1) : ((r = p.value) == null ? void 0 : r.url) || "";
     });
-    return (r, e) => (l(), p(o(W), {
-      class: "w-max",
-      teleport: ""
+    return (t, e) => (s(), v(l(L), {
+      class: "max-h-[inherit] p-0 text-sm",
+      offset: 0,
+      placement: "bottom-start",
+      resize: "",
+      target: t.target,
+      teleport: `#${t.target}`
     }, {
-      items: m(() => [
-        k.value ? (l(), a("div", z, " Request ")) : x("", !0),
-        (l(!0), a(d, null, b(y.value, (t) => (l(), p(g, {
-          key: t.id,
-          serverOption: t,
-          type: "request"
-        }, null, 8, ["serverOption"]))), 128)),
-        k.value ? (l(), a(d, { key: 1 }, [
-          c(o(h)),
-          e[1] || (e[1] = n("div", { class: "text-xxs text-c-2 px-2.5 py-1" }, "Collection", -1))
-        ], 64)) : x("", !0),
-        (l(!0), a(d, null, b(w.value, (t) => (l(), p(g, {
-          key: t.id,
-          serverOption: t,
-          type: "collection"
-        }, null, 8, ["serverOption"]))), 128)),
-        o(A) ? x("", !0) : (l(), a(d, { key: 2 }, [
-          c(o(h)),
-          c(o(I), null, {
-            default: m(() => [
-              n("div", {
-                class: "font-code text-xxs flex items-center gap-1.5",
-                onClick: N
-              }, [
-                n("div", F, [
-                  c(o(L), {
-                    icon: "Add",
-                    size: "sm"
-                  })
-                ]),
-                e[2] || (e[2] = n("span", null, "Add Server", -1))
-              ])
+      popover: i(() => [
+        a("div", j, [
+          (s(!0), c(m, null, b(S.value, (r) => (s(), v(y, {
+            key: r.id,
+            serverOption: r,
+            type: "request"
+          }, null, 8, ["serverOption"]))), 128)),
+          C.value ? (s(), c(m, { key: 0 }, [
+            d(l(W)),
+            e[1] || (e[1] = a("div", { class: "text-xxs text-c-2 px-2.5 py-1" }, "Collection", -1))
+          ], 64)) : k("", !0),
+          (s(!0), c(m, null, b(g.value, (r) => (s(), v(y, {
+            key: r.id,
+            serverOption: r,
+            type: "collection"
+          }, null, 8, ["serverOption"]))), 128)),
+          l(B) !== "modal" ? (s(), c("button", {
+            key: 1,
+            class: "rounded text-xxs flex items-center gap-1.5 p-1.75 hover:bg-b-2 cursor-pointer",
+            type: "button",
+            onClick: _
+          }, [
+            a("div", M, [
+              d(l(F), {
+                icon: "Add",
+                size: "sm"
+              })
             ]),
-            _: 1
-          })
-        ], 64))
-      ]),
-      default: m(() => [
-        n("button", j, [
-          e[0] || (e[0] = n("span", { class: "sr-only" }, "Server:", -1)),
-          E(" " + O(B.value), 1)
+            e[2] || (e[2] = a("span", null, "Add Server", -1))
+          ])) : k("", !0)
         ])
       ]),
+      backdrop: i(() => [
+        d(l(I), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
+      ]),
+      default: i(() => [
+        d(l(O), {
+          class: "font-code z-context-plus lg:text-sm text-xs whitespace-nowrap border ml-0.75 rounded px-1.5 h-6.5 text-c-2 hover:bg-b-2",
+          variant: "ghost"
+        }, {
+          default: i(() => [
+            e[0] || (e[0] = a("span", { class: "sr-only" }, "Server:", -1)),
+            V(" " + z(N.value), 1)
+          ]),
+          _: 1
+        })
+      ]),
       _: 1
-    }));
+    }, 8, ["target", "teleport"]));
   }
 });
 export {
-  J as default
+  X as default
 };

package/dist/components/AddressBar/AddressBarServerItem.vue.d.ts

@@ -1,13 +1,10 @@
-export type ServerOption = {
-    id: string;
-    label: string;
+type __VLS_Props = {
+    serverOption: {
+        id: string;
+        label: string;
+    };
+    type: 'collection' | 'request';
 };
-declare const _default: import("vue").DefineComponent<{
-    serverOption: ServerOption;
-    type: "collection" | "request";
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    serverOption: ServerOption;
-    type: "collection" | "request";
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
 export default _default;
 //# sourceMappingURL=AddressBarServerItem.vue.d.ts.map

package/dist/components/AddressBar/AddressBarServerItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarServerItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServerItem.vue"],"names":[],"mappings":"AAyEA,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CACvD;;kBAIe,YAAY;UACpB,YAAY,GAAG,SAAS;;kBADhB,YAAY;UACpB,YAAY,GAAG,SAAS;;AAJhC,wBAyJK"}
+{"version":3,"file":"AddressBarServerItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServerItem.vue"],"names":[],"mappings":"AAkHA,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAC/B,CAAC;;AA4LF,wBAOG"}

package/dist/components/AddressBar/AddressBarServerItem.vue.js

@@ -1,54 +1,7 @@
-import { defineComponent as m, openBlock as f, createBlock as S, unref as l, withCtx as h, createElementVNode as n, normalizeClass as w, createVNode as k, toDisplayString as x } from "vue";
-import { useActiveEntities as g } from "../../store/active-entities.js";
-import { ScalarDropdownItem as y, ScalarIcon as C } from "@scalar/components";
-import { useWorkspace as O } from "../../store/store.js";
-const b = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, _ = /* @__PURE__ */ m({
-  __name: "AddressBarServerItem",
-  props: {
-    serverOption: {},
-    type: {}
-  },
-  setup(a) {
-    const i = a, { activeCollection: o, activeRequest: r, activeServer: c } = g(), { collectionMutators: p, requestMutators: d } = O(), u = (e) => {
-      var t, s;
-      i.type === "collection" && o.value ? ((s = (t = r.value) == null ? void 0 : t.servers) != null && s.length && (r.value.selectedServerUid = ""), p.edit(
-        o.value.uid,
-        "selectedServerUid",
-        e
-      )) : i.type === "request" && r.value && d.edit(
-        r.value.uid,
-        "selectedServerUid",
-        e
-      );
-    }, v = (e) => {
-      var t;
-      return ((t = c.value) == null ? void 0 : t.uid) === e;
-    };
-    return (e, t) => (f(), S(l(y), {
-      key: "serverOption.id",
-      class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden w-full",
-      value: e.serverOption.id,
-      onClick: t[0] || (t[0] = (s) => u(e.serverOption.id))
-    }, {
-      default: h(() => [
-        n("div", {
-          class: w([
-            "flex size-4 items-center justify-center p-0.75 text-b-1 rounded-full",
-            v(e.serverOption.id) ? "bg-c-accent text-b-1" : "group-hover/item:shadow-border text-transparent"
-          ])
-        }, [
-          k(l(C), {
-            icon: "Checkmark",
-            size: "xs",
-            thickness: "2.5"
-          })
-        ], 2),
-        n("span", b, x(e.serverOption.label), 1)
-      ]),
-      _: 1
-    }, 8, ["value"]));
-  }
-});
+import r from "./AddressBarServerItem.vue2.js";
+/* empty css                          */
+import o from "../../_virtual/_plugin-vue_export-helper.js";
+const s = /* @__PURE__ */ o(r, [["__scopeId", "data-v-7b0b0967"]]);
 export {
-  _ as default
+  s as default
 };

package/dist/components/AddressBar/AddressBarServerItem.vue2.js

@@ -1,4 +1,77 @@
-import f from "./AddressBarServerItem.vue.js";
+import { defineComponent as M, useId as O, computed as d, openBlock as c, createElementBlock as v, normalizeClass as h, createElementVNode as u, unref as i, withModifiers as V, createVNode as p, toDisplayString as E, createCommentVNode as _ } from "vue";
+import q from "../Server/ServerVariablesForm.vue.js";
+import { useActiveEntities as B } from "../../store/active-entities.js";
+import { ScalarListboxCheckbox as I, ScalarMarkdown as N } from "@scalar/components";
+import { useWorkspace as U } from "../../store/store.js";
+const A = ["aria-controls", "aria-expanded"], $ = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, j = ["id"], z = { key: 0 }, D = { class: "description px-3 py-1.5 text-c-3" }, J = /* @__PURE__ */ M({
+  __name: "AddressBarServerItem",
+  props: {
+    serverOption: {},
+    type: {}
+  },
+  setup(x) {
+    const l = x, b = O(), { activeCollection: m, activeRequest: s, activeServer: t } = B(), { collectionMutators: S, requestMutators: y, serverMutators: g } = U(), k = (e) => {
+      var a, r;
+      l.type === "collection" && m.value ? ((r = (a = s.value) == null ? void 0 : a.servers) != null && r.length && (s.value.selectedServerUid = ""), S.edit(
+        m.value.uid,
+        "selectedServerUid",
+        e
+      )) : l.type === "request" && s.value && y.edit(
+        s.value.uid,
+        "selectedServerUid",
+        e
+      );
+    }, o = d(
+      () => {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.uid) === l.serverOption.id;
+      }
+    ), C = d(
+      () => {
+        var e;
+        return ((e = t.value) == null ? void 0 : e.variables) && Object.keys(t.value.variables).length > 0;
+      }
+    ), n = d(() => o.value && C.value), w = (e, a) => {
+      if (!t.value) return;
+      const r = t.value.variables || {};
+      r[e] = { ...r[e], default: a }, g.edit(t.value.uid, "variables", r);
+    };
+    return (e, a) => {
+      var r, f;
+      return c(), v("div", {
+        class: h(["min-h-fit rounded flex flex-col border group/item", { "border-transparent": !o.value }])
+      }, [
+        u("button", {
+          "aria-controls": n.value ? i(b) : void 0,
+          "aria-expanded": n.value,
+          class: h(["cursor-pointer rounded flex items-center gap-1.5 min-h-8 px-1.5", o.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"]),
+          type: "button",
+          onClick: a[0] || (a[0] = V((L) => k(e.serverOption.id), ["stop"]))
+        }, [
+          p(i(I), { selected: o.value }, null, 8, ["selected"]),
+          u("span", $, E(e.serverOption.label), 1)
+        ], 10, A),
+        n.value ? (c(), v("div", {
+          key: 0,
+          id: i(b),
+          class: "bg-b-2 border-t divide divide-y *:pl-4 rounded-b"
+        }, [
+          p(q, {
+            variables: (r = i(t)) == null ? void 0 : r.variables,
+            "onUpdate:variable": w
+          }, null, 8, ["variables"]),
+          (f = i(t)) != null && f.description ? (c(), v("div", z, [
+            u("div", D, [
+              p(i(N), {
+                value: i(t).description
+              }, null, 8, ["value"])
+            ])
+          ])) : _("", !0)
+        ], 8, j)) : _("", !0)
+      ], 2);
+    };
+  }
+});
 export {
-  f as default
+  J as default
 };

package/dist/components/CodeInput/CodeInput.vue.d.ts

@@ -16,6 +16,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableEnter?: boolean;
     disableCloseBrackets?: boolean;
     enum?: string[];
+    examples?: string[];
     type?: string;
     nullable?: boolean;
     withVariables?: boolean;
@@ -45,6 +46,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableEnter?: boolean;
     disableCloseBrackets?: boolean;
     enum?: string[];
+    examples?: string[];
     type?: string;
     nullable?: boolean;
     withVariables?: boolean;

package/dist/components/CodeInput/CodeInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OAqdO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAkBb,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBArBX,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;cApBd,OAAO;gBAGL,OAAO;iBAJN,OAAO;sBAOF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAwaM,GAAG;kBACN,GAAG;;AAhc9B,wBA4fC;AAgBD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OA+dO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAkBb,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBAtBX,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;cArBd,OAAO;gBAGL,OAAO;iBAJN,OAAO;sBAOF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAInB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBA0cM,GAAG;kBACN,GAAG;;AAne9B,wBA+hBC;AAgBD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-492fdbc8"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-63d3ce30"]]);
 export {
   _ as default
 };