@scalar/api-client 2.3.31 → 2.3.32

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.d.ts

@@ -1,5 +1,6 @@
 import type { Operation, RequestExample, SecurityScheme, Server } from '@scalar/oas-utils/entities/spec';
 import type { ClientId, TargetId } from '@scalar/snippetz';
+import type { EnvVariables } from '../../../libs/env-helpers';
 type __VLS_Props = {
     target: TargetId;
     client: ClientId<TargetId>;
@@ -7,6 +8,7 @@ type __VLS_Props = {
     server?: Server | undefined;
     example?: RequestExample | undefined;
     securitySchemes?: SecurityScheme[];
+    environment?: EnvVariables | undefined;
 };
 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/views/Components/CodeSnippet/CodeSnippet.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeSnippet.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Components/CodeSnippet/CodeSnippet.vue"],"names":[],"mappings":"AA4FA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAO1D,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;CACnC,CAAC;;AAiIF,wBAMG"}
+{"version":3,"file":"CodeSnippet.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Components/CodeSnippet/CodeSnippet.vue"],"names":[],"mappings":"AAgGA,OAAO,KAAK,EACV,SAAS,EACT,cAAc,EACd,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAA;AAG1D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAKtD,KAAK,WAAW,GAAG;IACjB,MAAM,EAAE,QAAQ,CAAA;IAChB,MAAM,EAAE,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC1B,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACvC,CAAC;;AAmIF,wBAMG"}

package/dist/views/Components/CodeSnippet/CodeSnippet.vue.js

@@ -1,7 +1,7 @@
-import { defineComponent as u, computed as n, createElementBlock as c, createBlock as s, createCommentVNode as d, openBlock as l, toDisplayString as p, unref as m } from "vue";
-import { ScalarCodeBlock as f } from "@scalar/components";
-import { isDefined as y } from "@scalar/oas-utils/helpers";
-import { getSnippet as v } from "./helpers/get-snippet.js";
+import { defineComponent as u, computed as a, createElementBlock as c, createBlock as s, createCommentVNode as d, openBlock as l, toDisplayString as m, unref as f } from "vue";
+import { ScalarCodeBlock as p } from "@scalar/components";
+import { isDefined as v } from "@scalar/oas-utils/helpers";
+import { getSnippet as y } from "./helpers/get-snippet.js";
 const g = {
   key: 0,
   class: "text-c-3 flex min-h-16 items-center justify-center px-4 text-sm"
@@ -13,28 +13,30 @@ const g = {
     operation: {},
     server: {},
     example: {},
-    securitySchemes: { default: () => [] }
+    securitySchemes: { default: () => [] },
+    environment: {}
   },
   setup(t) {
-    const i = n(
+    const i = a(
       () => t.securitySchemes.flatMap((e) => e.type === "apiKey" ? e.value : (e == null ? void 0 : e.type) === "http" ? [
         e.token,
         e.password,
         btoa(`${e.username}:${e.password}`)
-      ] : e.type === "oauth2" ? Object.values(e.flows).map((r) => r == null ? void 0 : r.token).filter(y) : [])
-    ), a = n(() => {
-      const [e, r] = v(t.target, t.client, {
+      ] : e.type === "oauth2" ? Object.values(e.flows).map((r) => r == null ? void 0 : r.token).filter(v) : [])
+    ), n = a(() => {
+      const [e, r] = y(t.target, t.client, {
         operation: t.operation,
         example: t.example,
         server: t.server,
-        securitySchemes: t.securitySchemes
+        securitySchemes: t.securitySchemes,
+        environment: t.environment
       });
       return { error: e, payload: r };
-    }), o = n(() => t.target === "shell" && t.client === "curl" ? "curl" : t.target ?? "plaintext");
-    return (e, r) => a.value.error ? (l(), c("div", g, p(a.value.error.message), 1)) : a.value.payload ? (l(), s(m(f), {
+    }), o = a(() => t.target === "shell" && t.client === "curl" ? "curl" : t.target ?? "plaintext");
+    return (e, r) => n.value.error ? (l(), c("div", g, m(n.value.error.message), 1)) : n.value.payload ? (l(), s(f(p), {
       key: 1,
       class: "w-full",
-      content: a.value.payload,
+      content: n.value.payload,
       hideCredentials: i.value,
       lang: o.value,
       lineNumbers: ""

package/dist/views/Components/CodeSnippet/helpers/get-har-request.d.ts

@@ -1,12 +1,14 @@
 import type { Operation, RequestExample, SecurityScheme, Server } from '@scalar/oas-utils/entities/spec';
 import type { HarRequest } from '@scalar/snippetz';
+import type { EnvVariables } from '../../../../libs/env-helpers';
 /**
  * Creates a snippetz-compatible HarRequest from OpenAPI-like store entities
  */
-export declare const getHarRequest: ({ operation, example, server, securitySchemes, }: {
+export declare const getHarRequest: ({ operation, example, server, securitySchemes, environment, }: {
     operation?: Operation | undefined;
     example?: RequestExample | undefined;
     server?: Server | undefined;
     securitySchemes?: SecurityScheme[];
+    environment?: EnvVariables | undefined;
 }) => HarRequest;
 //# sourceMappingURL=get-har-request.d.ts.map

package/dist/views/Components/CodeSnippet/helpers/get-har-request.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-har-request.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/get-har-request.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAMlD;;GAEG;AACH,eAAO,MAAM,aAAa,qDAKvB;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;CACnC,KAAG,UAyCH,CAAA"}
+{"version":3,"file":"get-har-request.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/get-har-request.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxG,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAGlD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAMtD;;GAEG;AACH,eAAO,MAAM,aAAa,kEAMvB;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACvC,KAAG,UA0GH,CAAA"}

package/dist/views/Components/CodeSnippet/helpers/get-har-request.js

@@ -1,43 +1,86 @@
-import { buildRequestSecurity as R } from "../../../../libs/send-request/build-request-security.js";
-import { convertToHarRequest as n } from "./convert-to-har-request.js";
-const q = "YOUR_SECRET_TOKEN", o = ({
-  operation: s,
-  example: t,
-  server: u,
-  securitySchemes: b = []
+import { buildRequestSecurity as V } from "../../../../libs/send-request/build-request-security.js";
+import { replaceTemplateVariables as A } from "../../../../libs/string-template.js";
+import { REGEX as s } from "@scalar/oas-utils/helpers";
+import { convertToHarRequest as L } from "./convert-to-har-request.js";
+const v = "YOUR_SECRET_TOKEN", g = ({
+  operation: e,
+  example: u,
+  server: r,
+  securitySchemes: i = [],
+  environment: E
 }) => {
-  const c = R(b, {}, q), y = [
-    ...(t == null ? void 0 : t.parameters.headers) ?? [],
-    ...Object.entries(c.headers).map(([r, d]) => ({
-      key: r,
-      value: d,
+  const n = E && Array.isArray(E) ? Object.fromEntries(E.map((t) => [t.key, t.value])) : E || {}, T = (() => {
+    if (r != null && r.url && (s.VARIABLES.test(r.url) || s.PATH.test(r.url))) {
+      const t = Object.entries((r == null ? void 0 : r.variables) || {}).reduce(
+        (a, [d, l]) => {
+          var o, R;
+          const c = (R = (o = u == null ? void 0 : u.parameters) == null ? void 0 : o.path.find((b) => b.enabled && b.key === d)) == null ? void 0 : R.value;
+          return c ? a[d] = A(c, n) : l.default && (a[d] = A(l.default, n)), a;
+        },
+        {}
+      );
+      return A(A(r.url, n), t);
+    }
+    return r == null ? void 0 : r.url;
+  })(), P = (() => {
+    var a;
+    const t = (e == null ? void 0 : e.path) ?? "/";
+    if (t && (s.VARIABLES.test(t) || s.PATH.test(t))) {
+      const d = (((a = u == null ? void 0 : u.parameters) == null ? void 0 : a.path) ?? []).reduce((l, c) => (c.enabled && (l[c.key] = A(c.value, n)), l), {});
+      return A(A(t, n), d);
+    }
+    return t;
+  })(), f = V(i, n, v), y = [
+    ...((u == null ? void 0 : u.parameters.headers) ?? []).map((t) => ({
+      ...t,
+      value: s.VARIABLES.test(t.value) || s.PATH.test(t.value) ? A(t.value, n) : t.value
+    })) ?? [],
+    ...Object.entries(f.headers).map(([t, a]) => ({
+      key: t,
+      value: a,
       enabled: !0
     }))
-  ], h = [
-    ...(t == null ? void 0 : t.parameters.cookies) ?? [],
-    ...c.cookies.map((r) => ({
-      key: r.name,
-      value: r.value,
+  ], S = [
+    ...((u == null ? void 0 : u.parameters.cookies) ?? []).map((t) => ({
+      ...t,
+      value: s.VARIABLES.test(t.value) || s.PATH.test(t.value) ? A(t.value, n) : t.value
+    })) ?? [],
+    ...f.cookies.map((t) => ({
+      key: t.name,
+      value: t.value,
       enabled: !0
     }))
-  ], E = [
-    ...(t == null ? void 0 : t.parameters.query) ?? [],
-    ...Array.from(c.urlParams.entries()).map(([r, d]) => ({
-      key: r,
-      value: d,
+  ], h = [
+    ...((u == null ? void 0 : u.parameters.query) ?? []).map((t) => ({
+      ...t,
+      value: s.VARIABLES.test(t.value) || s.PATH.test(t.value) ? A(t.value, n) : t.value
+    })) ?? [],
+    ...Array.from(f.urlParams.entries()).map(([t, a]) => ({
+      key: t,
+      value: a,
       enabled: !0
     }))
-  ];
-  return n({
-    baseUrl: u == null ? void 0 : u.url,
-    method: (s == null ? void 0 : s.method) ?? "get",
-    path: (s == null ? void 0 : s.path) ?? "/",
-    body: t == null ? void 0 : t.body,
-    cookies: h,
+  ], H = (() => {
+    var a;
+    const t = u == null ? void 0 : u.body;
+    return (a = t == null ? void 0 : t.raw) != null && a.value && (s.VARIABLES.test(t.raw.value) || s.PATH.test(t.raw.value)) ? {
+      ...t,
+      raw: {
+        ...t.raw,
+        value: A(t.raw.value, n)
+      }
+    } : t;
+  })();
+  return L({
+    baseUrl: T,
+    method: (e == null ? void 0 : e.method) ?? "get",
+    path: P,
+    body: H,
+    cookies: S,
     headers: y,
-    query: E
+    query: h
   });
 };
 export {
-  o as getHarRequest
+  g as getHarRequest
 };

package/dist/views/Components/CodeSnippet/helpers/get-snippet.d.ts

@@ -1,13 +1,15 @@
 import type { ErrorResponse } from '../../../../libs/errors';
 import type { Operation, RequestExample, SecurityScheme, Server } from '@scalar/oas-utils/entities/spec';
 import { type ClientId, type TargetId } from '@scalar/snippetz';
+import type { EnvVariables } from '../../../../libs/env-helpers';
 /**
  * Returns a code example for given operation
  */
-export declare const getSnippet: <T extends TargetId>(target: T | "javascript", client: ClientId<T>, { operation, example, server, securitySchemes, }: {
+export declare const getSnippet: <T extends TargetId>(target: T | "javascript", client: ClientId<T>, { operation, example, server, securitySchemes, environment, }: {
     operation?: Operation | undefined;
     example?: RequestExample | undefined;
     server?: Server | undefined;
     securitySchemes?: SecurityScheme[];
+    environment?: EnvVariables | undefined;
 }) => ErrorResponse<string>;
 //# sourceMappingURL=get-snippet.d.ts.map

package/dist/views/Components/CodeSnippet/helpers/get-snippet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"get-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/get-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxG,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAY,MAAM,kBAAkB,CAAA;AAOzE;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,QAAQ,UACnC,CAAC,GAAG,YAAY,UAChB,QAAQ,CAAC,CAAC,CAAC,oDAMhB;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;CACnC,KACA,aAAa,CAAC,MAAM,CAiDtB,CAAA"}
+{"version":3,"file":"get-snippet.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/get-snippet.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,eAAe,CAAA;AAClD,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,EAAE,MAAM,iCAAiC,CAAA;AACxG,OAAO,EAAE,KAAK,QAAQ,EAAE,KAAK,QAAQ,EAAY,MAAM,kBAAkB,CAAA;AACzE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAOtD;;GAEG;AACH,eAAO,MAAM,UAAU,GAAI,CAAC,SAAS,QAAQ,UACnC,CAAC,GAAG,YAAY,UAChB,QAAQ,CAAC,CAAC,CAAC,iEAOhB;IACD,SAAS,CAAC,EAAE,SAAS,GAAG,SAAS,CAAA;IACjC,OAAO,CAAC,EAAE,cAAc,GAAG,SAAS,CAAA;IACpC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,eAAe,CAAC,EAAE,cAAc,EAAE,CAAA;IAClC,WAAW,CAAC,EAAE,YAAY,GAAG,SAAS,CAAA;CACvC,KACA,aAAa,CAAC,MAAM,CAkDtB,CAAA"}

package/dist/views/Components/CodeSnippet/helpers/get-snippet.js

@@ -1,18 +1,20 @@
 import { snippetz as a } from "@scalar/snippetz";
-import { getHarRequest as E } from "./get-har-request.js";
-const s = "ws://replace.me", S = (i, t, {
+import { getHarRequest as d } from "./get-har-request.js";
+const s = "ws://replace.me", f = (i, t, {
   operation: l,
   example: u,
   server: c,
-  securitySchemes: g = []
+  securitySchemes: g = [],
+  environment: E
 }) => {
   var n;
   try {
-    const r = E({
+    const r = d({
       operation: l,
       example: u,
       server: c,
-      securitySchemes: g
+      securitySchemes: g,
+      environment: E
     });
     if (!r.url)
       return [new Error("Please enter a URL to see a code snippet"), null];
@@ -39,5 +41,5 @@ const s = "ws://replace.me", S = (i, t, {
   return [new Error("No snippet found"), null];
 };
 export {
-  S as getSnippet
+  f as getSnippet
 };

package/dist/views/Request/RequestSection/RequestCodeExample.vue.d.ts

@@ -1,11 +1,13 @@
 import type { Collection, Operation, RequestExample, Server } from '@scalar/oas-utils/entities/spec';
 import type { Workspace } from '@scalar/oas-utils/entities/workspace';
+import type { EnvVariables } from '../../../libs/env-helpers';
 type __VLS_Props = {
     collection: Collection;
     example: RequestExample;
     operation: Operation;
     server: Server | undefined;
     workspace: Workspace;
+    environment: EnvVariables;
 };
 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, {}, HTMLDivElement>;
 export default _default;

package/dist/views/Request/RequestSection/RequestCodeExample.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestCodeExample.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestCodeExample.vue"],"names":[],"mappings":"AA0RA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAcrE,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AA2WF,wBAOG"}
+{"version":3,"file":"RequestCodeExample.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestCodeExample.vue"],"names":[],"mappings":"AA8RA,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EAEd,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAOrE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAMtD,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,OAAO,EAAE,cAAc,CAAA;IACvB,SAAS,EAAE,SAAS,CAAA;IACpB,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,WAAW,EAAE,YAAY,CAAA;CAC1B,CAAC;;AA6WF,wBAOG"}

package/dist/views/Request/RequestSection/RequestCodeExample.vue.js

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

package/dist/views/Request/RequestSection/RequestCodeExample.vue2.js

@@ -1,70 +1,64 @@
-import { defineComponent as H, computed as a, ref as U, createElementBlock as j, openBlock as v, createVNode as i, withCtx as c, createElementVNode as x, createBlock as C, unref as r, toDisplayString as D, createTextVNode as N } from "vue";
-import { ScalarCodeBlock as R, ScalarCombobox as T, ScalarButton as W, ScalarIcon as q } from "@scalar/components";
-import { snippetz as z } from "@scalar/snippetz";
-import I from "../../../components/DataTable/DataTable.vue.js";
-import O from "../../../components/DataTable/DataTableRow.vue.js";
+import { defineComponent as H, computed as a, ref as U, createElementBlock as j, openBlock as y, createVNode as i, withCtx as c, createElementVNode as x, createBlock as C, unref as r, toDisplayString as D, createTextVNode as N } from "vue";
+import { ScalarCodeBlock as T, ScalarCombobox as W, ScalarButton as z, ScalarIcon as I } from "@scalar/components";
+import { snippetz as O } from "@scalar/snippetz";
+import R from "../../../components/DataTable/DataTable.vue.js";
+import q from "../../../components/DataTable/DataTableRow.vue.js";
 import M from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { filterSecurityRequirements as P } from "./helpers/filter-security-requirements.js";
-import A from "../../Components/CodeSnippet/CodeSnippet.vue.js";
-import { useWorkspace as F } from "../../../store/store.js";
-const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" }, ne = /* @__PURE__ */ H({
+import P from "../../Components/CodeSnippet/CodeSnippet.vue.js";
+import { useWorkspace as A } from "../../../store/store.js";
+const F = { class: "w-full" }, G = { class: "-mx-1 flex flex-1" }, J = { class: "bg-b-1 flex items-center justify-center overflow-hidden border-t" }, le = /* @__PURE__ */ H({
   __name: "RequestCodeExample",
   props: {
     collection: {},
     example: {},
     operation: {},
     server: {},
-    workspace: {}
+    workspace: {},
+    environment: {}
   },
-  setup(n) {
-    var b, K, S, h;
-    const { securitySchemes: k, workspaceMutators: w } = F(), f = a(() => {
+  setup(o) {
+    var b, K, h, S;
+    const { securitySchemes: k, workspaceMutators: w } = A(), f = a(() => {
       var t, e, l;
       return d.value.targetKey === "custom" && ((t = u.value) == null ? void 0 : t.some(
-        (o) => o.lang === d.value.clientKey
+        (n) => n.lang === d.value.clientKey
       )) ? d.value : {
-        targetKey: ((e = n.workspace.selectedHttpClient) == null ? void 0 : e.targetKey) ?? "js",
-        clientKey: ((l = n.workspace.selectedHttpClient) == null ? void 0 : l.clientKey) ?? "fetch"
+        targetKey: ((e = o.workspace.selectedHttpClient) == null ? void 0 : e.targetKey) ?? "js",
+        clientKey: ((l = o.workspace.selectedHttpClient) == null ? void 0 : l.clientKey) ?? "fetch"
       };
     }), u = a(
-      () => n.operation["x-codeSamples"] || n.operation["x-code-samples"] || n.operation["x-custom-examples"]
+      () => o.operation["x-codeSamples"] || o.operation["x-code-samples"] || o.operation["x-custom-examples"]
     ), d = U(
       (b = u.value) != null && b.length ? {
         targetKey: "custom",
         clientKey: (K = u.value[0]) == null ? void 0 : K.lang
       } : {
-        targetKey: ((S = n.workspace.selectedHttpClient) == null ? void 0 : S.targetKey) ?? "js",
-        clientKey: ((h = n.workspace.selectedHttpClient) == null ? void 0 : h.clientKey) ?? "fetch"
+        targetKey: ((h = o.workspace.selectedHttpClient) == null ? void 0 : h.targetKey) ?? "js",
+        clientKey: ((S = o.workspace.selectedHttpClient) == null ? void 0 : S.clientKey) ?? "fetch"
       }
-    ), $ = a(
-      () => P(
-        n.operation.security || n.collection.security || [],
-        n.operation.selectedSecuritySchemeUids || n.collection.selectedSecuritySchemeUids,
-        k
-      )
-    ), y = a(() => {
-      const t = {}, e = z().clients().map((o) => ({
-        label: o.title,
-        options: o.clients.map((p) => (t[`${o.key},${p.client}`] = p.title, {
-          id: `${o.key},${p.client}`,
+    ), $ = a(() => (o.operation.selectedSecuritySchemeUids || o.collection.selectedSecuritySchemeUids || []).flat().map((e) => k[e]).filter((e) => !!e)), v = a(() => {
+      const t = {}, e = O().clients().map((n) => ({
+        label: n.title,
+        options: n.clients.map((p) => (t[`${n.key},${p.client}`] = p.title, {
+          id: `${n.key},${p.client}`,
           label: p.title
         }))
-      })), l = (n.operation["x-codeSamples"] || n.operation["x-code-samples"] || n.operation["x-custom-examples"] || []).map((o) => ({
-        id: `custom,${o.lang}`,
-        label: o.label || o.lang
+      })), l = (o.operation["x-codeSamples"] || o.operation["x-code-samples"] || o.operation["x-custom-examples"] || []).map((n) => ({
+        id: `custom,${n.lang}`,
+        label: n.label || n.lang
       })), m = l.length > 0 ? [
         {
           id: "customExamples",
           label: "Code Examples",
-          options: l.map((o) => ({
-            id: o.id,
-            label: o.label ?? o.id
+          options: l.map((n) => ({
+            id: n.id,
+            label: n.label ?? n.id
           }))
         },
         ...e
       ] : e;
-      return l.forEach((o) => {
-        t[o.id] = o.label ?? o.id;
+      return l.forEach((n) => {
+        t[n.id] = n.label ?? n.id;
       }), {
         options: m,
         dict: t
@@ -75,24 +69,24 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
         const l = `custom,${t.clientKey}`;
         return {
           id: l,
-          label: y.value.dict[l] ?? "Unknown"
+          label: v.value.dict[l] ?? "Unknown"
         };
       }
       const e = `${t.targetKey},${t.clientKey}`;
       return {
         id: e,
-        label: y.value.dict[e] ?? "Unknown"
+        label: v.value.dict[e] ?? "Unknown"
       };
     }), E = a(
       () => f.value.targetKey
-    ), V = a(
+    ), B = a(
       () => f.value.clientKey
-    ), B = ({ id: t }) => {
+    ), V = ({ id: t }) => {
       const [e, l] = t.split(",");
       !e || !l || (d.value = {
         targetKey: e,
         clientKey: l
-      }, e !== "custom" && w.edit(n.workspace.uid, "selectedHttpClient", {
+      }, e !== "custom" && w.edit(o.workspace.uid, "selectedHttpClient", {
         targetKey: e,
         clientKey: l
       }));
@@ -103,7 +97,7 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
       const t = s.value.id.split(",")[1], e = (l = u.value) == null ? void 0 : l.find((m) => m.lang === t);
       return e == null ? void 0 : e.source;
     });
-    return (t, e) => (v(), j("div", G, [
+    return (t, e) => (y(), j("div", F, [
       i(M, {
         class: "group/preview w-full border-b-0",
         defaultOpen: !1
@@ -112,15 +106,15 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
           N("Code Snippet")
         ])),
         actions: c(() => [
-          x("div", J, [
-            i(r(T), {
+          x("div", G, [
+            i(r(W), {
               modelValue: s.value,
-              options: y.value.options,
+              options: v.value.options,
               placement: "bottom-end",
-              "onUpdate:modelValue": B
+              "onUpdate:modelValue": V
             }, {
               default: c(() => [
-                i(r(W), {
+                i(r(z), {
                   class: "text-c-1 hover:bg-b-3 py-0.75 flex h-full w-fit gap-1.5 px-1.5 font-normal",
                   fullWidth: "",
                   variant: "ghost"
@@ -129,7 +123,7 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
                     var l;
                     return [
                       x("span", null, D((l = s.value) == null ? void 0 : l.label), 1),
-                      i(r(q), {
+                      i(r(I), {
                         icon: "ChevronDown",
                         size: "md"
                       })
@@ -143,29 +137,30 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
           ])
         ]),
         default: c(() => [
-          i(I, {
+          i(R, {
             columns: [""],
             presentational: ""
           }, {
             default: c(() => [
-              i(O, null, {
+              i(q, null, {
                 default: c(() => [
-                  x("div", L, [
-                    g.value ? (v(), C(r(R), {
+                  x("div", J, [
+                    g.value ? (y(), C(r(T), {
                       key: 0,
                       class: "px-3 py-1.5",
                       content: g.value,
                       lang: s.value.id.split(",")[1] ?? "plaintext"
-                    }, null, 8, ["content", "lang"])) : (v(), C(r(A), {
+                    }, null, 8, ["content", "lang"])) : (y(), C(r(P), {
                       key: 1,
                       class: "px-3 py-1.5",
-                      client: V.value,
+                      client: B.value,
                       example: t.example,
                       operation: t.operation,
                       securitySchemes: $.value,
                       server: t.server,
-                      target: E.value
-                    }, null, 8, ["client", "example", "operation", "securitySchemes", "server", "target"]))
+                      target: E.value,
+                      environment: t.environment
+                    }, null, 8, ["client", "example", "operation", "securitySchemes", "server", "target", "environment"]))
                   ])
                 ]),
                 _: 1
@@ -180,5 +175,5 @@ const G = { class: "w-full" }, J = { class: "-mx-1 flex flex-1" }, L = { class:
   }
 });
 export {
-  ne as default
+  le as default
 };

package/dist/views/Request/RequestSection/RequestSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AAgUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AASrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAU1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,OAAO,EAAE,cAAc,CAAA;IACvB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAoVF,wBAOG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AAiUA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAA;AACnF,OAAO,KAAK,EACV,UAAU,EACV,SAAS,EACT,cAAc,EACd,MAAM,EACP,MAAM,iCAAiC,CAAA;AACxC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AASrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AAU1D,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE,UAAU,CAAA;IACtB,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,WAAW,EAAE,CAAA;IAC3B,OAAO,EAAE,cAAc,CAAA;IACvB,aAAa,EAAE,GAAG,CAAC,MAAM,CAAC,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,0BAA0B,EAAE,0BAA0B,CAAA;IACtD,MAAM,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;CACrB,CAAC;;AAoVF,wBAOG"}

package/dist/views/Request/RequestSection/RequestSection.vue.js

@@ -1,7 +1,7 @@
-import e from "./RequestSection.vue2.js";
+import o from "./RequestSection.vue2.js";
 /* empty css                    */
-import o from "../../../_virtual/_plugin-vue_export-helper.js";
-const p = /* @__PURE__ */ o(e, [["__scopeId", "data-v-2e516ee8"]]);
+import t from "../../../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-83e16b0b"]]);
 export {
   p as default
 };