@scalar/api-client 2.10.0 → 2.11.0

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTable.vue2.js

@@ -1,87 +1,4 @@
-import { defineComponent as v, computed as b, createElementBlock as n, openBlock as t, withModifiers as p, createCommentVNode as u, createBlock as h, normalizeClass as i, Fragment as f, renderList as y, createElementVNode as d, toDisplayString as S, unref as x, withCtx as g, createVNode as k } from "vue";
-import w from "./RequestAuthTab.vue.js";
-import A from "../../../../components/DataTable/DataTable.vue.js";
-const B = ["onClick"], V = { class: "relative z-10 font-medium whitespace-nowrap" }, C = {
-  key: 0,
-  class: "absolute inset-x-1 bottom-[var(--scalar-border-width)] left-1/2 z-1 h-px w-full -translate-x-1/2 bg-current"
-}, O = /* @__PURE__ */ v({
-  __name: "RequestAuthDataTable",
-  props: {
-    environment: {},
-    envVariables: {},
-    layout: { default: "client" },
-    selectedSchemeOptions: { default: () => [] },
-    activeAuthIndex: {},
-    securitySchemes: {},
-    server: {},
-    eventBus: {},
-    meta: {}
-  },
-  setup(l, { expose: c }) {
-    const o = b(() => l.selectedSchemeOptions[l.activeAuthIndex]);
-    return c({
-      activeAuthIndex: l.activeAuthIndex,
-      activeScheme: o
-    }), (e, r) => (t(), n("form", {
-      onSubmit: r[2] || (r[2] = p(() => {
-      }, ["prevent"]))
-    }, [
-      e.selectedSchemeOptions.length > 1 ? (t(), n("div", {
-        key: 0,
-        class: i(["box-content flex flex-wrap gap-x-2.5 overflow-hidden border border-b-0 px-3", e.layout === "client" && "border-x-0"]),
-        "data-testid": "auth-tabs"
-      }, [
-        (t(!0), n(f, null, y(e.selectedSchemeOptions, (a, s) => (t(), n("div", {
-          key: a.id,
-          class: i(["relative z-1 -mb-[var(--scalar-border-width)] flex h-8 cursor-pointer", [e.activeAuthIndex === s ? "text-c-1" : "text-c-3"]])
-        }, [
-          d("button", {
-            class: "floating-bg relative cursor-pointer border-b-[1px] border-transparent py-1 text-sm font-medium",
-            type: "button",
-            onClick: () => e.eventBus.emit("auth:update:active-index", { index: s, meta: e.meta })
-          }, [
-            d("span", V, S(a.label), 1)
-          ], 8, B),
-          e.activeAuthIndex === s ? (t(), n("div", C)) : u("", !0)
-        ], 2))), 128))
-      ], 2)) : u("", !0),
-      o.value ? (t(), h(x(A), {
-        key: 1,
-        class: i(["flex-1", e.layout === "reference" && "bg-b-1 rounded-b-lg border border-t-0"]),
-        columns: [""],
-        presentational: ""
-      }, {
-        default: g(() => [
-          k(w, {
-            envVariables: e.envVariables,
-            environment: e.environment,
-            layout: e.layout,
-            securitySchemes: e.securitySchemes ?? {},
-            selectedSecuritySchemas: o.value.value,
-            server: e.server,
-            "onUpdate:securityScheme": r[0] || (r[0] = (a) => e.eventBus.emit("auth:update:security-scheme", {
-              data: a,
-              name: o.value?.id ?? ""
-            })),
-            "onUpdate:selectedScopes": r[1] || (r[1] = ({ id: a, name: s, scopes: m }) => e.eventBus.emit("auth:update:selected-scopes", {
-              id: a,
-              name: s,
-              scopes: m,
-              meta: e.meta
-            }))
-          }, null, 8, ["envVariables", "environment", "layout", "securitySchemes", "selectedSecuritySchemas", "server"])
-        ]),
-        _: 1
-      }, 8, ["class"])) : (t(), n("div", {
-        key: 2,
-        class: i([
-          "text-c-3 bg-b-1 flex min-h-16 items-center justify-center border-t px-4 text-sm",
-          e.layout === "reference" && "min-h-[calc(4rem+0.5px)] rounded-b-lg border"
-        ])
-      }, " No authentication selected ", 2))
-    ], 32));
-  }
-});
+import f from "./RequestAuthDataTable.vue.js";
 export {
-  O as default
+  f as default
 };

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue.d.ts

@@ -1,18 +1,8 @@
-import type { Environment } from '@scalar/oas-utils/entities/environment';
-import { type MaybeRefOrGetter } from 'vue';
-import type { EnvVariable } from '../../../../store/index.js';
-/**
- * Vue class prop type
- *
- * Vue seems to just use any behind the scenes
- *
- * @see https://vuejs.org/guide/essentials/class-and-style.html#class-and-style-bindings
- */
-export type VueClassProp = MaybeRefOrGetter<string | Record<string, boolean> | (string | Record<string, boolean>)[] | false>;
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
+import type { VueClassProp } from '../../../../types/vue';
 type __VLS_Props = {
     containerClass?: VueClassProp;
-    environment: Environment;
-    envVariables: EnvVariable[];
+    environment: XScalarEnvironment;
     readOnly?: boolean;
     required?: boolean;
     type?: string;

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestAuthDataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue"],"names":[],"mappings":"AA0EA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAAS,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAA;AAGlD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAE1C;;;;;;GAMG;AACH,MAAM,MAAM,YAAY,GAAG,gBAAgB,CACvC,MAAM,GACN,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GACvB,CAAC,MAAM,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC,EAAE,GACpC,KAAK,CACR,CAAA;AAED,KAAK,WAAW,GAAG;IACjB,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC;AAyBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AA2EF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB7C,QAAA,MAAM,eAAe;;;;;;;;;;;kFAOnB,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":"RequestAuthDataTableInput.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue"],"names":[],"mappings":"AAyDA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AAGnH,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAA;AAG/C,KAAK,WAAW,GAAG;IACjB,cAAc,CAAC,EAAE,YAAY,CAAA;IAC7B,WAAW,EAAE,kBAAkB,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;CACd,CAAC;AAwBF,KAAK,iBAAiB,GAAG,WAAW,GAAG;IACvC,UAAU,EAAE,MAAM,CAAC;CAClB,CAAC;AAyEF,QAAA,IAAI,QAAQ,IAAW,EAAE,QAAQ,IAAY,CAAE;AAC/C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,GAC7C;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAyB7C,QAAA,MAAM,eAAe;;;;;;;;;;;kFAOnB,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"}

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthDataTableInput.vue.js

@@ -1,11 +1,10 @@
-import { defineComponent as p, mergeModels as u, useModel as V, useId as f, createBlock as v, openBlock as y, unref as t, mergeProps as b, withCtx as s, renderSlot as i, createElementVNode as C } from "vue";
-import B from "../../../../components/DataTable/DataTableInput.vue.js";
+import { defineComponent as p, mergeModels as u, useModel as f, useId as V, createBlock as y, openBlock as v, unref as o, mergeProps as C, withCtx as d, renderSlot as s, createElementVNode as B } from "vue";
+import b from "../../../components/data-table/DataTableInput.vue.js";
 const q = ["for"], $ = /* @__PURE__ */ p({
   __name: "RequestAuthDataTableInput",
   props: /* @__PURE__ */ u({
     containerClass: {},
     environment: {},
-    envVariables: {},
     readOnly: { type: Boolean, default: !1 },
     required: { type: Boolean, default: !1 },
     type: {}
@@ -14,33 +13,32 @@ const q = ["for"], $ = /* @__PURE__ */ p({
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ u(["inputFocus", "inputBlur", "selectVariable"], ["update:modelValue"]),
-  setup(d, { emit: m }) {
-    const a = m, o = V(d, "modelValue"), r = f();
-    return (e, n) => (y(), v(t(B), b({ id: t(r) }, e.$attrs, {
-      modelValue: o.value,
-      "onUpdate:modelValue": n[0] || (n[0] = (l) => o.value = l),
+  setup(i, { emit: m }) {
+    const t = m, r = f(i, "modelValue"), a = V();
+    return (e, n) => (v(), y(o(b), C({ id: o(a) }, e.$attrs, {
+      modelValue: r.value,
+      "onUpdate:modelValue": n[0] || (n[0] = (l) => r.value = l),
       canAddCustomEnumValue: !e.readOnly,
       containerClass: e.containerClass,
-      envVariables: e.envVariables,
       environment: e.environment,
       lineWrapping: "",
       readOnly: e.readOnly,
       required: e.required,
       type: e.type,
-      onInputBlur: n[1] || (n[1] = (l) => a("inputBlur")),
-      onInputFocus: n[2] || (n[2] = (l) => a("inputFocus")),
-      onSelectVariable: n[3] || (n[3] = (l) => a("selectVariable", l))
+      onInputBlur: n[1] || (n[1] = (l) => t("inputBlur")),
+      onInputFocus: n[2] || (n[2] = (l) => t("inputFocus")),
+      onSelectVariable: n[3] || (n[3] = (l) => t("selectVariable", l))
     }), {
-      default: s(() => [
-        C("label", { for: t(r) }, [
-          i(e.$slots, "default")
+      default: d(() => [
+        B("label", { for: o(a) }, [
+          s(e.$slots, "default")
         ], 8, q)
       ]),
-      icon: s(() => [
-        i(e.$slots, "icon")
+      icon: d(() => [
+        s(e.$slots, "icon")
       ]),
       _: 3
-    }, 16, ["id", "modelValue", "canAddCustomEnumValue", "containerClass", "envVariables", "environment", "readOnly", "required", "type"]));
+    }, 16, ["id", "modelValue", "canAddCustomEnumValue", "containerClass", "environment", "readOnly", "required", "type"]));
   }
 });
 export {

package/dist/v2/blocks/scalar-auth-selector-block/components/RequestAuthTab.vue.js

@@ -1,67 +1,80 @@
-import { defineComponent as R, computed as N, ref as P, createElementBlock as u, openBlock as r, Fragment as i, renderList as C, createBlock as k, createCommentVNode as b, unref as s, withCtx as o, createVNode as a, createElementVNode as _, toDisplayString as F, mergeProps as v, createTextVNode as x, normalizeClass as j, capitalize as $ } from "vue";
-import { ScalarMarkdownSummary as z } from "@scalar/components";
-import { getResolvedRef as K } from "@scalar/workspace-store/helpers/get-resolved-ref";
-import O from "./OAuth2.vue.js";
-import w from "./RequestAuthDataTableInput.vue.js";
-import f from "../../../../components/DataTable/DataTableRow.vue.js";
-import B from "../../../../components/DataTable/DataTableCell.vue.js";
-const L = { class: "bg-b-1 text-c-2 outline-b-3 top-0 z-1 h-full w-full overflow-hidden px-3 py-1.25 text-ellipsis group-hover/auth:absolute group-hover/auth:h-auto group-hover/auth:border-b *:first:line-clamp-1 *:first:text-ellipsis group-hover/auth:*:first:line-clamp-none" }, M = {
-  key: 0,
-  class: "flex min-h-8 border-t text-base"
-}, Q = { class: "flex h-8 max-w-full gap-2.5 overflow-x-auto px-3" }, q = ["onClick"], D = { class: "relative z-10" }, Y = /* @__PURE__ */ R({
+import { defineComponent as A, computed as N, ref as P, createElementBlock as s, openBlock as r, Fragment as d, renderList as C, createBlock as v, createCommentVNode as m, unref as i, withCtx as l, createVNode as n, createElementVNode as k, toDisplayString as R, createTextVNode as y, normalizeClass as z, capitalize as Q } from "vue";
+import { ScalarMarkdownSummary as q } from "@scalar/components";
+import { getResolvedRef as D } from "@scalar/workspace-store/helpers/get-resolved-ref";
+import E from "./OAuth2.vue.js";
+import b from "./RequestAuthDataTableInput.vue.js";
+import c from "../../../components/data-table/DataTableRow.vue.js";
+import I from "../../../components/data-table/DataTableCell.vue.js";
+const H = { class: "bg-b-1 text-c-2 outline-b-3 top-0 z-1 h-full w-full overflow-hidden px-3 py-1.25 text-ellipsis group-hover/auth:absolute group-hover/auth:h-auto group-hover/auth:border-b *:first:line-clamp-1 *:first:text-ellipsis group-hover/auth:*:first:line-clamp-none" }, L = { class: "flex min-h-8 border-t text-base" }, _ = { class: "flex h-8 max-w-full gap-2.5 overflow-x-auto px-3" }, G = ["onClick"], J = { class: "relative z-10" }, re = /* @__PURE__ */ A({
   __name: "RequestAuthTab",
   props: {
     environment: {},
-    envVariables: {},
-    layout: {},
+    isStatic: { type: Boolean },
     selectedSecuritySchemas: {},
     securitySchemes: {},
     server: {}
   },
   emits: ["update:securityScheme", "update:selectedScopes"],
-  setup(S, { emit: I }) {
-    const c = I, h = N(
-      () => Object.entries(S.selectedSecuritySchemas).map(([l, e]) => ({
-        scheme: K(S.securitySchemes[l]),
-        name: l,
+  setup(f, { emit: K }) {
+    const x = K, U = N(
+      () => Object.entries(f.selectedSecuritySchemas).map(([o, e]) => ({
+        scheme: D(f.securitySchemes[o]),
+        name: o,
         scopes: e
       }))
-    ), p = P(""), T = (l, e) => {
-      const t = e.description ? `: ${e.description}` : "", m = `${$(l)}${t || `: ${e.type}`}`;
-      if (e.type === "apiKey")
-        return `${$(l)}${t || `: ${e.in}`}`;
-      if (e.type === "oauth2") {
-        const U = Object.keys(e.flows ?? {})[0];
-        return `${$(l)}: ${p.value ? p.value : U}${t}`;
+    ), w = P(""), h = N(() => U.value.length > 1), F = (o, e) => {
+      const t = Q(o), u = e.description ? `: ${e.description}` : "";
+      switch (e.type) {
+        case "apiKey":
+          return `${t}${u || `: ${e.in}`}`;
+        case "oauth2": {
+          const V = Object.keys(e.flows ?? {})[0], a = w.value || V;
+          return `${t}: ${a}${u}`;
+        }
+        case "http":
+          return `${t}: ${e.scheme}${u}`;
+        default:
+          return `${t}${u || `: ${e.type}`}`;
       }
-      return e.type === "http" ? `${$(l)}: ${e.scheme}${t}` : `${m}${t}`;
-    }, y = {
-      environment: S.environment,
-      envVariables: S.envVariables
+    }, T = (o, e) => w.value === o || e === 0 && !w.value, B = () => f.isStatic && "border-t", g = (o, e) => x("update:securityScheme", {
+      type: "http",
+      [o]: e
+    }), j = (o, e) => x("update:securityScheme", {
+      type: "apiKey",
+      [o]: e
+    }), M = (o, e) => {
+      x("update:selectedScopes", {
+        id: Object.keys(f.selectedSecuritySchemas),
+        name: o,
+        ...e
+      });
+    }, O = (o, e) => {
+      const t = "floating-bg text-c-3 relative cursor-pointer border-b border-transparent py-1 text-base font-medium";
+      return T(o, e) ? `${t} !text-c-1 !rounded-none border-b !border-current ${f.isStatic ? "opacity-100" : ""}` : t;
     };
-    return (l, e) => (r(!0), u(i, null, C(h.value, ({ scheme: t, name: m, scopes: U }) => (r(), u(i, { key: m }, [
-      h.value.length > 1 && t ? (r(), k(s(f), { key: 0 }, {
-        default: o(() => [
-          a(s(B), {
-            "aria-label": T(m, t),
+    return (o, e) => (r(!0), s(d, null, C(U.value, ({ scheme: t, name: u, scopes: V }) => (r(), s(d, { key: u }, [
+      h.value && t ? (r(), v(i(c), { key: 0 }, {
+        default: l(() => [
+          n(i(I), {
+            "aria-label": F(u, t),
             class: "text-c-2 group/auth flex items-center leading-[22px] whitespace-nowrap outline-none hover:whitespace-normal"
           }, {
-            default: o(() => [
-              _("p", L, F(T(m, t)), 1)
+            default: l(() => [
+              k("p", H, R(F(u, t)), 1)
             ]),
             _: 2
           }, 1032, ["aria-label"])
         ]),
         _: 2
-      }, 1024)) : b("", !0),
-      t?.description && h.value.length <= 1 ? (r(), k(s(f), { key: 1 }, {
-        default: o(() => [
-          a(s(B), {
+      }, 1024)) : m("", !0),
+      t?.description && !h.value ? (r(), v(i(c), { key: 1 }, {
+        default: l(() => [
+          n(i(I), {
             "aria-label": t.description,
             class: "max-h-[auto]"
           }, {
-            default: o(() => [
-              a(s(z), {
+            default: l(() => [
+              n(i(q), {
                 class: "auth-description bg-b-1 text-c-2 min-w-0 flex-1 px-3 py-1.25",
                 value: t.description
               }, null, 8, ["value"])
@@ -70,157 +83,135 @@ const L = { class: "bg-b-1 text-c-2 outline-b-3 top-0 z-1 h-full w-full overflow
           }, 1032, ["aria-label"])
         ]),
         _: 2
-      }, 1024)) : b("", !0),
-      t?.type === "http" ? (r(), u(i, { key: 2 }, [
-        t.scheme === "bearer" ? (r(), k(s(f), { key: 0 }, {
-          default: o(() => [
-            a(w, v({ ref_for: !0 }, y, {
-              containerClass: l.layout === "reference" && "border-t",
+      }, 1024)) : m("", !0),
+      t?.type === "http" ? (r(), s(d, { key: 2 }, [
+        t.scheme === "bearer" ? (r(), v(i(c), { key: 0 }, {
+          default: l(() => [
+            n(b, {
+              containerClass: B(),
+              environment: o.environment,
               modelValue: t["x-scalar-secret-token"],
               placeholder: "Token",
               type: "password",
-              "onUpdate:modelValue": e[0] || (e[0] = (n) => c("update:securityScheme", {
-                type: "http",
-                payload: { token: n }
-              }))
-            }), {
-              default: o(() => [...e[5] || (e[5] = [
-                x(" Bearer Token ", -1)
+              "onUpdate:modelValue": e[0] || (e[0] = (a) => g("x-scalar-secret-token", a))
+            }, {
+              default: l(() => [...e[6] || (e[6] = [
+                y(" Bearer Token ", -1)
               ])]),
               _: 1
-            }, 16, ["containerClass", "modelValue"])
+            }, 8, ["containerClass", "environment", "modelValue"])
           ]),
           _: 2
-        }, 1024)) : t?.scheme === "basic" ? (r(), u(i, { key: 1 }, [
-          a(s(f), null, {
-            default: o(() => [
-              a(w, v({ ref_for: !0 }, y, {
+        }, 1024)) : t?.scheme === "basic" ? (r(), s(d, { key: 1 }, [
+          n(i(c), null, {
+            default: l(() => [
+              n(b, {
                 class: "text-c-2",
+                environment: o.environment,
                 modelValue: t["x-scalar-secret-username"],
                 placeholder: "janedoe",
                 required: "",
-                "onUpdate:modelValue": e[1] || (e[1] = (n) => c("update:securityScheme", {
-                  type: "http",
-                  payload: { username: n }
-                }))
-              }), {
-                default: o(() => [...e[6] || (e[6] = [
-                  x(" Username ", -1)
+                "onUpdate:modelValue": e[1] || (e[1] = (a) => g("x-scalar-secret-username", a))
+              }, {
+                default: l(() => [...e[7] || (e[7] = [
+                  y(" Username ", -1)
                 ])]),
                 _: 1
-              }, 16, ["modelValue"])
+              }, 8, ["environment", "modelValue"])
             ]),
             _: 2
           }, 1024),
-          a(s(f), null, {
-            default: o(() => [
-              a(w, v({ ref_for: !0 }, y, {
+          n(i(c), null, {
+            default: l(() => [
+              n(b, {
+                environment: o.environment,
                 modelValue: t["x-scalar-secret-password"],
                 placeholder: "********",
                 type: "password",
-                "onUpdate:modelValue": e[2] || (e[2] = (n) => c("update:securityScheme", {
-                  type: "http",
-                  payload: { password: n }
-                }))
-              }), {
-                default: o(() => [...e[7] || (e[7] = [
-                  x(" Password ", -1)
+                "onUpdate:modelValue": e[2] || (e[2] = (a) => g("x-scalar-secret-password", a))
+              }, {
+                default: l(() => [...e[8] || (e[8] = [
+                  y(" Password ", -1)
                 ])]),
                 _: 1
-              }, 16, ["modelValue"])
+              }, 8, ["environment", "modelValue"])
             ]),
             _: 2
           }, 1024)
-        ], 64)) : b("", !0)
-      ], 64)) : t?.type === "apiKey" ? (r(), u(i, { key: 3 }, [
-        a(s(f), null, {
-          default: o(() => [
-            a(w, v({ ref_for: !0 }, y, {
-              containerClass: l.layout === "reference" && "border-t",
+        ], 64)) : m("", !0)
+      ], 64)) : t?.type === "apiKey" ? (r(), s(d, { key: 3 }, [
+        n(i(c), null, {
+          default: l(() => [
+            n(b, {
+              containerClass: B(),
+              environment: o.environment,
               modelValue: t.name,
               placeholder: "api-key",
-              "onUpdate:modelValue": e[3] || (e[3] = (n) => c("update:securityScheme", {
-                type: "apiKey",
-                payload: { name: n }
-              }))
-            }), {
-              default: o(() => [...e[8] || (e[8] = [
-                x(" Name ", -1)
+              "onUpdate:modelValue": e[3] || (e[3] = (a) => j("name", a))
+            }, {
+              default: l(() => [...e[9] || (e[9] = [
+                y(" Name ", -1)
               ])]),
               _: 1
-            }, 16, ["containerClass", "modelValue"])
+            }, 8, ["containerClass", "environment", "modelValue"])
           ]),
           _: 2
         }, 1024),
-        a(s(f), null, {
-          default: o(() => [
-            a(w, v({ ref_for: !0 }, y, {
+        n(i(c), null, {
+          default: l(() => [
+            n(b, {
+              environment: o.environment,
               modelValue: t["x-scalar-secret-token"],
               placeholder: "QUxMIFlPVVIgQkFTRSBBUkUgQkVMT05HIFRPIFVT",
               type: "password",
-              "onUpdate:modelValue": e[4] || (e[4] = (n) => c("update:securityScheme", {
-                type: "apiKey",
-                payload: { value: n }
-              }))
-            }), {
-              default: o(() => [...e[9] || (e[9] = [
-                x(" Value ", -1)
+              "onUpdate:modelValue": e[4] || (e[4] = (a) => j("x-scalar-secret-token", a))
+            }, {
+              default: l(() => [...e[10] || (e[10] = [
+                y(" Value ", -1)
               ])]),
               _: 1
-            }, 16, ["modelValue"])
+            }, 8, ["environment", "modelValue"])
           ]),
           _: 2
         }, 1024)
-      ], 64)) : t?.type === "oauth2" ? (r(), u(i, { key: 4 }, [
-        a(s(f), null, {
-          default: o(() => [
-            Object.keys(t.flows).length > 1 ? (r(), u("div", M, [
-              _("div", Q, [
-                (r(!0), u(i, null, C(t?.flows, (n, d, V) => (r(), u("button", {
-                  key: d,
-                  class: j(["floating-bg text-c-3 relative cursor-pointer border-b-[1px] border-transparent py-1 text-base font-medium", {
-                    "!text-c-1 !rounded-none border-b-[1px] !border-current": l.layout !== "reference" && (p.value === d || V === 0 && !p.value),
-                    "!text-c-1 !rounded-none border-b-[1px] !border-current opacity-100": l.layout === "reference" && (p.value === d || V === 0 && !p.value)
-                  }]),
+      ], 64)) : t?.type === "oauth2" ? (r(), s(d, { key: 4 }, [
+        Object.keys(t.flows).length > 1 ? (r(), v(i(c), { key: 0 }, {
+          default: l(() => [
+            k("div", L, [
+              k("div", _, [
+                (r(!0), s(d, null, C(t.flows, (a, p, $) => (r(), s("button", {
+                  key: p,
+                  class: z(O(p, $)),
                   type: "button",
-                  onClick: (g) => p.value = d
+                  onClick: (S) => w.value = p
                 }, [
-                  _("span", D, F(d), 1)
-                ], 10, q))), 128))
+                  k("span", J, R(p), 1)
+                ], 10, G))), 128))
               ])
-            ])) : b("", !0)
+            ])
           ]),
           _: 2
-        }, 1024),
-        (r(!0), u(i, null, C(t.flows, (n, d, V) => (r(), u(i, { key: d }, [
-          p.value === d || V === 0 && !p.value ? (r(), k(O, v({
+        }, 1024)) : m("", !0),
+        (r(!0), s(d, null, C(t.flows, (a, p, $) => (r(), s(d, { key: p }, [
+          T(p, $) ? (r(), v(E, {
             key: 0,
-            ref_for: !0
-          }, y, {
+            environment: o.environment,
             flows: t.flows,
             proxyUrl: "",
-            selectedScopes: U,
-            server: l.server,
-            type: d,
-            "onUpdate:securityScheme": (g) => c("update:securityScheme", {
-              type: "oauth2",
-              flow: d,
-              payload: g
-            }),
-            "onUpdate:selectedScopes": (g) => c("update:selectedScopes", {
-              id: Object.keys(l.selectedSecuritySchemas),
-              name: m,
-              ...g
-            })
-          }), null, 16, ["flows", "selectedScopes", "server", "type", "onUpdate:securityScheme", "onUpdate:selectedScopes"])) : b("", !0)
+            selectedScopes: V,
+            server: o.server,
+            type: p,
+            "onUpdate:securityScheme": e[5] || (e[5] = (S) => x("update:securityScheme", S)),
+            "onUpdate:selectedScopes": (S) => M(u, S)
+          }, null, 8, ["environment", "flows", "selectedScopes", "server", "type", "onUpdate:selectedScopes"])) : m("", !0)
         ], 64))), 128))
-      ], 64)) : t?.type === "openIdConnect" ? (r(), u("div", {
+      ], 64)) : t?.type === "openIdConnect" ? (r(), s("div", {
         key: 5,
-        class: j(["text-c-3 bg-b-1 flex min-h-[calc(4rem+1px)] items-center justify-center border-t border-b-0 px-4 text-base", { "rounded-b-lg": l.layout === "reference" }])
-      }, " Coming soon ", 2)) : b("", !0)
+        class: z(["text-c-3 bg-b-1 flex min-h-[calc(4rem+1px)] items-center justify-center border-t border-b-0 px-4 text-base", { "rounded-b-lg": o.isStatic }])
+      }, " Coming soon ", 2)) : m("", !0)
     ], 64))), 128));
   }
 });
 export {
-  Y as default
+  re as default
 };

package/dist/v2/blocks/scalar-auth-selector-block/helpers/oauth.d.ts

@@ -18,7 +18,7 @@ export declare const generateCodeChallenge: (verifier: string, encoding: "SHA-25
  */
 export declare const authorizeOauth2: (flows: OAuthFlowsObject, type: keyof OAuthFlowsObject, selectedScopes: string[], 
 /** We use the active server to set a base for relative redirect uris */
-activeServer: ServerObject, 
+activeServer: ServerObject | undefined, 
 /** If we want to use the proxy */
 proxyUrl?: string) => Promise<ErrorResponse<string>>;
 /**

package/dist/v2/blocks/scalar-auth-selector-block/helpers/oauth.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"oauth.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/helpers/oauth.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAGlH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,qDAAqD;AACrD,KAAK,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAA;AAgBD;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAU,UAAU,MAAM,EAAE,UAAU,SAAS,GAAG,OAAO,KAAG,OAAO,CAAC,MAAM,CAkB3G,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,gBAAgB,EACvB,MAAM,MAAM,gBAAgB,EAC5B,gBAAgB,MAAM,EAAE;AACxB,wEAAwE;AACxE,cAAc,YAAY;AAC1B,kCAAkC;AAClC,WAAW,MAAM,KAChB,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAkK/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,eAAe,EACtB,MAAM,MAAM,eAAe,EAC3B,QAAQ,MAAM,EACd,4BAIG;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB,KACL,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CA8F/B,CAAA"}
+{"version":3,"file":"oauth.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-auth-selector-block/helpers/oauth.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,gBAAgB,EAAE,YAAY,EAAE,MAAM,8DAA8D,CAAA;AAGlH,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAElD,qDAAqD;AACrD,KAAK,eAAe,GAAG,IAAI,CAAC,gBAAgB,EAAE,UAAU,CAAC,CAAA;AAEzD,KAAK,SAAS,GAAG;IACf,YAAY,EAAE,MAAM,CAAA;IACpB,aAAa,EAAE,MAAM,CAAA;IACrB,mBAAmB,EAAE,MAAM,CAAA;CAC5B,CAAA;AAgBD;;GAEG;AACH,eAAO,MAAM,qBAAqB,GAAU,UAAU,MAAM,EAAE,UAAU,SAAS,GAAG,OAAO,KAAG,OAAO,CAAC,MAAM,CAkB3G,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,eAAe,GAC1B,OAAO,gBAAgB,EACvB,MAAM,MAAM,gBAAgB,EAC5B,gBAAgB,MAAM,EAAE;AACxB,wEAAwE;AACxE,cAAc,YAAY,GAAG,SAAS;AACtC,kCAAkC;AAClC,WAAW,MAAM,KAChB,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CAkK/B,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,gBAAgB,GAC3B,OAAO,eAAe,EACtB,MAAM,MAAM,eAAe,EAC3B,QAAQ,MAAM,EACd,4BAIG;IACD,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,CAAA;IACvB,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CACzB,KACL,OAAO,CAAC,aAAa,CAAC,MAAM,CAAC,CA8F/B,CAAA"}

package/dist/v2/blocks/scalar-auth-selector-block/helpers/oauth.js

@@ -37,7 +37,7 @@ const C = () => {
     }
     const w = a[t];
     if (w["x-scalar-secret-redirect-uri"].startsWith("/")) {
-      const s = f.url || window.location.origin + window.location.pathname, n = new URL(w["x-scalar-secret-redirect-uri"], s).toString();
+      const s = f?.url || window.location.origin + window.location.pathname, n = new URL(w["x-scalar-secret-redirect-uri"], s).toString();
       c.searchParams.set("redirect_uri", n);
     } else
       c.searchParams.set("redirect_uri", w["x-scalar-secret-redirect-uri"]);

package/dist/v2/blocks/scalar-operation-block/components/OperationBlock.vue.d.ts

@@ -1,38 +1,24 @@
 import type { HttpMethod } from '@scalar/helpers/http/http-methods';
-import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { WorkspaceEventBus } from '@scalar/workspace-store/events';
 import type { AuthMeta } from '@scalar/workspace-store/mutators';
+import type { XScalarEnvironment } from '@scalar/workspace-store/schemas/extensions/document/x-scalar-environments';
 import type { OpenApiDocument, OperationObject, ServerObject } from '@scalar/workspace-store/schemas/v3.1/strict/openapi-document';
 import type { ClientLayout } from '../../../../hooks/index.js';
-import type { EnvVariable } from '../../../../store/index.js';
 import type { ClientPlugin } from '../../../../v2/plugins';
 type __VLS_Props = {
-    /** Operation method */
     method: HttpMethod;
-    /** Operation path */
     path: string;
-    /** Operation object */
     operation: OperationObject;
-    /** Meta information for the auth update */
     authMeta?: AuthMeta;
-    /** Currently selected example key for the current operation */
     exampleKey: string;
-    /** Document defined security schemes */
     securitySchemes: NonNullable<OpenApiDocument['components']>['securitySchemes'];
-    /** Currently selected security for the current operation */
     selectedSecurity: OpenApiDocument['x-scalar-selected-security'];
-    /** Required security for the operation/document */
     security: OpenApiDocument['security'];
-    /** Currently selected server for the current operation/document/workspace */
     server?: ServerObject;
-    /** Client layout */
     layout: ClientLayout;
-    /** Registered app plugins */
     plugins?: ClientPlugin[];
     eventBus: WorkspaceEventBus;
-    /** TODO: remove when we migrate */
-    environment: Environment;
-    envVariables: EnvVariable[];
+    environment: XScalarEnvironment;
 };
 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;

package/dist/v2/blocks/scalar-operation-block/components/OperationBlock.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OperationBlock.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationBlock.vue"],"names":[],"mappings":"AAucA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AACnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAA;AAK1C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,KAAK,WAAW,GAAG;IACjB,uBAAuB;IACvB,MAAM,EAAE,UAAU,CAAA;IAClB,qBAAqB;IACrB,IAAI,EAAE,MAAM,CAAA;IACZ,uBAAuB;IACvB,SAAS,EAAE,eAAe,CAAA;IAC1B,2CAA2C;IAC3C,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,+DAA+D;IAC/D,UAAU,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,4DAA4D;IAC5D,gBAAgB,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAA;IAC/D,mDAAmD;IACnD,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,6EAA6E;IAC7E,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,oBAAoB;IACpB,MAAM,EAAE,YAAY,CAAA;IACpB,6BAA6B;IAC7B,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IAExB,QAAQ,EAAE,iBAAiB,CAAA;IAE3B,mCAAmC;IACnC,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;CAC5B,CAAC;;AAuoBF,wBAMG"}
+{"version":3,"file":"OperationBlock.vue.d.ts","sourceRoot":"","sources":["../../../../../src/v2/blocks/scalar-operation-block/components/OperationBlock.vue"],"names":[],"mappings":"AAwYA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,mCAAmC,CAAA;AAEnE,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,gCAAgC,CAAA;AAEvE,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAA;AAChE,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,2EAA2E,CAAA;AACnH,OAAO,KAAK,EACV,eAAe,EACf,eAAe,EACf,YAAY,EACb,MAAM,8DAA8D,CAAA;AAKrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAK3C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,cAAc,CAAA;AAEhD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,UAAU,CAAA;IAClB,IAAI,EAAE,MAAM,CAAA;IACZ,SAAS,EAAE,eAAe,CAAA;IAC1B,QAAQ,CAAC,EAAE,QAAQ,CAAA;IACnB,UAAU,EAAE,MAAM,CAAA;IAClB,eAAe,EAAE,WAAW,CAAC,eAAe,CAAC,YAAY,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAA;IAC9E,gBAAgB,EAAE,eAAe,CAAC,4BAA4B,CAAC,CAAA;IAC/D,QAAQ,EAAE,eAAe,CAAC,UAAU,CAAC,CAAA;IACrC,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,MAAM,EAAE,YAAY,CAAA;IACpB,OAAO,CAAC,EAAE,YAAY,EAAE,CAAA;IACxB,QAAQ,EAAE,iBAAiB,CAAA;IAC3B,WAAW,EAAE,kBAAkB,CAAA;CAChC,CAAC;;AAgnBF,wBAMG"}