@scalar/api-client 2.9.1 → 2.11.0

package/dist/v2/features/collection/components/Environment.vue2.js

@@ -6,6 +6,9 @@ const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
     document: {},
     eventBus: {},
     layout: {},
+    path: {},
+    method: {},
+    exampleName: {},
     environment: {},
     workspaceStore: {},
     collectionType: {}

package/dist/v2/features/collection/components/Form.vue.d.ts

@@ -1,7 +1,4 @@
-import type { Cookie } from '@scalar/oas-utils/entities/cookie';
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { Path, PathValue } from '@scalar/object-utils/nested';
-import { type EnvVariable } from '../../../../store/index.js';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 type __VLS_Props = {
     title?: string;
     options: {
@@ -10,9 +7,8 @@ type __VLS_Props = {
         placeholder: string;
     }[];
     data: Record<string, any>;
-    onUpdate: <P extends Path<Cookie>>(key: P, value: NonNullable<PathValue<Cookie, P>>) => void;
-    environment: Environment;
-    envVariables: EnvVariable[];
+    onUpdate: (key: string, value: string) => void;
+    environment: XScalarEnvironment;
 };
 declare var __VLS_5: {};
 type __VLS_Slots = {} & {

package/dist/v2/features/collection/components/Form.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Form.vue"],"names":[],"mappings":"AAqFA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC/D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AAOlE,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,EAAE,CAAA;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACzB,QAAQ,EAAE,CAAC,CAAC,SAAS,IAAI,CAAC,MAAM,CAAC,EAC/B,GAAG,EAAE,CAAC,EACN,KAAK,EAAE,WAAW,CAAC,SAAS,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC,KACrC,IAAI,CAAA;IAGT,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;AAiJF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB7C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"Form.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Form.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAQnH,KAAK,WAAW,GAAG;IACjB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,OAAO,EAAE;QACP,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,WAAW,EAAE,MAAM,CAAA;KACpB,EAAE,CAAA;IACH,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;IACzB,QAAQ,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9C,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;AA4IF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB7C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/v2/features/collection/components/Form.vue.js

@@ -1,55 +1,50 @@
-import { defineComponent as f, useId as b, createBlock as o, openBlock as l, createSlots as d, withCtx as t, createElementVNode as n, createCommentVNode as k, createElementBlock as m, Fragment as y, renderList as _, normalizeClass as v, createVNode as c, unref as r, toDisplayString as p, renderSlot as h } from "vue";
-import { ScalarIcon as V } from "@scalar/components";
-import g from "../../../../components/DataTable/DataTable.vue.js";
-import C from "../../../../components/DataTable/DataTableInput.vue.js";
-import S from "../../../../components/DataTable/DataTableRow.vue.js";
-import U from "../../../../components/ViewLayout/ViewLayoutSection.vue.js";
-const $ = { key: 0 }, w = { class: "flex flex-1 flex-col gap-1.5" }, z = ["for"], B = { class: "centered-y bg-b-2 flex-center absolute right-1 z-1 rounded px-1 py-0.5" }, M = /* @__PURE__ */ f({
+import { defineComponent as f, useId as k, createBlock as n, openBlock as l, createSlots as s, withCtx as t, createElementVNode as a, createCommentVNode as y, createElementBlock as i, Fragment as _, renderList as h, createVNode as m, unref as r, toDisplayString as c, renderSlot as b } from "vue";
+import { ScalarIcon as g } from "@scalar/components";
+import v from "../../../../components/ViewLayout/ViewLayoutSection.vue.js";
+import V from "../../../components/data-table/DataTable.vue.js";
+import S from "../../../components/data-table/DataTableInput.vue.js";
+import U from "../../../components/data-table/DataTableRow.vue.js";
+const $ = { key: 0 }, w = { class: "flex flex-1 flex-col gap-1.5" }, B = ["for"], C = { class: "centered-y bg-b-2 flex-center absolute right-1 z-1 rounded px-1 py-0.5" }, L = /* @__PURE__ */ f({
   __name: "Form",
   props: {
     title: {},
     options: {},
     data: {},
     onUpdate: { type: Function },
-    environment: {},
-    envVariables: {}
+    environment: {}
   },
   setup(D) {
-    const s = b();
-    return (e, F) => (l(), o(U, { class: "last:rounded-b-lg" }, d({
+    const d = k();
+    return (e, F) => (l(), n(v, { class: "last:rounded-b-lg" }, s({
       default: t(() => [
-        n("div", w, [
-          Object.keys(e.data).length > 0 ? (l(), o(g, {
+        a("div", w, [
+          Object.keys(e.data).length > 0 ? (l(), n(V, {
             key: 0,
             class: "rounded-b-lg",
             columns: [""]
           }, {
             default: t(() => [
-              (l(!0), m(y, null, _(e.options, (a, i) => (l(), o(S, {
-                key: i,
-                class: v({ "border-t": i === 0 })
-              }, {
+              (l(!0), i(_, null, h(e.options, (o, p) => (l(), n(U, { key: p }, {
                 default: t(() => [
-                  c(C, {
-                    id: r(s),
+                  m(S, {
+                    id: r(d),
                     class: "pr-9",
-                    envVariables: e.envVariables,
                     environment: e.environment,
                     lineWrapping: "",
-                    modelValue: e.data[a.key] ?? "",
-                    placeholder: a.placeholder,
-                    "onUpdate:modelValue": (u) => e.onUpdate(a.key, u)
-                  }, d({
+                    modelValue: e.data[o.key] ?? "",
+                    placeholder: o.placeholder,
+                    "onUpdate:modelValue": (u) => e.onUpdate(o.key, u)
+                  }, s({
                     default: t(() => [
-                      n("label", { for: r(s) }, p(a.label), 9, z)
+                      a("label", { for: r(d) }, c(o.label), 9, B)
                     ]),
                     _: 2
                   }, [
-                    a.key === "description" ? {
+                    o.key === "description" ? {
                       name: "icon",
                       fn: t(() => [
-                        n("div", B, [
-                          c(r(V), {
+                        a("div", C, [
+                          m(r(g), {
                             icon: "Markdown",
                             size: "lg"
                           })
@@ -57,13 +52,13 @@ const $ = { key: 0 }, w = { class: "flex flex-1 flex-col gap-1.5" }, z = ["for"]
                       ]),
                       key: "0"
                     } : void 0
-                  ]), 1032, ["id", "envVariables", "environment", "modelValue", "placeholder", "onUpdate:modelValue"])
+                  ]), 1032, ["id", "environment", "modelValue", "placeholder", "onUpdate:modelValue"])
                 ]),
                 _: 2
-              }, 1032, ["class"]))), 128))
+              }, 1024))), 128))
             ]),
             _: 1
-          })) : k("", !0)
+          })) : y("", !0)
         ])
       ]),
       _: 2
@@ -71,7 +66,7 @@ const $ = { key: 0 }, w = { class: "flex flex-1 flex-col gap-1.5" }, z = ["for"]
       e.title || e.$slots.title ? {
         name: "title",
         fn: t(() => [
-          e.title ? (l(), m("span", $, p(e.title), 1)) : h(e.$slots, "title", { key: 1 })
+          e.title ? (l(), i("span", $, c(e.title), 1)) : b(e.$slots, "title", { key: 1 })
         ]),
         key: "0"
       } : void 0
@@ -79,5 +74,5 @@ const $ = { key: 0 }, w = { class: "flex flex-1 flex-col gap-1.5" }, z = ["for"]
   }
 });
 export {
-  M as default
+  L as default
 };

package/dist/v2/features/collection/components/Overview.vue2.js

@@ -1,8 +1,8 @@
-import { defineComponent as g, computed as y, ref as x, useTemplateRef as w, createElementBlock as i, openBlock as t, createElementVNode as o, createBlock as c, createCommentVNode as B, unref as n, withCtx as m, createVNode as d, Fragment as v, nextTick as C } from "vue";
-import { ScalarButton as f, ScalarMarkdown as I } from "@scalar/components";
+import { defineComponent as g, computed as x, ref as y, useTemplateRef as w, createElementBlock as i, openBlock as t, createElementVNode as o, createBlock as m, createCommentVNode as h, unref as n, withCtx as c, createVNode as d, Fragment as v, nextTick as B } from "vue";
+import { ScalarButton as f, ScalarMarkdown as C } from "@scalar/components";
 import { ScalarIconPencil as b } from "@scalar/icons";
-import V from "../../../components/code-input/CodeInput.vue.js";
-const h = { class: "flex flex-col gap-2" }, z = { class: "flex items-center justify-between gap-2 pl-1.5" }, R = { class: "has-[:focus-visible]:bg-b-1 group rounded-lg" }, S = {
+import I from "../../../components/code-input/CodeInput.vue.js";
+const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center justify-between gap-2 pl-1.5" }, N = { class: "has-[:focus-visible]:bg-b-1 group rounded-lg" }, R = {
   key: 1,
   class: "text-c-3 flex items-center justify-center rounded-lg border p-4"
 }, j = /* @__PURE__ */ g({
@@ -11,28 +11,31 @@ const h = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
     document: {},
     eventBus: {},
     layout: {},
+    path: {},
+    method: {},
+    exampleName: {},
     environment: {},
     workspaceStore: {},
     collectionType: {}
   },
   setup(k) {
-    const u = y(
+    const u = x(
       () => k.document?.info?.description ?? ""
-    ), a = x("preview"), p = w("codeInputRef"), l = async (s) => {
-      a.value = s, s === "edit" && (await C(), p.value?.focus());
+    ), a = y("preview"), p = w("codeInputRef"), r = async (s) => {
+      a.value = s, s === "edit" && (await B(), p.value?.focus());
     };
-    return (s, e) => (t(), i("div", h, [
+    return (s, e) => (t(), i("div", V, [
       o("div", z, [
         e[6] || (e[6] = o("h3", { class: "font-bold" }, "Description", -1)),
-        a.value === "preview" ? (t(), c(n(f), {
+        a.value === "preview" ? (t(), m(n(f), {
           key: 0,
           class: "text-c-2 hover:text-c-1 flex items-center gap-2",
           size: "sm",
           type: "button",
           variant: "outlined",
-          onClick: e[0] || (e[0] = (r) => l("edit"))
+          onClick: e[0] || (e[0] = (l) => r("edit"))
         }, {
-          default: m(() => [
+          default: c(() => [
             d(n(b), {
               size: "sm",
               thickness: "1.5"
@@ -40,26 +43,26 @@ const h = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
             e[5] || (e[5] = o("span", null, "Edit", -1))
           ]),
           _: 1
-        })) : B("", !0)
+        })) : h("", !0)
       ]),
-      o("div", R, [
+      o("div", N, [
         a.value === "preview" ? (t(), i(v, { key: 0 }, [
           u.value.trim().length ? (t(), i(v, { key: 0 }, [
-            d(n(I), {
+            d(n(C), {
               class: "flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
               value: u.value,
               withImages: "",
-              onDblclick: e[1] || (e[1] = (r) => l("edit"))
+              onDblclick: e[1] || (e[1] = (l) => r("edit"))
             }, null, 8, ["value"]),
             e[7] || (e[7] = o("div", { class: "brightness-lifted bg-b-1 absolute inset-0 -z-1 hidden rounded group-hover:block group-has-[:focus-visible]:hidden" }, null, -1))
-          ], 64)) : (t(), i("div", S, [
+          ], 64)) : (t(), i("div", R, [
             d(n(f), {
               class: "hover:bg-b-2 hover:text-c-1 text-c-2 flex items-center gap-2",
               size: "sm",
               variant: "ghost",
-              onClick: e[2] || (e[2] = (r) => l("edit"))
+              onClick: e[2] || (e[2] = (l) => r("edit"))
             }, {
-              default: m(() => [
+              default: c(() => [
                 d(n(b), {
                   size: "sm",
                   thickness: "1.5"
@@ -69,7 +72,7 @@ const h = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
               _: 1
             })
           ]))
-        ], 64)) : (t(), c(n(V), {
+        ], 64)) : (t(), m(n(I), {
           key: 1,
           ref_key: "codeInputRef",
           ref: p,
@@ -77,8 +80,8 @@ const h = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
           environment: void 0,
           layout: s.layout,
           modelValue: u.value,
-          onBlur: e[3] || (e[3] = (r) => l("preview")),
-          "onUpdate:modelValue": e[4] || (e[4] = (r) => s.eventBus.emit("document:update:info", { description: r }))
+          onBlur: e[3] || (e[3] = (l) => r("preview")),
+          "onUpdate:modelValue": e[4] || (e[4] = (l) => s.eventBus.emit("document:update:info", { description: l }))
         }, null, 8, ["layout", "modelValue"]))
       ])
     ]));

package/dist/v2/features/collection/components/Servers.vue.d.ts

@@ -1,33 +1,15 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/server';
-import type { EnvVariable } from '../../../../store/index.js';
-import type { createStoreEvents } from '../../../../store/events.js';
-type __VLS_Props = {
-    /** List of server objects */
-    servers: ServerObject[];
-    /** Event bus */
-    events: ReturnType<typeof createStoreEvents>;
-    environment: Environment;
-    envVariables: EnvVariable[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "server:delete": (payload: {
-        serverUrl: string;
-    }) => any;
-    "server:update:variable": (payload: {
-        serverUrl: string;
-        name: string;
-        value: string;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onServer:delete"?: ((payload: {
-        serverUrl: string;
-    }) => any) | undefined;
-    "onServer:update:variable"?: ((payload: {
-        serverUrl: string;
-        name: string;
-        value: string;
-    }) => any) | undefined;
-}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const _default: import("vue").DefineComponent<(import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+}), {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<(import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "document";
+    document: import("@scalar/workspace-store/schemas").WorkspaceDocument;
+}) | (import("../../../../v2/features/app/helpers/routes.js").RouteProps & {
+    collectionType: "workspace";
+    document: null;
+})> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
 //# sourceMappingURL=Servers.vue.d.ts.map

package/dist/v2/features/collection/components/Servers.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Servers.vue"],"names":[],"mappings":"AAoKA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oDAAoD,CAAA;AAKtF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gBAAgB,CAAA;AAIvD,KAAK,WAAW,GAAG;IACjB,6BAA6B;IAC7B,OAAO,EAAE,YAAY,EAAE,CAAA;IACvB,gBAAgB;IAChB,MAAM,EAAE,UAAU,CAAC,OAAO,iBAAiB,CAAC,CAAA;IAG5C,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;mBAI2C,MAAM;;;mBAGzB,MAAM;cAAQ,MAAM;eAAS,MAAM;;;;mBAHhB,MAAM;;;mBAGzB,MAAM;cAAQ,MAAM;eAAS,MAAM;;;AAoW7D,wBAOG"}
+{"version":3,"file":"Servers.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Servers.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAqjBA,wBAMG"}

package/dist/v2/features/collection/components/Servers.vue2.js

@@ -1,120 +1,141 @@
-import { defineComponent as k, ref as U, createElementBlock as d, openBlock as l, Fragment as f, createElementVNode as a, createBlock as m, createCommentVNode as b, createStaticVNode as w, renderList as V, createVNode as s, unref as t, toDisplayString as C, withCtx as p } from "vue";
-import { useModal as $, ScalarMarkdown as A, ScalarButton as h, ScalarModal as M } from "@scalar/components";
-import { ScalarIconTrash as N, ScalarIconPlus as D } from "@scalar/icons";
-import B from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import P from "./Form.vue.js";
-import j from "../../../../components/Server/ServerVariablesForm.vue.js";
-const z = { class: "flex flex-col gap-4" }, I = { class: "rounded-lg border" }, L = { class: "bg-b-2 flex items-start justify-between rounded-t-lg py-1 pr-1 pl-3 text-sm" }, E = {
+import { defineComponent as M, ref as A, computed as x, createElementBlock as v, openBlock as c, Fragment as S, createElementVNode as r, createVNode as l, createTextVNode as g, renderList as I, createBlock as y, unref as s, toDisplayString as T, withCtx as f, createCommentVNode as V } from "vue";
+import { useModal as P, ScalarMarkdown as z, ScalarButton as _, ScalarModal as L } from "@scalar/components";
+import { debounce as O } from "@scalar/helpers/general/debounce";
+import { ScalarIconTrash as R, ScalarIconPlus as j } from "@scalar/icons";
+import E from "../../../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import F from "./Form.vue.js";
+import W from "../../../../components/Server/ServerVariablesForm.vue.js";
+const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }, G = { class: "bg-b-2 flex items-center justify-between rounded-t-lg px-3 py-1 text-sm" }, H = {
   key: 1,
   class: "self-center"
-}, R = { class: "divide-0. flex w-full flex-col divide-y rounded-b-lg text-sm" }, T = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, K = /* @__PURE__ */ k({
+}, J = { class: "divide-0 flex w-full flex-col divide-y rounded-b-lg text-sm" }, K = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, se = /* @__PURE__ */ M({
   __name: "Servers",
   props: {
-    servers: {},
-    events: {},
+    document: {},
+    eventBus: {},
+    layout: {},
+    path: {},
+    method: {},
+    exampleName: {},
     environment: {},
-    envVariables: {}
+    workspaceStore: {},
+    collectionType: {}
   },
-  emits: ["server:delete", "server:update:variable"],
-  setup(x, { emit: g }) {
-    const c = g, v = $(), n = U(null), y = (o) => {
-      n.value = o, v.show();
-    }, S = () => {
-      x.events.commandPalette.emit({ commandName: "Add Server" });
-    };
-    return (o, r) => (l(), d(f, null, [
-      a("div", z, [
-        r[3] || (r[3] = w('<div class="flex items-start justify-between gap-2"><div class="flex flex-col gap-2"><div class="flex h-8 items-center"><h3 class="font-bold">Servers</h3></div><p class="text-sm"> Add different base URLs for your API. You can use <code class="font-code text-c-2">{variables}</code> for dynamic parts. </p></div></div>', 1)),
-        (l(!0), d(f, null, V(o.servers, (e, _) => (l(), d("div", {
-          key: e.url
-        }, [
-          a("div", I, [
-            a("div", L, [
-              e.description ? (l(), m(t(A), {
+  setup(o) {
+    const u = P(), n = A(-1), k = x(
+      () => o.document?.servers?.[n.value]
+    ), $ = x(() => o.document?.servers ?? []), B = [
+      {
+        label: "URL",
+        key: "url",
+        placeholder: "https://void.scalar.com"
+      },
+      {
+        label: "Description",
+        key: "description",
+        placeholder: "Production"
+      }
+    ], w = (t) => {
+      n.value = t, u.show();
+    }, p = () => {
+      u.hide(), n.value = -1;
+    }, N = () => {
+      n.value < 0 || (o.eventBus.emit("server:delete:server", { index: n.value }), p());
+    }, { execute: b } = O({ delay: 328, maxWait: 1e3 }), U = (t, e, a) => b(
+      `${t}-${e}`,
+      () => o.eventBus.emit("server:update:server", {
+        index: t,
+        server: { [e]: a }
+      })
+    ), C = (t, e, a) => b(
+      `${t}-${e}`,
+      () => o.eventBus.emit("server:update:variables", {
+        index: t,
+        key: e,
+        value: a
+      })
+    ), D = () => o.eventBus.emit("server:add:server"), h = (t, e = 0) => t?.description || `Server ${e + 1}`;
+    return (t, e) => (c(), v(S, null, [
+      r("div", Y, [
+        e[1] || (e[1] = r("div", { class: "flex flex-col gap-2" }, [
+          r("h3", { class: "font-bold" }, "Servers"),
+          r("p", { class: "text-sm" }, [
+            g(" Add different base URLs for your API. You can use "),
+            r("code", { class: "font-code text-c-2" }, "{variables}"),
+            g(" for dynamic parts. ")
+          ])
+        ], -1)),
+        r("div", q, [
+          (c(!0), v(S, null, I($.value, (a, d) => (c(), v("div", {
+            key: d,
+            class: "rounded-lg border"
+          }, [
+            r("div", G, [
+              a.description ? (c(), y(s(z), {
                 key: 0,
                 class: "self-center",
-                value: e.description
-              }, null, 8, ["value"])) : (l(), d("span", E, " Server " + C(_ + 1), 1)),
-              s(t(h), {
+                value: a.description
+              }, null, 8, ["value"])) : (c(), v("span", H, T(h(a, d)), 1)),
+              l(s(_), {
                 class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
+                "data-testid": "delete-server-button",
                 variant: "ghost",
-                onClick: (i) => y(e.url)
+                onClick: (i) => w(d)
               }, {
-                default: p(() => [
-                  s(t(N), { class: "size-3.5" })
+                default: f(() => [
+                  l(s(R), { class: "size-3.5" })
                 ]),
                 _: 1
               }, 8, ["onClick"])
             ]),
-            a("div", R, [
-              s(P, {
-                data: e,
-                envVariables: o.envVariables,
-                environment: o.environment,
-                onUpdate: (i, u) => c("server:update:variable", {
-                  serverUrl: e.url,
-                  name: i,
-                  value: u
-                }),
-                options: [
-                  {
-                    label: "URL",
-                    key: "url",
-                    placeholder: "https://void.scalar.com"
-                  },
-                  {
-                    label: "Description",
-                    key: "description",
-                    placeholder: "Production"
-                  }
-                ]
-              }, null, 8, ["data", "envVariables", "environment", "onUpdate"]),
-              e.variables ? (l(), m(t(j), {
+            r("div", J, [
+              l(F, {
+                data: a,
+                environment: t.environment,
+                onUpdate: (i, m) => U(d, i, m),
+                options: B
+              }, null, 8, ["data", "environment", "onUpdate"]),
+              a.variables ? (c(), y(s(W), {
                 key: 0,
-                variables: e.variables,
-                "onUpdate:variable": (i, u) => c("server:update:variable", {
-                  serverUrl: e.url,
-                  name: i,
-                  value: u
-                })
-              }, null, 8, ["variables", "onUpdate:variable"])) : b("", !0)
+                variables: a.variables,
+                "onUpdate:variable": (i, m) => C(d, i, m)
+              }, null, 8, ["variables", "onUpdate:variable"])) : V("", !0)
             ])
-          ])
-        ]))), 128)),
-        a("div", T, [
-          s(t(h), {
+          ]))), 128))
+        ]),
+        r("div", K, [
+          l(s(_), {
             class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
             size: "sm",
             variant: "ghost",
-            onClick: S
+            onClick: D
           }, {
-            default: p(() => [
-              s(t(D)),
-              r[2] || (r[2] = a("span", null, "Add Server", -1))
+            default: f(() => [
+              l(s(j)),
+              e[0] || (e[0] = r("span", null, "Add Server", -1))
             ]),
             _: 1
           })
         ])
       ]),
-      n.value ? (l(), m(t(M), {
-        key: 0,
+      l(s(L), {
         size: "xxs",
-        state: t(v),
-        title: `Delete ${n.value ?? "Server"}`
+        state: s(u),
+        title: `Delete ${h(k.value, n.value)}`
       }, {
-        default: p(() => [
-          s(B, {
+        default: f(() => [
+          l(E, {
             variableName: "Server",
             warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
-            onClose: r[0] || (r[0] = (e) => t(v).hide()),
-            onDelete: r[1] || (r[1] = (e) => c("server:delete", { serverUrl: n.value }))
+            onClose: p,
+            onDelete: N
           })
         ]),
         _: 1
-      }, 8, ["state", "title"])) : b("", !0)
+      }, 8, ["state", "title"])
     ], 64));
   }
 });
 export {
-  K as default
+  se as default
 };

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentVariablesTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesTable.vue"],"names":[],"mappings":"AAgMA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAWnH,KAAK,WAAW,GAAG;IACf,WAAW,EAAE,kBAAkB,CAAA;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;;AAkVrB,wBAMG"}
+{"version":3,"file":"EnvironmentVariablesTable.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/EnvironmentVariablesTable.vue"],"names":[],"mappings":"AA6LA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAWnH,KAAK,WAAW,GAAG;IACf,WAAW,EAAE,kBAAkB,CAAA;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;;AAiVrB,wBAMG"}

package/dist/v2/features/environments/components/EnvironmentVariablesTable.vue.js

@@ -1,7 +1,7 @@
-import a from "./EnvironmentVariablesTable.vue2.js";
+import o from "./EnvironmentVariablesTable.vue2.js";
 /* empty css                               */
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ o(a, [["__scopeId", "data-v-572665aa"]]);
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-28c8509c"]]);
 export {
   m as default
 };

package/dist/v2/features/modal/Modal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAiRA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAapE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAA;AAGzF,MAAM,MAAM,UAAU,GAAG;IACvB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;;AACH,wBAiOC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AA6RA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAapE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,qDAAqD,CAAA;AAIzF,MAAM,MAAM,UAAU,GAAG;IACvB,cAAc,EAAE,cAAc,CAAA;IAC9B,cAAc,EAAE,cAAc,CAAA;IAC9B,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAED;;;;GAIG;;AACH,wBA6OC"}

package/dist/v2/features/modal/Modal.vue.js

@@ -1,7 +1,7 @@
 import o from "./Modal.vue2.js";
 /* empty css           */
-import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-71a87d8c"]]);
+import d from "../../../_virtual/_plugin-vue_export-helper.js";
+const f = /* @__PURE__ */ d(o, [["__scopeId", "data-v-ddfe1d6d"]]);
 export {
-  p as default
+  f as default
 };