@scalar/api-client 2.0.44 → 2.0.46

package/CHANGELOG.md

@@ -1,5 +1,28 @@
 # @scalar/api-client
 
+## 2.0.46
+
+### Patch Changes
+
+- 2f6180a: fix: improve address bar styles
+- Updated dependencies [17e06de]
+  - @scalar/oas-utils@0.2.27
+
+## 2.0.45
+
+### Patch Changes
+
+- ee80ee5: feat: allow renaming requests, cookies, environments
+- f3fec79: fix: adds delete sidebar list element close event
+- 2301345: fix: authentication select
+- 57f5691: feat: set path variables from url
+- faf3ed9: fix: style updates to client app
+- a1c73a0: feat(api-client): improve client request loading and feedback
+- Updated dependencies [faf3ed9]
+  - @scalar/themes@0.9.21
+  - @scalar/components@0.12.28
+  - @scalar/oas-utils@0.2.26
+
 ## 2.0.44
 
 ### 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":";AAulBA,wBAKG"}
+{"version":3,"file":"AddressBar.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBar.vue"],"names":[],"mappings":";AAirBA,wBAKG"}

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

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

@@ -1,121 +1,129 @@
-import { defineComponent as q, ref as c, watch as V, unref as l, openBlock as B, createElementBlock as I, createElementVNode as o, createVNode as s, withCtx as _, normalizeClass as b, normalizeStyle as R, createCommentVNode as z, pushScopeId as M, popScopeId as U } from "vue";
-import $ from "../CodeInput/CodeInput.vue.js";
-import { useWorkspace as O } from "../../store/workspace.js";
-import { Listbox as H } from "@headlessui/vue";
-import { ScalarButton as N, ScalarIcon as T } from "@scalar/components";
-import { REQUEST_METHODS as L } from "@scalar/oas-utils/helpers";
-import { isMacOS as A } from "@scalar/use-tooltip";
-import { useMagicKeys as D, whenever as K } from "@vueuse/core";
-import Q from "../HttpMethod/HttpMethod.vue.js";
-import W from "./AddressBarHistory.vue.js";
-import { executeRequestBus as m } from "../../libs/eventBusses/executeRequestBus.js";
-const f = (n) => (M("data-v-556303b4"), n = n(), U(), n), j = {
+import { defineComponent as M, ref as d, watch as U, unref as l, openBlock as L, createElementBlock as H, createElementVNode as o, createVNode as n, withCtx as _, normalizeClass as w, normalizeStyle as O, createCommentVNode as $, pushScopeId as N, popScopeId as T } from "vue";
+import A from "../CodeInput/CodeInput.vue.js";
+import { useWorkspace as D } from "../../store/workspace.js";
+import { Listbox as K } from "@headlessui/vue";
+import { ScalarButton as Q, ScalarIcon as W } from "@scalar/components";
+import { REQUEST_METHODS as j } from "@scalar/oas-utils/helpers";
+import { isMacOS as F } from "@scalar/use-tooltip";
+import { useMagicKeys as G, whenever as J } from "@vueuse/core";
+import P from "../HttpMethod/HttpMethod.vue.js";
+import X from "./AddressBarHistory.vue.js";
+import { executeRequestBus as m } from "../../libs/event-busses/execute-requestBus.js";
+import { requestStatusBus as Y } from "../../libs/event-busses/request-status-bus.js";
+const v = (c) => (N("data-v-372103f0"), c = c(), T(), c), Z = {
   key: 0,
   class: "order-last lg:order-none lg:w-auto w-full"
-}, F = { class: "m-auto flex basis-1/2 flex-row items-center" }, G = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, J = { class: "flex gap-1" }, P = { class: "scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, X = /* @__PURE__ */ f(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), Y = /* @__PURE__ */ f(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), Z = /* @__PURE__ */ f(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), ce = /* @__PURE__ */ q({
+}, ee = { class: "m-auto flex basis-1/2 flex-row items-center" }, te = { class: "pointer-events-none absolute left-0 top-0 z-10 block h-full w-full overflow-hidden" }, le = { class: "flex gap-1" }, oe = { class: "codemirror-bg-switcher scroll-timeline-x scroll-timeline-x-hidden relative flex w-full" }, ae = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-left" }, null, -1)), re = /* @__PURE__ */ v(() => /* @__PURE__ */ o("div", { class: "fade-right" }, null, -1)), se = /* @__PURE__ */ v(() => /* @__PURE__ */ o("span", { class: "text-xxs relative z-10 lg:flex hidden" }, "Send", -1)), _e = /* @__PURE__ */ M({
   __name: "AddressBar",
-  setup(n) {
+  setup(c) {
     const {
       activeRequest: t,
-      activeExample: i,
+      activeExample: f,
       isReadOnly: p,
-      requestMutators: v,
-      requestExampleMutators: g,
-      requestsHistory: w
-    } = O(), x = c(w.value[0]), h = D();
-    K(
-      A() ? h.meta_enter : h.ctrl_enter,
+      requestMutators: h,
+      requestExampleMutators: S,
+      requestsHistory: k
+    } = D(), x = d(k.value[0]), b = G();
+    J(
+      F() ? b.meta_enter : b.ctrl_enter,
       () => m.emit()
     );
-    const k = (e) => {
-      !t.value || t.value.path === e || v.edit(t.value.uid, "path", e);
+    const E = (e) => {
+      !t.value || t.value.path === e || h.edit(t.value.uid, "path", e);
     };
-    V(
+    U(
       () => {
         var e;
         return (e = t.value) == null ? void 0 : e.path;
       },
       (e) => {
-        t.value && k(e);
+        t.value && E(e);
       }
     );
-    const d = c(100), u = c(!1);
-    m.on(() => {
-      if (u.value) return;
-      u.value = !0;
-      const e = setInterval(() => {
-        d.value -= 5, d.value <= 0 && (clearInterval(e), d.value = 100, u.value = !1);
-      }, 20);
+    const a = d(100), g = d(0), r = d(!1), i = d();
+    function y() {
+      r.value ? a.value -= (a.value - 15) / 60 : a.value -= g.value / 20, a.value <= 0 && (clearInterval(i.value), i.value = void 0, a.value = 100, r.value = !1);
+    }
+    function C() {
+      r.value || (r.value = !0, i.value = setInterval(y, 20));
+    }
+    function q() {
+      g.value = a.value, r.value = !1;
+    }
+    function B() {
+      clearInterval(i.value), i.value = void 0, a.value = 100, r.value = !1;
+    }
+    Y.on((e) => {
+      e === "start" && C(), e === "stop" && q(), e === "abort" && B();
     });
-    function E(e) {
-      t.value && v.edit(t.value.uid, "method", e);
+    function I(e) {
+      t.value && h.edit(t.value.uid, "method", e);
     }
-    function S() {
+    function V() {
       if (!t.value) return;
       const { method: e } = t.value;
-      return L[e].backgroundColor;
+      return j[e].backgroundColor;
     }
-    const y = (e) => {
-      i.value && g.edit(i.value.uid, "url", e);
+    const R = (e) => {
+      f.value && S.edit(f.value.uid, "url", e);
     };
-    return (e, r) => l(t) && l(i) ? (B(), I("div", j, [
-      o("div", F, [
-        s(l(H), {
+    return (e, s) => l(t) && l(f) ? (L(), H("div", Z, [
+      o("div", ee, [
+        n(l(K), {
           modelValue: x.value,
-          "onUpdate:modelValue": r[2] || (r[2] = (a) => x.value = a)
+          "onUpdate:modelValue": s[2] || (s[2] = (u) => x.value = u)
         }, {
-          default: _(({ open: a }) => [
+          default: _(({ open: u }) => [
             o("div", {
-              class: b([
-                "text-xxs bg-b-1 relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last lg:order-none flex-1 flex-row items-stretch rounded border p-[3px]",
-                { "rounded-b-none": a },
-                { "border-transparent": a }
+              class: w([
+                "addressbar-bg-states text-xxs relative flex w-full lg:min-w-[720px] lg:max-w-[720px] order-last lg:order-none flex-1 flex-row items-stretch rounded-lg border-1/2 p-[3px]",
+                { "rounded-b-none": u },
+                { "border-transparent": u }
               ])
             }, [
-              o("div", G, [
+              o("div", te, [
                 o("div", {
-                  class: b(["bg-mix-transparent bg-mix-amount-95 absolute left-0 top-0 h-full w-full", S()]),
-                  style: R({ transform: `translate3d(-${d.value}%,0,0)` })
+                  class: w(["bg-mix-transparent bg-mix-amount-90 absolute left-0 top-0 h-full w-full", V()]),
+                  style: O({ transform: `translate3d(-${a.value}%,0,0)` })
                 }, null, 6)
               ]),
-              o("div", J, [
-                s(Q, {
-                  class: "font-code text-xxs font-medium",
+              o("div", le, [
+                n(P, {
                   isEditable: !l(p),
                   isSquare: "",
                   method: l(t).method,
-                  onChange: E
+                  onChange: I
                 }, null, 8, ["isEditable", "method"])
               ]),
-              o("div", P, [
-                X,
-                s($, {
+              o("div", oe, [
+                ae,
+                n(A, {
                   disableCloseBrackets: "",
                   disabled: l(p),
                   disableEnter: "",
                   disableTabIndent: "",
                   emitOnBlur: !1,
-                  modelValue: l(i).url,
+                  modelValue: l(f).url,
                   placeholder: "Enter URL to get started",
                   server: "",
-                  onSubmit: r[0] || (r[0] = (C) => l(m).emit()),
-                  "onUpdate:modelValue": y
+                  onSubmit: s[0] || (s[0] = (z) => l(m).emit()),
+                  "onUpdate:modelValue": R
                 }, null, 8, ["disabled", "modelValue"]),
-                Y
+                re
               ]),
-              s(W, { open: a }, null, 8, ["open"]),
-              s(l(N), {
+              n(X, { open: u }, null, 8, ["open"]),
+              n(l(Q), {
                 class: "relative h-auto shrink-0 gap-1 overflow-hidden pl-2 pr-2.5 py-1 z-[1] font-bold",
-                disabled: u.value,
-                onClick: r[1] || (r[1] = (C) => l(m).emit())
+                disabled: r.value,
+                onClick: s[1] || (s[1] = (z) => l(m).emit())
               }, {
                 default: _(() => [
-                  s(l(T), {
+                  n(l(W), {
                     class: "relative z-10 shrink-0 fill-current",
                     icon: "Play",
                     size: "xs"
                   }),
-                  Z
+                  se
                 ]),
                 _: 1
               }, 8, ["disabled"])
@@ -124,9 +132,9 @@ const f = (n) => (M("data-v-556303b4"), n = n(), U(), n), j = {
           _: 1
         }, 8, ["modelValue"])
       ])
-    ])) : z("", !0);
+    ])) : $("", !0);
   }
 });
 export {
-  ce as default
+  _e as default
 };

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":";UA2GQ,OAAO;;UAAP,OAAO;;AAkOf,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UA0GQ,OAAO;;UAAP,OAAO;;AAmOf,wBAMG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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

@@ -1,19 +1,19 @@
-import { defineComponent as C, computed as w, openBlock as n, createElementBlock as m, Fragment as d, unref as t, createBlock as i, withCtx as p, createVNode as f, createCommentVNode as b, createElementVNode as r, normalizeClass as h, renderList as U, toDisplayString as l } from "vue";
+import { defineComponent as C, computed as w, openBlock as n, createElementBlock as d, Fragment as m, unref as t, createBlock as i, withCtx as p, createVNode as f, createCommentVNode as h, createElementVNode as r, normalizeClass as b, renderList as U, toDisplayString as l } from "vue";
 import { formatMs as L } from "../../libs/formatters.js";
 import { useWorkspace as q } from "../../store/workspace.js";
-import { ListboxButton as B, ListboxOptions as y, ListboxOption as S } from "@headlessui/vue";
-import { ScalarIcon as P } from "@scalar/components";
-import { httpStatusCodes as R } from "@scalar/oas-utils/helpers";
-import { useRouter as z } from "vue-router";
-import E from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as H } from "./httpStatusCodeColors.js";
-const N = { class: "min-w-0" }, V = { class: "min-w-0 truncate text-c-1" }, J = /* @__PURE__ */ C({
+import { ListboxButton as y, ListboxOptions as B, ListboxOption as S } from "@headlessui/vue";
+import { ScalarIcon as H } from "@scalar/components";
+import { httpStatusCodes as P } from "@scalar/oas-utils/helpers";
+import { useRouter as R } from "vue-router";
+import z from "../HttpMethod/HttpMethod.vue.js";
+import { getStatusCodeColor as E } from "./httpStatusCodeColors.js";
+const M = { class: "min-w-0" }, N = { class: "min-w-0 truncate text-c-1" }, J = /* @__PURE__ */ C({
   __name: "AddressBarHistory",
   props: {
     open: { type: Boolean }
   },
-  setup($) {
-    const { activeRequest: u, requestExampleMutators: x } = q(), g = z(), v = w(() => u.value.history.slice().reverse());
+  setup(V) {
+    const { activeRequest: u, requestExampleMutators: x } = q(), g = R(), v = w(() => u.value.history.slice().reverse());
     function _(o) {
       const c = new URL(o), s = new URLSearchParams(c.search).get("scalar_url");
       return s ? new URL(s).href : c.href;
@@ -21,30 +21,29 @@ const N = { class: "min-w-0" }, V = { class: "min-w-0 truncate text-c-1" }, J =
     function k(o) {
       u.value.uid !== o.request.requestUid && g.push(`/request/${o.request.requestUid}`), x.set({ ...o.request });
     }
-    return (o, c) => (n(), m(d, null, [
-      t(u).history.length ? (n(), i(t(B), {
+    return (o, c) => (n(), d(m, null, [
+      t(u).history.length ? (n(), i(t(y), {
         key: 0,
-        class: "hover:bg-b-2 mr-1 rounded p-1.5"
+        class: "adressbar-history-button mr-1 rounded p-1.5 text-c-3 focus:text-c-1"
       }, {
         default: p(() => [
-          f(t(P), {
-            class: "text-c-3",
+          f(t(H), {
             icon: "History",
             size: "sm",
             thickness: "2.25"
           })
         ]),
         _: 1
-      })) : b("", !0),
+      })) : h("", !0),
       r("div", {
-        class: h([
+        class: b([
           "absolute left-0 top-[33px] w-full rounded before:pointer-events-none before:absolute before:left-0 before:top-[-33px] before:h-[calc(100%+33px)] before:w-full before:rounded z-50",
           { "before:shadow-lg": o.open }
         ])
       }, [
-        f(t(y), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
+        f(t(B), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur grid grid-cols-[44px,1fr,repeat(3,auto)] items-center" }, {
           default: p(() => [
-            (n(!0), m(d, null, U(v.value, (e, s) => (n(), i(t(S), {
+            (n(!0), d(m, null, U(v.value, (e, s) => (n(), i(t(S), {
               key: s,
               class: "contents font-code text-sm *:rounded-none first:*:rounded-l last:*:rounded-r *:h-8 *:hover:bg-b-2 *:flex *:items-center *:cursor-pointer *:px-1.5 text-c-2 font-medium",
               value: s,
@@ -53,19 +52,19 @@ const N = { class: "min-w-0" }, V = { class: "min-w-0 truncate text-c-1" }, J =
               default: p(() => {
                 var a;
                 return [
-                  e.response.config.method ? (n(), i(E, {
+                  e.response.config.method ? (n(), i(z, {
                     key: 0,
                     class: "text-[11px]",
                     method: e.response.config.method
-                  }, null, 8, ["method"])) : b("", !0),
-                  r("div", N, [
-                    r("div", V, l(_(e.response.config.url)), 1)
+                  }, null, 8, ["method"])) : h("", !0),
+                  r("div", M, [
+                    r("div", N, l(_(e.response.config.url)), 1)
                   ]),
                   r("div", null, l(t(L)(e.response.duration)), 1),
                   r("div", {
-                    class: h([t(H)(e.response.status).color])
+                    class: b([t(E)(e.response.status).color])
                   }, l(e.response.status), 3),
-                  r("div", null, l((a = t(R)[e.response.status]) == null ? void 0 : a.name), 1)
+                  r("div", null, l((a = t(P)[e.response.status]) == null ? void 0 : a.name), 1)
                 ];
               }),
               _: 2

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,OAuTO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,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;kBACT,OAAO;;;;;;;;;;;;;;kBAlBP,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;kBACT,OAAO;;;;;;;;;;;;;;iBAAP,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAgRG,GAAG;kBACN,GAAG;;AArS9B,wBAwUC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AAAA,OA0TO,EAGL,KAAK,kBAAkB,EAExB,MAAM,wBAAwB,CAAA;;kBAeb,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;kBACT,OAAO;;;;;;;;;;;;;;kBAlBP,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;kBACT,OAAO;;;;;;;;;;;;;;iBAAP,OAAO;iBAlBP,OAAO;gBAGR,OAAO;sBAGD,OAAO;kBAMX,OAAO;0BACC,OAAO;cAGnB,OAAO;mBACF,OAAO;;qBAgRG,GAAG;kBACN,GAAG;;AArS9B,wBAwUC;AAMD,KAAK,kBAAkB,CAAC,CAAC,EAAE,CAAC,IAAI;KAC1B,CAAC,IAAI,MAAM,IAAI,CAAC,CAAC,EAAE,MAAM,CAAC,CAAC,GAAG,CAAC,SAAS,MAAM,CAAC,GAC7C,cAAc,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG;QAAE,OAAO,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;KAAC,CAAC,GACvC,CAAC,CAAC,CAAC,CAAC;CACP,CAAC;AAEN,KAAK,cAAc,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CAAG,GAAG,EAAE,CAAC;AAExD,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC;AAEN,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,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-1124186d"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-caf4efcd"]]);
 export {
   a as default
 };

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

@@ -1,34 +1,34 @@
-import { defineComponent as B, ref as u, onMounted as x, openBlock as m, createElementBlock as h, createElementVNode as l, withDirectives as I, withKeys as M, withModifiers as R, vModelText as V, createVNode as a, unref as s, withCtx as n, Fragment as q, renderList as K, createBlock as W, createTextVNode as d, toDisplayString as v } from "vue";
+import { defineComponent as $, ref as i, onMounted as f, openBlock as m, createElementBlock as h, createElementVNode as l, withDirectives as B, withKeys as I, withModifiers as R, vModelText as V, createVNode as a, unref as s, withCtx as n, Fragment as q, renderList as K, createBlock as W, createTextVNode as d, toDisplayString as v } from "vue";
 import _ from "../HttpMethod/HttpMethod.vue.js";
 import { useWorkspace as j } from "../../store/workspace.js";
 import { ScalarDropdown as z, ScalarDropdownItem as T, ScalarButton as w, ScalarIcon as F } from "@scalar/components";
-import { useRouter as L } from "vue-router";
-const P = { class: "flex w-full flex-col gap-3" }, U = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, A = /* @__PURE__ */ l("label", {
+import { useRouter as H } from "vue-router";
+const L = { class: "flex w-full flex-col gap-3" }, P = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, U = /* @__PURE__ */ l("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "examplename"
-}, null, -1), G = ["onKeydown"], H = { class: "flex gap-2" }, J = { class: "flex flex-1 max-h-8" }, O = { class: "flex items-center gap-2" }, Q = { class: "max-h-40 custom-scroll" }, oe = /* @__PURE__ */ B({
+}, null, -1), A = ["onKeydown"], G = { class: "flex gap-2" }, J = { class: "flex flex-1 max-h-8" }, O = { class: "flex items-center gap-2" }, Q = { class: "max-h-40 custom-scroll" }, oe = /* @__PURE__ */ $({
   __name: "CommandPaletteExample",
   props: {
     metaData: {}
   },
   emits: ["close"],
   setup(b, { emit: k }) {
-    const y = b, g = k, { push: C } = L(), {
+    const y = b, g = k, { push: C } = H(), {
       activeRequest: D,
       activeWorkspace: E,
       activeWorkspaceRequests: S,
       requests: N,
-      requestExampleMutators: $
-    } = j(), c = u(""), o = u(
+      requestExampleMutators: M
+    } = j(), c = i(""), o = i(
       // Ensure we pre-select the correct request
       N[y.metaData ?? ""] ?? D.value
-    ), p = (e) => o.value = e, i = u(null);
-    x(() => {
+    ), p = (e) => o.value = e, u = i(null);
+    f(() => {
       var e;
-      return (e = i.value) == null ? void 0 : e.focus();
+      return (e = u.value) == null ? void 0 : e.focus();
     });
-    const f = () => {
-      const e = $.add(
+    const x = () => {
+      const e = M.add(
         o.value,
         c.value
       );
@@ -36,26 +36,26 @@ const P = { class: "flex w-full flex-col gap-3" }, U = { class: "gap-3 rounded b
         `/workspace/${E.value.uid}/request/${o.value.uid}/examples/${e.uid}`
       ), g("close"));
     };
-    return x(() => {
+    return f(() => {
       var e;
-      (e = i.value) == null || e.focus();
-    }), (e, r) => (m(), h("div", P, [
-      l("div", U, [
-        A,
-        I(l("input", {
+      (e = u.value) == null || e.focus();
+    }), (e, r) => (m(), h("div", L, [
+      l("div", P, [
+        U,
+        B(l("input", {
           id: "examplename",
           ref_key: "exampleInput",
-          ref: i,
+          ref: u,
           "onUpdate:modelValue": r[0] || (r[0] = (t) => c.value = t),
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           label: "Example Name",
           placeholder: "Example Name",
-          onKeydown: M(R(f, ["prevent"]), ["enter"])
-        }, null, 40, G), [
+          onKeydown: I(R(x, ["prevent"]), ["enter"])
+        }, null, 40, A), [
           [V, c.value]
         ])
       ]),
-      l("div", H, [
+      l("div", G, [
         l("div", J, [
           a(s(z), {
             placement: "bottom",
@@ -105,7 +105,7 @@ const P = { class: "flex w-full flex-col gap-3" }, U = { class: "gap-3 rounded b
         ]),
         a(s(w), {
           class: "max-h-8 text-xs p-0 px-3",
-          onClick: f
+          onClick: x
         }, {
           default: n(() => [
             d(" Create Example ")

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

@@ -1,4 +1,4 @@
-import { defineComponent as K, ref as d, computed as v, onMounted as T, openBlock as k, createElementBlock as W, createElementVNode as u, withDirectives as $, withKeys as G, withModifiers as L, vModelText as O, createVNode as o, unref as s, withCtx as r, normalizeClass as M, toDisplayString as S, createBlock as P, createCommentVNode as A, createTextVNode as H } from "vue";
+import { defineComponent as K, ref as d, computed as v, onMounted as T, openBlock as k, createElementBlock as W, createElementVNode as u, withDirectives as $, withKeys as G, withModifiers as H, vModelText as L, createVNode as o, unref as s, withCtx as r, normalizeClass as M, toDisplayString as S, createBlock as O, createCommentVNode as P, createTextVNode as A } from "vue";
 import J from "../HttpMethod/HttpMethod.vue.js";
 import { useWorkspace as Q } from "../../store/workspace.js";
 import { ScalarListbox as U, ScalarButton as p, ScalarIcon as N } from "@scalar/components";
@@ -92,9 +92,9 @@ const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded b
           "data-lpignore": "true",
           label: "Request Name",
           placeholder: "Request Name",
-          onKeydown: G(L(w, ["prevent"]), ["enter"])
+          onKeydown: G(H(w, ["prevent"]), ["enter"])
         }, null, 40, te), [
-          [O, i.value]
+          [L, i.value]
         ])
       ]),
       u("div", le, [
@@ -130,7 +130,7 @@ const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded b
             ]),
             _: 1
           }, 8, ["modelValue", "options"]),
-          m.value.length ? (k(), P(s(U), {
+          m.value.length ? (k(), O(s(U), {
             key: 0,
             modelValue: a.value,
             "onUpdate:modelValue": t[2] || (t[2] = (l) => a.value = l),
@@ -155,14 +155,14 @@ const Y = { class: "flex w-full flex-col gap-3" }, Z = { class: "gap-3 rounded b
               })
             ]),
             _: 1
-          }, 8, ["modelValue", "options"])) : A("", !0)
+          }, 8, ["modelValue", "options"])) : P("", !0)
         ]),
         o(s(p), {
           class: "max-h-8 text-xs p-0 px-3",
           onClick: w
         }, {
           default: r(() => [
-            H(" Create Request ")
+            A(" Create Request ")
           ]),
           _: 1
         })

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":"AAyYA;;;;GAIG;;AACH,wBAuaI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAmYA;;;;GAIG;;AACH,wBAuaI;AAEJ,eAAO,MAAM,iBAAiB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAOpB,CAAA;AAEV,yCAAyC;AACzC,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,iBAAiB,CACxD"}

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

@@ -2,7 +2,7 @@ import o from "./TheCommandPalette.vue2.js";
 import { PaletteComponents as s } from "./TheCommandPalette.vue2.js";
 /* empty css                       */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-531483de"]]);
+const a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3e82dc40"]]);
 export {
   s as PaletteComponents,
   a as default

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

@@ -3,7 +3,6 @@ import { useModal as Q, ScalarIcon as g } from "@scalar/components";
 import { useMagicKeys as j, whenever as b } from "@vueuse/core";
 import { useRouter as J } from "vue-router";
 import { isMacOS as X } from "@scalar/use-tooltip";
-import { commandPaletteBus as M } from "../../libs/eventBusses/command-palette.js";
 import { useWorkspace as Y } from "../../store/workspace.js";
 import Z from "./CommandPaletteCollection.vue.js";
 import ee from "./CommandPaletteExample.vue.js";
@@ -11,6 +10,7 @@ import oe from "./CommandPaletteFolder.vue.js";
 import te from "./CommandPaletteImport.vue.js";
 import ne from "./CommandPaletteRequest.vue.js";
 import ae from "./CommandPaletteWorkspace.vue.js";
+import { commandPaletteBus as M } from "../../libs/event-busses/command-palette.js";
 const le = { class: "commandmenu" }, re = { class: "bg-b-2 flex items-center rounded mb-2 pl-2 focus-within:bg-b-1 focus-within:shadow-border" }, se = { for: "commandmenu" }, me = ["onClick"], ce = {
   key: 0,
   class: "text-c-3 text-center text-sm p-2 pt-3"

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

@@ -1 +1 @@
-{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":";cAkCY,MAAM,EAAE;mBACH,MAAM;;;;cADX,MAAM,EAAE;mBACH,MAAM;;;;AAsFvB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"ContextBar.vue.d.ts","sourceRoot":"","sources":["../../src/components/ContextBar.vue"],"names":[],"mappings":";cA8CY,MAAM,EAAE;mBACH,MAAM;;;;cADX,MAAM,EAAE;mBACH,MAAM;;;;AA8FvB,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

package/dist/components/ContextBar.vue.js

@@ -1,25 +1,7 @@
-import { defineComponent as r, openBlock as n, createElementBlock as o, Fragment as i, renderList as s, normalizeClass as c, toDisplayString as a } from "vue";
-const p = { class: "request-section-content request-section-content-filter bg-b-2 text-c-3 bg-b-1 sticky top-0 z-10 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs gap-0.5" }, l = ["isActive", "onClick"], v = /* @__PURE__ */ r({
-  __name: "ContextBar",
-  props: {
-    sections: {},
-    activeSection: {}
-  },
-  emits: ["setActiveSection"],
-  setup(d) {
-    return (t, b) => (n(), o("div", p, [
-      (n(!0), o(i, null, s(t.sections, (e) => (n(), o("button", {
-        key: e,
-        class: c(["hover:bg-b-3 w-full rounded px-1 py-1 text-center font-medium", [
-          t.activeSection === e ? "bg-b-1 text-c-1 dark:bg-b-3 border pointer-events-none" : "border border-transparent"
-        ]]),
-        isActive: t.activeSection === e,
-        type: "button",
-        onClick: (u) => t.$emit("setActiveSection", e)
-      }, a(e), 11, l))), 128))
-    ]));
-  }
-});
+import o from "./ContextBar.vue2.js";
+/* empty css                */
+import t from "../_virtual/_plugin-vue_export-helper.js";
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3656da18"]]);
 export {
-  v as default
+  p as default
 };

package/dist/components/ContextBar.vue2.js

@@ -1,4 +1,27 @@
-import f from "./ContextBar.vue.js";
+import { defineComponent as i, openBlock as n, createElementBlock as o, createElementVNode as s, Fragment as c, renderList as r, normalizeClass as a, toDisplayString as l } from "vue";
+const p = { class: "fade-request-section-content sticky top-0 z-10 pointer-events-none" }, d = { class: "request-section-content request-section-content-filter bg-b-1 border-1/2 text-c-3 bg-b-1 mb-2.5 hidden xl:flex justify-center rounded p-[2.25px] text-xs gap-0.5 pointer-events-auto" }, u = ["isActive", "onClick"], _ = /* @__PURE__ */ i({
+  __name: "ContextBar",
+  props: {
+    sections: {},
+    activeSection: {}
+  },
+  emits: ["setActiveSection"],
+  setup(m) {
+    return (t, v) => (n(), o("div", p, [
+      s("div", d, [
+        (n(!0), o(c, null, r(t.sections, (e) => (n(), o("button", {
+          key: e,
+          class: a(["hover:bg-b-2 w-full rounded px-1 py-1 text-center font-medium", [
+            t.activeSection === e ? "bg-b-2 text-c-1  pointer-events-none" : ""
+          ]]),
+          isActive: t.activeSection === e,
+          type: "button",
+          onClick: (b) => t.$emit("setActiveSection", e)
+        }, l(e), 11, u))), 128))
+      ])
+    ]));
+  }
+});
 export {
-  f as default
+  _ as default
 };

package/dist/components/DarkModeToggle/DarkModeIconToggle.vue.js

@@ -7,7 +7,7 @@ const w = /* @__PURE__ */ c({
   setup(g) {
     const { toggleDarkMode: t, isDark: a } = f();
     return (k, o) => (l(), s("button", {
-      class: "min-w-[37px] max-w-[42px] hover:bg-b-2 flex items-center justify-center rounded-lg p-[7px] text-c-3 focus:text-c-1 w-full aspect-square scalar-app-nav-padding",
+      class: "min-w-[37px] max-w-[42px] hover:bg-b-3 flex items-center justify-center rounded-lg p-[7px] text-c-3 focus:text-c-1 w-full aspect-square scalar-app-nav-padding",
       type: "button",
       onClick: o[0] || (o[0] = //@ts-ignore
       (...n) => e(t) && e(t)(...n))