@scalar/api-client 2.2.51 → 2.2.53

package/dist/constants.d.ts

@@ -1,22 +1,26 @@
 export declare const ROUTES: readonly [{
-    readonly prettyName: "Request";
-    readonly name: "request";
+    readonly displayName: "Request";
+    readonly to: {
+        readonly name: "request.root";
+    };
     readonly icon: "ExternalLink";
 }, {
-    readonly prettyName: "Cookies";
-    readonly name: "cookies";
+    readonly displayName: "Cookies";
+    readonly to: {
+        readonly name: "cookies.default";
+    };
     readonly icon: "Cookie";
 }, {
-    readonly prettyName: "Environment";
-    readonly name: "environment";
+    readonly displayName: "Environment";
+    readonly to: {
+        readonly name: "environment.default";
+    };
     readonly icon: "Brackets";
 }, {
-    readonly prettyName: "Settings";
-    readonly name: "settings";
+    readonly displayName: "Settings";
+    readonly to: {
+        readonly name: "settings.default";
+    };
     readonly icon: "Settings";
-}, {
-    readonly prettyName: "Servers";
-    readonly name: "servers";
-    readonly icon: "Server";
 }];
 //# sourceMappingURL=constants.d.ts.map

package/dist/constants.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;EAOT,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;;;;EAoCT,CAAA"}

package/dist/constants.js

@@ -1,10 +1,39 @@
 const e = [
-  { prettyName: "Request", name: "request", icon: "ExternalLink" },
-  { prettyName: "Cookies", name: "cookies", icon: "Cookie" },
-  { prettyName: "Environment", name: "environment", icon: "Brackets" },
-  { prettyName: "Settings", name: "settings", icon: "Settings" },
-  { prettyName: "Servers", name: "servers", icon: "Server" }
-  // { label: 'Git Sync', icon: 'Branch', path: '/git-sync' },
+  {
+    displayName: "Request",
+    to: {
+      name: "request.root"
+    },
+    icon: "ExternalLink"
+  },
+  {
+    displayName: "Cookies",
+    to: {
+      name: "cookies.default"
+    },
+    icon: "Cookie"
+  },
+  {
+    displayName: "Environment",
+    to: {
+      name: "environment.default"
+    },
+    icon: "Brackets"
+  },
+  {
+    displayName: "Settings",
+    to: {
+      name: "settings.default"
+    },
+    icon: "Settings"
+  }
+  // {
+  //   displayName: 'Servers',
+  //   to: {
+  //     name: 'servers.default',
+  //   },
+  //   icon: 'Server',
+  // },
 ];
 export {
   e as ROUTES

package/dist/hooks/index.d.ts

@@ -1,6 +1,5 @@
 export * from './useKeyMap';
 export * from './useFileDialog';
-export * from './useSidebar';
 export * from './useLayout';
 export { useResponseBody } from './useResponseBody';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,cAAc,CAAA;AAC5B,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/hooks/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAA;AAC3B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,aAAa,CAAA;AAC3B,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAA"}

package/dist/hooks/index.js

@@ -1,13 +1,11 @@
 import { keyMap as r } from "./useKeyMap.js";
 import { useFileDialog as s } from "./useFileDialog.js";
-import { useSidebar as f } from "./useSidebar.js";
-import { LAYOUT_SYMBOL as u, useLayout as x } from "./useLayout.js";
-import { useResponseBody as i } from "./useResponseBody.js";
+import { LAYOUT_SYMBOL as f, useLayout as m } from "./useLayout.js";
+import { useResponseBody as x } from "./useResponseBody.js";
 export {
-  u as LAYOUT_SYMBOL,
+  f as LAYOUT_SYMBOL,
   r as keyMap,
   s as useFileDialog,
-  x as useLayout,
-  i as useResponseBody,
-  f as useSidebar
+  m as useLayout,
+  x as useResponseBody
 };

package/dist/hooks/useFileDialog.d.ts

@@ -9,7 +9,7 @@ export type UseFileDialogOptions = {
  * Simplified interface for opening a file picker dialog
  * Derived from vueuse @see https://vueuse.org/useFileDialog
  */
-export declare function useFileDialog({ multiple, accept, onChange, onError, }?: UseFileDialogOptions): {
+export declare function useFileDialog({ multiple, accept, onChange, onError }?: UseFileDialogOptions): {
     files: Readonly<import("vue").Ref<{
         readonly [x: number]: {
             readonly lastModified: number;

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

@@ -1 +1 @@
-{"version":3,"file":"useFileDialog.d.ts","sourceRoot":"","sources":["../../src/hooks/useFileDialog.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACrC,CAAA;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,MAAM,EACN,QAAQ,EACR,OAAO,GACR,GAAE,oBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8B3B"}
+{"version":3,"file":"useFileDialog.d.ts","sourceRoot":"","sources":["../../src/hooks/useFileDialog.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,oBAAoB,GAAG;IACjC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,mBAAmB;IACnB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;IAC3D,OAAO,CAAC,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAA;CACrC,CAAA;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE,GAAE,oBAAyB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8B/F"}

package/dist/hooks/useFileDialog.js

@@ -1,10 +1,5 @@
 import { ref as m, readonly as d } from "vue";
-function n({
-  multiple: u,
-  accept: c,
-  onChange: l,
-  onError: t
-} = {}) {
+function n({ multiple: u, accept: c, onChange: l, onError: t } = {}) {
   const i = m(null);
   let e;
   typeof document < "u" && (e = document.createElement("input"), e.type = "file", e.onchange = (p) => {

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

@@ -1 +1 @@
-{"version":3,"file":"useResponseBody.d.ts","sourceRoot":"","sources":["../../src/hooks/useResponseBody.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAEtC;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAC9D;;;;EAmCA"}
+{"version":3,"file":"useResponseBody.d.ts","sourceRoot":"","sources":["../../src/hooks/useResponseBody.ts"],"names":[],"mappings":"AAEA,OAAO,QAAQ,MAAM,iBAAiB,CAAA;AAEtC;;;GAGG;AACH,wBAAgB,eAAe,CAAC,KAAK,EAAE;IACrC,IAAI,EAAE,OAAO,CAAA;IACb,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,EAAE,OAAO,CAAA;KAAE,EAAE,CAAA;CAC9D;;;;EA2BA"}

package/dist/hooks/useResponseBody.js

@@ -4,19 +4,13 @@ import u from "whatwg-mimetype";
 function y(e) {
   const i = (t) => t instanceof Blob, a = o(() => {
     var n;
-    const t = ((n = e.headers.find(
-      (r) => r.name.toLowerCase() === "content-type"
-    )) == null ? void 0 : n.value) ?? "";
+    const t = ((n = e.headers.find((r) => r.name.toLowerCase() === "content-type")) == null ? void 0 : n.value) ?? "";
     return new u(t);
   }), c = o(() => {
     var n;
-    const t = ((n = e.headers.find(
-      (r) => r.name.toLowerCase() === "content-disposition"
-    )) == null ? void 0 : n.value) ?? "";
+    const t = ((n = e.headers.find((r) => r.name.toLowerCase() === "content-disposition")) == null ? void 0 : n.value) ?? "";
     return m(t);
-  }), d = o(() => i(e.data) ? URL.createObjectURL(e.data) : typeof e.data == "string" ? URL.createObjectURL(
-    new Blob([e.data], { type: a.value.toString() })
-  ) : e.data instanceof Object && Object.keys(e.data).length ? URL.createObjectURL(
+  }), d = o(() => i(e.data) ? URL.createObjectURL(e.data) : typeof e.data == "string" ? URL.createObjectURL(new Blob([e.data], { type: a.value.toString() })) : e.data instanceof Object && Object.keys(e.data).length ? URL.createObjectURL(
     new Blob([JSON.stringify(e.data)], {
       type: a.value.toString()
     })

package/dist/hooks/useSidebar.d.ts

@@ -1,9 +1,26 @@
+import type { ClientLayout } from '../hooks/useLayout';
+import { type InjectionKey } from 'vue';
 type CollapsedSidebarFolders = Record<string, boolean>;
+/** Creates the sidebar state so that it can be unique across instances of the client */
+export declare const createSidebarState: ({ layout }: {
+    layout: ClientLayout;
+}) => {
+    collapsedSidebarFolders: CollapsedSidebarFolders;
+    isSidebarOpen: import("vue").Ref<boolean, boolean>;
+};
+export declare const SIDEBAR_SYMBOL: InjectionKey<ReturnType<typeof createSidebarState>>;
 /** Handles any logic related to sidebar */
 export declare const useSidebar: () => {
-    collapsedSidebarFolders: CollapsedSidebarFolders;
+    /** State */
+    collapsedSidebarFolders: {
+        readonly [x: string]: boolean;
+    };
+    isSidebarOpen: Readonly<import("vue").Ref<boolean, boolean>>;
+    /** Actions */
     setCollapsedSidebarFolder: (uid: string, value: boolean) => boolean;
-    toggleSidebarFolder: (key: string) => void;
+    toggleSidebarFolder: (key: string) => boolean;
+    setSidebarOpen: (value: boolean) => boolean;
+    toggleSidebarOpen: () => boolean;
 };
 export {};
 //# sourceMappingURL=useSidebar.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useSidebar.d.ts","sourceRoot":"","sources":["../../src/hooks/useSidebar.ts"],"names":[],"mappings":"AAEA,KAAK,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAiBtD,2CAA2C;AAC3C,eAAO,MAAM,UAAU;;qCATiB,MAAM,SAAS,OAAO;+BAI5B,MAAM;CAStC,CAAA"}
+{"version":3,"file":"useSidebar.d.ts","sourceRoot":"","sources":["../../src/hooks/useSidebar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAA;AACrD,OAAO,EAAE,KAAK,YAAY,EAAmC,MAAM,KAAK,CAAA;AAExE,KAAK,uBAAuB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAA;AAEtD,wFAAwF;AACxF,eAAO,MAAM,kBAAkB,eAAgB;IAAE,MAAM,EAAE,YAAY,CAAA;CAAE;;;CAQtE,CAAA;AACD,eAAO,MAAM,cAAc,EAAe,YAAY,CAAC,UAAU,CAAC,OAAO,kBAAkB,CAAC,CAAC,CAAA;AAE7F,2CAA2C;AAC3C,eAAO,MAAM,UAAU;IAmBnB,YAAY;;;;;IAIZ,cAAc;qCAhBwB,MAAM,SAAS,OAAO;+BAG5B,MAAM;4BAGT,OAAO;;CAgBvC,CAAA"}

package/dist/hooks/useSidebar.js

@@ -1,11 +1,27 @@
-import { reactive as d } from "vue";
-const o = d({}), s = (e, r) => o[e] = r, t = (e) => {
-  o[e] = !o[e];
-}, a = () => ({
-  collapsedSidebarFolders: o,
-  setCollapsedSidebarFolder: s,
-  toggleSidebarFolder: t
-});
+import { inject as S, readonly as a, reactive as c, ref as b } from "vue";
+const O = ({ layout: t }) => {
+  const e = c({}), r = b(t !== "modal");
+  return {
+    collapsedSidebarFolders: e,
+    isSidebarOpen: r
+  };
+}, p = Symbol(), m = () => {
+  const t = S(p);
+  if (!t) throw new Error("useSidebar must have injected SIDEBAR_SYMBOL");
+  const { collapsedSidebarFolders: e, isSidebarOpen: r } = t, s = (o, l) => e[o] = l, d = (o) => e[o] = !e[o], i = (o) => r.value = o, n = () => r.value = !r.value;
+  return {
+    /** State */
+    collapsedSidebarFolders: a(e),
+    isSidebarOpen: a(r),
+    /** Actions */
+    setCollapsedSidebarFolder: s,
+    toggleSidebarFolder: d,
+    setSidebarOpen: i,
+    toggleSidebarOpen: n
+  };
+};
 export {
-  a as useSidebar
+  p as SIDEBAR_SYMBOL,
+  O as createSidebarState,
+  m as useSidebar
 };

package/dist/hooks/useSidebar.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=useSidebar.test.d.ts.map

package/dist/hooks/useSidebar.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useSidebar.test.d.ts","sourceRoot":"","sources":["../../src/hooks/useSidebar.test.ts"],"names":[],"mappings":""}

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":";;cAoI8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAgLjD,wBAOG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAgK8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAwLjD,wBAOG"}

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

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

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

@@ -7,13 +7,13 @@ const b = /* @__PURE__ */ s({
   setup(u) {
     const { layout: o } = i();
     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"])
+      class: r(["flex min-h-0 flex-1 flex-col sm:flex-row", e(o) === "web" ? "sm:flex-col" : "sm:flex-row"])
     }, [
-      m(c, { class: "order-last sm:order-none sidenav" }),
+      m(c, { class: "sidenav order-last sm:order-none" }),
       m(e(d)),
       a("div", {
-        class: r(["flex flex-1 flex-col min-w-0 min-h-0", {
-          "border sm:mr-1.5 sm:mb-1.5 sm:rounded-lg sm:*:rounded-lg": e(o) === "desktop"
+        class: r(["flex min-h-0 min-w-0 flex-1 flex-col", {
+          "border sm:mb-1.5 sm:mr-1.5 sm:rounded-lg sm:*:rounded-lg": e(o) === "desktop"
         }])
       }, [
         f(l.$slots, "default")