@scalar/api-client 2.0.64 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,49 @@
 # @scalar/api-client
 
+## 2.1.0
+
+### Minor Changes
+
+- 88a4ec3: feat: releasing the api-client openapi compliant
+
+### Patch Changes
+
+- b8fdc19: feat: foldable code blocks
+- 18c58af: fix: request header style
+- dd06d00: fix(api-client): path only urls in send-request
+- 7e5dfbb: feat: server variables from examples
+- 641c1ec: style: new modal layout
+- b8fdc19: feat: favors useDropdown hook over dropdown widget
+- 9d88423: feat: added one way auth sync from references to client
+- 86e1f46: feat(api-client): fix up and polish command palette
+- 44f3300: feat(api-client): disable sidebar resizing on small screens
+- 7df5770: fix: sidebar width and long request content handling
+- 9269f5a: fix: environment and cookie mutators
+- 73f728e: chore: cherrypicking refactor branch for object utils changes
+- b8fdc19: feat: adds create request button in request sidebar
+- a002783: fix: command palette consistency and styles
+- c030024: feat(api-client): track active workspace in local storage
+- 6fd83dc: style: sets context bar back to previous position
+- Updated dependencies [b8fdc19]
+- Updated dependencies [7e5dfbb]
+- Updated dependencies [b8fdc19]
+- Updated dependencies [9d88423]
+- Updated dependencies [674922f]
+- Updated dependencies [a08aa37]
+- Updated dependencies [e15b021]
+- Updated dependencies [73f728e]
+- Updated dependencies [ee22a82]
+- Updated dependencies [9cd23e3]
+- Updated dependencies [6fd83dc]
+- Updated dependencies [121bc7e]
+  - @scalar/use-codemirror@0.11.11
+  - @scalar/oas-utils@0.2.44
+  - @scalar/openapi-parser@0.8.3
+  - @scalar/components@0.12.45
+  - @scalar/object-utils@1.1.8
+  - @scalar/themes@0.9.30
+  - @scalar/types@0.0.9
+
 ## 2.0.64
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAutBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AA6uBA,wBAKG"}

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

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-0989c8b5"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-44c3e67a"]]);
 export {
-  m as default
+  e as default
 };

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

@@ -1,86 +1,87 @@
-import { defineComponent as L, ref as n, watch as O, onMounted as K, onBeforeUnmount as N, unref as l, openBlock as T, createElementBlock as A, createElementVNode as o, createVNode as u, withCtx as y, normalizeClass as B, normalizeStyle as $, createCommentVNode as D, pushScopeId as Q, popScopeId as W } from "vue";
-import j from "../CodeInput/CodeInput.vue.js";
-import { useWorkspace as F } from "../../store/workspace.js";
-import { Listbox as G } from "@headlessui/vue";
-import { ScalarButton as J, ScalarIcon as P } from "@scalar/components";
-import { REQUEST_METHODS as X } from "@scalar/oas-utils/helpers";
-import { isMacOS as Y } from "@scalar/use-tooltip";
-import { useMagicKeys as Z, whenever as ee } from "@vueuse/core";
-import te from "../HttpMethod/HttpMethod.vue.js";
-import le from "./AddressBarHistory.vue.js";
+import { defineComponent as H, ref as i, watch as L, onMounted as O, onBeforeUnmount as K, unref as l, openBlock as N, createElementBlock as T, createElementVNode as o, createVNode as s, withCtx as w, normalizeClass as B, normalizeStyle as $, createCommentVNode as A, pushScopeId as D, popScopeId as P } from "vue";
+import Q from "../CodeInput/CodeInput.vue.js";
+import { Listbox as W } from "@headlessui/vue";
+import { ScalarButton as j, ScalarIcon as F } from "@scalar/components";
+import { REQUEST_METHODS as G } from "@scalar/oas-utils/helpers";
+import { isMacOS as J } from "@scalar/use-tooltip";
+import { useMagicKeys as X, whenever as Y } from "@vueuse/core";
+import Z from "../HttpMethod/HttpMethod.vue.js";
+import ee from "./AddressBarHistory.vue.js";
+import te from "./AddressBarServer.vue.js";
 import { executeRequestBus as k } from "../../libs/event-busses/execute-request-bus.js";
+import { useWorkspace as le } from "../../store/store.js";
 import { requestStatusBus as oe } from "../../libs/event-busses/request-status-bus.js";
-import { hotKeyBus as E } from "../../libs/event-busses/hot-keys-bus.js";
-const m = (c) => (Q("data-v-0989c8b5"), c = c(), W(), c), ae = {
+import { hotKeyBus as S } from "../../libs/event-busses/hot-keys-bus.js";
+const m = (c) => (D("data-v-44c3e67a"), c = c(), P(), c), ae = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, re = { class: "m-auto flex basis-1/2 flex-row items-center" }, se = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, ne = { class: "flex gap-1" }, ue = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ie = /* @__PURE__ */ m(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), de = /* @__PURE__ */ m(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), ce = /* @__PURE__ */ m(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), Se = /* @__PURE__ */ L({
+}, re = { class: "m-auto flex flex-row items-center" }, se = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, ne = { class: "flex gap-1" }, ie = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ue = /* @__PURE__ */ m(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), de = /* @__PURE__ */ m(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), ce = /* @__PURE__ */ m(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), qe = /* @__PURE__ */ H({
   __name: "AddressBar",
   setup(c) {
     const {
       activeRequest: t,
-      activeExample: f,
+      activeExample: y,
       isReadOnly: v,
-      requestMutators: p,
-      requestExampleMutators: S,
-      requestsHistory: q
-    } = F(), h = n(q.value[0]), x = n(null), _ = Z();
-    ee(
-      Y() ? _.meta_enter : _.ctrl_enter,
+      requestMutators: f,
+      requestHistory: q
+    } = le(), p = i(q[0]), h = i(null), _ = X();
+    Y(
+      J() ? _.meta_enter : _.ctrl_enter,
       () => k.emit()
     );
     const C = (e) => {
-      !t.value || t.value.path === e || p.edit(t.value.uid, "path", e);
+      !t.value || t.value.path === e || f.edit(t.value.uid, "path", e);
     };
-    O(
+    L(
       () => {
         var e;
         return (e = t.value) == null ? void 0 : e.path;
       },
       (e) => {
-        t.value && C(e);
+        !t.value || !e || C(e);
       }
     );
-    const a = n(100), b = n(0), r = n(!1), s = n();
+    const a = i(100), x = i(0), r = i(!1), n = i();
+    function E() {
+      r.value ? a.value -= (a.value - 15) / 60 : a.value -= x.value / 20, a.value <= 0 && (clearInterval(n.value), n.value = void 0, a.value = 100, r.value = !1);
+    }
     function R() {
-      r.value ? a.value -= (a.value - 15) / 60 : a.value -= b.value / 20, a.value <= 0 && (clearInterval(s.value), s.value = void 0, a.value = 100, r.value = !1);
+      n.value || (r.value = !0, n.value = setInterval(E, 20));
     }
     function I() {
-      s.value || (r.value = !0, s.value = setInterval(R, 20));
+      x.value = a.value, r.value = !1;
     }
     function V() {
-      b.value = a.value, r.value = !1;
-    }
-    function M() {
-      clearInterval(s.value), s.value = void 0, a.value = 100, r.value = !1;
+      clearInterval(n.value), n.value = void 0, a.value = 100, r.value = !1;
     }
     oe.on((e) => {
-      e === "start" && I(), e === "stop" && V(), e === "abort" && M();
+      e === "start" && R(), e === "stop" && I(), e === "abort" && V();
     });
     function z(e) {
-      t.value && p.edit(t.value.uid, "method", e);
+      t.value && f.edit(t.value.uid, "method", e);
     }
-    function U() {
+    function M() {
       if (!t.value) return;
       const { method: e } = t.value;
-      return X[e].backgroundColor;
+      return G[e].backgroundColor;
     }
-    function g() {
+    function b() {
       r.value || (r.value = !0, k.emit());
     }
-    const H = (e) => {
-      S.edit(f.value.uid, "url", e);
-    }, w = (e) => {
-      var i;
-      e.focusAddressBar && ((i = x.value) == null || i.focus());
-    };
-    return K(() => E.on(w)), N(() => E.off(w)), (e, i) => l(t) && l(f) ? (T(), A("div", ae, [
+    function U(e) {
+      t.value && f.edit(t.value.uid, "path", e);
+    }
+    function g(e) {
+      var u;
+      e.focusAddressBar && ((u = h.value) == null || u.focus());
+    }
+    return O(() => S.on(g)), K(() => S.off(g)), (e, u) => l(t) && l(y) ? (N(), T("div", ae, [
       o("div", re, [
-        u(l(G), {
-          modelValue: h.value,
-          "onUpdate:modelValue": i[0] || (i[0] = (d) => h.value = d)
+        s(l(W), {
+          modelValue: p.value,
+          "onUpdate:modelValue": u[0] || (u[0] = (d) => p.value = d)
         }, {
-          default: y(({ open: d }) => [
+          default: w(({ open: d }) => [
             o("div", {
               class: B([
                 "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
@@ -90,44 +91,45 @@ const m = (c) => (Q("data-v-0989c8b5"), c = c(), W(), c), ae = {
             }, [
               o("div", se, [
                 o("div", {
-                  class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", U()]),
+                  class: B(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", M()]),
                   style: $({ transform: `translate3d(-${a.value}%,0,0)` })
                 }, null, 6)
               ]),
               o("div", ne, [
-                u(te, {
+                s(Z, {
                   isEditable: !l(v),
                   isSquare: "",
                   method: l(t).method,
                   onChange: z
                 }, null, 8, ["isEditable", "method"])
               ]),
-              o("div", ue, [
-                ie,
-                u(j, {
+              o("div", ie, [
+                ue,
+                s(te),
+                s(Q, {
                   ref_key: "addressBarRef",
-                  ref: x,
+                  ref: h,
                   disableCloseBrackets: "",
                   disabled: l(v),
                   disableEnter: "",
                   disableTabIndent: "",
                   emitOnBlur: !1,
-                  modelValue: l(f).url,
+                  modelValue: l(t).path,
                   placeholder: "Enter URL to get started",
                   server: "",
-                  onSubmit: g,
-                  "onUpdate:modelValue": H
+                  onSubmit: b,
+                  "onUpdate:modelValue": U
                 }, null, 8, ["disabled", "modelValue"]),
                 de
               ]),
-              u(le, { open: d }, null, 8, ["open"]),
-              u(l(J), {
+              s(ee, { open: d }, null, 8, ["open"]),
+              s(l(j), {
                 class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 z-[1] font-bold",
                 disabled: r.value,
-                onClick: g
+                onClick: b
               }, {
-                default: y(() => [
-                  u(l(P), {
+                default: w(() => [
+                  s(l(F), {
                     class: "relative z-10 shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
@@ -141,9 +143,9 @@ const m = (c) => (Q("data-v-0989c8b5"), c = c(), W(), c), ae = {
           _: 1
         }, 8, ["modelValue"])
       ])
-    ])) : D("", !0);
+    ])) : A("", !0);
   }
 });
 export {
-  Se as default
+  qe as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UA0GQ,OAAO;;UAAP,OAAO;;AAmOf,wBAMG;AAOH,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"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UAyHQ,OAAO;;UAAP,OAAO;;AA4Of,wBAMG;AAOH,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/components/AddressBar/AddressBarHistory.vue.js

@@ -1,81 +1,89 @@
-import { defineComponent as C, computed as w, openBlock as n, createElementBlock as d, Fragment as m, unref as t, createBlock as i, withCtx as p, createVNode as f, createCommentVNode as h, createElementVNode as r, normalizeClass as b, renderList as U, toDisplayString as l } from "vue";
-import { formatMs as L } from "../../libs/formatters.js";
-import { useWorkspace as q } from "../../store/workspace.js";
-import { ListboxButton as y, ListboxOptions as B, ListboxOption as S } from "@headlessui/vue";
-import { ScalarIcon as H } from "@scalar/components";
-import { httpStatusCodes as P } from "@scalar/oas-utils/helpers";
-import { useRouter as R } from "vue-router";
-import z from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as E } from "./httpStatusCodeColors.js";
-const M = { class: "min-w-0" }, N = { class: "min-w-0 truncate text-c-1" }, J = /* @__PURE__ */ C({
+import { defineComponent as q, computed as w, openBlock as u, createElementBlock as b, Fragment as x, createBlock as i, unref as o, withCtx as p, createVNode as h, createCommentVNode as v, createElementVNode as r, normalizeClass as k, renderList as B, toDisplayString as a } from "vue";
+import { formatMs as H } from "../../libs/formatters.js";
+import { ListboxButton as y, ListboxOptions as L, ListboxOption as S } from "@headlessui/vue";
+import { ScalarIcon as z } from "@scalar/components";
+import { httpStatusCodes as E } from "@scalar/oas-utils/helpers";
+import { useRouter as M } from "vue-router";
+import N from "../HttpMethod/HttpMethod.vue.js";
+import { getStatusCodeColor as U } from "./httpStatusCodeColors.js";
+import { useWorkspace as V } from "../../store/store.js";
+const $ = { class: "min-w-0" }, I = { class: "min-w-0 truncate text-c-1" }, P = /* @__PURE__ */ q({
   __name: "AddressBarHistory",
   props: {
     open: { type: Boolean }
   },
-  setup(V) {
-    const { activeRequest: u, requestExampleMutators: x } = q(), g = R(), v = w(() => u.value.history.slice().reverse());
-    function _(o) {
-      const c = new URL(o), s = new URLSearchParams(c.search).get("scalar_url");
-      return s ? new URL(s).href : c.href;
+  setup(O) {
+    const { activeRequest: c, requestHistory: _, requestExampleMutators: g } = V(), d = M(), m = w(
+      () => _.filter((t) => {
+        var s;
+        return t.request.requestUid === ((s = c.value) == null ? void 0 : s.uid);
+      }).slice().reverse()
+    );
+    function C(t) {
+      var n;
+      const s = d.currentRoute.value.params.workspace;
+      ((n = c.value) == null ? void 0 : n.uid) !== t.request.requestUid && d.push(
+        `/workspace/${s}/request/${t.request.requestUid}`
+      ), g.set({ ...t.request });
     }
-    function k(o) {
-      u.value.uid !== o.request.requestUid && g.push(`/request/${o.request.requestUid}`), x.set({ ...o.request });
-    }
-    return (o, c) => (n(), d(m, null, [
-      t(u).history.length ? (n(), i(t(y), {
-        key: 0,
-        class: "adressbar-history-button mr-1 rounded p-1.5 text-c-3 focus:text-c-1"
-      }, {
-        default: p(() => [
-          f(t(H), {
-            icon: "History",
-            size: "sm",
-            thickness: "2.25"
-          })
-        ]),
-        _: 1
-      })) : h("", !0),
-      r("div", {
-        class: b([
-          "absolute left-0 top-[33px] w-full rounded before:pointer-events-none before:absolute before:left-0 before:top-[-33px] before:h-[calc(100%+33px)] before:w-full before:rounded z-50",
-          { "before:shadow-lg": o.open }
-        ])
-      }, [
-        f(t(B), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
+    return (t, s) => {
+      var n;
+      return u(), b(x, null, [
+        (n = m.value) != null && n.length ? (u(), i(o(y), {
+          key: 0,
+          class: "adressbar-history-button mr-1 rounded p-1.5 text-c-3 focus:text-c-1"
+        }, {
           default: p(() => [
-            (n(!0), d(m, null, U(v.value, (e, s) => (n(), i(t(S), {
-              key: s,
-              class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:hover:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
-              value: s,
-              onClick: (a) => k(e)
-            }, {
-              default: p(() => {
-                var a;
-                return [
-                  e.response.config.method ? (n(), i(z, {
-                    key: 0,
-                    class: "text-[11px]",
-                    method: e.response.config.method
-                  }, null, 8, ["method"])) : h("", !0),
-                  r("div", M, [
-                    r("div", N, l(_(e.response.config.url)), 1)
-                  ]),
-                  r("div", null, l(t(L)(e.response.duration)), 1),
-                  r("div", {
-                    class: b([t(E)(e.response.status).color])
-                  }, l(e.response.status), 3),
-                  r("div", null, l((a = t(P)[e.response.status]) == null ? void 0 : a.name), 1)
-                ];
-              }),
-              _: 2
-            }, 1032, ["value", "onClick"]))), 128))
+            h(o(z), {
+              icon: "History",
+              size: "sm",
+              thickness: "2.25"
+            })
           ]),
           _: 1
-        })
-      ], 2)
-    ], 64));
+        })) : v("", !0),
+        r("div", {
+          class: k([
+            "absolute left-0 top-[33px] w-full rounded before:pointer-events-none before:absolute before:left-0 before:top-[-33px] before:h-[calc(100%+33px)] before:w-full before:rounded z-50",
+            { "before:shadow-lg": t.open }
+          ])
+        }, [
+          h(o(L), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
+            default: p(() => [
+              (u(!0), b(x, null, B(m.value, (e, f) => (u(), i(o(S), {
+                key: f,
+                class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:hover:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
+                value: f,
+                onClick: (l) => C(e)
+              }, {
+                default: p(() => {
+                  var l;
+                  return [
+                    e.response.method ? (u(), i(N, {
+                      key: 0,
+                      class: "text-[11px]",
+                      method: e.response.method
+                    }, null, 8, ["method"])) : v("", !0),
+                    r("div", $, [
+                      r("div", I, a(e.response.path), 1)
+                    ]),
+                    r("div", null, a(o(H)(e.response.duration)), 1),
+                    r("div", {
+                      class: k([o(U)(e.response.status).color])
+                    }, a(e.response.status), 3),
+                    r("div", null, a((l = o(E)[e.response.status]) == null ? void 0 : l.name), 1)
+                  ];
+                }),
+                _: 2
+              }, 1032, ["value", "onClick"]))), 128))
+            ]),
+            _: 1
+          })
+        ], 2)
+      ], 64);
+    };
   }
 });
 export {
-  J as default
+  P as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AA6ZA,wBAKG"}
+{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":";AA4XA,wBAKG"}

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

@@ -0,0 +1,121 @@
+import { defineComponent as O, computed as x, watch as R, openBlock as r, createBlock as f, unref as o, withCtx as _, createElementBlock as a, createCommentVNode as d, Fragment as i, renderList as b, createVNode as u, createElementVNode as c, withModifiers as U, toDisplayString as g } from "vue";
+import { ScalarDropdown as V, ScalarDropdownDivider as C, ScalarDropdownItem as E, ScalarIcon as I } from "@scalar/components";
+import D from "./AddressBarServerItem.vue.js";
+import { useWorkspace as L } from "../../store/store.js";
+import { commandPaletteBus as M } from "../../libs/event-busses/command-palette-bus.js";
+const j = {
+  key: 0,
+  class: "text-xxs text-c-2 ml-8"
+}, z = /* @__PURE__ */ c("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1), F = { class: "flex items-center justify-center h-4 w-4" }, P = /* @__PURE__ */ c("span", null, "Add Server", -1), W = {
+  key: 1,
+  class: "flex whitespace-nowrap items-center font-code lg:text-sm text-xs"
+}, Q = /* @__PURE__ */ O({
+  __name: "AddressBarServer",
+  setup($) {
+    const {
+      activeRequest: h,
+      activeCollection: S,
+      activeServer: m,
+      isReadOnly: A,
+      servers: k,
+      collectionMutators: B
+    } = L(), p = x(
+      () => {
+        var t, e;
+        return (e = (t = h.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((s) => {
+          var l;
+          return {
+            id: s,
+            label: ((l = k[s]) == null ? void 0 : l.url) ?? "Unknown server"
+          };
+        });
+      }
+    ), v = x(
+      () => {
+        var t, e;
+        return (e = (t = S.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((s) => {
+          var l;
+          return {
+            id: s,
+            label: ((l = k[s]) == null ? void 0 : l.url) ?? "Unknown server"
+          };
+        });
+      }
+    ), w = x(
+      () => {
+        var t, e;
+        return ((t = p.value) == null ? void 0 : t.length) && ((e = v.value) == null ? void 0 : e.length);
+      }
+    );
+    R([S, h], ([t, e]) => {
+      !t || t.selectedServerUid || e != null && e.selectedServerUid || B.edit(
+        t.uid,
+        "selectedServerUid",
+        t.servers[0]
+      );
+    });
+    const N = () => M.emit({
+      commandName: "Add Server"
+    });
+    return (t, e) => {
+      var s, l, y;
+      return (s = p.value) != null && s.length || (l = v.value) != null && l.length ? (r(), f(o(V), {
+        key: 0,
+        teleport: ".scalar-client"
+      }, {
+        items: _(() => [
+          w.value ? (r(), a("div", j, " Request Servers ")) : d("", !0),
+          (r(!0), a(i, null, b(p.value, (n) => (r(), f(D, {
+            key: n.id,
+            serverOption: n,
+            type: "request"
+          }, null, 8, ["serverOption"]))), 128)),
+          w.value ? (r(), a(i, { key: 1 }, [
+            u(o(C)),
+            z
+          ], 64)) : d("", !0),
+          (r(!0), a(i, null, b(v.value, (n) => (r(), f(D, {
+            key: n.id,
+            serverOption: n,
+            type: "collection"
+          }, null, 8, ["serverOption"]))), 128)),
+          o(A) ? d("", !0) : (r(), a(i, { key: 2 }, [
+            u(o(C)),
+            u(o(E), null, {
+              default: _(() => [
+                c("div", {
+                  class: "font-code text-xxs flex items-center gap-1.5",
+                  onClick: N
+                }, [
+                  c("div", F, [
+                    u(o(I), {
+                      class: "h-2.5",
+                      icon: "Add"
+                    })
+                  ]),
+                  P
+                ])
+              ]),
+              _: 1
+            })
+          ], 64))
+        ]),
+        default: _(() => {
+          var n;
+          return [
+            c("button", {
+              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 z-[1]",
+              type: "button",
+              onClick: e[0] || (e[0] = U(() => {
+              }, ["stop"]))
+            }, g((n = o(m)) == null ? void 0 : n.url), 1)
+          ];
+        }),
+        _: 1
+      })) : (y = o(m)) != null && y.url ? (r(), a("div", W, g(o(m).url), 1)) : d("", !0);
+    };
+  }
+});
+export {
+  Q as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./AddressBarServer.vue.js";
+export {
+  f as default
+};

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

@@ -0,0 +1,22 @@
+export type ServerOption = {
+    id: string;
+    label: string;
+};
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    serverOption: ServerOption;
+    type: "collection" | "request";
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    serverOption: ServerOption;
+    type: "collection" | "request";
+}>>>, {}, {}>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToOption<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+//# sourceMappingURL=AddressBarServerItem.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AddressBarServerItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServerItem.vue"],"names":[],"mappings":"AAuEA,MAAM,MAAM,YAAY,GAAG;IAAE,EAAE,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAA;;kBAIxC,YAAY;UACpB,YAAY,GAAG,SAAS;;kBADhB,YAAY;UACpB,YAAY,GAAG,SAAS;;AAJhC,wBAkKK;AAML,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"}