@scalar/api-client 2.12.0 → 2.13.0

package/CHANGELOG.md

@@ -1,5 +1,47 @@
 # @scalar/api-client
 
+## 2.13.0
+
+### Minor Changes
+
+- [#7431](https://github.com/scalar/scalar/pull/7431) [`61c980c`](https://github.com/scalar/scalar/commit/61c980cebef219685a05f3a4cb1e379984922cd4) Thanks [@DemonHa](https://github.com/DemonHa)! - feat: implememnt command palette
+
+- [#7455](https://github.com/scalar/scalar/pull/7455) [`1bc2b45`](https://github.com/scalar/scalar/commit/1bc2b45b6eabd5c5045e77d67f59d202ab04d3fb) Thanks [@DemonHa](https://github.com/DemonHa)! - feat: tabs support on the store
+
+- [#7463](https://github.com/scalar/scalar/pull/7463) [`1eafcbe`](https://github.com/scalar/scalar/commit/1eafcbeeaad3e611b9c8f365ce2961772b8e9494) Thanks [@DemonHa](https://github.com/DemonHa)! - feat: rebuild the sidebar when a new example is created
+
+### Patch Changes
+
+- [#7465](https://github.com/scalar/scalar/pull/7465) [`9342adc`](https://github.com/scalar/scalar/commit/9342adcd76e26a8e5eff75c1a2abee2c207b1487) Thanks [@marcalexiei](https://github.com/marcalexiei)! - fix: ensure `@scalar/workspace-store` consumers rely only on public exports
+
+- [#7460](https://github.com/scalar/scalar/pull/7460) [`62b5210`](https://github.com/scalar/scalar/commit/62b521092bafeb8e83e79222e13378c4a19defc8) Thanks [@hwkr](https://github.com/hwkr)! - feat(components): update and polish ScalarLoading
+
+- [#7387](https://github.com/scalar/scalar/pull/7387) [`bfd814a`](https://github.com/scalar/scalar/commit/bfd814a4219660face190041cc4845182b56ab03) Thanks [@geoffgscott](https://github.com/geoffgscott)! - hotfix: patch exports from build tooling bug
+
+- [#7416](https://github.com/scalar/scalar/pull/7416) [`86f028d`](https://github.com/scalar/scalar/commit/86f028deb0b456f923edd261f5f4b0fa9b616b7d) Thanks [@amritk](https://github.com/amritk)! - feat: add update method to client v2
+
+- Updated dependencies [[`5aa0380`](https://github.com/scalar/scalar/commit/5aa0380adfcd173e58659fb5dd57df363d985583), [`61c980c`](https://github.com/scalar/scalar/commit/61c980cebef219685a05f3a4cb1e379984922cd4), [`1bc2b45`](https://github.com/scalar/scalar/commit/1bc2b45b6eabd5c5045e77d67f59d202ab04d3fb), [`9342adc`](https://github.com/scalar/scalar/commit/9342adcd76e26a8e5eff75c1a2abee2c207b1487), [`fa361d2`](https://github.com/scalar/scalar/commit/fa361d2799e358d582fbb224a7b93d5b6e832c0e), [`62b5210`](https://github.com/scalar/scalar/commit/62b521092bafeb8e83e79222e13378c4a19defc8), [`e04879c`](https://github.com/scalar/scalar/commit/e04879c65602dfb65393876754f5344751b8953d), [`a164d76`](https://github.com/scalar/scalar/commit/a164d76f21437b3a35210d62a996b6c9d483e5a4), [`dd8e9dc`](https://github.com/scalar/scalar/commit/dd8e9dc118d3ae98180e2a93bd6ba11e982abbf8), [`ea13cd2`](https://github.com/scalar/scalar/commit/ea13cd2a44ff1ba7f19abcfcad1e51c9e7a0b75d), [`bfd814a`](https://github.com/scalar/scalar/commit/bfd814a4219660face190041cc4845182b56ab03), [`ea13cd2`](https://github.com/scalar/scalar/commit/ea13cd2a44ff1ba7f19abcfcad1e51c9e7a0b75d), [`612eb05`](https://github.com/scalar/scalar/commit/612eb05f61ad97272206f1b7ff85a725131ca917), [`35af6bf`](https://github.com/scalar/scalar/commit/35af6bfce4bc4ae3d0fc5783ea36e0165e964361), [`86f028d`](https://github.com/scalar/scalar/commit/86f028deb0b456f923edd261f5f4b0fa9b616b7d), [`294f9fc`](https://github.com/scalar/scalar/commit/294f9fc6cfd43cdab110deb1c851883509bc2b84), [`af54a80`](https://github.com/scalar/scalar/commit/af54a80349269a4269a68f6a372f837177a3537c)]:
+  - @scalar/components@0.16.5
+  - @scalar/sidebar@0.5.0
+  - @scalar/workspace-store@0.22.0
+  - @scalar/snippetz@0.5.4
+  - @scalar/json-magic@0.8.3
+  - @scalar/openapi-types@0.5.2
+  - @scalar/use-toasts@0.9.1
+  - @scalar/helpers@0.1.3
+  - @scalar/types@0.5.1
+  - @scalar/import@0.4.36
+  - @scalar/themes@0.13.25
+  - @scalar/use-codemirror@0.12.49
+  - @scalar/oas-utils@0.6.5
+  - @scalar/analytics-client@1.0.0
+  - @scalar/draggable@0.3.0
+  - @scalar/icons@0.5.0
+  - @scalar/object-utils@1.2.13
+  - @scalar/openapi-parser@0.23.4
+  - @scalar/postman-to-openapi@0.3.46
+  - @scalar/use-hooks@0.3.1
+
 ## 2.12.0
 
 ### Minor Changes

package/dist/components/CodeInput/CodeInput.vue.d.ts

@@ -76,8 +76,8 @@ declare const _default: __VLS_WithSlots<import("vue").DefineComponent<{
     onBlur?: ((v: string) => any) | undefined;
     onCurl?: ((v: string) => any) | undefined;
 }>, {
-    nullable: boolean;
     disabled: boolean;
+    nullable: boolean;
     colorPicker: boolean;
     emitOnBlur: boolean;
     extensions: Extension[];

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":"AA2eA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAUxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;iBACP,SAAS,EAAE;kBACV,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;mBACZ,OAAO;;IAiMxB,0BAA0B;;0BArJC,MAAM;0BA0BN,MAAM;wBAOR,MAAM;;;;;;;;;;kBAtGf,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;iBACP,SAAS,EAAE;kBACV,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;mBACZ,OAAO;;;;;;;cANX,OAAO;cAlBP,OAAO;iBADJ,OAAO;gBAIR,OAAO;gBACP,SAAS,EAAE;sBAGL,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;kBAKR,OAAO;;cAkhBZ,CAAC,KAAK,IAAiB,KAAK,GAAG;;WAClC,CAAC,KAAK,IAAiB,KAAK,GAAG;;AA9iB1C,wBAmmBC;AAYD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CodeInput.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CodeInput/CodeInput.vue"],"names":[],"mappings":"AA2eA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wCAAwC,CAAA;AACzE,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,SAAS,EACf,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAyC,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AAGrE,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;;kBAUxC,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;iBACP,SAAS,EAAE;kBACV,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;mBACZ,OAAO;;IAiMxB,0BAA0B;;0BArJC,MAAM;0BA0BN,MAAM;wBAOR,MAAM;;;;;;;;;;kBAtGf,OAAO;eACV,OAAO;gBACN,MAAM,GAAG,MAAM;YACnB,OAAO;iBACF,OAAO;iBACP,SAAS,EAAE;kBACV,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;eACJ,MAAM,EAAE;WACZ,MAAM,GAAG,MAAM,EAAE,GAAG,SAAS;eACzB,OAAO;oBACF,OAAO;iBACV,OAAO;cACV,MAAM,GAAG,MAAM;iBACZ,WAAW;kBACV,WAAW,EAAE;mBACZ,OAAO;;;;;;;cAxBX,OAAO;cAkBP,OAAO;iBAnBJ,OAAO;gBAIR,OAAO;gBACP,SAAS,EAAE;sBAGL,OAAO;kBAMX,OAAO;0BACC,OAAO;mBAKd,OAAO;kBAKR,OAAO;;cAkhBZ,CAAC,KAAK,IAAiB,KAAK,GAAG;;WAClC,CAAC,KAAK,IAAiB,KAAK,GAAG;;AA9iB1C,wBAmmBC;AAYD,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,6 +1,6 @@
-import { type useLoadingState } from '@scalar/components';
+import { type LoadingState } from '@scalar/components';
 type __VLS_Props = {
-    loading?: ReturnType<typeof useLoadingState>;
+    loader?: LoadingState;
     disabled?: boolean;
 };
 declare var __VLS_1: {}, __VLS_3: {}, __VLS_9: {};

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

@@ -1 +1 @@
-{"version":3,"file":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AA4CA,OAAO,EAGL,KAAK,eAAe,EACrB,MAAM,oBAAoB,CAAA;AAE3B,KAAK,WAAW,GAAG;IACjB,OAAO,CAAC,EAAE,UAAU,CAAC,OAAO,eAAe,CAAC,CAAA;IAC5C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAwEF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB9C,QAAA,MAAM,eAAe;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"CommandActionForm.vue.d.ts","sourceRoot":"","sources":["../../../src/components/CommandPalette/CommandActionForm.vue"],"names":[],"mappings":"AAwCA,OAAO,EAA2B,KAAK,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAE/E,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,YAAY,CAAA;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB,CAAC;AAwEF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC9D,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB9C,QAAA,MAAM,eAAe;;;;;;;;kFAOnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

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

@@ -1,31 +1,31 @@
-import { defineComponent as d, createElementBlock as a, openBlock as r, withModifiers as l, withKeys as m, createElementVNode as t, normalizeProps as p, guardReactiveProps as f, unref as i, renderSlot as s, createVNode as u, withCtx as b, createTextVNode as x } from "vue";
-import { useBindCx as c, ScalarButton as g } from "@scalar/components";
-const v = { class: "flex gap-2" }, w = { class: "flex max-h-8 flex-1" }, h = /* @__PURE__ */ d({
+import { defineComponent as i, createElementBlock as n, openBlock as r, withModifiers as l, withKeys as m, createElementVNode as t, normalizeProps as p, guardReactiveProps as f, unref as d, renderSlot as s, createVNode as u, withCtx as b, createTextVNode as x } from "vue";
+import { useBindCx as c, ScalarButton as v } from "@scalar/components";
+const w = { class: "flex gap-2" }, B = { class: "flex max-h-8 flex-1" }, h = /* @__PURE__ */ i({
   __name: "CommandActionForm",
   props: {
-    loading: {},
+    loader: {},
     disabled: { type: Boolean, default: !1 }
   },
   emits: ["submit", "cancel", "back"],
-  setup(B) {
-    const { cx: n } = c();
-    return (e, o) => (r(), a("form", {
+  setup(C) {
+    const { cx: a } = c();
+    return (e, o) => (r(), n("form", {
       class: "flex w-full flex-col gap-3",
       onKeydown: o[0] || (o[0] = m(l(() => {
       }, ["stop"]), ["enter"])),
-      onSubmit: o[1] || (o[1] = l((C) => !e.disabled && e.$emit("submit"), ["prevent", "stop"]))
+      onSubmit: o[1] || (o[1] = l(($) => !e.disabled && e.$emit("submit"), ["prevent", "stop"]))
     }, [
-      t("div", p(f(i(n)("relative flex min-h-20 flex-col rounded"))), [
+      t("div", p(f(d(a)("relative flex min-h-20 flex-col rounded"))), [
         s(e.$slots, "default")
       ], 16),
-      t("div", v, [
-        t("div", w, [
+      t("div", w, [
+        t("div", B, [
           s(e.$slots, "options")
         ]),
-        u(i(g), {
+        u(d(v), {
           class: "max-h-8 px-3 text-xs",
           disabled: e.disabled,
-          loading: e.loading,
+          loader: e.loader,
           type: "submit"
         }, {
           default: b(() => [
@@ -34,7 +34,7 @@ const v = { class: "flex gap-2" }, w = { class: "flex max-h-8 flex-1" }, h = /*
             ])
           ]),
           _: 3
-        }, 8, ["disabled", "loading"])
+        }, 8, ["disabled", "loader"])
       ])
     ], 32));
   }

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

@@ -1,4 +1,4 @@
-import { defineComponent as J, ref as L, computed as x, watch as A, createBlock as I, openBlock as l, unref as r, withCtx as p, createElementBlock as d, Fragment as v, createElementVNode as U, createCommentVNode as Y, createVNode as w, createTextVNode as c, toDisplayString as R } from "vue";
+import { defineComponent as J, ref as A, computed as x, watch as L, createBlock as I, openBlock as l, unref as r, withCtx as p, createElementBlock as d, Fragment as v, createElementVNode as U, createCommentVNode as Y, createVNode as g, createTextVNode as u, toDisplayString as R } from "vue";
 import { useLoadingState as q, ScalarButton as D, ScalarCodeBlock as G, ScalarIcon as H, ScalarTooltip as K } from "@scalar/components";
 import { useToasts as Q } from "@scalar/use-toasts";
 import { useRouter as X } from "vue-router";
@@ -13,14 +13,14 @@ import { getOpenApiDocumentDetails as re } from "../../libs/getOpenApiDocumentDe
 import { isUrl as h } from "../../libs/isUrl.js";
 import { useFileDialog as ne } from "../../hooks/useFileDialog.js";
 import { useWorkspace as ie } from "../../store/store.js";
-const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-row items-center justify-between gap-3" }, Pe = /* @__PURE__ */ J({
+const se = { class: "flex justify-between" }, ce = { class: "flex w-full flex-row items-center justify-between gap-3" }, Pe = /* @__PURE__ */ J({
   __name: "CommandPaletteImport",
   emits: ["close", "back"],
-  setup(ce, { emit: T }) {
-    const C = T, _ = X(), { activeWorkspace: n, activeCollection: F } = ee(), { importSpecFile: k, importSpecFromUrl: W, events: N } = ie(), { toast: i } = Q(), s = q(), o = L(""), f = L(!0), a = x(() => P(o.value) ? le(o.value) : re(o.value)), S = x(
+  setup(ue, { emit: T }) {
+    const C = T, _ = X(), { activeWorkspace: n, activeCollection: F } = ee(), { importSpecFile: k, importSpecFromUrl: W, events: N } = ie(), { toast: i } = Q(), s = q(), o = A(""), f = A(!0), a = x(() => P(o.value) ? le(o.value) : re(o.value)), S = x(
       () => a.value ? a.value.type : "json"
     );
-    function g(e) {
+    function w(e) {
       e && _.push({
         name: "collection",
         params: {
@@ -33,8 +33,8 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
       onChange: (e) => {
         const t = e?.[0];
         if (t) {
-          const u = new FileReader();
-          u.onload = async (E) => {
+          const c = new FileReader();
+          c.onload = async (E) => {
             const b = E.target?.result;
             try {
               if (P(b)) {
@@ -42,13 +42,13 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
                   V(b),
                   n.value?.uid ?? ""
                 );
-                g(m?.collection);
+                w(m?.collection);
               } else {
                 const m = await k(
                   b,
                   n.value?.uid ?? ""
                 );
-                g(m?.collection);
+                w(m?.collection);
               }
               i("Import successful", "info"), C("close");
             } catch (m) {
@@ -56,20 +56,20 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
               const z = m?.message || "Unknown error";
               i(`Import failed: ${z}`, "error");
             }
-          }, u.readAsText(t);
+          }, c.readAsText(t);
         }
       },
       multiple: !1,
       accept: ".json,.yaml,.yml"
     });
-    A(y, (e) => {
+    L(y, (e) => {
       e || (f.value = !1);
-    }), A(o, (e) => {
+    }), L(o, (e) => {
       h(e) || (f.value = !1);
     });
     async function M() {
       if (!(!o.value || s.isLoading)) {
-        s.startLoading();
+        s.start();
         try {
           if (y.value) {
             const [e, t] = await W(
@@ -80,12 +80,12 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
                 watchMode: f.value
               }
             );
-            if (g(t?.collection), e) {
+            if (w(t?.collection), e) {
               i(
                 "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 }
-              ), s.invalidate(2e3, !0);
+              ), await s.invalidate();
               return;
             }
           } else if ($.value)
@@ -94,23 +94,23 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
                 V(o.value),
                 n.value?.uid ?? ""
               );
-              g(e?.collection), i("Successfully converted Postman collection", "info");
+              w(e?.collection), i("Successfully converted Postman collection", "info");
             } else {
               const e = await k(
                 o.value,
                 n.value?.uid ?? ""
               );
-              g(e?.collection);
+              w(e?.collection);
             }
           else {
-            i("Import failed: Invalid URL or OpenAPI document", "error"), s.invalidate(2e3, !0);
+            i("Import failed: Invalid URL or OpenAPI document", "error"), await s.invalidate();
             return;
           }
-          s.clear(), C("close"), i("Import successful", "info");
+          await s.clear(), C("close"), i("Import successful", "info");
         } catch (e) {
           console.error("[importCollection]", e);
           const t = e?.message || "Unknown error";
-          s.invalidate(2e3, !0), i(`Import failed: ${t}`, "error");
+          await s.invalidate(), i(`Import failed: ${t}`, "error");
         }
       }
     }
@@ -129,19 +129,19 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
     };
     return (e, t) => (l(), I(te, {
       disabled: !o.value.trim(),
-      loading: r(s),
+      loader: r(s),
       onSubmit: M
     }, {
       options: p(() => [
-        U("div", ue, [
-          w(r(D), {
+        U("div", ce, [
+          g(r(D), {
             class: "hover:bg-b-2 relative max-h-8 gap-1.5 p-2 text-xs",
             variant: "outlined",
             onClick: r(B)
           }, {
             default: p(() => [
-              t[5] || (t[5] = c(" JSON, or YAML File ", -1)),
-              w(r(H), {
+              t[5] || (t[5] = u(" JSON, or YAML File ", -1)),
+              g(r(H), {
                 class: "text-c-3",
                 icon: "Upload",
                 size: "md"
@@ -149,14 +149,14 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
             ]),
             _: 1
           }, 8, ["onClick"]),
-          w(r(K), {
+          g(r(K), {
             content: y.value ? "Watch mode automatically updates the API client when the OpenAPI URL content changes, ensuring your client remains up-to-date." : "Watch mode is only available for URL imports. When enabled it automatically updates the API client when the OpenAPI URL content changes.",
             placement: "bottom"
           }, {
             default: p(() => [
-              w(ae, {
+              g(ae, {
                 modelValue: f.value,
-                "onUpdate:modelValue": t[2] || (t[2] = (u) => f.value = u),
+                "onUpdate:modelValue": t[2] || (t[2] = (c) => f.value = c),
                 disabled: !y.value
               }, null, 8, ["modelValue", "disabled"])
             ]),
@@ -165,17 +165,17 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
         ])
       ]),
       submit: p(() => [
-        t[6] || (t[6] = c(" Import ", -1)),
+        t[6] || (t[6] = u(" Import ", -1)),
         y.value ? (l(), d(v, { key: 0 }, [
-          c(" from URL ")
+          u(" from URL ")
         ], 64)) : a.value && S.value ? (l(), d(v, { key: 1 }, [
           a.value.title ? (l(), d(v, { key: 0 }, [
-            c(' "' + R(a.value.title) + '" ', 1)
+            u(' "' + R(a.value.title) + '" ', 1)
           ], 64)) : (l(), d(v, { key: 1 }, [
-            c(R(a.value.version), 1)
+            u(R(a.value.version), 1)
           ], 64))
         ], 64)) : (l(), d(v, { key: 2 }, [
-          c(" Collection ")
+          u(" Collection ")
         ], 64))
       ]),
       default: p(() => [
@@ -183,18 +183,18 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
           key: 0,
           modelValue: o.value,
           placeholder: "OpenAPI/Swagger/Postman URL or cURL",
-          onOnDelete: t[0] || (t[0] = (u) => C("back", u)),
+          onOnDelete: t[0] || (t[0] = (c) => C("back", c)),
           "onUpdate:modelValue": j
         }, null, 8, ["modelValue"])) : (l(), d(v, { key: 1 }, [
           U("div", se, [
             t[4] || (t[4] = U("div", { class: "text-c-2 min-h-8 w-full py-2 pl-12 text-center text-xs" }, " Preview ", -1)),
-            w(r(D), {
+            g(r(D), {
               class: "hover:bg-b-2 relative ml-auto max-h-8 gap-1.5 p-2 text-xs",
               variant: "ghost",
-              onClick: t[1] || (t[1] = (u) => o.value = "")
+              onClick: t[1] || (t[1] = (c) => o.value = "")
             }, {
               default: p(() => [...t[3] || (t[3] = [
-                c(" Clear ", -1)
+                u(" Clear ", -1)
               ])]),
               _: 1
             })
@@ -209,7 +209,7 @@ const se = { class: "flex justify-between" }, ue = { class: "flex w-full flex-ro
         ], 64))
       ]),
       _: 1
-    }, 8, ["disabled", "loading"]));
+    }, 8, ["disabled", "loader"]));
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"EmptyState.vue.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.vue"],"names":[],"mappings":";AAkJA,wBAKG"}
+{"version":3,"file":"EmptyState.vue.d.ts","sourceRoot":"","sources":["../../src/components/EmptyState.vue"],"names":[],"mappings":";AA+LA,wBAKG"}

package/dist/components/EmptyState.vue.js

@@ -1,7 +1,7 @@
 import t from "./EmptyState.vue2.js";
 /* empty css                */
 import o from "../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ o(t, [["__scopeId", "data-v-45a9fc44"]]);
+const a = /* @__PURE__ */ o(t, [["__scopeId", "data-v-b1211b87"]]);
 export {
-  r as default
+  a as default
 };

package/dist/components/EmptyState.vue2.js

@@ -1,25 +1,36 @@
-import { defineComponent as s, createElementBlock as c, openBlock as n, createElementVNode as e, createVNode as t, unref as r } from "vue";
-import { ScalarHotkey as i } from "@scalar/components";
-import l from "../assets/keycap.ascii.js";
-import o from "./ScalarAsciiArt.vue.js";
-const p = { class: "flex-center flex w-full scale-75" }, m = { class: "relative" }, d = { class: "relative -ml-12" }, h = /* @__PURE__ */ s({
+import { defineComponent as c, createElementBlock as i, openBlock as n, createElementVNode as a, createVNode as e, unref as t } from "vue";
+import { ScalarHotkey as o } from "@scalar/components";
+import r from "../assets/keycap.ascii.js";
+import l from "./ScalarAsciiArt.vue.js";
+const p = { class: "flex-center flex w-full scale-75" }, d = { class: "relative" }, m = { class: "relative -ml-12" }, y = { class: "relative -ml-12" }, v = /* @__PURE__ */ c({
   __name: "EmptyState",
-  setup(_) {
-    return (f, a) => (n(), c("div", p, [
-      e("div", m, [
-        t(r(i), {
+  setup(x) {
+    return (_, s) => (n(), i("div", p, [
+      a("div", d, [
+        e(t(o), {
           class: "keycap-hotkey right-14 border-transparent py-0 text-xl",
           hotkey: ""
         }),
-        t(o, {
-          art: r(l),
+        e(l, {
+          art: t(r),
           class: "text-c-3 !leading-[6px]"
         }, null, 8, ["art"])
       ]),
-      e("div", d, [
-        a[0] || (a[0] = e("div", { class: "keycap-hotkey right-16 text-xl" }, "K", -1)),
-        t(o, {
-          art: r(l),
+      a("div", m, [
+        e(t(o), {
+          class: "keycap-hotkey right-14 border-transparent py-0 text-xl",
+          hotkey: "",
+          modifier: ["Shift"]
+        }),
+        e(l, {
+          art: t(r),
+          class: "keycap-n !leading-[6px]"
+        }, null, 8, ["art"])
+      ]),
+      a("div", y, [
+        s[0] || (s[0] = a("div", { class: "keycap-hotkey right-16 text-xl" }, "P", -1)),
+        e(l, {
+          art: t(r),
           class: "keycap-n !leading-[6px]"
         }, null, 8, ["art"])
       ])
@@ -27,5 +38,5 @@ const p = { class: "flex-center flex w-full scale-75" }, m = { class: "relative"
   }
 });
 export {
-  h as default
+  v as default
 };

package/dist/components/TopNav/TopNav.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as V, reactive as $, ref as j, computed as S, watch as _, onMounted as O, onBeforeUnmount as W, createElementBlock as C, openBlock as c, createElementVNode as v, createVNode as n, unref as a, withCtx as u, createTextVNode as L, createBlock as g, createCommentVNode as D, toDisplayString as K, Fragment as q, renderList as F } from "vue";
+import { defineComponent as V, reactive as $, ref as j, computed as S, watch as _, onMounted as O, onBeforeUnmount as W, createElementBlock as C, openBlock as c, createElementVNode as v, createVNode as n, unref as l, withCtx as u, createTextVNode as L, createBlock as g, createCommentVNode as D, toDisplayString as K, Fragment as q, renderList as F } from "vue";
 import { ScalarContextMenu as H, ScalarFloating as G, ScalarDropdownMenu as J, ScalarDropdownButton as I, ScalarIcon as d, ScalarHotkey as P } from "@scalar/components";
 import { LibraryIcon as Q } from "@scalar/icons/library";
 import { useClipboard as X } from "@scalar/use-hooks/useClipboard";
@@ -7,7 +7,7 @@ import { ROUTES as Z } from "../../constants.js";
 import { useActiveEntities as ee } from "../../store/active-entities.js";
 import te from "./TopNavItem.vue.js";
 import { useWorkspace as oe } from "../../store/store.js";
-const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae = { class: "relative flex h-10 flex-1 items-center gap-1.5 overflow-hidden pr-2.5 text-base font-medium" }, ne = {
+const ae = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, le = { class: "relative flex h-10 flex-1 items-center gap-1.5 overflow-hidden pr-2.5 text-base font-medium" }, ne = {
   key: 0,
   class: "h-full w-full overflow-hidden"
 }, de = /* @__PURE__ */ V({
@@ -23,10 +23,10 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
         icon: "Add",
         isCollection: !1
       }
-    ]), l = j(0), T = S(() => l.value), y = S(() => i.currentRoute.value.name?.toString().startsWith("collection."));
+    ]), a = j(0), y = S(() => a.value), T = S(() => i.currentRoute.value.name?.toString().startsWith("collection."));
     function N() {
-      if (y.value) {
-        t[l.value] = {
+      if (T.value) {
+        t[a.value] = {
           label: f.value?.info?.title || "Untitled Collection",
           path: i.currentRoute.value.path,
           icon: f.value?.["x-scalar-icon"] || "Collection",
@@ -35,7 +35,7 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
         return;
       }
       if (i.currentRoute.value.name?.toString().startsWith("request")) {
-        t[l.value] = {
+        t[a.value] = {
           label: E.value?.summary || "",
           path: i.currentRoute.value.path,
           icon: "ExternalLink",
@@ -47,7 +47,7 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
         i.currentRoute.value.name?.toString() ?? ""
       ));
       if (e) {
-        t[l.value] = {
+        t[a.value] = {
           label: e.displayName,
           path: i.currentRoute.value.path,
           icon: e.icon,
@@ -57,7 +57,7 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
       }
     }
     function h() {
-      const e = t[l.value]?.path;
+      const e = t[a.value]?.path;
       e && i.push(e);
     }
     function m() {
@@ -66,10 +66,10 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
         path: "",
         icon: "Add",
         isCollection: !1
-      }), l.value = t.length - 1, N();
+      }), a.value = t.length - 1, N();
     }
     function p(e) {
-      l.value = e, h();
+      a.value = e, h();
     }
     _(
       () => i.currentRoute.value.path,
@@ -79,21 +79,21 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
       { immediate: !0 }
     );
     function x(e) {
-      t.splice(e, 1), l.value = Math.min(
-        l.value,
+      t.splice(e, 1), a.value = Math.min(
+        a.value,
         t.length - 1
       ), h();
     }
-    const w = (e) => {
+    const w = async (e) => {
       if (!t[e]?.path)
         return;
       const o = new URL(window.location.href);
-      o.pathname = t[e].path, M(o.toString());
+      o.pathname = t[e].path, await M(o.toString());
     }, z = (e) => {
-      t.splice(0, e), t.splice(1), l.value = 0, h();
+      t.splice(0, e), t.splice(1), a.value = 0, h();
     }, R = (e) => {
       if (e) {
-        if (e.addTopNav && m(), e.closeTopNav && x(l.value), e.navigateTopNavLeft && p(Math.max(l.value - 1, 0)), e.navigateTopNavRight && p(Math.min(l.value + 1, t.length - 1)), e.jumpToTab) {
+        if (e.addTopNav && m(), e.closeTopNav && x(a.value), e.navigateTopNavLeft && p(Math.max(a.value - 1, 0)), e.navigateTopNavRight && p(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
           const o = Number(e.jumpToTab.key) - 1;
           o >= 0 && o < t.length && p(o);
         }
@@ -113,17 +113,17 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
         e && B(e);
       },
       { immediate: !0 }
-    ), O(() => k.hotKeys.on(R)), W(() => k.hotKeys.off(R)), (e, o) => (c(), C("nav", le, [
+    ), O(() => k.hotKeys.on(R)), W(() => k.hotKeys.off(R)), (e, o) => (c(), C("nav", ae, [
       o[3] || (o[3] = v("div", { class: "app-drag-region absolute inset-0" }, null, -1)),
-      v("div", ae, [
+      v("div", le, [
         t.length === 1 ? (c(), C("div", ne, [
-          n(a(H), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
+          n(l(H), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
             trigger: u(() => [
-              y.value ? (c(), g(a(Q), {
+              T.value ? (c(), g(l(Q), {
                 key: 0,
                 class: "size-3.5 min-w-3.5 stroke-2",
-                src: a(f)?.["x-scalar-icon"] || "Collection"
-              }, null, 8, ["src"])) : t[0]?.icon ? (c(), g(a(d), {
+                src: l(f)?.["x-scalar-icon"] || "Collection"
+              }, null, 8, ["src"])) : t[0]?.icon ? (c(), g(l(d), {
                 key: 1,
                 icon: t[0]?.icon,
                 size: "xs",
@@ -132,34 +132,34 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
               v("span", null, K(t[0]?.label), 1)
             ]),
             content: u(() => [
-              n(a(G), { placement: "right-start" }, {
+              n(l(G), { placement: "right-start" }, {
                 floating: u(() => [
-                  n(a(J), { class: "scalar-app scalar-client" }, {
+                  n(l(J), { class: "scalar-app scalar-client" }, {
                     default: u(() => [
-                      n(a(I), {
+                      n(l(I), {
                         class: "flex items-center gap-1.5",
                         onClick: m
                       }, {
                         default: u(() => [
-                          n(a(d), {
+                          n(l(d), {
                             icon: "AddTab",
                             size: "sm",
                             thickness: "1.5"
                           }),
                           o[1] || (o[1] = L(" New Tab ", -1)),
-                          n(a(P), {
+                          n(l(P), {
                             class: "bg-b-2 ml-auto",
                             hotkey: "T"
                           })
                         ]),
                         _: 1
                       }),
-                      n(a(I), {
+                      n(l(I), {
                         class: "flex items-center gap-1.5",
-                        onClick: o[0] || (o[0] = (s) => w(T.value))
+                        onClick: o[0] || (o[0] = (s) => w(y.value))
                       }, {
                         default: u(() => [
-                          n(a(d), {
+                          n(l(d), {
                             icon: "Link",
                             size: "sm",
                             thickness: "1.5"
@@ -179,9 +179,9 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
           })
         ])) : (c(!0), C(q, { key: 1 }, F(t, (s, r) => (c(), g(te, {
           key: s.path,
-          active: r === T.value,
+          active: r === y.value,
           hotkey: (r + 1).toString(),
-          icon: s.isCollection ? a(f)?.["x-scalar-icon"] || "Collection" : s.icon,
+          icon: s.isCollection ? l(f)?.["x-scalar-icon"] || "Collection" : s.icon,
           isCollection: s.isCollection || !1,
           label: s.label,
           onClick: (b) => p(r),
@@ -195,7 +195,7 @@ const le = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, ae
           type: "button",
           onClick: m
         }, [
-          n(a(d), {
+          n(l(d), {
             icon: "Add",
             size: "sm",
             thickness: "2.5"