@scalar/api-client 2.1.18 → 2.1.19

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

@@ -1 +1 @@
-{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBAyBM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayout.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayout.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA2BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayout.vue.js

@@ -1,12 +1,12 @@
-import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
-import l from "../../_virtual/_plugin-vue_export-helper.js";
-const n = {}, c = { class: "flex flex-col min-h-0 flex-1 xl:overflow-hidden md:flex-row leading-3 z-0" };
-function f(e, s) {
-  return o(), r("div", c, [
-    t(e.$slots, "default")
+import { openBlock as o, createElementBlock as d, renderSlot as r } from "vue";
+import t from "../../_virtual/_plugin-vue_export-helper.js";
+const i = {}, l = { class: "divide-y md:divide-y-0 divide-1 flex flex-col min-h-0 flex-1 xl:overflow-hidden md:flex-row leading-3" };
+function n(e, c) {
+  return o(), d("div", l, [
+    r(e.$slots, "default")
   ]);
 }
-const a = /* @__PURE__ */ l(n, [["render", f]]);
+const a = /* @__PURE__ */ t(i, [["render", n]]);
 export {
   a as default
 };

package/dist/components/ViewLayout/ViewLayoutContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutContent.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA6BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutContent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutContent.vue"],"names":[],"mappings":"AAeA,iBAAS,cAAc;qBA4BM,GAAG;EAa/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutContent.vue.js

@@ -1,6 +1,6 @@
 import { openBlock as o, createElementBlock as r, renderSlot as t } from "vue";
 import d from "../../_virtual/_plugin-vue_export-helper.js";
-const l = {}, c = { class: "border-t-1/2 md:border-t-0 divide divide-y xl:divide-y-0 xl:divide-x-1/2 flex xl:flex-row flex-col custom-scroll pr-0 rounded" };
+const l = {}, c = { class: "border-t-1/2 md:border-t-0 divide divide-y xl:divide-y-0 xl:divide-x-1/2 flex xl:flex-row flex-col custom-scroll pr-0" };
 function i(e, n) {
   return o(), r("div", c, [
     t(e.$slots, "default")

package/dist/components/ViewLayout/ViewLayoutSection.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ViewLayoutSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"names":[],"mappings":"AA8BA,iBAAS,cAAc;mBA6CI,GAAG;qBACD,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"ViewLayoutSection.vue.d.ts","sourceRoot":"","sources":["../../../src/components/ViewLayout/ViewLayoutSection.vue"],"names":[],"mappings":"AA8BA,iBAAS,cAAc;mBA8CI,GAAG;qBACD,GAAG;EAc/B;AACD,QAAA,MAAM,eAAe,0NAKnB,CAAC;wBACkB,uBAAuB,CAAC,OAAO,eAAe,EAAE,UAAU,CAAC,OAAO,cAAc,CAAC,CAAC;AAAvG,wBAAwG;AAOxG,KAAK,uBAAuB,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IACpC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/components/ViewLayout/ViewLayoutSection.vue.js

@@ -1,20 +1,20 @@
-import { defineComponent as n, openBlock as r, createElementBlock as s, unref as o, createElementVNode as d, renderSlot as l } from "vue";
-import { nanoid as i } from "nanoid";
+import { defineComponent as n, openBlock as r, createElementBlock as s, unref as t, createElementVNode as i, renderSlot as o } from "vue";
+import { nanoid as d } from "nanoid";
 const a = ["aria-labelledby"], c = ["id"], u = /* @__PURE__ */ n({
   __name: "ViewLayoutSection",
   setup(m) {
-    const e = i();
-    return (t, p) => (r(), s("section", {
-      "aria-labelledby": o(e),
-      class: "flex xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1"
+    const e = d();
+    return (l, p) => (r(), s("section", {
+      "aria-labelledby": t(e),
+      class: "flex h-full xl:min-w-0 xl:flex-1 flex-col xl:custom-scroll bg-b-1"
     }, [
-      d("div", {
-        id: o(e),
-        class: "xl:min-h-header flex items-center border-b-1/2 p-2 md:px-4 md:py-2.5 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 z-20 rounded-t xl:rounded-none"
+      i("div", {
+        id: t(e),
+        class: "min-h-11 xl:min-h-header flex items-center border-b-1/2 px-3.5 py-2 md:px-4 md:py-2.5 xl:px-6 xl:pr-5 text-sm font-medium sticky top-0 bg-b-1 xl:rounded-none"
       }, [
-        l(t.$slots, "title")
+        o(l.$slots, "title")
       ], 8, c),
-      l(t.$slots, "default")
+      o(l.$slots, "default")
     ], 8, a));
   }
 });

package/dist/constants.d.ts

@@ -10,5 +10,9 @@ export declare const ROUTES: readonly [{
     readonly prettyName: "Env Vars";
     readonly name: "environment";
     readonly icon: "Brackets";
+}, {
+    readonly prettyName: "Settings";
+    readonly name: "settings";
+    readonly icon: "Settings";
 }];
 //# 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;;;;;;;;;;;;EAMT,CAAA"}
+{"version":3,"file":"constants.d.ts","sourceRoot":"","sources":["../src/constants.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;EAOT,CAAA"}

package/dist/constants.js

@@ -1,7 +1,8 @@
 const e = [
   { prettyName: "Request", name: "request", icon: "ExternalLink" },
   { prettyName: "Cookies", name: "cookies", icon: "Cookie" },
-  { prettyName: "Env Vars", name: "environment", icon: "Brackets" }
+  { prettyName: "Env Vars", name: "environment", icon: "Brackets" },
+  { prettyName: "Settings", name: "settings", icon: "Settings" }
   // { prettyName: 'Servers', name: 'servers', icon: 'Server' },
   // { label: 'Git Sync', icon: 'Branch', path: '/git-sync' },
 ];

package/dist/hooks/useDarkModeState.d.ts

@@ -1,7 +1,8 @@
 /** This hook helps with retrieving the dark mode setting from local storage or from system settings. */
-export declare function useDarkModeState(isDarkInitially?: boolean): {
-    isDark: import("vue").Ref<boolean>;
+export declare function useDarkModeState(): {
+    colorMode: import("vue").Ref<"light" | "dark" | "system">;
     toggleDarkMode: () => void;
-    setDarkMode: (value: boolean) => void;
+    setDarkMode: (value: boolean | null) => void;
+    getSystemModePreference: () => boolean;
 };
 //# sourceMappingURL=useDarkModeState.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useDarkModeState.d.ts","sourceRoot":"","sources":["../../src/hooks/useDarkModeState.ts"],"names":[],"mappings":"AAKA,wGAAwG;AACxG,wBAAgB,gBAAgB,CAAC,eAAe,CAAC,EAAE,OAAO;;;yBAoC5B,OAAO;EA8BpC"}
+{"version":3,"file":"useDarkModeState.d.ts","sourceRoot":"","sources":["../../src/hooks/useDarkModeState.ts"],"names":[],"mappings":"AAIA,wGAAwG;AACxG,wBAAgB,gBAAgB;;;yBAYF,OAAO,GAAG,IAAI;;EA+E3C"}

package/dist/hooks/useDarkModeState.js

@@ -1,31 +1,46 @@
-import { ref as s, watch as f } from "vue";
-const t = s(!1);
-function c(a) {
-  var n;
-  const r = () => {
-    var o, i;
-    const e = typeof window < "u" ? (o = window.localStorage) == null ? void 0 : o.getItem("isDark") : null;
-    return typeof e == "string" ? !!JSON.parse(e) : !!(typeof window < "u" && typeof (window == null ? void 0 : window.matchMedia) == "function" && ((i = window == null ? void 0 : window.matchMedia("(prefers-color-scheme: dark)")) != null && i.matches));
-  }, d = () => {
+import { ref as r, watch as l, onMounted as s, onUnmounted as c } from "vue";
+const o = r("dark");
+function f() {
+  const a = () => {
     var e;
-    t.value = !t.value, typeof window < "u" && ((e = window == null ? void 0 : window.localStorage) == null || e.setItem("isDark", JSON.stringify(t.value)));
+    o.value = o.value === "dark" ? "light" : "dark", typeof window < "u" && ((e = window == null ? void 0 : window.localStorage) == null || e.setItem("colorMode", o.value));
   };
-  function l(e) {
-    var o;
-    t.value = e, typeof window < "u" && ((o = window == null ? void 0 : window.localStorage) == null || o.setItem("isDark", JSON.stringify(t.value)));
+  function i(e) {
+    var d;
+    o.value = e === null ? "system" : e ? "dark" : "light", typeof window < "u" && ((d = window == null ? void 0 : window.localStorage) == null || d.setItem("colorMode", o.value));
   }
-  return t.value = (typeof window > "u" ? null : JSON.parse(((n = window.localStorage) == null ? void 0 : n.getItem("isDark")) || "null")) ?? a ?? r(), f(
-    t,
+  const t = () => {
+    var e;
+    return typeof window < "u" && typeof (window == null ? void 0 : window.matchMedia) == "function" ? (e = window == null ? void 0 : window.matchMedia("(prefers-color-scheme: dark)")) == null ? void 0 : e.matches : !1;
+  }, n = (e) => {
+    typeof document < "u" && (e === null ? (document.body.classList.toggle("dark-mode", t()), document.body.classList.toggle("light-mode", !t())) : (document.body.classList.toggle("dark-mode", e === !0), document.body.classList.toggle("light-mode", e === !1)));
+  };
+  return o.value = typeof window > "u" ? "dark" : localStorage.getItem("colorMode") || "dark", n(
+    o.value === "dark" || o.value === "system" && t()
+  ), l(
+    o,
     (e) => {
-      typeof document > "u" || (document.body.classList.toggle("dark-mode", e), document.body.classList.toggle("light-mode", !e));
+      n(
+        e === "dark" || e === "system" && t()
+      );
     },
     { immediate: !0 }
-  ), {
-    isDark: t,
-    toggleDarkMode: d,
-    setDarkMode: l
+  ), s(() => {
+    if (typeof window < "u" && typeof window.matchMedia == "function") {
+      const e = window.matchMedia("(prefers-color-scheme: dark)"), d = () => {
+        o.value === "system" && n(t());
+      };
+      e.addEventListener("change", d), c(() => {
+        e.removeEventListener("change", d);
+      });
+    }
+  }), {
+    colorMode: o,
+    toggleDarkMode: a,
+    setDarkMode: i,
+    getSystemModePreference: t
   };
 }
 export {
-  c as useDarkModeState
+  f as useDarkModeState
 };

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":";;cA0I8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AAoMjD,wBAMG"}
+{"version":3,"file":"ApiClientApp.vue.d.ts","sourceRoot":"","sources":["../../../src/layouts/App/ApiClientApp.vue"],"names":[],"mappings":";;cAsH8B,MAAM;aAAO,MAAM;;;;cAAnB,MAAM;aAAO,MAAM;;;AA6LjD,wBAMG"}

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

@@ -1,61 +1,57 @@
-import { defineComponent as T, ref as _, onMounted as c, watchEffect as h, onBeforeMount as k, onBeforeUnmount as y, computed as b, openBlock as t, createElementBlock as i, Fragment as N, createElementVNode as d, createVNode as e, unref as n, withCtx as S, createBlock as p, KeepAlive as g, resolveDynamicComponent as x, createCommentVNode as E } from "vue";
+import { defineComponent as v, ref as w, onBeforeMount as T, onMounted as _, onBeforeUnmount as h, computed as k, openBlock as t, createElementBlock as s, Fragment as y, createElementVNode as i, createVNode as e, unref as n, withCtx as N, createBlock as c, KeepAlive as S, resolveDynamicComponent as b, createCommentVNode as x } from "vue";
 import C from "../../components/SideNav/SideNav.vue.js";
-import L from "../../components/TopNav/TopNav.vue.js";
-import { addScalarClassesToHeadless as D } from "@scalar/components";
-import { getThemeStyles as H } from "@scalar/themes";
-import { ScalarToasts as K } from "@scalar/use-toasts";
-import { RouterView as A } from "vue-router";
-import { APP_HOTKEYS as B } from "./hotkeys.js";
+import E from "../../components/TopNav/TopNav.vue.js";
+import { addScalarClassesToHeadless as H } from "@scalar/components";
+import { getThemeStyles as K } from "@scalar/themes";
+import { ScalarToasts as A } from "@scalar/use-toasts";
+import { RouterView as B } from "vue-router";
+import { APP_HOTKEYS as D } from "./hotkeys.js";
+import { useDarkModeState as L } from "../../hooks/useDarkModeState.js";
 import M from "../../components/CommandPalette/TheCommandPalette.vue.js";
 import { DEFAULT_HOTKEYS as V, handleHotKeyDown as W } from "../../libs/event-busses/hot-keys-bus.js";
-import { useDarkModeState as P } from "../../hooks/useDarkModeState.js";
-import { useWorkspace as F } from "../../store/store.js";
-const O = ["innerHTML"], U = {
+import { useWorkspace as g } from "../../store/store.js";
+const P = ["innerHTML"], F = {
   key: 0,
-  class: "flex min-h-0 flex-1 z-0"
-}, Y = { class: "flex flex-1 flex-col min-w-0 border-l-1/2 border-t-1/2" }, ne = /* @__PURE__ */ T({
+  class: "flex min-h-0 flex-1"
+}, O = { class: "flex flex-1 flex-col min-w-0 border-l-1/2 border-t-1/2" }, oe = /* @__PURE__ */ v({
   __name: "ApiClientApp",
   emits: ["newTab"],
-  setup(z) {
-    const u = { ...V, ...B }, a = _(null), f = (o) => {
+  setup(U) {
+    const d = { ...V, ...D }, a = w(null), p = (o) => {
       a.value = o;
     };
-    c(() => {
-      h(() => {
-        document.body.classList.toggle("dark-mode", l.value), document.body.classList.toggle("light-mode", !l.value);
-      });
-    });
-    const { isDark: l } = P(), r = F();
-    k(() => D());
-    const s = (o) => W(o, { hotKeys: u });
-    c(() => window.addEventListener("keydown", s)), y(() => window.removeEventListener("keydown", s));
-    const v = b(
-      () => r.activeWorkspace.value && `<style>${H(r.activeWorkspace.value.themeId)}</style>`
+    L();
+    const r = g();
+    T(() => H());
+    const l = (o) => W(o, { hotKeys: d });
+    _(() => window.addEventListener("keydown", l)), h(() => window.removeEventListener("keydown", l));
+    const u = k(
+      () => r.activeWorkspace.value && `<style>${K(r.activeWorkspace.value.themeId)}</style>`
     );
-    return (o, I) => {
+    return (o, Y) => {
       var m;
-      return t(), i(N, null, [
-        d("div", { innerHTML: v.value }, null, 8, O),
-        e(L, { openNewTab: a.value }, null, 8, ["openNewTab"]),
-        (m = n(r).activeWorkspace.value) != null && m.uid ? (t(), i("main", U, [
+      return t(), s(y, null, [
+        i("div", { innerHTML: u.value }, null, 8, P),
+        e(E, { openNewTab: a.value }, null, 8, ["openNewTab"]),
+        (m = n(r).activeWorkspace.value) != null && m.uid ? (t(), s("main", F, [
           e(C),
           e(n(M)),
-          d("div", Y, [
-            e(n(A), { onNewTab: f }, {
-              default: S(({ Component: w }) => [
-                (t(), p(g, null, [
-                  (t(), p(x(w)))
+          i("div", O, [
+            e(n(B), { onNewTab: p }, {
+              default: N(({ Component: f }) => [
+                (t(), c(S, null, [
+                  (t(), c(b(f)))
                 ], 1024))
               ]),
               _: 1
             })
           ])
-        ])) : E("", !0),
-        e(n(K))
+        ])) : x("", !0),
+        e(n(A))
       ], 64);
     };
   }
 });
 export {
-  ne as default
+  oe as default
 };