@scalar/api-client 2.0.32 → 2.0.34

package/CHANGELOG.md

@@ -1,5 +1,36 @@
 # @scalar/api-client
 
+## 2.0.34
+
+### Patch Changes
+
+- c0cf4ac: fix: hide servers page
+- 225e32a: feat: make the command palette amazing
+- bb5909f: fix: tw-bg-base bug in gitbook and some app polish
+- 9815191: fix: actually add workspace cookies to request
+- a7ea3e3: fix: add default active collection to folder create command
+- 9243580: feat: improve create request command
+- 12bd5b8: fix: upload file in form-data with key
+- Updated dependencies [9815191]
+- Updated dependencies [e8fa353]
+- Updated dependencies [869d255]
+  - @scalar/oas-utils@0.2.18
+  - @scalar/components@0.12.21
+
+## 2.0.33
+
+### Patch Changes
+
+- ce3f630: fix: remove layout code from scalar-app class
+- d88c403: fix(api-client): remove default proxy
+- 0bea5b6: fix: window.matchMedia is not a function
+- 2c61c21: feat: make the configuration for createApiClientApp and createApiClientModal optional
+- 19a50de: feat: do not hide auth on write mode
+- Updated dependencies [b2a662a]
+- Updated dependencies [86014b5]
+- Updated dependencies [a60c916]
+  - @scalar/components@0.12.20
+
 ## 2.0.32
 
 ### Patch Changes

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 f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5c73f0cd"]]);
+const _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4c6b20da"]]);
 export {
-  f as default
+  _ as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteCollection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteCollection.vue"],"names":[],"mappings":";;;;;AAiMA,wBAMG"}
+{"version":3,"file":"CommandPaletteCollection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteCollection.vue"],"names":[],"mappings":";;;;;AA2OA,wBAMG"}

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

@@ -1,61 +1,69 @@
-import { defineComponent as d, ref as s, onMounted as p, openBlock as f, createElementBlock as x, withModifiers as h, createElementVNode as e, withDirectives as _, vModelText as v, createVNode as b, unref as w, withCtx as C, createTextVNode as N } from "vue";
-import { useWorkspace as g } from "../../store/workspace.js";
-import { ScalarButton as k } from "@scalar/components";
-const y = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, M = /* @__PURE__ */ e("label", {
+import { defineComponent as p, ref as c, onMounted as f, onBeforeUnmount as _, openBlock as h, createElementBlock as v, createElementVNode as o, withDirectives as x, vModelText as w, createVNode as b, unref as k, withCtx as C, createTextVNode as y } from "vue";
+import { useWorkspace as N } from "../../store/workspace.js";
+import { ScalarButton as g } from "@scalar/components";
+import { handleKeyDown as i } from "./handleKeyDown.js";
+const B = { class: "flex w-full flex-col gap-3" }, E = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, V = /* @__PURE__ */ o("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "collectionanme"
-}, null, -1), V = { class: "flex" }, B = /* @__PURE__ */ e("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), W = /* @__PURE__ */ d({
+}, null, -1), M = { class: "flex" }, D = /* @__PURE__ */ o("div", { class: "flex flex-1 gap-2 max-h-8" }, null, -1), W = /* @__PURE__ */ p({
   __name: "CommandPaletteCollection",
   emits: ["close"],
-  setup(S, { emit: c }) {
-    const a = c, { activeWorkspace: i, collectionMutators: r } = g(), t = s(""), u = () => {
-      r.add(
+  setup(I, { emit: a }) {
+    const r = a, { activeWorkspace: u, collectionMutators: d } = N(), l = c(""), n = () => {
+      d.add(
         {
           spec: {
             openapi: "3.1.0",
             info: {
-              title: t.value,
+              title: l.value,
               version: "0.0.1"
             }
           }
         },
-        i.value.uid
-      ), a("close");
-    }, l = s(null);
-    return p(() => {
-      var o;
-      (o = l.value) == null || o.focus();
-    }), (o, n) => (f(), x("form", {
-      class: "flex w-full flex-col gap-3",
-      onSubmit: h(u, ["prevent"])
-    }, [
-      e("div", y, [
-        M,
-        _(e("input", {
+        u.value.uid
+      ), r("close");
+    }, s = c(null);
+    return f(() => {
+      var e;
+      (e = s.value) == null || e.focus(), window.addEventListener(
+        "keydown",
+        (t) => i(t, n),
+        !0
+      );
+    }), _(() => {
+      window.removeEventListener(
+        "keydown",
+        (e) => i(e, n),
+        !0
+      );
+    }), (e, t) => (h(), v("div", B, [
+      o("div", E, [
+        V,
+        x(o("input", {
           id: "collectionanme",
           ref_key: "collectionInput",
-          ref: l,
-          "onUpdate:modelValue": n[0] || (n[0] = (m) => t.value = m),
+          ref: s,
+          "onUpdate:modelValue": t[0] || (t[0] = (m) => l.value = m),
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           label: "Collection Name",
           placeholder: "Collection Name"
         }, null, 512), [
-          [v, t.value]
+          [w, l.value]
         ])
       ]),
-      e("div", V, [
-        B,
-        b(w(k), {
+      o("div", M, [
+        D,
+        b(k(g), {
           class: "max-h-8 text-xs p-0 px-3",
-          type: "submit"
+          onClick: n
         }, {
           default: C(() => [
-            N(" Continue ")
+            y(" Continue ")
           ]),
           _: 1
         })
       ])
-    ], 32));
+    ]));
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";IAqIE,oCAAoC;eACzB,MAAM;;;;IADjB,oCAAoC;eACzB,MAAM;;;;AA+SnB,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":"CommandPaletteExample.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteExample.vue"],"names":[],"mappings":";IAuJE,oCAAoC;eACzB,MAAM;;;;IADjB,oCAAoC;eACzB,MAAM;;;;AA2TnB,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/CommandPalette/CommandPaletteExample.vue.js

@@ -1,75 +1,86 @@
-import { defineComponent as N, ref as u, onMounted as B, openBlock as i, createElementBlock as f, withModifiers as I, createElementVNode as l, withDirectives as M, vModelText as R, createVNode as s, unref as n, withCtx as r, Fragment as V, renderList as q, createBlock as W, createTextVNode as c, toDisplayString as x } from "vue";
-import v from "../HttpMethod/HttpMethod.vue.js";
-import { useWorkspace as j } from "../../store/workspace.js";
-import { ScalarDropdown as z, ScalarDropdownItem as T, ScalarButton as h, ScalarIcon as F } from "@scalar/components";
-import { useRouter as L } from "vue-router";
-const 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", {
+import { defineComponent as $, ref as c, onMounted as x, onBeforeUnmount as B, openBlock as d, createElementBlock as v, createElementVNode as l, withDirectives as I, vModelText as R, createVNode as s, unref as n, withCtx as r, Fragment as V, renderList as q, createBlock as L, createTextVNode as p, toDisplayString as h } from "vue";
+import _ from "../HttpMethod/HttpMethod.vue.js";
+import { useWorkspace as M } from "../../store/workspace.js";
+import { ScalarDropdown as W, ScalarDropdownItem as j, ScalarButton as w, ScalarIcon as z } from "@scalar/components";
+import { useRouter as T } from "vue-router";
+import { handleKeyDown as b } from "./handleKeyDown.js";
+const U = { class: "flex w-full flex-col gap-3" }, F = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, K = /* @__PURE__ */ l("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "examplename"
-}, null, -1), A = { class: "flex gap-2" }, G = { class: "flex flex-1 max-h-8" }, H = { class: "flex items-center gap-2" }, J = { class: "max-h-40 custom-scroll" }, ee = /* @__PURE__ */ N({
+}, null, -1), P = { class: "flex gap-2" }, A = { class: "flex flex-1 max-h-8" }, G = { class: "flex items-center gap-2" }, H = { class: "max-h-40 custom-scroll" }, le = /* @__PURE__ */ $({
   __name: "CommandPaletteExample",
   props: {
     metaData: {}
   },
   emits: ["close"],
-  setup(_, { emit: b }) {
-    const w = _, k = b, { push: g } = L(), {
-      activeRequest: y,
-      activeWorkspace: C,
-      activeWorkspaceRequests: S,
-      requests: D,
-      requestExampleMutators: E
-    } = j(), m = u(""), a = u(
+  setup(k, { emit: J }) {
+    const y = k, { push: g } = T(), {
+      activeRequest: C,
+      activeWorkspace: E,
+      activeWorkspaceRequests: D,
+      requests: S,
+      requestExampleMutators: N
+    } = M(), u = c(""), o = c(
       // Ensure we pre-select the correct request
-      D[w.metaData ?? ""] ?? y.value
-    ), p = (e) => a.value = e, d = u(null);
-    B(() => {
+      S[y.metaData ?? ""] ?? C.value
+    ), f = (e) => o.value = e, m = c(null);
+    x(() => {
       var e;
-      return (e = d.value) == null ? void 0 : e.focus();
+      return (e = m.value) == null ? void 0 : e.focus();
     });
-    const $ = () => {
-      const e = E.add(
-        a.value,
-        m.value
+    const i = () => {
+      const e = N.add(
+        o.value,
+        u.value
       );
       e && g(
-        `/workspace/${C.value.uid}/request/${a.value.uid}/examples/${e.uid}`
+        `/workspace/${E.value.uid}/request/${o.value.uid}/examples/${e.uid}`
       );
     };
-    return (e, o) => (i(), f("form", {
-      class: "flex w-full flex-col gap-3",
-      onSubmit: o[2] || (o[2] = I((t) => k("close"), ["prevent"]))
-    }, [
-      l("div", P, [
-        U,
-        M(l("input", {
+    return x(() => {
+      var e;
+      (e = m.value) == null || e.focus(), window.addEventListener(
+        "keydown",
+        (a) => b(a, i),
+        !0
+      );
+    }), B(() => {
+      window.removeEventListener(
+        "keydown",
+        (e) => b(e, i),
+        !0
+      );
+    }), (e, a) => (d(), v("div", U, [
+      l("div", F, [
+        K,
+        I(l("input", {
           id: "examplename",
           ref_key: "exampleInput",
-          ref: d,
-          "onUpdate:modelValue": o[0] || (o[0] = (t) => m.value = t),
+          ref: m,
+          "onUpdate:modelValue": a[0] || (a[0] = (t) => u.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"
         }, null, 512), [
-          [R, m.value]
+          [R, u.value]
         ])
       ]),
-      l("div", A, [
-        l("div", G, [
-          s(n(z), {
+      l("div", P, [
+        l("div", A, [
+          s(n(W), {
             placement: "bottom",
             resize: ""
           }, {
             items: r(() => [
-              l("div", J, [
-                (i(!0), f(V, null, q(n(S), (t) => (i(), W(n(T), {
+              l("div", H, [
+                (d(!0), v(V, null, q(n(D), (t) => (d(), L(n(j), {
                   key: t.uid,
                   class: "flex h-7 w-full items-center justify-between px-1 pr-[26px]",
-                  onClick: (K) => p(t)
+                  onClick: (O) => f(t)
                 }, {
                   default: r(() => [
-                    c(x(t.summary) + " ", 1),
-                    s(v, {
+                    p(h(t.summary) + " ", 1),
+                    s(_, {
                       method: t.method
                     }, null, 8, ["method"])
                   ]),
@@ -78,18 +89,18 @@ const P = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
               ])
             ]),
             default: r(() => [
-              s(n(h), {
+              s(n(w), {
                 class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined",
-                onClick: o[1] || (o[1] = (t) => p(a.value))
+                onClick: a[1] || (a[1] = (t) => f(o.value))
               }, {
                 default: r(() => [
-                  c(x(a.value.summary) + " ", 1),
-                  l("div", H, [
-                    s(v, {
-                      method: a.value.method
+                  p(h(o.value.summary) + " ", 1),
+                  l("div", G, [
+                    s(_, {
+                      method: o.value.method
                     }, null, 8, ["method"]),
-                    s(n(F), {
+                    s(n(z), {
                       class: "text-c-3",
                       icon: "ChevronDown",
                       size: "xs"
@@ -102,20 +113,19 @@ const P = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
             _: 1
           })
         ]),
-        s(n(h), {
+        s(n(w), {
           class: "max-h-8 text-xs p-0 px-3",
-          type: "submit",
-          onClick: $
+          onClick: i
         }, {
           default: r(() => [
-            c(" Create Example ")
+            p(" Create Example ")
           ]),
           _: 1
         })
       ])
-    ], 32));
+    ]));
   }
 });
 export {
-  ee as default
+  le as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteFolder.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteFolder.vue"],"names":[],"mappings":";;;;;AA4SA,wBAMG"}
+{"version":3,"file":"CommandPaletteFolder.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteFolder.vue"],"names":[],"mappings":";;;;;AA0VA,wBAMG"}

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

@@ -1,74 +1,83 @@
-import { defineComponent as w, ref as r, computed as m, onMounted as C, openBlock as g, createElementBlock as S, withModifiers as V, createElementVNode as a, withDirectives as y, vModelText as N, createVNode as n, unref as i, withCtx as d, normalizeClass as k, toDisplayString as F, createTextVNode as I } from "vue";
-import { useWorkspace as M } from "../../store/workspace.js";
-import { ScalarListbox as B, ScalarButton as p, ScalarIcon as D } from "@scalar/components";
-const j = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, z = /* @__PURE__ */ a("label", {
+import { defineComponent as k, ref as u, computed as p, onMounted as y, onBeforeUnmount as V, openBlock as N, createElementBlock as S, createElementVNode as a, withDirectives as B, vModelText as D, createVNode as s, unref as i, withCtx as c, normalizeClass as E, toDisplayString as F, createTextVNode as I } from "vue";
+import { useWorkspace as L } from "../../store/workspace.js";
+import { ScalarListbox as M, ScalarButton as x, ScalarIcon as U } from "@scalar/components";
+import { handleKeyDown as h } from "./handleKeyDown.js";
+const z = { class: "flex w-full flex-col gap-3" }, T = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, W = /* @__PURE__ */ a("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "foldername"
-}, null, -1), E = { class: "flex" }, T = { class: "flex flex-1 gap-2 max-h-8" }, W = /* @__PURE__ */ w({
+}, null, -1), j = { class: "flex" }, K = { class: "flex flex-1 gap-2 max-h-8" }, J = /* @__PURE__ */ k({
   __name: "CommandPaletteFolder",
   emits: ["close"],
-  setup(U, { emit: v }) {
-    const x = v, { collections: b, folderMutators: h } = M(), s = r(""), u = r(""), c = m(
-      () => Object.values(b).map((e) => {
+  setup(P, { emit: w }) {
+    var v;
+    const _ = w, { activeWorkspaceCollections: b, folderMutators: C, activeCollection: g } = L(), n = u(""), d = u(((v = g.value) == null ? void 0 : v.uid) ?? ""), f = p(
+      () => b.value.map((e) => {
         var l, o;
         return {
           id: e.uid,
           label: ((o = (l = e.spec) == null ? void 0 : l.info) == null ? void 0 : o.title) ?? ""
         };
       })
-    ), t = m({
-      get: () => c.value.find(
-        ({ id: e }) => e === u.value
+    ), t = p({
+      get: () => f.value.find(
+        ({ id: e }) => e === d.value
       ),
       set: (e) => {
-        e != null && e.id && (u.value = e.id);
+        e != null && e.id && (d.value = e.id);
       }
-    }), _ = () => {
-      s.value && t.value && (h.add(
+    }), r = () => {
+      n.value && t.value && (C.add(
         {
-          name: s.value
+          name: n.value
         },
-        u.value
-      ), x("close"));
-    }, f = r(null);
-    return C(() => {
+        d.value
+      ), _("close"));
+    }, m = u(null);
+    return y(() => {
       var e;
-      (e = f.value) == null || e.focus();
-    }), (e, l) => (g(), S("form", {
-      class: "flex w-full flex-col gap-3",
-      onSubmit: V(_, ["prevent"])
-    }, [
-      a("div", j, [
-        z,
-        y(a("input", {
+      (e = m.value) == null || e.focus(), window.addEventListener(
+        "keydown",
+        (l) => h(l, r),
+        !0
+      );
+    }), V(() => {
+      window.removeEventListener(
+        "keydown",
+        (e) => h(e, r),
+        !0
+      );
+    }), (e, l) => (N(), S("div", z, [
+      a("div", T, [
+        W,
+        B(a("input", {
           id: "foldername",
           ref_key: "folderInput",
-          ref: f,
-          "onUpdate:modelValue": l[0] || (l[0] = (o) => s.value = o),
+          ref: m,
+          "onUpdate:modelValue": l[0] || (l[0] = (o) => n.value = o),
           class: "border-transparent outline-none w-full pl-8 text-sm min-h-8 py-1.5",
           label: "Folder Name",
           placeholder: "Folder Name"
         }, null, 512), [
-          [N, s.value]
+          [D, n.value]
         ])
       ]),
-      a("div", E, [
-        a("div", T, [
-          n(i(B), {
+      a("div", j, [
+        a("div", K, [
+          s(i(M), {
             modelValue: t.value,
             "onUpdate:modelValue": l[1] || (l[1] = (o) => t.value = o),
-            options: c.value
+            options: f.value
           }, {
-            default: d(() => [
-              n(i(p), {
+            default: c(() => [
+              s(i(x), {
                 class: "justify-between p-2 max-h-8 w-full gap-1 text-xs hover:bg-b-2",
                 variant: "outlined"
               }, {
-                default: d(() => [
+                default: c(() => [
                   a("span", {
-                    class: k(t.value ? "text-c-1" : "text-c-3")
+                    class: E(t.value ? "text-c-1" : "text-c-3")
                   }, F(t.value ? t.value.label : "Select Collection"), 3),
-                  n(i(D), {
+                  s(i(U), {
                     class: "text-c-3",
                     icon: "ChevronDown",
                     size: "xs"
@@ -80,19 +89,19 @@ const j = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
             _: 1
           }, 8, ["modelValue", "options"])
         ]),
-        n(i(p), {
+        s(i(x), {
           class: "max-h-8 text-xs p-0 px-3",
-          type: "submit"
+          onClick: r
         }, {
-          default: d(() => [
+          default: c(() => [
             I(" Create Folder ")
           ]),
           _: 1
         })
       ])
-    ], 32));
+    ]));
   }
 });
 export {
-  W as default
+  J as default
 };

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":";;;;;AAkRA,wBAMG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;AA4TA,wBAMG"}

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

@@ -1,41 +1,49 @@
-import { defineComponent as S, ref as m, onMounted as y, openBlock as F, createElementBlock as k, withModifiers as C, createElementVNode as t, createVNode as a, unref as o, withCtx as u, createTextVNode as d } from "vue";
-import { useWorkspace as I } from "../../store/workspace.js";
-import { ScalarButton as f, ScalarIcon as N } from "@scalar/components";
-import { useFileDialog as R } from "../../hooks/useFileDialog.js";
-const U = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, A = /* @__PURE__ */ t("label", {
+import { defineComponent as k, ref as m, onMounted as S, onBeforeUnmount as C, openBlock as F, createElementBlock as I, createElementVNode as o, createVNode as a, unref as n, withCtx as u, createTextVNode as d } from "vue";
+import { useWorkspace as L } from "../../store/workspace.js";
+import { ScalarButton as f, ScalarIcon as U } from "@scalar/components";
+import { handleKeyDown as h } from "./handleKeyDown.js";
+import { useFileDialog as B } from "../../hooks/useFileDialog.js";
+const E = { class: "flex w-full flex-col gap-3" }, N = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow-border min-h-20 relative" }, R = /* @__PURE__ */ o("label", {
   class: "absolute w-full h-full opacity-0 cursor-text",
   for: "requestimport"
-}, null, -1), B = { class: "flex gap-2" }, L = { class: "flex flex-1 gap-2 max-h-8" }, E = /* @__PURE__ */ S({
+}, null, -1), A = { class: "flex gap-2" }, D = { class: "flex flex-1 gap-2 max-h-8" }, j = /* @__PURE__ */ k({
   __name: "CommandPaletteImport",
   emits: ["close"],
-  setup(M, { emit: x }) {
-    const s = x, { activeWorkspace: h, importSpecFile: _, importSpecFromUrl: g } = I(), r = m(""), { open: b } = R({
+  setup(P, { emit: x }) {
+    const r = x, { activeWorkspace: _, importSpecFile: w, importSpecFromUrl: g } = L(), s = m(""), { open: v } = B({
       onChange: async (e) => {
-        const l = e == null ? void 0 : e[0];
-        if (l) {
+        const t = e == null ? void 0 : e[0];
+        if (t) {
           const i = new FileReader();
-          i.onload = async (v) => {
+          i.onload = async (b) => {
             var p;
-            const w = (p = v.target) == null ? void 0 : p.result;
-            _(w, h.value.uid), n(), s("close");
-          }, i.readAsText(l);
+            const y = (p = b.target) == null ? void 0 : p.result;
+            w(y, _.value.uid), l(), r("close");
+          }, i.readAsText(t);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
-    }), n = async () => {
-      r.value && (await g(r.value), s("close"));
+    }), l = async () => {
+      s.value && (await g(s.value), r("close"));
     }, c = m(null);
-    return y(() => {
+    return S(() => {
       var e;
-      (e = c.value) == null || e.focus();
-    }), (e, l) => (F(), k("form", {
-      class: "flex w-full flex-col gap-3",
-      onSubmit: C(n, ["prevent"])
-    }, [
-      t("div", U, [
-        A,
-        t("input", {
+      (e = c.value) == null || e.focus(), window.addEventListener(
+        "keydown",
+        (t) => h(t, l),
+        !0
+      );
+    }), C(() => {
+      window.removeEventListener(
+        "keydown",
+        (e) => h(e, l),
+        !0
+      );
+    }), (e, t) => (F(), I("div", E, [
+      o("div", N, [
+        R,
+        o("input", {
           id: "requestimport",
           ref_key: "importInput",
           ref: c,
@@ -44,16 +52,16 @@ const U = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
           placeholder: "Paste Swagger File URL"
         }, null, 512)
       ]),
-      t("div", B, [
-        t("div", L, [
-          a(o(f), {
+      o("div", A, [
+        o("div", D, [
+          a(n(f), {
             class: "p-2 max-h-8 gap-1 text-xs hover:bg-b-2 relative",
             variant: "outlined",
-            onClick: o(b)
+            onClick: n(v)
           }, {
             default: u(() => [
               d(" JSON, or YAML Files "),
-              a(o(N), {
+              a(n(U), {
                 class: "text-c-3 -rotate-90",
                 icon: "ArrowRight",
                 size: "sm"
@@ -62,9 +70,9 @@ const U = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
             _: 1
           }, 8, ["onClick"])
         ]),
-        a(o(f), {
+        a(n(f), {
           class: "max-h-8 text-xs p-0 px-3",
-          type: "submit"
+          onClick: l
         }, {
           default: u(() => [
             d(" Import Collection ")
@@ -72,9 +80,9 @@ const U = { class: "gap-3 rounded bg-b-2 focus-within:bg-b-1 focus-within:shadow
           _: 1
         })
       ])
-    ], 32));
+    ]));
   }
 });
 export {
-  E as default
+  j as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":";;;;;AAyYA,wBAMG"}
+{"version":3,"file":"CommandPaletteRequest.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteRequest.vue"],"names":[],"mappings":";;;;;AAgjBA,wBAMG"}