@scalar/api-client 2.2.45 → 2.2.47

package/CHANGELOG.md

@@ -1,5 +1,56 @@
 # @scalar/api-client
 
+## 2.2.47
+
+### Patch Changes
+
+- d028579: fix: only send scopes during certain oauth2 auth calls
+- c5e9597: feat: adds useRequestBody hook"
+- bdddb12: fix: updates request sidebar height responsiveness
+- f500435: chore: stricter TypeScript configuration
+- c5e9597: feat: adds download button in virtual response
+- f9a75af: fix: routing broken on servers and environment page
+- a515167: fix: adds setting apparence button hover
+- 82c8f39: Allow custom value in parameters
+- b2a19ba: fix: updates empty state hotkey style
+- fa59538: fix: make headers take priority over auth
+- 34e6f52: feat: upgrade to stricter tsconfig
+- bdddb12: fix: updates getting started state logic in request sidebar
+- d2165a8: refactor: use more named routes
+- 4de3124: fix: can’t import type array e.g. `['string', 'null']`
+- Updated dependencies [4de3124]
+- Updated dependencies [69da9e0]
+- Updated dependencies [f500435]
+- Updated dependencies [da5cf08]
+- Updated dependencies [b5727ef]
+- Updated dependencies [4de3124]
+- Updated dependencies [f9eee3f]
+- Updated dependencies [34e6f52]
+- Updated dependencies [f2b082a]
+  - @scalar/openapi-parser@0.10.6
+  - @scalar/components@0.13.23
+  - @scalar/draggable@0.1.9
+  - @scalar/oas-utils@0.2.104
+  - @scalar/types@0.0.32
+  - @scalar/snippetz@0.2.12
+  - @scalar/import@0.2.24
+  - @scalar/use-codemirror@0.11.68
+  - @scalar/postman-to-openapi@0.1.27
+  - @scalar/themes@0.9.66
+  - @scalar/use-hooks@0.1.20
+
+## 2.2.46
+
+### Patch Changes
+
+- abc40ce: feat: adds request preview
+- 0b18abe: fix: adds back request in search
+- e4f11d8: fix: removes servers on collection deletion
+- 2969dd0: fix: updates sidenav link active style for lightmode
+- Updated dependencies [abc40ce]
+  - @scalar/components@0.13.22
+  - @scalar/use-codemirror@0.11.67
+
 ## 2.2.45
 
 ### Patch Changes

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

@@ -1,7 +1,7 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     importCurl: (value: string) => any;
 }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{
-    onImportCurl?: ((value: string) => any) | undefined;
+    onImportCurl?: (value: string) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=AddressBar.vue.d.ts.map

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

@@ -1,7 +1,7 @@
 import o from "./AddressBar.vue2.js";
 /* empty css                */
 import r from "../../_virtual/_plugin-vue_export-helper.js";
-const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2b1591cf"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f37ba3d4"]]);
 export {
-  f as default
+  d as default
 };

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

@@ -52,8 +52,7 @@ const ee = ["id"], te = { class: "m-auto flex flex-row items-center" }, le = { c
       return F[e].backgroundColor;
     }
     function p() {
-      var e;
-      s.value || (s.value = !0, v.executeRequest.emit({ requestUid: (e = l.value) == null ? void 0 : e.uid }));
+      s.value || !l.value || (s.value = !0, v.executeRequest.emit({ requestUid: l.value.uid }));
     }
     v.hotKeys.on((e) => {
       var a;

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":"AAiLA,KAAK,WAAW,GAAG;IACjB,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":"AA0LA,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AA0QF,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 a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-f70f1917"]]);
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-3f107c93"]]);
 export {
-  a as default
+  f as default
 };

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

@@ -1,20 +1,21 @@
-import { defineComponent as q, ref as C, computed as y, openBlock as n, createBlock as i, unref as e, withCtx as a, createVNode as d, createSlots as S, createElementVNode as l, createCommentVNode as h, normalizeStyle as w, createElementBlock as B, Fragment as H, renderList as V, toDisplayString as c, normalizeClass as z } from "vue";
-import { formatMs as L } from "../../libs/formatters.js";
-import { useActiveEntities as E } from "../../store/active-entities.js";
-import { Listbox as U, ListboxButton as F, ListboxOptions as M, ListboxOption as N } from "@headlessui/vue";
-import { ScalarFloating as R, ScalarIcon as $, ScalarFloatingBackdrop as A } from "@scalar/components";
-import { httpStatusCodes as I } from "@scalar/oas-utils/helpers";
-import { useRouter as O } from "vue-router";
-import D from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as W } from "./httpStatusCodeColors.js";
+import { defineComponent as C, ref as y, computed as S, openBlock as n, createBlock as i, unref as e, withCtx as a, createVNode as d, createSlots as B, createElementVNode as l, createCommentVNode as h, normalizeStyle as H, createElementBlock as V, Fragment as w, renderList as z, toDisplayString as m, normalizeClass as L } from "vue";
+import { formatMs as E } from "../../libs/formatters.js";
+import { PathId as k } from "../../routes.js";
+import { useActiveEntities as R } from "../../store/active-entities.js";
+import { Listbox as U, ListboxButton as F, ListboxOptions as I, ListboxOption as M } from "@headlessui/vue";
+import { ScalarFloating as N, ScalarIcon as A, ScalarFloatingBackdrop as O } from "@scalar/components";
+import { httpStatusCodes as W } from "@scalar/oas-utils/helpers";
+import { useRouter as D } from "vue-router";
+import P from "../HttpMethod/HttpMethod.vue.js";
+import { getStatusCodeColor as $ } from "./httpStatusCodeColors.js";
 import { useWorkspace as j } from "../../store/store.js";
-const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, re = /* @__PURE__ */ q({
+const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, le = /* @__PURE__ */ C({
   __name: "AddressBarHistory",
   props: {
     target: {}
   },
   setup(K) {
-    const { activeRequest: p } = E(), { requestHistory: f, requestExampleMutators: k } = j(), v = O(), x = C(f[0]), g = y(
+    const { activeRequest: p } = R(), { requestHistory: f, requestExampleMutators: q } = j(), v = D(), x = y(f[0] ?? null), g = S(
       () => f.filter((o) => {
         var t;
         return o.request.requestUid === ((t = p.value) == null ? void 0 : t.uid);
@@ -23,20 +24,24 @@ const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, re =
     function _(o) {
       var r;
       const t = v.currentRoute.value.params.workspace;
-      ((r = p.value) == null ? void 0 : r.uid) !== o.request.requestUid && v.push(
-        `/workspace/${t}/request/${o.request.requestUid}`
-      ), k.set({ ...o.request });
+      ((r = p.value) == null ? void 0 : r.uid) !== o.request.requestUid && v.push({
+        name: "request",
+        params: {
+          [k.Workspace]: t,
+          [k.Request]: o.request.requestUid
+        }
+      }), q.set({ ...o.request });
     }
     return (o, t) => (n(), i(e(U), {
       modelValue: x.value,
       "onUpdate:modelValue": t[0] || (t[0] = (r) => x.value = r)
     }, {
       default: a(({ open: r }) => [
-        d(e(R), {
+        d(e(N), {
           offset: 0,
           resize: "",
           target: o.target
-        }, S({
+        }, B({
           default: a(() => {
             var u;
             return [
@@ -45,7 +50,7 @@ const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, re =
                 class: "addressbar-history-button z-context-plus mr-1 rounded-lg p-1.5 text-c-3 focus:text-c-1"
               }, {
                 default: a(() => [
-                  d(e($), {
+                  d(e(A), {
                     icon: "History",
                     size: "sm",
                     thickness: "2.25"
@@ -61,33 +66,33 @@ const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, re =
           r ? {
             name: "floating",
             fn: a(({ width: u }) => [
-              d(e(M), {
+              d(e(I), {
                 class: "address-bg-states border-t custom-scroll max-h-[inherit] p-0.75 grid grid-cols-[44px,1fr,repeat(3,auto)] items-center",
-                style: w({ width: u })
+                style: H({ width: u })
               }, {
                 default: a(() => [
-                  (n(!0), B(H, null, V(g.value, (s, b) => (n(), i(e(N), {
+                  (n(!0), V(w, null, z(g.value, (s, b) => (n(), i(e(M), {
                     key: s.timestamp,
                     class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:ui-active:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
                     value: b,
-                    onClick: (m) => _(s)
+                    onClick: (c) => _(s)
                   }, {
                     default: a(() => {
-                      var m;
+                      var c;
                       return [
-                        s.response.method ? (n(), i(D, {
+                        s.response.method ? (n(), i(P, {
                           key: 0,
                           class: "text-[11px]",
                           method: s.response.method
                         }, null, 8, ["method"])) : h("", !0),
                         l("div", G, [
-                          l("div", J, c(s.response.path), 1)
+                          l("div", J, m(s.response.path), 1)
                         ]),
-                        l("div", null, c(e(L)(s.response.duration)), 1),
+                        l("div", null, m(e(E)(s.response.duration)), 1),
                         l("div", {
-                          class: z([e(W)(s.response.status).color])
-                        }, c(s.response.status), 3),
-                        l("div", null, c((m = e(I)[s.response.status]) == null ? void 0 : m.name), 1)
+                          class: L([e($)(s.response.status).color])
+                        }, m(s.response.status), 3),
+                        l("div", null, m((c = e(W)[s.response.status]) == null ? void 0 : c.name), 1)
                       ];
                     }),
                     _: 2
@@ -95,7 +100,7 @@ const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, re =
                 ]),
                 _: 2
               }, 1032, ["style"]),
-              d(e(A), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
+              d(e(O), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
             ]),
             key: "0"
           } : void 0
@@ -106,5 +111,5 @@ const G = { class: "min-w-0" }, J = { class: "min-w-0 truncate text-c-1" }, re =
   }
 });
 export {
-  re as default
+  le as default
 };

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

@@ -1,2 +1,2 @@
-export { default as AddressBar } from './AddressBar.vue.js';
+export { default as AddressBar } from './AddressBar.vue';
 //# sourceMappingURL=index.d.ts.map

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

@@ -17,7 +17,7 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableCloseBrackets?: boolean;
     enum?: string[];
     examples?: string[];
-    type?: string;
+    type?: string | string[] | undefined;
     nullable?: boolean;
     withVariables?: boolean;
     importCurl?: boolean;
@@ -47,16 +47,16 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<{
     disableCloseBrackets?: boolean;
     enum?: string[];
     examples?: string[];
-    type?: string;
+    type?: string | string[] | undefined;
     nullable?: boolean;
     withVariables?: boolean;
     importCurl?: boolean;
     isCopyable?: boolean;
     default?: string | number;
 }> & Readonly<{
-    onSubmit?: ((v: string) => any) | undefined;
-    "onUpdate:modelValue"?: ((v: string) => any) | undefined;
-    onCurl?: ((v: string) => any) | undefined;
+    onSubmit?: (v: string) => any;
+    "onUpdate:modelValue"?: (v: string) => any;
+    onCurl?: (v: string) => any;
 }>, {
     disabled: boolean;
     emitOnBlur: 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":"AAAA,OA+dO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAkBb,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;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBAtBX,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;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;cArBd,OAAO;gBAGL,OAAO;iBAJN,OAAO;sBAOF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAInB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAycM,GAAG;kBACN,GAAG;;AAle9B,wBA8hBC;AAgBD,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":"AAAA,OAueO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAkBb,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;;;;;;;;kBAtBX,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;;;;;;cArBd,OAAO;gBAGL,OAAO;iBAJN,OAAO;sBAOF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAInB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAidM,GAAG;kBACN,GAAG;;AA1e9B,wBAuiBC;AAeD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/CodeInput/CodeInput.vue.js

@@ -2,7 +2,7 @@ import o from "./CodeInput.vue2.js";
 /* empty css               */
 /* empty css               */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0766b3e2"]]);
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-d7ef0a30"]]);
 export {
-  _ as default
+  e as default
 };

package/dist/components/CodeInput/CodeInput.vue2.js

@@ -1,30 +1,30 @@
-import { defineComponent as W, useAttrs as J, ref as d, toRef as u, watch as Q, computed as G, openBlock as n, createElementBlock as i, Fragment as H, createElementVNode as w, toDisplayString as X, createBlock as f, mergeProps as Y, unref as a, withKeys as V, withModifiers as $, createVNode as Z, createCommentVNode as c, renderSlot as q } from "vue";
-import { useCodeMirror as _, useDropdown as ee, colorPicker as oe } from "@scalar/use-codemirror";
-import { nanoid as le } from "nanoid";
+import { defineComponent as Q, useAttrs as G, ref as d, toRef as u, watch as H, computed as $, openBlock as n, createElementBlock as i, Fragment as X, createElementVNode as w, toDisplayString as Y, createBlock as m, mergeProps as Z, unref as a, withKeys as V, withModifiers as q, createVNode as _, createCommentVNode as c, renderSlot as A } from "vue";
+import { useCodeMirror as ee, useDropdown as oe, colorPicker as le } from "@scalar/use-codemirror";
+import { nanoid as te } from "nanoid";
 import g from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as te, backspaceCommand as ne } from "./codeVariableWidget.js";
-import ae from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import { useClipboard as re } from "@scalar/use-hooks/useClipboard";
-import { ScalarIcon as ue } from "@scalar/components";
-import { prettyPrintJson as se } from "@scalar/oas-utils/helpers";
-import { useActiveEntities as de } from "../../store/active-entities.js";
-import { useLayout as ie } from "../../hooks/useLayout.js";
-const pe = {
+import { pillPlugin as ne, backspaceCommand as ae } from "./codeVariableWidget.js";
+import re from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import { useClipboard as ue } from "@scalar/use-hooks/useClipboard";
+import { ScalarIcon as se } from "@scalar/components";
+import { prettyPrintJson as de } from "@scalar/oas-utils/helpers";
+import { useActiveEntities as ie } from "../../store/active-entities.js";
+import { useLayout as pe } from "../../hooks/useLayout.js";
+const fe = {
   key: 0,
   class: "cursor-default flex items-center justify-center px-2 text-c-2"
-}, me = ["id"], fe = {
+}, me = ["id"], ce = {
   key: 0,
   class: "scalar-code-copy z-context"
-}, ce = {
+}, ye = {
   key: 5,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, ye = {
+}, be = {
   key: 6,
   class: "required absolute centered-y right-0 pt-px pr-2 text-xxs text-c-3 bg-b-1 shadow-[-8px_0_4px_var(--scalar-background-1)] opacity-100 duration-150 transition-opacity peer-has-[.cm-focused]:opacity-0 pointer-events-none"
-}, be = {
+}, ve = {
   inheritAttrs: !1
-}, De = /* @__PURE__ */ W({
-  ...be,
+}, Fe = /* @__PURE__ */ Q({
+  ...ve,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -54,8 +54,8 @@ const pe = {
   emits: ["submit", "update:modelValue", "curl"],
   setup(R, { expose: N, emit: O }) {
     var F;
-    const o = R, s = O, B = J(), A = B.id || `id-${le()}`, k = d(!1), y = d(!1), C = d(""), S = d({ left: 0, top: 0 }), m = d(null), { activeEnvVariables: P, activeEnvironment: b, activeWorkspace: I } = de(), { layout: x } = ie(), { copyToClipboard: K } = re();
-    function M(e) {
+    const o = R, s = O, B = G(), I = B.id || `id-${te()}`, k = d(!1), y = d(!1), C = d(""), S = d({ left: 0, top: 0 }), f = d(null), { activeEnvVariables: x, activeEnvironment: b, activeWorkspace: K } = ie(), { layout: P } = pe(), { copyToClipboard: M } = ue();
+    function T(e) {
       var l;
       return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (s("curl", e), (l = r.value) == null || l.dispatch({
         changes: {
@@ -65,31 +65,31 @@ const pe = {
         }
       }), null) : o.handleFieldChange ? o.handleFieldChange(e) : s("update:modelValue", e);
     }
-    function T(e) {
+    function U(e) {
       return o.handleFieldSubmit ? o.handleFieldSubmit(e) : s("submit", e);
     }
-    function U(e) {
-      k.value = !1, o.emitOnBlur && o.modelValue && T(e);
+    function j(e) {
+      k.value = !1, o.emitOnBlur && o.modelValue && U(e);
     }
     const v = [];
-    o.colorPicker && v.push(oe), v.push(
-      te({
+    o.colorPicker && v.push(le), v.push(
+      ne({
         environment: b.value,
-        envVariables: P.value,
-        workspace: I.value,
-        isReadOnly: x === "modal"
+        envVariables: x.value,
+        workspace: K.value,
+        isReadOnly: P === "modal"
       }),
-      ne
+      ae
     );
-    const D = d(null), { codeMirror: r } = _({
+    const D = d(null), { codeMirror: r } = ee({
       content: u(
         () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
       onChange: (e) => {
-        M(e), z();
+        T(e), L();
       },
       onFocus: () => k.value = !0,
-      onBlur: (e) => U(e),
+      onBlur: (e) => j(e),
       codeMirrorRef: D,
       disableTabIndent: u(() => o.disableTabIndent),
       disableEnter: u(() => o.disableEnter),
@@ -100,15 +100,15 @@ const pe = {
       extensions: v,
       placeholder: u(() => o.placeholder)
     });
-    (F = r.value) == null || F.focus(), Q(r, () => {
+    (F = r.value) == null || F.focus(), H(r, () => {
       r.value && Object.prototype.hasOwnProperty.call(B, "autofocus") && r.value.focus();
     });
-    const { handleDropdownSelect: j, updateDropdownVisibility: z } = ee({
+    const { handleDropdownSelect: z, updateDropdownVisibility: L } = oe({
       codeMirror: r,
       query: C,
       showDropdown: y,
       dropdownPosition: S
-    }), L = G(() => {
+    }), W = $(() => {
       var e;
       return o.type === "boolean" || (e = o.type) != null && e.includes("boolean") || o.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
@@ -120,35 +120,41 @@ const pe = {
     });
     const h = (e, l) => {
       var p, t, E;
-      y.value && (e === "down" ? (l.preventDefault(), (p = m.value) == null || p.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = m.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (E = m.value) == null || E.handleSelect()));
-    };
+      y.value && (e === "down" ? (l.preventDefault(), (p = f.value) == null || p.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = f.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (E = f.value) == null || E.handleSelect()));
+    }, J = $(() => Array.isArray(o.type) ? (
+      // Find the first type, that’s not 'null'
+      o.type.find((e) => e !== "null") ?? "string"
+    ) : (
+      // If it’s not an array, just return the type
+      o.type
+    ));
     return (e, l) => {
       var p;
-      return n(), i(H, null, [
-        e.disabled ? (n(), i("div", pe, [
-          w("span", null, X(e.modelValue), 1)
-        ])) : o.enum && o.enum.length ? (n(), f(g, {
+      return n(), i(X, null, [
+        e.disabled ? (n(), i("div", fe, [
+          w("span", null, Y(e.modelValue), 1)
+        ])) : o.enum && o.enum.length ? (n(), m(g, {
           key: 1,
           default: o.default,
           modelValue: e.modelValue,
-          type: e.type,
+          type: J.value,
           value: o.enum,
           "onUpdate:modelValue": l[0] || (l[0] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (p = e.type) != null && p.includes("boolean") ? (n(), f(g, {
+        }, null, 8, ["default", "modelValue", "type", "value"])) : e.type === "boolean" || (p = e.type) != null && p.includes("boolean") ? (n(), m(g, {
           key: 2,
           default: o.default,
           modelValue: e.modelValue,
-          value: L.value,
+          value: W.value,
           "onUpdate:modelValue": l[1] || (l[1] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), f(g, {
+        }, null, 8, ["default", "modelValue", "value"])) : o.examples && o.examples.length ? (n(), m(g, {
           key: 3,
           default: o.default,
           modelValue: o.modelValue,
           value: o.examples,
           "onUpdate:modelValue": l[2] || (l[2] = (t) => s("update:modelValue", t))
-        }, null, 8, ["default", "modelValue", "value"])) : (n(), i("div", Y({
+        }, null, 8, ["default", "modelValue", "value"])) : (n(), i("div", Z({
           key: 4,
-          id: a(A)
+          id: a(I)
         }, e.$attrs, {
           ref_key: "codeMirrorRef",
           ref: D,
@@ -156,44 +162,44 @@ const pe = {
             "flow-code-input--error": e.error
           }],
           onKeydown: [
-            l[4] || (l[4] = V($((t) => h("down", t), ["stop"]), ["down"])),
+            l[4] || (l[4] = V(q((t) => h("down", t), ["stop"]), ["down"])),
             l[5] || (l[5] = V((t) => h("enter", t), ["enter"])),
-            l[6] || (l[6] = V($((t) => h("up", t), ["stop"]), ["up"]))
+            l[6] || (l[6] = V(q((t) => h("up", t), ["stop"]), ["up"]))
           ]
         }), [
-          e.isCopyable ? (n(), i("div", fe, [
+          e.isCopyable ? (n(), i("div", ce, [
             w("button", {
               class: "copy-button",
               type: "button",
-              onClick: l[3] || (l[3] = (t) => a(K)(a(se)(e.modelValue)))
+              onClick: l[3] || (l[3] = (t) => a(M)(a(de)(e.modelValue)))
             }, [
               l[7] || (l[7] = w("span", { class: "sr-only" }, "Copy content", -1)),
-              Z(a(ue), {
+              _(a(se), {
                 icon: "Clipboard",
                 size: "md"
               })
             ])
           ])) : c("", !0)
         ], 16, me)),
-        e.$slots.warning ? (n(), i("div", ce, [
-          q(e.$slots, "warning", {}, void 0, !0)
+        e.$slots.warning ? (n(), i("div", ye, [
+          A(e.$slots, "warning", {}, void 0, !0)
         ])) : c("", !0),
-        q(e.$slots, "icon", {}, void 0, !0),
-        e.required ? (n(), i("div", ye, " Required ")) : c("", !0),
-        y.value && e.withVariables && a(x) !== "modal" && a(b) ? (n(), f(ae, {
+        A(e.$slots, "icon", {}, void 0, !0),
+        e.required ? (n(), i("div", be, " Required ")) : c("", !0),
+        y.value && e.withVariables && a(P) !== "modal" && a(b) ? (n(), m(re, {
           key: 7,
           ref_key: "dropdownRef",
-          ref: m,
+          ref: f,
           dropdownPosition: S.value,
-          envVariables: a(P),
+          envVariables: a(x),
           environment: a(b),
           query: C.value,
-          onSelect: a(j)
+          onSelect: a(z)
         }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : c("", !0)
       ], 64);
     };
   }
 });
 export {
-  De as default
+  Fe as default
 };

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

@@ -1,4 +1,4 @@
-import { type EnvVariables } from '../../libs/env-helpers.js';
+import { type EnvVariables } from '../../libs/env-helpers';
 import type { Environment } from '@scalar/oas-utils/entities/environment';
 import type { Workspace } from '@scalar/oas-utils/entities/workspace';
 import { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate } from '@scalar/use-codemirror';
@@ -6,10 +6,10 @@ import { Decoration, type DecorationSet, EditorView, ViewPlugin, type ViewUpdate
  * Styles the active environment variable pill
  */
 export declare const pillPlugin: (props: {
-    environment?: Environment;
-    envVariables?: EnvVariables;
-    workspace?: Workspace;
-    isReadOnly?: boolean;
+    environment: Environment | undefined;
+    envVariables: EnvVariables | undefined;
+    workspace: Workspace | undefined;
+    isReadOnly: boolean | undefined;
 }) => ViewPlugin<{
     decorations: DecorationSet;
     update(update: ViewUpdate): void;

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

@@ -1 +1 @@
-{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,oBAAoB,CAAA;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAmI/B;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW;IAChC,WAAW,CAAC,EAAE,WAAW,CAAA;IACzB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,SAAS,CAAC,EAAE,SAAS,CAAA;IACrB,UAAU,CAAC,EAAE,OAAO,CAAA;CACrB;iBAGkB,aAAa;mBAMX,UAAU;2BASF,UAAU;EAkCpC,CAAA;AAEH,eAAO,MAAM,gBAAgB,uCA8B3B,CAAA"}
+{"version":3,"file":"codeVariableWidget.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/codeVariableWidget.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,YAAY,EAAe,MAAM,oBAAoB,CAAA;AAEnE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sCAAsC,CAAA;AAErE,OAAO,EACL,UAAU,EACV,KAAK,aAAa,EAClB,UAAU,EAEV,UAAU,EACV,KAAK,UAAU,EAEhB,MAAM,wBAAwB,CAAA;AAoI/B;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW;IAChC,WAAW,EAAE,WAAW,GAAG,SAAS,CAAA;IACpC,YAAY,EAAE,YAAY,GAAG,SAAS,CAAA;IACtC,SAAS,EAAE,SAAS,GAAG,SAAS,CAAA;IAChC,UAAU,EAAE,OAAO,GAAG,SAAS,CAAA;CAChC;iBAGkB,aAAa;mBAMX,UAAU;2BASF,UAAU;EAkCpC,CAAA;AAEH,eAAO,MAAM,gBAAgB,uCA8B3B,CAAA"}

package/dist/components/CodeInput/codeVariableWidget.js

@@ -15,7 +15,7 @@ class d extends k {
     l(this, "envVariables");
     l(this, "workspace");
     l(this, "isReadOnly");
-    this.variableName = e, this.variableName = e, this.environment = o, this.envVariables = i, this.workspace = c, this.isReadOnly = a;
+    this.variableName = e, this.variableName = e, this.environment = o, this.envVariables = i, this.workspace = c, this.isReadOnly = a ?? !1;
   }
   toDOM() {
     const e = document.createElement("span");
@@ -35,10 +35,9 @@ class d extends k {
               {
                 class: "gap-1.5 justify-start font-normal px-1 py-1.5 h-auto transition-colors rounded no-underline text-xxs w-full hover:bg-b-2",
                 variant: "ghost",
-                // TODO: Use router instead
                 onClick: () => {
                   var r;
-                  return window.location.href = `/workspace/${(r = this.workspace) == null ? void 0 : r.uid}/environment`;
+                  window.location.href = `/workspace/${(r = this.workspace) == null ? void 0 : r.uid}/environment`;
                 }
               },
               {

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

@@ -1,7 +1,7 @@
 import { type useLoadingState } from '@scalar/components';
 type __VLS_Props = {
     loading?: ReturnType<typeof useLoadingState>;
-    disabled?: boolean;
+    disabled: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -19,9 +19,9 @@ declare const __VLS_component: import("vue").DefineComponent<__VLS_Props, {}, {}
     cancel: () => any;
     back: (e: KeyboardEvent) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onSubmit?: (() => any) | undefined;
-    onCancel?: (() => any) | undefined;
-    onBack?: ((e: KeyboardEvent) => any) | undefined;
+    onSubmit?: () => any;
+    onCancel?: () => any;
+    onBack?: (e: KeyboardEvent) => any;
 }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLFormElement>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

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

@@ -1 +1 @@
-{"version":3,"file":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AAsCA,OAAO,EAAgB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAIvE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAgBF,iBAAS,cAAc;WAwET,OAAO,IAA6B;;yBAVrB,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAa9B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;8FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAWpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AAAA,OAsCO,EAAgB,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAA;AAIvE,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;IAC5C,QAAQ,EAAE,OAAO,CAAA;CAClB,CAAC;AAiBF,iBAAS,cAAc;WAwET,OAAO,IAA6B;;yBAVrB,GAAG;yBACH,GAAG;wBACJ,GAAG;;;;EAa9B;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe;;;;;;;;8FAQnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAUpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}