@scalar/api-client 1.3.19 → 2.0.0

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

@@ -0,0 +1,177 @@
+import { defineComponent as V, openBlock as i, createBlock as c, unref as d, withCtx as l, createVNode as a, createTextVNode as s, createElementBlock as p, Fragment as h, createCommentVNode as f, createElementVNode as v } from "vue";
+import r from "../RequestSection/RequestAuthDataTableInput.vue.js";
+import { useLoadingState as k, ScalarButton as w } from "@scalar/components";
+import M from "./OAuthScopesInput.vue.js";
+import m from "../../../components/DataTable/DataTableRow.vue.js";
+import C from "../../../components/DataTable/DataTableCell.vue.js";
+import { authorizeOauth2 as g } from "../libs/oauth2.js";
+const U = { class: "h-8 flex items-center justify-self-end" }, L = /* @__PURE__ */ V({
+  __name: "OAuth2",
+  props: {
+    activeScheme: {},
+    schemeModel: {},
+    updateScheme: { type: Function }
+  },
+  setup(S) {
+    const u = S, n = k(), y = async () => {
+      if (n.isLoading) return;
+      n.startLoading();
+      const e = await g(
+        u.activeScheme,
+        u.schemeModel
+      ).finally(() => n.stopLoading());
+      e && u.updateScheme(`flows.${u.schemeModel.flowKey}.token`, e);
+    };
+    return (e, o) => e.activeScheme.flow.token ? (i(), c(d(m), { key: 0 }, {
+      default: l(() => [
+        a(r, {
+          id: "oauth2-access-token",
+          class: "border-r-transparent",
+          modelValue: e.activeScheme.flow.token,
+          type: "password",
+          "onUpdate:modelValue": o[0] || (o[0] = (t) => e.updateScheme(`flows.${e.schemeModel.flowKey}.token`, t))
+        }, {
+          default: l(() => [
+            s(" Access Token ")
+          ]),
+          _: 1
+        }, 8, ["modelValue"]),
+        a(d(C), { class: "flex items-center p-0.5" }, {
+          default: l(() => [
+            a(d(w), {
+              size: "sm",
+              variant: "ghost",
+              onClick: o[1] || (o[1] = (t) => e.updateScheme(`flows.${e.schemeModel.flowKey}.token`, ""))
+            }, {
+              default: l(() => [
+                s(" Clear ")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    })) : (i(), p(h, { key: 1 }, [
+      ["implicit", "authorizationCode"].includes(e.schemeModel.flowKey) ? (i(), c(d(m), { key: 0 }, {
+        default: l(() => [
+          a(r, {
+            id: "oauth2-redirect-uri",
+            modelValue: e.activeScheme.scheme.redirectUri,
+            placeholder: "https://galaxy.scalar.com/callback",
+            "onUpdate:modelValue": o[2] || (o[2] = (t) => e.updateScheme("redirectUri", t))
+          }, {
+            default: l(() => [
+              s(" Redirect URI ")
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      })) : f("", !0),
+      e.schemeModel.flowKey === "password" && "value" in e.activeScheme.flow ? (i(), p(h, { key: 1 }, [
+        a(d(m), null, {
+          default: l(() => [
+            a(r, {
+              id: "oauth2-password-username",
+              class: "text-c-2",
+              modelValue: e.activeScheme.flow.value,
+              placeholder: "ScalarEnjoyer01",
+              "onUpdate:modelValue": o[3] || (o[3] = (t) => e.updateScheme("flows.password.value", t))
+            }, {
+              default: l(() => [
+                s(" Username ")
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        }),
+        a(d(m), null, {
+          default: l(() => [
+            a(r, {
+              id: "oauth2-password-password",
+              modelValue: e.activeScheme.flow.secondValue,
+              placeholder: "XYZ123",
+              type: "password",
+              "onUpdate:modelValue": o[4] || (o[4] = (t) => e.updateScheme("flows.password.secondValue", t))
+            }, {
+              default: l(() => [
+                s(" Password ")
+              ]),
+              _: 1
+            }, 8, ["modelValue"])
+          ]),
+          _: 1
+        })
+      ], 64)) : f("", !0),
+      a(d(m), null, {
+        default: l(() => [
+          a(r, {
+            id: "oauth2-client-id",
+            modelValue: e.activeScheme.scheme.clientId,
+            placeholder: "12345",
+            "onUpdate:modelValue": o[5] || (o[5] = (t) => e.updateScheme("clientId", t))
+          }, {
+            default: l(() => [
+              s(" Client ID ")
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      }),
+      "clientSecret" in e.activeScheme.flow ? (i(), c(d(m), { key: 2 }, {
+        default: l(() => [
+          a(r, {
+            id: "oauth2-client-secret",
+            modelValue: e.activeScheme.flow.clientSecret,
+            placeholder: "XYZ123",
+            type: "password",
+            "onUpdate:modelValue": o[6] || (o[6] = (t) => (
+              // Vue cant figure out the type if we check in the template above so we do it here
+              (e.schemeModel.flowKey === "authorizationCode" || e.schemeModel.flowKey === "clientCredentials" || e.schemeModel.flowKey === "password") && e.updateScheme(`flows.${e.schemeModel.flowKey}.clientSecret`, t)
+            ))
+          }, {
+            default: l(() => [
+              s(" Client Secret ")
+            ]),
+            _: 1
+          }, 8, ["modelValue"])
+        ]),
+        _: 1
+      })) : f("", !0),
+      e.activeScheme.flow.scopes ? (i(), c(d(m), { key: 3 }, {
+        default: l(() => [
+          a(M, {
+            activeFlow: e.activeScheme.flow,
+            schemeModel: e.schemeModel,
+            updateScheme: e.updateScheme
+          }, null, 8, ["activeFlow", "schemeModel", "updateScheme"])
+        ]),
+        _: 1
+      })) : f("", !0),
+      a(d(m), { class: "min-w-full" }, {
+        default: l(() => [
+          v("div", U, [
+            a(d(w), {
+              loading: d(n),
+              size: "sm",
+              onClick: y
+            }, {
+              default: l(() => [
+                s(" Authorize ")
+              ]),
+              _: 1
+            }, 8, ["loading"])
+          ])
+        ]),
+        _: 1
+      })
+    ], 64));
+  }
+});
+export {
+  L as default
+};

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

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

package/dist/views/Request/components/OAuthScopesInput.vue.d.ts

@@ -0,0 +1,24 @@
+import type { UpdateScheme } from '../../../store/workspace.js';
+import type { SecuritySchemeOptionOauth } from '../../../views/Request/libs/index.js';
+import type { SecuritySchemeOauth2 } from '@scalar/oas-utils/entities/workspace/security';
+import type { ValueOf } from 'type-fest';
+declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
+    activeFlow: ValueOf<SecuritySchemeOauth2["flows"]>;
+    schemeModel: SecuritySchemeOptionOauth;
+    updateScheme: UpdateScheme;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
+    activeFlow: ValueOf<SecuritySchemeOauth2["flows"]>;
+    schemeModel: SecuritySchemeOptionOauth;
+    updateScheme: UpdateScheme;
+}>>>, {}, {}>;
+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=OAuthScopesInput.vue.d.ts.map

package/dist/views/Request/components/OAuthScopesInput.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OAuthScopesInput.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/OAuthScopesInput.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,sBAAsB,CAAA;AAGrE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,+CAA+C,CAAA;AACzF,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,WAAW,CAAA;;gBAM1B,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;iBACrC,yBAAyB;kBACxB,YAAY;;gBAFd,OAAO,CAAC,oBAAoB,CAAC,OAAO,CAAC,CAAC;iBACrC,yBAAyB;kBACxB,YAAY;;AAmR5B,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/views/Request/components/OAuthScopesInput.vue.js

@@ -0,0 +1,106 @@
+import { defineComponent as S, computed as f, openBlock as m, createBlock as h, unref as o, withCtx as c, createElementVNode as l, createVNode as a, toDisplayString as p, createElementBlock as g, Fragment as b, renderList as y } from "vue";
+import { Disclosure as C, DisclosureButton as F, DisclosurePanel as k } from "@headlessui/vue";
+import { ScalarIcon as D } from "@scalar/components";
+import _ from "../../../components/DataTable/DataTableCell.vue.js";
+import V from "../../../components/DataTable/DataTableRow.vue.js";
+import $ from "../../../components/DataTable/DataTableCheckbox.vue.js";
+const B = { class: "flex h-full w-full" }, M = /* @__PURE__ */ l("div", { class: "text-c-2 min-w-[100px] items-center pl-2 h-full border-r-1/2" }, [
+  /* @__PURE__ */ l("span", { class: "h-8 flex items-center" }, " Scopes ")
+], -1), O = { class: "flex-1 text-c-3" }, j = {
+  class: "grid auto-rows-auto border-t-1/2",
+  style: { gridTemplateColumns: "1fr auto" }
+}, E = { class: "font-code text-xs" }, A = /* @__PURE__ */ S({
+  __name: "OAuthScopesInput",
+  props: {
+    activeFlow: {},
+    schemeModel: {},
+    updateScheme: { type: Function }
+  },
+  setup(v) {
+    const s = v, x = f(
+      () => {
+        var e;
+        return Object.entries(((e = s.activeFlow) == null ? void 0 : e.scopes) ?? {}).map(([n, t]) => ({
+          id: n,
+          label: n,
+          description: t
+        }));
+      }
+    ), r = f(() => {
+      var e;
+      return ((e = s.activeFlow) == null ? void 0 : e.selectedScopes) || [];
+    });
+    function w(e, n) {
+      n ? s.updateScheme(`flows.${s.schemeModel.flowKey}.selectedScopes`, [
+        ...r.value,
+        e
+      ]) : s.updateScheme(
+        `flows.${s.schemeModel.flowKey}.selectedScopes`,
+        r.value.filter((t) => t !== e)
+      );
+    }
+    return (e, n) => (m(), h(o(_), { class: "items-center min-h-8 h-auto" }, {
+      default: c(() => [
+        l("div", B, [
+          M,
+          a(o(C), {
+            as: "div",
+            class: "flex flex-col w-full"
+          }, {
+            default: c(() => [
+              a(o(F), { class: "group/scopes-accordion flex items-center text-left min-h-8 gap-1.5 h-auto pl-2 hover:bg-b-2 pr-2.5 cursor-pointer" }, {
+                default: c(({ open: t }) => {
+                  var i, u, d;
+                  return [
+                    l("div", O, " Selected " + p(((u = (i = e.activeFlow) == null ? void 0 : i.selectedScopes) == null ? void 0 : u.length) || 0) + " / " + p(Object.keys(((d = e.activeFlow) == null ? void 0 : d.scopes) ?? {}).length || 0), 1),
+                    a(o(D), {
+                      class: "text-c-3 group-hover/scopes-accordion:text-c-2",
+                      icon: t ? "ChevronDown" : "ChevronRight",
+                      size: "xs"
+                    }, null, 8, ["icon"])
+                  ];
+                }),
+                _: 1
+              }),
+              a(o(k), { as: "template" }, {
+                default: c(() => [
+                  l("table", j, [
+                    (m(!0), g(b, null, y(x.value, ({ id: t, label: i, description: u }) => (m(), h(o(V), {
+                      key: t,
+                      class: "text-c-2",
+                      onClick: (d) => w(t, !r.value.includes(t))
+                    }, {
+                      default: c(() => [
+                        a(o(_), { class: "w-full px-2 py-1.5 hover:bg-b-2 cursor-pointer" }, {
+                          default: c(() => [
+                            l("span", null, [
+                              l("span", E, p(i), 1),
+                              l("span", null, " – " + p(u), 1)
+                            ])
+                          ]),
+                          _: 2
+                        }, 1024),
+                        a(o($), {
+                          modelValue: r.value.includes(t),
+                          "onUpdate:modelValue": () => {
+                          }
+                        }, null, 8, ["modelValue"])
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"]))), 128))
+                  ])
+                ]),
+                _: 1
+              })
+            ]),
+            _: 1
+          })
+        ])
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  A as default
+};

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

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

package/dist/views/Request/components/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OAuth2 } from './OAuth2.vue.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Request/components/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,cAAc,CAAA"}

package/dist/views/Request/components/index.js

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

package/dist/views/Request/libs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './oauth2.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/views/Request/libs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/libs/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAA"}

package/dist/views/Request/libs/index.js

@@ -0,0 +1,5 @@
+import { authorizeOauth2 as o, authorizeServers as t } from "./oauth2.js";
+export {
+  o as authorizeOauth2,
+  t as authorizeServers
+};

package/dist/views/Request/libs/oauth2.d.ts

@@ -0,0 +1,26 @@
+import type { SecuritySchemeOauth2, SelectedSchemeOauth2 } from '@scalar/oas-utils/entities/workspace/security';
+export type SecuritySchemeOptionBase = {
+    id: string;
+    label: string;
+};
+export type SecuritySchemeOptionOauth = SecuritySchemeOptionBase & {
+    flowKey: keyof SecuritySchemeOauth2['flows'];
+    uid: string;
+};
+/** Type for the dropdown options */
+export type SecuritySchemeOption = {
+    id: string;
+    label: string;
+} | SecuritySchemeOptionOauth;
+/**
+ * Authorize oauth2 flow
+ *
+ * @returns the accessToken
+ */
+export declare const authorizeOauth2: (activeScheme: SelectedSchemeOauth2, schemeModel: SecuritySchemeOptionOauth) => Promise<string>;
+/**
+ * Makes the BE authorization call to grab the token server to server
+ * Used for clientCredentials and authorizationCode
+ */
+export declare const authorizeServers: (activeScheme: SelectedSchemeOauth2, code?: string) => Promise<string>;
+//# sourceMappingURL=oauth2.d.ts.map

package/dist/views/Request/libs/oauth2.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"oauth2.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/libs/oauth2.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,oBAAoB,EACpB,oBAAoB,EACrB,MAAM,+CAA+C,CAAA;AAEtD,MAAM,MAAM,wBAAwB,GAAG;IACrC,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AACD,MAAM,MAAM,yBAAyB,GAAG,wBAAwB,GAAG;IACjE,OAAO,EAAE,MAAM,oBAAoB,CAAC,OAAO,CAAC,CAAA;IAC5C,GAAG,EAAE,MAAM,CAAA;CACZ,CAAA;AAED,oCAAoC;AACpC,MAAM,MAAM,oBAAoB,GAC5B;IACE,EAAE,EAAE,MAAM,CAAA;IACV,KAAK,EAAE,MAAM,CAAA;CACd,GACD,yBAAyB,CAAA;AAE7B;;;;GAIG;AACH,eAAO,MAAM,eAAe,iBACZ,oBAAoB,eACrB,yBAAyB,oBAgFpC,CAAA;AAEJ;;;GAGG;AACH,eAAO,MAAM,gBAAgB,iBACb,oBAAoB,SAC3B,MAAM,KACZ,OAAO,CAAC,MAAM,CAwDhB,CAAA"}

package/dist/views/Request/libs/oauth2.js

@@ -0,0 +1,58 @@
+const _ = (r, n) => new Promise((t, o) => {
+  const { flow: a, scheme: e } = r;
+  if (n.flowKey === "clientCredentials" || n.flowKey === "password")
+    p(r).then(t).catch(o);
+  else {
+    const d = a.selectedScopes.join(" "), w = (Math.random() + 1).toString(36).substring(7), s = new URL(
+      "authorizationUrl" in a ? a.authorizationUrl : a.tokenUrl
+    );
+    n.flowKey === "implicit" ? s.searchParams.set("response_type", "token") : n.flowKey === "authorizationCode" && s.searchParams.set("response_type", "code"), s.searchParams.set("client_id", e.clientId), s.searchParams.set("redirect_uri", e.redirectUri), s.searchParams.set("scope", d), s.searchParams.set("state", w);
+    const i = window.open(s, "openAuth2Window", "left=100,top=100,width=800,height=600");
+    if (i) {
+      const f = setInterval(function() {
+        var u;
+        let c = null, h = null;
+        try {
+          const l = new URL(i.location.href).searchParams;
+          c = l.get("access_token"), h = l.get("code");
+        } catch {
+        }
+        if (i.closed || c || h)
+          if (clearInterval(f), i.close(), c) {
+            const l = (u = i.location.href.match(/state=([^&]*)/)) == null ? void 0 : u[1];
+            c && l === w && t(c);
+          } else h ? p(r, h).then(t).catch(o) : (clearInterval(f), o(
+            new Error("Window was closed without granting authorization")
+          ));
+      }, 200);
+    }
+  }
+}), p = async (r, n) => {
+  if (!("clientSecret" in r.flow))
+    throw new Error(
+      "Authorize Servers only works for Client Credentials or Authorization Code flow"
+    );
+  if (!r.flow) throw new Error("OAuth2 flow was not defined");
+  const { flow: t, scheme: o } = r, a = t.selectedScopes.join(" "), e = new URLSearchParams();
+  e.set("client_id", o.clientId), e.set("scope", a), t.clientSecret && e.set("client_secret", t.clientSecret), o.redirectUri && e.set("redirect_uri", o.redirectUri), n && (e.set("code", n), e.set("grant_type", "authorization_code")), "secondValue" in t ? (e.set("grant_type", "password"), e.set("username", t.value), e.set("password", t.secondValue)) : e.set("grant_type", "client_credentials");
+  try {
+    const d = {
+      "Content-Type": "application/x-www-form-urlencoded"
+    };
+    o.clientId && t.clientSecret && (d.Authorization = `Basic ${btoa(`${o.clientId}:${t.clientSecret}`)}`);
+    const w = await fetch(t.tokenUrl, {
+      method: "POST",
+      headers: d,
+      body: e
+    }), { access_token: s } = await w.json();
+    return s;
+  } catch {
+    throw new Error(
+      "Failed to get an access token. Please check your credentials."
+    );
+  }
+};
+export {
+  _ as authorizeOauth2,
+  p as authorizeServers
+};

package/dist/views/Servers/ServerForm.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=ServerForm.vue.d.ts.map

package/dist/views/Servers/ServerForm.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ServerForm.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/ServerForm.vue"],"names":[],"mappings":";AA+MA,wBAKG"}

package/dist/views/Servers/ServerForm.vue.js

@@ -0,0 +1,67 @@
+import { defineComponent as U, computed as l, openBlock as u, createElementBlock as p, Fragment as y, createVNode as O, createBlock as S, createCommentVNode as i } from "vue";
+import m from "../../components/Form/Form.vue.js";
+import { useWorkspace as V } from "../../store/workspace.js";
+import { useRoute as b } from "vue-router";
+const j = { class: "w-full" }, L = /* @__PURE__ */ U({
+  __name: "ServerForm",
+  setup(B) {
+    const { activeCollection: o, servers: v, serverMutators: n } = V(), f = [
+      { label: "URL", key: "url", placeholder: "https://void.scalar.com/api" },
+      {
+        label: "Label",
+        key: "description",
+        placeholder: "Production"
+      }
+    ], c = b(), a = l(
+      () => {
+        var e, t;
+        return v[o.value && c.params.server === "default" ? (e = o.value) == null ? void 0 : e.spec.serverUids[0] : ((t = o.value) == null ? void 0 : t.spec.serverUids.find(
+          (r) => r === c.params.server
+        )) ?? ""];
+      }
+    ), _ = (e, t) => {
+      o.value && n.edit(a.value.uid, e, t);
+    }, k = (e, t) => {
+      o.value && n.edit(a.value.uid, `variables.${e}.value`, t);
+    }, h = l(
+      () => {
+        var e;
+        return Object.entries(((e = a.value) == null ? void 0 : e.variables) ?? {}).map(
+          ([t, r]) => {
+            var s;
+            return {
+              key: t,
+              label: t,
+              placeholder: r.default ?? ((s = r == null ? void 0 : r.enum) == null ? void 0 : s[0]) ?? ""
+            };
+          }
+        );
+      }
+    ), d = l(
+      () => Object.entries(a.value.variables ?? {}).reduce((e, [t, r]) => {
+        var s;
+        return e[t] = r.value ?? r.default ?? ((s = r == null ? void 0 : r.enum) == null ? void 0 : s[0]) ?? "", e;
+      }, {})
+    );
+    return (e, t) => (u(), p("div", j, [
+      a.value ? (u(), p(y, { key: 0 }, [
+        O(m, {
+          data: a.value,
+          onUpdate: _,
+          options: f,
+          title: "Server"
+        }, null, 8, ["data"]),
+        Object.keys(d.value).length ? (u(), S(m, {
+          key: 0,
+          data: d.value,
+          onUpdate: k,
+          options: h.value,
+          title: "Variables"
+        }, null, 8, ["data", "options"])) : i("", !0)
+      ], 64)) : i("", !0)
+    ]));
+  }
+});
+export {
+  L as default
+};

package/dist/views/Servers/ServerForm.vue2.js

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

package/dist/views/Servers/Servers.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+export default _default;
+//# sourceMappingURL=Servers.vue.d.ts.map

package/dist/views/Servers/Servers.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Servers/Servers.vue"],"names":[],"mappings":";AA6MA,wBAKG"}

package/dist/views/Servers/Servers.vue.js

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

package/dist/views/Servers/Servers.vue2.js

@@ -0,0 +1,67 @@
+import { defineComponent as p, openBlock as l, createBlock as i, withCtx as e, createVNode as r, unref as n, createTextVNode as m, createElementVNode as _, createElementBlock as v, Fragment as x, renderList as S } from "vue";
+import h from "../../components/Sidebar/SidebarButton.vue.js";
+import k from "../../components/Sidebar/SidebarList.vue.js";
+import b from "../../components/Sidebar/SidebarListElement.vue.js";
+import L from "../../components/ViewLayout/ViewLayout.vue.js";
+import V from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import { useWorkspace as w } from "../../store/workspace.js";
+import { createServer as C } from "@scalar/oas-utils/entities/workspace/server";
+import { useRouter as $ } from "vue-router";
+import y from "./ServerForm.vue.js";
+import B from "../../components/Sidebar/Sidebar.vue.js";
+/* empty css                                    */
+const E = { class: "flex-1" }, I = /* @__PURE__ */ p({
+  __name: "Servers",
+  setup(N) {
+    const { activeCollection: t, servers: c, serverMutators: u } = w(), { push: f } = $(), d = () => {
+      if (!t.value) return;
+      const o = C({ url: "http://localhost" });
+      u.add(o, t.value.uid), f(`/servers/${o.uid}`);
+    };
+    return (o, g) => (l(), i(L, null, {
+      default: e(() => [
+        r(n(B), null, {
+          title: e(() => [
+            m("Servers")
+          ]),
+          content: e(() => [
+            _("div", E, [
+              r(k, null, {
+                default: e(() => {
+                  var s;
+                  return [
+                    (l(!0), v(x, null, S((s = n(t)) == null ? void 0 : s.spec.serverUids, (a) => (l(), i(b, {
+                      key: a,
+                      class: "text-xs",
+                      variable: { name: n(c)[a].url, uid: a }
+                    }, null, 8, ["variable"]))), 128))
+                  ];
+                }),
+                _: 1
+              })
+            ])
+          ]),
+          button: e(() => [
+            r(h, { click: d }, {
+              title: e(() => [
+                m("Add Server")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        r(V, { class: "flex-1" }, {
+          default: e(() => [
+            r(y)
+          ]),
+          _: 1
+        })
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  I as default
+};