@scalar/api-client 2.8.0 → 2.9.0

package/dist/v2/hooks/use-document-watcher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-watcher.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-document-watcher.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,gBAAgB,EAA4B,MAAM,KAAK,CAAA;AAErE;;;;;;;;;;;;;;;;;;;GAmBG;AACH,eAAO,MAAM,kBAAkB,GAAI,0CAIhC;IACD,YAAY,EAAE,gBAAgB,CAAC,MAAM,CAAC,CAAA;IACtC,KAAK,EAAE,cAAc,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;CACxB,SA4DA,CAAA"}

package/dist/v2/hooks/use-document-watcher.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=use-document-watcher.test.d.ts.map

package/dist/v2/hooks/use-document-watcher.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-document-watcher.test.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-document-watcher.test.ts"],"names":[],"mappings":""}

package/dist/v2/hooks/use-workspace-client-events.d.ts

@@ -0,0 +1,8 @@
+import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
+import type { ComputedRef } from 'vue';
+/**
+ * Top level state mutation handling for the workspace store in the client
+ */
+export declare const useWorkspaceClientEvents: (eventBus: WorkspaceEventBus, document: ComputedRef<WorkspaceDocument | null>) => void;
+//# sourceMappingURL=use-workspace-client-events.d.ts.map

package/dist/v2/hooks/use-workspace-client-events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-workspace-client-events.d.ts","sourceRoot":"","sources":["../../../src/v2/hooks/use-workspace-client-events.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAGvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAElF,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,KAAK,CAAA;AAEtC;;GAEG;AACH,eAAO,MAAM,wBAAwB,GACnC,UAAU,iBAAiB,EAC3B,UAAU,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,SAehD,CAAA"}

package/dist/v2/hooks/use-workspace-client-events.js

@@ -0,0 +1,13 @@
+import { mergeObjects as i } from "@scalar/workspace-store/helpers/merge-object";
+const l = (a, e) => {
+  a.on(
+    "update:document-icon",
+    (o) => e.value && (e.value["x-scalar-client-config-icon"] = o)
+  ), a.on(
+    "update:document-info",
+    (o) => e.value && (e.value.info = i(e.value.info, o))
+  );
+};
+export {
+  l as useWorkspaceClientEvents
+};

package/dist/v2/plugins.d.ts

@@ -0,0 +1,44 @@
+import type { ResponseInstance } from '@scalar/oas-utils/entities/spec';
+import type { OperationObject } from '@scalar/workspace-store/schemas/v3.1/strict/operation';
+import type { Component } from 'vue';
+/**
+ * ClientPlugin is used to extend the API Client with custom hooks and UI components.
+ *
+ * Example usage:
+ *
+ * const myPlugin: ClientPlugin = {
+ *   hooks: {
+ *     beforeRequest: (request) => {
+ *       // Modify the request before it is sent
+ *       request.headers.set('X-Custom-Header', 'foo');
+ *       return request;
+ *     },
+ *     responseReceived: async (response, operation) => {
+ *       // Handle post-response logic
+ *       const data = await response.json();
+ *       console.log('Received:', data, 'for operation:', operation.operationId);
+ *     }
+ *   },
+ *   components: {
+ *     request: MyRequestComponent, // Custom Vue component for rendering the request section
+ *     response: MyResponseComponent // Custom Vue component for rendering the response section
+ *   }
+ * }
+ */
+export type ClientPlugin = {
+    hooks?: Partial<{
+        beforeRequest: (request: Request) => Request | Promise<Request>;
+        responseReceived: (response: Response, operation: Record<string, any>) => void | Promise<void>;
+    }>;
+    components?: Partial<{
+        request: Component<{
+            operation: OperationObject;
+            selectedExample?: string;
+        }>;
+        response: Component<{
+            request?: Request;
+            response?: ResponseInstance;
+        }>;
+    }>;
+};
+//# sourceMappingURL=plugins.d.ts.map

package/dist/v2/plugins.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"plugins.d.ts","sourceRoot":"","sources":["../../src/v2/plugins.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAA;AACvE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,uDAAuD,CAAA;AAC5F,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAA;AACpC;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AACH,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,CAAC,EAAE,OAAO,CAAC;QACd,aAAa,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAA;QAC/D,gBAAgB,EAAE,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;KAC/F,CAAC,CAAA;IACF,UAAU,CAAC,EAAE,OAAO,CAAC;QACnB,OAAO,EAAE,SAAS,CAAC;YAAE,SAAS,EAAE,eAAe,CAAC;YAAC,eAAe,CAAC,EAAE,MAAM,CAAA;SAAE,CAAC,CAAA;QAC5E,QAAQ,EAAE,SAAS,CAAC;YAAE,OAAO,CAAC,EAAE,OAAO,CAAC;YAAC,QAAQ,CAAC,EAAE,gBAAgB,CAAA;SAAE,CAAC,CAAA;KACxE,CAAC,CAAA;CACH,CAAA"}

package/dist/v2/types/layout.d.ts

@@ -0,0 +1,10 @@
+/**
+ * The layout of the client
+ *  - modal: has no router, just sets active entities directly
+ *  - web: uses the standard HTML5 history API
+ *  - desktop: the electron app, uses the file routing API
+ *
+ * @default 'desktop'
+ */
+export type ClientLayout = 'modal' | 'web' | 'desktop';
+//# sourceMappingURL=layout.d.ts.map

package/dist/v2/types/layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"layout.d.ts","sourceRoot":"","sources":["../../../src/v2/types/layout.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA"}

package/dist/views/Collection/Collection.vue2.js

@@ -3,13 +3,13 @@ import { useScroll as x } from "@vueuse/core";
 import { useRouter as v, RouterView as w } from "vue-router";
 import k from "../../components/ViewLayout/ViewLayout.vue.js";
 import y from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import q from "./CollectionNavigation.vue.js";
-import { useActiveEntities as C } from "../../store/active-entities.js";
-import { PathId as R } from "../../routes.js";
+import { PathId as q } from "../../routes.js";
+import C from "./CollectionNavigation.vue.js";
+import { useActiveEntities as R } from "../../store/active-entities.js";
 const S = { class: "w-full md:mx-auto md:max-w-[720px]" }, P = /* @__PURE__ */ f({
   __name: "Collection",
   setup(V) {
-    const { activeCollection: i } = C(), m = v(), o = l(null), { y: c } = x(o), a = u(() => c.value > 104);
+    const { activeCollection: i } = R(), m = v(), o = l(null), { y: c } = x(o), a = u(() => c.value > 104);
     return n(
       i,
       (t) => {
@@ -17,7 +17,7 @@ const S = { class: "w-full md:mx-auto md:max-w-[720px]" }, P = /* @__PURE__ */ f
           const r = t.requests[0];
           m.push({
             name: "request",
-            params: { [R.Request]: r }
+            params: { [q.Request]: r }
           });
         }
       },
@@ -32,7 +32,7 @@ const S = { class: "w-full md:mx-auto md:max-w-[720px]" }, P = /* @__PURE__ */ f
       default: s(() => [
         e(y, { class: "xl:h-fit" }, {
           default: s(() => [
-            e(q, { isSticky: a.value }, null, 8, ["isSticky"]),
+            e(C, { isSticky: a.value }, null, 8, ["isSticky"]),
             d("div", S, [
               e(h(w))
             ])

package/dist/views/Collection/CollectionCookies.vue2.js

@@ -4,9 +4,9 @@ const c = /* @__PURE__ */ o({
   __name: "CollectionCookies",
   setup(l) {
     return (m, e) => (n(), t(_, null, {
-      title: r(() => e[0] || (e[0] = [
-        i("Cookies")
-      ])),
+      title: r(() => [...e[0] || (e[0] = [
+        i("Cookies", -1)
+      ])]),
       _: 1
     }));
   }

package/dist/views/Collection/CollectionEnvironment.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as q, ref as k, computed as J, createBlock as F, openBlock as E, withCtx as u, createElementVNode as a, createVNode as r, createElementBlock as L, createTextVNode as M, Fragment as U, renderList as G, unref as e, createCommentVNode as H, normalizeStyle as K, toDisplayString as P } from "vue";
+import { defineComponent as q, ref as k, computed as J, createBlock as F, openBlock as _, withCtx as u, createElementVNode as a, createVNode as r, createElementBlock as L, createTextVNode as M, Fragment as U, renderList as G, unref as e, createCommentVNode as H, normalizeStyle as K, toDisplayString as P } from "vue";
 import { useModal as C, ScalarButton as y, ScalarIcon as Q, ScalarModal as I } from "@scalar/components";
 import { Draggable as X } from "@scalar/draggable";
 import { ScalarIconTrash as Y } from "@scalar/icons";
@@ -13,7 +13,7 @@ import { useWorkspace as ae } from "../../store/store.js";
 const re = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, ie = { class: "flex flex-col gap-4" }, ce = { class: "rounded-lg border" }, de = { class: "bg-b-2 flex cursor-grab items-center justify-between rounded-t-lg px-1 py-1 text-sm" }, ue = { class: "flex items-center" }, ve = ["onClick"], me = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, $e = /* @__PURE__ */ q({
   __name: "CollectionEnvironment",
   setup(fe) {
-    const { activeCollection: n, activeWorkspace: w, activeEnvVariables: S } = se(), { collectionMutators: m } = ae(), x = C(), b = C(), h = C(), g = C(), $ = k(""), l = k(null), _ = k(void 0), D = J(() => n.value?.["x-scalar-environments"] ? Object.entries(n.value["x-scalar-environments"]).map(
+    const { activeCollection: n, activeWorkspace: w, activeEnvVariables: S } = se(), { collectionMutators: m } = ae(), x = C(), b = C(), h = C(), g = C(), $ = k(""), l = k(null), E = k(void 0), D = J(() => n.value?.["x-scalar-environments"] ? Object.entries(n.value["x-scalar-environments"]).map(
       ([o, t]) => ({
         uid: o,
         name: o,
@@ -54,9 +54,9 @@ const re = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, ie = { c
         t
       ), x.hide();
     }, A = (o) => {
-      l.value = o, _.value = o, g.show();
+      l.value = o, E.value = o, g.show();
     }, B = () => {
-      l.value = null, _.value = void 0, g.hide();
+      l.value = null, E.value = void 0, g.hide();
     }, W = (o) => {
       if (!n.value?.uid || !l.value)
         return;
@@ -72,7 +72,7 @@ const re = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, ie = { c
         n.value.uid,
         "x-scalar-environments",
         i
-      ), l.value = null, _.value = void 0, g.hide();
+      ), l.value = null, E.value = void 0, g.hide();
     }, R = (o, t) => {
       if (!n.value?.uid)
         return;
@@ -88,7 +88,7 @@ const re = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, ie = { c
         i
       ));
     };
-    return (o, t) => (E(), F(te, null, {
+    return (o, t) => (_(), F(te, null, {
       default: u(() => [
         a("div", re, [
           a("div", ie, [
@@ -104,7 +104,7 @@ const re = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, ie = { c
                 ])
               ])
             ], -1)),
-            (E(!0), L(U, null, G(D.value, (s) => (E(), F(e(X), {
+            (_(!0), L(U, null, G(D.value, (s) => (_(), F(e(X), {
               key: s.name,
               id: s.name,
               isDraggable: !0,
@@ -142,10 +142,10 @@ const re = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, ie = { c
                       default: u(() => [
                         r(e(Y), { class: "size-3.5" })
                       ]),
-                      _: 2
-                    }, 1032, ["onClick"])
+                      _: 1
+                    }, 8, ["onClick"])
                   ]),
-                  e(n) && e(w) ? (E(), F(le, {
+                  e(n) && e(w) ? (_(), F(le, {
                     key: 0,
                     collection: e(n),
                     environment: s,
@@ -172,8 +172,7 @@ const re = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, ie = { c
                   }),
                   t[4] || (t[4] = a("span", null, "Add Environment", -1))
                 ]),
-                _: 1,
-                __: [4]
+                _: 1
               })
             ])
           ]),
@@ -212,7 +211,7 @@ const re = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, ie = { c
           }, {
             default: u(() => [
               r(ee, {
-                name: _.value ?? "",
+                name: E.value ?? "",
                 onClose: B,
                 onEdit: W
               }, null, 8, ["name"])

package/dist/views/Collection/CollectionScripts.vue2.js

@@ -4,9 +4,9 @@ const s = /* @__PURE__ */ e({
   __name: "CollectionScripts",
   setup(c) {
     return (_, t) => (r(), o(p, null, {
-      title: n(() => t[0] || (t[0] = [
-        i("Scripts")
-      ])),
+      title: n(() => [...t[0] || (t[0] = [
+        i("Scripts", -1)
+      ])]),
       _: 1
     }));
   }

package/dist/views/Collection/CollectionServerForm.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionServerForm.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Collection/CollectionServerForm.vue"],"names":[],"mappings":"AA0KA,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC/B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC7B,CAAC;;kBAFc,MAAM,GAAG,MAAM,EAAE;eACpB,MAAM,GAAG,MAAM,EAAE;;AAkNhC,wBAOG"}
+{"version":3,"file":"CollectionServerForm.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Collection/CollectionServerForm.vue"],"names":[],"mappings":"AAqKA,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;IAC/B,SAAS,EAAE,MAAM,GAAG,MAAM,EAAE,CAAA;CAC7B,CAAC;;kBAFc,MAAM,GAAG,MAAM,EAAE;eACpB,MAAM,GAAG,MAAM,EAAE;;AA6MhC,wBAOG"}

package/dist/views/Collection/CollectionServerForm.vue.js

@@ -1,18 +1,17 @@
-import { defineComponent as h, computed as c, watch as k, useTemplateRef as x, createElementBlock as v, openBlock as s, normalizeClass as C, createCommentVNode as n, Fragment as E, createVNode as S, createBlock as y } from "vue";
-import { REGEX as g } from "@scalar/oas-utils/helpers";
-import { emitCustomEvent as u } from "@scalar/workspace-store/events";
-import w from "../../components/Form/Form.vue.js";
-import O from "../../components/Server/ServerVariablesForm.vue.js";
-import { useActiveEntities as B } from "../../store/active-entities.js";
-import { useWorkspace as R } from "../../store/store.js";
-const $ = /* @__PURE__ */ h({
+import { defineComponent as _, computed as c, watch as h, createElementBlock as u, openBlock as o, normalizeClass as k, createCommentVNode as n, Fragment as x, createVNode as y, createBlock as U } from "vue";
+import { REGEX as C } from "@scalar/oas-utils/helpers";
+import E from "../../components/Form/Form.vue.js";
+import g from "../../components/Server/ServerVariablesForm.vue.js";
+import { useActiveEntities as S } from "../../store/active-entities.js";
+import { useWorkspace as B } from "../../store/store.js";
+const W = /* @__PURE__ */ _({
   __name: "CollectionServerForm",
   props: {
     collectionId: { default: "" },
     serverUid: { default: "" }
   },
-  setup(p) {
-    const l = p, { activeWorkspaceCollections: d } = B(), { servers: f, serverMutators: o } = R(), m = [
+  setup(v) {
+    const l = v, { activeWorkspaceCollections: s } = S(), { servers: d, serverMutators: i } = B(), p = [
       {
         label: "URL",
         key: "url",
@@ -25,71 +24,52 @@ const $ = /* @__PURE__ */ h({
         placeholder: "Production",
         type: "text"
       }
-    ], r = c(() => {
-      const e = d.value.find(
-        (t) => t.uid === l.collectionId
+    ], e = c(() => {
+      const r = s.value.find(
+        (a) => a.uid === l.collectionId
       );
-      return f[e && typeof l.serverUid == "string" && l.serverUid === "default" ? e.servers[0] ?? "" : e?.servers.find((t) => t === l.serverUid) ?? ""];
-    }), b = c(() => r.value?.url ? r.value.url.match(g.PATH)?.map((e) => e.slice(1, -1)) ?? [] : []);
-    k(
-      b,
-      (e) => {
-        if (!r.value)
+      return d[r && typeof l.serverUid == "string" && l.serverUid === "default" ? r.servers[0] ?? "" : r?.servers.find((a) => a === l.serverUid) ?? ""];
+    }), f = c(() => e.value?.url ? e.value.url.match(C.PATH)?.map((r) => r.slice(1, -1)) ?? [] : []);
+    h(
+      f,
+      (r) => {
+        if (!e.value)
           return;
-        const t = r.value.variables ? { ...r.value.variables } : {};
-        Object.keys(t).forEach((a) => {
-          e.includes(a) || delete t[a];
-        }), e.forEach((a) => {
-          t[a] || (t[a] = { default: "" });
-        }), o.edit(r.value.uid, "variables", t), u(i.value, "store-update-selected-server-properties", {
-          key: "variables",
-          value: t,
-          options: {
-            disableOldStoreUpdate: !0
-          }
-        });
+        const a = e.value.variables ? { ...e.value.variables } : {};
+        Object.keys(a).forEach((t) => {
+          r.includes(t) || delete a[t];
+        }), r.forEach((t) => {
+          a[t] || (a[t] = { default: "" });
+        }), i.edit(e.value.uid, "variables", a);
       },
       { immediate: !0 }
     );
-    const U = (e, t) => {
-      !d.value || !r.value || (o.edit(r.value.uid, e, t), (e === "url" || e === "description") && u(i.value, "store-update-selected-server-properties", {
-        key: e,
-        value: t,
-        options: {
-          disableOldStoreUpdate: !0
-        }
-      }));
-    }, _ = (e, t) => {
-      if (!r.value)
+    const m = (r, a) => {
+      !s.value || !e.value || i.edit(e.value.uid, r, a);
+    }, b = (r, a) => {
+      if (!e.value)
         return;
-      const a = r.value.variables || {};
-      a[e] = { ...a[e], default: t }, o.edit(r.value.uid, "variables", a), u(i.value, "store-update-selected-server-properties", {
-        key: "variables",
-        value: a,
-        options: {
-          disableOldStoreUpdate: !0
-        }
-      });
-    }, i = x("wrapper-ref");
-    return (e, t) => (s(), v("div", {
-      ref: "wrapper-ref",
-      class: C(["divide-0.5 flex w-full flex-col divide-y rounded-b-lg text-sm", r.value?.variables && "bg-b-1"])
+      const t = e.value.variables || {};
+      t[r] = { ...t[r], default: a }, i.edit(e.value.uid, "variables", t);
+    };
+    return (r, a) => (o(), u("div", {
+      class: k(["divide-0.5 flex w-full flex-col divide-y rounded-b-lg text-sm", e.value?.variables && "bg-b-1"])
     }, [
-      r.value ? (s(), v(E, { key: 0 }, [
-        S(w, {
-          data: r.value,
-          onUpdate: U,
-          options: m
+      e.value ? (o(), u(x, { key: 0 }, [
+        y(E, {
+          data: e.value,
+          onUpdate: m,
+          options: p
         }, null, 8, ["data"]),
-        r.value.variables ? (s(), y(O, {
+        e.value.variables ? (o(), U(g, {
           key: 0,
-          variables: r.value.variables,
-          "onUpdate:variable": _
+          variables: e.value.variables,
+          "onUpdate:variable": b
         }, null, 8, ["variables"])) : n("", !0)
       ], 64)) : n("", !0)
     ], 2));
   }
 });
 export {
-  $ as default
+  W as default
 };

package/dist/views/Collection/CollectionServers.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CollectionServers.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Collection/CollectionServers.vue"],"names":[],"mappings":";AAydA,wBAKG"}
+{"version":3,"file":"CollectionServers.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Collection/CollectionServers.vue"],"names":[],"mappings":";AA8cA,wBAKG"}

package/dist/views/Collection/CollectionServers.vue2.js

@@ -1,101 +1,94 @@
-import { defineComponent as y, ref as w, computed as C, useTemplateRef as A, createElementBlock as u, openBlock as o, createElementVNode as n, createVNode as a, createStaticVNode as M, Fragment as N, renderList as D, createBlock as f, createCommentVNode as I, unref as e, toDisplayString as $, withCtx as v } from "vue";
-import { useModal as j, ScalarMarkdown as z, ScalarButton as m, ScalarIcon as B, ScalarModal as E } from "@scalar/components";
-import { ScalarIconTrash as U } from "@scalar/icons";
-import { emitCustomEvent as V } from "@scalar/workspace-store/events";
-import T from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import { useActiveEntities as L } from "../../store/active-entities.js";
-import P from "./CollectionServerForm.vue.js";
-import { useWorkspace as R } from "../../store/store.js";
-const F = {
-  ref: "wrapper-ref",
-  class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8"
-}, O = { class: "flex flex-col gap-4" }, W = { class: "rounded-lg border" }, Y = { class: "bg-b-2 flex items-start justify-between rounded-t-lg py-1 pr-1 pl-3 text-sm" }, q = {
+import { defineComponent as k, ref as y, computed as C, createElementBlock as d, openBlock as r, createElementVNode as a, createVNode as o, createStaticVNode as w, Fragment as A, renderList as M, createBlock as f, createCommentVNode as N, unref as e, toDisplayString as D, withCtx as v } from "vue";
+import { useModal as I, ScalarMarkdown as $, ScalarButton as m, ScalarIcon as j, ScalarModal as z } from "@scalar/components";
+import { ScalarIconTrash as B } from "@scalar/icons";
+import U from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
+import { useActiveEntities as V } from "../../store/active-entities.js";
+import E from "./CollectionServerForm.vue.js";
+import { useWorkspace as L } from "../../store/store.js";
+const P = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, T = { class: "flex flex-col gap-4" }, F = { class: "rounded-lg border" }, O = { class: "bg-b-2 flex items-start justify-between rounded-t-lg py-1 pr-1 pl-3 text-sm" }, R = {
   key: 1,
   class: "self-center"
-}, G = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, le = /* @__PURE__ */ y({
+}, W = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, ee = /* @__PURE__ */ k({
   __name: "CollectionServers",
-  setup(H) {
-    const { activeCollection: t } = L(), { servers: i, events: p, serverMutators: x } = R(), c = j(), r = w(null), h = C(() => !i || !t.value?.servers ? [] : Object.values(i).filter(
-      (d) => t.value?.servers.includes(d.uid)
+  setup(Y) {
+    const { activeCollection: t } = V(), { servers: u, events: p, serverMutators: x } = L(), i = I(), n = y(null), h = C(() => !u || !t.value?.servers ? [] : Object.values(u).filter(
+      (c) => t.value?.servers.includes(c.uid)
     )), _ = () => p.commandPalette.emit({
       commandName: "Add Server"
     }), S = () => {
-      !t.value?.uid || !r.value || (x.delete(r.value, t.value.uid), V(b.value, "scalar-delete-server", {
-        url: i[r.value]?.url ?? ""
-      }), c.hide());
-    }, g = (d) => {
-      r.value = d, c.show();
-    }, b = A("wrapper-ref");
-    return (d, s) => (o(), u("div", F, [
-      n("div", O, [
-        s[2] || (s[2] = M('<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)),
-        (o(!0), u(N, null, D(h.value, (l, k) => (o(), u("div", {
+      !t.value?.uid || !n.value || (x.delete(n.value, t.value.uid), i.hide());
+    }, g = (c) => {
+      n.value = c, i.show();
+    };
+    return (c, s) => (r(), d("div", P, [
+      a("div", T, [
+        s[2] || (s[2] = 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)),
+        (r(!0), d(A, null, M(h.value, (l, b) => (r(), d("div", {
           key: l.uid
         }, [
-          n("div", W, [
-            n("div", Y, [
-              l.description ? (o(), f(e(z), {
+          a("div", F, [
+            a("div", O, [
+              l.description ? (r(), f(e($), {
                 key: 0,
                 class: "self-center",
                 value: l.description
-              }, null, 8, ["value"])) : (o(), u("span", q, "Server " + $(k + 1), 1)),
-              a(e(m), {
+              }, null, 8, ["value"])) : (r(), d("span", R, "Server " + D(b + 1), 1)),
+              o(e(m), {
                 class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
                 variant: "ghost",
-                onClick: (J) => g(l.uid)
+                onClick: (q) => g(l.uid)
               }, {
                 default: v(() => [
-                  a(e(U), { class: "size-3.5" })
+                  o(e(B), { class: "size-3.5" })
                 ]),
-                _: 2
-              }, 1032, ["onClick"])
+                _: 1
+              }, 8, ["onClick"])
             ]),
-            e(t) ? (o(), f(P, {
+            e(t) ? (r(), f(E, {
               key: 0,
               collectionId: e(t).uid,
               serverUid: l.uid
-            }, null, 8, ["collectionId", "serverUid"])) : I("", !0)
+            }, null, 8, ["collectionId", "serverUid"])) : N("", !0)
           ])
         ]))), 128)),
-        n("div", G, [
-          a(e(m), {
+        a("div", W, [
+          o(e(m), {
             class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
             size: "sm",
             variant: "ghost",
             onClick: _
           }, {
             default: v(() => [
-              a(e(B), {
+              o(e(j), {
                 class: "inline-flex",
                 icon: "Add",
                 size: "sm",
                 thickness: "1.5"
               }),
-              s[1] || (s[1] = n("span", null, "Add Server", -1))
+              s[1] || (s[1] = a("span", null, "Add Server", -1))
             ]),
-            _: 1,
-            __: [1]
+            _: 1
           })
         ])
       ]),
-      a(e(E), {
+      o(e(z), {
         size: "xxs",
-        state: e(c),
-        title: `Delete ${r.value ? e(i)[r.value]?.url : "Server"}`
+        state: e(i),
+        title: `Delete ${n.value ? e(u)[n.value]?.url : "Server"}`
       }, {
         default: v(() => [
-          a(T, {
+          o(U, {
             variableName: "Server",
             warningMessage: "Are you sure you want to delete this server? This action cannot be undone.",
-            onClose: s[0] || (s[0] = (l) => e(c).hide()),
+            onClose: s[0] || (s[0] = (l) => e(i).hide()),
             onDelete: S
           })
         ]),
         _: 1
       }, 8, ["state", "title"])
-    ], 512));
+    ]));
   }
 });
 export {
-  le as default
+  ee as default
 };

package/dist/views/Collection/CollectionSettings.vue.js

@@ -1,7 +1,7 @@
 import o from "./CollectionSettings.vue2.js";
 /* empty css                        */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const i = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5170f3be"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-f353959a"]]);
 export {
-  i as default
+  f as default
 };

package/dist/views/Collection/CollectionSettings.vue2.js

@@ -2,8 +2,8 @@ import { defineComponent as _, createElementBlock as r, openBlock as d, Fragment
 import { useModal as C, ScalarToggle as y, ScalarIcon as p, ScalarButton as M, ScalarModal as U } from "@scalar/components";
 import { useRouter as D } from "vue-router";
 import N from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
-import { useActiveEntities as S } from "../../store/active-entities.js";
 import { PathId as v } from "../../routes.js";
+import { useActiveEntities as S } from "../../store/active-entities.js";
 import { useWorkspace as W } from "../../store/store.js";
 const T = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, V = { class: "flex flex-col gap-2" }, A = { class: "bg-b-2 rounded-lg border text-sm" }, B = { class: "bg-b-1 flex items-center justify-between gap-4 rounded-t-lg p-3" }, E = { class: "text-c-1 flex items-center overflow-x-auto border-t py-1.5 whitespace-nowrap" }, I = { class: "flex items-center" }, $ = ["href"], L = { class: "flex flex-col gap-4" }, O = { class: "flex items-center justify-between rounded-lg border p-3 text-sm" }, H = /* @__PURE__ */ _({
   __name: "CollectionSettings",
@@ -87,11 +87,10 @@ const T = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, V = { cla
               variant: "danger",
               onClick: t[0] || (t[0] = (w) => l(s).show())
             }, {
-              default: f(() => t[6] || (t[6] = [
-                m(" Delete Collection ")
-              ])),
-              _: 1,
-              __: [6]
+              default: f(() => [...t[6] || (t[6] = [
+                m(" Delete Collection ", -1)
+              ])]),
+              _: 1
             })
           ])
         ])

package/dist/views/Collection/CollectionSync.vue2.js

@@ -4,9 +4,9 @@ const a = /* @__PURE__ */ e({
   __name: "CollectionSync",
   setup(i) {
     return (l, t) => (n(), o(_, null, {
-      title: r(() => t[0] || (t[0] = [
-        c("Sync")
-      ])),
+      title: r(() => [...t[0] || (t[0] = [
+        c("Sync", -1)
+      ])]),
       _: 1
     }));
   }