@scalar/api-client 2.2.21 → 2.2.23

package/CHANGELOG.md

@@ -1,5 +1,21 @@
 # @scalar/api-client
 
+## 2.2.23
+
+### Patch Changes
+
+- 02b4201: fix(api-client): strict TS config (enable noUncheckedIndexedAccess)
+- Updated dependencies [02b4201]
+  - @scalar/oas-utils@0.2.92
+  - @scalar/import@0.2.12
+  - @scalar/postman-to-openapi@0.1.15
+
+## 2.2.22
+
+### Patch Changes
+
+- 4619a8c: fix: showSidebar config option for client
+
 ## 2.2.21
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAuxBA,wBAMG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AA6xBA,wBAMG"}

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-cb8f6677"]]);
+const a = /* @__PURE__ */ r(o, [["__scopeId", "data-v-e6e6f37d"]]);
 export {
-  f as default
+  a as default
 };

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

@@ -1,51 +1,50 @@
-import { defineComponent as $, ref as i, watch as P, onMounted as D, onBeforeUnmount as Q, unref as o, openBlock as q, createElementBlock as W, createElementVNode as r, createVNode as u, withCtx as B, normalizeClass as E, normalizeStyle as j, createBlock as F, createCommentVNode as S } from "vue";
-import G from "../CodeInput/CodeInput.vue.js";
-import { useActiveEntities as J } from "../../store/active-entities.js";
-import { Listbox as X } from "@headlessui/vue";
-import { ScalarButton as Y, ScalarIcon as Z } from "@scalar/components";
-import { REQUEST_METHODS as ee } from "@scalar/oas-utils/helpers";
-import { isMacOS as te } from "@scalar/use-tooltip";
-import { useMagicKeys as le, whenever as oe } from "@vueuse/core";
-import re from "../HttpMethod/HttpMethod.vue.js";
-import ae from "./AddressBarHistory.vue.js";
-import se from "./AddressBarServer.vue.js";
-import { useWorkspace as ne } from "../../store/store.js";
-const ie = {
+import { defineComponent as P, ref as i, computed as D, watch as Q, onMounted as W, onBeforeUnmount as j, unref as o, openBlock as B, createElementBlock as F, createElementVNode as r, createVNode as u, withCtx as E, normalizeClass as S, normalizeStyle as G, createBlock as J, createCommentVNode as V } from "vue";
+import X from "../CodeInput/CodeInput.vue.js";
+import { useActiveEntities as Y } from "../../store/active-entities.js";
+import { Listbox as Z } from "@headlessui/vue";
+import { ScalarButton as ee, ScalarIcon as te } from "@scalar/components";
+import { REQUEST_METHODS as le } from "@scalar/oas-utils/helpers";
+import { isMacOS as oe } from "@scalar/use-tooltip";
+import { useMagicKeys as re, whenever as ae } from "@vueuse/core";
+import se from "../HttpMethod/HttpMethod.vue.js";
+import ne from "./AddressBarHistory.vue.js";
+import ie from "./AddressBarServer.vue.js";
+import { useWorkspace as ue } from "../../store/store.js";
+const de = {
   key: 0,
-  class: "order-last lg:order-none lg:w-auto w-full"
-}, ue = { class: "m-auto flex flex-row items-center" }, de = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, fe = { class: "flex gap-1" }, me = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ce = {
+  class: "scalar-address-bar order-last lg:order-none lg:w-auto w-full"
+}, fe = { class: "m-auto flex flex-row items-center" }, ce = { class: "pointer-events-none absolute left-0 top-0 block h-full w-full overflow-hidden" }, me = { class: "flex gap-1" }, ve = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, pe = {
   "aria-hidden": "true",
   class: "inline-flex gap-1 items-center"
-}, Be = /* @__PURE__ */ $({
+}, Se = /* @__PURE__ */ P({
   __name: "AddressBar",
   emits: ["importCurl"],
-  setup(ve) {
-    const { activeRequest: l, activeExample: V, activeServer: M, activeCollection: c } = J(), { isReadOnly: v, requestMutators: m, requestHistory: I, events: d } = ne(), p = i(I[0]), x = i(null), h = le();
-    oe(
-      te() ? h.meta_enter : h.ctrl_enter,
-      () => d.executeRequest.emit()
+  setup(xe) {
+    const { activeRequest: l, activeExample: M, activeServer: m, activeCollection: v } = Y(), { isReadOnly: p, requestMutators: c, requestHistory: I, events: d } = ue(), x = i(I[0]), h = i(null), b = re(), U = D(
+      () => oe() ? b.meta_enter : b.ctrl_enter
     );
-    const U = (e) => {
-      !l.value || l.value.path === e || m.edit(l.value.uid, "path", e);
+    ae(U, () => d.executeRequest.emit());
+    const H = (e) => {
+      !l.value || l.value.path === e || c.edit(l.value.uid, "path", e);
     };
-    P(
+    Q(
       () => {
         var e;
         return (e = l.value) == null ? void 0 : e.path;
       },
       (e) => {
-        !l.value || !e || U(e);
+        !l.value || !e || H(e);
       }
     );
-    const a = i(100), b = i(0), s = i(!1), n = i();
-    function H() {
-      s.value ? a.value -= (a.value - 15) / 60 : a.value -= b.value / 20, a.value <= 0 && (clearInterval(n.value), n.value = void 0, a.value = 100, s.value = !1);
+    const a = i(100), g = i(0), s = i(!1), n = i();
+    function K() {
+      s.value ? a.value -= (a.value - 15) / 60 : a.value -= g.value / 20, a.value <= 0 && (clearInterval(n.value), n.value = void 0, a.value = 100, s.value = !1);
     }
     function L() {
-      n.value || (s.value = !0, n.value = setInterval(H, 20));
+      n.value || (s.value = !0, n.value = setInterval(K, 20));
     }
     function z() {
-      b.value = a.value, s.value = !1;
+      g.value = a.value, s.value = !1;
     }
     function A() {
       clearInterval(n.value), n.value = void 0, a.value = 100, s.value = !1;
@@ -53,86 +52,86 @@ const ie = {
     d.requestStatus.on((e) => {
       e === "start" && L(), e === "stop" && z(), e === "abort" && A();
     });
-    function K(e) {
-      l.value && m.edit(l.value.uid, "method", e);
+    function O(e) {
+      l.value && c.edit(l.value.uid, "method", e);
     }
-    function O() {
+    function N() {
       if (!l.value) return;
       const { method: e } = l.value;
-      return ee[e].backgroundColor;
+      return le[e].backgroundColor;
     }
-    function g() {
+    function w() {
       s.value || (s.value = !0, d.executeRequest.emit());
     }
-    function N(e) {
-      l.value && m.edit(l.value.uid, "path", e);
+    function T(e) {
+      l.value && c.edit(l.value.uid, "path", e);
     }
-    function w(e) {
+    function y(e) {
       var t;
-      e != null && e.focusAddressBar && ((t = x.value) == null || t.focus());
+      e != null && e.focusAddressBar && ((t = h.value) == null || t.focus());
     }
-    return D(() => d.hotKeys.on(w)), Q(() => d.hotKeys.off(w)), (e, t) => o(l) && o(V) ? (q(), W("div", ie, [
-      r("div", ue, [
-        u(o(X), {
-          modelValue: p.value,
-          "onUpdate:modelValue": t[1] || (t[1] = (f) => p.value = f)
+    return W(() => d.hotKeys.on(y)), j(() => d.hotKeys.off(y)), (e, t) => o(l) && o(M) ? (B(), F("div", de, [
+      r("div", fe, [
+        u(o(Z), {
+          modelValue: x.value,
+          "onUpdate:modelValue": t[1] || (t[1] = (f) => x.value = f)
         }, {
-          default: B(({ open: f }) => {
-            var y, C, k, _, R;
+          default: E(({ open: f }) => {
+            var C, k, _, R, q;
             return [
               r("div", {
-                class: E([
+                class: S([
                   "addressbar-bg-states text-xxs relative flex w-full xl:min-w-[720px] xl:max-w-[720px] lg:min-w-[580px] lg:max-w-[580px] order-last overflow-hidden lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
                   { "border-transparent overflow-visible rounded-b-none": f }
                 ])
               }, [
-                r("div", de, [
+                r("div", ce, [
                   r("div", {
-                    class: E(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full z-context", O()]),
-                    style: j({ transform: `translate3d(-${a.value}%,0,0)` })
+                    class: S(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full z-context", N()]),
+                    style: G({ transform: `translate3d(-${a.value}%,0,0)` })
                   }, null, 6)
                 ]),
-                r("div", fe, [
-                  u(re, {
-                    isEditable: !o(v),
+                r("div", me, [
+                  u(se, {
+                    isEditable: !o(p),
                     isSquare: "",
                     method: o(l).method,
                     teleport: "",
-                    onChange: K
+                    onChange: O
                   }, null, 8, ["isEditable", "method"])
                 ]),
-                r("div", me, [
+                r("div", ve, [
                   t[2] || (t[2] = r("div", { class: "fade-left" }, null, -1)),
-                  (C = (y = o(c)) == null ? void 0 : y.servers) != null && C.length ? (q(), F(se, { key: 0 })) : S("", !0),
-                  u(G, {
+                  (k = (C = o(v)) == null ? void 0 : C.servers) != null && k.length ? (B(), J(ie, { key: 0 })) : V("", !0),
+                  u(X, {
                     ref_key: "addressBarRef",
-                    ref: x,
+                    ref: h,
                     "aria-label": "Path",
                     class: "outline-none",
                     disableCloseBrackets: "",
-                    disabled: o(v),
+                    disabled: o(p),
                     disableEnter: "",
                     disableTabIndent: "",
                     emitOnBlur: !1,
                     importCurl: "",
                     modelValue: o(l).path,
-                    placeholder: (R = (k = o(c)) == null ? void 0 : k.servers) != null && R.includes((_ = o(M)) == null ? void 0 : _.uid) ? "" : "Enter a URL or cURL command",
+                    placeholder: (_ = o(m)) != null && _.uid && ((q = (R = o(v)) == null ? void 0 : R.servers) != null && q.includes(o(m).uid)) ? "" : "Enter a URL or cURL command",
                     server: "",
-                    onCurl: t[0] || (t[0] = (T) => e.$emit("importCurl", T)),
-                    onSubmit: g,
-                    "onUpdate:modelValue": N
+                    onCurl: t[0] || (t[0] = ($) => e.$emit("importCurl", $)),
+                    onSubmit: w,
+                    "onUpdate:modelValue": T
                   }, null, 8, ["disabled", "modelValue", "placeholder"]),
                   t[3] || (t[3] = r("div", { class: "fade-right" }, null, -1))
                 ]),
-                u(ae, { open: f }, null, 8, ["open"]),
-                u(o(Y), {
+                u(ne, { open: f }, null, 8, ["open"]),
+                u(o(ee), {
                   class: "relative h-auto shrink-0 overflow-hidden !pl-2 !pr-2.5 !py-1 font-bold",
                   disabled: s.value,
-                  onClick: g
+                  onClick: w
                 }, {
-                  default: B(() => [
-                    r("span", ce, [
-                      u(o(Z), {
+                  default: E(() => [
+                    r("span", pe, [
+                      u(o(te), {
                         class: "relative shrink-0 fill-current",
                         icon: "Play",
                         size: "xs"
@@ -149,9 +148,9 @@ const ie = {
           _: 1
         }, 8, ["modelValue"])
       ])
-    ])) : S("", !0);
+    ])) : V("", !0);
   }
 });
 export {
-  Be as default
+  Se as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as B, computed as i, watch as U, openBlock as s, createBlock as v, unref as l, withCtx as m, createElementBlock as a, createCommentVNode as p, Fragment as d, renderList as _, createVNode as c, createElementVNode as o, createTextVNode as V, toDisplayString as E } from "vue";
+import { defineComponent as B, computed as i, watch as U, openBlock as o, createBlock as v, unref as l, withCtx as m, createElementBlock as a, createCommentVNode as p, Fragment as d, renderList as _, createVNode as c, createElementVNode as n, createTextVNode as V, toDisplayString as E } from "vue";
 import { useActiveEntities as O } from "../../store/active-entities.js";
 import { ScalarDropdown as R, ScalarDropdownDivider as b, ScalarDropdownItem as W, ScalarIcon as I } from "@scalar/components";
 import h from "./AddressBarServerItem.vue.js";
@@ -12,25 +12,25 @@ const T = {
 }, z = { class: "flex items-center justify-center h-4 w-4" }, H = /* @__PURE__ */ B({
   __name: "AddressBarServer",
   setup(F) {
-    const { activeRequest: x, activeCollection: f, activeServer: u } = O(), { isReadOnly: g, servers: S, collectionMutators: A, events: C } = L(), w = i(
+    const { activeRequest: f, activeCollection: x, activeServer: u } = O(), { isReadOnly: g, servers: S, collectionMutators: A, events: C } = L(), w = i(
       () => {
         var t, e;
-        return (e = (t = x.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
-          var n;
+        return (e = (t = f.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
+          var s;
           return {
             id: r,
-            label: ((n = S[r]) == null ? void 0 : n.url) ?? "Unknown server"
+            label: ((s = S[r]) == null ? void 0 : s.url) ?? "Unknown server"
           };
         });
       }
     ), y = i(
       () => {
         var t, e;
-        return (e = (t = f.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
-          var n;
+        return (e = (t = x.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
+          var s;
           return {
             id: r,
-            label: ((n = S[r]) == null ? void 0 : n.url) ?? "Unknown server"
+            label: ((s = S[r]) == null ? void 0 : s.url) ?? "Unknown server"
           };
         });
       }
@@ -40,12 +40,12 @@ const T = {
         return ((t = w.value) == null ? void 0 : t.length) && ((e = y.value) == null ? void 0 : e.length);
       }
     );
-    U([f, x], ([t, e]) => {
-      !t || t.selectedServerUid || e != null && e.selectedServerUid || A.edit(
-        t.uid,
-        "selectedServerUid",
-        t.servers[0]
-      );
+    U([x, f], ([t, e]) => {
+      var s;
+      if (!t || t.selectedServerUid || e != null && e.selectedServerUid)
+        return;
+      const r = (s = t.servers) == null ? void 0 : s[0];
+      r && A.edit(t.uid, "selectedServerUid", r);
     });
     const D = () => C.commandPalette.emit({
       commandName: "Add Server"
@@ -53,41 +53,41 @@ const T = {
       var t, e, r;
       return (e = (t = u.value) == null ? void 0 : t.url) != null && e.endsWith("/") ? u.value.url.slice(0, -1) : ((r = u.value) == null ? void 0 : r.url) || "";
     });
-    return (t, e) => (s(), v(l(R), {
+    return (t, e) => (o(), v(l(R), {
       class: "w-max",
       teleport: ""
     }, {
       items: m(() => [
-        k.value ? (s(), a("div", j, " Request Servers ")) : p("", !0),
-        (s(!0), a(d, null, _(w.value, (r) => (s(), v(h, {
+        k.value ? (o(), a("div", j, " Request Servers ")) : p("", !0),
+        (o(!0), a(d, null, _(w.value, (r) => (o(), v(h, {
           key: r.id,
           serverOption: r,
           type: "request"
         }, null, 8, ["serverOption"]))), 128)),
-        k.value ? (s(), a(d, { key: 1 }, [
+        k.value ? (o(), a(d, { key: 1 }, [
           c(l(b)),
-          e[1] || (e[1] = o("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1))
+          e[1] || (e[1] = n("div", { class: "text-xxs text-c-2 ml-8" }, "Collection Servers", -1))
         ], 64)) : p("", !0),
-        (s(!0), a(d, null, _(y.value, (r) => (s(), v(h, {
+        (o(!0), a(d, null, _(y.value, (r) => (o(), v(h, {
           key: r.id,
           serverOption: r,
           type: "collection"
         }, null, 8, ["serverOption"]))), 128)),
-        l(g) ? p("", !0) : (s(), a(d, { key: 2 }, [
+        l(g) ? p("", !0) : (o(), a(d, { key: 2 }, [
           c(l(b)),
           c(l(W), null, {
             default: m(() => [
-              o("div", {
+              n("div", {
                 class: "font-code text-xxs flex items-center gap-1.5",
                 onClick: D
               }, [
-                o("div", z, [
+                n("div", z, [
                   c(l(I), {
                     icon: "Add",
                     size: "sm"
                   })
                 ]),
-                e[2] || (e[2] = o("span", null, "Add Server", -1))
+                e[2] || (e[2] = n("span", null, "Add Server", -1))
               ])
             ]),
             _: 1
@@ -95,8 +95,8 @@ const T = {
         ], 64))
       ]),
       default: m(() => [
-        o("button", T, [
-          e[0] || (e[0] = o("span", { class: "sr-only" }, "Server:", -1)),
+        n("button", T, [
+          e[0] || (e[0] = n("span", { class: "sr-only" }, "Server:", -1)),
           V(" " + E(N.value), 1)
         ])
       ]),

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,OA8cO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAkBb,OAAO;gBACT,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;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBApBX,OAAO;gBACT,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;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;gBAjBZ,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAqZM,GAAG;kBACN,GAAG;;AA5a9B,wBAweC;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,OAgdO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAkBb,OAAO;gBACT,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;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;;;kBApBX,OAAO;gBACT,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;WACR,MAAM;eACF,OAAO;oBACF,OAAO;iBACV,OAAO;iBACP,OAAO;cACV,MAAM,GAAG,MAAM;;;;;;gBAjBZ,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;gBAEV,OAAO;;qBAuZM,GAAG;kBACN,GAAG;;AA9a9B,wBA0eC;AAgBD,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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4b3bb606"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-958f2326"]]);
 export {
-  a as default
+  _ as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as j, useAttrs as J, ref as u, toRef as a, watch as L, computed as Q, openBlock as r, createElementBlock as p, Fragment as G, createBlock as v, mergeProps as H, unref as s, withKeys as h, withModifiers as D, createElementVNode as E, createVNode as X, createCommentVNode as f, renderSlot as $ } from "vue";
+import { defineComponent as j, useAttrs as J, ref as u, toRef as r, watch as L, computed as Q, openBlock as s, createElementBlock as p, Fragment as G, createBlock as h, mergeProps as H, unref as n, withKeys as w, withModifiers as D, createElementVNode as E, createVNode as X, createCommentVNode as f, renderSlot as $ } from "vue";
 import { useCodeMirror as Y, useDropdown as Z, colorPicker as ee } from "@scalar/use-codemirror";
 import { nanoid as oe } from "nanoid";
 import q from "../DataTable/DataTableInputSelect.vue.js";
@@ -49,13 +49,13 @@ const de = ["id"], pe = {
   emits: ["submit", "update:modelValue", "curl"],
   setup(R, { expose: N, emit: O }) {
     var P;
-    const e = R, i = O, w = J(), _ = w.id || `id-${oe()}`, V = u(!1), m = u(!1), g = u(""), B = u({ left: 0, top: 0 }), c = u(null), { activeEnvVariables: C, activeEnvironment: k, activeWorkspace: A } = ue(), { isReadOnly: S } = ie(), { copyToClipboard: I } = ae();
+    const e = R, i = O, V = J(), _ = V.id || `id-${oe()}`, g = u(!1), m = u(!1), B = u(""), C = u({ left: 0, top: 0 }), c = u(null), { activeEnvVariables: k, activeEnvironment: b, activeWorkspace: A } = ue(), { isReadOnly: S } = ie(), { copyToClipboard: I } = ae();
     function K(o) {
       var t;
-      return o === e.modelValue ? null : e.importCurl && o.trim().toLowerCase().startsWith("curl") ? (i("curl", o), (t = n.value) == null || t.dispatch({
+      return o === e.modelValue ? null : e.importCurl && o.trim().toLowerCase().startsWith("curl") ? (i("curl", o), (t = a.value) == null || t.dispatch({
         changes: {
           from: 0,
-          to: n.value.state.doc.length,
+          to: a.value.state.doc.length,
           insert: String(e.modelValue)
         }
       }), null) : e.handleFieldChange ? e.handleFieldChange(o) : i("update:modelValue", o);
@@ -64,45 +64,45 @@ const de = ["id"], pe = {
       return e.handleFieldSubmit ? e.handleFieldSubmit(o) : i("submit", o);
     }
     function T(o) {
-      V.value = !1, e.emitOnBlur && e.modelValue && M(o);
+      g.value = !1, e.emitOnBlur && e.modelValue && M(o);
     }
-    const b = [];
-    e.colorPicker && b.push(ee), b.push(
+    const y = [];
+    e.colorPicker && y.push(ee), y.push(
       te({
-        environment: k.value,
-        envVariables: C.value,
+        environment: b.value,
+        envVariables: k.value,
         workspace: A.value,
         isReadOnly: S
       }),
       le
     );
-    const x = u(null), { codeMirror: n } = Y({
-      content: a(
+    const x = u(null), { codeMirror: a } = Y({
+      content: r(
         () => e.modelValue !== void 0 ? String(e.modelValue) : ""
       ),
       onChange: (o) => {
         K(o), z();
       },
-      onFocus: () => V.value = !0,
+      onFocus: () => g.value = !0,
       onBlur: (o) => T(o),
       codeMirrorRef: x,
-      disableTabIndent: a(() => e.disableTabIndent),
-      disableEnter: a(() => e.disableEnter),
-      disableCloseBrackets: a(() => e.disableCloseBrackets),
-      lineNumbers: a(() => e.lineNumbers),
-      language: a(() => e.language),
-      lint: a(() => e.lint),
-      extensions: b,
-      placeholder: a(() => e.placeholder)
+      disableTabIndent: r(() => e.disableTabIndent),
+      disableEnter: r(() => e.disableEnter),
+      disableCloseBrackets: r(() => e.disableCloseBrackets),
+      lineNumbers: r(() => e.lineNumbers),
+      language: r(() => e.language),
+      lint: r(() => e.lint),
+      extensions: y,
+      placeholder: r(() => e.placeholder)
     });
-    (P = n.value) == null || P.focus(), L(n, () => {
-      n.value && Object.prototype.hasOwnProperty.call(w, "autofocus") && n.value.focus();
+    (P = a.value) == null || P.focus(), L(a, () => {
+      a.value && Object.prototype.hasOwnProperty.call(V, "autofocus") && a.value.focus();
     });
     const { handleDropdownSelect: W, updateDropdownVisibility: z } = Z({
-      codeMirror: n,
-      query: g,
+      codeMirror: a,
+      query: B,
       showDropdown: m,
-      dropdownPosition: B
+      dropdownPosition: C
     }), U = Q(() => {
       var o;
       return e.type === "boolean" || (o = e.type) != null && o.includes("boolean") || e.nullable ? ["true", "false", "null"] : ["true", "false"];
@@ -110,31 +110,31 @@ const de = ["id"], pe = {
     N({
       focus: () => {
         var o;
-        (o = n.value) == null || o.focus();
+        (o = a.value) == null || o.focus();
       }
     });
-    const y = (o, t) => {
+    const v = (o, t) => {
       var d, l, F;
       m.value && (o === "down" ? (t.preventDefault(), (d = c.value) == null || d.handleArrowKey("down")) : o === "up" ? (t.preventDefault(), (l = c.value) == null || l.handleArrowKey("up")) : o === "enter" && (t.preventDefault(), (F = c.value) == null || F.handleSelect()));
     };
     return (o, t) => {
       var d;
-      return r(), p(G, null, [
-        e.enum && e.enum.length ? (r(), v(q, {
+      return s(), p(G, null, [
+        e.enum && e.enum.length ? (s(), h(q, {
           key: 0,
           default: e.default,
           modelValue: e.modelValue,
           value: e.enum,
           "onUpdate:modelValue": t[0] || (t[0] = (l) => i("update:modelValue", l))
-        }, null, 8, ["default", "modelValue", "value"])) : e.type === "boolean" || (d = e.type) != null && d.includes("boolean") ? (r(), v(q, {
+        }, null, 8, ["default", "modelValue", "value"])) : e.type === "boolean" || (d = e.type) != null && d.includes("boolean") ? (s(), h(q, {
           key: 1,
           default: e.default,
           modelValue: e.modelValue,
           value: U.value,
           "onUpdate:modelValue": t[1] || (t[1] = (l) => i("update:modelValue", l))
-        }, null, 8, ["default", "modelValue", "value"])) : (r(), p("div", H({
+        }, null, 8, ["default", "modelValue", "value"])) : (s(), p("div", H({
           key: 2,
-          id: s(_)
+          id: n(_)
         }, o.$attrs, {
           ref_key: "codeMirrorRef",
           ref: x,
@@ -142,39 +142,39 @@ const de = ["id"], pe = {
             "flow-code-input--error": o.error
           }],
           onKeydown: [
-            t[3] || (t[3] = h(D((l) => y("down", l), ["stop"]), ["down"])),
-            t[4] || (t[4] = h((l) => y("enter", l), ["enter"])),
-            t[5] || (t[5] = h(D((l) => y("up", l), ["stop"]), ["up"]))
+            t[3] || (t[3] = w(D((l) => v("down", l), ["stop"]), ["down"])),
+            t[4] || (t[4] = w((l) => v("enter", l), ["enter"])),
+            t[5] || (t[5] = w(D((l) => v("up", l), ["stop"]), ["up"]))
           ]
         }), [
-          o.isCopyable ? (r(), p("div", pe, [
+          o.isCopyable ? (s(), p("div", pe, [
             E("button", {
               class: "copy-button",
               type: "button",
-              onClick: t[2] || (t[2] = (l) => s(I)(s(se)(e.modelValue)))
+              onClick: t[2] || (t[2] = (l) => n(I)(n(se)(e.modelValue)))
             }, [
               t[6] || (t[6] = E("span", { class: "sr-only" }, "Copy content", -1)),
-              X(s(re), {
+              X(n(re), {
                 icon: "Clipboard",
                 size: "md"
               })
             ])
           ])) : f("", !0)
         ], 16, de)),
-        o.$slots.warning ? (r(), p("div", ce, [
+        o.$slots.warning ? (s(), p("div", ce, [
           $(o.$slots, "warning", {}, void 0, !0)
         ])) : f("", !0),
         $(o.$slots, "icon", {}, void 0, !0),
-        o.required ? (r(), p("div", fe, " Required ")) : f("", !0),
-        m.value && e.withVariables && !s(S) ? (r(), v(ne, {
+        o.required ? (s(), p("div", fe, " Required ")) : f("", !0),
+        m.value && e.withVariables && !n(S) && n(b) ? (s(), h(ne, {
           key: 5,
           ref_key: "dropdownRef",
           ref: c,
-          dropdownPosition: B.value,
-          envVariables: s(C),
-          environment: s(k),
-          query: g.value,
-          onSelect: s(W)
+          dropdownPosition: C.value,
+          envVariables: n(k),
+          environment: n(b),
+          query: B.value,
+          onSelect: n(W)
         }, null, 8, ["dropdownPosition", "envVariables", "environment", "query", "onSelect"])) : f("", !0)
       ], 64);
     };

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

@@ -8,10 +8,10 @@ type IsReadOnly = WorkspaceStore['isReadOnly'];
  * Styles the active environment variable pill
  */
 export declare const pillPlugin: (props: {
-    environment: Environment;
-    envVariables: EnvVariables;
-    workspace: Workspace;
-    isReadOnly: IsReadOnly;
+    environment?: Environment;
+    envVariables?: EnvVariables;
+    workspace?: Workspace;
+    isReadOnly?: IsReadOnly;
 }) => 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;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,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;AAG/B,KAAK,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AA+H9C;;GAEG;AACH,eAAO,MAAM,UAAU,UAAW;IAChC,WAAW,EAAE,WAAW,CAAA;IACxB,YAAY,EAAE,YAAY,CAAA;IAC1B,SAAS,EAAE,SAAS,CAAA;IACpB,UAAU,EAAE,UAAU,CAAA;CACvB;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;AACnE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAE7C,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;AAG/B,KAAK,UAAU,GAAG,cAAc,CAAC,YAAY,CAAC,CAAA;AAkI9C;;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,UAAU,CAAA;CACxB;iBAGkB,aAAa;mBAMX,UAAU;2BASF,UAAU;EAkCpC,CAAA;AAEH,eAAO,MAAM,gBAAgB,uCA8B3B,CAAA"}