@scalar/api-client 2.10.0 → 2.11.0

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,36 +1,44 @@
-import { defineComponent as S, ref as m, useId as k, watch as h, nextTick as E, onBeforeMount as b, onBeforeUnmount as y, withDirectives as u, createElementBlock as T, openBlock as C, createElementVNode as o, unref as i, createVNode as l, withCtx as g, vShow as f } from "vue";
-import { addScalarClassesToHeadless as x, ScalarTeleportRoot as F } from "@scalar/components";
-import { useFocusTrap as O } from "@vueuse/integrations/useFocusTrap";
-import B from "../../components/TempReplaceMe.vue.js";
-import U from "../../components/sidebar/Sidebar.vue.js";
-const _ = { class: "scalar scalar-app" }, L = { class: "scalar-container" }, M = ["id"], W = { class: "flex flex-1 flex-row" }, $ = {}, A = /* @__PURE__ */ S({
-  ...$,
+import { defineComponent as k, ref as m, useId as h, watch as b, nextTick as E, onBeforeMount as y, onBeforeUnmount as g, withDirectives as u, createElementBlock as T, openBlock as x, createElementVNode as o, unref as r, createVNode as l, withCtx as C, vShow as S } from "vue";
+import { addScalarClassesToHeadless as F, ScalarTeleportRoot as O } from "@scalar/components";
+import { useFocusTrap as B } from "@vueuse/integrations/useFocusTrap";
+import U from "../../components/TempReplaceMe.vue.js";
+import { useSidebarState as L } from "../../hooks/use-sidebar-state.js";
+import M from "../../components/sidebar/Sidebar.vue.js";
+const N = { class: "scalar scalar-app" }, W = { class: "scalar-container" }, _ = ["id"], $ = { class: "flex flex-1 flex-row" }, I = {}, j = /* @__PURE__ */ k({
+  ...I,
   __name: "Modal",
   props: {
     activeEntities: {},
     workspaceStore: {},
     modalState: {}
   },
-  setup(r) {
-    const n = m(null), d = k(), { activate: w, deactivate: v } = O(n, {
+  setup(s) {
+    const n = m(null), d = h(), { activate: f, deactivate: w } = B(n, {
       allowOutsideClick: !0,
       fallbackFocus: `#${d}`
-    }), c = (e) => e.key === "Escape" && r.modalState.hide(), p = () => {
-      window.removeEventListener("keydown", c), document.documentElement.style.removeProperty("overflow"), v();
+    }), { sidebarState: v } = L({
+      workspaceStore: s.workspaceStore,
+      workspaceSlug: "default",
+      documentSlug: "",
+      exampleName: "",
+      method: "get",
+      path: ""
+    }), c = (e) => e.key === "Escape" && s.modalState.hide(), p = () => {
+      window.removeEventListener("keydown", c), document.documentElement.style.removeProperty("overflow"), w();
     };
-    h(
-      () => r.modalState.open,
+    b(
+      () => s.modalState.open,
       (e) => {
-        e ? (window.addEventListener("keydown", c), document.documentElement.style.overflow = "hidden", w({ checkCanFocusTrap: () => E() })) : p();
+        e ? (window.addEventListener("keydown", c), document.documentElement.style.overflow = "hidden", f({ checkCanFocusTrap: () => E() })) : p();
       }
-    ), b(() => x()), y(() => {
+    ), y(() => F()), g(() => {
       p();
     });
-    const s = m(!0);
-    return (e, t) => u((C(), T("div", _, [
-      o("div", L, [
+    const i = m(!0);
+    return (e, t) => u((x(), T("div", N, [
+      o("div", W, [
         o("div", {
-          id: i(d),
+          id: r(d),
           ref_key: "client",
           ref: n,
           "aria-label": "API Client",
@@ -39,20 +47,20 @@ const _ = { class: "scalar scalar-app" }, L = { class: "scalar-container" }, M =
           role: "dialog",
           tabindex: "-1"
         }, [
-          l(i(F), null, {
-            default: g(() => [
-              o("main", W, [
-                u(l(i(U), {
-                  isSidebarOpen: s.value,
-                  "onUpdate:isSidebarOpen": t[0] || (t[0] = (a) => s.value = a),
-                  documents: e.workspaceStore.workspace.documents,
+          l(r(O), null, {
+            default: C(() => [
+              o("main", $, [
+                u(l(r(M), {
+                  isSidebarOpen: i.value,
+                  "onUpdate:isSidebarOpen": t[0] || (t[0] = (a) => i.value = a),
+                  sidebarState: r(v),
                   layout: "modal",
                   sidebarWidth: e.workspaceStore.workspace["x-scalar-sidebar-width"] ?? 288,
                   "onUpdate:sidebarWidth": t[1] || (t[1] = (a) => e.workspaceStore.update("x-scalar-sidebar-width", a))
-                }, null, 8, ["isSidebarOpen", "documents", "sidebarWidth"]), [
-                  [f, s.value]
+                }, null, 8, ["isSidebarOpen", "sidebarState", "sidebarWidth"]), [
+                  [S, i.value]
                 ]),
-                l(B, {
+                l(U, {
                   documentSlug: e.activeEntities.documentSlug,
                   example: e.activeEntities.example,
                   layout: "modal",
@@ -65,17 +73,17 @@ const _ = { class: "scalar scalar-app" }, L = { class: "scalar-container" }, M =
             ]),
             _: 1
           })
-        ], 8, M),
+        ], 8, _),
         o("div", {
           class: "scalar-app-exit",
           onClick: t[2] || (t[2] = (a) => e.modalState.hide())
         })
       ])
     ], 512)), [
-      [f, e.modalState.open]
+      [S, e.modalState.open]
     ]);
   }
 });
 export {
-  A as default
+  j as default
 };

package/dist/v2/features/operation/Operation.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AA0HA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAGlE;;;;;;;GAOG;;AACH,wBA4KC"}
+{"version":3,"file":"Operation.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/operation/Operation.vue"],"names":[],"mappings":"AAkHA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAGlE;;;;;;;GAOG;;AACH,wBAkKC"}

package/dist/v2/features/operation/Operation.vue.js

@@ -1,12 +1,12 @@
-import { defineComponent as v, computed as u, createBlock as y, createElementBlock as h, openBlock as s, unref as r, createElementVNode as f } from "vue";
-import { getResolvedRef as p } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import { createStoreEvents as S } from "../../../store/events.js";
-import B from "../../blocks/operation-block/OperationBlock.vue.js";
-const N = {
+import { defineComponent as d, computed as u, createBlock as v, createElementBlock as y, openBlock as s, unref as r, createElementVNode as h } from "vue";
+import { getResolvedRef as f } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import { createStoreEvents as p } from "../../../store/events.js";
+import S from "../../blocks/operation-block/OperationBlock.vue.js";
+const B = {
   key: 1,
   class: "flex h-full w-full items-center justify-center"
-}, g = {}, R = /* @__PURE__ */ v({
-  ...g,
+}, N = {}, R = /* @__PURE__ */ d({
+  ...N,
   __name: "Operation",
   props: {
     document: {},
@@ -19,45 +19,39 @@ const N = {
     workspaceStore: {}
   },
   setup(e) {
-    const a = u(
-      () => e.path && e.method ? p(e.document?.paths?.[e.path]?.[e.method]) : void 0
-    ), n = u(
-      () => (a.value?.security?.length ?? 0) > 0 && JSON.stringify(a.value?.security) !== "[{}]"
-    ), i = u(() => !a.value || !e.document ? [] : n.value ? a.value.security ?? [] : JSON.stringify(a.value?.security) === "[{}]" ? [...e.document.security ?? [], {}] : e.document.security ?? []), l = u(() => n.value ? a.value?.["x-scalar-selected-security"] : e.document?.["x-scalar-selected-security"]), c = u(() => n.value ? {
+    const n = u(
+      () => e.path && e.method ? f(e.document?.paths?.[e.path]?.[e.method]) : void 0
+    ), a = u(
+      () => (n.value?.security?.length ?? 0) > 0 && JSON.stringify(n.value?.security) !== "[{}]"
+    ), i = u(() => !n.value || !e.document ? [] : a.value ? n.value.security ?? [] : JSON.stringify(n.value?.security) === "[{}]" ? [...e.document.security ?? [], {}] : e.document.security ?? []), l = u(() => a.value ? n.value?.["x-scalar-selected-security"] : e.document?.["x-scalar-selected-security"]), c = u(() => a.value ? {
       type: "operation",
       path: e.path ?? "",
       method: e.method ?? "get"
     } : {
       type: "document"
-    }), m = "2.10.0", d = {
-      uid: "",
-      name: "",
-      color: "",
-      value: ""
-    };
-    return (t, o) => t.path && t.method && t.exampleName && a.value ? (s(), y(r(B), {
+    }), m = "2.11.0";
+    return (t, o) => t.path && t.method && t.exampleName && n.value ? (s(), v(r(S), {
       key: 0,
-      path: t.path,
-      method: t.method,
       appVersion: r(m),
-      environment: d,
-      envVariables: [],
+      authMeta: c.value,
+      environment: t.environment,
       eventBus: t.eventBus,
+      events: r(p)(),
       exampleKey: t.exampleName,
       history: [],
       layout: t.layout,
+      method: t.method,
+      operation: n.value,
+      path: t.path,
       plugins: [],
-      operation: a.value,
-      authMeta: c.value,
       security: i.value,
       securitySchemes: t.document?.components?.securitySchemes ?? {},
       selectedSecurity: l.value,
       server: void 0,
       servers: [],
-      events: r(S)(),
       totalPerformedRequests: 0
-    }, null, 8, ["path", "method", "appVersion", "eventBus", "exampleKey", "layout", "operation", "authMeta", "security", "securitySchemes", "selectedSecurity", "events"])) : (s(), h("div", N, [...o[0] || (o[0] = [
-      f("span", { class: "text-c-3" }, "Select an operation to view details", -1)
+    }, null, 8, ["appVersion", "authMeta", "environment", "eventBus", "events", "exampleKey", "layout", "method", "operation", "path", "security", "securitySchemes", "selectedSecurity"])) : (s(), y("div", B, [...o[0] || (o[0] = [
+      h("span", { class: "text-c-3" }, "Select an operation to view details", -1)
     ])]));
   }
 });