@scalar/api-client 2.2.34 → 2.2.37

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

@@ -16,8 +16,8 @@ const ve = {
   class: "border-t-1/2 text-c-3 flex min-h-10 w-full items-center justify-center p-2 text-sm"
 }, fe = {
   key: 1,
-  class: "flex items-center justify-center p-1.5 overflow-hidden"
-}, pe = { class: "text-c-2 text-xs w-full border rounded p-1 max-w-full overflow-hidden whitespace-nowrap" }, Ce = /* @__PURE__ */ ae({
+  class: "border-t flex items-center justify-center p-1.5 overflow-hidden"
+}, pe = { class: "text-c-2 text-xs w-full border rounded py-1 px-1.5 max-w-full overflow-hidden whitespace-nowrap" }, Ce = /* @__PURE__ */ ae({
   __name: "RequestBody",
   props: {
     title: {}
@@ -174,14 +174,14 @@ const ve = {
           encoding: t,
           value: ((u = o.value.body.formData) == null ? void 0 : u.value) ?? []
         });
-      else if (!t) {
+      else if (!t && a !== "binary") {
         const { raw: p, ...h } = o.value.body;
         i.edit(o.value.uid, "body", h);
       }
       const l = [...o.value.parameters.headers], r = l.findIndex(
         (p) => p.key.toLowerCase() === "content-type"
       );
-      r >= 0 ? n && l[r] ? l[r].value = n : l[r] && l.splice(r, 1) : n && l.unshift({
+      r >= 0 ? n && l[r] ? l[r].value = n : l[r] && l.splice(r, 1) : n && l.push({
         key: "Content-Type",
         value: n,
         enabled: !0
@@ -315,7 +315,7 @@ const ve = {
                     }, {
                       default: m(() => [
                         v(c(U), {
-                          class: "flex gap-1.5 h-full px-2 text-c-2 font-normal hover:text-c-1 w-fit",
+                          class: "flex gap-1.5 h-full px-3 text-c-2 font-normal hover:text-c-1 w-fit",
                           fullWidth: "",
                           variant: "ghost"
                         }, {
@@ -435,7 +435,7 @@ const ve = {
                     onUploadFile: z
                   }, null, 8, ["items"])) : (g(), x(re, {
                     key: 4,
-                    class: "border-t-1/2",
+                    class: "border-t-1/2 px-1",
                     content: "",
                     language: Z.value,
                     lineNumbers: "",

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

@@ -1,7 +1,14 @@
 import { type RequestExample } from '@scalar/oas-utils/entities/spec';
+import type { RouteLocationRaw } from 'vue-router';
 type __VLS_Props = {
     title: string;
     paramKey: keyof RequestExample['parameters'];
+    readOnlyEntries?: {
+        key: string;
+        value: string;
+        enabled: boolean;
+        route: RouteLocationRaw;
+    }[];
 };
 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/Request/RequestSection/RequestParams.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAiNA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;AAKxC,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;CAC7C,CAAC;;AA4UF,wBAOG"}
+{"version":3,"file":"RequestParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestParams.vue"],"names":[],"mappings":"AAqOA,OAAO,EACL,KAAK,cAAc,EAEpB,MAAM,iCAAiC,CAAA;AAExC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,YAAY,CAAA;AAIlD,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;IAC5C,eAAe,CAAC,EAAE;QAChB,GAAG,EAAE,MAAM,CAAA;QACX,KAAK,EAAE,MAAM,CAAA;QACb,OAAO,EAAE,OAAO,CAAA;QAChB,KAAK,EAAE,gBAAgB,CAAA;KACxB,EAAE,CAAA;CACJ,CAAC;;AAwVF,wBAOG"}

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

@@ -1,74 +1,75 @@
-import { defineComponent as E, computed as f, onMounted as S, ref as A, watch as N, openBlock as y, createBlock as h, withCtx as n, createTextVNode as k, toDisplayString as R, createElementVNode as o, unref as x, createVNode as b, withModifiers as V, createCommentVNode as z, nextTick as _ } from "vue";
-import B from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
-import { useActiveEntities as M } from "../../../store/active-entities.js";
-import W from "./RequestTable.vue.js";
-import { ScalarTooltip as D, ScalarButton as O } from "@scalar/components";
-import { requestExampleParametersSchema as C } from "@scalar/oas-utils/entities/spec";
+import { defineComponent as A, computed as m, onMounted as N, ref as V, watch as B, openBlock as v, createBlock as d, withCtx as r, createTextVNode as R, toDisplayString as k, createElementVNode as i, unref as b, createVNode as x, withModifiers as M, createCommentVNode as C, nextTick as E } from "vue";
+import W from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
+import { useActiveEntities as z } from "../../../store/active-entities.js";
+import _ from "./RequestTable.vue.js";
+import { ScalarTooltip as D, ScalarButton as G } from "@scalar/components";
+import { requestExampleParametersSchema as q } from "@scalar/oas-utils/entities/spec";
 import { useWorkspace as U } from "../../../store/store.js";
-const j = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100 request-meta-buttons" }, F = { class: "sr-only" }, ee = /* @__PURE__ */ E({
+const j = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params:opacity-100 has-[:focus-visible]:opacity-100 request-meta-buttons" }, F = { class: "sr-only" }, te = /* @__PURE__ */ A({
   __name: "RequestParams",
   props: {
     title: {},
-    paramKey: {}
+    paramKey: {},
+    readOnlyEntries: {}
   },
-  setup(q) {
-    const r = q, { activeRequest: u, activeExample: s } = M(), { requestExampleMutators: i } = U(), l = f(
+  setup(w) {
+    const n = w, { activeRequest: u, activeExample: s } = z(), { requestExampleMutators: o } = U(), l = m(
       () => {
         var e;
-        return ((e = s.value) == null ? void 0 : e.parameters[r.paramKey]) ?? [];
+        return ((e = s.value) == null ? void 0 : e.parameters[n.paramKey]) ?? [];
       }
     );
-    S(() => {
-      v();
+    N(() => {
+      y();
     });
     const p = () => {
       if (!u.value || !s.value) return;
-      const e = C.parse({ enabled: !1 }), t = [...l.value, e];
-      i.edit(
+      const e = q.parse({ enabled: !1 }), t = [...l.value, e];
+      o.edit(
         s.value.uid,
-        `parameters.${r.paramKey}`,
+        `parameters.${n.paramKey}`,
         t
       );
-    }, m = A(null), w = (e, t, d) => {
+    }, c = V(null), P = (e, t, g) => {
       if (!u.value || !s.value) return;
-      const c = l.value;
-      if (c.length > e) {
-        const a = [...c];
+      const f = l.value;
+      if (f.length > e) {
+        const a = [...f];
         if (!a[e]) return;
-        a[e] = { ...a[e], [t]: d }, (a[e].key !== "" || a[e].value !== "") && (a[e].enabled = !0), a[e].key === "" && a[e].value === "" && a.splice(e, 1), i.edit(
+        a[e] = { ...a[e], [t]: g }, (a[e].key !== "" || a[e].value !== "") && (a[e].enabled = !0), a[e].key === "" && a[e].value === "" && a.splice(e, 1), o.edit(
           s.value.uid,
-          `parameters.${r.paramKey}`,
+          `parameters.${n.paramKey}`,
           a
         );
       } else {
-        const a = [C.parse({ [t]: d })];
-        i.edit(
+        const a = [q.parse({ [t]: g })];
+        o.edit(
           s.value.uid,
-          `parameters.${r.paramKey}`,
+          `parameters.${n.paramKey}`,
           a
-        ), _(() => {
-          var g;
-          if (!m.value) return;
-          (g = m.value.querySelectorAll("input")[t === "key" ? 0 : 1]) == null || g.focus();
+        ), E(() => {
+          var h;
+          if (!c.value) return;
+          (h = c.value.querySelectorAll("input")[t === "key" ? 0 : 1]) == null || h.focus();
         });
       }
-      e === c.length - 1 && p();
-    }, P = (e, t) => u.value && s.value && i.edit(
+      e === f.length - 1 && p();
+    }, K = (e, t) => u.value && s.value && o.edit(
       s.value.uid,
-      `parameters.${r.paramKey}.${e}.enabled`,
+      `parameters.${n.paramKey}.${e}.enabled`,
       t
-    ), K = () => {
+    ), $ = () => {
       if (!u.value || !s.value) return;
       const e = l.value.filter((t) => t.required);
-      i.edit(
+      o.edit(
         s.value.uid,
-        `parameters.${r.paramKey}`,
+        `parameters.${n.paramKey}`,
         e
-      ), _(() => {
+      ), E(() => {
         p();
       });
     };
-    function v() {
+    function y() {
       if (l.value.length === 0)
         p();
       else if (l.value.length >= 1) {
@@ -76,65 +77,77 @@ const j = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
         e && e.key !== "" && e.value !== "" && p();
       }
     }
-    const $ = f(
+    const O = m(
       () => l.value.filter((e) => e.key || e.value).length
-    ), T = f(() => l.value.length > 1);
-    return N(
+    ), T = m(() => l.value.length > 1);
+    B(
       () => s.value,
       (e, t) => {
-        e !== t && v();
+        e !== t && y();
       },
       { immediate: !0 }
-    ), (e, t) => (y(), h(B, {
+    );
+    const S = m(
+      () => (n.readOnlyEntries ?? []).length > 0
+    );
+    return (e, t) => (v(), d(W, {
       class: "group/params",
-      itemCount: $.value
+      itemCount: O.value
     }, {
-      title: n(() => [
-        k(R(e.title), 1)
+      title: r(() => [
+        R(k(e.title), 1)
       ]),
-      actions: n(() => [
-        o("div", j, [
-          T.value ? (y(), h(x(D), {
+      actions: r(() => [
+        i("div", j, [
+          T.value ? (v(), d(b(D), {
             key: 0,
             side: "right",
             sideOffset: 12
           }, {
-            trigger: n(() => [
-              b(x(O), {
+            trigger: r(() => [
+              x(b(G), {
                 class: "px-1 transition-none",
                 size: "sm",
                 variant: "ghost",
-                onClick: V(K, ["stop"])
+                onClick: M($, ["stop"])
               }, {
-                default: n(() => [
-                  t[0] || (t[0] = k(" Clear ")),
-                  o("span", F, "All " + R(e.title), 1)
+                default: r(() => [
+                  t[0] || (t[0] = R(" Clear ")),
+                  i("span", F, "All " + k(e.title), 1)
                 ]),
                 _: 1
               })
             ]),
-            content: n(() => t[1] || (t[1] = [
-              o("div", { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 z-context p-2 text-xxs leading-5 z-10 text-c-1" }, [
-                o("div", { class: "flex items-center text-c-2" }, [
-                  o("span", null, "Clear optional parameters")
+            content: r(() => t[1] || (t[1] = [
+              i("div", { class: "grid gap-1.5 pointer-events-none min-w-48 w-content shadow-lg rounded bg-b-1 p-2 text-xxs leading-5 z-10 text-c-1" }, [
+                i("div", { class: "flex items-center text-c-2" }, [
+                  i("span", null, "Clear optional parameters")
                 ])
               ], -1)
             ])),
             _: 1
-          })) : z("", !0)
+          })) : C("", !0)
         ])
       ]),
-      default: n(() => [
-        o("div", {
+      default: r(() => [
+        i("div", {
           ref_key: "tableWrapperRef",
-          ref: m
+          ref: c
         }, [
-          b(W, {
+          S.value ? (v(), d(_, {
+            key: 0,
+            class: "flex-1",
+            columns: ["32px", "", ""],
+            isGlobal: "",
+            isReadOnly: "",
+            items: e.readOnlyEntries
+          }, null, 8, ["items"])) : C("", !0),
+          x(_, {
             class: "flex-1",
             columns: ["32px", "", ""],
             items: l.value,
-            onToggleRow: P,
-            onUpdateRow: w
+            onToggleRow: K,
+            onUpdateRow: P
           }, null, 8, ["items"])
         ], 512)
       ]),
@@ -143,5 +156,5 @@ const j = { class: "text-c-2 flex whitespace-nowrap opacity-0 group-hover/params
   }
 });
 export {
-  ee as default
+  te as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"RequestPathParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestPathParams.vue"],"names":[],"mappings":"AA+IA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAMrE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;CAC7C,CAAC;;AA0MF,wBAOG"}
+{"version":3,"file":"RequestPathParams.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestPathParams.vue"],"names":[],"mappings":"AAyJA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,iCAAiC,CAAA;AAMrE,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAA;IACb,QAAQ,EAAE,MAAM,cAAc,CAAC,YAAY,CAAC,CAAA;CAC7C,CAAC;;AAmNF,wBAOG"}

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

@@ -1,18 +1,18 @@
-import { defineComponent as P, computed as _, watch as y, openBlock as g, createBlock as R, withCtx as $, createTextVNode as b, toDisplayString as q, createCommentVNode as V } from "vue";
+import { defineComponent as E, computed as P, watch as v, openBlock as g, createBlock as x, withCtx as R, createTextVNode as _, toDisplayString as q, createCommentVNode as V } from "vue";
 import w from "../../../components/ViewLayout/ViewLayoutCollapse.vue.js";
 import { useActiveEntities as M } from "../../../store/active-entities.js";
 import N from "./RequestTable.vue.js";
 import { REGEX as T } from "@scalar/oas-utils/helpers";
-import { useWorkspace as U } from "../../../store/store.js";
-const W = /* @__PURE__ */ P({
+import { useWorkspace as A } from "../../../store/store.js";
+const W = /* @__PURE__ */ E({
   __name: "RequestPathParams",
   props: {
     title: {},
     paramKey: {}
   },
-  setup(E) {
-    const u = E, { activeRequest: o, activeExample: n, activeServer: l } = M(), { requestMutators: f, requestExampleMutators: v } = U(), c = _(() => {
-      const e = n.value;
+  setup($) {
+    const u = $, { activeRequest: o, activeExample: s, activeServer: l } = M(), { requestMutators: h, requestExampleMutators: y } = A(), c = P(() => {
+      const e = s.value;
       return e ? e.parameters[u.paramKey].map((t) => {
         var a;
         return {
@@ -20,75 +20,84 @@ const W = /* @__PURE__ */ P({
           enum: t.enum || ((a = e.serverVariables) == null ? void 0 : a[t.key])
         };
       }) : [];
-    }), K = (e, t, a) => {
-      var p, r;
-      if (!o.value || !n.value) return;
-      const i = n.value.parameters[u.paramKey], s = (p = i[e]) == null ? void 0 : p.key;
-      if (s) {
+    }), k = (e, t, a) => {
+      var i, r;
+      if (!o.value || !s.value) return;
+      const p = s.value.parameters[u.paramKey], n = (i = p[e]) == null ? void 0 : i.key;
+      if (n) {
         if (t === "key") {
-          if ((r = i[e]) != null && r.required)
+          if ((r = p[e]) != null && r.required)
             return;
           if (a) {
-            const m = encodeURIComponent(s), d = encodeURIComponent(a), x = new RegExp(`(?<=/):${m}(?=[/?#]|$)`, "g"), C = o.value.path.replace(
-              x,
-              `:${d}`
+            const d = encodeURIComponent(n), f = encodeURIComponent(a), K = new RegExp(`(?<=/):${d}(?=[/?#]|$)`, "g"), b = o.value.path.replace(
+              K,
+              `:${f}`
             );
-            f.edit(o.value.uid, "path", C);
+            h.edit(o.value.uid, "path", b);
           } else {
-            i.splice(e, 1);
-            const m = new RegExp(`/:${encodeURIComponent(s)}(?=[/?#]|$)`, "g"), d = o.value.path.replace(m, "");
-            f.edit(o.value.uid, "path", d);
+            p.splice(e, 1);
+            const d = new RegExp(`/:${encodeURIComponent(n)}(?=[/?#]|$)`, "g"), f = o.value.path.replace(d, "");
+            h.edit(o.value.uid, "path", f);
           }
         }
-        v.edit(
-          n.value.uid,
+        y.edit(
+          s.value.uid,
           `parameters.${u.paramKey}.${e}.${t}`,
           a
         );
       }
-    }, k = (e) => {
-      var p;
-      if (!n.value) return;
-      const t = ((p = e.match(T.PATH)) == null ? void 0 : p.map((r) => r.slice(1, -1))) || [], a = n.value.parameters[u.paramKey], i = new Map(a.map((r) => [r.key, r])), s = t.map(
-        (r) => i.get(r) || { key: r, value: "", enabled: !0 }
+    }, C = (e) => {
+      var i;
+      if (!s.value) return;
+      const t = ((i = e.match(T.PATH)) == null ? void 0 : i.map((r) => r.slice(1, -1))) || [], a = s.value.parameters[u.paramKey], p = new Map(a.map((r) => [r.key, r])), n = t.map(
+        (r) => p.get(r) || { key: r, value: "", enabled: !0 }
       );
       a.forEach((r) => {
-        !t.includes(r.key) && (r.value || r.required) && s.push(r);
-      }), a.splice(0, a.length, ...s), v.edit(
-        n.value.uid,
+        !t.includes(r.key) && (r.value || r.required) && n.push(r);
+      }), a.splice(0, a.length, ...n), y.edit(
+        s.value.uid,
         `parameters.${u.paramKey}`,
         a
       );
-    }, h = (e) => {
-      e && k(e);
+    }, m = (e) => {
+      e && C(e);
     };
-    return y(
+    return v(
       () => o.value,
       (e) => {
         var t, a;
-        e && ((t = l.value) != null && t.url) && h((a = l.value) == null ? void 0 : a.url);
+        e && ((t = l.value) != null && t.url) && m((a = l.value) == null ? void 0 : a.url);
       }
-    ), y(
+    ), v(
       () => {
         var e;
         return (e = l.value) == null ? void 0 : e.url;
       },
       (e, t) => {
-        e && e !== t && h(e);
+        e && e !== t && m(e);
       }
-    ), (e, t) => (g(), R(w, {
+    ), v(
+      () => {
+        var e;
+        return (e = o.value) == null ? void 0 : e.path;
+      },
+      (e) => {
+        e && m(e);
+      }
+    ), (e, t) => (g(), x(w, {
       itemCount: c.value.length
     }, {
-      title: $(() => [
-        b(q(e.title), 1)
+      title: R(() => [
+        _(q(e.title), 1)
       ]),
-      default: $(() => [
-        c.value.length ? (g(), R(N, {
+      default: R(() => [
+        c.value.length ? (g(), x(N, {
           key: 0,
           class: "flex-1",
-          isEnabledHidden: "",
+          columns: ["32px", "", ""],
+          hasCheckboxDisabled: "",
           items: c.value,
-          onUpdateRow: K
+          onUpdateRow: k
         }, null, 8, ["items"])) : V("", !0)
       ]),
       _: 1

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":"AA4KA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;CACrC,CAAC;;AAkQF,wBAOG"}
+{"version":3,"file":"RequestSection.vue.d.ts","sourceRoot":"","sources":["../../../../src/views/Request/RequestSection/RequestSection.vue"],"names":[],"mappings":"AA4MA,KAAK,WAAW,GAAG;IACjB,0BAA0B,EAAE,MAAM,EAAE,CAAA;CACrC,CAAC;;AA8RF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./RequestSection.vue2.js";
 /* empty css                    */
 import t from "../../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4daacc06"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-582c4535"]]);
 export {
-  r as default
+  m as default
 };