@scalar/api-client 2.3.31 → 2.3.33

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

@@ -0,0 +1,274 @@
+import { defineComponent as $, ref as f, computed as b, watch as E, onMounted as D, createBlock as V, openBlock as d, withCtx as u, createVNode as v, createElementBlock as O, createTextVNode as K, Fragment as j, renderList as F, normalizeClass as A, createSlots as J, unref as g, createCommentVNode as L, withModifiers as q, nextTick as p } from "vue";
+import { ScalarButton as G } from "@scalar/components";
+import { ScalarIconWarning as H, ScalarIconTrash as P } from "@scalar/icons";
+import T from "../../../components/CodeInput/CodeInput.vue.js";
+import Q from "../../../components/DataTable/DataTable.vue.js";
+import U from "../../../components/DataTable/DataTableCell.vue.js";
+import z from "../../../components/DataTable/DataTableHeader.vue.js";
+import M from "../../../components/DataTable/DataTableRow.vue.js";
+import { useWorkspace as X } from "../../../store/store.js";
+const re = /* @__PURE__ */ $({
+  __name: "EnvironmentForm",
+  props: {
+    collection: {},
+    environment: {},
+    workspace: {},
+    envVariables: {}
+  },
+  setup(o) {
+    const { collectionMutators: y } = X(), r = f([]), k = f(/* @__PURE__ */ new Set()), w = f(/* @__PURE__ */ new Map()), c = f(!1), x = b(() => {
+      var e;
+      if (!((e = o.environment) != null && e.value))
+        return [{ key: "", value: "" }];
+      try {
+        const n = JSON.parse(o.environment.value), l = Object.entries(n).map(([t, a]) => ({
+          key: t,
+          value: String(a)
+        }));
+        return l.length === 0 ? [{ key: "", value: "" }] : l;
+      } catch {
+        return [{ key: "", value: "" }];
+      }
+    }), N = b(() => {
+      const e = r.value[r.value.length - 1];
+      return e ? e.key || e.value ? [...r.value, { key: "", value: "" }] : r.value : [{ key: "", value: "" }];
+    }), C = b(() => {
+      const e = /* @__PURE__ */ new Map();
+      return r.value.forEach((n, l) => {
+        if (n.key) {
+          const t = e.get(n.key) || [];
+          t.push(l), e.set(n.key, t);
+        }
+      }), w.value.forEach((n, l) => {
+        if (n) {
+          const t = e.get(n) || [];
+          t.push(l), e.set(n, t);
+        }
+      }), Array.from(e.values()).filter((n) => n.length > 1).flat();
+    });
+    E(
+      x,
+      (e) => {
+        r.value = [...e], k.value = new Set(e.map((n) => n.key).filter(Boolean));
+      },
+      { immediate: !0 }
+    );
+    const S = async (e, n, l) => {
+      var t;
+      if (!c.value) {
+        if (n === "key") {
+          w.value.set(e, l);
+          const a = new Set(k.value), s = r.value[e];
+          if (s && a.delete(s.key), a.has(l))
+            return;
+        }
+        c.value = !0;
+        try {
+          const a = [...r.value], s = a[e];
+          if (!s)
+            return;
+          a[e] = {
+            key: n === "key" ? l : s.key,
+            value: n === "value" ? l : s.value
+          }, !a[e].key && !a[e].value && e !== a.length - 1 && a.splice(e, 1);
+          const m = a.reduce(
+            (i, { key: I, value: R }) => ((I || R) && (i[I] = R), i),
+            {}
+          );
+          if (o.collection) {
+            const i = {
+              ...o.collection["x-scalar-environments"],
+              [o.environment.name]: {
+                ...(t = o.collection["x-scalar-environments"]) == null ? void 0 : t[o.environment.name],
+                variables: m
+              }
+            };
+            await y.edit(
+              o.collection.uid,
+              "x-scalar-environments",
+              i
+            );
+          }
+          if (e === r.value.length - 1) {
+            const i = a[a.length - 1];
+            i && (i.key || i.value) && await h();
+          }
+          await p(), r.value = a, n === "key" && (k.value = new Set(
+            a.map((i) => i.key).filter(Boolean)
+          ), w.value.delete(e));
+        } finally {
+          c.value = !1;
+        }
+      }
+    }, h = async () => {
+      var e;
+      if (!c.value) {
+        c.value = !0;
+        try {
+          const n = [...r.value, { key: "", value: "" }], l = n.reduce(
+            (t, { key: a, value: s }) => ((a || s) && (t[a] = s), t),
+            {}
+          );
+          if (o.collection) {
+            const t = {
+              ...o.collection["x-scalar-environments"],
+              [o.environment.name]: {
+                ...(e = o.collection["x-scalar-environments"]) == null ? void 0 : e[o.environment.name],
+                variables: l
+              }
+            };
+            await y.edit(
+              o.collection.uid,
+              "x-scalar-environments",
+              t
+            );
+          }
+          await p(), r.value = n;
+        } finally {
+          c.value = !1;
+        }
+      }
+    }, W = async (e) => {
+      var n;
+      if (!c.value) {
+        c.value = !0;
+        try {
+          const l = [...r.value];
+          l.splice(e, 1);
+          const t = l.reduce(
+            (a, { key: s, value: m }) => ((s || m) && (a[s] = m), a),
+            {}
+          );
+          if (o.collection) {
+            const a = {
+              ...o.collection["x-scalar-environments"],
+              [o.environment.name]: {
+                ...(n = o.collection["x-scalar-environments"]) == null ? void 0 : n[o.environment.name],
+                variables: t
+              }
+            };
+            await y.edit(
+              o.collection.uid,
+              "x-scalar-environments",
+              a
+            );
+          }
+          await p(), r.value = l;
+        } finally {
+          c.value = !1;
+        }
+      }
+    }, B = async () => {
+      if (r.value.length === 0)
+        await h();
+      else if (r.value.length >= 1) {
+        const e = r.value[r.value.length - 1];
+        e && (e.key || e.value) && await h();
+      }
+    };
+    return D(() => {
+      B();
+    }), E(
+      () => r.value,
+      () => {
+        B();
+      }
+    ), (e, n) => (d(), V(Q, {
+      class: "group/table flex-1",
+      columns: ["", ""]
+    }, {
+      default: u(() => [
+        v(M, { class: "sr-only !block" }, {
+          default: u(() => [
+            v(z, null, {
+              default: u(() => n[0] || (n[0] = [
+                K("Key")
+              ])),
+              _: 1
+            }),
+            v(z, null, {
+              default: u(() => n[1] || (n[1] = [
+                K("Value")
+              ])),
+              _: 1
+            })
+          ]),
+          _: 1
+        }),
+        (d(!0), O(j, null, F(N.value, (l, t) => (d(), V(M, {
+          key: t,
+          class: A({
+            error: C.value.includes(t)
+          })
+        }, {
+          default: u(() => [
+            v(U, null, {
+              default: u(() => [
+                v(T, {
+                  disableCloseBrackets: "",
+                  disableEnter: "",
+                  disableTabIndent: "",
+                  lineWrapping: "",
+                  environment: e.environment,
+                  envVariables: e.envVariables,
+                  modelValue: l.key,
+                  placeholder: "Key",
+                  workspace: e.workspace,
+                  "onUpdate:modelValue": (a) => S(t, "key", a)
+                }, J({ _: 2 }, [
+                  C.value.includes(t) ? {
+                    name: "icon",
+                    fn: u(() => [
+                      v(g(H), { class: "text-red mr-0.75 size-3.5 brightness-[.9]" })
+                    ]),
+                    key: "0"
+                  } : void 0
+                ]), 1032, ["environment", "envVariables", "modelValue", "workspace", "onUpdate:modelValue"])
+              ]),
+              _: 2
+            }, 1024),
+            v(U, null, {
+              default: u(() => [
+                v(T, {
+                  class: "pr-6 group-hover:pr-10 group-has-[.cm-focused]:pr-10",
+                  disableCloseBrackets: "",
+                  disableEnter: "",
+                  disableTabIndent: "",
+                  lineWrapping: "",
+                  environment: e.environment,
+                  envVariables: e.envVariables,
+                  modelValue: l.value,
+                  placeholder: "Value",
+                  workspace: e.workspace,
+                  "onUpdate:modelValue": (a) => S(t, "value", a)
+                }, {
+                  icon: u(() => [
+                    l.key || l.value ? (d(), V(g(G), {
+                      key: 0,
+                      class: "text-c-2 hover:text-c-1 hover:bg-b-2 z-context hidden h-fit rounded p-1 group-hover:flex group-has-[.cm-focused]:flex",
+                      size: "sm",
+                      variant: "ghost",
+                      onClick: q((a) => W(t), ["stop"])
+                    }, {
+                      default: u(() => [
+                        v(g(P), { class: "size-3.5" })
+                      ]),
+                      _: 2
+                    }, 1032, ["onClick"])) : L("", !0)
+                  ]),
+                  _: 2
+                }, 1032, ["environment", "envVariables", "modelValue", "workspace", "onUpdate:modelValue"])
+              ]),
+              _: 2
+            }, 1024)
+          ]),
+          _: 2
+        }, 1032, ["class"]))), 128))
+      ]),
+      _: 1
+    }));
+  }
+});
+export {
+  re as default
+};

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/convert-to-har-request.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"convert-to-har-request.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/convert-to-har-request.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAEhF,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAElD,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;IACzC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC3D,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC3D,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAC1D,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAA;AAEtC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,8DAQ7B,KAAK,KAAG,UAgHV,CAAA"}
+{"version":3,"file":"convert-to-har-request.d.ts","sourceRoot":"","sources":["../../../../../src/views/Components/CodeSnippet/helpers/convert-to-har-request.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAEhF,OAAO,KAAK,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAA;AAEjE,KAAK,KAAK,GAAG;IACX,OAAO,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,IAAI,CAAC,EAAE,cAAc,CAAC,MAAM,CAAC,GAAG,SAAS,CAAA;IACzC,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC3D,OAAO,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;IAC3D,KAAK,EAAE;QAAE,GAAG,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,OAAO,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAC1D,GAAG,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAA;AAEtC;;;GAGG;AACH,eAAO,MAAM,mBAAmB,8DAQ7B,KAAK,KAAG,UAoGV,CAAA"}

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

@@ -1,17 +1,17 @@
-import { mergeUrls as T } from "@scalar/oas-utils/helpers";
+import { mergeUrls as D } from "@scalar/oas-utils/helpers";
 const w = ({
-  baseUrl: u = "",
-  method: g,
-  body: r,
-  path: h,
-  cookies: s,
+  baseUrl: f = "",
+  method: u,
+  body: a,
+  path: g,
+  cookies: p,
   headers: o,
   query: m
 }) => {
-  var p, c, l;
-  const D = T(u, h, void 0, !0), i = {
-    method: g.toUpperCase(),
-    url: D.toString(),
+  var s, l, c;
+  const h = D(f, g, void 0, !0), r = {
+    method: u.toUpperCase(),
+    url: h.toString(),
     httpVersion: "HTTP/1.1",
     headers: [],
     queryString: [],
@@ -19,43 +19,44 @@ const w = ({
     headersSize: -1,
     bodySize: -1
   };
-  if (s.length && (i.cookies = s.filter((e) => e.enabled).map(({ key: e, value: t }) => ({
+  if (p.length && (r.cookies = p.filter((e) => e.enabled).map(({ key: e, value: t }) => ({
     name: e,
     value: t
-  }))), o.length && (i.headers = o.filter((e) => e.enabled && !(e.key.toLowerCase() === "accept" && e.value === "*/*")).map(({ key: e, value: t }) => ({
-    name: e.replace(/\b\w/g, (a) => a.toUpperCase()),
+  }))), o.length && (r.headers = o.filter((e) => e.enabled && !(e.key.toLowerCase() === "accept" && e.value === "*/*")).map(({ key: e, value: t }) => ({
+    name: e.replace(/\b\w/g, (n) => n.toUpperCase()),
     value: t
-  }))), m.length && (i.queryString = m.filter((e) => e.enabled).map(({ key: e, value: t }) => ({
+  }))), m.length && (r.queryString = m.filter((e) => e.enabled).map(({ key: e, value: t }) => ({
     name: e,
     value: t
-  }))), r)
+  }))), a)
     try {
-      const e = ((p = o.find((t) => t.key.toLowerCase() === "content-type")) == null ? void 0 : p.value) || "application/json";
-      if (r.activeBody === "formData" && r.formData) {
-        const t = {};
-        r.formData.value.forEach(({ key: a, value: f, file: n, enabled: S }) => {
-          S && (n ? t[a] = {
-            type: "file",
-            text: "BINARY",
-            name: a || "blob",
-            size: n.size,
-            fileName: n.name,
-            mimeType: n.type || "application/octet-stream"
-          } : t[a] ? (Array.isArray(t[a]) || (t[a] = [t[a]]), t[a].push(f)) : t[a] = f);
-        }), ((c = r.formData) == null ? void 0 : c.encoding) === "urlencoded" ? i.postData = {
+      const e = ((s = o.find((t) => t.key.toLowerCase() === "content-type")) == null ? void 0 : s.value) || "application/json";
+      if (a.activeBody === "formData" && a.formData) {
+        const t = [];
+        a.formData.value.forEach(({ key: n, value: v, file: i, enabled: T }) => {
+          T && (i ? t.push({
+            name: n || "blob",
+            value: "BINARY",
+            fileName: i.name,
+            contentType: i.type || "application/octet-stream"
+          }) : t.push({
+            name: n,
+            value: v
+          }));
+        }), ((l = a.formData) == null ? void 0 : l.encoding) === "urlencoded" ? r.postData = {
           mimeType: e,
-          text: new URLSearchParams(t).toString()
-        } : i.postData = {
+          params: t
+        } : r.postData = {
           mimeType: e,
-          text: JSON.stringify(t)
+          params: t
         };
-      } else r.activeBody === "raw" && r.raw && (i.postData = {
+      } else a.activeBody === "raw" && a.raw && (r.postData = {
         mimeType: e,
-        text: ((l = r.raw) == null ? void 0 : l.value) ?? ""
+        text: ((c = a.raw) == null ? void 0 : c.value) ?? ""
       });
     } catch {
     }
-  return i;
+  return r;
 };
 export {
   w as convertToHarRequest

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/Environment/EnvironmentModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"EnvironmentModal.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentModal.vue"],"names":[],"mappings":"AA2JA,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAYjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,0BAA0B,EAAE,UAAU,EAAE,CAAA;IACxC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAC;;;cAQU,MAAM;eACL,MAAM;cACP,MAAM;sBACE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS;;;;;cAHrC,MAAM;eACL,MAAM;cACP,MAAM;sBACE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS;;;;AAkSjD,wBAQG"}
+{"version":3,"file":"EnvironmentModal.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Environment/EnvironmentModal.vue"],"names":[],"mappings":"AA+JA,OAAO,EAKL,KAAK,UAAU,EAChB,MAAM,oBAAoB,CAAA;AAC3B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAA;AAYjE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,UAAU,CAAA;IACjB,0BAA0B,EAAE,UAAU,EAAE,CAAA;IACxC,YAAY,EAAE,MAAM,GAAG,SAAS,CAAA;CACjC,CAAC;;;cAQU,MAAM;eACL,MAAM;cACP,MAAM;sBACE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS;;;;;cAHrC,MAAM;eACL,MAAM;cACP,MAAM;sBACE,UAAU,CAAC,KAAK,CAAC,GAAG,SAAS;;;;AAsSjD,wBAQG"}