@scalar/api-client 2.17.2 → 2.17.4

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

@@ -11,6 +11,7 @@ const p = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ c({
     method: {},
     exampleName: {},
     environment: {},
+    securitySchemes: {},
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},

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

@@ -11,6 +11,7 @@ const d = { class: "flex flex-col gap-4" }, f = /* @__PURE__ */ s({
     method: {},
     exampleName: {},
     environment: {},
+    securitySchemes: {},
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},

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

@@ -1,8 +1,8 @@
-import { defineComponent as k, computed as x, ref as y, useTemplateRef as w, createElementBlock as i, openBlock as t, createElementVNode as o, createBlock as c, createCommentVNode as h, unref as n, withCtx as m, createVNode as d, Fragment as v, nextTick as B } from "vue";
+import { defineComponent as k, computed as y, ref as x, useTemplateRef as w, createElementBlock as i, openBlock as t, createElementVNode as o, createBlock as c, createCommentVNode as h, unref as n, withCtx as m, createVNode as d, Fragment as v, nextTick as B } from "vue";
 import { ScalarButton as f, ScalarMarkdown as C } from "@scalar/components";
 import { ScalarIconPencil as b } from "@scalar/icons";
 import I from "../../../components/code-input/CodeInput.vue.js";
-const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center justify-between gap-2 pl-1.5" }, S = { class: "has-[:focus-visible]:bg-b-1 group rounded-lg" }, N = {
+const S = { class: "flex flex-col gap-2" }, V = { class: "flex items-center justify-between gap-2 pl-1.5" }, z = { class: "has-[:focus-visible]:bg-b-1 group rounded-lg" }, N = {
   key: 1,
   class: "text-c-3 flex items-center justify-center rounded-lg border p-4"
 }, j = /* @__PURE__ */ k({
@@ -16,19 +16,20 @@ const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
     method: {},
     exampleName: {},
     environment: {},
+    securitySchemes: {},
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
     collectionType: {}
   },
   setup(g) {
-    const u = x(
+    const u = y(
       () => g.document?.info?.description ?? ""
-    ), a = y("preview"), p = w("codeInputRef"), r = async (s) => {
+    ), a = x("preview"), p = w("codeInputRef"), r = async (s) => {
       a.value = s, s === "edit" && (await B(), p.value?.focus());
     };
-    return (s, e) => (t(), i("div", V, [
-      o("div", z, [
+    return (s, e) => (t(), i("div", S, [
+      o("div", V, [
         e[6] || (e[6] = o("h3", { class: "font-bold" }, "Description", -1)),
         a.value === "preview" ? (t(), c(n(f), {
           key: 0,
@@ -48,7 +49,7 @@ const V = { class: "flex flex-col gap-2" }, z = { class: "flex items-center just
           _: 1
         })) : h("", !0)
       ]),
-      o("div", S, [
+      o("div", z, [
         a.value === "preview" ? (t(), i(v, { key: 0 }, [
           u.value.trim().length ? (t(), i(v, { key: 0 }, [
             d(n(C), {

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

@@ -1,4 +1,4 @@
-import { defineComponent as M, ref as A, computed as x, createElementBlock as u, openBlock as c, Fragment as S, createElementVNode as s, createVNode as l, createTextVNode as g, renderList as I, createBlock as y, unref as r, toDisplayString as T, withCtx as f, createCommentVNode as V } from "vue";
+import { defineComponent as M, ref as A, computed as x, createElementBlock as u, openBlock as c, Fragment as S, createElementVNode as a, createVNode as l, createTextVNode as g, renderList as I, createBlock as y, unref as r, toDisplayString as T, withCtx as f, createCommentVNode as V } from "vue";
 import { useModal as P, ScalarMarkdown as z, ScalarButton as k, 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";
@@ -19,6 +19,7 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
     method: {},
     exampleName: {},
     environment: {},
+    securitySchemes: {},
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
@@ -44,41 +45,41 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
       v.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(
+    }, { execute: h } = O({ delay: 328, maxWait: 1e3 }), U = (t, e, s) => h(
       `${t}-${e}`,
       () => o.eventBus.emit("server:update:server", {
         index: t,
-        server: { [e]: a }
+        server: { [e]: s }
       })
-    ), C = (t, e, a) => b(
+    ), C = (t, e, s) => h(
       `${t}-${e}`,
       () => o.eventBus.emit("server:update:variables", {
         index: t,
         key: e,
-        value: a
+        value: s
       })
-    ), D = () => o.eventBus.emit("server:add:server"), h = (t, e = 0) => t?.description || `Server ${e + 1}`;
+    ), D = () => o.eventBus.emit("server:add:server"), b = (t, e = 0) => t?.description || `Server ${e + 1}`;
     return (t, e) => (c(), u(S, null, [
-      s("div", Y, [
-        e[1] || (e[1] = s("div", { class: "flex flex-col gap-2" }, [
-          s("h3", { class: "font-bold" }, "Servers"),
-          s("p", { class: "text-sm" }, [
+      a("div", Y, [
+        e[1] || (e[1] = a("div", { class: "flex flex-col gap-2" }, [
+          a("h3", { class: "font-bold" }, "Servers"),
+          a("p", { class: "text-sm" }, [
             g(" Add different base URLs for your API. You can use "),
-            s("code", { class: "font-code text-c-2" }, "{variables}"),
+            a("code", { class: "font-code text-c-2" }, "{variables}"),
             g(" for dynamic parts. ")
           ])
         ], -1)),
-        s("div", q, [
-          (c(!0), u(S, null, I($.value, (a, d) => (c(), u("div", {
+        a("div", q, [
+          (c(!0), u(S, null, I($.value, (s, d) => (c(), u("div", {
             key: d,
             class: "rounded-lg border"
           }, [
-            s("div", G, [
-              a.description ? (c(), y(r(z), {
+            a("div", G, [
+              s.description ? (c(), y(r(z), {
                 key: 0,
                 class: "self-center",
-                value: a.description
-              }, null, 8, ["value"])) : (c(), u("span", H, T(h(a, d)), 1)),
+                value: s.description
+              }, null, 8, ["value"])) : (c(), u("span", H, T(b(s, d)), 1)),
               l(r(k), {
                 class: "hover:bg-b-3 hover:text-c-1 h-fit p-1.25",
                 "data-testid": "delete-server-button",
@@ -91,22 +92,22 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
                 _: 1
               }, 8, ["onClick"])
             ]),
-            s("div", J, [
+            a("div", J, [
               l(F, {
-                data: a,
+                data: s,
                 environment: t.environment,
                 onUpdate: (i, m) => U(d, i, m),
                 options: B
               }, null, 8, ["data", "environment", "onUpdate"]),
-              a.variables ? (c(), y(r(W), {
+              s.variables ? (c(), y(r(W), {
                 key: 0,
-                variables: a.variables,
+                variables: s.variables,
                 "onUpdate:variable": (i, m) => C(d, i, m)
               }, null, 8, ["variables", "onUpdate:variable"])) : V("", !0)
             ])
           ]))), 128))
         ]),
-        s("div", K, [
+        a("div", K, [
           l(r(k), {
             class: "hover:bg-b-2 hover:text-c-1 flex items-center gap-2",
             size: "sm",
@@ -115,7 +116,7 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
           }, {
             default: f(() => [
               l(r(j)),
-              e[0] || (e[0] = s("span", null, "Add Server", -1))
+              e[0] || (e[0] = a("span", null, "Add Server", -1))
             ]),
             _: 1
           })
@@ -124,7 +125,7 @@ const Y = { class: "flex flex-col gap-4" }, q = { class: "flex flex-col gap-4" }
       l(r(L), {
         size: "xxs",
         state: r(v),
-        title: `Delete ${h(_.value, n.value)}`
+        title: `Delete ${b(_.value, n.value)}`
       }, {
         default: f(() => [
           l(E, {

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

@@ -1,8 +1,8 @@
-import { defineComponent as u, createBlock as t, openBlock as a, unref as r } from "vue";
+import { defineComponent as u, createBlock as t, openBlock as a, unref as c } from "vue";
 import { useRouter as i } from "vue-router";
 import p from "../../settings/DocumentSettings.vue.js";
 import h from "../../settings/CollectionSettings.vue.js";
-const y = /* @__PURE__ */ u({
+const U = /* @__PURE__ */ u({
   __name: "Settings",
   props: {
     documentSlug: {},
@@ -13,13 +13,14 @@ const y = /* @__PURE__ */ u({
     method: {},
     exampleName: {},
     environment: {},
+    securitySchemes: {},
     workspaceStore: {},
     activeWorkspace: {},
     plugins: {},
     collectionType: {}
   },
   setup(o) {
-    const c = (e) => {
+    const r = (e) => {
       o.eventBus.emit("document:update:watch-mode", e);
     }, n = (e) => {
       o.eventBus.emit("workspace:update:theme", e);
@@ -35,15 +36,15 @@ const y = /* @__PURE__ */ u({
         }
       });
     };
-    return (e, k) => e.collectionType === "document" ? (a(), t(r(p), {
+    return (e, k) => e.collectionType === "document" ? (a(), t(c(p), {
       key: 0,
       documentUrl: e.document?.["x-scalar-original-source-url"],
       isDraftDocument: e.documentSlug === "drafts",
       title: e.document?.info.title ?? "",
       watchMode: e.document?.["x-scalar-watch-mode"] ?? !0,
       "onDelete:document": s,
-      "onUpdate:watchMode": c
-    }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (a(), t(r(h), {
+      "onUpdate:watchMode": r
+    }, null, 8, ["documentUrl", "isDraftDocument", "title", "watchMode"])) : (a(), t(c(h), {
       key: 1,
       activeProxyUrl: e.workspaceStore.workspace["x-scalar-active-proxy"],
       activeThemeId: e.workspaceStore.workspace["x-scalar-theme"] ?? "default",
@@ -56,5 +57,5 @@ const y = /* @__PURE__ */ u({
   }
 });
 export {
-  y as default
+  U as default
 };

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

@@ -1,6 +1,8 @@
 import { type ModalState } from '@scalar/components';
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
+import type { AuthenticationConfiguration } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import { type WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { WorkspaceDocument } from '@scalar/workspace-store/schemas';
 import { type ComputedRef } from 'vue';
 import { type UseModalSidebarReturn } from '../../../v2/features/modal/hooks/use-modal-sidebar.js';
@@ -12,6 +14,8 @@ export type ModalProps = {
     document: ComputedRef<WorkspaceDocument | null>;
     /** The path must be initialized and passed in */
     path: ComputedRef<string | undefined>;
+    /** The event bus for handling all events */
+    eventBus: WorkspaceEventBus;
     /** The method must be initialized and passed in */
     method: ComputedRef<HttpMethod | undefined>;
     /** The example name must be initialized and passed in */
@@ -22,6 +26,8 @@ export type ModalProps = {
     sidebarState: UseModalSidebarReturn;
     /** Api client plugins to include in the modal */
     plugins?: ClientPlugin[];
+    /** Authentication config */
+    authenticationConfiguration: AuthenticationConfiguration;
 };
 /**
  * Scalar Api Client Modal

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":"AAyXA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAEpE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAExE,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,KAAK,CAAA;AAIZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAGxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQxD,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAED;;;;GAIG;;;;;AACH,wBAgWC"}
+{"version":3,"file":"Modal.vue.d.ts","sourceRoot":"","sources":["../../../../src/v2/features/modal/Modal.vue"],"names":[],"mappings":"AAqYA,OAAO,EAGL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAE9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AACvE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,iCAAiC,CAAA;AAExE,OAAO,EAQL,KAAK,WAAW,EACjB,MAAM,KAAK,CAAA;AAKZ,OAAO,EAAE,KAAK,qBAAqB,EAAE,MAAM,6CAA6C,CAAA;AAGxF,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAQxD,MAAM,MAAM,UAAU,GAAG;IACvB,4DAA4D;IAC5D,cAAc,EAAE,cAAc,CAAA;IAC9B,qDAAqD;IACrD,QAAQ,EAAE,WAAW,CAAC,iBAAiB,GAAG,IAAI,CAAC,CAAA;IAC/C,iDAAiD;IACjD,IAAI,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IACrC,4CAA4C;IAC5C,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,mDAAmD;IACnD,MAAM,EAAE,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAAA;IAC3C,yDAAyD;IACzD,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,SAAS,CAAC,CAAA;IAC5C,2CAA2C;IAC3C,UAAU,EAAE,UAAU,CAAA;IACtB,0DAA0D;IAC1D,YAAY,EAAE,qBAAqB,CAAA;IACnC,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,4BAA4B;IAC5B,2BAA2B,EAAE,2BAA2B,CAAA;CACzD,CAAA;AAED;;;;GAIG;;;;;AACH,wBAuWC"}

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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3209f6ba"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a6559241"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1,8 +1,8 @@
-import { defineComponent as x, ref as w, useId as E, watch as I, nextTick as N, onBeforeMount as D, onBeforeUnmount as F, computed as k, withDirectives as h, createElementBlock as u, openBlock as c, createElementVNode as d, unref as o, createVNode as s, withCtx as U, vShow as b } from "vue";
-import { addScalarClassesToHeadless as V, ScalarTeleportRoot as $ } from "@scalar/components";
-import { ScalarToasts as A } from "@scalar/use-toasts";
-import { createWorkspaceEventBus as M } from "@scalar/workspace-store/events";
-import { useFocusTrap as H } from "@vueuse/integrations/useFocusTrap";
+import { defineComponent as I, ref as h, useId as N, watch as D, nextTick as E, onBeforeMount as F, onBeforeUnmount as U, computed as u, withDirectives as w, createElementBlock as d, openBlock as c, createElementVNode as i, unref as o, createVNode as l, withCtx as x, vShow as k } from "vue";
+import { addScalarClassesToHeadless as A, ScalarTeleportRoot as V } from "@scalar/components";
+import { ScalarToasts as $ } from "@scalar/use-toasts";
+import { useFocusTrap as M } from "@vueuse/integrations/useFocusTrap";
+import { mergeAuthConfig as H } from "../../blocks/scalar-auth-selector-block/helpers/merge-auth-config.js";
 import L from "../operation/Operation.vue.js";
 import { getActiveEnvironment as z } from "../../helpers/get-active-environment.js";
 import { useColorMode as O } from "../../hooks/use-color-mode.js";
@@ -17,124 +17,128 @@ const P = { class: "scalar scalar-app" }, J = { class: "scalar-container" }, Q =
 }, Y = {
   key: 1,
   class: "flex h-full w-full items-center justify-center"
-}, Z = {}, me = /* @__PURE__ */ x({
+}, Z = {}, me = /* @__PURE__ */ I({
   ...Z,
   __name: "Modal",
   props: {
     workspaceStore: {},
     document: {},
     path: {},
+    eventBus: {},
     method: {},
     exampleName: {},
     modalState: {},
     sidebarState: {},
-    plugins: { default: () => [] }
+    plugins: { default: () => [] },
+    authenticationConfiguration: {}
   },
-  setup(a, { expose: y }) {
-    typeof window < "u" && (window.dataDumpWorkspace = () => a.workspaceStore);
-    const l = M({
-      debug: !1
-    });
-    O({ workspaceStore: a.workspaceStore });
+  setup(t, { expose: b }) {
+    typeof window < "u" && (window.dataDumpWorkspace = () => t.workspaceStore), O({ workspaceStore: t.workspaceStore });
     const m = {
       name: "default",
       id: "default"
-    }, n = w(!0);
+    }, s = h(!1);
     q({
-      eventBus: l,
-      document: a.document,
-      workspaceStore: a.workspaceStore,
-      isSidebarOpen: n,
-      sidebarState: a.sidebarState,
-      modalState: a.modalState
-    }), R(l, "modal");
-    const p = w(null), f = E(), { activate: B, deactivate: g } = H(p, {
+      eventBus: t.eventBus,
+      document: t.document,
+      workspaceStore: t.workspaceStore,
+      isSidebarOpen: s,
+      sidebarState: t.sidebarState,
+      modalState: t.modalState
+    }), R(t.eventBus, "modal");
+    const f = h(null), v = N(), { activate: y, deactivate: B } = M(f, {
       allowOutsideClick: !0,
-      fallbackFocus: `#${f}`
-    }), v = () => {
-      g(), l.emit("operation:cancel:request");
-    }, T = j(() => typeof window < "u" ? window.document.body : null);
-    I(
-      () => a.modalState.open,
+      fallbackFocus: `#${v}`
+    }), p = () => {
+      B(), t.eventBus.emit("operation:cancel:request");
+    }, g = j(() => typeof window < "u" ? window.document.body : null);
+    D(
+      () => t.modalState.open,
       (e) => {
-        T.value = e, e ? B({ checkCanFocusTrap: () => N() }) : v();
+        g.value = e, e ? y({ checkCanFocusTrap: () => E() }) : p();
       }
-    ), D(() => V()), F(() => v());
-    const W = 288, i = k(
-      () => a.workspaceStore?.workspace?.["x-scalar-sidebar-width"] ?? W
-    ), C = (e) => a.workspaceStore?.update("x-scalar-sidebar-width", e), S = k(
-      () => z(a.workspaceStore, a.document.value)
+    ), F(() => A()), U(() => p());
+    const C = 288, r = u(
+      () => t.workspaceStore?.workspace?.["x-scalar-sidebar-width"] ?? C
+    ), T = (e) => t.workspaceStore?.update("x-scalar-sidebar-width", e), S = u(
+      () => z(t.workspaceStore, t.document.value)
+    ), W = u(
+      () => H(
+        t.document.value?.components?.securitySchemes,
+        t.authenticationConfiguration?.securitySchemes
+      )
     );
-    return y({
-      sidebarWidth: i,
+    return b({
+      sidebarWidth: r,
       environment: S
-    }), (e, t) => h((c(), u("div", P, [
-      d("div", J, [
-        d("div", {
-          id: o(f),
+    }), (e, a) => w((c(), d("div", P, [
+      i("div", J, [
+        i("div", {
+          id: o(v),
           ref_key: "client",
-          ref: p,
+          ref: f,
           "aria-label": "API Client",
           "aria-modal": "true",
           class: "scalar-app-layout scalar-client flex",
           role: "dialog",
           tabindex: "-1"
         }, [
-          s(o($), null, {
-            default: U(() => [
-              s(o(A)),
-              e.document.value && e.path?.value && e.method?.value ? (c(), u("main", X, [
-                s(o(G), {
-                  modelValue: n.value,
-                  "onUpdate:modelValue": t[0] || (t[0] = (r) => n.value = r),
+          l(o(V), null, {
+            default: x(() => [
+              l(o($)),
+              e.document.value && e.path?.value && e.method?.value ? (c(), d("main", X, [
+                l(o(G), {
+                  modelValue: s.value,
+                  "onUpdate:modelValue": a[0] || (a[0] = (n) => s.value = n),
                   class: "absolute top-2 left-3 z-[10001]"
                 }, null, 8, ["modelValue"]),
-                h(s(o(K), {
-                  sidebarWidth: i.value,
+                w(l(o(K), {
+                  sidebarWidth: r.value,
                   "onUpdate:sidebarWidth": [
-                    t[1] || (t[1] = (r) => i.value = r),
-                    C
+                    a[1] || (a[1] = (n) => r.value = n),
+                    T
                   ],
                   activeWorkspace: m,
                   class: "z-[10000] h-full max-md:absolute! max-md:w-full!",
                   documents: [e.document.value],
-                  eventBus: o(l),
+                  eventBus: e.eventBus,
                   isDroppable: () => !1,
                   layout: "modal",
                   sidebarState: e.sidebarState.state,
                   workspaces: [],
                   onSelectItem: e.sidebarState.handleSelectItem
                 }, null, 8, ["sidebarWidth", "documents", "eventBus", "sidebarState", "onSelectItem"]), [
-                  [b, n.value]
+                  [k, s.value]
                 ]),
-                s(L, {
+                l(L, {
                   activeWorkspace: m,
                   class: "flex-1",
                   document: e.document.value,
                   documentSlug: e.document.value["x-scalar-navigation"]?.id ?? "",
                   environment: S.value,
-                  eventBus: o(l),
+                  eventBus: e.eventBus,
                   exampleName: e.exampleName?.value,
                   layout: "modal",
                   method: e.method?.value,
                   path: e.path?.value,
                   plugins: e.plugins,
+                  securitySchemes: W.value,
                   workspaceStore: e.workspaceStore
-                }, null, 8, ["document", "documentSlug", "environment", "eventBus", "exampleName", "method", "path", "plugins", "workspaceStore"])
-              ])) : (c(), u("div", Y, [...t[3] || (t[3] = [
-                d("span", { class: "text-c-3" }, "No document selected", -1)
+                }, null, 8, ["document", "documentSlug", "environment", "eventBus", "exampleName", "method", "path", "plugins", "securitySchemes", "workspaceStore"])
+              ])) : (c(), d("div", Y, [...a[3] || (a[3] = [
+                i("span", { class: "text-c-3" }, "No document selected", -1)
               ])]))
             ]),
             _: 1
           })
         ], 8, Q),
-        d("div", {
+        i("div", {
           class: "scalar-app-exit",
-          onClick: t[2] || (t[2] = (r) => e.modalState.hide())
+          onClick: a[2] || (a[2] = (n) => e.modalState.hide())
         })
       ])
     ], 512)), [
-      [b, e.modalState.open]
+      [k, e.modalState.open]
     ]);
   }
 });

package/dist/v2/features/modal/helpers/create-api-client-modal.d.ts

@@ -1,4 +1,8 @@
+import { type ModalState } from '@scalar/components';
+import type { AuthenticationConfiguration } from '@scalar/types/api-reference';
 import type { WorkspaceStore } from '@scalar/workspace-store/client';
+import { type WorkspaceEventBus } from '@scalar/workspace-store/events';
+import { type App } from 'vue';
 import { type RoutePayload } from '../../../../v2/features/modal/helpers/resolve-route-parameters.js';
 import type { ClientPlugin } from '../../../../v2/helpers/plugins.js';
 export type CreateApiClientModalOptions = {
@@ -9,10 +13,21 @@ export type CreateApiClientModalOptions = {
      * For SSR this may need to be disabled and handled manually on the client side.
      */
     mountOnInitialize?: boolean;
+    /** You can pass in an event bus if you have one already, or we will create one */
+    eventBus?: WorkspaceEventBus;
     /** The workspace store must be initialized and passed in. */
     workspaceStore: WorkspaceStore;
     /** Api client plugins to include in the modal */
     plugins?: ClientPlugin[];
+    /** Authentication config */
+    authenticationConfiguration?: AuthenticationConfiguration | undefined;
+};
+export type ApiClientModal = {
+    app: App;
+    open: (payload?: RoutePayload) => void;
+    mount: (mountingEl: HTMLElement | null) => void;
+    route: (payload: RoutePayload) => void;
+    modalState: ModalState;
 };
 /**
  * Creates the API Client Modal.
@@ -20,20 +35,5 @@ export type CreateApiClientModalOptions = {
  * The modal does not require a router. Instead, navigation is handled by setting
  * active entities directly through the returned `route` function.
  */
-export declare const createApiClientModal: ({ el, workspaceStore, mountOnInitialize, plugins, }: CreateApiClientModalOptions) => {
-    /** The Vue app instance for the modal. Use with caution. */
-    app: import("vue").App<Element>;
-    /** Open the modal and optionally navigate to a specific route. */
-    open: (payload?: RoutePayload) => void;
-    /** Mount the modal to a given element. */
-    mount: (mountingEl?: HTMLElement | null) => void;
-    /** Navigate to the specified path, method, and example. */
-    route: (payload: RoutePayload) => void;
-    /** Controls the visibility of the modal. */
-    modalState: {
-        open: boolean;
-        show: () => void;
-        hide: () => void;
-    };
-};
+export declare const createApiClientModal: ({ el, eventBus, mountOnInitialize, plugins, workspaceStore, authenticationConfiguration, }: CreateApiClientModalOptions) => ApiClientModal;
 //# sourceMappingURL=create-api-client-modal.d.ts.map

package/dist/v2/features/modal/helpers/create-api-client-modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"create-api-client-modal.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AAGpE,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,sDAAsD,CAAA;AAG7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKxD,MAAM,MAAM,2BAA2B,GAAG;IACxC,4CAA4C;IAC5C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,6DAA6D;IAC7D,cAAc,EAAE,cAAc,CAAA;IAC9B,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;CACzB,CAAA;AAMD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,qDAKlC,2BAA2B;IAoE1B,4DAA4D;;IAE5D,kEAAkE;qBACjD,YAAY,KAAG,IAAI;IAMpC,0CAA0C;yBA1BjB,WAAW,GAAG,IAAI,KAAQ,IAAI;IA4BvD,2DAA2D;qBApErC,YAAY,KAAG,IAAI;IAsEzC,4CAA4C;;;;;;CAG/C,CAAA"}
+{"version":3,"file":"create-api-client-modal.d.ts","sourceRoot":"","sources":["../../../../../src/v2/features/modal/helpers/create-api-client-modal.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAY,MAAM,oBAAoB,CAAA;AAC9D,OAAO,KAAK,EAAE,2BAA2B,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAA;AACpE,OAAO,EAAE,KAAK,iBAAiB,EAA2B,MAAM,gCAAgC,CAAA;AAChG,OAAO,EAAE,KAAK,GAAG,EAAiC,MAAM,KAAK,CAAA;AAE7D,OAAO,EAEL,KAAK,YAAY,EAElB,MAAM,sDAAsD,CAAA;AAG7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AAKxD,MAAM,MAAM,2BAA2B,GAAG;IACxC,4CAA4C;IAC5C,EAAE,EAAE,WAAW,GAAG,IAAI,CAAA;IACtB;;;OAGG;IACH,iBAAiB,CAAC,EAAE,OAAO,CAAA;IAC3B,kFAAkF;IAClF,QAAQ,CAAC,EAAE,iBAAiB,CAAA;IAC5B,6DAA6D;IAC7D,cAAc,EAAE,cAAc,CAAA;IAC9B,iDAAiD;IACjD,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,4BAA4B;IAC5B,2BAA2B,CAAC,EAAE,2BAA2B,GAAG,SAAS,CAAA;CACtE,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IAC3B,GAAG,EAAE,GAAG,CAAA;IACR,IAAI,EAAE,CAAC,OAAO,CAAC,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,KAAK,EAAE,CAAC,UAAU,EAAE,WAAW,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,KAAK,EAAE,CAAC,OAAO,EAAE,YAAY,KAAK,IAAI,CAAA;IACtC,UAAU,EAAE,UAAU,CAAA;CACvB,CAAA;AAMD;;;;;GAKG;AACH,eAAO,MAAM,oBAAoB,GAAI,4FASlC,2BAA2B,KAAG,cAsFhC,CAAA"}

package/dist/v2/features/modal/helpers/create-api-client-modal.js

@@ -1,39 +1,46 @@
-import { useModal as M } from "@scalar/components";
-import { reactive as b, computed as t, createApp as P } from "vue";
-import { resolveRouteParameters as A } from "./resolve-route-parameters.js";
-import { useModalSidebar as C } from "../hooks/use-modal-sidebar.js";
-import I from "../Modal.vue.js";
-const N = ({
+import { useModal as P } from "@scalar/components";
+import { createWorkspaceEventBus as A } from "@scalar/workspace-store/events";
+import { reactive as C, computed as t, createApp as I } from "vue";
+import { resolveRouteParameters as R } from "./resolve-route-parameters.js";
+import { useModalSidebar as S } from "../hooks/use-modal-sidebar.js";
+import j from "../Modal.vue.js";
+const T = ({
   el: f,
+  eventBus: v = A({
+    debug: !1
+  }),
+  mountOnInitialize: h = !0,
+  plugins: g,
   workspaceStore: a,
-  mountOnInitialize: v = !0,
-  plugins: h
+  authenticationConfiguration: x = {}
 }) => {
-  const r = {
+  const n = {
     path: "default",
     method: "default",
     example: "default",
     documentSlug: a.workspace["x-scalar-active-document"] || "default"
-  }, m = b({ ...r }), c = (e) => {
-    Object.assign(m, r, e);
-  }, o = t(() => A(a, m)), s = t(() => o.value.documentSlug), u = t(() => o.value.path), d = t(() => o.value.method), i = t(() => o.value.example), g = t(() => a.workspace.documents[s.value ?? ""] ?? null), x = C({
+  }, m = C({ ...n }), r = (e) => {
+    Object.assign(m, n, e);
+  }, o = t(() => R(a, m)), s = t(() => o.value.documentSlug), u = t(() => o.value.path), d = t(() => o.value.method), i = t(() => o.value.example), M = t(() => a.workspace.documents[s.value ?? ""] ?? null), b = S({
     workspaceStore: a,
     documentSlug: s,
     path: u,
     method: d,
     exampleName: i,
-    route: c
-  }), l = M(), n = P(I, {
-    workspaceStore: a,
-    document: g,
-    modalState: l,
-    sidebarState: x,
-    path: u,
-    method: d,
+    route: r
+  }), c = P(), l = I(j, {
+    document: M,
+    eventBus: v,
     exampleName: i,
-    plugins: h
+    method: d,
+    modalState: c,
+    path: u,
+    plugins: g,
+    sidebarState: b,
+    workspaceStore: a,
+    authenticationConfiguration: x
   });
-  n.config.idPrefix = "scalar-client";
+  l.config.idPrefix = "scalar-client";
   const p = (e = f) => {
     if (!e) {
       console.error(
@@ -43,23 +50,23 @@ const N = ({
       );
       return;
     }
-    n.mount(e);
+    l.mount(e);
   };
-  return v && p(), {
+  return h && p(), {
     /** The Vue app instance for the modal. Use with caution. */
-    app: n,
+    app: l,
     /** Open the modal and optionally navigate to a specific route. */
     open: (e) => {
-      l.open = !0, e && c(e);
+      c.open = !0, e && r(e);
     },
     /** Mount the modal to a given element. */
     mount: p,
     /** Navigate to the specified path, method, and example. */
-    route: c,
+    route: r,
     /** Controls the visibility of the modal. */
-    modalState: l
+    modalState: c
   };
 };
 export {
-  N as createApiClientModal
+  T as createApiClientModal
 };