@scalar/api-client 2.2.56 → 2.2.57

package/CHANGELOG.md

@@ -1,5 +1,38 @@
 # @scalar/api-client
 
+## 2.2.57
+
+### Patch Changes
+
+- 89d8b75: feat: new ApiReferenceConfiguration type
+- 8c0e147: feat: updates request creation flow
+- 8a04b8d: fix: mime type transformation issue
+- b93b22f: fix(api-client): improve api client sidebar and address bar a11y
+- 73513d3: fix: handle utf-8 encoded file names for content-disposition header
+- 51b7c5c: fix: updates request table form style and logic"
+- 8a04b8d: fix: adds vendor specific mime type support
+- Updated dependencies [89d8b75]
+- Updated dependencies [8a04b8d]
+- Updated dependencies [1459ce7]
+- Updated dependencies [479a2ef]
+- Updated dependencies [8a04b8d]
+  - @scalar/oas-utils@0.2.111
+  - @scalar/themes@0.9.72
+  - @scalar/types@0.0.37
+  - @scalar/components@0.13.29
+  - @scalar/import@0.2.31
+  - @scalar/postman-to-openapi@0.1.34
+  - @scalar/use-codemirror@0.11.74
+  - @scalar/use-hooks@0.1.26
+  - @scalar/openapi-parser@0.10.9
+  - @scalar/draggable@0.1.11
+  - @scalar/icons@0.1.3
+  - @scalar/object-utils@1.1.13
+  - @scalar/openapi-types@0.1.9
+  - @scalar/snippetz@0.2.15
+  - @scalar/use-toasts@0.7.9
+  - @scalar/use-tooltip@1.0.6
+
 ## 2.2.56
 
 ### Patch Changes

package/dist/components/AddressBar/AddressBarHistory.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AA6JA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAc9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAmQF,wBAOG"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":"AAmJA,OAAO,KAAK,EAAE,SAAS,EAAgB,MAAM,iCAAiC,CAAA;AAc9E,KAAK,WAAW,GAAG;IACjB,SAAS,EAAE,SAAS,CAAA;IACpB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAiQF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./AddressBarHistory.vue2.js";
 /* empty css                       */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-113be377"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-50597ffd"]]);
 export {
-  e as default
+  a as default
 };

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

@@ -1,94 +1,93 @@
-import { defineComponent as y, ref as S, computed as _, openBlock as n, createBlock as i, unref as e, withCtx as r, createVNode as u, createSlots as B, createElementVNode as a, createCommentVNode as k, normalizeStyle as H, createElementBlock as V, Fragment as w, renderList as z, toDisplayString as d, normalizeClass as L } from "vue";
-import { Listbox as U, ListboxButton as E, ListboxOptions as F, ListboxOption as I } from "@headlessui/vue";
-import { ScalarFloating as M, ScalarIcon as N, ScalarFloatingBackdrop as R } from "@scalar/components";
-import { httpStatusCodes as O } from "@scalar/oas-utils/helpers";
+import { defineComponent as _, computed as y, openBlock as a, createBlock as i, unref as e, withCtx as o, createVNode as l, createSlots as S, createElementVNode as r, createCommentVNode as h, normalizeStyle as b, createElementBlock as M, Fragment as B, renderList as H, toDisplayString as c, normalizeClass as w } from "vue";
+import { Menu as z, MenuButton as I, MenuItems as E, MenuItem as F } from "@headlessui/vue";
+import { ScalarFloating as N, ScalarIcon as U, ScalarFloatingBackdrop as V } from "@scalar/components";
+import { httpStatusCodes as R } from "@scalar/oas-utils/helpers";
 import { useRouter as W } from "vue-router";
 import { formatMs as A } from "../../libs/formatters.js";
-import { PathId as v } from "../../routes.js";
+import { PathId as g } from "../../routes.js";
 import D from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as P } from "./httpStatusCodeColors.js";
-import { useWorkspace as $ } from "../../store/store.js";
-const j = { class: "min-w-0" }, G = { class: "text-c-1 min-w-0 truncate" }, se = /* @__PURE__ */ y({
+import { getStatusCodeColor as L } from "./httpStatusCodeColors.js";
+import { useWorkspace as P } from "../../store/store.js";
+const $ = { class: "min-w-0" }, j = { class: "text-c-1 min-w-0 truncate" }, te = /* @__PURE__ */ _({
   __name: "AddressBarHistory",
   props: {
     operation: {},
     target: {}
   },
-  setup(p) {
-    const { requestHistory: f, requestExampleMutators: q } = $(), x = W(), g = S(f[0] ?? null), h = _(
-      () => f.filter((o) => o.request.requestUid === p.operation.uid).slice().reverse()
+  setup(m) {
+    const { requestHistory: k, requestExampleMutators: v } = P(), p = W(), f = y(
+      () => k.filter((s) => s.request.requestUid === m.operation.uid).slice().reverse()
     );
-    function b(o) {
-      const s = x.currentRoute.value.params.workspace;
-      p.operation.uid !== o.request.requestUid && x.push({
+    function x(s) {
+      const n = p.currentRoute.value.params.workspace;
+      m.operation.uid !== s.request.requestUid && p.push({
         name: "request",
         params: {
-          [v.Workspace]: s,
-          [v.Request]: o.request.requestUid
+          [g.Workspace]: n,
+          [g.Request]: s.request.requestUid
         }
-      }), q.set({ ...o.request });
+      }), v.set({ ...s.request });
     }
-    return (o, s) => (n(), i(e(U), {
-      modelValue: g.value,
-      "onUpdate:modelValue": s[0] || (s[0] = (m) => g.value = m)
-    }, {
-      default: r(({ open: m }) => [
-        u(e(M), {
+    return (s, n) => (a(), i(e(z), { as: "div" }, {
+      default: o(({ open: q }) => [
+        l(e(N), {
           offset: 0,
           resize: "",
-          target: o.target
-        }, B({
-          default: r(() => {
-            var l;
+          target: s.target
+        }, S({
+          default: o(() => {
+            var u;
             return [
-              (l = h.value) != null && l.length ? (n(), i(e(E), {
+              (u = f.value) != null && u.length ? (a(), i(e(I), {
                 key: 0,
-                class: "address-bar-history-button z-context-plus text-c-3 focus:text-c-1 mr-1 rounded-lg p-1.5"
+                class: "address-bar-history-button z-context-plus text-c-3 focus:text-c-1 relative mr-1 rounded-lg p-1.5"
               }, {
-                default: r(() => [
-                  u(e(N), {
+                default: o(() => [
+                  l(e(U), {
                     icon: "History",
                     size: "sm",
                     thickness: "2.25"
                   }),
-                  s[1] || (s[1] = a("span", { class: "sr-only" }, "Request History", -1))
+                  n[0] || (n[0] = r("span", { class: "sr-only" }, "Request History", -1))
                 ]),
                 _: 1
-              })) : k("", !0)
+              })) : h("", !0)
             ];
           }),
           _: 2
         }, [
-          m ? {
+          q ? {
             name: "floating",
-            fn: r(({ width: l }) => [
-              u(e(F), {
+            fn: o(({ width: u }) => [
+              l(e(E), {
                 class: "custom-scroll p-0.75 grid max-h-[inherit] grid-cols-[44px,1fr,repeat(3,auto)] items-center border-t",
-                style: H({ width: l })
+                static: "",
+                style: b({ width: u })
               }, {
-                default: r(() => [
-                  (n(!0), V(w, null, z(h.value, (t, C) => (n(), i(e(I), {
+                default: o(() => [
+                  (a(!0), M(B, null, H(f.value, (t, C) => (a(), i(e(F), {
                     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",
                     value: C,
-                    onClick: (c) => b(t)
+                    onClick: (d) => x(t)
                   }, {
-                    default: r(() => {
-                      var c;
+                    default: o(() => {
+                      var d;
                       return [
-                        t.response.method ? (n(), i(D, {
+                        t.response.method ? (a(), i(D, {
                           key: 0,
                           class: "text-[11px]",
                           method: t.response.method
-                        }, null, 8, ["method"])) : k("", !0),
-                        a("div", j, [
-                          a("div", G, d(t.response.path), 1)
+                        }, null, 8, ["method"])) : h("", !0),
+                        r("div", $, [
+                          r("div", j, c(t.response.path), 1)
                         ]),
-                        a("div", null, d(e(A)(t.response.duration)), 1),
-                        a("div", {
-                          class: L([e(P)(t.response.status).color])
-                        }, d(t.response.status), 3),
-                        a("div", null, d((c = e(O)[t.response.status]) == null ? void 0 : c.name), 1)
+                        r("div", null, c(e(A)(t.response.duration)), 1),
+                        r("div", {
+                          class: w([e(L)(t.response.status).color])
+                        }, c(t.response.status), 3),
+                        r("div", null, c((d = e(R)[t.response.status]) == null ? void 0 : d.name), 1)
                       ];
                     }),
                     _: 2
@@ -96,16 +95,16 @@ const j = { class: "min-w-0" }, G = { class: "text-c-1 min-w-0 truncate" }, se =
                 ]),
                 _: 2
               }, 1032, ["style"]),
-              u(e(R), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
+              l(e(V), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["target"])
       ]),
       _: 1
-    }, 8, ["modelValue"]));
+    }));
   }
 });
 export {
-  se as default
+  te as default
 };

package/dist/components/CodeInput/CodeInput.vue.d.ts

@@ -69,8 +69,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     onBlur?: (v: string) => any;
     onCurl?: (v: string) => any;
 }>, {
-    disabled: boolean;
     nullable: boolean;
+    disabled: boolean;
     colorPicker: boolean;
     emitOnBlur: boolean;
     disableTabIndent: boolean;

package/dist/components/CodeInput/CodeInput.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAkfA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;;;kBAzBN,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;cAxBT,OAAO;cAiBP,OAAO;iBAlBJ,OAAO;gBAIR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;;qBA4dM,GAAG;kBACN,GAAG;;AArf9B,wBAgjBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAkfA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AAC3D,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AAEzE,OAAO,EAIL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;AAM/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAYxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;;;kBAzBN,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;kBACN,OAAO;WACd,OAAO;uBACK,OAAO;eACf,kBAAkB;wBACT,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;wBACnB,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI;kBACzB,MAAM;eACT,OAAO;mBACH,OAAO;2BACC,OAAO;WACvB,MAAM,EAAE;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;eAChB,SAAS;;;;;;;cAPT,OAAO;cAjBP,OAAO;iBADJ,OAAO;gBAIR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;gBAEV,OAAO;;qBA4dM,GAAG;kBACN,GAAG;;AArf9B,wBAgjBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -13,23 +13,7 @@ export declare const PaletteComponents: {
         onClose?: () => any;
         onBack?: (e: KeyboardEvent) => any;
     }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, HTMLFormElement>;
-    readonly 'Create Request': import("vue").DefineComponent<{
-        metaData?: {
-            itemUid: string;
-            parentUid: string;
-        };
-    }, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-        close: () => any;
-        back: (e: KeyboardEvent) => any;
-    }, string, import("vue").PublicProps, Readonly<{
-        metaData?: {
-            itemUid: string;
-            parentUid: string;
-        };
-    }> & Readonly<{
-        onClose?: () => any;
-        onBack?: (e: KeyboardEvent) => any;
-    }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLFormElement>;
+    readonly 'Create Request': "";
     readonly 'Create Workspace': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         close: () => any;
         back: (e: KeyboardEvent) => any;
@@ -115,7 +99,7 @@ export declare const PaletteComponents: {
                     schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
-                    examples?: Record<string, {
+                    examples?: unknown[] | Record<string, {
                         value?: unknown;
                         summary?: string | undefined;
                     }> | undefined;
@@ -163,7 +147,7 @@ export declare const PaletteComponents: {
                     schema?: unknown;
                     content?: unknown;
                     style?: "matrix" | "simple" | "form" | "label" | "spaceDelimited" | "pipeDelimited" | "deepObject" | undefined;
-                    examples?: Record<string, {
+                    examples?: unknown[] | Record<string, {
                         value?: unknown;
                         summary?: string | undefined;
                     }> | undefined;

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":"AAwaA;;;;GAIG;;AACH,wBAmfI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;mBAlhB9B,CAvPoB;qBAuPpB,CAvP2C;;;;;;;mBAuP3C,CAvPoB;qBAuPpB,CAvP2C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA6lBmC,CAAC;;;;;;;;;;;;;;;2BAQQ,CAAC;4BAA2B,CAAC;+BACzF,CAAC;8BAAwC,CAAC;0BAAqC,CAAC;2BAA0B,CAAC;yBAChH,CAAC;4BAEiC,CAAC;6BAAqC,CAAA;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;+BAZ/C,CAAC;;;;;;;;;;;;;;;2BAQQ,CAAC;4BAA2B,CAAC;+BACzF,CAAC;8BAAwC,CAAC;0BAAqC,CAAC;2BAA0B,CAAC;yBAChH,CAAC;4BAEiC,CAAC;6BAAqC,CAAA;+BAA8B,CAAC;;;;;;;;;;;;;;;CAyKnH,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":"AAqcA;;;;GAIG;;AACH,wBA8gBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;mBA9iB9B,CAlRqC;qBAkRrC,CAjRY;;;;;;;mBAiRZ,CAlRqC;qBAkRrC,CAjRY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;+BA6nBL,CAAC;;;;;;;;;;;;;;;2BAWE,CAAC;4BACa,CAAC;+BAA0C,CAAC;8BAAwC,CAAC;0BAAqC,CAAC;2BAC7I,CAAC;yBAAyB,CAAA;4BAA0H,CAAC;6BAIlJ,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;;;;;;;;;;+BAjBlC,CAAC;;;;;;;;;;;;;;;2BAWE,CAAC;4BACa,CAAC;+BAA0C,CAAC;8BAAwC,CAAC;0BAAqC,CAAC;2BAC7I,CAAC;yBAAyB,CAAA;4BAA0H,CAAC;6BAIlJ,CAAC;+BAA8B,CAAC;;;;;;;;;;;;;;;CA0L/B,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,7 +2,7 @@ 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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6b717663"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8181b4c6"]]);
 export {
   s as PaletteComponents,
   a as default