@scalar/api-client 2.9.0 → 2.9.1

package/dist/v2/features/app/App.vue.js

@@ -1,60 +1,75 @@
-import { defineComponent as S, computed as c, ref as f, createElementBlock as y, openBlock as r, Fragment as b, createElementVNode as u, createVNode as i, unref as p, withCtx as w, createBlock as s, withDirectives as h, vShow as B, KeepAlive as T, resolveDynamicComponent as V } from "vue";
-import { ScalarTeleportRoot as W } from "@scalar/components";
-import { getThemeStyles as g } from "@scalar/themes";
-import { useColorMode as x } from "@scalar/use-hooks/useColorMode";
-import { createWorkspaceEventBus as C } from "@scalar/workspace-store/events";
-import { useRoute as D, RouterView as E } from "vue-router";
-import { useWorkspaceClientEvents as M } from "../../hooks/use-workspace-client-events.js";
-import O from "./components/AppSidebar.vue.js";
-import U from "./components/DesktopTabs.vue.js";
-import A from "./components/WebTopNav.vue.js";
-const R = ["innerHTML"], H = { class: "flex min-h-0 flex-1 flex-row items-stretch" }, L = { class: "bg-b-1 flex min-h-0 min-w-0 flex-1 flex-col" }, N = {}, P = /* @__PURE__ */ S({
-  ...N,
+import { defineComponent as h, computed as i, ref as v, createElementBlock as x, openBlock as a, Fragment as E, createElementVNode as c, createVNode as m, unref as p, withCtx as k, createBlock as s, withDirectives as B, vShow as V, KeepAlive as T, resolveDynamicComponent as W } from "vue";
+import { ScalarTeleportRoot as g } from "@scalar/components";
+import { getThemeStyles as C } from "@scalar/themes";
+import { useColorMode as O } from "@scalar/use-hooks/useColorMode";
+import { createWorkspaceEventBus as D } from "@scalar/workspace-store/events";
+import { xScalarEnvironmentSchema as w } from "@scalar/workspace-store/schemas/extensions/document/x-scalar-environments";
+import { coerceValue as f } from "@scalar/workspace-store/schemas/typebox-coerce";
+import { useRoute as M, RouterView as U } from "vue-router";
+import { useWorkspaceClientEvents as A } from "../../hooks/use-workspace-client-events.js";
+import R from "./components/AppSidebar.vue.js";
+import H from "./components/DesktopTabs.vue.js";
+import L from "./components/WebTopNav.vue.js";
+const N = ["innerHTML"], $ = { class: "flex flex-1" }, j = { class: "bg-b-1 flex flex-1 flex-col" }, F = {}, ee = /* @__PURE__ */ h({
+  ...F,
   __name: "App",
   props: {
     layout: {},
     workspaceStore: {}
   },
-  setup(l) {
-    x(), typeof window < "u" && (window.dataDumpWorkspace = () => l.workspaceStore);
-    const k = c(() => {
-      const e = l.workspaceStore.workspace["x-scalar-theme"];
-      return e ? `<style>${g(e)}</style>` : "";
-    }), a = f("default"), n = f(!0), d = C(), v = D(), m = c(
-      () => l.workspaceStore.workspace.documents[v.params.documentSlug] ?? null
+  setup(r) {
+    O(), typeof window < "u" && (window.dataDumpWorkspace = () => r.workspaceStore);
+    const S = i(() => {
+      const e = r.workspaceStore.workspace["x-scalar-theme"];
+      return e ? `<style>${C(e)}</style>` : "";
+    }), n = v("default"), l = v(!0), d = D(), b = M(), u = i(
+      () => r.workspaceStore.workspace.documents[b.params.documentSlug] ?? Object.values(r.workspaceStore.workspace.documents)[0] ?? null
     );
-    return M(d, m), (e, t) => (r(), y(b, null, [
-      u("div", { innerHTML: k.value }, null, 8, R),
-      i(p(W), null, {
-        default: w(() => [
-          e.layout === "desktop" ? (r(), s(U, { key: 0 })) : (r(), s(A, {
+    A(d, u, r.workspaceStore);
+    const y = i(() => {
+      const e = r.workspaceStore.workspace["x-scalar-active-environment"];
+      if (!e)
+        return f(w, {});
+      const t = r.workspaceStore.workspace["x-scalar-environments"]?.[e] ?? { variables: [] }, o = u.value?.["x-scalar-environments"]?.[e] ?? { variables: [] };
+      return f(w, {
+        ...t,
+        ...o,
+        variables: [...t.variables, ...o.variables]
+      });
+    });
+    return (e, t) => (a(), x(E, null, [
+      c("div", { innerHTML: S.value }, null, 8, N),
+      m(p(g), null, {
+        default: k(() => [
+          e.layout === "desktop" ? (a(), s(H, { key: 0 })) : (a(), s(L, {
             key: 1,
-            modelValue: a.value,
-            "onUpdate:modelValue": t[0] || (t[0] = (o) => a.value = o)
+            modelValue: n.value,
+            "onUpdate:modelValue": t[0] || (t[0] = (o) => n.value = o)
           }, null, 8, ["modelValue"])),
-          u("main", H, [
-            h(i(O, {
-              isSidebarOpen: n.value,
-              "onUpdate:isSidebarOpen": t[1] || (t[1] = (o) => n.value = o),
-              workspace: a.value,
-              "onUpdate:workspace": t[2] || (t[2] = (o) => a.value = o),
+          c("main", $, [
+            B(m(R, {
+              isSidebarOpen: l.value,
+              "onUpdate:isSidebarOpen": t[1] || (t[1] = (o) => l.value = o),
+              workspace: n.value,
+              "onUpdate:workspace": t[2] || (t[2] = (o) => n.value = o),
               documents: e.workspaceStore.workspace.documents,
               layout: e.layout,
               sidebarWidth: e.workspaceStore.workspace["x-scalar-sidebar-width"] ?? 288,
               "onUpdate:sidebarWidth": t[3] || (t[3] = (o) => e.workspaceStore.update("x-scalar-sidebar-width", o))
             }, null, 8, ["isSidebarOpen", "workspace", "documents", "layout", "sidebarWidth"]), [
-              [B, n.value]
+              [V, l.value]
             ]),
-            u("div", L, [
-              i(p(E), null, {
-                default: w(({ Component: o }) => [
-                  (r(), s(T, null, [
-                    (r(), s(V(o), {
-                      document: m.value,
+            c("div", j, [
+              m(p(U), null, {
+                default: k(({ Component: o }) => [
+                  (a(), s(T, null, [
+                    (a(), s(W(o), {
+                      document: u.value,
+                      environment: y.value,
                       eventBus: p(d),
                       layout: e.layout,
                       workspaceStore: e.workspaceStore
-                    }, null, 8, ["document", "eventBus", "layout", "workspaceStore"]))
+                    }, null, 8, ["document", "environment", "eventBus", "layout", "workspaceStore"]))
                   ], 1024))
                 ]),
                 _: 1
@@ -68,5 +83,5 @@ const R = ["innerHTML"], H = { class: "flex min-h-0 flex-1 flex-row items-stretc
   }
 });
 export {
-  P as default
+  ee as default
 };

package/dist/v2/features/app/components/DesktopTabs.vue.d.ts

@@ -1,3 +1,6 @@
+/**
+ * Tabs which only exist on the electron app
+ */
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=DesktopTabs.vue.d.ts.map

package/dist/v2/features/app/components/DesktopTabs.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopTabs.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DesktopTabs.vue"],"names":[],"mappings":";AAiDA,wBAKG"}
+{"version":3,"file":"DesktopTabs.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/components/DesktopTabs.vue"],"names":[],"mappings":"AAoBA;;GAEG;;AACH,wBAqDC"}

package/dist/v2/features/app/components/DesktopTabs.vue.js

@@ -1,14 +1,15 @@
-import { createElementBlock as n, openBlock as r, createElementVNode as e } from "vue";
-import o from "../../../../_virtual/_plugin-vue_export-helper.js";
-const s = {}, l = { class: "bg-red flex h-10 items-center gap-2" };
-function c(a, t) {
-  return r(), n("nav", l, [...t[0] || (t[0] = [
+import r from "./DesktopTabs.vue2.js";
+import { createElementBlock as o, openBlock as n, createElementVNode as e } from "vue";
+import s from "../../../../_virtual/_plugin-vue_export-helper.js";
+const l = { class: "bg-red flex h-10 items-center gap-2" };
+function p(a, t, c, i, d, m) {
+  return n(), o("nav", l, [...t[0] || (t[0] = [
     e("div", null, "Insert", -1),
     e("div", null, "Tabs", -1),
     e("div", null, "Here", -1)
   ])]);
 }
-const f = /* @__PURE__ */ o(s, [["render", c]]);
+const v = /* @__PURE__ */ s(r, [["render", p]]);
 export {
-  f as default
+  v as default
 };

package/dist/v2/features/app/components/DesktopTabs.vue2.js

@@ -0,0 +1,6 @@
+const a = {
+  name: "DesktopTabs"
+};
+export {
+  a as default
+};

package/dist/v2/features/app/helpers/routes.d.ts

@@ -1,4 +1,6 @@
+import type { WorkspaceStore } from '@scalar/workspace-store/client';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas/workspace';
 import type { ClientLayout } from '../../../../v2/types/layout';
 /** These props are provided at the route level */
@@ -6,7 +8,17 @@ export type RouteProps = {
     document: WorkspaceDocument | null;
     eventBus: WorkspaceEventBus;
     layout: ClientLayout;
+    environment: XScalarEnvironment;
+    workspaceStore: WorkspaceStore;
 };
+/** When in the collections pages */
+export type CollectionProps = RouteProps & ({
+    collectionType: 'document';
+    document: WorkspaceDocument;
+} | {
+    collectionType: 'workspace';
+    document: null;
+});
 /** Routes for the API client app and web, the same as modal + workspace routes */
 export declare const ROUTES: ({
     name: string;
@@ -44,11 +56,6 @@ export declare const ROUTES: ({
                 path: string;
                 component: () => Promise<typeof import("../../../../v2/features/collection/components/Servers.vue.js")>;
                 redirect?: undefined;
-            } | {
-                name: string;
-                path: string;
-                component: () => Promise<typeof import("../../../../v2/features/collection/components/Environment.vue.js")>;
-                redirect?: undefined;
             } | {
                 name: string;
                 path: string;
@@ -73,10 +80,6 @@ export declare const ROUTES: ({
         path: string;
         component: () => Promise<typeof import("../../../../v2/features/collection/WorkspaceCollection.vue.js")>;
         children: ({
-            name: string;
-            path: string;
-            component: () => Promise<typeof import("../../../../v2/features/collection/WorkspaceCollection.vue.js")>;
-        } | {
             name: string;
             path: string;
             component: () => Promise<typeof import("../../../../v2/features/collection/components/Environment.vue.js")>;

package/dist/v2/features/app/helpers/routes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAGlF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,kDAAkD;AAClD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,YAAY,CAAA;CAOrB,CAAA;AAED,kFAAkF;AAClF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IA+GS,CAAA"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/app/helpers/routes.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAGlF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AAErD,kDAAkD;AAClD,MAAM,MAAM,UAAU,GAAG;IACvB,QAAQ,EAAE,iBAAiB,GAAG,IAAI,CAAA;IAClC,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,MAAM,EAAE,YAAY,CAAA;IACpB,WAAW,EAAE,kBAAkB,CAAA;IAC/B,cAAc,EAAE,cAAc,CAAA;CAM/B,CAAA;AAED,oCAAoC;AACpC,MAAM,MAAM,eAAe,GAAG,UAAU,GACtC,CACI;IACE,cAAc,EAAE,UAAU,CAAA;IAC1B,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GACD;IACE,cAAc,EAAE,WAAW,CAAA;IAC3B,QAAQ,EAAE,IAAI,CAAA;CACf,CACJ,CAAA;AAEH,kFAAkF;AAClF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAyGS,CAAA"}

package/dist/v2/features/app/helpers/routes.js

@@ -77,12 +77,6 @@ const e = [
         path: "",
         component: () => import("../../collection/WorkspaceCollection.vue.js"),
         children: [
-          // Workspace overview
-          {
-            name: "workspace.overview",
-            path: "overview",
-            component: () => import("../../collection/WorkspaceCollection.vue.js")
-          },
           // Workspace environment
           {
             name: "workspace.environment",

package/dist/v2/features/collection/DocumentCollection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DocumentCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"names":[],"mappings":"AAwGA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAMlE;;;;;;;GAOG;;AACH,wBAwOC"}
+{"version":3,"file":"DocumentCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/DocumentCollection.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAMlE;;;;;;;GAOG;;AACH,wBAkQC"}

package/dist/v2/features/collection/DocumentCollection.vue2.js

@@ -1,48 +1,51 @@
-import { defineComponent as f, computed as i, createElementBlock as m, openBlock as d, createElementVNode as e, createVNode as o, withCtx as c, unref as a } from "vue";
-import { ScalarButton as p } from "@scalar/components";
-import { LibraryIcon as x } from "@scalar/icons/library";
-import { RouterView as v } from "vue-router";
-import _ from "../../../components/IconSelector.vue.js";
-import b from "./components/LabelInput.vue.js";
-import h from "./components/Tabs.vue.js";
-const y = {
+import { defineComponent as p, computed as c, createElementBlock as d, openBlock as r, createElementVNode as t, createVNode as n, withCtx as a, unref as s, createBlock as f, KeepAlive as v, resolveDynamicComponent as x } from "vue";
+import { ScalarButton as w } from "@scalar/components";
+import { LibraryIcon as y } from "@scalar/icons/library";
+import { RouterView as b } from "vue-router";
+import h from "../../../components/IconSelector.vue.js";
+import k from "./components/LabelInput.vue.js";
+import _ from "./components/Tabs.vue.js";
+const B = {
   key: 0,
   class: "w-full md:mx-auto md:max-w-[720px]"
-}, w = ["aria-label"], g = { class: "flex flex-row items-center gap-2" }, B = { class: "group relative ml-1.25" }, V = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, k = {
+}, V = ["aria-label"], g = { class: "flex flex-row items-center gap-2" }, S = { class: "group relative ml-1.25" }, C = { class: "px-1.5 pt-8" }, D = {
   key: 1,
   class: "flex w-full flex-1 items-center justify-center"
-}, C = {}, L = /* @__PURE__ */ f({
-  ...C,
-  __name: "DocumentCollection",
+}, I = {
+  name: "DocumentCollection"
+}, q = /* @__PURE__ */ p({
+  ...I,
   props: {
     document: {},
     eventBus: {},
-    layout: {}
+    layout: {},
+    environment: {},
+    workspaceStore: {}
   },
-  setup(s) {
-    const u = i(() => s.document?.info?.title || "Untitled Document"), r = i(
-      () => s.document?.["x-scalar-client-config-icon"] || "interface-content-folder"
+  setup(u) {
+    const i = c(() => u.document?.info?.title || "Untitled Document"), m = c(
+      () => u.document?.["x-scalar-client-config-icon"] || "interface-content-folder"
     );
-    return (l, t) => l.document ? (d(), m("div", y, [
-      e("div", {
-        "aria-label": `title: ${u.value}`,
+    return (e, o) => e.document ? (r(), d("div", B, [
+      t("div", {
+        "aria-label": `title: ${i.value}`,
         class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
       }, [
-        e("div", g, [
-          o(_, {
-            modelValue: r.value,
+        t("div", g, [
+          n(h, {
+            modelValue: m.value,
             placement: "bottom-start",
-            "onUpdate:modelValue": t[0] || (t[0] = (n) => l.eventBus.emit("update:document-icon", n))
+            "onUpdate:modelValue": o[0] || (o[0] = (l) => e.eventBus.emit("document:update:icon", l))
           }, {
-            default: c(() => [
-              o(a(p), {
+            default: a(() => [
+              n(s(w), {
                 class: "hover:bg-b-2 aspect-square h-7 w-7 cursor-pointer rounded border border-transparent p-0 hover:border-inherit",
                 variant: "ghost"
               }, {
-                default: c(() => [
-                  o(a(x), {
+                default: a(() => [
+                  n(s(y), {
                     class: "text-c-2 size-5",
-                    src: r.value,
+                    src: m.value,
                     "stroke-width": "2"
                   }, null, 8, ["src"])
                 ]),
@@ -52,31 +55,41 @@ const y = {
             _: 1
           }, 8, ["modelValue"])
         ]),
-        e("div", B, [
-          o(b, {
+        t("div", S, [
+          n(k, {
             class: "text-xl font-bold",
             inputId: "documentName",
-            modelValue: u.value,
-            "onUpdate:modelValue": t[1] || (t[1] = (n) => l.eventBus.emit("update:document-info", { title: n }))
+            modelValue: i.value,
+            "onUpdate:modelValue": o[1] || (o[1] = (l) => e.eventBus.emit("document:update:info", { title: l }))
           }, null, 8, ["modelValue"])
         ])
-      ], 8, w),
-      o(h, { type: "document" }),
-      e("div", V, [
-        o(a(v), {
-          eventBus: l.eventBus,
-          layout: l.layout,
-          type: "document"
-        }, null, 8, ["eventBus", "layout"])
+      ], 8, V),
+      n(_, { type: "document" }),
+      t("div", C, [
+        n(s(b), null, {
+          default: a(({ Component: l }) => [
+            (r(), f(v, null, [
+              (r(), f(x(l), {
+                collectionType: "document",
+                document: e.document,
+                environment: e.environment,
+                eventBus: e.eventBus,
+                layout: e.layout,
+                workspaceStore: e.workspaceStore
+              }, null, 8, ["document", "environment", "eventBus", "layout", "workspaceStore"]))
+            ], 1024))
+          ]),
+          _: 1
+        })
       ])
-    ])) : (d(), m("div", k, [...t[2] || (t[2] = [
-      e("div", { class: "flex h-full flex-col items-center justify-center" }, [
-        e("h1", { class: "text-2xl font-bold" }, "Document not found"),
-        e("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")
+    ])) : (r(), d("div", D, [...o[2] || (o[2] = [
+      t("div", { class: "flex h-full flex-col items-center justify-center" }, [
+        t("h1", { class: "text-2xl font-bold" }, "Document not found"),
+        t("p", { class: "text-gray-500" }, " The document you are looking for does not exist. ")
       ], -1)
     ])]));
   }
 });
 export {
-  L as default
+  q as default
 };

package/dist/v2/features/collection/WorkspaceCollection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/WorkspaceCollection.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAKlE;;;;;GAKG;;AACH,wBAyHC"}
+{"version":3,"file":"WorkspaceCollection.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/collection/WorkspaceCollection.vue"],"names":[],"mappings":"AAuDA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAKlE;;;;;GAKG;;AACH,wBAuHC"}

package/dist/v2/features/collection/WorkspaceCollection.vue2.js

@@ -1,32 +1,34 @@
-import { defineComponent as s, createElementBlock as c, openBlock as r, createElementVNode as e, createVNode as t, unref as a, toDisplayString as p } from "vue";
-import { ScalarIconGlobe as n } from "@scalar/icons";
+import { defineComponent as s, createElementBlock as c, openBlock as r, createElementVNode as e, createVNode as t, unref as l, toDisplayString as n } from "vue";
+import { ScalarIconGlobe as p } from "@scalar/icons";
 import { RouterView as i } from "vue-router";
 import m from "./components/Tabs.vue.js";
-const u = { class: "w-full md:mx-auto md:max-w-[720px]" }, f = ["aria-label"], _ = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, d = {}, B = /* @__PURE__ */ s({
+const u = { class: "w-full md:mx-auto md:max-w-[720px]" }, f = ["aria-label"], _ = { class: "flex flex-col gap-12 px-1.5 pt-8" }, d = {}, B = /* @__PURE__ */ s({
   ...d,
   __name: "WorkspaceCollection",
   props: {
     document: {},
     eventBus: {},
-    layout: {}
+    layout: {},
+    environment: {},
+    workspaceStore: {}
   },
   setup(x) {
     const o = "Workspace Title [replace with name]";
-    return (l, w) => (r(), c("div", u, [
+    return (a, v) => (r(), c("div", u, [
       e("div", {
         "aria-label": `title: ${o}`,
         class: "mx-auto flex h-fit w-full flex-col gap-2 pt-6 pb-3 md:mx-auto md:max-w-[720px]"
       }, [
-        t(a(n), { class: "text-c-2 size-6" }),
+        t(l(p), { class: "text-c-2 size-6" }),
         e("div", { class: "group relative ml-1.25" }, [
-          e("span", { class: "text-c-1 flex h-8 items-center" }, p(o))
+          e("span", { class: "text-c-1 flex h-8 items-center" }, n(o))
         ])
       ], 8, f),
       t(m, { type: "workspace" }),
       e("div", _, [
-        t(a(i), {
-          eventBus: l.eventBus,
-          layout: l.layout,
+        t(l(i), {
+          eventBus: a.eventBus,
+          layout: a.layout,
           type: "workspace"
         }, null, 8, ["eventBus", "layout"])
       ])

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

@@ -1,89 +1,15 @@
-import type { Environment as EntitiesEnvironment } from '@scalar/oas-utils/entities/environment';
-import type { EnvVariable } from '../../../../store/index.js';
-import { type Environment, type EnvironmentVariable } from '../../../../v2/features/environments/index.js';
-type __VLS_Props = {
-    /** Current selected document name or when null it means workspace level environments */
-    documentName: string | null;
-    /** List of all available environments for the selected document */
-    environments: Environment[];
-    /** TODO: remove when we migrate to the new store */
-    environment: EntitiesEnvironment;
-    envVariables: EnvVariable[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "environment:reorder": (payload: {
-        draggingItem: {
-            id: string;
-        };
-        hoveredItem: {
-            id: string;
-        };
-    }) => any;
-    "environment:add": (payload: {
-        environment: Environment;
-    }) => any;
-    "environment:update": (payload: {
-        environmentName: string;
-        environment: Partial<Environment>;
-    }) => any;
-    "environment:delete": (payload: {
-        environmentName: string;
-    }) => any;
-    "environment:add:variable": (payload: {
-        environmentName: string;
-        environmentVariable: Partial<EnvironmentVariable>;
-    }) => any;
-    "environment:update:variable": (payload: {
-        /** Row number */
-        id: number;
-        /** Environment name */
-        environmentName: string;
-        /** Payload */
-        environmentVariable: Partial<EnvironmentVariable>;
-    }) => any;
-    "environment:delete:variable": (payload: {
-        /** Environment name */
-        environmentName: string;
-        /** Row number */
-        id: number;
-    }) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onEnvironment:reorder"?: ((payload: {
-        draggingItem: {
-            id: string;
-        };
-        hoveredItem: {
-            id: string;
-        };
-    }) => any) | undefined;
-    "onEnvironment:add"?: ((payload: {
-        environment: Environment;
-    }) => any) | undefined;
-    "onEnvironment:update"?: ((payload: {
-        environmentName: string;
-        environment: Partial<Environment>;
-    }) => any) | undefined;
-    "onEnvironment:delete"?: ((payload: {
-        environmentName: string;
-    }) => any) | undefined;
-    "onEnvironment:add:variable"?: ((payload: {
-        environmentName: string;
-        environmentVariable: Partial<EnvironmentVariable>;
-    }) => any) | undefined;
-    "onEnvironment:update:variable"?: ((payload: {
-        /** Row number */
-        id: number;
-        /** Environment name */
-        environmentName: string;
-        /** Payload */
-        environmentVariable: Partial<EnvironmentVariable>;
-    }) => any) | undefined;
-    "onEnvironment:delete:variable"?: ((payload: {
-        /** Environment name */
-        environmentName: string;
-        /** Row number */
-        id: number;
-    }) => 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=Environment.vue.d.ts.map

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":"AA8GA,OAAO,KAAK,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAEhG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAC1C,OAAO,EAEL,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACzB,MAAM,4BAA4B,CAAA;AAEnC,KAAK,WAAW,GAAG;IACjB,wFAAwF;IACxF,YAAY,EAAE,MAAM,GAAG,IAAI,CAAA;IAE3B,mEAAmE;IACnE,YAAY,EAAE,WAAW,EAAE,CAAA;IAE3B,oDAAoD;IACpD,WAAW,EAAE,mBAAmB,CAAA;IAChC,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;sBAQkB;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE;qBACf;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE;;;qBAGgB,WAAW;;;yBAG5B,MAAM;qBAAe,OAAO,CAAC,WAAW,CAAC;;;yBAEjB,MAAM;;;yBAMvC,MAAM;6BACF,OAAO,CAAC,mBAAmB,CAAC;;;QAMjD,iBAAiB;YACb,MAAM;QACV,uBAAuB;yBACN,MAAM;QACvB,cAAc;6BACO,OAAO,CAAC,mBAAmB,CAAC;;;QAMjD,uBAAuB;yBACN,MAAM;QACvB,iBAAiB;YACb,MAAM;;;;sBApCI;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE;qBACf;YAAE,EAAE,EAAE,MAAM,CAAA;SAAE;;;qBAGgB,WAAW;;;yBAG5B,MAAM;qBAAe,OAAO,CAAC,WAAW,CAAC;;;yBAEjB,MAAM;;;yBAMvC,MAAM;6BACF,OAAO,CAAC,mBAAmB,CAAC;;;QAMjD,iBAAiB;YACb,MAAM;QACV,uBAAuB;yBACN,MAAM;QACvB,cAAc;6BACO,OAAO,CAAC,mBAAmB,CAAC;;;QAMjD,uBAAuB;yBACN,MAAM;QACvB,iBAAiB;YACb,MAAM;;;AAiIhB,wBAOG"}
+{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Environment.vue"],"names":[],"mappings":";;;;;;;;;;;;;AAiJA,wBAMG"}

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

@@ -1,34 +1,29 @@
-import { defineComponent as i, createElementBlock as a, openBlock as m, createStaticVNode as v, createVNode as d, unref as l } from "vue";
-import s from "../../environments/EnvironmentsList.vue.js";
-const p = { class: "flex flex-col gap-4" }, E = /* @__PURE__ */ i({
+import { defineComponent as s, computed as c, createElementBlock as l, openBlock as a, createStaticVNode as i, createVNode as r, unref as m } from "vue";
+import v from "../../environments/EnvironmentsList.vue.js";
+const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
   __name: "Environment",
   props: {
-    documentName: {},
-    environments: {},
+    document: {},
+    eventBus: {},
+    layout: {},
     environment: {},
-    envVariables: {}
+    workspaceStore: {},
+    collectionType: {}
   },
-  emits: ["environment:reorder", "environment:add", "environment:update", "environment:delete", "environment:add:variable", "environment:update:variable", "environment:delete:variable"],
-  setup(u, { emit: o }) {
-    const t = o;
-    return (r, e) => (m(), a("div", p, [
-      e[7] || (e[7] = v('<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)),
-      d(l(s), {
-        documentName: r.documentName,
-        envVariables: r.envVariables,
-        environment: r.environment,
-        environments: r.environments,
-        "onEnvironment:add": e[0] || (e[0] = (n) => t("environment:add", n)),
-        "onEnvironment:add:variable": e[1] || (e[1] = (n) => t("environment:add:variable", n)),
-        "onEnvironment:delete": e[2] || (e[2] = (n) => t("environment:delete", n)),
-        "onEnvironment:delete:variable": e[3] || (e[3] = (n) => t("environment:delete:variable", n)),
-        "onEnvironment:reorder": e[4] || (e[4] = (n) => t("environment:reorder", n)),
-        "onEnvironment:update": e[5] || (e[5] = (n) => t("environment:update", n)),
-        "onEnvironment:update:variable": e[6] || (e[6] = (n) => t("environment:update:variable", n))
-      }, null, 8, ["documentName", "envVariables", "environment", "environments"])
+  setup(e) {
+    const o = c(
+      () => (e.collectionType === "document" ? e.document["x-scalar-environments"] : e.workspaceStore.workspace["x-scalar-environments"]) ?? {}
+    );
+    return (t, n) => (a(), l("div", d, [
+      n[0] || (n[0] = i('<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), {
+        collectionType: t.collectionType,
+        environments: o.value,
+        eventBus: t.eventBus
+      }, null, 8, ["collectionType", "environments", "eventBus"])
     ]));
   }
 });
 export {
-  E as default
+  f as default
 };