@scalar/api-client 2.18.0 → 2.18.3

package/CHANGELOG.md

@@ -1,5 +1,90 @@
 # @scalar/api-client
 
+## 2.18.3
+
+### Patch Changes
+
+#### Updated Dependencies
+
+- **@scalar/workspace-store@0.24.9**
+  - [#7751](https://github.com/scalar/scalar/pull/7751): fix: auth persistence
+
+- **@scalar/helpers@0.2.8**
+  - [#7751](https://github.com/scalar/scalar/pull/7751): fix: auth persistence
+
+- **@scalar/oas-utils@0.6.19**
+
+- **@scalar/sidebar@0.7.12**
+
+- **@scalar/components@0.16.22**
+
+- **@scalar/import@0.4.45**
+
+- **@scalar/json-magic@0.9.1**
+
+- **@scalar/object-utils@1.2.22**
+
+- **@scalar/postman-to-openapi@0.3.60**
+
+- **@scalar/types@0.5.8**
+
+- **@scalar/use-codemirror@0.13.16**
+
+- **@scalar/openapi-parser@0.24.1**
+
+- **@scalar/snippetz@0.6.5**
+
+## 2.18.2
+
+### Patch Changes
+
+- [#7765](https://github.com/scalar/scalar/pull/7765): fix: remove unneeded export from internal types and values
+- [#7728](https://github.com/scalar/scalar/pull/7728): fix: formBody handling in api client
+- [#7765](https://github.com/scalar/scalar/pull/7765): fix: remove unused files
+
+#### Updated Dependencies
+
+- **@scalar/workspace-store@0.24.8**
+  - [#7728](https://github.com/scalar/scalar/pull/7728): fix: formBody handling in api client
+
+- **@scalar/postman-to-openapi@0.3.59**
+  - [#7626](https://github.com/scalar/scalar/pull/7626): fix: remove `@scalar/oas-utils` unused dependency
+
+- **@scalar/openapi-parser@0.24.0**
+  - [#7171](https://github.com/scalar/scalar/pull/7171): refactor: new validator class
+
+- **@scalar/oas-utils@0.6.18**
+
+- **@scalar/sidebar@0.7.11**
+
+- **@scalar/components@0.16.21**
+
+- **@scalar/use-codemirror@0.13.15**
+
+## 2.18.1
+
+### Patch Changes
+
+- [#7744](https://github.com/scalar/scalar/pull/7744): fix: pass hideClientButton config into client modal
+- [#7743](https://github.com/scalar/scalar/pull/7743): fix: complex auth
+- [#7740](https://github.com/scalar/scalar/pull/7740): fix: filter out readonly properties from requestBody
+- [#7742](https://github.com/scalar/scalar/pull/7742): feat: export auth component + proxy fix
+
+#### Updated Dependencies
+
+- **@scalar/workspace-store@0.24.7**
+  - [#7745](https://github.com/scalar/scalar/pull/7745): fix: add nested array support to references
+
+- **@scalar/oas-utils@0.6.17**
+
+- **@scalar/sidebar@0.7.10**
+
+- **@scalar/components@0.16.20**
+
+- **@scalar/postman-to-openapi@0.3.58**
+
+- **@scalar/use-codemirror@0.13.14**
+
 ## 2.18.0
 
 ### Minor Changes

package/dist/components/AddressBar/AddressBar.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as E, useId as I, ref as i, watch as z, createElementBlock as L, openBlock as w, unref as a, createElementVNode as t, createVNode as u, normalizeStyle as U, createBlock as $, createCommentVNode as A, withCtx as M, toDisplayString as h } from "vue";
+import { defineComponent as E, useId as I, ref as s, watch as z, createElementBlock as L, openBlock as b, unref as n, createElementVNode as l, createVNode as u, normalizeStyle as U, createBlock as $, createCommentVNode as A, withCtx as M, toDisplayString as p } from "vue";
 import { ScalarButton as H } from "@scalar/components";
 import { REQUEST_METHODS as N } from "@scalar/helpers/http/http-info";
 import { ScalarIconPlay as T } from "@scalar/icons";
@@ -22,62 +22,62 @@ const j = ["id"], F = { class: "address-bar-bg-states text-xxs group relative or
     workspace: {}
   },
   emits: ["importCurl"],
-  setup(n) {
-    const f = I(), { requestMutators: c, events: d } = Q(), { layout: p } = W(), m = i(null), g = i(null), x = (e) => {
-      n.operation.path !== e && c.edit(n.operation.uid, "path", e);
+  setup(e) {
+    const c = I(), { requestMutators: f, events: d } = Q(), { layout: m } = W(), v = s(null), x = s(null), w = (t) => {
+      e.operation.path !== t && f.edit(e.operation.uid, "path", t);
     };
     z(
-      () => n.operation.path,
-      (e) => {
-        e && x(e);
+      () => e.operation.path,
+      (t) => {
+        t && w(t);
       }
     );
-    const o = i(100), b = i(0), l = i(!1), s = i();
+    const o = s(100), g = s(0), a = s(!1), i = s();
     function k() {
-      l.value ? o.value -= (o.value - 15) / 60 : o.value -= b.value / 20, o.value <= 0 && (clearInterval(s.value), s.value = void 0, o.value = 100, l.value = !1);
+      a.value ? o.value -= (o.value - 15) / 60 : o.value -= g.value / 20, o.value <= 0 && (clearInterval(i.value), i.value = void 0, o.value = 100, a.value = !1);
     }
     function B() {
-      s.value || (l.value = !0, s.value = setInterval(k, 20));
+      i.value || (a.value = !0, i.value = setInterval(k, 20));
     }
     function y() {
-      b.value = o.value, l.value = !1;
+      g.value = o.value, a.value = !1;
     }
     function C() {
-      clearInterval(s.value), s.value = void 0, o.value = 100, l.value = !1;
+      clearInterval(i.value), i.value = void 0, o.value = 100, a.value = !1;
     }
-    d.requestStatus.on((e) => {
-      if (e === "start")
+    d.requestStatus.on((t) => {
+      if (t === "start")
         return B();
-      if (e === "stop")
+      if (t === "stop")
         return y();
-      if (e === "abort")
+      if (t === "abort")
         return C();
     }), d.focusAddressBar.on(() => {
-      p === "modal" ? g.value?.$el?.focus() : m.value?.focus();
+      m === "modal" ? x.value?.$el?.focus() : v.value?.focus();
     });
-    function R(e) {
-      c.edit(n.operation.uid, "method", e);
+    function R(t) {
+      f.edit(e.operation.uid, "method", t);
     }
     function q() {
-      const { method: e } = n.operation;
-      return N[e].colorVar;
+      const { method: t } = e.operation;
+      return N[t].colorVar;
     }
-    function v() {
-      l.value || (l.value = !0, d.executeRequest.emit({ requestUid: n.operation.uid }));
+    function h() {
+      a.value || (a.value = !0, d.executeRequest.emit({ requestUid: e.operation.uid }));
     }
-    d.hotKeys.on((e) => {
-      e?.focusAddressBar && m.value?.focus(), e?.executeRequest && v();
+    d.hotKeys.on((t) => {
+      t?.focusAddressBar && v.value?.focus(), t?.executeRequest && h();
     });
-    function S(e) {
-      c.edit(n.operation.uid, "path", e);
+    function S(t) {
+      f.edit(e.operation.uid, "path", t);
     }
-    return (e, r) => (w(), L("div", {
-      id: a(f),
+    return (t, r) => (b(), L("div", {
+      id: n(c),
       class: "scalar-address-bar order-last flex h-(--scalar-address-bar-height) w-full [--scalar-address-bar-height:32px] lg:order-none lg:w-auto"
     }, [
-      t("div", F, [
-        t("div", G, [
-          t("div", {
+      l("div", F, [
+        l("div", G, [
+          l("div", {
             class: "absolute top-0 left-0 z-[1002] h-full w-full",
             style: U({
               backgroundColor: `color-mix(in srgb, transparent 90%, ${q()})`,
@@ -85,32 +85,32 @@ const j = ["id"], F = { class: "address-bar-bg-states text-xxs group relative or
             })
           }, null, 4)
         ]),
-        t("div", J, [
+        l("div", J, [
           u(O, {
-            isEditable: a(p) !== "modal",
+            isEditable: n(m) !== "modal",
             isSquare: "",
             method: e.operation.method,
             teleport: "",
             onChange: R
           }, null, 8, ["isEditable", "method"])
         ]),
-        t("div", X, [
-          e.collection.servers.length ? (w(), $(a(K), {
+        l("div", X, [
+          e.collection.servers.length ? (b(), $(n(K), {
             key: 0,
             collection: e.collection,
             layout: "client",
             operation: e.operation,
             server: e.server,
-            target: a(f)
+            target: n(c)
           }, null, 8, ["collection", "operation", "server", "target"])) : A("", !0),
-          r[1] || (r[1] = t("div", { class: "fade-left" }, null, -1)),
+          r[1] || (r[1] = l("div", { class: "fade-left" }, null, -1)),
           u(D, {
             ref_key: "addressBarRef",
-            ref: m,
+            ref: v,
             "aria-label": "Path",
             class: "min-w-fit outline-none",
             disableCloseBrackets: "",
-            disabled: a(p) === "modal",
+            disabled: n(m) === "modal",
             disableEnter: "",
             disableTabIndent: "",
             emitOnBlur: !1,
@@ -121,33 +121,33 @@ const j = ["id"], F = { class: "address-bar-bg-states text-xxs group relative or
             placeholder: e.server?.uid && e.collection.servers.includes(e.server.uid) ? "" : "Enter a URL or cURL command",
             server: "",
             workspace: e.workspace,
-            onCurl: r[0] || (r[0] = (V) => e.$emit("importCurl", V)),
-            onSubmit: v,
+            onCurl: r[0] || (r[0] = (V) => t.$emit("importCurl", V)),
+            onSubmit: h,
             "onUpdate:modelValue": S
           }, null, 8, ["disabled", "envVariables", "environment", "modelValue", "placeholder", "workspace"]),
-          r[2] || (r[2] = t("div", { class: "fade-right" }, null, -1))
+          r[2] || (r[2] = l("div", { class: "fade-right" }, null, -1))
         ]),
         u(P, {
           operation: e.operation,
-          target: a(f)
+          target: n(c)
         }, null, 8, ["operation", "target"]),
-        u(a(H), {
+        u(n(H), {
           ref_key: "sendButtonRef",
-          ref: g,
+          ref: x,
           class: "z-context-plus relative h-auto shrink-0 overflow-hidden py-1 pr-2.5 pl-2 font-bold",
-          disabled: l.value,
-          onClick: v
+          disabled: a.value,
+          onClick: h
         }, {
           default: M(() => [
-            t("span", Y, [
-              u(a(T), {
+            l("span", Y, [
+              u(n(T), {
                 class: "relative shrink-0",
                 size: "xs",
                 weight: "fill"
               }),
-              r[3] || (r[3] = t("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
+              r[3] || (r[3] = l("span", { class: "text-xxs hidden lg:flex" }, "Send", -1))
             ]),
-            t("span", Z, " Send " + h(e.operation.method) + " request to " + h(e.server?.url ?? "") + h(e.operation.path), 1)
+            l("span", Z, " Send " + p(e.operation.method) + " request to " + p(e.server?.url ?? "") + p(e.operation.path), 1)
           ]),
           _: 1
         }, 8, ["disabled"])

package/dist/components/AddressBar/AddressBarHistory.vue2.js

@@ -1,4 +1,4 @@
-import { defineComponent as k, computed as x, createBlock as n, openBlock as a, unref as e, withCtx as o, createVNode as i, createSlots as _, createCommentVNode as d, createElementVNode as s, normalizeStyle as y, createElementBlock as C, Fragment as S, renderList as b, toDisplayString as l, normalizeClass as H } from "vue";
+import { defineComponent as x, computed as k, createBlock as n, openBlock as r, unref as e, withCtx as o, createVNode as i, createSlots as _, createCommentVNode as m, createElementVNode as s, normalizeStyle as y, createElementBlock as C, Fragment as S, renderList as b, toDisplayString as l, normalizeClass as H } from "vue";
 import { Menu as q, MenuButton as B, MenuItems as M, MenuItem as w } from "@headlessui/vue";
 import { ScalarFloating as z, ScalarIcon as I, ScalarFloatingBackdrop as F } from "@scalar/components";
 import { httpStatusCodes as N } from "@scalar/oas-utils/helpers";
@@ -6,31 +6,31 @@ import { formatMs as R } from "../../libs/formatters.js";
 import V from "../HttpMethod/HttpMethod.vue.js";
 import { getStatusCodeColor as E } from "./httpStatusCodeColors.js";
 import { useWorkspace as A } from "../../store/store.js";
-const D = { class: "min-w-0" }, L = { class: "text-c-1 min-w-0 truncate" }, Q = /* @__PURE__ */ k({
+const D = { class: "min-w-0" }, L = { class: "text-c-1 min-w-0 truncate" }, Q = /* @__PURE__ */ x({
   __name: "AddressBarHistory",
   props: {
     operation: {},
     target: {}
   },
-  setup(m) {
-    const { requestHistory: p } = A(), u = x(
-      () => p.filter((r) => r.request.requestUid === m.operation.uid).slice().reverse()
+  setup(u) {
+    const { requestHistory: p } = A(), c = k(
+      () => p.filter((a) => a.request.requestUid === u.operation.uid).slice().reverse()
     );
-    function f(r) {
+    function f(a) {
       console.warn(
         "Restoring from the request history doesn't work yet. Request History Item:",
-        r
+        a
       );
     }
-    return (r, c) => (a(), n(e(q), { as: "div" }, {
+    return (a, d) => (r(), n(e(q), { as: "div" }, {
       default: o(({ open: h }) => [
         i(e(z), {
           offset: 0,
           resize: "",
-          target: r.target
+          target: u.target
         }, _({
           default: o(() => [
-            u.value?.length ? (a(), n(e(B), {
+            c.value?.length ? (r(), n(e(B), {
               key: 0,
               class: "address-bar-history-button z-context-plus text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5"
             }, {
@@ -40,10 +40,10 @@ const D = { class: "min-w-0" }, L = { class: "text-c-1 min-w-0 truncate" }, Q =
                   size: "sm",
                   thickness: "2.25"
                 }),
-                c[0] || (c[0] = s("span", { class: "sr-only" }, "Request History", -1))
+                d[0] || (d[0] = s("span", { class: "sr-only" }, "Request History", -1))
               ]),
               _: 1
-            })) : d("", !0)
+            })) : m("", !0)
           ]),
           _: 2
         }, [
@@ -56,7 +56,7 @@ const D = { class: "min-w-0" }, L = { class: "text-c-1 min-w-0 truncate" }, Q =
                 style: y({ width: g })
               }, {
                 default: o(() => [
-                  (a(!0), C(S, null, b(u.value, (t, v) => (a(), n(e(w), {
+                  (r(!0), C(S, null, b(c.value, (t, v) => (r(), n(e(w), {
                     key: t.timestamp,
                     as: "button",
                     class: "font-code ui-active:*:bg-b-2 text-c-2 contents text-sm font-medium *:flex *:h-8 *:cursor-pointer *:items-center *:rounded-none *:px-1.5 *:first:rounded-l *:last:rounded-r",
@@ -64,11 +64,11 @@ const D = { class: "min-w-0" }, L = { class: "text-c-1 min-w-0 truncate" }, Q =
                     onClick: (U) => f(t)
                   }, {
                     default: o(() => [
-                      t.response.method ? (a(), n(V, {
+                      t.response.method ? (r(), n(V, {
                         key: 0,
                         class: "text-[11px]",
                         method: t.response.method
-                      }, null, 8, ["method"])) : d("", !0),
+                      }, null, 8, ["method"])) : m("", !0),
                       s("div", D, [
                         s("div", L, l(t.response.path), 1)
                       ]),

package/dist/components/AddressBar/httpStatusCodeColors.d.ts

@@ -1,36 +1,3 @@
-export declare const STATUS_CODES_COLORS: {
-    readonly 100: {
-        readonly color: "text-yellow";
-    };
-    readonly 200: {
-        readonly color: "text-green";
-    };
-    readonly 202: {
-        readonly color: "text-green";
-    };
-    readonly 300: {
-        readonly color: "text-blue";
-    };
-    readonly 304: {
-        readonly color: "text-blue";
-    };
-    readonly 400: {
-        readonly color: "text-red";
-    };
-    readonly 401: {
-        readonly color: "text-orange";
-    };
-    readonly 422: {
-        readonly color: "text-yellow";
-    };
-    readonly 423: {
-        readonly color: "text-purple";
-    };
-    readonly 505: {
-        readonly color: "text-orange";
-    };
-};
-export type StatusCode = keyof typeof STATUS_CODES_COLORS;
 export declare const getStatusCodeColor: (statusCode: number) => {
     readonly color: "text-yellow";
 } | {

package/dist/components/AddressBar/httpStatusCodeColors.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"httpStatusCodeColors.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/httpStatusCodeColors.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA+BtB,CAAA;AAEV,MAAM,MAAM,UAAU,GAAG,MAAM,OAAO,mBAAmB,CAAA;AAEzD,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM;;;;;;;;;;;;;;;;;;;;CAQpD,CAAA"}
+{"version":3,"file":"httpStatusCodeColors.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/httpStatusCodeColors.ts"],"names":[],"mappings":"AAmCA,eAAO,MAAM,kBAAkB,GAAI,YAAY,MAAM;;;;;;;;;;;;;;;;;;;;CAQpD,CAAA"}

package/dist/components/AddressBar/httpStatusCodeColors.js

@@ -34,6 +34,5 @@ const e = {
   color: "text-grey"
 };
 export {
-  e as STATUS_CODES_COLORS,
   r as getStatusCodeColor
 };