@scalar/api-client 2.1.25 → 2.1.27

package/CHANGELOG.md

@@ -1,5 +1,31 @@
 # @scalar/api-client
 
+## 2.1.27
+
+### Patch Changes
+
+- 4e50d65: feat: added openapi watcher to live update the api client
+- 4e50d65: feat: adds watch toggle in request sidebar item menu
+- Updated dependencies [4e50d65]
+- Updated dependencies [4e50d65]
+- Updated dependencies [4e50d65]
+- Updated dependencies [4e50d65]
+- Updated dependencies [4e50d65]
+- Updated dependencies [6bbb815]
+  - @scalar/components@0.12.56
+  - @scalar/oas-utils@0.2.59
+  - @scalar/themes@0.9.40
+  - @scalar/use-codemirror@0.11.23
+
+## 2.1.26
+
+### Patch Changes
+
+- 8223e31: fix: updates proxy default setting
+- f8b81ee: fix: new settings page
+- 9e769df: fix: sets default request uid to request example
+- a80a931: fix: command palette modal overflow
+
 ## 2.1.25
 
 ### 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":";;;;;;;AAmfA,wBASG"}
+{"version":3,"file":"CommandPaletteImport.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandPaletteImport.vue"],"names":[],"mappings":";;;;;;;AA6sBA,wBASG"}

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

@@ -1,133 +1,193 @@
-import { defineComponent as $, ref as R, computed as v, openBlock as l, createBlock as k, unref as r, withCtx as p, createVNode as y, createTextVNode as i, createElementBlock as u, Fragment as m, toDisplayString as w, createElementVNode as U, createCommentVNode as T } from "vue";
-import { useLoadingState as j, ScalarButton as D, ScalarIcon as M, ScalarCodeBlock as _ } from "@scalar/components";
-import { useToasts as z } from "@scalar/use-toasts";
-import E from "./CommandActionForm.vue.js";
-import W from "./CommandActionInput.vue.js";
-import { getOpenApiDocumentDetails as h } from "../../libs/getOpenApiDocumentDetails.js";
-import { isUrl as x } from "../../libs/isUrl.js";
-import { useFileDialog as J } from "../../hooks/useFileDialog.js";
-import { useWorkspace as Y } from "../../store/store.js";
-const q = { class: "flex justify-between" }, le = /* @__PURE__ */ $({
+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 = {
+  key: 1,
+  class: "text-pretty"
+}, ve = /* @__PURE__ */ M({
   __name: "CommandPaletteImport",
   emits: ["close", "back"],
-  setup(G, { emit: F }) {
-    const f = F, { activeWorkspace: g, importSpecFile: b, importSpecFromUrl: L } = Y(), { toast: c } = z(), s = j(), t = R(""), o = v(
-      () => h(t.value)
-    ), C = v(
-      () => o.value ? o.value.type : "json"
-    ), S = v(() => x(t.value)), V = v(() => !!o.value), { open: A } = J({
-      onChange: async (a) => {
-        const e = a == null ? void 0 : a[0];
+  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];
         if (e) {
-          const n = new FileReader();
-          n.onload = async (N) => {
+          const s = new FileReader();
+          s.onload = async (T) => {
             var I;
-            const O = (I = N.target) == null ? void 0 : I.result;
+            const W = (I = T.target) == null ? void 0 : I.result;
             try {
-              await b(O, g.value.uid), c("Import successful", "info"), f("close");
-            } catch (d) {
-              console.error(d);
-              const P = (d == null ? void 0 : d.message) || "Unknown error";
-              c(`Import failed: ${P}`, "error");
+              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");
             }
-          }, n.readAsText(e);
+          }, s.readAsText(e);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
     });
-    async function B() {
-      if (!(!t.value || s.isLoading)) {
-        s.startLoading();
+    O(v, (o) => {
+      o || (p.value = !1);
+    }), O(t, (o) => {
+      k(o) || (p.value = !1);
+    });
+    async function P() {
+      if (!(!t.value || u.isLoading)) {
+        u.startLoading();
         try {
-          if (S.value)
-            await L(
+          if (v.value) {
+            const [o] = await D(
               t.value,
-              void 0,
-              void 0,
-              g.value.uid
+              x.value.uid,
+              {
+                proxy: x.value.proxyUrl,
+                watchForChanges: p.value
+              }
             );
-          else if (V.value)
-            await b(
+            if (o) {
+              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);
+              return;
+            }
+          } else if (R.value)
+            await C(
               String(t.value),
-              g.value.uid
+              x.value.uid
             );
           else {
-            c("Import failed: Invalid URL or OpenAPI document", "error"), s.invalidate(2e3, !0);
+            m("Import failed: Invalid URL or OpenAPI document", "error"), u.invalidate(2e3, !0);
             return;
           }
-          s.clear(), f("close"), c("Import successful", "info");
-        } catch (a) {
-          console.error("[importCollection]", a);
-          const e = (a == null ? void 0 : a.message) || "Unknown error";
-          s.invalidate(2e3, !0), c(`Import failed: ${e}`, "error");
+          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");
         }
       }
     }
-    return (a, e) => (l(), k(E, {
+    return (o, e) => (a(), h(q, {
       disabled: !t.value.trim(),
-      loading: r(s),
-      onSubmit: B
+      loading: l(u),
+      onSubmit: P
     }, {
-      options: p(() => [
-        y(r(D), {
-          class: "p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
-          variant: "outlined",
-          onClick: r(A)
-        }, {
-          default: p(() => [
-            e[5] || (e[5] = i(" JSON, or YAML File ")),
-            y(r(M), {
-              class: "text-c-3",
-              icon: "UploadSimple",
-              size: "md"
-            })
-          ]),
-          _: 1
-        }, 8, ["onClick"])
+      options: c(() => [
+        d("div", Z, [
+          f(l(F), {
+            class: "p-2 max-h-8 gap-1.5 text-xs hover:bg-b-2 relative",
+            variant: "outlined",
+            onClick: l(z)
+          }, {
+            default: c(() => [
+              e[6] || (e[6] = n(" JSON, or YAML File ")),
+              f(l(L), {
+                class: "text-c-3",
+                icon: "UploadSimple",
+                size: "md"
+              })
+            ]),
+            _: 1
+          }, 8, ["onClick"]),
+          f(l(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)
+            ]),
+            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."))
+                ])
+              ])
+            ]),
+            _: 1
+          })
+        ])
       ]),
-      submit: p(() => [
-        e[6] || (e[6] = i(" Import ")),
-        S.value ? (l(), u(m, { key: 0 }, [
-          i(" from URL ")
-        ], 64)) : o.value && C.value ? (l(), u(m, { key: 1 }, [
-          o.value.title ? (l(), u(m, { key: 0 }, [
-            i(' "' + w(o.value.title) + '" ', 1)
-          ], 64)) : (l(), u(m, { key: 1 }, [
-            i(w(o.value.version) + " Spec", 1)
+      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)
           ], 64))
-        ], 64)) : (l(), u(m, { key: 2 }, [
-          i("Collection")
+        ], 64)) : (a(), i(g, { key: 2 }, [
+          n("Collection")
         ], 64))
       ]),
-      default: p(() => [
-        !o.value || r(x)(t.value) ? (l(), k(W, {
+      default: c(() => [
+        !r.value || l(k)(t.value) ? (a(), h(G, {
           key: 0,
           modelValue: t.value,
-          "onUpdate:modelValue": e[0] || (e[0] = (n) => t.value = n),
-          placeholder: "Paste Swagger/OpenAPI File URL or content",
-          onOnDelete: e[1] || (e[1] = (n) => f("back", n))
-        }, null, 8, ["modelValue"])) : (l(), u(m, { key: 1 }, [
-          U("div", q, [
-            e[4] || (e[4] = U("div", { class: "pl-8 text-xs min-h-8 py-2 text-c-2" }, "Preview", -1)),
-            y(r(D), {
+          "onUpdate:modelValue": e[0] || (e[0] = (s) => t.value = s),
+          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), {
               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] = (n) => t.value = "")
+              onClick: e[2] || (e[2] = (s) => t.value = "")
             }, {
-              default: p(() => e[3] || (e[3] = [
-                i(" Clear ")
+              default: c(() => e[4] || (e[4] = [
+                n(" Clear ")
               ])),
               _: 1
             })
           ]),
-          o.value && !r(x)(t.value) ? (l(), k(r(_), {
+          r.value && !l(k)(t.value) ? (a(), h(l(J), {
             key: 0,
             class: "border max-h-[40dvh] mt-1 bg-b-2 rounded [--scalar-small:--scalar-font-size-4]",
             content: t.value,
             copy: !1,
-            lang: C.value
-          }, null, 8, ["content", "lang"])) : T("", !0)
+            lang: S.value
+          }, null, 8, ["content", "lang"])) : N("", !0)
         ], 64))
       ]),
       _: 1
@@ -135,5 +195,5 @@ const q = { class: "flex justify-between" }, le = /* @__PURE__ */ $({
   }
 });
 export {
-  le as default
+  ve as default
 };

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

@@ -6,7 +6,7 @@
 declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 export declare const PaletteComponents: {
-    readonly 'Import Collection': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    readonly 'Import from OpenAPI/Swagger': import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
         close: () => any;
         back: (e: KeyboardEvent) => any;
     }, string, import("vue").PublicProps, Readonly<{}> & Readonly<{

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

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

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

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

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

@@ -1,12 +1,12 @@
-import { defineComponent as U, ref as i, computed as E, watch as G, onMounted as Q, onBeforeUnmount as j, openBlock as a, createBlock as K, unref as r, withCtx as _, createElementVNode as u, createVNode as f, createTextVNode as M, createElementBlock as m, Fragment as p, withDirectives as T, withKeys as g, withModifiers as D, vModelText as J, renderList as B, toDisplayString as V, vShow as O, normalizeClass as X, createCommentVNode as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as W } from "vue";
-import { useModal as oe, ScalarIcon as $ } from "@scalar/components";
+import { defineComponent as O, ref as c, computed as E, watch as U, onMounted as G, onBeforeUnmount as Q, openBlock as a, createBlock as K, unref as r, withCtx as _, createElementVNode as u, createVNode as f, createTextVNode as M, createElementBlock as m, Fragment as p, withDirectives as T, withKeys as g, withModifiers as A, vModelText as j, renderList as B, toDisplayString as V, vShow as J, normalizeClass as X, createCommentVNode as Y, resolveDynamicComponent as Z, mergeProps as ee, nextTick as W } from "vue";
+import { useModal as oe, ScalarIcon as S } from "@scalar/components";
 import { Dialog as te, DialogPanel as ne, DialogTitle as ae } from "@headlessui/vue";
 import { useRouter as le } from "vue-router";
 import se from "./CommandPaletteCollection.vue.js";
 import re from "./CommandPaletteExample.vue.js";
 import me from "./CommandPaletteImport.vue.js";
-import ce from "./CommandPaletteRequest.vue.js";
-import ie from "./CommandPaletteServer.vue.js";
+import ie from "./CommandPaletteRequest.vue.js";
+import ce from "./CommandPaletteServer.vue.js";
 import ue from "./CommandPaletteTag.vue.js";
 import de from "./CommandPaletteWorkspace.vue.js";
 import { useWorkspace as fe } from "../../store/store.js";
@@ -16,17 +16,17 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
 }, xe = {
   name: "TheCommandPalette"
 }, be = {
-  "Import Collection": me,
-  "Create Request": ce,
+  "Import from OpenAPI/Swagger": me,
+  "Create Request": ie,
   "Create Workspace": de,
   "Add Tag": ue,
-  "Add Server": ie,
+  "Add Server": ce,
   "Create Collection": se,
   "Add Example": re
-}, Ee = /* @__PURE__ */ U({
+}, Ee = /* @__PURE__ */ O({
   ...xe,
-  setup(ye) {
-    const A = [
+  setup(we) {
+    const D = [
       {
         label: "",
         commands: [
@@ -35,7 +35,7 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
             icon: "ExternalLink"
           },
           {
-            name: "Import Collection",
+            name: "Import from OpenAPI/Swagger",
             icon: "Import"
           },
           {
@@ -75,23 +75,23 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
           }
         ]
       }
-    ], d = oe(), { push: N } = le(), { activeWorkspace: H, events: v } = fe(), x = i(), l = i(""), s = i(null), c = i(-1), S = i([]), C = E(
-      () => A.reduce((o, e) => {
+    ], d = oe(), { push: N } = le(), { activeWorkspace: H, events: v } = fe(), x = c(), l = c(""), s = c(null), i = c(-1), P = c([]), C = E(
+      () => D.reduce((o, e) => {
         const t = e.commands.filter(
           (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
         );
         return [...o, ...t];
       }, [])
     ), h = () => {
-      d.hide(), l.value = "", s.value = null, c.value = -1;
+      d.hide(), l.value = "", s.value = null, i.value = -1;
     }, q = (o) => {
       l.value !== "" && (o == null || o.preventDefault()), s.value = null, W(() => {
         var e;
         return (e = b.value) == null ? void 0 : e.focus();
       });
-    }, P = (o) => {
+    }, $ = (o) => {
       "path" in o ? (N(`/workspace/${H.value.uid}${o.path}`), h()) : s.value = o.name;
-    }, b = i(), L = ({
+    }, b = c(), I = ({
       commandName: o,
       metaData: e
     } = {}) => {
@@ -100,36 +100,36 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
         return (t = b.value) == null ? void 0 : t.focus();
       });
     };
-    G(l, (o) => {
-      o && C.value.length > 0 && (c.value = 0);
+    U(l, (o) => {
+      o && C.value.length > 0 && (i.value = 0);
     });
-    const R = (o, e) => {
+    const L = (o, e) => {
       var k;
       if (!d.open) return;
       e.preventDefault();
       const t = o === "up" ? -1 : 1, n = C.value.length;
-      c.value = (c.value + t + n) % n, (k = S.value[c.value]) == null || k.scrollIntoView({
+      i.value = (i.value + t + n) % n, (k = P.value[i.value]) == null || k.scrollIntoView({
         behavior: "smooth",
         block: "nearest"
       });
-    }, y = E(
-      () => C.value[c.value]
+    }, w = E(
+      () => C.value[i.value]
     ), F = (o) => {
-      !y.value || s.value || (o.preventDefault(), o.stopPropagation(), P(y.value));
-    }, I = (o) => {
+      !w.value || s.value || (o.preventDefault(), o.stopPropagation(), $(w.value));
+    }, R = (o) => {
       d.open && o != null && o.closeModal && h();
     };
-    return Q(() => {
-      v.commandPalette.on(L), v.hotKeys.on(I);
-    }), j(() => {
-      v.commandPalette.off(L), v.hotKeys.off(I);
+    return G(() => {
+      v.commandPalette.on(I), v.hotKeys.on(R);
+    }), Q(() => {
+      v.commandPalette.off(I), v.hotKeys.off(R);
     }), (o, e) => (a(), K(r(te), {
       open: r(d).open,
       onClose: e[5] || (e[5] = (t) => h())
     }, {
       default: _(() => [
         e[7] || (e[7] = u("div", { class: "commandmenu-overlay z-overlay" }, null, -1)),
-        f(r(ne), { class: "commandmenu z-overlay custom-scroll" }, {
+        f(r(ne), { class: "commandmenu z-overlay" }, {
           default: _(() => [
             f(r(ae), { class: "sr-only" }, {
               default: _(() => e[6] || (e[6] = [
@@ -143,7 +143,7 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
                 type: "button",
                 onClick: e[3] || (e[3] = (t) => s.value = null)
               }, [
-                f(r($), {
+                f(r(S), {
                   icon: "ChevronLeft",
                   size: "md",
                   thickness: "1.5"
@@ -156,7 +156,7 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
             ], 64)) : (a(), m(p, { key: 0 }, [
               u("div", pe, [
                 u("label", ve, [
-                  f(r($), {
+                  f(r(S), {
                     class: "text-c-2 mr-2.5",
                     icon: "Search",
                     size: "md",
@@ -174,20 +174,20 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
                   placeholder: "Search commands...",
                   type: "text",
                   onKeydown: [
-                    e[1] || (e[1] = g(D((t) => R("down", t), ["stop"]), ["down"])),
-                    g(D(F, ["stop"]), ["enter"]),
-                    e[2] || (e[2] = g(D((t) => R("up", t), ["stop"]), ["up"]))
+                    e[1] || (e[1] = g(A((t) => L("down", t), ["stop"]), ["down"])),
+                    g(A(F, ["stop"]), ["enter"]),
+                    e[2] || (e[2] = g(A((t) => L("up", t), ["stop"]), ["up"]))
                   ]
                 }, null, 40, Ce), [
-                  [J, l.value]
+                  [j, l.value]
                 ])
               ]),
-              (a(), m(p, null, B(A, (t) => (a(), m(p, {
+              (a(), m(p, null, B(D, (t) => (a(), m(p, {
                 key: t.label
               }, [
                 T(u("div", { class: "text-c-3 font-medium text-xs px-2 mb-1 mt-2" }, V(t.label), 513), [
                   [
-                    O,
+                    J,
                     t.commands.filter(
                       (n) => n.name.toLowerCase().includes(l.value.toLowerCase())
                     ).length > 0
@@ -200,15 +200,15 @@ const pe = { class: "bg-b-2 flex items-center rounded-md mb-2.5 pl-2 focus-withi
                   return a(), m("div", {
                     key: n.name,
                     ref_for: !0,
-                    ref: (w) => {
-                      w && (S.value[k] = w);
+                    ref: (y) => {
+                      y && (P.value[k] = y);
                     },
                     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 === ((z = y.value) == null ? void 0 : z.name)
+                      "bg-b-2": n.name === ((z = w.value) == null ? void 0 : z.name)
                     }]),
-                    onClick: (w) => P(n)
+                    onClick: (y) => $(n)
                   }, [
-                    f(r($), {
+                    f(r(S), {
                       class: "text-c-2 mr-2.5",
                       icon: n.icon,
                       size: "md",

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

@@ -1 +1 @@
-{"version":3,"file":"ImportNowButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportNowButton.vue"],"names":[],"mappings":";aA6GW,MAAM,GAAG,IAAI;cACZ,QAAQ,GAAG,MAAM;;;;aADlB,MAAM,GAAG,IAAI;cACZ,QAAQ,GAAG,MAAM;;;;AAkL7B,wBASG"}
+{"version":3,"file":"ImportNowButton.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ImportCollection/ImportNowButton.vue"],"names":[],"mappings":";aA2GW,MAAM,GAAG,IAAI;cACZ,QAAQ,GAAG,MAAM;;;;aADlB,MAAM,GAAG,IAAI;cACZ,QAAQ,GAAG,MAAM;;;;AAgL7B,wBASG"}

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

@@ -1,10 +1,10 @@
-import { defineComponent as x, openBlock as s, createElementBlock as b, Fragment as w, createBlock as m, unref as a, withCtx as p, createTextVNode as c, createCommentVNode as g } from "vue";
+import { defineComponent as b, openBlock as s, createElementBlock as v, Fragment as w, createBlock as m, unref as a, withCtx as p, createTextVNode as c, createCommentVNode as g } from "vue";
 import { isUrl as h } from "./utils/isUrl.js";
 import { ScalarButton as l } from "@scalar/components";
 import { useToasts as F } from "@scalar/use-toasts";
 import { useRouter as B } from "vue-router";
 import { useWorkspace as I } from "../../store/store.js";
-const R = /* @__PURE__ */ x({
+const R = /* @__PURE__ */ b({
   __name: "ImportNowButton",
   props: {
     source: {},
@@ -12,20 +12,18 @@ const R = /* @__PURE__ */ x({
   },
   emits: ["importFinished"],
   setup(f, { emit: d }) {
-    const o = f, k = d, y = B(), { importSpecFromUrl: v, importSpecFile: C, activeWorkspace: r } = I(), { toast: i } = F();
+    const o = f, k = d, y = B(), { importSpecFromUrl: C, importSpecFile: x, activeWorkspace: r } = I(), { toast: i } = F();
     async function n() {
       try {
         if (o.source) {
           if (h(o.source)) {
-            const t = await v(
+            const [t, e] = await C(
               o.source,
-              void 0,
-              void 0,
               r.value.uid
             );
-            u(t);
+            t || u(e);
           } else {
-            const t = await C(
+            const t = await x(
               o.source,
               r.value.uid
             );
@@ -48,7 +46,7 @@ const R = /* @__PURE__ */ x({
         }
       });
     }
-    return (t, e) => t.source ? (s(), b(w, { key: 0 }, [
+    return (t, e) => t.source ? (s(), v(w, { key: 0 }, [
       t.variant === "button" ? (s(), m(a(l), {
         key: 0,
         class: "text-[21px] py-2.5 px-6 rounded-lg font-bold h-fit mt-3 mb-1.5",