@scalar/api-client 2.1.52 → 2.2.0

package/dist/components/Search/useSearch.js

@@ -1,12 +1,13 @@
-import w from "fuse.js";
-import { ref as a, watch as T, computed as W, nextTick as x } from "vue";
-import { useRouter as I } from "vue-router";
-import { useWorkspace as A } from "../../store/store.js";
-function H() {
-  const m = I(), { activeWorkspace: f, activeWorkspaceRequests: d, requests: R } = A(), o = a([]), c = a([]), s = a(0), u = a(""), l = a(null), n = a([]), i = new w(o.value, {
+import { useActiveEntities as w } from "../../store/active-entities.js";
+import T from "fuse.js";
+import { ref as a, watch as W, computed as x, nextTick as A } from "vue";
+import { useRouter as E } from "vue-router";
+import { useWorkspace as I } from "../../store/store.js";
+function M() {
+  const m = E(), { activeWorkspace: f, activeWorkspaceRequests: d } = w(), { requests: R } = I(), o = a([]), u = a([]), s = a(0), c = a(""), l = a(null), n = a([]), i = new T(o.value, {
     keys: ["title", "description", "body"]
   }), k = () => {
-    u.value = "", s.value = 0, c.value = [], l.value instanceof HTMLInputElement && l.value.blur();
+    c.value = "", s.value = 0, u.value = [], l.value instanceof HTMLInputElement && l.value.blur();
   }, S = (t) => {
     o.value = t.map((e) => ({
       id: e.uid,
@@ -17,10 +18,10 @@ function H() {
       link: `/workspace/${f.value.uid}/request/${e.uid}`
     })), i.setCollection(o.value);
   }, b = () => {
-    s.value = 0, c.value = i.search(u.value);
+    s.value = 0, u.value = i.search(c.value);
   }, y = (t) => {
-    const e = t === "up" ? -1 : 1, v = r.value.length;
-    s.value = (s.value + e + v) % v, x(() => {
+    const e = t === "up" ? -1 : 1, h = r.value.length;
+    s.value = (s.value + e + h) % h, A(() => {
       const p = n.value[s.value];
       p instanceof HTMLElement && p.scrollIntoView({
         behavior: "smooth",
@@ -28,29 +29,29 @@ function H() {
       });
     });
   }, g = () => {
-    s.value >= 0 && h(
+    s.value >= 0 && v(
       r.value[s.value]
     );
   };
-  T(
+  W(
     d,
     (t) => {
       S(t.map((e) => R[e]));
     },
     { immediate: !0 }
   );
-  const h = (t) => {
+  const v = (t) => {
     m.push(t.item.id), k();
-  }, r = W(
-    () => u.value.length === 0 ? o.value.map((t) => ({
+  }, r = x(
+    () => c.value.length === 0 ? o.value.map((t) => ({
       item: t
-    })) : c.value
+    })) : u.value
   );
   return {
-    searchText: u,
+    searchText: c,
     searchResultsWithPlaceholderResults: r,
     selectedSearchResult: s,
-    onSearchResultClick: h,
+    onSearchResultClick: v,
     fuseSearch: b,
     searchInputRef: l,
     searchResultRefs: n,
@@ -59,5 +60,5 @@ function H() {
   };
 }
 export {
-  H as useSearch
+  M as useSearch
 };

package/dist/components/SideNav/SideNavRouterLink.vue.js

@@ -1,8 +1,8 @@
-import { defineComponent as r, openBlock as i, createBlock as n, unref as o, withCtx as a, renderSlot as c } from "vue";
-import p from "./SideNavLink.vue.js";
-import { RouterLink as s } from "vue-router";
-import { useWorkspace as m } from "../../store/store.js";
-const v = /* @__PURE__ */ r({
+import { defineComponent as i, openBlock as n, createBlock as r, unref as o, withCtx as a, renderSlot as c } from "vue";
+import s from "./SideNavLink.vue.js";
+import { useActiveEntities as p } from "../../store/active-entities.js";
+import { RouterLink as m } from "vue-router";
+const k = /* @__PURE__ */ i({
   __name: "SideNavRouterLink",
   props: {
     icon: {},
@@ -10,9 +10,9 @@ const v = /* @__PURE__ */ r({
     active: { type: Boolean }
   },
   setup(f) {
-    const { activeWorkspace: t } = m();
-    return (e, u) => (i(), n(p, {
-      is: o(s),
+    const { activeWorkspace: t } = p();
+    return (e, u) => (n(), r(s, {
+      is: o(m),
       active: e.active,
       icon: e.icon,
       to: `/workspace/${o(t).uid}/${e.name}`
@@ -25,5 +25,5 @@ const v = /* @__PURE__ */ r({
   }
 });
 export {
-  v as default
+  k as default
 };

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

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AA8QA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAiaF,wBAOG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":"AAiRA,KAAK,WAAW,GAAG;IACjB,UAAU,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,GAAG,EAAE,MAAM,CAAA;KAAE,GAAG,IAAI,CAAA;CACjD,CAAC;;AAkaF,wBAOG"}

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

@@ -1,7 +1,7 @@
 import o from "./TopNav.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-b07590ec"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4e5c93a2"]]);
 export {
   m as default
 };

package/dist/components/TopNav/TopNav.vue2.js

@@ -1,21 +1,22 @@
-import { defineComponent as z, reactive as A, ref as M, computed as j, watch as w, onMounted as B, onBeforeUnmount as E, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
+import { defineComponent as $, reactive as z, ref as E, computed as M, watch as w, onMounted as j, onBeforeUnmount as B, openBlock as m, createElementBlock as b, createElementVNode as f, createVNode as n, unref as l, withCtx as u, toDisplayString as O, createTextVNode as x, Fragment as V, renderList as D, createBlock as K } from "vue";
 import q from "../ScalarHotkey.vue.js";
 import { ROUTES as F } from "../../constants.js";
-import { ScalarContextMenu as H, ScalarIcon as d, ScalarDropdown as W, ScalarDropdownItem as _ } from "@scalar/components";
-import { capitalize as G } from "@scalar/oas-utils/helpers";
-import { useClipboard as J } from "@scalar/use-hooks/useClipboard";
-import P from "./TopNavItem.vue.js";
-import { useWorkspace as Q } from "../../store/store.js";
-const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, Z = {
+import { useActiveEntities as H } from "../../store/active-entities.js";
+import { ScalarContextMenu as W, ScalarIcon as d, ScalarDropdown as G, ScalarDropdownItem as _ } from "@scalar/components";
+import { capitalize as J } from "@scalar/oas-utils/helpers";
+import { useClipboard as P } from "@scalar/use-hooks/useClipboard";
+import Q from "./TopNavItem.vue.js";
+import { useWorkspace as X } from "../../store/store.js";
+const Y = { class: "flex h-10 t-app__top-nav" }, Z = { class: "flex h-10 flex-1 items-center gap-1.5 text-sm font-medium pr-2.5 relative overflow-hidden" }, ee = {
   key: 0,
   class: "h-full w-full overflow-hidden"
-}, re = /* @__PURE__ */ z({
+}, ue = /* @__PURE__ */ $({
   __name: "TopNav",
   props: {
     openNewTab: {}
   },
   setup(I) {
-    const L = I, { activeRequest: S, router: i, events: g } = Q(), { copyToClipboard: U } = J(), t = A([{ label: "", path: "", icon: "Add" }]), a = M(0), T = j(() => a.value);
+    const L = I, { activeRequest: S, router: i } = H(), { events: g } = X(), { copyToClipboard: U } = P(), t = z([{ label: "", path: "", icon: "Add" }]), a = E(0), T = M(() => a.value);
     function k() {
       var o;
       const e = F.find((c) => i.currentRoute.value.name == c.name);
@@ -24,7 +25,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
         path: i.currentRoute.value.path,
         icon: e.icon
       } : t[a.value] = {
-        label: G(e == null ? void 0 : e.name) || "",
+        label: J(e == null ? void 0 : e.name) || "",
         path: i.currentRoute.value.path,
         icon: e.icon
       });
@@ -64,7 +65,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
         }
         e.jumpToLastTab && r(t.length - 1);
       }
-    }, $ = (e) => {
+    }, A = (e) => {
       t.push({
         label: e.name,
         path: e.uid,
@@ -74,14 +75,14 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
     return w(
       () => L.openNewTab,
       (e) => {
-        e && $(e);
+        e && A(e);
       },
       { immediate: !0 }
-    ), B(() => g.hotKeys.on(C)), E(() => g.hotKeys.off(C)), (e, o) => (m(), b("nav", X, [
+    ), j(() => g.hotKeys.on(C)), B(() => g.hotKeys.off(C)), (e, o) => (m(), b("nav", Y, [
       o[3] || (o[3] = f("div", { class: "t-app__top-nav-draggable" }, null, -1)),
-      f("div", Y, [
-        t.length === 1 ? (m(), b("div", Z, [
-          n(l(H), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
+      f("div", Z, [
+        t.length === 1 ? (m(), b("div", ee, [
+          n(l(W), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
             trigger: u(() => [
               n(l(d), {
                 icon: t[0].icon,
@@ -91,7 +92,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
               f("span", null, O(t[0].label), 1)
             ]),
             content: u(() => [
-              n(l(W), {
+              n(l(G), {
                 class: "scalar-client",
                 static: ""
               }, {
@@ -134,7 +135,7 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
             ]),
             _: 1
           })
-        ])) : (m(!0), b(V, { key: 1 }, D(t, (c, s) => (m(), K(P, {
+        ])) : (m(!0), b(V, { key: 1 }, D(t, (c, s) => (m(), K(Q, {
           key: s,
           active: s === T.value,
           hotkey: (s + 1).toString(),
@@ -162,5 +163,5 @@ const X = { class: "flex h-10 t-app__top-nav" }, Y = { class: "flex h-10 flex-1
   }
 });
 export {
-  re as default
+  ue as default
 };

package/dist/components/TopNav/TopNavItem.vue.d.ts

@@ -6,14 +6,14 @@ type __VLS_Props = {
     icon: Icon;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
-    click: () => any;
     close: () => any;
+    click: () => any;
     newTab: () => any;
     copyUrl: () => any;
     closeOtherTabs: () => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
-    onClick?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onClick?: (() => any) | undefined;
     onNewTab?: (() => any) | undefined;
     onCopyUrl?: (() => any) | undefined;
     onCloseOtherTabs?: (() => any) | undefined;

package/dist/hooks/index.js

@@ -1,10 +1,11 @@
 import { keyMap as r } from "./useKeyMap.js";
 import { useFileDialog as t } from "./useFileDialog.js";
 import { useSidebar as f } from "./useSidebar.js";
-import { useLayout as u } from "./useLayout.js";
+import { LAYOUT_SYMBOL as u, useLayout as x } from "./useLayout.js";
 export {
+  u as LAYOUT_SYMBOL,
   r as keyMap,
   t as useFileDialog,
-  u as useLayout,
+  x as useLayout,
   f as useSidebar
 };

package/dist/hooks/useLayout.d.ts

@@ -1,7 +1,9 @@
+import { type InjectionKey } from 'vue';
 /**
  * The layout of the client
  */
 export type ClientLayout = 'modal' | 'web' | 'desktop';
+export declare const LAYOUT_SYMBOL: InjectionKey<ClientLayout>;
 /**
  * Get the current client layout
  *

package/dist/hooks/useLayout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayout.ts"],"names":[],"mappings":"AAGA;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;AAEtD;;;;GAIG;AACH,eAAO,MAAM,SAAS;;CAEpB,CAAA"}
+{"version":3,"file":"useLayout.d.ts","sourceRoot":"","sources":["../../src/hooks/useLayout.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,YAAY,EAAU,MAAM,KAAK,CAAA;AAE/C;;GAEG;AACH,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,KAAK,GAAG,SAAS,CAAA;AACtD,eAAO,MAAM,aAAa,EAAe,YAAY,CAAC,YAAY,CAAC,CAAA;AAEnE;;;;GAIG;AACH,eAAO,MAAM,SAAS;;CAEpB,CAAA"}

package/dist/hooks/useLayout.js

@@ -1,7 +1,8 @@
 import { inject as o } from "vue";
-const e = () => ({
-  layout: o("layout") ?? "desktop"
+const t = Symbol(), s = () => ({
+  layout: o(t) ?? "desktop"
 });
 export {
-  e as useLayout
+  t as LAYOUT_SYMBOL,
+  s as useLayout
 };

package/dist/layouts/App/ApiClientApp.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cA8H8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA8KjD,wBAMG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAgI8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA8KjD,wBAMG"}

package/dist/layouts/App/ApiClientApp.vue.js

@@ -1,58 +1,59 @@
-import { defineComponent as v, ref as T, onBeforeMount as _, onMounted as y, onBeforeUnmount as h, computed as k, openBlock as n, createElementBlock as K, Fragment as C, createElementVNode as N, createVNode as r, unref as a, createBlock as m, withCtx as p, KeepAlive as E, resolveDynamicComponent as H, createCommentVNode as S } from "vue";
-import b from "../../components/TopNav/TopNav.vue.js";
-import A from "./MainLayout.vue.js";
-import { addScalarClassesToHeadless as B } from "@scalar/components";
-import { getThemeStyles as D } from "@scalar/themes";
-import { useColorMode as L } from "@scalar/use-hooks/useColorMode";
-import { ScalarToasts as M } from "@scalar/use-toasts";
-import { RouterView as P } from "vue-router";
-import { APP_HOTKEYS as V } from "./hotkeys.js";
-import { DEFAULT_HOTKEYS as W, handleHotKeyDown as g } from "../../libs/hot-keys.js";
-import { useWorkspace as x } from "../../store/store.js";
-const F = ["innerHTML"], Z = /* @__PURE__ */ v({
+import { defineComponent as T, ref as _, onBeforeMount as y, onMounted as h, onBeforeUnmount as v, computed as K, openBlock as t, createElementBlock as C, Fragment as k, createElementVNode as E, createVNode as r, unref as a, createBlock as m, withCtx as p, KeepAlive as N, resolveDynamicComponent as H, createCommentVNode as b } from "vue";
+import A from "../../components/TopNav/TopNav.vue.js";
+import S from "./MainLayout.vue.js";
+import { useActiveEntities as B } from "../../store/active-entities.js";
+import { addScalarClassesToHeadless as D } from "@scalar/components";
+import { getThemeStyles as L } from "@scalar/themes";
+import { useColorMode as M } from "@scalar/use-hooks/useColorMode";
+import { ScalarToasts as P } from "@scalar/use-toasts";
+import { RouterView as V } from "vue-router";
+import { APP_HOTKEYS as g } from "./hotkeys.js";
+import { DEFAULT_HOTKEYS as x, handleHotKeyDown as F } from "../../libs/hot-keys.js";
+import { useWorkspace as O } from "../../store/store.js";
+const U = ["innerHTML"], oe = /* @__PURE__ */ T({
   __name: "ApiClientApp",
   emits: ["newTab"],
-  setup(O) {
-    const d = { ...W, ...V }, l = T(null), u = (e) => {
+  setup(W) {
+    const d = { ...x, ...g }, l = _(null), u = (e) => {
       l.value = e;
     };
-    L();
-    const o = x(), { events: t } = o;
-    _(() => B());
-    const s = (e) => g(e, t.hotKeys, { hotKeys: d }), c = (e) => {
-      e && e.openCommandPalette && (e.openCommandPalette.preventDefault(), t.commandPalette.emit());
+    M();
+    const { activeWorkspace: n } = B(), { events: o } = O();
+    y(() => D());
+    const s = (e) => F(e, o.hotKeys, { hotKeys: d }), i = (e) => {
+      e && e.openCommandPalette && (e.openCommandPalette.preventDefault(), o.commandPalette.emit());
     };
-    y(() => {
-      window.addEventListener("keydown", s), t.hotKeys.on(c);
-    }), h(() => {
-      window.removeEventListener("keydown", s), t.hotKeys.off(c);
+    h(() => {
+      window.addEventListener("keydown", s), o.hotKeys.on(i);
+    }), v(() => {
+      window.removeEventListener("keydown", s), o.hotKeys.off(i);
     });
-    const f = k(
-      () => o.activeWorkspace.value && `<style>${D(o.activeWorkspace.value.themeId)}</style>`
+    const f = K(
+      () => n.value && `<style>${L(n.value.themeId)}</style>`
     );
-    return (e, U) => {
-      var i;
-      return n(), K(C, null, [
-        N("div", { innerHTML: f.value }, null, 8, F),
-        r(b, { openNewTab: l.value }, null, 8, ["openNewTab"]),
-        (i = a(o).activeWorkspace.value) != null && i.uid ? (n(), m(A, { key: 0 }, {
+    return (e, Y) => {
+      var c;
+      return t(), C(k, null, [
+        E("div", { innerHTML: f.value }, null, 8, U),
+        r(A, { openNewTab: l.value }, null, 8, ["openNewTab"]),
+        (c = a(n)) != null && c.uid ? (t(), m(S, { key: 0 }, {
           default: p(() => [
-            r(a(P), { onNewTab: u }, {
+            r(a(V), { onNewTab: u }, {
               default: p(({ Component: w }) => [
-                (n(), m(E, null, [
-                  (n(), m(H(w)))
+                (t(), m(N, null, [
+                  (t(), m(H(w)))
                 ], 1024))
               ]),
               _: 1
             })
           ]),
           _: 1
-        })) : S("", !0),
-        r(a(M))
+        })) : b("", !0),
+        r(a(P))
       ], 64);
     };
   }
 });
 export {
-  Z as default
+  oe as default
 };

package/dist/layouts/App/MainLayout.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MainLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/MainLayout.vue"],"names":[],"mappings":"AA0CA,iBAAS,cAAc;WAmET,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"MainLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/MainLayout.vue"],"names":[],"mappings":"AA0CA,iBAAS,cAAc;WAoET,OAAO,IAA6B;;yBARpB,GAAG;;;;EAahC;AAUD,KAAK,oBAAoB,GAAG,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAC9D,QAAA,MAAM,eAAe,+QAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAAC;AAAnG,wBAAoG;AAKpG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACxC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/layouts/App/MainLayout.vue.js

@@ -1,4 +1,4 @@
-import { defineComponent as s, openBlock as t, createElementBlock as n, normalizeClass as r, unref as e, createVNode as m, createElementVNode as a, renderSlot as f } from "vue";
+import { defineComponent as s, openBlock as n, createElementBlock as t, normalizeClass as r, unref as e, createVNode as m, createElementVNode as a, renderSlot as f } from "vue";
 import c from "../../components/SideNav/SideNav.vue.js";
 import d from "../../components/CommandPalette/TheCommandPalette.vue.js";
 import { useLayout as i } from "../../hooks/useLayout.js";
@@ -6,10 +6,10 @@ const b = /* @__PURE__ */ s({
   __name: "MainLayout",
   setup(u) {
     const { layout: o } = i();
-    return (l, p) => (t(), n("main", {
+    return (l, p) => (n(), t("main", {
       class: r(["flex flex-col sm:flex-row min-h-0 flex-1", e(o) === "web" ? "sm:flex-col" : "sm:flex-row"])
     }, [
-      m(c, { class: "order-last sm:order-none" }),
+      m(c, { class: "order-last sm:order-none sidenav" }),
       m(e(d)),
       a("div", {
         class: r(["flex flex-1 flex-col min-w-0 min-h-0", {