@scalar/api-client 2.3.30 → 2.3.32

package/dist/views/Collection/Collection.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as c, ref as n, computed as l, watch as p, openBlock as _, createBlock as d, withCtx as s, createVNode as r, createElementVNode as h, unref as x } from "vue";
+import { defineComponent as c, ref as n, computed as l, watch as p, createBlock as _, openBlock as d, withCtx as s, createVNode as r, createElementVNode as h, unref as x } from "vue";
 import { useScroll as v } from "@vueuse/core";
 import { useRouter as w, RouterView as k } from "vue-router";
 import y from "../../components/ViewLayout/ViewLayout.vue.js";
@@ -25,7 +25,7 @@ const V = { class: "w-full md:mx-auto md:max-w-[720px]" }, g = /* @__PURE__ */ c
       {
         immediate: !0
       }
-    ), (t, e) => (_(), d(y, {
+    ), (t, e) => (d(), _(y, {
       ref_key: "el",
       ref: o,
       class: "h-fit overflow-auto pb-6 xl:overflow-auto"

package/dist/views/Collection/CollectionAuthentication.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as v, openBlock as r, createElementBlock as h, createElementVNode as o, createVNode as x, unref as e, createBlock as y, normalizeClass as S, createCommentVNode as b } from "vue";
+import { defineComponent as v, createElementBlock as h, openBlock as r, createElementVNode as o, createBlock as x, createCommentVNode as y, createVNode as S, unref as e, normalizeClass as b } from "vue";
 import { ScalarToggle as C } from "@scalar/components";
 import { useActiveEntities as _ } from "../../store/active-entities.js";
 import { useWorkspace as V } from "../../store/store.js";
@@ -29,15 +29,15 @@ const k = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, w = { cla
           ], -1)),
           o("div", A, [
             l[0] || (l[0] = o("p", { class: "text-c-2 flex flex-1 text-balance" }, " Don’t want to set up the authentication for each request? Enable this option to set the authentication once for the whole collection. ", -1)),
-            x(e(C), {
+            S(e(C), {
               class: "w-4",
               modelValue: ((n = e(t)) == null ? void 0 : n.useCollectionSecurity) ?? !1,
               "onUpdate:modelValue": f
             }, null, 8, ["modelValue"])
           ]),
-          e(t) && e(i) ? (r(), y(e(g), {
+          e(t) && e(i) ? (r(), x(e(g), {
             key: 0,
-            class: S([
+            class: b([
               "scalar-collection-auth",
               !((s = e(t)) != null && s.useCollectionSecurity) && "pointer-events-none opacity-50 mix-blend-luminosity"
             ]),
@@ -49,7 +49,7 @@ const k = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, w = { cla
             server: e(d),
             title: "Authentication",
             workspace: e(i)
-          }, null, 8, ["class", "collection", "envVariables", "environment", "selectedSecuritySchemeUids", "server", "workspace"])) : b("", !0)
+          }, null, 8, ["class", "collection", "envVariables", "environment", "selectedSecuritySchemeUids", "server", "workspace"])) : y("", !0)
         ])
       ]);
     };

package/dist/views/Collection/CollectionCookies.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as o, openBlock as t, createBlock as n, withCtx as r, createTextVNode as i } from "vue";
+import { defineComponent as o, createBlock as t, openBlock as n, withCtx as r, createTextVNode as i } from "vue";
 import _ from "../../components/ViewLayout/ViewLayoutSection.vue.js";
 const c = /* @__PURE__ */ o({
   __name: "CollectionCookies",
   setup(l) {
-    return (m, e) => (t(), n(_, null, {
+    return (m, e) => (n(), t(_, null, {
       title: r(() => e[0] || (e[0] = [
         i("Cookies")
       ])),

package/dist/views/Collection/CollectionEnvironment.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as e, openBlock as n, createBlock as o, withCtx as r, createTextVNode as i } from "vue";
+import { defineComponent as e, createBlock as n, openBlock as o, withCtx as r, createTextVNode as i } from "vue";
 import m from "../../components/ViewLayout/ViewLayoutSection.vue.js";
 const s = /* @__PURE__ */ e({
   __name: "CollectionEnvironment",
   setup(_) {
-    return (l, t) => (n(), o(m, null, {
+    return (l, t) => (o(), n(m, null, {
       title: r(() => t[0] || (t[0] = [
         i("Environments")
       ])),

package/dist/views/Collection/CollectionInfoForm.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as p, openBlock as v, createElementBlock as h, createVNode as a, withCtx as c, unref as f, createElementVNode as V } from "vue";
+import { defineComponent as b, computed as p, createElementBlock as v, openBlock as h, createVNode as a, createElementVNode as V, withCtx as c, unref as f } from "vue";
 import { ScalarButton as w } from "@scalar/components";
 import { LibraryIcon as I } from "@scalar/icons/library";
 import g from "../../components/Form/LabelInput.vue.js";
@@ -27,7 +27,7 @@ const N = ["aria-label"], U = { class: "ml-1.25 group relative" }, S = /* @__PUR
         version: (m = (d = e == null ? void 0 : e.value) == null ? void 0 : d.info) == null ? void 0 : m.version
       };
     });
-    return (t, r) => (v(), h("div", {
+    return (t, r) => (h(), v("div", {
       "aria-label": `Collection: ${u.value.title}`,
       class: "mx-auto flex h-fit w-full flex-col gap-2 pb-3 pt-6 md:mx-auto md:max-w-[720px]"
     }, [

package/dist/views/Collection/CollectionNavigation.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as b, computed as k, openBlock as r, createElementBlock as a, createVNode as x, createElementVNode as n, normalizeClass as c, unref as t, toDisplayString as h, createCommentVNode as _, Fragment as g, renderList as C, createBlock as N, withCtx as S } from "vue";
+import { defineComponent as b, computed as k, createElementBlock as a, openBlock as r, createVNode as x, createElementVNode as n, normalizeClass as c, createCommentVNode as _, unref as t, toDisplayString as h, Fragment as g, renderList as C, createBlock as N, withCtx as S } from "vue";
 import { LibraryIcon as B } from "@scalar/icons/library";
 import { useRouter as z, RouterLink as E } from "vue-router";
 import { PathId as m } from "../../routes.js";

package/dist/views/Collection/CollectionOverview.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as u, openBlock as c, createBlock as l, withCtx as v, unref as e, createCommentVNode as d } from "vue";
+import { defineComponent as u, createBlock as c, openBlock as l, withCtx as v, createCommentVNode as d, unref as e } from "vue";
 import f from "../../components/ViewLayout/ViewLayoutSection.vue.js";
 import { useActiveEntities as _ } from "../../store/active-entities.js";
 import k from "./components/MarkdownInput.vue.js";
@@ -14,11 +14,11 @@ const M = /* @__PURE__ */ u({
     } = _(), { collectionMutators: m } = V(), p = (i) => {
       o.value && m.edit(o.value.uid, "info.description", i);
     };
-    return (i, w) => (c(), l(f, null, {
+    return (i, w) => (l(), c(f, null, {
       default: v(() => {
         var r, a;
         return [
-          e(t) && e(n) ? (c(), l(k, {
+          e(t) && e(n) ? (l(), c(k, {
             key: 0,
             envVariables: e(s),
             environment: e(t),

package/dist/views/Collection/CollectionScripts.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as e, openBlock as o, createBlock as r, withCtx as n, createTextVNode as i } from "vue";
+import { defineComponent as e, createBlock as o, openBlock as r, withCtx as n, createTextVNode as i } from "vue";
 import p from "../../components/ViewLayout/ViewLayoutSection.vue.js";
 const s = /* @__PURE__ */ e({
   __name: "CollectionScripts",
   setup(c) {
-    return (_, t) => (o(), r(p, null, {
+    return (_, t) => (r(), o(p, null, {
       title: n(() => t[0] || (t[0] = [
         i("Scripts")
       ])),

package/dist/views/Collection/CollectionServerForm.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as _, computed as u, watch as h, openBlock as o, createElementBlock as c, normalizeClass as k, Fragment as x, createVNode as y, createBlock as U, createCommentVNode as n } from "vue";
+import { defineComponent as _, computed as u, watch as h, createElementBlock as c, openBlock as o, normalizeClass as k, createCommentVNode as n, Fragment as x, createVNode as y, createBlock as U } from "vue";
 import { REGEX as E } from "@scalar/oas-utils/helpers";
 import g from "../../components/Form/Form.vue.js";
 import C from "../../components/Server/ServerVariablesForm.vue.js";

package/dist/views/Collection/CollectionServers.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as y, ref as C, computed as w, openBlock as o, createElementBlock as u, createElementVNode as c, createStaticVNode as A, Fragment as M, renderList as N, createBlock as m, unref as e, toDisplayString as D, createVNode as n, withCtx as f, createCommentVNode as I } from "vue";
+import { defineComponent as y, ref as C, computed as w, createElementBlock as u, openBlock as o, createElementVNode as c, createVNode as n, createStaticVNode as A, Fragment as M, renderList as N, createBlock as m, createCommentVNode as D, unref as e, toDisplayString as I, withCtx as f } from "vue";
 import { useModal as $, ScalarMarkdown as j, ScalarButton as p, ScalarIcon as z, ScalarModal as B } from "@scalar/components";
 import { ScalarIconTrash as U } from "@scalar/icons";
 import V from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
@@ -41,7 +41,7 @@ const T = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, F = { cla
                   key: 0,
                   value: r.description,
                   class: "self-center"
-                }, null, 8, ["value"])) : (o(), u("span", W, "Server " + D(k + 1), 1)),
+                }, null, 8, ["value"])) : (o(), u("span", W, "Server " + I(k + 1), 1)),
                 n(e(p), {
                   class: "hover:bg-b-3 hover:text-c-1 p-1.25 h-fit",
                   variant: "ghost",
@@ -57,7 +57,7 @@ const T = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, F = { cla
                 key: 0,
                 collectionId: e(l).uid,
                 serverUid: r.uid
-              }, null, 8, ["collectionId", "serverUid"])) : I("", !0)
+              }, null, 8, ["collectionId", "serverUid"])) : D("", !0)
             ])
           ]))), 128)),
           c("div", Y, [

package/dist/views/Collection/CollectionSettings.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as D, openBlock as d, createElementBlock as c, Fragment as u, createElementVNode as t, createVNode as s, unref as l, createTextVNode as b, toDisplayString as N, withCtx as w } from "vue";
+import { defineComponent as D, createElementBlock as d, openBlock as c, Fragment as u, createElementVNode as t, createVNode as s, unref as l, createTextVNode as b, toDisplayString as N, withCtx as w } from "vue";
 import { useModal as S, ScalarToggle as W, ScalarIcon as _, ScalarButton as T, ScalarModal as V } from "@scalar/components";
 import { useRouter as A } from "vue-router";
 import B from "../../components/Sidebar/Actions/DeleteSidebarListElement.vue.js";
@@ -32,7 +32,7 @@ const $ = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, L = { cla
     }
     return (n, e) => {
       var f, p, v, x, g;
-      return d(), c(u, null, [
+      return c(), d(u, null, [
         t("div", $, [
           t("div", L, [
             e[5] || (e[5] = t("div", { class: "flex h-8 items-center" }, [
@@ -53,7 +53,7 @@ const $ = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, L = { cla
               ]),
               t("div", R, [
                 t("div", j, [
-                  (v = l(o)) != null && v.documentUrl ? (d(), c(u, { key: 0 }, [
+                  (v = l(o)) != null && v.documentUrl ? (c(), d(u, { key: 0 }, [
                     e[3] || (e[3] = t("span", { class: "bg-b-2 sticky left-0 pl-3 pr-2" }, "Source", -1)),
                     t("a", {
                       class: "text-c-2 group rounded pr-3 no-underline hover:underline",
@@ -66,7 +66,7 @@ const $ = { class: "flex h-full w-full flex-col gap-12 px-1.5 pt-8" }, L = { cla
                         icon: "ExternalLink"
                       })
                     ], 8, z)
-                  ], 64)) : (d(), c(u, { key: 1 }, [
+                  ], 64)) : (c(), d(u, { key: 1 }, [
                     s(l(_), {
                       class: "text-c-2 ml-3 mr-2 w-4",
                       icon: "NotAllowed",

package/dist/views/Collection/CollectionSync.vue2.js

@@ -1,9 +1,9 @@
-import { defineComponent as e, openBlock as o, createBlock as n, withCtx as r, createTextVNode as c } from "vue";
+import { defineComponent as e, createBlock as o, openBlock as n, withCtx as r, createTextVNode as c } from "vue";
 import _ from "../../components/ViewLayout/ViewLayoutSection.vue.js";
 const a = /* @__PURE__ */ e({
   __name: "CollectionSync",
   setup(i) {
-    return (l, t) => (o(), n(_, null, {
+    return (l, t) => (n(), o(_, null, {
       title: r(() => t[0] || (t[0] = [
         c("Sync")
       ])),

package/dist/views/Collection/components/MarkdownInput.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as g, ref as p, watch as w, nextTick as x, openBlock as o, createElementBlock as i, createElementVNode as n, createBlock as u, unref as s, withCtx as v, createVNode as d, createCommentVNode as a, Fragment as f } from "vue";
+import { defineComponent as g, ref as p, watch as w, nextTick as x, createElementBlock as i, openBlock as o, createElementVNode as n, createBlock as u, createCommentVNode as a, unref as s, withCtx as v, createVNode as d, Fragment as f } from "vue";
 import { ScalarButton as c, ScalarIcon as b, ScalarMarkdown as h } from "@scalar/components";
 import y from "../../../components/CodeInput/CodeInput.vue.js";
 const z = { class: "flex h-full w-full flex-col gap-2 pt-8" }, C = { class: "flex min-h-8 items-center justify-between gap-2 pl-1.5" }, I = { class: "has-[:focus-visible]:bg-b-1 z-1 group relative flex flex-col rounded-lg" }, B = { class: "flex h-full min-h-[calc(1rem*4)] flex-col" }, $ = {

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, openBlock as l, createElementBlock as c, toDisplayString as s, createBlock as d, unref as p, createCommentVNode 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,32 +13,34 @@ 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, s(a.value.error.message), 1)) : a.value.payload ? (l(), d(p(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: ""
-    }, null, 8, ["content", "hideCredentials", "lang"])) : m("", !0);
+    }, null, 8, ["content", "hideCredentials", "lang"])) : d("", !0);
   }
 });
 export {

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/Components/CodeSnippet/index.js

@@ -1,10 +1,10 @@
-import { convertToHarRequest as o } from "./helpers/convert-to-har-request.js";
-import { getHarRequest as p } from "./helpers/get-har-request.js";
-import { getSnippet as a } from "./helpers/get-snippet.js";
-import { default as x } from "./CodeSnippet.vue.js";
+import { default as o } from "./CodeSnippet.vue.js";
+import { convertToHarRequest as p } from "./helpers/convert-to-har-request.js";
+import { getHarRequest as a } from "./helpers/get-har-request.js";
+import { getSnippet as x } from "./helpers/get-snippet.js";
 export {
-  x as CodeSnippet,
-  o as convertToHarRequest,
-  p as getHarRequest,
-  a as getSnippet
+  o as CodeSnippet,
+  p as convertToHarRequest,
+  a as getHarRequest,
+  x as getSnippet
 };

package/dist/views/Cookies/CookieForm.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, computed as l, openBlock as r, createBlock as p } from "vue";
+import { defineComponent as s, computed as l, createBlock as r, openBlock as p } from "vue";
 import { cookieSchema as d } from "@scalar/oas-utils/entities/cookie";
 import u from "../../components/Form/Form.vue.js";
 import { useActiveEntities as k } from "../../store/active-entities.js";
@@ -22,7 +22,7 @@ const x = /* @__PURE__ */ s({
     ), n = (o, a) => {
       i.edit(e.value, o, a);
     };
-    return (o, a) => (r(), p(u, {
+    return (o, a) => (p(), r(u, {
       data: m.value,
       onUpdate: n,
       options: c

package/dist/views/Cookies/CookieModal.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, ref as c, watch as x, openBlock as b, createBlock as k, unref as C, withCtx as m, createVNode as t, createTextVNode as l, createElementVNode as i } from "vue";
+import { defineComponent as V, ref as c, watch as x, createBlock as b, openBlock as k, unref as C, withCtx as m, createVNode as t, createElementVNode as i, createTextVNode as l } from "vue";
 import { ScalarModal as g } from "@scalar/components";
 import { useToasts as N } from "@scalar/use-toasts";
 import S from "../../components/CommandPalette/CommandActionForm.vue.js";
@@ -30,7 +30,7 @@ const U = { class: "flex h-8 items-start gap-2 text-sm" }, $ = { class: "flex h-
           domain: ""
         });
       }
-    ), (s, e) => (b(), k(C(g), {
+    ), (s, e) => (k(), b(C(g), {
       size: "xs",
       state: s.state,
       title: "Add Cookie"

package/dist/views/Cookies/Cookies.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as K, onMounted as L, onBeforeUnmount as V, computed as h, openBlock as n, createBlock as d, withCtx as a, createVNode as r, unref as u, createElementVNode as b, createElementBlock as y, Fragment as j, renderList as A, withModifiers as O, createTextVNode as w } from "vue";
+import { defineComponent as K, onMounted as L, onBeforeUnmount as V, computed as h, createBlock as d, openBlock as n, withCtx as a, createVNode as r, unref as u, createTextVNode as b, createElementVNode as y, createElementBlock as w, Fragment as j, renderList as A, withModifiers as O } from "vue";
 import { useModal as H } from "@scalar/components";
 import { cookieSchema as I } from "@scalar/oas-utils/entities/cookie";
 import { useRouter as R, useRoute as W } from "vue-router";
@@ -83,14 +83,14 @@ const Z = { class: "flex-1" }, ee = { class: "relative mb-[.5px] last:mb-0" }, h
       default: a(() => [
         r(u(Y), { title: "Cookies" }, {
           content: a(() => [
-            b("div", Z, [
+            y("div", Z, [
               r(P, null, {
                 default: a(() => [
-                  (n(!0), y(j, null, A(Object.values(u(c)), (e) => (n(), y("li", {
+                  (n(!0), w(j, null, A(Object.values(u(c)), (e) => (n(), w("li", {
                     key: e.uid,
                     class: "gap-1/2 flex flex-col"
                   }, [
-                    b("div", ee, [
+                    y("div", ee, [
                       (n(), d(T, {
                         key: e.uid,
                         class: "text-xs",
@@ -120,7 +120,7 @@ const Z = { class: "flex-1" }, ee = { class: "relative mb-[.5px] last:mb-0" }, h
               hotkey: "N"
             }, {
               title: a(() => o[1] || (o[1] = [
-                w(" Add Cookie ")
+                b(" Add Cookie ")
               ])),
               _: 1
             })
@@ -134,7 +134,7 @@ const Z = { class: "flex-1" }, ee = { class: "relative mb-[.5px] last:mb-0" }, h
               class: "*:border-b-0"
             }, {
               title: a(() => o[2] || (o[2] = [
-                w("Edit Cookie")
+                b("Edit Cookie")
               ])),
               default: a(() => [
                 r(G)