@scalar/api-client 2.1.30 → 2.1.32

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @scalar/api-client
 
+## 2.1.32
+
+### Patch Changes
+
+- 4ccbb6b: feat: adds settings command to command palette
+- 85a1815: fix: increases address bar loading background index
+- a12857f: style: environment variable tooltip fixtures
+- b500de2: fix: data table cell overflow issue
+- 294fde8: feat: adds keyboard navigation within environment variable dropdown
+- 0706bc4: fix(api-client): move sidenav to bottom on mobile
+- 86a3a82: fix: API client always uses proxy.scalar.com
+- 48afb7c: fix: removes stopped propagation on enter key in code input
+
+## 2.1.31
+
+### Patch Changes
+
+- @scalar/components@0.12.58
+- @scalar/use-codemirror@0.11.25
+
 ## 2.1.30
 
 ### 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":";;;;;AAuvBA,wBAQG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";;;;;AAwvBA,wBAQG"}

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 s = /* @__PURE__ */ r(o, [["__scopeId", "data-v-b2aad57d"]]);
+const d = /* @__PURE__ */ r(o, [["__scopeId", "data-v-19d5c366"]]);
 export {
-  s as default
+  d as default
 };

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

@@ -1,4 +1,4 @@
-import { defineComponent as H, ref as u, watch as L, onMounted as K, onBeforeUnmount as O, unref as o, openBlock as z, createElementBlock as A, createElementVNode as r, createVNode as n, withCtx as w, normalizeClass as C, normalizeStyle as N, createCommentVNode as T } from "vue";
+import { defineComponent as H, ref as u, watch as L, onMounted as z, onBeforeUnmount as K, unref as o, openBlock as O, createElementBlock as A, createElementVNode as r, createVNode as n, withCtx as w, normalizeClass as C, normalizeStyle as N, createCommentVNode as T } from "vue";
 import $ from "../CodeInput/CodeInput.vue.js";
 import { Listbox as D } from "@headlessui/vue";
 import { ScalarButton as P, ScalarIcon as Q } from "@scalar/components";
@@ -75,7 +75,7 @@ const ee = {
       var l;
       e != null && e.focusAddressBar && ((l = p.value) == null || l.focus());
     }
-    return K(() => d.hotKeys.on(g)), O(() => d.hotKeys.off(g)), (e, l) => o(t) && o(_) ? (z(), A("div", ee, [
+    return z(() => d.hotKeys.on(g)), K(() => d.hotKeys.off(g)), (e, l) => o(t) && o(_) ? (O(), A("div", ee, [
       r("div", te, [
         n(o(D), {
           modelValue: c.value,
@@ -90,7 +90,7 @@ const ee = {
             }, [
               r("div", le, [
                 r("div", {
-                  class: C(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", M()]),
+                  class: C(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full z-context", M()]),
                   style: N({ transform: `translate3d(-${a.value}%,0,0)` })
                 }, null, 6)
               ]),

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,OA2WO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,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;;;;;;;;kBAlBN,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;;;;;;gBAfP,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAuUG,GAAG;kBACN,GAAG;;AA5V9B,wBAmZC;AAcD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,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,OAiYO,EAGL,KAAK,kBAAkB,EAGxB,MAAM,wBAAwB,CAAA;;kBAcb,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;;;;;;;;kBAlBN,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;;;;;;gBAfP,OAAO;iBAHN,OAAO;sBAMF,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBA6WG,GAAG;kBACN,GAAG;;AAlY9B,wBA2bC;AAcD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,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-6d843399"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9121d6e5"]]);
 export {
-  a as default
+  _ as default
 };

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

@@ -1,20 +1,20 @@
-import { defineComponent as T, useAttrs as A, ref as u, toRef as t, watch as U, computed as C, openBlock as a, createElementBlock as s, Fragment as W, createBlock as p, mergeProps as j, unref as i, renderSlot as _, createCommentVNode as m } from "vue";
-import { useCodeMirror as L, useDropdown as Q, colorPicker as z } from "@scalar/use-codemirror";
-import { nanoid as G } from "nanoid";
-import x from "../DataTable/DataTableInputSelect.vue.js";
-import { pillPlugin as H, backspaceCommand as J } from "./codeVariableWidget.js";
-import K from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
-import { useWorkspace as X } from "../../store/store.js";
-const Y = ["id"], Z = {
+import { defineComponent as j, useAttrs as L, ref as u, toRef as r, watch as Q, computed as P, openBlock as a, createElementBlock as c, Fragment as z, createBlock as y, mergeProps as G, unref as d, withKeys as h, withModifiers as _, renderSlot as D, createCommentVNode as w } from "vue";
+import { useCodeMirror as H, useDropdown as J, colorPicker as X } from "@scalar/use-codemirror";
+import { nanoid as Y } from "nanoid";
+import q from "../DataTable/DataTableInputSelect.vue.js";
+import { pillPlugin as Z, backspaceCommand as ee } from "./codeVariableWidget.js";
+import oe from "../../views/Environment/EnvironmentVariableDropdown.vue.js";
+import { useWorkspace as le } from "../../store/store.js";
+const te = ["id"], ne = {
   key: 3,
   class: "absolute centered-y right-7 text-orange text-xs"
-}, ee = {
+}, re = {
   key: 4,
   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"
-}, oe = {
+}, ae = {
   inheritAttrs: !1
-}, se = /* @__PURE__ */ T({
-  ...oe,
+}, me = /* @__PURE__ */ j({
+  ...ae,
   __name: "CodeInput",
   props: {
     colorPicker: { type: Boolean, default: !1 },
@@ -38,110 +38,122 @@ const Y = ["id"], Z = {
     importCurl: { type: Boolean }
   },
   emits: ["submit", "update:modelValue", "curl"],
-  setup(S, { expose: F, emit: P }) {
-    var B;
-    const e = S, r = P, f = A(), q = f.id || `id-${G()}`, b = u(!1), h = u(!1), y = u(""), v = u({ left: 0, top: 0 }), { activeEnvVariables: g, isReadOnly: V, environments: E, router: $ } = X();
-    function O(o) {
-      var n;
-      return o === e.modelValue ? null : e.importCurl && o.trim().toLowerCase().startsWith("curl") ? (r("curl", o), (n = l.value) == null || n.dispatch({
+  setup(E, { expose: R, emit: $ }) {
+    var x;
+    const o = E, i = $, v = L(), O = v.id || `id-${Y()}`, g = u(!1), f = u(!1), V = u(""), B = u({ left: 0, top: 0 }), p = u(null), { activeEnvVariables: k, isReadOnly: C, environments: K, router: M } = le();
+    function A(e) {
+      var l;
+      return e === o.modelValue ? null : o.importCurl && e.trim().toLowerCase().startsWith("curl") ? (i("curl", e), (l = n.value) == null || l.dispatch({
         changes: {
           from: 0,
-          to: l.value.state.doc.length,
-          insert: String(e.modelValue)
+          to: n.value.state.doc.length,
+          insert: String(o.modelValue)
         }
-      }), null) : e.handleFieldChange ? e.handleFieldChange(o) : r("update:modelValue", o);
+      }), null) : o.handleFieldChange ? o.handleFieldChange(e) : i("update:modelValue", e);
     }
-    function R(o) {
-      return e.handleFieldSubmit ? e.handleFieldSubmit(o) : r("submit", o);
+    function I(e) {
+      return o.handleFieldSubmit ? o.handleFieldSubmit(e) : i("submit", e);
     }
-    function D(o) {
-      b.value = !1, e.emitOnBlur && e.modelValue && R(o);
+    function N(e) {
+      g.value = !1, o.emitOnBlur && o.modelValue && I(e);
     }
-    const d = [];
-    e.colorPicker && d.push(z), d.push(
-      H({
-        environments: E,
-        activeEnvVariables: g,
-        isReadOnly: V
+    const m = [];
+    o.colorPicker && m.push(X), m.push(
+      Z({
+        environments: K,
+        activeEnvVariables: k,
+        isReadOnly: C
       }),
-      J
+      ee
     );
-    const w = u(null), { codeMirror: l } = L({
-      content: t(
-        () => e.modelValue !== void 0 ? String(e.modelValue) : ""
+    const S = u(null), { codeMirror: n } = H({
+      content: r(
+        () => o.modelValue !== void 0 ? String(o.modelValue) : ""
       ),
-      onChange: (o) => {
-        O(o), M();
+      onChange: (e) => {
+        A(e), U();
       },
-      onFocus: () => b.value = !0,
-      onBlur: (o) => D(o),
-      codeMirrorRef: w,
-      disableTabIndent: t(() => e.disableTabIndent),
-      disableEnter: t(() => e.disableEnter),
-      disableCloseBrackets: t(() => e.disableCloseBrackets),
-      lineNumbers: t(() => e.lineNumbers),
-      language: t(() => e.language),
-      lint: t(() => e.lint),
-      extensions: d,
-      placeholder: t(() => e.placeholder)
+      onFocus: () => g.value = !0,
+      onBlur: (e) => N(e),
+      codeMirrorRef: S,
+      disableTabIndent: r(() => o.disableTabIndent),
+      disableEnter: r(() => o.disableEnter),
+      disableCloseBrackets: r(() => o.disableCloseBrackets),
+      lineNumbers: r(() => o.lineNumbers),
+      language: r(() => o.language),
+      lint: r(() => o.lint),
+      extensions: m,
+      placeholder: r(() => o.placeholder)
     });
-    (B = l.value) == null || B.focus(), U(l, () => {
-      l.value && Object.prototype.hasOwnProperty.call(f, "autofocus") && l.value.focus();
+    (x = n.value) == null || x.focus(), Q(n, () => {
+      n.value && Object.prototype.hasOwnProperty.call(v, "autofocus") && n.value.focus();
     });
-    const { handleDropdownSelect: I, updateDropdownVisibility: M } = Q({
-      codeMirror: l,
-      query: y,
-      showDropdown: h,
-      dropdownPosition: v
-    }), N = C(() => {
-      var o;
-      return e.type === "boolean" || (o = e.type) != null && o.includes("boolean") || e.nullable ? ["true", "false", "null"] : ["true", "false"];
+    const { handleDropdownSelect: T, updateDropdownVisibility: U } = J({
+      codeMirror: n,
+      query: V,
+      showDropdown: f,
+      dropdownPosition: B
+    }), W = P(() => {
+      var e;
+      return o.type === "boolean" || (e = o.type) != null && e.includes("boolean") || o.nullable ? ["true", "false", "null"] : ["true", "false"];
     });
-    return F({
+    R({
       focus: () => {
-        var o;
-        (o = l.value) == null || o.focus();
+        var e;
+        (e = n.value) == null || e.focus();
       }
-    }), (o, n) => {
-      var k;
-      return a(), s(W, null, [
-        e.enum && e.enum.length ? (a(), p(x, {
+    });
+    const b = (e, l) => {
+      var s, t, F;
+      f.value && (e === "down" ? (l.preventDefault(), (s = p.value) == null || s.handleArrowKey("down")) : e === "up" ? (l.preventDefault(), (t = p.value) == null || t.handleArrowKey("up")) : e === "enter" && (l.preventDefault(), (F = p.value) == null || F.handleSelect()));
+    };
+    return (e, l) => {
+      var s;
+      return a(), c(z, null, [
+        o.enum && o.enum.length ? (a(), y(q, {
           key: 0,
-          modelValue: e.modelValue,
-          value: e.enum,
-          "onUpdate:modelValue": n[0] || (n[0] = (c) => r("update:modelValue", c))
-        }, null, 8, ["modelValue", "value"])) : e.type === "boolean" || (k = e.type) != null && k.includes("boolean") ? (a(), p(x, {
+          modelValue: o.modelValue,
+          value: o.enum,
+          "onUpdate:modelValue": l[0] || (l[0] = (t) => i("update:modelValue", t))
+        }, null, 8, ["modelValue", "value"])) : o.type === "boolean" || (s = o.type) != null && s.includes("boolean") ? (a(), y(q, {
           key: 1,
-          modelValue: e.modelValue,
-          value: N.value,
-          "onUpdate:modelValue": n[1] || (n[1] = (c) => r("update:modelValue", c))
-        }, null, 8, ["modelValue", "value"])) : (a(), s("div", j({
+          modelValue: o.modelValue,
+          value: W.value,
+          "onUpdate:modelValue": l[1] || (l[1] = (t) => i("update:modelValue", t))
+        }, null, 8, ["modelValue", "value"])) : (a(), c("div", G({
           key: 2,
-          id: i(q)
-        }, o.$attrs, {
+          id: d(O)
+        }, e.$attrs, {
           ref_key: "codeMirrorRef",
-          ref: w,
+          ref: S,
           class: ["peer font-code w-full whitespace-nowrap overflow-hidden text-xs leading-[1.44] relative", {
-            "flow-code-input--error": o.error
-          }]
-        }), null, 16, Y)),
-        o.$slots.warning ? (a(), s("div", Z, [
-          _(o.$slots, "warning", {}, void 0, !0)
-        ])) : m("", !0),
-        _(o.$slots, "icon", {}, void 0, !0),
-        o.required ? (a(), s("div", ee, " Required ")) : m("", !0),
-        h.value && e.withVariables && !i(V) ? (a(), p(K, {
+            "flow-code-input--error": e.error
+          }],
+          onKeydown: [
+            l[2] || (l[2] = h(_((t) => b("down", t), ["stop"]), ["down"])),
+            l[3] || (l[3] = h((t) => b("enter", t), ["enter"])),
+            l[4] || (l[4] = h(_((t) => b("up", t), ["stop"]), ["up"]))
+          ]
+        }), null, 16, te)),
+        e.$slots.warning ? (a(), c("div", ne, [
+          D(e.$slots, "warning", {}, void 0, !0)
+        ])) : w("", !0),
+        D(e.$slots, "icon", {}, void 0, !0),
+        e.required ? (a(), c("div", re, " Required ")) : w("", !0),
+        f.value && o.withVariables && !d(C) ? (a(), y(oe, {
           key: 5,
-          activeEnvVariables: C(() => i(g)),
-          dropdownPosition: v.value,
-          query: y.value,
-          router: i($),
-          onSelect: i(I)
-        }, null, 8, ["activeEnvVariables", "dropdownPosition", "query", "router", "onSelect"])) : m("", !0)
+          ref_key: "dropdownRef",
+          ref: p,
+          activeEnvVariables: P(() => d(k)),
+          dropdownPosition: B.value,
+          query: V.value,
+          router: d(M),
+          onSelect: d(T)
+        }, null, 8, ["activeEnvVariables", "dropdownPosition", "query", "router", "onSelect"])) : w("", !0)
       ], 64);
     };
   }
 });
 export {
-  se as default
+  me as default
 };

package/dist/components/CodeInput/codeVariableWidget.js

@@ -53,8 +53,8 @@ class c extends E {
         return o(
           b,
           {
-            align: "start",
-            class: "bg-b-1 w-full",
+            align: "center",
+            class: "bg-b-2 w-full",
             delay: 0,
             side: "bottom",
             sideOffset: 6
@@ -64,7 +64,7 @@ class c extends E {
             content: () => o(
               "div",
               {
-                class: "w-content shadow-lg rounded bg-b-1 text-xxs leading-5 text-c-1"
+                class: "w-content shadow-lg rounded bg-b-1 brightness-lifted text-xxs leading-5 text-c-1"
               },
               s
             )

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

@@ -1 +1 @@
-{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AA2XA;;;;GAIG;;AACH,wBA+eI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAwYA;;;;GAIG;;AACH,wBAsgBI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAQpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CAAA;AAEzD,MAAM,MAAM,mBAAmB,GAAG;IAChC,8DAA8D;IAC9D,WAAW,CAAC,EAAE,YAAY,CAAA;IAC1B,iEAAiE;IACjE,QAAQ,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAA;CAC/B,CACA"}

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

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