@scalar/api-client 2.9.0 → 2.9.1

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

@@ -1,14 +1,15 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import type { EnvVariable } from '../../../../store/index.js';
-type __VLS_Props = {
-    description: string;
-    environment: Environment;
-    envVariables: EnvVariable[];
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    "overview:update:description": (value: string) => any;
-}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    "onOverview:update:description"?: ((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=Overview.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Overview.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Overview.vue"],"names":[],"mappings":"AA0GA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAIzE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C,KAAK,WAAW,GAAG;IACjB,WAAW,EAAE,MAAM,CAAA;IAGnB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;;;;;AAwSF,wBAOG"}
+{"version":3,"file":"Overview.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/collection/components/Overview.vue"],"names":[],"mappings":";;;;;;;;;;;;;AA6ZA,wBAMG"}

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

@@ -1,4 +1,7 @@
-import f from "./Overview.vue2.js";
+import o from "./Overview.vue2.js";
+/* empty css              */
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7c1a2f6c"]]);
 export {
-  f as default
+  e as default
 };

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

@@ -1,28 +1,30 @@
-import { defineComponent as x, ref as h, useTemplateRef as w, createElementBlock as d, openBlock as n, createElementVNode as i, createBlock as u, createCommentVNode as a, unref as o, withCtx as f, createVNode as p, Fragment as m, nextTick as y } from "vue";
-import { ScalarButton as c, ScalarMarkdown as V } from "@scalar/components";
+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 { ScalarIconPencil as b } from "@scalar/icons";
-import z from "../../../../components/CodeInput/CodeInput.vue.js";
-const C = { class: "flex flex-col gap-2" }, I = { class: "flex min-h-8 items-center justify-between gap-2 pl-1.5" }, B = { class: "has-[:focus-visible]:bg-b-1 group relative z-1 flex flex-col rounded-lg" }, R = { class: "flex h-full min-h-[calc(1rem*4)] flex-col" }, $ = {
+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 = {
   key: 1,
-  class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4"
-}, T = /* @__PURE__ */ x({
+  class: "text-c-3 flex items-center justify-center rounded-lg border p-4"
+}, j = /* @__PURE__ */ g({
   __name: "Overview",
   props: {
-    description: {},
+    document: {},
+    eventBus: {},
+    layout: {},
     environment: {},
-    envVariables: {}
+    workspaceStore: {},
+    collectionType: {}
   },
-  emits: ["overview:update:description"],
-  setup(E, { emit: k }) {
-    const g = k, s = h("preview"), l = async (t) => {
-      s.value = t, t === "edit" && await y(() => {
-        v.value?.focus();
-      });
-    }, v = w("codeInputRef");
-    return (t, e) => (n(), d("div", C, [
-      i("div", I, [
-        e[6] || (e[6] = i("h3", { class: "font-bold" }, "Description", -1)),
-        s.value === "preview" ? (n(), u(o(c), {
+  setup(k) {
+    const u = y(
+      () => k.document?.info?.description ?? ""
+    ), a = x("preview"), p = w("codeInputRef"), l = async (s) => {
+      a.value = s, s === "edit" && (await C(), p.value?.focus());
+    };
+    return (s, e) => (t(), i("div", h, [
+      o("div", z, [
+        e[6] || (e[6] = o("h3", { class: "font-bold" }, "Description", -1)),
+        a.value === "preview" ? (t(), c(n(f), {
           key: 0,
           class: "text-c-2 hover:text-c-1 flex items-center gap-2",
           size: "sm",
@@ -30,62 +32,58 @@ const C = { class: "flex flex-col gap-2" }, I = { class: "flex min-h-8 items-cen
           variant: "outlined",
           onClick: e[0] || (e[0] = (r) => l("edit"))
         }, {
-          default: f(() => [
-            p(o(b), {
+          default: m(() => [
+            d(n(b), {
               size: "sm",
               thickness: "1.5"
             }),
-            e[5] || (e[5] = i("span", null, "Edit", -1))
+            e[5] || (e[5] = o("span", null, "Edit", -1))
           ]),
           _: 1
-        })) : a("", !0)
+        })) : B("", !0)
       ]),
-      i("div", B, [
-        i("div", R, [
-          s.value === "preview" ? (n(), d(m, { key: 0 }, [
-            t.description && t.description.trim().length ? (n(), d(m, { key: 0 }, [
-              t.description ? (n(), u(o(V), {
-                key: 0,
-                class: "h-full flex-1 rounded border border-transparent p-1.5 hover:border-(--scalar-background-3)",
-                value: t.description,
-                withImages: "",
-                onDblclick: e[1] || (e[1] = (r) => l("edit"))
-              }, null, 8, ["value"])) : a("", !0),
-              e[7] || (e[7] = i("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)) : (n(), d("div", $, [
-              p(o(c), {
-                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"))
-              }, {
-                default: f(() => [
-                  p(o(b), {
-                    size: "sm",
-                    thickness: "1.5"
-                  }),
-                  e[8] || (e[8] = i("span", null, "Write a description", -1))
-                ]),
-                _: 1
-              })
-            ]))
-          ], 64)) : a("", !0),
-          s.value === "edit" ? (n(), u(o(z), {
-            key: 1,
-            ref_key: "codeInputRef",
-            ref: v,
-            class: "h-full flex-1 border px-0.5 py-0",
-            envVariables: t.envVariables,
-            environment: t.environment,
-            modelValue: t.description,
-            onBlur: e[3] || (e[3] = (r) => l("preview")),
-            "onUpdate:modelValue": e[4] || (e[4] = (r) => g("overview:update:description", r))
-          }, null, 8, ["envVariables", "environment", "modelValue"])) : a("", !0)
-        ])
+      o("div", R, [
+        a.value === "preview" ? (t(), i(v, { key: 0 }, [
+          u.value.trim().length ? (t(), i(v, { key: 0 }, [
+            d(n(I), {
+              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"))
+            }, 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, [
+            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"))
+            }, {
+              default: m(() => [
+                d(n(b), {
+                  size: "sm",
+                  thickness: "1.5"
+                }),
+                e[8] || (e[8] = o("span", null, "Write a description", -1))
+              ]),
+              _: 1
+            })
+          ]))
+        ], 64)) : (t(), c(n(V), {
+          key: 1,
+          ref_key: "codeInputRef",
+          ref: p,
+          class: "border px-0.5 py-0",
+          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 }))
+        }, null, 8, ["layout", "modelValue"]))
       ])
     ]));
   }
 });
 export {
-  T as default
+  j as default
 };

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

@@ -1,13 +1,13 @@
-import { defineComponent as m, computed as p, createElementBlock as o, openBlock as t, Fragment as u, renderList as d, createBlock as f, unref as h, withCtx as v, createElementVNode as r, normalizeClass as x, toDisplayString as k, capitalize as _ } from "vue";
+import { defineComponent as m, computed as p, createElementBlock as o, openBlock as t, Fragment as u, renderList as d, createBlock as f, unref as h, withCtx as x, createElementVNode as n, normalizeClass as k, toDisplayString as v, capitalize as _ } from "vue";
 import { RouterLink as b } from "vue-router";
 const w = { class: "flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0" }, g = ["href", "onClick"], z = /* @__PURE__ */ m({
   __name: "Tabs",
   props: {
     type: {}
   },
-  setup(n) {
+  setup(r) {
     const s = p(
-      () => n.type === "workspace" ? ["overview", "environment", "cookies", "settings"] : [
+      () => r.type === "workspace" ? ["environment", "cookies", "settings"] : [
         "overview",
         "servers",
         "authentication",
@@ -22,18 +22,18 @@ const w = { class: "flex w-full gap-2 border-b pl-1.5 md:ml-1.5 md:pl-0" }, g =
         custom: "",
         to: { name: `${c.type}.${e}` }
       }, {
-        default: v(({ isActive: i, href: l, navigate: a }) => [
-          r("a", {
+        default: x(({ isActive: i, href: l, navigate: a }) => [
+          n("a", {
             class: "-ml-2 flex h-10 cursor-pointer items-center px-2 text-center text-sm font-medium whitespace-nowrap no-underline -outline-offset-1 has-[:focus-visible]:outline",
             href: l,
             onClick: a
           }, [
-            r("span", {
-              class: x([
+            n("span", {
+              class: k([
                 "flex-center hover:text-c-1 h-full border-b",
                 i ? "text-c-1 border-c-1" : "text-c-2 hover:text-c-1 border-transparent"
               ])
-            }, k(_(e)), 3)
+            }, v(_(e)), 3)
           ], 8, g)
         ]),
         _: 2

package/dist/v2/features/environments/EnvironmentsList.vue.d.ts

@@ -1,98 +1,9 @@
-import type { Environment as EntitiesEnvironment } from '@scalar/oas-utils/entities/environment';
-import type { EnvVariable } from '../../../store/index.js';
-import { type Environment, type EnvironmentVariable } from './components/Environment.vue.js';
+import type { CollectionType, WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironments } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 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[];
-};
-type __VLS_Slots = {
-    icon: () => unknown;
-};
-declare const __VLS_component: 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: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
+    environments: NonNullable<XScalarEnvironments['x-scalar-environments']>;
+    eventBus: WorkspaceEventBus;
+} & CollectionType;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=EnvironmentsList.vue.d.ts.map

package/dist/v2/features/environments/EnvironmentsList.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentsList.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/environments/EnvironmentsList.vue"],"names":[],"mappings":"AA+MA,OAAO,KAAK,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAGhG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAM1C,OAA6B,EAC3B,KAAK,WAAW,EAChB,KAAK,mBAAmB,EACzB,MAAM,8BAA8B,CAAA;AAErC,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;AAkDF,KAAK,WAAW,GAAG;IACjB,IAAI,EAAE,MAAM,OAAO,CAAA;CACpB,CAAC;AAwSF,QAAA,MAAM,eAAe;;sBApVD;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;;kFAuTd,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":"EnvironmentsList.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/environments/EnvironmentsList.vue"],"names":[],"mappings":"AA8FA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,2EAA2E,CAAA;AAQpH,KAAK,WAAW,GAAG;IACf,YAAY,EAAE,WAAW,CAAC,mBAAmB,CAAC,uBAAuB,CAAC,CAAC,CAAA;IACvE,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;;AAoLrB,wBAMG"}

package/dist/v2/features/environments/EnvironmentsList.vue.js

@@ -1,114 +1,66 @@
-import { defineComponent as V, ref as E, createElementBlock as u, openBlock as m, Fragment as S, createCommentVNode as i, createVNode as p, createBlock as v, renderList as y, unref as o, withCtx as F, createTextVNode as U } from "vue";
-import { useModal as s, ScalarButton as $ } from "@scalar/components";
-import { ScalarIconPlus as g } from "@scalar/icons";
-import w from "./components/EnvironmentColorUpdateModal.vue.js";
-import C from "./components/EnvironmentCreateModal.vue.js";
-import M from "./components/EnvironmentDeleteModal.vue.js";
-import B from "./components/EnvironmentNameUpdateModal.vue.js";
-import D from "./components/Environment.vue.js";
-const x = {
-  key: 0,
-  class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4"
-}, q = /* @__PURE__ */ V({
+import { defineComponent as E, ref as y, createElementBlock as u, openBlock as s, Fragment as v, createElementVNode as T, createVNode as l, renderList as b, createBlock as g, unref as r, withCtx as h, createTextVNode as k } from "vue";
+import { useModal as d, ScalarButton as M } from "@scalar/components";
+import { ScalarIconPlus as N } from "@scalar/icons";
+import S from "./components/EnvironmentCreateModal.vue.js";
+import w from "./components/EnvironmentDeleteModal.vue.js";
+import C from "./components/Environment.vue.js";
+const D = { class: "text-c-3 flex h-full items-center justify-center rounded-lg border p-4" }, z = /* @__PURE__ */ E({
   __name: "EnvironmentsList",
   props: {
-    documentName: {},
     environments: {},
-    environment: {},
-    envVariables: {}
+    eventBus: {},
+    collectionType: {}
   },
-  emits: ["environment:reorder", "environment:add", "environment:update", "environment:delete", "environment:add:variable", "environment:update:variable", "environment:delete:variable"],
-  setup(A, { emit: k }) {
-    const a = k, b = s(), f = s(), c = s(), N = s(), t = E(null);
-    return (l, n) => (m(), u(S, null, [
-      (m(!0), u(S, null, y(l.environments, (e) => (m(), v(D, {
-        key: e.name,
-        color: e.color,
-        envVariables: l.envVariables,
-        environment: l.environment,
-        isReadonly: !l.documentName,
-        name: e.name,
-        variables: e.variables,
-        "onAdd:variable": (r) => a("environment:add:variable", {
-          environmentName: e.name,
-          environmentVariable: r
-        }),
-        onDelete: () => {
-          t.value = e, o(f).show();
-        },
-        "onDelete:variable": ({ id: r }) => a("environment:delete:variable", {
-          environmentName: e.name,
-          id: r
-        }),
-        onReorder: n[0] || (n[0] = (r, d) => a("environment:reorder", {
-          draggingItem: r,
-          hoveredItem: d
-        })),
-        "onUpdate:color": () => {
-          t.value = e, o(N).show();
-        },
-        "onUpdate:name": () => {
-          t.value = e, o(c).show();
-        },
-        "onUpdate:variable": ({ id: r, value: d }) => a("environment:update:variable", {
-          environmentName: e.name,
-          id: r,
-          environmentVariable: d
-        })
-      }, null, 8, ["color", "envVariables", "environment", "isReadonly", "name", "variables", "onAdd:variable", "onDelete", "onDelete:variable", "onUpdate:color", "onUpdate:name", "onUpdate:variable"]))), 128)),
-      l.documentName !== null ? (m(), u("div", x, [
-        p(o($), {
+  setup(i) {
+    const m = d(), c = d(), n = y(null), p = (e) => {
+      n.value = e, c.show();
+    }, f = () => {
+      n.value && i.eventBus.emit("environment:delete:environment", {
+        environmentName: n.value,
+        collectionType: i.collectionType
+      });
+    }, a = (e) => {
+      n.value = e ?? null, m.show();
+    };
+    return (e, t) => (s(), u(v, null, [
+      (s(!0), u(v, null, b(Object.entries(e.environments), ([o, B]) => (s(), g(C, {
+        key: o,
+        collectionType: e.collectionType,
+        environment: B,
+        environmentName: o,
+        eventBus: e.eventBus,
+        onDelete: () => p(o),
+        onEdit: () => a(o)
+      }, null, 8, ["collectionType", "environment", "environmentName", "eventBus", "onDelete", "onEdit"]))), 128)),
+      T("div", D, [
+        l(r(M), {
           class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
           size: "sm",
           variant: "ghost",
-          onClick: n[1] || (n[1] = (e) => o(b).show())
+          onClick: t[0] || (t[0] = () => a())
         }, {
-          default: F(() => [
-            p(o(g)),
-            n[6] || (n[6] = U(" Add Environment ", -1))
+          default: h(() => [
+            l(r(N)),
+            t[1] || (t[1] = k(" Add Environment ", -1))
           ]),
           _: 1
         })
-      ])) : i("", !0),
-      p(C, {
-        state: o(b),
-        onSubmit: n[2] || (n[2] = (e) => a("environment:add", {
-          environment: {
-            name: e.name,
-            color: e.color,
-            variables: []
-          }
-        }))
-      }, null, 8, ["state"]),
-      t.value ? (m(), v(M, {
-        key: 1,
-        name: t.value.name,
-        state: o(f),
-        onSubmit: n[3] || (n[3] = () => a("environment:delete", {
-          environmentName: t.value.name
-        }))
-      }, null, 8, ["name", "state"])) : i("", !0),
-      t.value ? (m(), v(B, {
-        key: 2,
-        name: t.value.name,
-        state: o(c),
-        onSubmit: n[4] || (n[4] = (e) => a("environment:update", {
-          environmentName: t.value.name,
-          environment: { name: e.name }
-        }))
-      }, null, 8, ["name", "state"])) : i("", !0),
-      t.value ? (m(), v(w, {
-        key: 3,
-        color: t.value.color || "#FFFFFF",
-        state: o(N),
-        onSubmit: n[5] || (n[5] = (e) => a("environment:update", {
-          environmentName: t.value.name,
-          environment: { color: e.color }
-        }))
-      }, null, 8, ["color", "state"])) : i("", !0)
+      ]),
+      l(S, {
+        collectionType: e.collectionType,
+        environments: e.environments,
+        eventBus: e.eventBus,
+        selectedEnvironmentName: n.value,
+        state: r(m)
+      }, null, 8, ["collectionType", "environments", "eventBus", "selectedEnvironmentName", "state"]),
+      l(w, {
+        name: n.value,
+        state: r(c),
+        onSubmit: f
+      }, null, 8, ["name", "state"])
     ], 64));
   }
 });
 export {
-  q as default
+  z as default
 };

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

@@ -1,70 +1,16 @@
-import type { Environment as EntitiesEnvironment } from '@scalar/oas-utils/entities/environment';
-import type { EnvVariable } from '../../../../store/index.js';
-export type EnvironmentVariable = {
-    name: string;
-    value: string;
-};
-export type Environment = {
-    name: string;
-    color?: string;
-    variables: EnvironmentVariable[];
-};
+import type { CollectionType, WorkspaceEventBus } from '@scalar/workspace-store/events';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 type __VLS_Props = {
-    /** Environment name */
-    name: string;
-    /** Environment color */
-    color?: string;
-    /** List of all environment variables */
-    variables: EnvironmentVariable[];
-    /** Marks the environment as readonly */
-    isReadonly?: boolean;
-    /** TODO: remove when we migrate to the new store */
-    environment: EntitiesEnvironment;
-    envVariables: EnvVariable[];
-};
-type __VLS_Slots = {
-    default?(): unknown;
-};
-declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    environment: XScalarEnvironment;
+    environmentName: string;
+    eventBus: WorkspaceEventBus;
+} & CollectionType;
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     delete: () => any;
-    "update:variable": (payload: {
-        id: number;
-        value: Partial<EnvironmentVariable>;
-    }) => any;
-    reorder: (draggingItem: {
-        id: string;
-    }, hoveredItem: {
-        id: string;
-    }) => any;
-    "add:variable": (payload: Partial<EnvironmentVariable>) => any;
-    "update:name": () => any;
-    "update:color": () => any;
-    "delete:variable": (payload: {
-        id: number;
-    }) => any;
+    edit: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
     onDelete?: (() => any) | undefined;
-    "onUpdate:variable"?: ((payload: {
-        id: number;
-        value: Partial<EnvironmentVariable>;
-    }) => any) | undefined;
-    onReorder?: ((draggingItem: {
-        id: string;
-    }, hoveredItem: {
-        id: string;
-    }) => any) | undefined;
-    "onAdd:variable"?: ((payload: Partial<EnvironmentVariable>) => any) | undefined;
-    "onUpdate:name"?: (() => any) | undefined;
-    "onUpdate:color"?: (() => any) | undefined;
-    "onDelete:variable"?: ((payload: {
-        id: number;
-    }) => any) | undefined;
+    onEdit?: (() => any) | undefined;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;
 export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
 //# sourceMappingURL=Environment.vue.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/Environment.vue"],"names":[],"mappings":"AA6IA,OAAO,KAAK,EAAE,WAAW,IAAI,mBAAmB,EAAE,MAAM,wCAAwC,CAAA;AAEhG,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAG1C,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,EAAE,MAAM,CAAA;CACd,CAAA;AAED,MAAM,MAAM,WAAW,GAAG;IACxB,IAAI,EAAE,MAAM,CAAA;IACZ,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,EAAE,mBAAmB,EAAE,CAAA;CACjC,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,IAAI,EAAE,MAAM,CAAA;IACZ,wBAAwB;IACxB,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,wCAAwC;IACxC,SAAS,EAAE,mBAAmB,EAAE,CAAA;IAChC,wCAAwC;IACxC,UAAU,CAAC,EAAE,OAAO,CAAA;IAEpB,oDAAoD;IACpD,WAAW,EAAE,mBAAmB,CAAA;IAChC,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;AAwBF,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,IAAI,OAAO,CAAA;CACpB,CAAC;AA6QF,QAAA,MAAM,eAAe;;;YAvRX,MAAM;eACH,OAAO,CAAC,mBAAmB,CAAC;;;YAVjB,MAAM;;YACP,MAAM;;;;;;YAYW,MAAM;;;;;YAJpC,MAAM;eACH,OAAO,CAAC,mBAAmB,CAAC;;;YAVjB,MAAM;;YACP,MAAM;;;;;;YAYW,MAAM;;kFA0R5C,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":"Environment.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/environments/components/Environment.vue"],"names":[],"mappings":"AAmEA,OAAO,KAAK,EACV,cAAc,EACd,iBAAiB,EAClB,MAAM,gCAAgC,CAAA;AACvC,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAInH,KAAK,WAAW,GAAG;IACf,WAAW,EAAE,kBAAkB,CAAA;IAC/B,eAAe,EAAE,MAAM,CAAA;IACvB,QAAQ,EAAE,iBAAiB,CAAA;CAC5B,GAAG,cAAc,CAAC;;;;;;;;AA6JrB,wBAOG"}