@scalar/api-client 2.1.35 → 2.1.36

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @scalar/api-client
 
+## 2.1.36
+
+### Patch Changes
+
+- 84bd664: style: updates request section ui
+- ada8545: feat: add the sidebar button
+- 86104fd: fix(api-client): prevent spec import overflowing
+- Updated dependencies [ad12c56]
+- Updated dependencies [ada8545]
+  - @scalar/components@0.12.62
+  - @scalar/themes@0.9.44
+  - @scalar/oas-utils@0.2.63
+  - @scalar/use-codemirror@0.11.29
+
 ## 2.1.35
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AA6sBA,wBASG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AAipBA,wBASG"}

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

@@ -1,102 +1,106 @@
-import { defineComponent as M, ref as U, computed as w, watch as O, openBlock as a, createBlock as h, unref as l, withCtx as c, createElementVNode as d, createVNode as f, createTextVNode as n, normalizeClass as V, createElementBlock as i, Fragment as g, toDisplayString as _, createCommentVNode as N } from "vue";
-import { useLoadingState as $, ScalarButton as F, ScalarIcon as L, ScalarTooltip as j, ScalarToggle as E, ScalarCodeBlock as J } from "@scalar/components";
-import { useToasts as Y } from "@scalar/use-toasts";
-import q from "./CommandActionForm.vue.js";
-import G from "./CommandActionInput.vue.js";
-import { getOpenApiDocumentDetails as H } from "../../libs/getOpenApiDocumentDetails.js";
-import { isUrl as k } from "../../libs/isUrl.js";
-import { useFileDialog as K } from "../../hooks/useFileDialog.js";
-import { useWorkspace as Q } from "../../store/store.js";
-const X = { class: "flex justify-between" }, Z = { class: "flex flex-row items-center justify-between gap-3 w-full" }, ee = { class: "grid gap-1.5 pointer-events-none max-w-[320px] w-content shadow-lg rounded bg-b-1 z-100 p-2 text-xxs leading-5 z-10 text-c-1" }, te = { class: "flex items-center text-c-2" }, oe = { key: 0 }, ae = {
+import { defineComponent as $, ref as U, computed as k, watch as _, openBlock as a, createBlock as h, unref as r, withCtx as u, createElementVNode as f, createVNode as g, createTextVNode as c, createElementBlock as s, Fragment as d, toDisplayString as A, createCommentVNode as z } from "vue";
+import { useLoadingState as B, ScalarButton as O, ScalarIcon as N, ScalarTooltip as j, ScalarCodeBlock as W } from "@scalar/components";
+import { useToasts as E } from "@scalar/use-toasts";
+import J from "./CommandActionForm.vue.js";
+import Y from "./CommandActionInput.vue.js";
+import q from "./WatchModeToggle.vue.js";
+import { getOpenApiDocumentDetails as G } from "../../libs/getOpenApiDocumentDetails.js";
+import { isUrl as w } from "../../libs/isUrl.js";
+import { useFileDialog as H } from "../../hooks/useFileDialog.js";
+import { useWorkspace as K } from "../../store/store.js";
+const Q = { class: "flex justify-between" }, X = { class: "flex flex-row items-center justify-between gap-3 w-full" }, Z = { class: "grid gap-1.5 pointer-events-none max-w-[320px] w-content shadow-lg rounded bg-b-1 z-100 p-2 text-xxs leading-5 z-10 text-c-1" }, ee = { class: "flex items-center text-c-2" }, te = {
+  key: 0,
+  class: "text-pretty"
+}, oe = {
   key: 1,
   class: "text-pretty"
-}, ve = /* @__PURE__ */ M({
+}, ve = /* @__PURE__ */ $({
   __name: "CommandPaletteImport",
   emits: ["close", "back"],
-  setup(le, { emit: A }) {
-    const b = A, { activeWorkspace: x, importSpecFile: C, importSpecFromUrl: D } = Q(), { toast: m } = Y(), u = $(), t = U(""), p = U(!0), r = w(
-      () => H(t.value)
-    ), S = w(
-      () => r.value ? r.value.type : "json"
-    ), v = w(() => k(t.value)), R = w(() => !!r.value), { open: z } = K({
-      onChange: async (o) => {
-        const e = o == null ? void 0 : o[0];
+  setup(ae, { emit: L }) {
+    const b = L, { activeWorkspace: y, importSpecFile: I, importSpecFromUrl: V } = K(), { toast: m } = E(), i = B(), o = U(""), p = U(!0), l = k(
+      () => G(o.value)
+    ), S = k(
+      () => l.value ? l.value.type : "json"
+    ), v = k(() => w(o.value)), P = k(() => !!l.value), { open: R } = H({
+      onChange: async (t) => {
+        const e = t == null ? void 0 : t[0];
         if (e) {
-          const s = new FileReader();
-          s.onload = async (T) => {
-            var I;
-            const W = (I = T.target) == null ? void 0 : I.result;
+          const n = new FileReader();
+          n.onload = async (F) => {
+            var C;
+            const M = (C = F.target) == null ? void 0 : C.result;
             try {
-              await C(W, x.value.uid), m("Import successful", "info"), b("close");
-            } catch (y) {
-              console.error(y);
-              const B = (y == null ? void 0 : y.message) || "Unknown error";
-              m(`Import failed: ${B}`, "error");
+              await I(M, y.value.uid), m("Import successful", "info"), b("close");
+            } catch (x) {
+              console.error(x);
+              const T = (x == null ? void 0 : x.message) || "Unknown error";
+              m(`Import failed: ${T}`, "error");
             }
-          }, s.readAsText(e);
+          }, n.readAsText(e);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
     });
-    O(v, (o) => {
-      o || (p.value = !1);
-    }), O(t, (o) => {
-      k(o) || (p.value = !1);
+    _(v, (t) => {
+      t || (p.value = !1);
+    }), _(o, (t) => {
+      w(t) || (p.value = !1);
     });
-    async function P() {
-      if (!(!t.value || u.isLoading)) {
-        u.startLoading();
+    async function D() {
+      if (!(!o.value || i.isLoading)) {
+        i.startLoading();
         try {
           if (v.value) {
-            const [o] = await D(
-              t.value,
-              x.value.uid,
+            const [t] = await V(
+              o.value,
+              y.value.uid,
               {
-                proxy: x.value.proxyUrl,
-                watchForChanges: p.value
+                proxy: y.value.proxyUrl,
+                watchMode: p.value
               }
             );
-            if (o) {
+            if (t) {
               m(
                 "There was a possible CORS error while importing your spec, please make sure this server is allowed in the CORS policy of your OpenAPI document.",
                 "error",
                 { timeout: 5e3 }
-              ), u.invalidate(2e3, !0);
+              ), i.invalidate(2e3, !0);
               return;
             }
-          } else if (R.value)
-            await C(
-              String(t.value),
-              x.value.uid
+          } else if (P.value)
+            await I(
+              String(o.value),
+              y.value.uid
             );
           else {
-            m("Import failed: Invalid URL or OpenAPI document", "error"), u.invalidate(2e3, !0);
+            m("Import failed: Invalid URL or OpenAPI document", "error"), i.invalidate(2e3, !0);
             return;
           }
-          u.clear(), b("close"), m("Import successful", "info");
-        } catch (o) {
-          console.error("[importCollection]", o);
-          const e = (o == null ? void 0 : o.message) || "Unknown error";
-          u.invalidate(2e3, !0), m(`Import failed: ${e}`, "error");
+          i.clear(), b("close"), m("Import successful", "info");
+        } catch (t) {
+          console.error("[importCollection]", t);
+          const e = (t == null ? void 0 : t.message) || "Unknown error";
+          i.invalidate(2e3, !0), m(`Import failed: ${e}`, "error");
         }
       }
     }
-    return (o, e) => (a(), h(q, {
-      disabled: !t.value.trim(),
-      loading: l(u),
-      onSubmit: P
+    return (t, e) => (a(), h(J, {
+      disabled: !o.value.trim(),
+      loading: r(i),
+      onSubmit: D
     }, {
-      options: c(() => [
-        d("div", Z, [
-          f(l(F), {
+      options: u(() => [
+        f("div", X, [
+          g(r(O), {
             class: "p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
             variant: "outlined",
-            onClick: l(z)
+            onClick: r(R)
           }, {
-            default: c(() => [
-              e[6] || (e[6] = n(" JSON, or YAML File ")),
-              f(l(L), {
+            default: u(() => [
+              e[6] || (e[6] = c(" JSON, or YAML File ")),
+              g(r(N), {
                 class: "text-c-3",
                 icon: "UploadSimple",
                 size: "md"
@@ -104,41 +108,23 @@ const X = { class: "flex justify-between" }, Z = { class: "flex flex-row items-c
             ]),
             _: 1
           }, 8, ["onClick"]),
-          f(l(j), {
+          g(r(j), {
             as: "div",
             class: "z-[10001]",
             side: "bottom",
             sideOffset: 5
           }, {
-            trigger: c(() => [
-              d("label", {
-                class: V([
-                  "p-3 py-1.5 rounded flex items-center text-sm text-c-2 gap-2 select-none",
-                  t.value && !v.value ? "cursor-default" : "cursor-pointer"
-                ]),
-                for: "watch-toggle"
-              }, [
-                d("span", {
-                  class: V(["text-c-1 flex gap-1 items-center font-medium text-xs", { "text-c-3": !p.value }])
-                }, [
-                  f(l(L), {
-                    icon: "Watch",
-                    size: "sm"
-                  }),
-                  e[7] || (e[7] = n(" Watch Mode "))
-                ], 2),
-                f(l(E), {
-                  id: "watch-toggle",
-                  modelValue: p.value,
-                  "onUpdate:modelValue": e[3] || (e[3] = (s) => p.value = s),
-                  disabled: !!t.value && !v.value
-                }, null, 8, ["modelValue", "disabled"])
-              ], 2)
+            trigger: u(() => [
+              g(q, {
+                modelValue: p.value,
+                "onUpdate:modelValue": e[3] || (e[3] = (n) => p.value = n),
+                disabled: !v.value
+              }, null, 8, ["modelValue", "disabled"])
             ]),
-            content: c(() => [
-              d("div", ee, [
-                d("div", te, [
-                  t.value && !v.value ? (a(), i("span", oe, "Watch Mode is only supported with URL")) : (a(), i("span", ae, "Watch your OpenAPI URL for changes. Enabled it will update the API client for you."))
+            content: u(() => [
+              f("div", Z, [
+                f("div", ee, [
+                  v.value ? (a(), s("span", te, " Automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date. ")) : (a(), s("span", oe, " Watch Mode is only available for URL imports. It automatically updates the API client when the OpenAPI URL content changes. "))
                 ])
               ])
             ]),
@@ -146,48 +132,48 @@ const X = { class: "flex justify-between" }, Z = { class: "flex flex-row items-c
           })
         ])
       ]),
-      submit: c(() => [
-        e[8] || (e[8] = n(" Import ")),
-        v.value ? (a(), i(g, { key: 0 }, [
-          n(" from URL ")
-        ], 64)) : r.value && S.value ? (a(), i(g, { key: 1 }, [
-          r.value.title ? (a(), i(g, { key: 0 }, [
-            n(' "' + _(r.value.title) + '" ', 1)
-          ], 64)) : (a(), i(g, { key: 1 }, [
-            n(_(r.value.version) + " Spec", 1)
+      submit: u(() => [
+        e[7] || (e[7] = c(" Import ")),
+        v.value ? (a(), s(d, { key: 0 }, [
+          c(" from URL ")
+        ], 64)) : l.value && S.value ? (a(), s(d, { key: 1 }, [
+          l.value.title ? (a(), s(d, { key: 0 }, [
+            c(' "' + A(l.value.title) + '" ', 1)
+          ], 64)) : (a(), s(d, { key: 1 }, [
+            c(A(l.value.version) + " Spec", 1)
           ], 64))
-        ], 64)) : (a(), i(g, { key: 2 }, [
-          n("Collection")
+        ], 64)) : (a(), s(d, { key: 2 }, [
+          c("Collection")
         ], 64))
       ]),
-      default: c(() => [
-        !r.value || l(k)(t.value) ? (a(), h(G, {
+      default: u(() => [
+        !l.value || r(w)(o.value) ? (a(), h(Y, {
           key: 0,
-          modelValue: t.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (s) => t.value = s),
+          modelValue: o.value,
+          "onUpdate:modelValue": e[0] || (e[0] = (n) => o.value = n),
           placeholder: "OpenAPI/Swagger URL or document",
-          onOnDelete: e[1] || (e[1] = (s) => b("back", s))
-        }, null, 8, ["modelValue"])) : (a(), i(g, { key: 1 }, [
-          d("div", X, [
-            e[5] || (e[5] = d("div", { class: "pl-8 text-xs min-h-8 py-2 text-c-2" }, "Preview", -1)),
-            f(l(F), {
+          onOnDelete: e[1] || (e[1] = (n) => b("back", n))
+        }, null, 8, ["modelValue"])) : (a(), s(d, { key: 1 }, [
+          f("div", Q, [
+            e[5] || (e[5] = f("div", { class: "pl-8 text-xs min-h-8 py-2 text-c-2" }, "Preview", -1)),
+            g(r(O), {
               class: "ml-auto p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
               variant: "ghost",
-              onClick: e[2] || (e[2] = (s) => t.value = "")
+              onClick: e[2] || (e[2] = (n) => o.value = "")
             }, {
-              default: c(() => e[4] || (e[4] = [
-                n(" Clear ")
+              default: u(() => e[4] || (e[4] = [
+                c(" Clear ")
               ])),
               _: 1
             })
           ]),
-          r.value && !l(k)(t.value) ? (a(), h(l(J), {
+          l.value && !r(w)(o.value) ? (a(), h(r(W), {
             key: 0,
             class: "border max-h-[40dvh] mt-1 bg-b-2 rounded [--scalar-small:--scalar-font-size-4]",
-            content: t.value,
+            content: o.value,
             copy: !1,
             lang: S.value
-          }, null, 8, ["content", "lang"])) : N("", !0)
+          }, null, 8, ["content", "lang"])) : z("", !0)
         ], 64))
       ]),
       _: 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":"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"}
+{"version":3,"file":"TheCommandPalette.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/TheCommandPalette.vue"],"names":[],"mappings":"AAwYA;;;;GAIG;;AACH,wBAugBI;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

@@ -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 r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-8ba6791f"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-feffe6c9"]]);
 export {
   s as PaletteComponents,
   r as default

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

@@ -13,8 +13,8 @@ import pe from "./CommandPaletteWorkspace.vue.js";
 import { useWorkspace as fe } from "../../store/store.js";
 const ve = {
   key: 0,
-  class: "flex-1 min-h-0 p-1.5 custom-scroll rounded-lg"
-}, Ce = { class: "bg-b-2 border border-transparent flex items-center rounded-md sticky top-0 pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:bg-b-1 focus-within:border-b-3" }, he = { for: "commandmenu" }, xe = ["onKeydown"], _e = ["onClick"], ke = {
+  class: "flex-1 min-h-0 max-h-[50dvh] p-1.5 custom-scroll rounded-lg"
+}, he = { class: "bg-b-2 border border-transparent flex items-center rounded-md sticky top-0 pl-2 shadow-[0_-8px_0_8px_var(--scalar-background-1),0_0_8px_8px_var(--scalar-background-1)] focus-within:bg-b-1 focus-within:border-b-3" }, Ce = { for: "commandmenu" }, xe = ["onKeydown"], _e = ["onClick"], ke = {
   key: 0,
   class: "text-c-3 text-center text-sm p-2 pt-3"
 }, be = {
@@ -97,7 +97,7 @@ const ve = {
         );
         return [...e, ...t];
       }, [])
-    ), C = () => {
+    ), h = () => {
       d.hide(), l.value = "", s.value = null, c.value = -1;
     }, O = (e) => {
       l.value !== "" && (e == null || e.preventDefault()), s.value = null, V(() => {
@@ -105,7 +105,7 @@ const ve = {
         return (o = _.value) == null ? void 0 : o.focus();
       });
     }, D = (e) => {
-      "path" in e ? (W(`/workspace/${H.value.uid}${e.path}`), C()) : s.value = e.name;
+      "path" in e ? (W(`/workspace/${H.value.uid}${e.path}`), h()) : s.value = e.name;
     }, _ = i(), I = ({
       commandName: e,
       metaData: o
@@ -119,11 +119,11 @@ const ve = {
       e && v.value.length > 0 && (c.value = 0);
     });
     const R = (e, o) => {
-      var h;
+      var C;
       if (!d.open) return;
       o.preventDefault();
       const t = e === "up" ? -1 : 1, n = v.value.length;
-      c.value = (c.value + t + n) % n, (h = $.value[c.value]) == null || h.scrollIntoView({
+      c.value = (c.value + t + n) % n, (C = $.value[c.value]) == null || C.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
@@ -132,7 +132,7 @@ const ve = {
     ), U = (e) => {
       !k.value || s.value || (e.preventDefault(), e.stopPropagation(), D(k.value));
     }, L = (e) => {
-      d.open && e != null && e.closeModal && C();
+      d.open && e != null && e.closeModal && h();
     };
     return G(() => {
       f.commandPalette.on(I), f.hotKeys.on(L);
@@ -140,11 +140,11 @@ const ve = {
       f.commandPalette.off(I), f.hotKeys.off(L);
     }), (e, o) => (a(), z(r(te), {
       open: r(d).open,
-      onClose: o[5] || (o[5] = (t) => C())
+      onClose: o[5] || (o[5] = (t) => h())
     }, {
       default: y(() => [
         o[7] || (o[7] = u("div", { class: "commandmenu-overlay z-overlay" }, null, -1)),
-        p(r(ne), { class: "commandmenu z-overlay flex flex-co" }, {
+        p(r(ne), { class: "commandmenu z-overlay flex flex-col" }, {
           default: y(() => [
             p(r(ae), { class: "sr-only" }, {
               default: y(() => o[6] || (o[6] = [
@@ -166,11 +166,11 @@ const ve = {
               ]),
               (a(), z(Z(we[s.value]), ee(x.value ? { metaData: x.value } : {}, {
                 onBack: o[4] || (o[4] = (t) => O(t)),
-                onClose: C
+                onClose: h
               }), null, 16))
             ])) : (a(), m("div", ve, [
-              u("div", Ce, [
-                u("label", he, [
+              u("div", he, [
+                u("label", Ce, [
                   p(r(A), {
                     class: "text-c-2 mr-2.5",
                     icon: "Search",
@@ -210,13 +210,13 @@ const ve = {
                 ]),
                 (a(!0), m(S, null, B(t.commands.filter(
                   (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
-                ), (n, h) => {
+                ), (n, C) => {
                   var E;
                   return a(), m("div", {
                     key: n.name,
                     ref_for: !0,
                     ref: (b) => {
-                      b && ($.value[h] = b);
+                      b && ($.value[C] = b);
                     },
                     class: X(["commandmenu-item text-sm flex items-center py-1.5 px-2 rounded hover:bg-b-2 cursor-pointer", {
                       "bg-b-2": n.name === ((E = k.value) == null ? void 0 : E.name)

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

@@ -0,0 +1,15 @@
+declare const _default: import("vue").DefineComponent<{
+    modelValue: boolean;
+    disabled?: boolean;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    "update:modelValue": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    modelValue: boolean;
+    disabled?: boolean;
+}> & Readonly<{
+    "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+}>, {
+    disabled: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=WatchModeToggle.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WatchModeToggle.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/WatchModeToggle.vue"],"names":[],"mappings":";gBAoDgB,OAAO;eACR,OAAO;;;;gBADN,OAAO;eACR,OAAO;;;;cAAP,OAAO;;AA8HtB,wBAUG"}

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

@@ -0,0 +1,39 @@
+import { defineComponent as c, computed as p, openBlock as i, createElementBlock as f, normalizeClass as a, createElementVNode as V, createVNode as d, unref as s, createTextVNode as g } from "vue";
+import { ScalarIcon as x, ScalarToggle as b } from "@scalar/components";
+const N = /* @__PURE__ */ c({
+  __name: "WatchModeToggle",
+  props: {
+    modelValue: { type: Boolean },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["update:modelValue"],
+  setup(n, { emit: m }) {
+    const r = n, l = m, o = p({
+      get: () => r.modelValue,
+      set: (e) => l("update:modelValue", e)
+    });
+    return (e, t) => (i(), f("label", {
+      class: a(["p-3 py-1.5 rounded flex items-center text-sm text-c-2 gap-2 select-none", e.disabled ? "cursor-default" : "cursor-pointer"]),
+      for: "watch-toggle"
+    }, [
+      V("span", {
+        class: a(["text-c-1 flex gap-1 items-center font-medium text-xs", { "text-c-3": !o.value }])
+      }, [
+        d(s(x), {
+          icon: "Watch",
+          size: "sm"
+        }),
+        t[1] || (t[1] = g(" Watch Mode "))
+      ], 2),
+      d(s(b), {
+        id: "watch-toggle",
+        disabled: e.disabled,
+        modelValue: o.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (u) => l("update:modelValue", u))
+      }, null, 8, ["disabled", "modelValue"])
+    ], 2));
+  }
+});
+export {
+  N as default
+};

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

@@ -0,0 +1,4 @@
+import f from "./WatchModeToggle.vue.js";
+export {
+  f as default
+};

package/dist/components/EnvironmentSelector/EnvironmentSelector.vue.js

@@ -84,7 +84,7 @@ const W = { class: "font-medium m-0 text-xs flex gap-1.5 items-center whitespace
         ]),
         default: r(() => [
           n(e(I), {
-            class: "font-normal h-auto justify-start py-1.5 px-1.5 pl-2 text-c-1 hover:bg-b-2 text-c-3 w-fit",
+            class: "font-normal h-auto justify-start py-1.5 px-1.5 pl-2 text-c-1 hover:bg-b-2 text-c-1 w-fit",
             fullWidth: "",
             variant: "ghost"
           }, {

package/dist/components/ImportCollection/DropEventListener.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DropEventListener.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/DropEventListener.vue"],"names":[],"mappings":";;;;;AAgTA,wBAQG"}
+{"version":3,"file":"DropEventListener.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/DropEventListener.vue"],"names":[],"mappings":";;;;;AAkVA,wBAQG"}

package/dist/components/ImportCollection/DropEventListener.vue.js

@@ -1,70 +1,76 @@
-import { defineComponent as v, ref as g, onMounted as y, onBeforeUnmount as h, openBlock as m, createBlock as x, Transition as D, withCtx as E, createElementBlock as _, createElementVNode as s, createVNode as L, unref as T, createCommentVNode as C } from "vue";
-import { ScalarIcon as b } from "@scalar/components";
-const k = {
+import { defineComponent as g, ref as y, onMounted as x, onBeforeUnmount as h, openBlock as p, createBlock as D, Transition as E, withCtx as T, createElementBlock as _, createElementVNode as i, createVNode as L, unref as C, createCommentVNode as b } from "vue";
+import { ScalarIcon as k } from "@scalar/components";
+const A = {
   key: 0,
-  class: "fixed bottom-10 right-10 w-64 h-64 bg-b-2 z-50 rounded-xl border transition-opacity duration-200"
-}, w = { class: "flex flex-col items-center justify-center h-full" }, V = /* @__PURE__ */ v({
+  class: "fixed translate-x-1/2 translate-y-1/2 md:translate-x-0 md:translate-y-0 right-1/2 bottom-1/2 md:bottom-10 md:right-10 w-64 h-64 bg-b-2 z-50 rounded-xl border transition-opacity duration-200"
+}, w = { class: "flex flex-col items-center justify-center h-full" }, V = /* @__PURE__ */ g({
   __name: "DropEventListener",
   emits: ["input"],
-  setup(A, { emit: p }) {
-    const d = p, r = g(!1);
+  setup(B, { emit: v }) {
+    const d = v, r = y(!1);
     let o = 0;
-    y(() => {
-      document.addEventListener("dragenter", f), document.addEventListener("dragleave", u), document.addEventListener("dragover", c), document.addEventListener("drop", l);
+    x(() => {
+      document.addEventListener("dragenter", m), document.addEventListener("dragleave", f), document.addEventListener("dragover", u), document.addEventListener("drop", c);
     }), h(() => {
-      document.removeEventListener("dragenter", f), document.removeEventListener("dragover", c), document.removeEventListener("dragleave", u), document.removeEventListener("drop", l);
+      document.removeEventListener("dragenter", m), document.removeEventListener("dragover", u), document.removeEventListener("dragleave", f), document.removeEventListener("drop", c);
     });
-    async function l(e) {
-      if (e.preventDefault(), r.value = !1, o = 0, e.dataTransfer) {
+    function l(e) {
+      var t;
+      return ((t = e.dataTransfer) == null ? void 0 : t.types.includes("text/html")) ?? !1;
+    }
+    async function c(e) {
+      if (e.preventDefault(), r.value = !1, o = 0, !l(e) && e.dataTransfer) {
         const t = e.dataTransfer.getData("text").replace(/^blob:/, "");
         if (t)
           d("input", t);
         else if (e.dataTransfer.files.length > 0) {
           const a = e.dataTransfer.files[0], n = new FileReader();
-          n.onload = async (i) => {
-            i.target && typeof i.target.result == "string" && d("input", i.target.result);
+          n.onload = async (s) => {
+            s.target && typeof s.target.result == "string" && d("input", s.target.result);
           }, n.readAsText(a);
         }
       }
     }
-    function c(e) {
+    function u(e) {
       e.preventDefault();
     }
-    function u(e) {
+    function f(e) {
       e.preventDefault(), o--, o === 0 && (r.value = !1);
     }
-    function f(e) {
-      if (e.preventDefault(), o++, e.dataTransfer) {
-        const t = e.dataTransfer.items;
-        for (let a = 0; a < t.length; a++) {
-          const n = t[a];
-          if (n.kind === "string" || n.type.includes("json") || n.type.includes("yml") || n.type.includes("yaml")) {
-            r.value = !0;
-            return;
+    function m(e) {
+      if (e.preventDefault(), o++, !l(e)) {
+        if (e.dataTransfer) {
+          const t = e.dataTransfer.items;
+          for (let a = 0; a < t.length; a++) {
+            const n = t[a];
+            if (n.kind === "string" || n.type.includes("json") || n.type.includes("yml") || n.type.includes("yaml")) {
+              r.value = !0;
+              return;
+            }
           }
         }
+        r.value = !1;
       }
-      r.value = !1;
     }
-    return (e, t) => (m(), x(D, {
+    return (e, t) => (p(), D(E, {
       enterActiveClass: "transition-opacity duration-200",
       enterFromClass: "opacity-0",
       leaveActiveClass: "transition-opacity duration-200",
       leaveToClass: "opacity-0"
     }, {
-      default: E(() => [
-        r.value ? (m(), _("div", k, [
-          s("div", w, [
-            s("div", null, [
-              L(T(b), {
+      default: T(() => [
+        r.value ? (p(), _("div", A, [
+          i("div", w, [
+            i("div", null, [
+              L(C(k), {
                 icon: "Download",
                 size: "xl",
                 thickness: "2"
               })
             ]),
-            t[0] || (t[0] = s("div", { class: "text-center text-c-1 m-4" }, " Drop your OpenAPI document here ", -1))
+            t[0] || (t[0] = i("div", { class: "text-center text-c-1 m-4" }, " Drop your OpenAPI document here ", -1))
           ])
-        ])) : C("", !0)
+        ])) : b("", !0)
       ]),
       _: 1
     }));

package/dist/components/ImportCollection/ImportCollectionListener.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImportCollectionListener.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionListener.vue"],"names":[],"mappings":"AAyEA,iBAAS,cAAc;qBA4GO,GAAG;EAoBhC;AACD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ImportCollectionListener.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportCollectionListener.vue"],"names":[],"mappings":"AA0FA,iBAAS,cAAc;qBA4GO,GAAG;EAqBhC;AACD,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}