@scalar/api-client 2.2.45 → 2.2.48

package/CHANGELOG.md

@@ -1,5 +1,87 @@
 # @scalar/api-client
 
+## 2.2.48
+
+### Patch Changes
+
+- 453ed40: fix: preserve lowercase auth headers
+- 54fdfcb: chore: remove spec wording
+- 8671902: fix: sets overflow on input enum value
+- 7ce8d4c: fix: updates sidebar icon hover state style
+- 4dedb68: fix: updates disabled style based on layout
+- Updated dependencies [54fdfcb]
+- Updated dependencies [825bc40]
+- Updated dependencies [fa6afe8]
+- Updated dependencies [1223c1f]
+- Updated dependencies [4d30a35]
+  - @scalar/oas-utils@0.2.105
+  - @scalar/import@0.2.25
+  - @scalar/types@0.0.33
+  - @scalar/components@0.13.24
+  - @scalar/postman-to-openapi@0.1.28
+  - @scalar/use-codemirror@0.11.69
+  - @scalar/object-utils@1.1.13
+  - @scalar/use-tooltip@1.0.6
+  - @scalar/use-toasts@0.7.9
+  - @scalar/draggable@0.1.10
+  - @scalar/use-hooks@0.1.21
+  - @scalar/snippetz@0.2.13
+  - @scalar/themes@0.9.67
+  - @scalar/icons@0.1.3
+  - @scalar/openapi-parser@0.10.7
+  - @scalar/openapi-types@0.1.7
+
+## 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/README.md

@@ -100,7 +100,7 @@ open()
 ```ts
 /** Configuration options for the Scalar API client */
 export type ClientConfiguration = {
-  /** The Swagger/OpenAPI spec to render */
+  /** The Swagger/OpenAPI document to render */
   spec: SpecConfiguration
   /** Pass in a proxy to the API client */
   proxyUrl?: string

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":"AA6eA,OAAO,EAIL,KAAK,kBAAkB,EAExB,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;;qBAgdM,GAAG;kBACN,GAAG;;AAze9B,wBAsiBC;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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5ee3c100"]]);
 export {
   _ as default
 };

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

@@ -1,30 +1,27 @@
-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 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 { 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, normalizeClass as Y, unref as a, createElementVNode as V, toDisplayString as Z, createBlock as f, mergeProps as _, withKeys as g, withModifiers as q, createVNode as ee, createCommentVNode as c, renderSlot as A } from "vue";
+import { ScalarIcon as oe } from "@scalar/components";
+import { prettyPrintJson as le } from "@scalar/oas-utils/helpers";
+import { useCodeMirror as te, useDropdown as ne, colorPicker as ae } from "@scalar/use-codemirror";
 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 = {
-  key: 0,
-  class: "cursor-default flex items-center justify-center px-2 text-c-2"
-}, me = ["id"], fe = {
+import { nanoid as ue } from "nanoid";
+import { useActiveEntities as se } from "../../store/active-entities.js";
+import de from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import B from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as ie, backspaceCommand as pe } from "./codeVariableWidget.js";
+import { useLayout as me } from "../../hooks/useLayout.js";
+const fe = ["id"], ce = {
   key: 0,
   class: "scalar-code-copy z-context"
-}, ce = {
-  key: 5,
-  class: "absolute centered-y right-7 text-orange text-xs"
 }, ye = {
-  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"
+  key: 5,
+  class: "centered-y text-orange absolute right-7 text-xs"
 }, be = {
+  key: 6,
+  class: "required centered-y text-xxs text-c-3 bg-b-1 pointer-events-none absolute right-0 pr-2 pt-px opacity-100 shadow-[-8px_0_4px_var(--scalar-background-1)] transition-opacity duration-150 peer-has-[.cm-focused]:opacity-0"
+}, ve = {
   inheritAttrs: !1
-}, De = /* @__PURE__ */ W({
-  ...be,
+}, Fe = /* @__PURE__ */ Q({
+  ...ve,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -54,8 +51,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, C = G(), I = C.id || `id-${ue()}`, k = d(!1), y = d(!1), S = d(""), x = d({ left: 0, top: 0 }), m = d(null), { activeEnvVariables: P, activeEnvironment: b, activeWorkspace: K } = se(), { layout: v } = me(), { copyToClipboard: M } = re();
+    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,28 +62,28 @@ const pe = {
         }
       }), null) : o.handleFieldChange ? o.handleFieldChange(e) : s("update:modelValue", e);
     }
-    function T(e) {
+    function z(e) {
       return o.handleFieldSubmit ? o.handleFieldSubmit(e) : s("submit", e);
     }
     function U(e) {
-      k.value = !1, o.emitOnBlur && o.modelValue && T(e);
+      k.value = !1, o.emitOnBlur && o.modelValue && z(e);
     }
-    const v = [];
-    o.colorPicker && v.push(oe), v.push(
-      te({
+    const h = [];
+    o.colorPicker && h.push(ae), h.push(
+      ie({
         environment: b.value,
         envVariables: P.value,
-        workspace: I.value,
-        isReadOnly: x === "modal"
+        workspace: K.value,
+        isReadOnly: v === "modal"
       }),
-      ne
+      pe
     );
-    const D = d(null), { codeMirror: r } = _({
+    const D = d(null), { codeMirror: r } = te({
       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),
@@ -97,18 +94,18 @@ const pe = {
       lineNumbers: u(() => o.lineNumbers),
       language: u(() => o.language),
       lint: u(() => o.lint),
-      extensions: v,
+      extensions: h,
       placeholder: u(() => o.placeholder)
     });
-    (F = r.value) == null || F.focus(), Q(r, () => {
-      r.value && Object.prototype.hasOwnProperty.call(B, "autofocus") && r.value.focus();
+    (F = r.value) == null || F.focus(), H(r, () => {
+      r.value && Object.prototype.hasOwnProperty.call(C, "autofocus") && r.value.focus();
     });
-    const { handleDropdownSelect: j, updateDropdownVisibility: z } = ee({
+    const { handleDropdownSelect: j, updateDropdownVisibility: L } = ne({
       codeMirror: r,
-      query: C,
+      query: S,
       showDropdown: y,
-      dropdownPosition: S
-    }), L = G(() => {
+      dropdownPosition: x
+    }), W = $(() => {
       var e;
       return o.type === "boolean" || (e = o.type) != null && e.includes("boolean") || o.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
@@ -118,76 +115,85 @@ const pe = {
         (e = r.value) == null || e.focus();
       }
     });
-    const h = (e, l) => {
+    const w = (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()));
-    };
+    }, 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", {
+          key: 0,
+          class: Y(["text-c-2 flex cursor-default items-center justify-center", a(v) === "modal" ? "font-code pl-1 pr-2 text-sm" : "px-2"])
+        }, [
+          V("span", null, Z(e.modelValue), 1)
+        ], 2)) : o.enum && o.enum.length ? (n(), f(B, {
           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(), f(B, {
           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(), f(B, {
           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", _({
           key: 4,
-          id: a(A)
+          id: a(I)
         }, e.$attrs, {
           ref_key: "codeMirrorRef",
           ref: D,
-          class: ["peer font-code w-full whitespace-nowrap overflow-hidden text-xs leading-[1.44] relative has-[:focus-visible]:outline has-[:focus-visible]:rounded-[4px] -outline-offset-1", {
+          class: ["font-code peer relative w-full overflow-hidden whitespace-nowrap text-xs leading-[1.44] -outline-offset-1 has-[:focus-visible]:rounded-[4px] has-[:focus-visible]:outline", {
             "flow-code-input--error": e.error
           }],
           onKeydown: [
-            l[4] || (l[4] = V($((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[4] || (l[4] = g(q((t) => w("down", t), ["stop"]), ["down"])),
+            l[5] || (l[5] = g((t) => w("enter", t), ["enter"])),
+            l[6] || (l[6] = g(q((t) => w("up", t), ["stop"]), ["up"]))
           ]
         }), [
-          e.isCopyable ? (n(), i("div", fe, [
-            w("button", {
+          e.isCopyable ? (n(), i("div", ce, [
+            V("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(le)(e.modelValue)))
             }, [
-              l[7] || (l[7] = w("span", { class: "sr-only" }, "Copy content", -1)),
-              Z(a(ue), {
+              l[7] || (l[7] = V("span", { class: "sr-only" }, "Copy content", -1)),
+              ee(a(oe), {
                 icon: "Clipboard",
                 size: "md"
               })
             ])
           ])) : c("", !0)
-        ], 16, me)),
-        e.$slots.warning ? (n(), i("div", ce, [
-          q(e.$slots, "warning", {}, void 0, !0)
+        ], 16, fe)),
+        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(v) !== "modal" && a(b) ? (n(), f(de, {
           key: 7,
           ref_key: "dropdownRef",
           ref: m,
-          dropdownPosition: S.value,
+          dropdownPosition: x.value,
           envVariables: a(P),
           environment: a(b),
-          query: C.value,
+          query: S.value,
           onSelect: a(j)
         }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : c("", !0)
       ], 64);
@@ -195,5 +201,5 @@ const pe = {
   }
 });
 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`;
                 }
               },
               {