@scalar/api-client 2.5.1 → 2.5.3

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

@@ -1,21 +1,21 @@
-import { defineComponent as U, computed as v, useId as g, ref as D, watch as M, createBlock as p, openBlock as n, withCtx as c, createElementVNode as y, withDirectives as s, createCommentVNode as h, createElementBlock as f, createVNode as i, unref as r, vShow as m, Fragment as K, renderList as L, resolveDynamicComponent as Q, toDisplayString as $ } from "vue";
-import { ScalarErrorBoundary as P } from "@scalar/components";
-import { canMethodHaveBody as k, isDefined as F, REGEX as S } from "@scalar/oas-utils/helpers";
-import j from "../../../components/SectionFilter.vue.js";
+import { defineComponent as D, computed as v, useId as P, ref as M, watch as S, createBlock as p, openBlock as r, withCtx as c, createElementVNode as h, withDirectives as s, createCommentVNode as k, createElementBlock as f, createVNode as i, unref as n, vShow as u, Fragment as K, renderList as L, resolveDynamicComponent as Q, toDisplayString as $ } from "vue";
+import { ScalarErrorBoundary as C } from "@scalar/components";
+import { canMethodHaveBody as b, isDefined as j, REGEX as B } from "@scalar/oas-utils/helpers";
+import F from "../../../components/SectionFilter.vue.js";
 import T from "../../../components/ViewLayout/ViewLayoutSection.vue.js";
 import { matchesDomain as W } from "../../../libs/send-request/set-request-cookies.js";
 import z from "./RequestBody.vue.js";
-import b from "./RequestParams.vue.js";
+import V from "./RequestParams.vue.js";
 import G from "./RequestPathParams.vue.js";
 import X from "./RequestAuth/RequestAuth.vue.js";
 import J from "./RequestCodeExample.vue.js";
 import { usePluginManager as Y } from "../../../plugins/hooks/usePluginManager.js";
 import { useWorkspace as Z } from "../../../store/store.js";
 import { useLayout as x } from "../../../hooks/useLayout.js";
-const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ee = ["for"], ae = ["id", "placeholder", "value"], oe = {
+const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:pr-24" }, ee = ["for"], ae = ["id", "placeholder", "value"], le = {
   key: 2,
   class: "text-c-1 flex h-8 items-center"
-}, le = ["id", "role"], be = /* @__PURE__ */ U({
+}, oe = ["id", "role"], be = /* @__PURE__ */ D({
   __name: "RequestSection",
   props: {
     collection: {},
@@ -28,42 +28,39 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
     server: {},
     workspace: {}
   },
-  setup(o) {
-    const C = [
+  setup(l) {
+    const R = [
       "Auth",
       "Variables",
       "Cookies",
       "Headers",
       "Query",
-      "Body",
-      "Scripts"
-    ], { requestMutators: V, cookies: B, securitySchemes: R } = Z(), { layout: d } = x(), w = v(() => {
-      const e = /* @__PURE__ */ new Set(["All", ...C]);
-      return o.example.parameters.path.length || e.delete("Variables"), k(o.operation.method ?? "get") || e.delete("Body"), A.value && e.delete("Auth"), [...e];
+      "Body"
+      // 'Scripts',
+    ], { requestMutators: w, cookies: O, securitySchemes: A } = Z(), { layout: d } = x(), q = v(() => {
+      const e = /* @__PURE__ */ new Set(["All", ...R]);
+      return l.example.parameters.path.length || e.delete("Variables"), b(l.operation.method ?? "get") || e.delete("Body"), y.value && e.delete("Auth"), [...e];
     }), t = v(
       () => Object.fromEntries(
-        w.value.map((e) => [e, g()])
+        q.value.map((e) => [e, P()])
       )
-    ), A = v(
-      () => {
-        var e;
-        return d === "modal" && ((e = o.operation.security) == null ? void 0 : e.length) === 0;
-      }
-    ), a = D("All");
-    M(
-      () => o.operation,
+    ), y = v(
+      () => d === "modal" && !l.operation.security && !Object.keys(A ?? {}).length
+    ), a = M("All");
+    S(
+      () => l.operation,
       (e) => {
-        a.value === "Body" && e && !k(e.method) && (a.value = "All");
+        a.value === "Body" && e && !b(e.method) && (a.value = "All");
       }
     );
-    const O = (e) => {
-      const l = e.target;
-      V.edit(o.operation.uid, "summary", l.value);
-    }, E = v(
-      () => (o.workspace.cookies ?? []).map((e) => B[e]).filter(F).filter((e) => e.name).filter(
+    const E = (e) => {
+      const o = e.target;
+      w.edit(l.operation.uid, "summary", o.value);
+    }, H = v(
+      () => (l.workspace.cookies ?? []).map((e) => O[e]).filter(j).filter((e) => e.name).filter(
         (e) => {
-          var l;
-          return W(((l = o.server) == null ? void 0 : l.url) || o.operation.path, e.domain);
+          var o;
+          return W(((o = l.server) == null ? void 0 : o.url) || l.operation.path, e.domain);
         }
       ).map((e) => ({
         key: e.name,
@@ -76,40 +73,45 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
         },
         enabled: !0
       }))
-    ), H = () => o.operation.summary ? o.operation.summary : o.operation.path.replace(S.PROTOCOL, "") ? o.operation.path.replace(S.PROTOCOL, "") : "Request Name", q = g(), N = Y().getViewComponents("request.section"), I = (e, l) => V.edit(o.operation.uid, e, l);
-    return (e, l) => (n(), p(T, {
+    ), N = () => l.operation.summary ? l.operation.summary : l.operation.path.replace(B.PROTOCOL, "") ? l.operation.path.replace(B.PROTOCOL, "") : "Request Name", g = P(), I = Y().getViewComponents("request.section"), U = (e, o) => w.edit(l.operation.uid, e, o);
+    return S(
+      () => y.value,
+      (e) => {
+        e && a.value === "Auth" && (a.value = "All");
+      }
+    ), (e, o) => (r(), p(T, {
       "aria-label": `Request: ${e.operation.summary}`
     }, {
       title: c(() => [
-        y("div", _, [
-          r(d) !== "modal" ? (n(), f("label", {
+        h("div", _, [
+          n(d) !== "modal" ? (r(), f("label", {
             key: 0,
             class: "pointer-events-auto absolute top-0 left-0 h-full w-full cursor-text opacity-0",
-            for: r(q)
-          }, null, 8, ee)) : h("", !0),
-          r(d) !== "modal" ? (n(), f("input", {
+            for: n(g)
+          }, null, 8, ee)) : k("", !0),
+          n(d) !== "modal" ? (r(), f("input", {
             key: 1,
-            id: r(q),
+            id: n(g),
             class: "text-c-1 group-hover-input pointer-events-auto relative z-10 -ml-0.5 h-8 w-full rounded pl-1.25 has-[:focus-visible]:outline md:-ml-1.25",
-            placeholder: H(),
+            placeholder: N(),
             value: e.operation.summary,
-            onInput: O
-          }, null, 40, ae)) : (n(), f("span", oe, $(e.operation.summary), 1))
+            onInput: E
+          }, null, 40, ae)) : (r(), f("span", le, $(e.operation.summary), 1))
         ]),
-        i(j, {
+        i(F, {
           modelValue: a.value,
-          "onUpdate:modelValue": l[0] || (l[0] = (u) => a.value = u),
+          "onUpdate:modelValue": o[0] || (o[0] = (m) => a.value = m),
           filterIds: t.value,
-          filters: w.value
+          filters: q.value
         }, null, 8, ["modelValue", "filterIds", "filters"])
       ]),
       default: c(() => [
-        y("div", {
+        h("div", {
           id: t.value.All,
           class: "request-section-content custom-scroll relative flex flex-1 flex-col",
           role: a.value === "All" ? "tabpanel" : "none"
         }, [
-          e.collection && e.workspace && (r(d) !== "modal" || Object.keys(r(R) ?? {}).length) ? s((n(), p(X, {
+          e.collection && e.workspace && (n(d) !== "modal" || Object.keys(n(A) ?? {}).length) ? s((r(), p(X, {
             key: 0,
             id: t.value.Auth,
             class: "request-section-content-auth",
@@ -125,10 +127,10 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             workspace: e.workspace
           }, null, 8, ["id", "collection", "envVariables", "environment", "operation", "role", "selectedSecuritySchemeUids", "server", "workspace"])), [
             [
-              m,
-              !A.value && (a.value === "All" || a.value === "Auth")
+              u,
+              !y.value && (a.value === "All" || a.value === "Auth")
             ]
-          ]) : h("", !0),
+          ]) : k("", !0),
           s(i(G, {
             id: t.value.Variables,
             class: "request-section-content-path-params",
@@ -143,11 +145,11 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
             [
-              m,
+              u,
               (a.value === "All" || a.value === "Variables") && e.example.parameters.path.length
             ]
           ]),
-          s(i(b, {
+          s(i(V, {
             id: t.value.Cookies,
             class: "request-section-content-cookies",
             envVariables: e.envVariables,
@@ -157,14 +159,14 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             label: "Cookie",
             operation: e.operation,
             paramKey: "cookies",
-            readOnlyEntries: E.value,
+            readOnlyEntries: H.value,
             role: a.value === "All" ? "none" : "tabpanel",
             title: "Cookies",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "readOnlyEntries", "role", "workspace"]), [
-            [m, a.value === "All" || a.value === "Cookies"]
+            [u, a.value === "All" || a.value === "Cookies"]
           ]),
-          s(i(b, {
+          s(i(V, {
             id: t.value.Headers,
             class: "request-section-content-headers",
             envVariables: e.envVariables,
@@ -178,9 +180,9 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             title: "Headers",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
-            [m, a.value === "All" || a.value === "Headers"]
+            [u, a.value === "All" || a.value === "Headers"]
           ]),
-          s(i(b, {
+          s(i(V, {
             id: t.value.Query,
             class: "request-section-content-query",
             envVariables: e.envVariables,
@@ -194,9 +196,9 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             title: "Query Parameters",
             workspace: e.workspace
           }, null, 8, ["id", "envVariables", "environment", "example", "invalidParams", "operation", "role", "workspace"]), [
-            [m, a.value === "All" || a.value === "Query"]
+            [u, a.value === "All" || a.value === "Query"]
           ]),
-          e.operation.method && (a.value === "All" || a.value === "Body") && r(k)(e.operation.method) ? (n(), p(z, {
+          e.operation.method && (a.value === "All" || a.value === "Body") && n(b)(e.operation.method) ? (r(), p(z, {
             key: 1,
             id: t.value.Body,
             class: "request-section-content-body",
@@ -207,22 +209,22 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             role: a.value === "All" ? "none" : "tabpanel",
             title: "Body",
             workspace: e.workspace
-          }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"])) : h("", !0),
-          (n(!0), f(K, null, L(r(N), (u) => (n(), p(r(P), {
-            key: u.component
+          }, null, 8, ["id", "envVariables", "environment", "example", "operation", "role", "workspace"])) : k("", !0),
+          (r(!0), f(K, null, L(n(I), (m) => (r(), p(n(C), {
+            key: m.component
           }, {
             default: c(() => [
-              s((n(), p(Q(u.component), {
-                "onUpdate:operation": I,
+              s((r(), p(Q(m.component), {
+                "onUpdate:operation": U,
                 operation: e.operation
               }, null, 40, ["operation"])), [
-                [m, a.value === "All" || a.value === u.title]
+                [u, a.value === "All" || a.value === m.title]
               ])
             ]),
             _: 2
           }, 1024))), 128)),
-          l[1] || (l[1] = y("div", { class: "flex flex-grow" }, null, -1)),
-          i(r(P), null, {
+          o[1] || (o[1] = h("div", { class: "flex flex-grow" }, null, -1)),
+          i(n(C), null, {
             default: c(() => [
               i(J, {
                 class: "request-section-content-code-example -mt-1/2 border-t",
@@ -236,7 +238,7 @@ const _ = { class: "group pointer-events-none flex flex-1 items-center gap-1 lg:
             ]),
             _: 1
           })
-        ], 8, le)
+        ], 8, oe)
       ]),
       _: 1
     }, 8, ["aria-label"]));

package/dist/views/Request/RequestSection/helpers/update-scheme.js

@@ -1,17 +1,17 @@
-import { CLIENT_LS_KEYS as a } from "../../../../libs/local-storage.js";
-const l = (o, r, c, { securitySchemeMutators: m, securitySchemes: s }, S = !1) => {
-  var n;
-  if (m.edit(o, r, c), !!S)
+import { safeLocalStorage as s, CLIENT_LS_KEYS as m } from "@scalar/helpers/object/local-storage";
+const g = (o, r, n, { securitySchemeMutators: a, securitySchemes: S }, f = !1) => {
+  var c;
+  if (a.edit(o, r, n), !!f)
     try {
-      const e = JSON.parse(localStorage.getItem(a.AUTH) ?? "{}"), t = s[o];
+      const e = JSON.parse(s().getItem(m.AUTH) ?? "{}"), t = S[o];
       if (e && (t != null && t.nameKey)) {
-        const f = e[n = t.nameKey] || (e[n] = {});
-        f[r] = c, localStorage.setItem(a.AUTH, JSON.stringify(e));
+        const i = e[c = t.nameKey] || (e[c] = {});
+        i[r] = n, s().setItem(m.AUTH, JSON.stringify(e));
       }
     } catch (e) {
       console.error(e);
     }
 };
 export {
-  l as updateScheme
+  g as updateScheme
 };

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -34,7 +34,7 @@ const W = { class: "flex-center relative flex flex-1 flex-col gap-6 p-2 capitali
       }));
     }, k = (o) => {
       o != null && o.createNew && g.name === "request" && f();
-    }, w = "2.5.1";
+    }, w = "2.5.3";
     return R(() => a.hotKeys.on(k)), v(() => a.hotKeys.off(k)), (o, e) => (u(), i("div", W, [
       s("div", {
         class: y(["flex h-[calc(100%_-_50px)] flex-col items-center justify-center", {

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.5.1",
+  "version": "2.5.3",
   "engines": {
     "node": ">=20"
   },
@@ -204,19 +204,20 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "3.24.1",
-    "@scalar/components": "0.14.4",
-    "@scalar/draggable": "0.2.0",
+    "@scalar/components": "0.14.6",
     "@scalar/icons": "0.4.2",
-    "@scalar/oas-utils": "0.4.1",
+    "@scalar/draggable": "0.2.0",
+    "@scalar/import": "0.4.7",
+    "@scalar/helpers": "0.0.2",
+    "@scalar/oas-utils": "0.4.3",
     "@scalar/object-utils": "1.2.1",
-    "@scalar/openapi-parser": "0.13.0",
-    "@scalar/openapi-types": "0.3.1",
-    "@scalar/postman-to-openapi": "0.3.4",
-    "@scalar/import": "0.4.5",
+    "@scalar/openapi-parser": "0.15.0",
+    "@scalar/openapi-types": "0.3.2",
+    "@scalar/postman-to-openapi": "0.3.6",
     "@scalar/snippetz": "0.3.0",
-    "@scalar/types": "0.2.1",
-    "@scalar/themes": "0.13.1",
-    "@scalar/use-codemirror": "0.12.5",
+    "@scalar/types": "0.2.2",
+    "@scalar/use-codemirror": "0.12.7",
+    "@scalar/themes": "0.13.2",
     "@scalar/use-hooks": "0.2.2",
     "@scalar/use-toasts": "0.8.0",
     "@scalar/use-tooltip": "1.1.0"
@@ -232,7 +233,7 @@
     "vite": "5.4.19",
     "vite-svg-loader": "^5.1.0",
     "vitest": "^1.6.0",
-    "@scalar/build-tooling": "0.2.1",
+    "@scalar/build-tooling": "0.2.2",
     "@scalar/galaxy": "0.5.0"
   },
   "scripts": {