@scalar/api-client 2.1.25 → 2.1.26

package/dist/views/Request/ResponseSection/ResponseEmpty.vue2.js

@@ -13,7 +13,7 @@ const N = { class: "relative col-1 flex-center gap-6 p-2 capitalize" }, q = { cl
       s.commandPalette.emit({ commandName: "Create Request" });
     }, c = (n) => {
       n != null && n.openCommandPaletteRequest && m();
-    }, x = "2.1.25";
+    }, x = "2.1.26";
     return k(() => s.hotKeys.on(c)), R(() => s.hotKeys.off(c)), (n, e) => (r(), l("div", N, [
       t("div", q, [
         o(f).isReadOnly ? p("", !0) : (r(), l("div", v, [

package/dist/views/Settings/Settings.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/Settings.vue"],"names":[],"mappings":"AA0DA,OAAO,EAAE,KAAK,eAAe,EAAO,MAAM,KAAK,CAAA;;AAuI/C,wBAKG"}
+{"version":3,"file":"Settings.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/Settings.vue"],"names":[],"mappings":"AAgCA,OAAO,EAAE,KAAK,eAAe,EAAO,MAAM,KAAK,CAAA;;AAiF/C,wBAKG"}

package/dist/views/Settings/Settings.vue2.js

@@ -1,51 +1,21 @@
-import { defineComponent as i, ref as m, openBlock as a, createBlock as r, withCtx as e, createVNode as o, unref as s, createElementVNode as c, createElementBlock as f, Fragment as p, renderList as u, createTextVNode as _, toDisplayString as d, resolveDynamicComponent as x } from "vue";
-import b from "../../components/Sidebar/SidebarList.vue.js";
-import S from "../../components/Sidebar/SidebarListElement.vue.js";
-import g from "../../components/ViewLayout/ViewLayout.vue.js";
-import v from "../../components/ViewLayout/ViewLayoutContent.vue.js";
-import y from "./SettingsGeneral.vue.js";
-import C from "../../components/Sidebar/Sidebar.vue.js";
-const L = { class: "flex-1" }, T = /* @__PURE__ */ i({
+import { defineComponent as a, ref as c, openBlock as e, createBlock as t, withCtx as o, createVNode as i, resolveDynamicComponent as m } from "vue";
+import l from "../../components/ViewLayout/ViewLayout.vue.js";
+import s from "../../components/ViewLayout/ViewLayoutContent.vue.js";
+import p from "./SettingsGeneral.vue.js";
+const v = /* @__PURE__ */ a({
   __name: "Settings",
-  setup(V) {
-    const l = {
+  setup(f) {
+    const n = {
       general: {
-        component: y,
+        component: p,
         title: "general"
       }
-    }, n = m("general");
-    return (k, h) => (a(), r(g, null, {
-      default: e(() => [
-        o(s(C), { title: "Settings" }, {
-          content: e(() => [
-            c("div", L, [
-              o(b, null, {
-                default: e(() => [
-                  (a(), f(p, null, u(l, (t) => o(S, {
-                    key: t.title,
-                    class: "text-xs capitalize",
-                    isCopyable: !1,
-                    isDeletable: !1,
-                    variable: {
-                      uid: t.title,
-                      name: t.title
-                    }
-                  }, {
-                    default: e(() => [
-                      _(d(t.title), 1)
-                    ]),
-                    _: 2
-                  }, 1032, ["variable"])), 64))
-                ]),
-                _: 1
-              })
-            ])
-          ]),
-          _: 1
-        }),
-        o(v, { class: "flex-1" }, {
-          default: e(() => [
-            (a(), r(x(l[n.value].component)))
+    }, r = c("general");
+    return (_, u) => (e(), t(l, null, {
+      default: o(() => [
+        i(s, { class: "flex-1" }, {
+          default: o(() => [
+            (e(), t(m(n[r.value].component)))
           ]),
           _: 1
         })
@@ -55,5 +25,5 @@ const L = { class: "flex-1" }, T = /* @__PURE__ */ i({
   }
 });
 export {
-  T as default
+  v as default
 };

package/dist/views/Settings/SettingsGeneral.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsGeneral.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneral.vue"],"names":[],"mappings":";AA2bA,wBAKG"}
+{"version":3,"file":"SettingsGeneral.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneral.vue"],"names":[],"mappings":";AA+lBA,wBAKG"}

package/dist/views/Settings/SettingsGeneral.vue.js

@@ -1,20 +1,12 @@
-import { defineComponent as v, openBlock as u, createBlock as y, withCtx as t, createTextVNode as a, createElementVNode as s, createVNode as e, unref as l, createElementBlock as b, Fragment as S, renderList as C, withModifiers as $, normalizeClass as V, toDisplayString as p } from "vue";
-import D from "../../components/DataTable/DataTable.vue.js";
-import P from "../../components/DataTable/DataTableCell.vue.js";
-import z from "../../components/DataTable/DataTableCheckbox.vue.js";
-import n from "../../components/DataTable/DataTableRow.vue.js";
-import d from "../../components/DataTable/DataTableText.vue.js";
-import B from "../../components/ViewLayout/ViewLayoutSection.vue.js";
-import { ScalarDropdown as T, ScalarDropdownItem as U, ScalarIcon as _, ScalarButton as I } from "@scalar/components";
-import { themeLabels as h } from "@scalar/themes";
-import N from "./SettingsGeneralMode.vue.js";
-import { useWorkspace as W } from "../../store/store.js";
-const j = { class: "flex flex-col p-2" }, E = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, Y = /* @__PURE__ */ v({
+import { defineComponent as C, openBlock as a, createElementBlock as x, createElementVNode as e, createTextVNode as o, createVNode as i, unref as l, normalizeClass as d, withCtx as u, createBlock as p, createCommentVNode as b, Fragment as _, renderList as S, toDisplayString as j, normalizeStyle as m } from "vue";
+import { ScalarButton as k, ScalarIcon as g } from "@scalar/components";
+import { themeLabels as z } from "@scalar/themes";
+import B from "./SettingsGeneralMode.vue.js";
+import { useWorkspace as E } from "../../store/store.js";
+const N = { class: "bg-b-1 w-full h-full overflow-auto" }, P = { class: "flex flex-col px-5 py-5 max-w-[720px] ml-auto mr-auto w-full" }, T = { class: "gap-2 mt-4 mb-8 flex flex-col" }, V = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, $ = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, D = { class: "flex flex-col gap-2" }, L = { class: "grid grid-cols-2 gap-2" }, U = { class: "flex items-center gap-2" }, W = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, F = { class: "flex items-center gap-1" }, J = /* @__PURE__ */ C({
   __name: "SettingsGeneral",
   setup(G) {
-    const { activeWorkspace: r, workspaceMutators: x, proxyUrl: i, setProxyUrl: c } = W(), k = () => {
-      i.value ? c("") : c("https://proxy.scalar.com");
-    }, g = [
+    const { activeWorkspace: n, workspaceMutators: y, proxyUrl: s, setProxyUrl: h } = E(), v = [
       "default",
       "alternate",
       "moon",
@@ -25,100 +17,141 @@ const j = { class: "flex flex-col p-2" }, E = { class: "font-medium m-0 text-sm
       "kepler",
       "mars",
       "deepSpace"
-    ], w = (m) => {
-      x.edit(r.value.uid, "themeId", m);
+    ], f = (c) => ({
+      default: { light: "#fff", dark: "#0f0f0f", accent: "#0099ff" },
+      alternate: { light: "#f9f9f9", dark: "#131313", accent: "#e7e7e7" },
+      moon: { light: "#ccc9b3", dark: "#313332", accent: "#645b0f" },
+      purple: { light: "#f5f6f8", dark: "#22252b", accent: "#5469d4" },
+      solarized: { light: "#fdf6e3", dark: "#00212b", accent: "#007acc" },
+      bluePlanet: { light: "#f0f2f5", dark: "#000e23", accent: "#e0e2e6" },
+      saturn: { light: "#e4e4df", dark: "#2c2c30", accent: "#1763a6" },
+      kepler: { light: "#f6f6f6", dark: "#0d0f1e", accent: "#7070ff" },
+      mars: { light: "#f2efe8", dark: "#321116", accent: "#c75549" },
+      deepSpace: { light: "#f4f4f5", dark: "#09090b", accent: "#8ab4f8" },
+      none: { light: "#ffffff", dark: "#000000", accent: "#3b82f6" }
+    })[c] || { light: "#ffffff", dark: "#000000", accent: "#3b82f6" }, w = (c) => {
+      y.edit(n.value.uid, "themeId", c);
     };
-    return (m, f) => (u(), y(B, null, {
-      title: t(() => f[0] || (f[0] = [
-        a("General")
-      ])),
-      default: t(() => [
-        s("div", j, [
-          e(D, { columns: ["", ""] }, {
-            default: t(() => [
-              e(n, null, {
-                default: t(() => [
-                  e(d, { text: "Use Scalar Proxy" }),
-                  e(z, {
-                    align: "left",
-                    modelValue: !!l(i),
-                    "onUpdate:modelValue": k
-                  }, null, 8, ["modelValue"])
+    return (c, t) => (a(), x("div", N, [
+      e("div", P, [
+        e("div", null, [
+          e("div", null, [
+            t[4] || (t[4] = e("h2", { class: "font-bold text-xl mb-5 mt-10" }, "Settings", -1)),
+            t[5] || (t[5] = e("h3", { class: "font-bold mb-1" }, "Scalar Proxy", -1)),
+            t[6] || (t[6] = e("p", { class: "text-c-2 mb-2" }, [
+              o(" Enable Scalar's "),
+              e("a", {
+                class: "hover:text-c-1",
+                href: "https://github.com/scalar/scalar/tree/main/packages/api-client-proxy",
+                target: "_blank"
+              }, "open source"),
+              o(" proxy to deal with CORS issues. ")
+            ], -1)),
+            e("div", T, [
+              i(l(k), {
+                class: d(["w-full shadow-none text-c-1 justify-start pl-2 gap-2 bg-b-2", { "bg-b-1 shadow-border-1/2 text-c-1": l(s) }]),
+                variant: l(s) ? "primary" : "secondary",
+                onClick: t[0] || (t[0] = (r) => l(h)("https://proxy.scalar.com"))
+              }, {
+                default: u(() => [
+                  e("div", V, [
+                    l(s) ? (a(), p(l(g), {
+                      key: 0,
+                      icon: "Checkmark",
+                      size: "xs",
+                      thickness: "3.5"
+                    })) : b("", !0)
+                  ]),
+                  t[2] || (t[2] = o(" Enable "))
                 ]),
                 _: 1
-              }),
-              e(n, null, {
-                default: t(() => [
-                  e(d, { text: "Theme Picker" }),
-                  e(P, null, {
-                    default: t(() => [
-                      e(l(T), null, {
-                        items: t(() => [
-                          (u(), b(S, null, C(g, (o) => e(l(U), {
-                            key: o,
-                            class: "flex gap-1.5 group/item items-center whitespace-nowrap text-ellipsis overflow-hidden",
-                            onClick: $((L) => w(o), ["stop"])
-                          }, {
-                            default: t(() => [
-                              s("div", {
-                                class: V([
-                                  "flex items-center justify-center rounded-full p-[3px] w-4 h-4 group-hover/item:shadow-border",
-                                  l(r).themeId === o ? "bg-blue text-b-1" : "text-transparent"
-                                ])
-                              }, [
-                                e(l(_), {
-                                  class: "size-2.5",
-                                  icon: "Checkmark",
-                                  thickness: "3.5"
-                                })
-                              ], 2),
-                              a(" " + p(l(h)[o]), 1)
-                            ]),
-                            _: 2
-                          }, 1032, ["onClick"])), 64))
-                        ]),
-                        default: t(() => [
-                          e(l(I), {
-                            class: "font-normal h-full justify-start py-1.5 px-1.5 text-c-1 hover:bg-b-2 w-fit",
-                            fullWidth: "",
-                            variant: "ghost"
-                          }, {
-                            default: t(() => [
-                              s("h2", E, [
-                                a(p(l(h)[l(r).themeId]) + " ", 1),
-                                e(l(_), {
-                                  class: "size-2.5",
-                                  icon: "ChevronDown",
-                                  thickness: "3.5"
-                                })
-                              ])
-                            ]),
-                            _: 1
-                          })
-                        ]),
-                        _: 1
-                      })
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }),
-              e(n, null, {
-                default: t(() => [
-                  e(N)
+              }, 8, ["class", "variant"]),
+              i(l(k), {
+                class: d(["w-full shadow-none text-c-1 justify-start pl-2 gap-2 bg-b-2", { "bg-b-1 shadow-border-1/2 text-c-1": !l(s) }]),
+                variant: l(s) ? "secondary" : "primary",
+                onClick: t[1] || (t[1] = (r) => l(h)(""))
+              }, {
+                default: u(() => [
+                  e("div", $, [
+                    l(s) ? b("", !0) : (a(), p(l(g), {
+                      key: 0,
+                      icon: "Checkmark",
+                      size: "xs",
+                      thickness: "3.5"
+                    }))
+                  ]),
+                  t[3] || (t[3] = o(" Disable "))
                 ]),
                 _: 1
-              })
-            ]),
-            _: 1
-          })
+              }, 8, ["class", "variant"])
+            ])
+          ]),
+          e("div", null, [
+            t[7] || (t[7] = e("h3", { class: "font-bold mb-1" }, "Theme", -1)),
+            t[8] || (t[8] = e("p", { class: "text-c-2 mb-4" }, "Set the theme for your workspace.", -1)),
+            e("div", D, [
+              e("div", L, [
+                (a(), x(_, null, S(v, (r) => i(l(k), {
+                  key: r,
+                  class: d(["px-2", [
+                    "flex items-center justify-between gap-2 text-c-1",
+                    l(n).themeId === r ? "bg-b-1 shadow-border-1/2" : "bg-b-2"
+                  ]]),
+                  variant: "ghost",
+                  onClick: (M) => w(r)
+                }, {
+                  default: u(() => [
+                    e("div", U, [
+                      e("div", {
+                        class: d(["flex items-center justify-center w-5 h-5 rounded-full border-2 border-c-3", {
+                          "bg-primary": l(n).themeId === r
+                        }])
+                      }, [
+                        e("div", W, [
+                          l(n).themeId === r ? (a(), p(l(g), {
+                            key: 0,
+                            icon: "Checkmark",
+                            size: "xs",
+                            thickness: "3.5"
+                          })) : b("", !0)
+                        ])
+                      ], 2),
+                      o(" " + j(l(z)[r]), 1)
+                    ]),
+                    e("div", F, [
+                      e("span", {
+                        class: "inline-block shadow-border-1/2 w-5 h-5 rounded-full border-c-3 -mr-3",
+                        style: m({
+                          backgroundColor: f(r).light
+                        })
+                      }, null, 4),
+                      e("span", {
+                        class: "inline-block shadow-border-1/2 w-5 h-5 rounded-full border-c-3 -mr-3",
+                        style: m({
+                          backgroundColor: f(r).dark
+                        })
+                      }, null, 4),
+                      e("span", {
+                        class: "inline-block shadow-border-1/2 w-5 h-5 rounded-full border-c-3",
+                        style: m({
+                          backgroundColor: f(r).accent
+                        })
+                      }, null, 4)
+                    ])
+                  ]),
+                  _: 2
+                }, 1032, ["class", "onClick"])), 64))
+              ])
+            ])
+          ]),
+          e("div", null, [
+            i(B)
+          ])
         ])
-      ]),
-      _: 1
-    }));
+      ])
+    ]));
   }
 });
 export {
-  Y as default
+  J as default
 };

package/dist/views/Settings/SettingsGeneralMode.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SettingsGeneralMode.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneralMode.vue"],"names":[],"mappings":";AAgUA,wBAKG"}
+{"version":3,"file":"SettingsGeneralMode.vue.d.ts","sourceRoot":"","sources":["../../../src/views/Settings/SettingsGeneralMode.vue"],"names":[],"mappings":";AAqYA,wBAKG"}

package/dist/views/Settings/SettingsGeneralMode.vue.js

@@ -1,78 +1,86 @@
-import { defineComponent as d, ref as p, openBlock as k, createElementBlock as _, Fragment as v, createVNode as e, withCtx as o, unref as l, withModifiers as a, createTextVNode as n, createElementVNode as M, toDisplayString as S } from "vue";
-import D from "../../components/DataTable/DataTableCell.vue.js";
-import g from "../../components/DataTable/DataTableText.vue.js";
-import { ScalarDropdown as h, ScalarDropdownItem as i, ScalarButton as x, ScalarIcon as y } from "@scalar/components";
+import { defineComponent as g, ref as h, openBlock as o, createElementBlock as v, Fragment as y, createElementVNode as s, createVNode as a, unref as r, normalizeClass as n, withCtx as c, createBlock as d, createCommentVNode as u, createTextVNode as i } from "vue";
+import { ScalarButton as f, ScalarIcon as m } from "@scalar/components";
 import { useDarkModeState as w } from "../../hooks/useDarkModeState.js";
-const C = { class: "font-medium m-0 text-sm flex gap-1.5 items-center" }, I = /* @__PURE__ */ d({
+const S = { class: "flex flex-col gap-2" }, C = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, M = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, D = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, B = /* @__PURE__ */ g({
   __name: "SettingsGeneralMode",
-  setup(P) {
-    const { colorMode: f, setDarkMode: s } = w(), t = p("System Preference");
-    f.value === "system" ? t.value = "System Preference" : f.value === "dark" ? t.value = "Dark" : t.value = "Light";
-    const m = () => {
-      s(null), t.value = "System Preference";
-    }, u = () => {
-      s(!1), t.value = "Light";
-    }, c = () => {
-      s(!0), t.value = "Dark";
+  setup(_) {
+    const { colorMode: k, setDarkMode: l } = w(), e = h("System Preference");
+    k.value === "system" ? e.value = "System Preference" : k.value === "dark" ? e.value = "Dark" : e.value = "Light";
+    const p = () => {
+      l(null), e.value = "System Preference";
+    }, b = () => {
+      l(!1), e.value = "Light";
+    }, x = () => {
+      l(!0), e.value = "Dark";
     };
-    return (L, r) => (k(), _(v, null, [
-      e(g, { text: "Mode" }),
-      e(D, null, {
-        default: o(() => [
-          e(l(h), null, {
-            items: o(() => [
-              e(l(i), {
-                onClick: a(m, ["stop"])
-              }, {
-                default: o(() => r[0] || (r[0] = [
-                  n(" System Preference ")
-                ])),
-                _: 1
-              }),
-              e(l(i), {
-                onClick: a(u, ["stop"])
-              }, {
-                default: o(() => r[1] || (r[1] = [
-                  n(" Light Mode ")
-                ])),
-                _: 1
-              }),
-              e(l(i), {
-                onClick: a(c, ["stop"])
-              }, {
-                default: o(() => r[2] || (r[2] = [
-                  n(" Dark Mode ")
-                ])),
-                _: 1
-              })
+    return (P, t) => (o(), v(y, null, [
+      t[3] || (t[3] = s("h3", { class: "font-bold mb-1 mt-8" }, "Appearance", -1)),
+      t[4] || (t[4] = s("p", { class: "text-c-2 mb-4" }, "Set light or dark mode for your workspace.", -1)),
+      s("div", S, [
+        a(r(f), {
+          class: n([
+            "w-full shadow-none text-c-1 justify-start pl-2 gap-2",
+            e.value === "System Preference" ? "bg-b-1 shadow-border-1/2 text-c-1" : "bg-b-2"
+          ]),
+          onClick: p
+        }, {
+          default: c(() => [
+            s("div", C, [
+              e.value === "System Preference" ? (o(), d(r(m), {
+                key: 0,
+                icon: "Checkmark",
+                size: "xs",
+                thickness: "3.5"
+              })) : u("", !0)
             ]),
-            default: o(() => [
-              e(l(x), {
-                class: "font-normal h-full justify-start py-1.5 px-1.5 text-c-1 hover:bg-b-2 w-fit",
-                fullWidth: "",
-                variant: "ghost"
-              }, {
-                default: o(() => [
-                  M("h2", C, [
-                    n(S(t.value) + " ", 1),
-                    e(l(y), {
-                      class: "size-2.5",
-                      icon: "ChevronDown",
-                      thickness: "3.5"
-                    })
-                  ])
-                ]),
-                _: 1
-              })
+            t[0] || (t[0] = i(" System Preference "))
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        a(r(f), {
+          class: n([
+            "w-full shadow-none text-c-1 justify-start pl-2 gap-2",
+            e.value === "Light" ? "bg-b-1 shadow-border-1/2 text-c-1" : "bg-b-2"
+          ]),
+          onClick: b
+        }, {
+          default: c(() => [
+            s("div", M, [
+              e.value === "Light" ? (o(), d(r(m), {
+                key: 0,
+                icon: "Checkmark",
+                size: "xs",
+                thickness: "3.5"
+              })) : u("", !0)
             ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      })
+            t[1] || (t[1] = i(" Light Mode "))
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        a(r(f), {
+          class: n([
+            "w-full shadow-none text-c-1 justify-start pl-2 gap-2 mb-8",
+            e.value === "Dark" ? "bg-b-1 shadow-border-1/2 text-c-1" : "bg-b-2"
+          ]),
+          onClick: x
+        }, {
+          default: c(() => [
+            s("div", D, [
+              e.value === "Dark" ? (o(), d(r(m), {
+                key: 0,
+                icon: "Checkmark",
+                size: "xs",
+                thickness: "3.5"
+              })) : u("", !0)
+            ]),
+            t[2] || (t[2] = i(" Dark Mode "))
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ])
     ], 64));
   }
 });
 export {
-  I as default
+  B as default
 };

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.1.25",
+  "version": "2.1.26",
   "engines": {
     "node": ">=18"
   },
@@ -152,18 +152,18 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
-    "@scalar/icons": "0.1.1",
-    "@scalar/draggable": "0.1.6",
-    "@scalar/object-utils": "1.1.10",
     "@scalar/components": "0.12.55",
+    "@scalar/draggable": "0.1.6",
+    "@scalar/icons": "0.1.1",
+    "@scalar/oas-utils": "0.2.58",
     "@scalar/openapi-parser": "0.8.7",
     "@scalar/openapi-types": "0.1.3",
-    "@scalar/oas-utils": "0.2.58",
+    "@scalar/object-utils": "1.1.10",
     "@scalar/themes": "0.9.39",
-    "@scalar/types": "0.0.16",
     "@scalar/use-codemirror": "0.11.22",
-    "@scalar/use-tooltip": "1.0.3",
-    "@scalar/use-toasts": "0.7.7"
+    "@scalar/types": "0.0.16",
+    "@scalar/use-toasts": "0.7.7",
+    "@scalar/use-tooltip": "1.0.3"
   },
   "devDependencies": {
     "@types/js-cookie": "^3.0.6",