@scalar/api-client 2.23.4 → 2.24.0

package/dist/v2/features/app/app-state.js

@@ -1,65 +1,65 @@
-import { isDefined as A } from "@scalar/helpers/array/is-defined";
-import { sortByOrder as V } from "@scalar/helpers/array/sort-by-order";
-import { isHttpMethod as Y } from "@scalar/helpers/http/is-http-method";
-import { createSidebarState as j, generateReverseIndex as z } from "@scalar/sidebar";
-import { createWorkspaceStore as C } from "@scalar/workspace-store/client";
-import { createWorkspaceEventBus as J } from "@scalar/workspace-store/events";
-import { generateUniqueValue as M } from "@scalar/workspace-store/helpers/generate-unique-value";
-import { getParentEntry as d } from "@scalar/workspace-store/navigation";
-import { createWorkspaceStorePersistence as G } from "@scalar/workspace-store/persistence";
-import { persistencePlugin as Q } from "@scalar/workspace-store/plugins/client";
-import { extensions as X } from "@scalar/workspace-store/schemas/extensions";
-import { shallowRef as E, computed as i, ref as p, watch as Z } from "vue";
-import { getActiveEnvironment as ee } from "../../helpers/get-active-environment.js";
+import { isDefined as B } from "@scalar/helpers/array/is-defined";
+import { sortByOrder as Y } from "@scalar/helpers/array/sort-by-order";
+import { isHttpMethod as j } from "@scalar/helpers/http/is-http-method";
+import { createSidebarState as z, generateReverseIndex as J } from "@scalar/sidebar";
+import { createWorkspaceStore as O } from "@scalar/workspace-store/client";
+import { createWorkspaceEventBus as M } from "@scalar/workspace-store/events";
+import { generateUniqueValue as G } from "@scalar/workspace-store/helpers/generate-unique-value";
+import { getParentEntry as v } from "@scalar/workspace-store/navigation";
+import { createWorkspaceStorePersistence as Q } from "@scalar/workspace-store/persistence";
+import { persistencePlugin as X } from "@scalar/workspace-store/plugins/client";
+import { extensions as Z } from "@scalar/workspace-store/schemas/extensions";
+import { shallowRef as T, computed as i, ref as p, watch as ee } from "vue";
+import { getActiveEnvironment as te } from "../../helpers/get-active-environment.js";
 import { getTabDetails as ae } from "../../helpers/get-tab-details.js";
-import { slugify as te } from "../../helpers/slugify.js";
-import { workspaceStorage as ne } from "../../helpers/storage.js";
-import { initializeAppEventHandlers as re } from "./app-events.js";
-const oe = 1e3, w = J({
+import { slugify as ne } from "../../helpers/slugify.js";
+import { workspaceStorage as re } from "../../helpers/storage.js";
+import { initializeAppEventHandlers as oe } from "./app-events.js";
+const se = 1e3, b = M({
   debug: !1
-}), v = p(void 0), k = p(void 0), x = p(void 0), B = p(void 0), O = p(void 0), L = p(void 0), h = p(!1), l = E(null);
-Z(l, (e) => {
-  e && e.afterEach((a) => ge(a));
+}), f = p(void 0), E = p(void 0), k = p(void 0), L = p(void 0), N = p(void 0), P = p(void 0), x = p(!1), u = T(null);
+ee(u, (e) => {
+  e && e.afterEach((t) => be(t));
 });
-const m = i(() => l.value?.currentRoute.value ?? null);
-function c(e, a) {
-  const t = a?.params[e];
-  if (typeof t == "string")
-    return e === "method" ? t && Y(t) ? t : void 0 : decodeURIComponent(t);
+const d = i(() => u.value?.currentRoute.value ?? null);
+function s(e, t) {
+  const a = t?.params[e];
+  if (typeof a == "string")
+    return e === "method" ? a && j(a) ? a : void 0 : decodeURIComponent(a);
 }
-const W = E(null), I = p([]), o = E(null), T = i(() => o.value?.workspace.documents[x.value ?? ""] || null), se = i(() => ee(o.value, T.value)), { workspace: g } = await G(), f = (e, a) => `${e}/${a}`;
-I.value = await g.getAll().then(
-  (e) => e.map(({ teamUid: a, namespace: t, slug: n, name: u }) => ({
-    id: f(t, n),
-    teamUid: a,
-    namespace: t,
+const D = T(null), h = p([]), o = T(null), R = i(() => o.value?.workspace.documents[k.value ?? ""] || null), ce = i(() => te(o.value, R.value)), { workspace: y } = await Q(), w = (e, t) => `${e}/${t}`;
+h.value = await y.getAll().then(
+  (e) => e.map(({ teamUid: t, namespace: a, slug: n, name: l }) => ({
+    id: w(a, n),
+    teamUid: t,
+    namespace: a,
     slug: n,
-    label: u
+    label: l
   }))
 );
-const ce = async ({ namespace: e, slug: a }) => C({
+const ue = async ({ namespace: e, slug: t }) => O({
   plugins: [
-    await Q({ workspaceId: f(e, a), debounceDelay: oe })
+    await X({ workspaceId: w(e, t), debounceDelay: se })
   ]
-}), ue = async (e, a) => {
-  const t = await g.getItem({ namespace: e, slug: a });
-  if (!t)
+}), le = async (e, t) => {
+  const a = await y.getItem({ namespace: e, slug: t });
+  if (!a)
     return {
       success: !1
     };
-  const n = await ce({ namespace: e, slug: a });
-  return n.loadWorkspace(t.workspace), W.value = { id: f(t.namespace, t.slug), label: t.name }, o.value = n, {
+  const n = await ue({ namespace: e, slug: t });
+  return n.loadWorkspace(a.workspace), D.value = { id: w(a.namespace, a.slug), label: a.name }, o.value = n, {
     success: !0,
     workspace: n.workspace
   };
-}, le = async ({
+}, ie = async ({
   name: e,
-  teamUid: a,
-  namespace: t,
+  teamUid: t,
+  namespace: a,
   slug: n
 }) => {
-  const u = C();
-  await u.addDocument({
+  const l = O();
+  await l.addDocument({
     name: "drafts",
     document: {
       openapi: "3.1.0",
@@ -76,275 +76,280 @@ const ce = async ({ namespace: e, slug: a }) => C({
       "x-scalar-icon": "interface-edit-tool-pencil"
     }
   });
-  const s = await g.setItem(
-    { namespace: t, slug: n },
+  const c = await y.setItem(
+    { namespace: a, slug: n },
     {
       name: e,
-      teamUid: a,
-      workspace: u.exportWorkspace()
+      teamUid: t,
+      workspace: l.exportWorkspace()
     }
   );
-  return I.value.push({
-    id: f(s.namespace, s.slug),
-    teamUid: s.teamUid,
-    namespace: s.namespace,
-    slug: s.slug,
-    label: s.name
-  }), s;
-}, N = async (e, a) => {
-  await l.value?.push({
+  return h.value.push({
+    id: w(c.namespace, c.slug),
+    teamUid: c.teamUid,
+    namespace: c.namespace,
+    slug: c.slug,
+    label: c.name
+  }), c;
+}, A = async (e, t) => {
+  await u.value?.push({
     name: "workspace.environment",
-    params: { namespace: e, workspaceSlug: a }
+    params: { namespace: e, workspaceSlug: t }
   });
-}, P = async ({
-  key: e,
-  name: a
+}, _ = async ({
+  teamUid: e,
+  namespace: t,
+  slug: a,
+  name: n
 }) => {
   o.value = null;
-  const t = await M({
-    defaultValue: e?.slug ?? a,
+  const l = await G({
+    defaultValue: a ?? n,
     // Use the provided id if it exists, otherwise use the name
-    validation: async (s) => !await g.has({ namespace: e?.namespace ?? "local", slug: s }),
+    validation: async (g) => !await y.has({ namespace: t ?? "local", slug: g }),
     maxRetries: 100,
-    transformation: te
+    transformation: ne
   });
-  if (!t)
+  if (!l)
     return;
-  const n = {
-    teamUid: e?.teamUid,
-    namespace: e?.namespace,
-    slug: t,
-    name: a
-  }, u = await le(n);
-  return await N(u.namespace, u.slug), u;
-}, ie = async (e, a) => {
-  o.value = null, h.value = !0;
-  const t = await ue(e, a);
-  if (t.success) {
-    const u = t.workspace["x-scalar-active-tab"] ?? 0, s = t.workspace["x-scalar-tabs"], D = s?.[u];
-    D && await l.value?.replace({
-      path: D.path,
-      query: m.value?.query ?? {}
-    }), s && u >= s.length && w.emit("tabs:update:tabs", {
+  const m = await ie({
+    teamUid: e,
+    namespace: t,
+    slug: l,
+    name: n
+  });
+  return await A(m.namespace, m.slug), m;
+}, pe = async (e, t) => {
+  o.value = null, x.value = !0;
+  const a = await le(e, t);
+  if (a.success) {
+    const c = a.workspace["x-scalar-active-tab"] ?? 0, m = a.workspace["x-scalar-tabs"], g = m?.[c];
+    g && await u.value?.replace({
+      path: g.path,
+      query: d.value?.query ?? {}
+    }), m && c >= m.length && b.emit("tabs:update:tabs", {
       "x-scalar-active-tab": 0
-    }), s || w.emit("tabs:update:tabs", {
-      "x-scalar-tabs": [U(m.value)],
+    }), m || b.emit("tabs:update:tabs", {
+      "x-scalar-tabs": [C(d.value)],
       "x-scalar-active-tab": 0
-    }), h.value = !1;
+    }), x.value = !1;
     return;
   }
-  const n = await P({
+  const n = h.value.find((c) => c.slug === "default") ?? h.value[0];
+  if (n)
+    return A(n.namespace, n.slug);
+  const l = await _({
     name: "Default Workspace",
-    key: { slug: "default" }
+    slug: "default"
   });
-  if (h.value = !1, !n)
+  if (x.value = !1, !l)
     return console.error("Failed to create the default workspace, something went wrong, can not load the workspace");
   r.reset();
-}, _ = i(() => {
+}, $ = i(() => {
   const e = o.value;
   if (!e)
     return [];
-  const a = e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents);
-  return V(Object.keys(e.workspace.documents), a, (t) => t).map((t) => e.workspace.documents[t]?.["x-scalar-navigation"]).filter(A);
-}), r = j(_), y = ({
+  const t = e.workspace["x-scalar-order"] ?? Object.keys(e.workspace.documents);
+  return Y(Object.keys(e.workspace.documents), t, (a) => a).map((a) => e.workspace.documents[a]?.["x-scalar-navigation"]).filter(B);
+}), r = z($), W = ({
   document: e,
-  path: a,
-  method: t,
+  path: t,
+  method: a,
   example: n
-}) => JSON.stringify([e, a, t, n].filter(A)), R = i(
-  () => z({
-    items: _.value,
+}) => JSON.stringify([e, t, a, n].filter(B)), U = i(
+  () => J({
+    items: $.value,
     nestedKey: "children",
     filter: (e) => e.type === "document" || e.type === "operation" || e.type === "example",
     getId: (e) => {
-      const a = d("document", e), t = d("operation", e);
-      return y({
-        document: a?.name ?? "",
-        path: t?.path,
-        method: t?.method,
+      const t = v("document", e), a = v("operation", e);
+      return W({
+        document: t?.name ?? "",
+        path: a?.path,
+        method: a?.method,
         example: e.type === "example" ? e.name : void 0
       });
     }
   })
-), b = (e) => {
-  const a = R.value.get(y(e));
-  return a || R.value.get(
-    y({
+), S = (e) => {
+  const t = U.value.get(W(e));
+  return t || U.value.get(
+    W({
       document: e.document,
       path: e.path,
       method: e.method
     })
   );
-}, $ = (e) => {
-  const a = r.getEntryById(e);
-  if (!a) {
+}, F = (e) => {
+  const t = r.getEntryById(e);
+  if (!t) {
     console.warn(`Could not find sidebar entry with id ${e} to select`);
     return;
   }
-  if (a.type === "document") {
+  if (t.type === "document") {
     if (r.selectedItem.value === e) {
       r.setExpanded(e, !r.isExpanded(e));
       return;
     }
-    return r.setSelected(e), r.setExpanded(e, !0), l.value?.push({
+    return r.setSelected(e), r.setExpanded(e, !0), u.value?.push({
       name: "document.overview",
-      params: { documentSlug: a.name }
+      params: { documentSlug: t.name }
     });
   }
-  if (a.type === "operation") {
+  if (t.type === "operation") {
     if (r.isSelected(e)) {
       r.setExpanded(e, !r.isExpanded(e));
       return;
     }
-    const t = a.children?.find((n) => n.type === "example");
-    return t ? (r.setSelected(t.id), r.setExpanded(t.id, !0)) : r.setSelected(e), l.value?.push({
+    const a = t.children?.find((n) => n.type === "example");
+    return a ? (r.setSelected(a.id), r.setExpanded(a.id, !0)) : r.setSelected(e), u.value?.push({
       name: "example",
       params: {
-        documentSlug: d("document", a)?.name,
-        pathEncoded: encodeURIComponent(a.path),
-        method: a.method,
-        exampleName: t?.name ?? "default"
+        documentSlug: v("document", t)?.name,
+        pathEncoded: encodeURIComponent(t.path),
+        method: t.method,
+        exampleName: a?.name ?? "default"
       }
     });
   }
-  if (a.type === "example") {
+  if (t.type === "example") {
     r.setSelected(e);
-    const t = d("operation", a);
-    return l.value?.push({
+    const a = v("operation", t);
+    return u.value?.push({
       name: "example",
       params: {
-        documentSlug: d("document", a)?.name,
-        pathEncoded: encodeURIComponent(t?.path ?? ""),
-        method: t?.method,
-        exampleName: a.name
+        documentSlug: v("document", t)?.name,
+        pathEncoded: encodeURIComponent(a?.path ?? ""),
+        method: a?.method,
+        exampleName: t.name
       }
     });
   }
-  if (a.type === "text")
-    return l.value?.push({
+  if (t.type === "text")
+    return u.value?.push({
       name: "document.overview",
       params: {
-        documentSlug: d("document", a)?.name
+        documentSlug: v("document", t)?.name
       }
     });
   r.setExpanded(e, !r.isExpanded(e));
-}, pe = async () => {
+}, me = async () => {
   if (!o.value)
     return;
-  const e = o.value.workspace["x-scalar-active-tab"] ?? 0, a = o.value.workspace["x-scalar-tabs"]?.[e];
-  a && await l.value?.replace(a.path);
-}, F = (e) => {
+  const e = o.value.workspace["x-scalar-active-tab"] ?? 0, t = o.value.workspace["x-scalar-tabs"]?.[e];
+  t && await u.value?.replace(t.path);
+}, K = (e) => {
   e && o.value?.buildSidebar(e);
-}, me = (e) => {
-  const a = T.value?.["x-scalar-navigation"]?.name;
-  if (!a)
+}, de = (e) => {
+  const t = R.value?.["x-scalar-navigation"]?.name;
+  if (!t)
     return;
-  const t = b({
-    document: a,
+  const a = S({
+    document: t,
     path: e.path,
     method: e.method,
     example: e.exampleKey
   });
-  (!t || t.type !== "example") && (F(a), m.value && H(m.value));
-}, de = 288, ve = i(() => o.value?.workspace?.["x-scalar-sidebar-width"] ?? de), fe = (e) => o.value?.update("x-scalar-sidebar-width", e), S = p(!0), he = "x-scalar-tabs", we = "x-scalar-active-tab", U = (e) => {
-  const a = c("method", e), t = c("pathEncoded", e), n = c("documentSlug", e), u = c("workspaceSlug", e);
+  (!a || a.type !== "example") && (K(t), d.value && V(d.value));
+}, ve = 288, fe = i(() => o.value?.workspace?.["x-scalar-sidebar-width"] ?? ve), he = (e) => o.value?.update("x-scalar-sidebar-width", e), I = p(!0), we = "x-scalar-tabs", ge = "x-scalar-active-tab", C = (e) => {
+  const t = s("method", e), a = s("pathEncoded", e), n = s("documentSlug", e), l = s("workspaceSlug", e);
   return {
     ...ae({
-      workspace: u,
+      workspace: l,
       document: n,
-      path: t,
-      method: a,
-      getEntryByLocation: b
+      path: a,
+      method: t,
+      getEntryByLocation: S
     }),
-    path: m.value?.path ?? ""
+    path: d.value?.path ?? ""
   };
-}, K = i(() => o.value?.workspace[he] ?? [U(m.value)]), xe = i(() => o.value?.workspace[we] ?? 0), q = async (e) => {
-  const a = K.value[e];
-  if (!a) {
+}, q = i(() => o.value?.workspace[we] ?? [C(d.value)]), xe = i(() => o.value?.workspace[ge] ?? 0), H = async (e) => {
+  const t = q.value[e];
+  if (!t) {
     console.warn(`Cannot copy URL: tab at index ${e} does not exist`);
     return;
   }
-  const t = `${window.location.origin}${a.path}`;
+  const a = `${window.location.origin}${t.path}`;
   try {
-    await navigator.clipboard.writeText(t);
+    await navigator.clipboard.writeText(a);
   } catch (n) {
     console.error("Failed to copy URL to clipboard:", n);
   }
-}, ge = (e) => {
-  const a = c("workspaceSlug", e), t = c("documentSlug", e);
-  if (v.value = c("namespace", e), k.value = a, x.value = t, B.value = c("method", e), O.value = c("pathEncoded", e), L.value = c("exampleName", e), !(!v.value || !a)) {
-    if (e.path !== "" && ne.setCurrentPath(e.path), f(v.value, a) !== W.value?.id)
-      return ie(v.value, a);
-    t && t !== o.value?.workspace[X.workspace.activeDocument] && o?.value?.update("x-scalar-active-document", t), be(e), H(e);
-  }
 }, be = (e) => {
-  const a = o.value?.workspace["x-scalar-tabs"] ?? [], t = o.value?.workspace["x-scalar-active-tab"] ?? 0, n = a[t];
-  !n || n.path === e.path || (a[t] = U(e));
-}, H = (e) => {
-  const a = c("documentSlug", e);
-  if (!a) {
+  const t = s("workspaceSlug", e), a = s("documentSlug", e);
+  if (f.value = s("namespace", e), E.value = t, k.value = a, L.value = s("method", e), N.value = s("pathEncoded", e), P.value = s("exampleName", e), !(!f.value || !t)) {
+    if (e.path !== "" && re.setCurrentPath(e.path), w(f.value, t) !== D.value?.id)
+      return pe(f.value, t);
+    a && a !== o.value?.workspace[Z.workspace.activeDocument] && o?.value?.update("x-scalar-active-document", a), ke(e), V(e);
+  }
+}, ke = (e) => {
+  const t = o.value?.workspace["x-scalar-tabs"] ?? [], a = o.value?.workspace["x-scalar-active-tab"] ?? 0, n = t[a];
+  !n || n.path === e.path || (t[a] = C(e));
+}, V = (e) => {
+  const t = s("documentSlug", e);
+  if (!t) {
     r.setSelected(null);
     return;
   }
-  const t = b({
-    document: a,
-    path: c("pathEncoded", e),
-    method: c("method", e),
-    example: c("exampleName", e)
+  const a = S({
+    document: t,
+    path: s("pathEncoded", e),
+    method: s("method", e),
+    example: s("exampleName", e)
   });
-  t && (r.setSelected(t.id), r.setExpanded(t.id, !0));
+  a && (r.setSelected(a.id), r.setExpanded(a.id, !0));
 };
-re({
-  eventBus: w,
-  router: l,
+oe({
+  eventBus: b,
+  router: u,
   store: o,
-  navigateToCurrentTab: pe,
-  rebuildSidebar: F,
-  onAfterExampleCreation: me,
-  onSelectSidebarItem: $,
-  onCopyTabUrl: (e) => q(e),
-  onToggleSidebar: () => S.value = !S.value
+  navigateToCurrentTab: me,
+  rebuildSidebar: K,
+  onAfterExampleCreation: de,
+  onSelectSidebarItem: F,
+  onCopyTabUrl: (e) => H(e),
+  onToggleSidebar: () => I.value = !I.value
 });
-function _e(e) {
-  return e && (l.value = e), {
+function $e(e) {
+  return e && (u.value = e), {
     /** Active workspace store */
     store: o,
     sidebar: {
       state: r,
-      width: ve,
-      isOpen: S,
-      handleSelectItem: $,
-      handleSidebarWidthUpdate: fe,
-      getEntryByLocation: b
+      width: fe,
+      isOpen: I,
+      handleSelectItem: F,
+      handleSidebarWidthUpdate: he,
+      getEntryByLocation: S
     },
     tabs: {
-      state: K,
+      state: q,
       activeTabIndex: xe,
-      copyTabUrl: q
+      copyTabUrl: H
     },
     workspace: {
-      create: P,
-      workspaceList: I,
-      activeWorkspace: W,
-      navigateToWorkspace: N,
-      isOpen: i(() => !!(k.value && !x.value))
+      create: _,
+      workspaceList: h,
+      activeWorkspace: D,
+      navigateToWorkspace: A,
+      isOpen: i(() => !!(E.value && !k.value))
     },
-    eventBus: w,
-    router: l,
-    currentRoute: m,
-    loading: h,
+    eventBus: b,
+    router: u,
+    currentRoute: d,
+    loading: x,
     activeEntities: {
-      namespace: v,
-      workspaceSlug: k,
-      documentSlug: x,
-      path: O,
-      method: B,
-      exampleName: L
+      namespace: f,
+      workspaceSlug: E,
+      documentSlug: k,
+      path: N,
+      method: L,
+      exampleName: P
     },
-    environment: se,
-    document: T
+    environment: ce,
+    document: R
   };
 }
 export {
-  _e as useAppState
+  $e as useAppState
 };

package/dist/v2/features/app/hooks/use-document-watcher.js

@@ -29,32 +29,32 @@ const p = 5 * 1e3, M = 60 * 1e3, E = () => {
   const a = g(() => {
     const r = l(e), o = l(t);
     return !r || !o ? null : r.workspace.documents[o];
-  }), c = E(), n = V(u), f = () => {
-    n.reset(), c.schedule(i, n.get());
+  }), c = E(), s = V(u), f = () => {
+    s.reset(), c.schedule(i, s.get());
   }, d = () => {
-    n.backoff(), c.schedule(i, n.get());
+    s.backoff(), c.schedule(i, s.get());
   }, i = async () => {
     const r = l(e), o = l(t), m = a.value?.["x-scalar-original-source-url"];
     if (!r || !o || !m)
       return;
-    const s = await r.rebaseDocument({
+    const n = await r.rebaseDocument({
       name: o,
       url: m
     });
-    s?.ok ? (await s.applyChanges(k(s.conflicts)), f()) : s?.ok === !1 && s.type === "NO_CHANGES_DETECTED" ? f() : d();
+    n?.ok ? (await n.applyChanges(k(n.conflicts)), f()) : n?.ok === !1 && n.type === "NO_CHANGES_DETECTED" ? f() : d();
   };
   h(
     [() => a.value?.["x-scalar-original-source-url"], () => a.value?.["x-scalar-watch-mode"]],
-    ([r, o = !0]) => {
+    ([r, o = !1]) => {
       if (!l(e)) {
         c.clear();
         return;
       }
       if (c.clear(), !r || !o) {
-        n.reset();
+        s.reset();
         return;
       }
-      c.schedule(i, n.get());
+      c.schedule(i, s.get());
     },
     { immediate: !0 }
   ), T(() => {

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

@@ -1 +1 @@
-{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Environment.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAiJA,wBAMG"}
+{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Environment.vue"],"names":[],"mappings":";;;;;;;;;;;;;AA6JA,wBAMG"}

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

@@ -1,6 +1,6 @@
-import { defineComponent as o, computed as c, createElementBlock as s, openBlock as l, createStaticVNode as a, createVNode as i, unref as r } from "vue";
-import m from "../../environments/EnvironmentsList.vue.js";
-const v = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ o({
+import { defineComponent as a, computed as n, createElementBlock as s, openBlock as i, createStaticVNode as l, createVNode as r, unref as m } from "vue";
+import v from "../../environments/EnvironmentsList.vue.js";
+const u = { class: "flex flex-col gap-4" }, x = /* @__PURE__ */ a({
   __name: "Environment",
   props: {
     documentSlug: {},
@@ -18,19 +18,20 @@ const v = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ o({
     collectionType: {}
   },
   setup(e) {
-    const n = c(
+    const o = n(
       () => (e.collectionType === "document" ? e.document["x-scalar-environments"] : e.workspaceStore.workspace["x-scalar-environments"]) ?? {}
-    );
-    return (d, t) => (l(), s("div", v, [
-      t[0] || (t[0] = a('<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">Environment Variables</h3></div><p class="text-c-2 mb-4 text-sm"> Set environment variables at your collection level. Use <code class="font-code text-c-2"> {{ variable }} </code> to add / search among the selected environment&#39;s variables in your request inputs. </p></div></div>', 1)),
-      i(r(m), {
+    ), c = n(() => e.workspaceStore.workspace["x-scalar-active-environment"]);
+    return (d, t) => (i(), s("div", u, [
+      t[0] || (t[0] = l('<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">Environment Variables</h3></div><p class="text-c-2 mb-4 text-sm"> Set environment variables at your collection level. Use <code class="font-code text-c-2"> {{ variable }} </code> to add / search among the selected environment&#39;s variables in your request inputs. </p></div></div>', 1)),
+      r(m(v), {
+        activeEnvironment: c.value,
         collectionType: e.collectionType,
-        environments: n.value,
+        environments: o.value,
         eventBus: e.eventBus
-      }, null, 8, ["collectionType", "environments", "eventBus"])
+      }, null, 8, ["activeEnvironment", "collectionType", "environments", "eventBus"])
     ]));
   }
 });
 export {
-  f as default
+  x as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"names":[],"mappings":";;;;;;;;;;;;;AA+MA,wBAMG"}
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Settings.vue"],"names":[],"mappings":";;;;;;;;;;;;;AA6KA,wBAMG"}