@scalar/api-client 2.3.18 → 2.3.20

package/CHANGELOG.md

@@ -1,5 +1,39 @@
 # @scalar/api-client
 
+## 2.3.20
+
+### Patch Changes
+
+- e3ed7a2: fix: updates duplicated border and alignment style"
+- 71d06d8: feat: mask api key value in authentication section
+- e30339c: fix: updates collection style
+- feaa314: feat(themes): add laserwave theme
+- 03198df: fix: updates request body vendor specific json type support
+- ba8e37e: fix: updates arrow key handler function
+- f4e1402: fix: increases request sidebar collection click area
+- e30339c: fix: updates request auth layout in request auth to display options in collection level
+- 4abe4f8: feat: external $ref’s (absolute and relative URLs)
+- Updated dependencies [4abe4f8]
+- Updated dependencies [feaa314]
+- Updated dependencies [feaa314]
+- Updated dependencies [4abe4f8]
+  - @scalar/openapi-parser@0.10.15
+  - @scalar/themes@0.10.0
+  - @scalar/types@0.1.8
+  - @scalar/oas-utils@0.2.131
+  - @scalar/import@0.3.14
+  - @scalar/components@0.13.48
+  - @scalar/use-codemirror@0.11.93
+  - @scalar/use-hooks@0.1.41
+  - @scalar/snippetz@0.2.19
+  - @scalar/postman-to-openapi@0.2.4
+
+## 2.3.19
+
+### Patch Changes
+
+- 44413b1: fix: make code snippet default closed
+
 ## 2.3.18
 
 ### Patch Changes

package/dist/components/CommandPalette/CommandPaletteImport.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AA+wBA,wBAOG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AAuyBA,wBAOG"}

package/dist/components/CommandPalette/CommandPaletteImport.vue.js

@@ -1,157 +1,169 @@
-import { defineComponent as G, ref as R, computed as k, watch as D, openBlock as n, createBlock as _, unref as s, withCtx as v, createElementVNode as w, createVNode as C, createTextVNode as f, createElementBlock as u, Fragment as g, toDisplayString as V, createCommentVNode as H } from "vue";
-import { useLoadingState as K, ScalarButton as T, ScalarIcon as Q, ScalarTooltip as X, ScalarCodeBlock as Z } from "@scalar/components";
-import { useToasts as ee } from "@scalar/use-toasts";
-import { useRouter as te } from "vue-router";
-import { importCurlCommand as oe } from "../../libs/importers/curl.js";
-import { useActiveEntities as ae } from "../../store/active-entities.js";
-import le from "./CommandActionForm.vue.js";
-import ne from "./CommandActionInput.vue.js";
-import re from "./WatchModeToggle.vue.js";
-import { isPostmanCollection as S, getPostmanDocumentDetails as ie, convertPostmanToOpenApi as F } from "../../libs/postman.js";
-import { getOpenApiDocumentDetails as se } from "../../libs/getOpenApiDocumentDetails.js";
-import { isUrl as U } from "../../libs/isUrl.js";
-import { useFileDialog as ce } from "../../hooks/useFileDialog.js";
-import { PathId as M } from "../../routes.js";
-import { useWorkspace as ue } from "../../store/store.js";
-const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-row items-center justify-between gap-3" }, pe = { class: "w-content bg-b-1 text-xxs text-c-1 pointer-events-none z-10 grid max-w-[320px] gap-1.5 rounded p-2 leading-5 shadow-lg" }, ve = { class: "text-c-2 flex items-center" }, fe = {
+import { defineComponent as K, ref as V, computed as P, watch as T, openBlock as r, createBlock as A, unref as u, withCtx as v, createElementVNode as C, createVNode as b, createTextVNode as f, createElementBlock as m, Fragment as g, toDisplayString as F, createCommentVNode as Q } from "vue";
+import { useLoadingState as X, ScalarButton as M, ScalarIcon as Z, ScalarTooltip as ee, ScalarCodeBlock as te } from "@scalar/components";
+import { useToasts as oe } from "@scalar/use-toasts";
+import { useRouter as le } from "vue-router";
+import { importCurlCommand as ae } from "../../libs/importers/curl.js";
+import { useActiveEntities as ne } from "../../store/active-entities.js";
+import re from "./CommandActionForm.vue.js";
+import ie from "./CommandActionInput.vue.js";
+import se from "./WatchModeToggle.vue.js";
+import { isPostmanCollection as L, getPostmanDocumentDetails as ue, convertPostmanToOpenApi as N } from "../../libs/postman.js";
+import { getOpenApiDocumentDetails as ce } from "../../libs/getOpenApiDocumentDetails.js";
+import { isUrl as _ } from "../../libs/isUrl.js";
+import { useFileDialog as me } from "../../hooks/useFileDialog.js";
+import { PathId as $ } from "../../routes.js";
+import { useWorkspace as pe } from "../../store/store.js";
+const de = { class: "flex justify-between" }, ve = { class: "flex w-full flex-row items-center justify-between gap-3" }, fe = { class: "w-content bg-b-1 text-xxs text-c-1 pointer-events-none z-10 grid max-w-[320px] gap-1.5 rounded p-2 leading-5 shadow-lg" }, ye = { class: "text-c-2 flex items-center" }, ge = {
   key: 0,
   class: "text-pretty"
-}, ge = {
+}, xe = {
   key: 1,
   class: "text-pretty"
-}, De = /* @__PURE__ */ G({
+}, Te = /* @__PURE__ */ K({
   __name: "CommandPaletteImport",
   emits: ["close", "back"],
-  setup(ye, { emit: N }) {
-    const P = N, $ = te(), { activeWorkspace: m, activeCollection: B } = ae(), { importSpecFile: b, importSpecFromUrl: W, events: j } = ue(), { toast: d } = ee(), p = K(), a = R(""), y = R(!0), i = k(() => S(a.value) ? ie(a.value) : se(a.value)), A = k(
-      () => i.value ? i.value.type : "json"
+  setup(he, { emit: B }) {
+    const S = B, W = le(), { activeWorkspace: n, activeCollection: j } = ne(), { importSpecFile: I, importSpecFromUrl: z, events: E } = pe(), { toast: p } = oe(), d = X(), o = V(""), x = V(!0), s = P(() => L(o.value) ? ue(o.value) : ce(o.value)), O = P(
+      () => s.value ? s.value.type : "json"
     );
-    function x(t) {
+    function h(t) {
       var e;
-      t && $.push({
+      t && W.push({
         name: "collection",
         params: {
-          [M.Workspace]: (e = m.value) == null ? void 0 : e.uid,
-          [M.Collection]: t.uid
+          [$.Workspace]: (e = n.value) == null ? void 0 : e.uid,
+          [$.Collection]: t.uid
         }
       });
     }
-    const h = k(() => U(a.value)), z = k(() => !!i.value), { open: E } = ce({
+    const U = P(() => _(o.value)), J = P(() => !!s.value), { open: Y } = me({
       onChange: async (t) => {
         const e = t == null ? void 0 : t[0];
         if (e) {
-          const r = new FileReader();
-          r.onload = async (I) => {
-            var c, L, O;
-            const o = (c = I.target) == null ? void 0 : c.result;
+          const i = new FileReader();
+          i.onload = async (k) => {
+            var w, l, c, R, D;
+            const y = (w = k.target) == null ? void 0 : w.result;
             try {
-              if (S(o)) {
-                const l = await b(
-                  await F(o),
-                  ((L = m.value) == null ? void 0 : L.uid) ?? ""
+              if (L(y)) {
+                const a = await I(
+                  await N(y),
+                  ((l = n.value) == null ? void 0 : l.uid) ?? "",
+                  {
+                    proxyUrl: (c = n.value) == null ? void 0 : c.proxyUrl
+                  }
                 );
-                x(l == null ? void 0 : l.collection);
+                h(a == null ? void 0 : a.collection);
               } else {
-                const l = await b(
-                  o,
-                  ((O = m.value) == null ? void 0 : O.uid) ?? ""
+                const a = await I(
+                  y,
+                  ((R = n.value) == null ? void 0 : R.uid) ?? "",
+                  {
+                    proxyUrl: (D = n.value) == null ? void 0 : D.proxyUrl
+                  }
                 );
-                x(l == null ? void 0 : l.collection);
+                h(a == null ? void 0 : a.collection);
               }
-              d("Import successful", "info"), P("close");
-            } catch (l) {
-              console.error(l);
-              const q = (l == null ? void 0 : l.message) || "Unknown error";
-              d(`Import failed: ${q}`, "error");
+              p("Import successful", "info"), S("close");
+            } catch (a) {
+              console.error(a);
+              const H = (a == null ? void 0 : a.message) || "Unknown error";
+              p(`Import failed: ${H}`, "error");
             }
-          }, r.readAsText(e);
+          }, i.readAsText(e);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
     });
-    D(h, (t) => {
-      t || (y.value = !1);
-    }), D(a, (t) => {
-      U(t) || (y.value = !1);
+    T(U, (t) => {
+      t || (x.value = !1);
+    }), T(o, (t) => {
+      _(t) || (x.value = !1);
     });
-    async function J() {
-      var t, e, r, I;
-      if (!(!a.value || p.isLoading)) {
-        p.startLoading();
+    async function q() {
+      var t, e, i, k, y, w;
+      if (!(!o.value || d.isLoading)) {
+        d.startLoading();
         try {
-          if (h.value) {
-            const [o, c] = await W(
-              a.value,
-              ((t = m.value) == null ? void 0 : t.uid) ?? "",
+          if (U.value) {
+            const [l, c] = await z(
+              o.value,
+              ((t = n.value) == null ? void 0 : t.uid) ?? "",
               {
-                proxyUrl: (e = m.value) == null ? void 0 : e.proxyUrl,
-                watchMode: y.value
+                proxyUrl: (e = n.value) == null ? void 0 : e.proxyUrl,
+                watchMode: x.value
               }
             );
-            if (x(c == null ? void 0 : c.collection), o) {
-              d(
+            if (h(c == null ? void 0 : c.collection), l) {
+              p(
                 "There was a possible CORS error while importing your spec, please make sure this server is allowed in the CORS policy of your OpenAPI document.",
                 "error",
                 { timeout: 5e3 }
-              ), p.invalidate(2e3, !0);
+              ), d.invalidate(2e3, !0);
               return;
             }
-          } else if (z.value)
-            if (S(a.value)) {
-              const o = await b(
-                await F(a.value),
-                ((r = m.value) == null ? void 0 : r.uid) ?? ""
+          } else if (J.value)
+            if (L(o.value)) {
+              const l = await I(
+                await N(o.value),
+                ((i = n.value) == null ? void 0 : i.uid) ?? "",
+                {
+                  proxyUrl: (k = n.value) == null ? void 0 : k.proxyUrl
+                }
               );
-              x(o == null ? void 0 : o.collection), d("Successfully converted Postman collection", "info");
+              h(l == null ? void 0 : l.collection), p("Successfully converted Postman collection", "info");
             } else {
-              const o = await b(
-                a.value,
-                ((I = m.value) == null ? void 0 : I.uid) ?? ""
+              const l = await I(
+                o.value,
+                ((y = n.value) == null ? void 0 : y.uid) ?? "",
+                {
+                  proxyUrl: (w = n.value) == null ? void 0 : w.proxyUrl
+                }
               );
-              x(o == null ? void 0 : o.collection);
+              h(l == null ? void 0 : l.collection);
             }
           else {
-            d("Import failed: Invalid URL or OpenAPI document", "error"), p.invalidate(2e3, !0);
+            p("Import failed: Invalid URL or OpenAPI document", "error"), d.invalidate(2e3, !0);
             return;
           }
-          p.clear(), P("close"), d("Import successful", "info");
-        } catch (o) {
-          console.error("[importCollection]", o);
-          const c = (o == null ? void 0 : o.message) || "Unknown error";
-          p.invalidate(2e3, !0), d(`Import failed: ${c}`, "error");
+          d.clear(), S("close"), p("Import successful", "info");
+        } catch (l) {
+          console.error("[importCollection]", l);
+          const c = (l == null ? void 0 : l.message) || "Unknown error";
+          d.invalidate(2e3, !0), p(`Import failed: ${c}`, "error");
         }
       }
     }
-    const Y = (t) => {
+    const G = (t) => {
       var e;
       if (t.trim().toLowerCase().startsWith("curl")) {
-        j.commandPalette.emit({
+        E.commandPalette.emit({
           commandName: "Import from cURL",
           metaData: {
-            parsedCurl: oe(t),
-            collectionUid: (e = B.value) == null ? void 0 : e.uid
+            parsedCurl: ae(t),
+            collectionUid: (e = j.value) == null ? void 0 : e.uid
           }
         });
         return;
       }
-      a.value = t;
+      o.value = t;
     };
-    return (t, e) => (n(), _(le, {
-      disabled: !a.value.trim(),
-      loading: s(p),
-      onSubmit: J
+    return (t, e) => (r(), A(re, {
+      disabled: !o.value.trim(),
+      loading: u(d),
+      onSubmit: q
     }, {
       options: v(() => [
-        w("div", de, [
-          C(s(T), {
+        C("div", ve, [
+          b(u(M), {
             class: "hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs",
             variant: "outlined",
-            onClick: s(E)
+            onClick: u(Y)
           }, {
             default: v(() => [
               e[5] || (e[5] = f(" JSON, or YAML File ")),
-              C(s(Q), {
+              b(u(Z), {
                 class: "text-c-3",
                 icon: "Upload",
                 size: "md"
@@ -159,23 +171,23 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
             ]),
             _: 1
           }, 8, ["onClick"]),
-          C(s(X), {
+          b(u(ee), {
             as: "div",
             class: "z-[10001]",
             side: "bottom",
             sideOffset: 5
           }, {
             trigger: v(() => [
-              C(re, {
-                modelValue: y.value,
-                "onUpdate:modelValue": e[2] || (e[2] = (r) => y.value = r),
-                disabled: !h.value
+              b(se, {
+                modelValue: x.value,
+                "onUpdate:modelValue": e[2] || (e[2] = (i) => x.value = i),
+                disabled: !U.value
               }, null, 8, ["modelValue", "disabled"])
             ]),
             content: v(() => [
-              w("div", pe, [
-                w("div", ve, [
-                  h.value ? (n(), u("span", fe, " Automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date. ")) : (n(), u("span", ge, " Watch Mode is only available for URL imports. It automatically updates the API client when the OpenAPI URL content changes. "))
+              C("div", fe, [
+                C("div", ye, [
+                  U.value ? (r(), m("span", ge, " Automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date. ")) : (r(), m("span", xe, " Watch Mode is only available for URL imports. It automatically updates the API client when the OpenAPI URL content changes. "))
                 ])
               ])
             ]),
@@ -185,32 +197,32 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
       ]),
       submit: v(() => [
         e[6] || (e[6] = f(" Import ")),
-        h.value ? (n(), u(g, { key: 0 }, [
+        U.value ? (r(), m(g, { key: 0 }, [
           f(" from URL ")
-        ], 64)) : i.value && A.value ? (n(), u(g, { key: 1 }, [
-          i.value.title ? (n(), u(g, { key: 0 }, [
-            f(' "' + V(i.value.title) + '" ', 1)
-          ], 64)) : (n(), u(g, { key: 1 }, [
-            f(V(i.value.version), 1)
+        ], 64)) : s.value && O.value ? (r(), m(g, { key: 1 }, [
+          s.value.title ? (r(), m(g, { key: 0 }, [
+            f(' "' + F(s.value.title) + '" ', 1)
+          ], 64)) : (r(), m(g, { key: 1 }, [
+            f(F(s.value.version), 1)
           ], 64))
-        ], 64)) : (n(), u(g, { key: 2 }, [
+        ], 64)) : (r(), m(g, { key: 2 }, [
           f(" Collection ")
         ], 64))
       ]),
       default: v(() => [
-        !i.value || s(U)(a.value) ? (n(), _(ne, {
+        !s.value || u(_)(o.value) ? (r(), A(ie, {
           key: 0,
-          modelValue: a.value,
+          modelValue: o.value,
           placeholder: "OpenAPI/Swagger/Postman URL or cURL",
-          onOnDelete: e[0] || (e[0] = (r) => P("back", r)),
-          "onUpdate:modelValue": Y
-        }, null, 8, ["modelValue"])) : (n(), u(g, { key: 1 }, [
-          w("div", me, [
-            e[4] || (e[4] = w("div", { class: "text-c-2 min-h-8 py-2 pl-8 text-xs" }, "Preview", -1)),
-            C(s(T), {
+          onOnDelete: e[0] || (e[0] = (i) => S("back", i)),
+          "onUpdate:modelValue": G
+        }, null, 8, ["modelValue"])) : (r(), m(g, { key: 1 }, [
+          C("div", de, [
+            e[4] || (e[4] = C("div", { class: "text-c-2 min-h-8 py-2 pl-8 text-xs" }, "Preview", -1)),
+            b(u(M), {
               class: "hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs",
               variant: "ghost",
-              onClick: e[1] || (e[1] = (r) => a.value = "")
+              onClick: e[1] || (e[1] = (i) => o.value = "")
             }, {
               default: v(() => e[3] || (e[3] = [
                 f(" Clear ")
@@ -218,13 +230,13 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
               _: 1
             })
           ]),
-          i.value && !s(U)(a.value) ? (n(), _(s(Z), {
+          s.value && !u(_)(o.value) ? (r(), A(u(te), {
             key: 0,
             class: "bg-b-2 mt-1 max-h-[40dvh] rounded border [--scalar-small:--scalar-font-size-4]",
-            content: a.value,
+            content: o.value,
             copy: !1,
-            lang: A.value
-          }, null, 8, ["content", "lang"])) : H("", !0)
+            lang: O.value
+          }, null, 8, ["content", "lang"])) : Q("", !0)
         ], 64))
       ]),
       _: 1
@@ -232,5 +244,5 @@ const me = { class: "flex justify-between" }, de = { class: "flex w-full flex-ro
   }
 });
 export {
-  De as default
+  Te as default
 };

package/dist/components/CommandPalette/TheCommandPalette.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAqcA;;;;GAIG;;AACH,wBA8gBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBA9iB9B,CAlRqC;qBAkRrC,CAjRY;;;;;;;mBAiRZ,CAlRqC;qBAkRrC,CAjRY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA6pB0B,CAAC;;;;;;;;;;;;;;;+BAMf,CAAA;4BACnB,CAAC;2BACoB,CAAC;8BAC3B,CAAA;0BAEG,CAAC;2BAA0B,CAAC;yBAG7B,CAAC;4BAKQ,CAAC;6BACI,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BApBV,CAAC;;;;;;;;;;;;;;;+BAMf,CAAA;4BACnB,CAAC;2BACoB,CAAC;8BAC3B,CAAA;0BAEG,CAAC;2BAA0B,CAAC;yBAG7B,CAAC;4BAKQ,CAAC;6BACI,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;CAuJtC,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA0eA;;;;GAIG;;AACH,wBAmjBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBAnlB9B,CAvTqC;qBAuTrC,CAtTY;;;;;;;mBAsTZ,CAvTqC;qBAuTrC,CAtTY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA0rBU,CAAC;;;;;;;;;;;;;;;+BAYP,CAAT;4BACY,CAAC;2BAAsC,CAAC;8BACvC,CAApB;0BAAsC,CAAA;2BACpB,CAAL;yBACK,CAAA;4BAGG,CAAC;6BAAgD,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BAnBhF,CAAC;;;;;;;;;;;;;;;+BAYP,CAAT;4BACY,CAAC;2BAAsC,CAAC;8BACvC,CAApB;0BAAsC,CAAA;2BACpB,CAAL;yBACK,CAAA;4BAGG,CAAC;6BAAgD,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;CAqM5F,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}

package/dist/components/CommandPalette/TheCommandPalette.vue.js

@@ -2,8 +2,8 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0a0ca919"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-85f3b768"]]);
 export {
   s as PaletteComponents,
-  r as default
+  a as default
 };