@scalar/api-client 2.2.40 → 2.2.41

package/dist/views/Settings/components/SettingsAppearance.vue.js

@@ -1,67 +1,78 @@
-import { defineComponent as k, openBlock as o, createElementBlock as x, createVNode as l, unref as e, normalizeClass as n, withCtx as d, createElementVNode as i, createBlock as a, createCommentVNode as c, createTextVNode as f } from "vue";
-import { ScalarButton as u, ScalarIcon as m } from "@scalar/components";
-import { useColorMode as b } from "@scalar/use-hooks/useColorMode";
-const g = { class: "flex flex-col gap-2" }, y = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, w = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, C = { class: "flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1" }, z = /* @__PURE__ */ k({
+import { defineComponent as b, openBlock as o, createElementBlock as y, createVNode as l, unref as e, normalizeClass as s, withCtx as c, createElementVNode as i, createBlock as d, createCommentVNode as u, createTextVNode as f } from "vue";
+import { cva as g, ScalarButton as m, cx as p, ScalarIcon as k } from "@scalar/components";
+import { useColorMode as v } from "@scalar/use-hooks/useColorMode";
+const C = { class: "flex flex-col gap-2" }, z = /* @__PURE__ */ b({
   __name: "SettingsAppearance",
   setup(h) {
-    const { colorMode: s, setColorMode: r } = b();
-    return (v, t) => (o(), x("div", g, [
-      l(e(u), {
-        class: n([
-          "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
-          e(s) === "system" ? "bg-b-2 text-c-1" : "bg-b-1"
-        ]),
-        onClick: t[0] || (t[0] = (p) => e(r)("system"))
+    const { colorMode: r, setColorMode: n } = v(), a = g({
+      base: "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
+      variants: {
+        active: {
+          true: "bg-primary text-c-1 hover:bg-inherit",
+          false: "bg-b-1"
+        }
+      }
+    });
+    return (w, t) => (o(), y("div", C, [
+      l(e(m), {
+        class: s(e(p)(e(a)({ active: e(r) === "system" }))),
+        onClick: t[0] || (t[0] = (x) => e(n)("system"))
       }, {
-        default: d(() => [
-          i("div", y, [
-            e(s) === "system" ? (o(), a(e(m), {
+        default: c(() => [
+          i("div", {
+            class: s(["flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1", {
+              "bg-c-accent border-transparent text-b-1": e(r) === "system"
+            }])
+          }, [
+            e(r) === "system" ? (o(), d(e(k), {
               key: 0,
               icon: "Checkmark",
               size: "xs",
               thickness: "3.5"
-            })) : c("", !0)
-          ]),
+            })) : u("", !0)
+          ], 2),
           t[3] || (t[3] = f(" System Preference (default) "))
         ]),
         _: 1
       }, 8, ["class"]),
-      l(e(u), {
-        class: n([
-          "w-full shadow-none text-c-1 justify-start pl-2 gap-2 border-1/2",
-          e(s) === "light" ? "bg-b-2 text-c-1" : "bg-b-1"
-        ]),
-        onClick: t[1] || (t[1] = (p) => e(r)("light"))
+      l(e(m), {
+        class: s(e(p)(e(a)({ active: e(r) === "light" }))),
+        onClick: t[1] || (t[1] = (x) => e(n)("light"))
       }, {
-        default: d(() => [
-          i("div", w, [
-            e(s) === "light" ? (o(), a(e(m), {
+        default: c(() => [
+          i("div", {
+            class: s(["flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1", {
+              "bg-c-accent border-transparent text-b-1": e(r) === "light"
+            }])
+          }, [
+            e(r) === "light" ? (o(), d(e(k), {
               key: 0,
               icon: "Checkmark",
               size: "xs",
               thickness: "3.5"
-            })) : c("", !0)
-          ]),
+            })) : u("", !0)
+          ], 2),
           t[4] || (t[4] = f(" Light Mode Always "))
         ]),
         _: 1
       }, 8, ["class"]),
-      l(e(u), {
-        class: n([
-          "w-full shadow-none text-c-1 justify-start pl-2 gap-2 mb-8 border-1/2",
-          e(s) === "dark" ? "bg-b-2 text-c-1" : "bg-b-1"
-        ]),
-        onClick: t[2] || (t[2] = (p) => e(r)("dark"))
+      l(e(m), {
+        class: s(e(p)(e(a)({ active: e(r) === "dark" }))),
+        onClick: t[2] || (t[2] = (x) => e(n)("dark"))
       }, {
-        default: d(() => [
-          i("div", C, [
-            e(s) === "dark" ? (o(), a(e(m), {
+        default: c(() => [
+          i("div", {
+            class: s(["flex items-center justify-center w-5 h-5 rounded-full border-[1.5px] p-1", {
+              "bg-c-accent border-transparent text-b-1": e(r) === "dark"
+            }])
+          }, [
+            e(r) === "dark" ? (o(), d(e(k), {
               key: 0,
               icon: "Checkmark",
               size: "xs",
               thickness: "3.5"
-            })) : c("", !0)
-          ]),
+            })) : u("", !0)
+          ], 2),
           t[5] || (t[5] = f(" Dark Mode Always "))
         ]),
         _: 1

package/package.json

@@ -18,7 +18,7 @@
     "rest",
     "testing"
   ],
-  "version": "2.2.40",
+  "version": "2.2.41",
   "engines": {
     "node": ">=18"
   },
@@ -30,6 +30,11 @@
       "types": "./dist/index.d.ts",
       "default": "./dist/index.js"
     },
+    "./views/Servers": {
+      "import": "./dist/views/Servers/index.js",
+      "types": "./dist/views/Servers/index.d.ts",
+      "default": "./dist/views/Servers/index.js"
+    },
     "./views/Request/types": {
       "import": "./dist/views/Request/types/index.js",
       "types": "./dist/views/Request/types/index.d.ts",
@@ -120,6 +125,11 @@
       "types": "./dist/components/Sidebar/index.d.ts",
       "default": "./dist/components/Sidebar/index.js"
     },
+    "./components/Server": {
+      "import": "./dist/components/Server/index.js",
+      "types": "./dist/components/Server/index.d.ts",
+      "default": "./dist/components/Server/index.js"
+    },
     "./components/ImportCollection": {
       "import": "./dist/components/ImportCollection/index.js",
       "types": "./dist/components/ImportCollection/index.d.ts",
@@ -178,19 +188,19 @@
     "whatwg-mimetype": "^4.0.0",
     "yaml": "^2.4.5",
     "zod": "^3.23.8",
+    "@scalar/components": "0.13.18",
     "@scalar/draggable": "0.1.8",
-    "@scalar/components": "0.13.17",
     "@scalar/icons": "0.1.2",
-    "@scalar/oas-utils": "0.2.100",
-    "@scalar/import": "0.2.20",
-    "@scalar/object-utils": "1.1.12",
+    "@scalar/import": "0.2.21",
     "@scalar/openapi-parser": "0.10.4",
-    "@scalar/postman-to-openapi": "0.1.23",
+    "@scalar/oas-utils": "0.2.101",
+    "@scalar/object-utils": "1.1.12",
     "@scalar/openapi-types": "0.1.6",
-    "@scalar/themes": "0.9.62",
-    "@scalar/types": "0.0.28",
-    "@scalar/use-codemirror": "0.11.62",
-    "@scalar/use-hooks": "0.1.16",
+    "@scalar/postman-to-openapi": "0.1.24",
+    "@scalar/themes": "0.9.63",
+    "@scalar/types": "0.0.29",
+    "@scalar/use-hooks": "0.1.17",
+    "@scalar/use-codemirror": "0.11.63",
     "@scalar/use-toasts": "0.7.8",
     "@scalar/use-tooltip": "1.0.5"
   },

package/dist/components/AddressBar/AddressBarServer.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddressBarServer.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServer.vue"],"names":[],"mappings":"AAmJA,KAAK,WAAW,GAAG;IACjB,qEAAqE;IACrE,MAAM,EAAE,MAAM,CAAA;CACf,CAAC;;AAoOF,wBAOG"}

package/dist/components/AddressBar/AddressBarServer.vue.js

@@ -1,123 +0,0 @@
-import { defineComponent as D, computed as n, watch as U, openBlock as s, createBlock as v, unref as l, withCtx as i, createElementVNode as a, createElementBlock as c, Fragment as m, renderList as b, createVNode as d, createCommentVNode as k, createTextVNode as V, toDisplayString as z } from "vue";
-import { useActiveEntities as E } from "../../store/active-entities.js";
-import { ScalarPopover as L, ScalarDropdownDivider as W, ScalarIcon as F, ScalarFloatingBackdrop as I, ScalarButton as O } from "@scalar/components";
-import y from "./AddressBarServerItem.vue.js";
-import { useWorkspace as P } from "../../store/store.js";
-import { useLayout as T } from "../../hooks/useLayout.js";
-const j = { class: "custom-scroll flex border-t p-1 flex-col gap-1 max-h-[inherit]" }, M = { class: "flex items-center justify-center h-4 w-4" }, X = /* @__PURE__ */ D({
-  __name: "AddressBarServer",
-  props: {
-    target: {}
-  },
-  setup(R) {
-    const { activeRequest: u, activeCollection: f, activeServer: p } = E(), { servers: x, collectionMutators: w, events: A } = P(), { layout: B } = T(), S = n(
-      () => {
-        var t, e;
-        return (e = (t = u.value) == null ? void 0 : t.servers) == null ? void 0 : e.map((r) => {
-          var o;
-          return {
-            id: r,
-            label: ((o = x[r]) == null ? void 0 : o.url) ?? "Unknown server"
-          };
-        });
-      }
-    ), g = n(
-      () => {
-        var t, e;
-        return (
-          // Filters out servers already present in the request
-          (e = (t = f.value) == null ? void 0 : t.servers) == null ? void 0 : e.filter(
-            (r) => {
-              var o, h;
-              return !((h = (o = u.value) == null ? void 0 : o.servers) != null && h.includes(r));
-            }
-          ).map((r) => {
-            var o;
-            return {
-              id: r,
-              label: ((o = x[r]) == null ? void 0 : o.url) ?? "Unknown server"
-            };
-          })
-        );
-      }
-    ), C = n(
-      () => {
-        var t, e;
-        return ((t = S.value) == null ? void 0 : t.length) && ((e = g.value) == null ? void 0 : e.length);
-      }
-    );
-    U([f, u], ([t, e]) => {
-      var o;
-      if (!t || t.selectedServerUid || e != null && e.selectedServerUid)
-        return;
-      const r = (o = t.servers) == null ? void 0 : o[0];
-      r && w.edit(t.uid, "selectedServerUid", r);
-    });
-    const _ = () => A.commandPalette.emit({
-      commandName: "Add Server"
-    }), N = n(() => {
-      var t, e, r;
-      return (e = (t = p.value) == null ? void 0 : t.url) != null && e.endsWith("/") ? p.value.url.slice(0, -1) : ((r = p.value) == null ? void 0 : r.url) || "";
-    });
-    return (t, e) => (s(), v(l(L), {
-      class: "max-h-[inherit] p-0 text-sm",
-      offset: 0,
-      placement: "bottom-start",
-      resize: "",
-      target: t.target,
-      teleport: `#${t.target}`
-    }, {
-      popover: i(() => [
-        a("div", j, [
-          (s(!0), c(m, null, b(S.value, (r) => (s(), v(y, {
-            key: r.id,
-            serverOption: r,
-            type: "request"
-          }, null, 8, ["serverOption"]))), 128)),
-          C.value ? (s(), c(m, { key: 0 }, [
-            d(l(W)),
-            e[1] || (e[1] = a("div", { class: "text-xxs text-c-2 px-2.5 py-1" }, "Collection", -1))
-          ], 64)) : k("", !0),
-          (s(!0), c(m, null, b(g.value, (r) => (s(), v(y, {
-            key: r.id,
-            serverOption: r,
-            type: "collection"
-          }, null, 8, ["serverOption"]))), 128)),
-          l(B) !== "modal" ? (s(), c("button", {
-            key: 1,
-            class: "rounded text-xxs flex items-center gap-1.5 p-1.75 hover:bg-b-2 cursor-pointer",
-            type: "button",
-            onClick: _
-          }, [
-            a("div", M, [
-              d(l(F), {
-                icon: "Add",
-                size: "sm"
-              })
-            ]),
-            e[2] || (e[2] = a("span", null, "Add Server", -1))
-          ])) : k("", !0)
-        ])
-      ]),
-      backdrop: i(() => [
-        d(l(I), { class: "-top-[--scalar-address-bar-height] rounded-lg" })
-      ]),
-      default: i(() => [
-        d(l(O), {
-          class: "font-code z-context-plus lg:text-sm text-xs whitespace-nowrap border ml-0.75 rounded px-1.5 h-6.5 text-c-2 hover:bg-b-2",
-          variant: "ghost"
-        }, {
-          default: i(() => [
-            e[0] || (e[0] = a("span", { class: "sr-only" }, "Server:", -1)),
-            V(" " + z(N.value), 1)
-          ]),
-          _: 1
-        })
-      ]),
-      _: 1
-    }, 8, ["target", "teleport"]));
-  }
-});
-export {
-  X as default
-};

package/dist/components/AddressBar/AddressBarServer.vue2.js

@@ -1,4 +0,0 @@
-import f from "./AddressBarServer.vue.js";
-export {
-  f as default
-};

package/dist/components/AddressBar/AddressBarServerItem.vue.d.ts

@@ -1,10 +0,0 @@
-type __VLS_Props = {
-    serverOption: {
-        id: string;
-        label: string;
-    };
-    type: 'collection' | 'request';
-};
-declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, HTMLDivElement>;
-export default _default;
-//# sourceMappingURL=AddressBarServerItem.vue.d.ts.map

package/dist/components/AddressBar/AddressBarServerItem.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AddressBarServerItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarServerItem.vue"],"names":[],"mappings":"AAkHA,KAAK,WAAW,GAAG;IACjB,YAAY,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,KAAK,EAAE,MAAM,CAAA;KAAE,CAAA;IAC3C,IAAI,EAAE,YAAY,GAAG,SAAS,CAAA;CAC/B,CAAC;;AA4LF,wBAOG"}

package/dist/components/AddressBar/AddressBarServerItem.vue.js

@@ -1,7 +0,0 @@
-import r from "./AddressBarServerItem.vue2.js";
-/* empty css                          */
-import o from "../../_virtual/_plugin-vue_export-helper.js";
-const s = /* @__PURE__ */ o(r, [["__scopeId", "data-v-7b0b0967"]]);
-export {
-  s as default
-};

package/dist/components/AddressBar/AddressBarServerItem.vue2.js

@@ -1,77 +0,0 @@
-import { defineComponent as M, useId as O, computed as d, openBlock as c, createElementBlock as v, normalizeClass as h, createElementVNode as u, unref as i, withModifiers as V, createVNode as p, toDisplayString as E, createCommentVNode as _ } from "vue";
-import q from "../Server/ServerVariablesForm.vue.js";
-import { useActiveEntities as B } from "../../store/active-entities.js";
-import { ScalarListboxCheckbox as I, ScalarMarkdown as N } from "@scalar/components";
-import { useWorkspace as U } from "../../store/store.js";
-const A = ["aria-controls", "aria-expanded"], $ = { class: "whitespace-nowrap text-ellipsis overflow-hidden" }, j = ["id"], z = { key: 0 }, D = { class: "description px-3 py-1.5 text-c-3" }, J = /* @__PURE__ */ M({
-  __name: "AddressBarServerItem",
-  props: {
-    serverOption: {},
-    type: {}
-  },
-  setup(x) {
-    const l = x, b = O(), { activeCollection: m, activeRequest: s, activeServer: t } = B(), { collectionMutators: S, requestMutators: y, serverMutators: g } = U(), k = (e) => {
-      var a, r;
-      l.type === "collection" && m.value ? ((r = (a = s.value) == null ? void 0 : a.servers) != null && r.length && (s.value.selectedServerUid = ""), S.edit(
-        m.value.uid,
-        "selectedServerUid",
-        e
-      )) : l.type === "request" && s.value && y.edit(
-        s.value.uid,
-        "selectedServerUid",
-        e
-      );
-    }, o = d(
-      () => {
-        var e;
-        return ((e = t.value) == null ? void 0 : e.uid) === l.serverOption.id;
-      }
-    ), C = d(
-      () => {
-        var e;
-        return ((e = t.value) == null ? void 0 : e.variables) && Object.keys(t.value.variables).length > 0;
-      }
-    ), n = d(() => o.value && C.value), w = (e, a) => {
-      if (!t.value) return;
-      const r = t.value.variables || {};
-      r[e] = { ...r[e], default: a }, g.edit(t.value.uid, "variables", r);
-    };
-    return (e, a) => {
-      var r, f;
-      return c(), v("div", {
-        class: h(["min-h-fit rounded flex flex-col border group/item", { "border-transparent": !o.value }])
-      }, [
-        u("button", {
-          "aria-controls": n.value ? i(b) : void 0,
-          "aria-expanded": n.value,
-          class: h(["cursor-pointer rounded flex items-center gap-1.5 min-h-8 px-1.5", o.value ? "text-c-1 bg-b-2" : "hover:bg-b-2"]),
-          type: "button",
-          onClick: a[0] || (a[0] = V((L) => k(e.serverOption.id), ["stop"]))
-        }, [
-          p(i(I), { selected: o.value }, null, 8, ["selected"]),
-          u("span", $, E(e.serverOption.label), 1)
-        ], 10, A),
-        n.value ? (c(), v("div", {
-          key: 0,
-          id: i(b),
-          class: "bg-b-2 border-t divide divide-y *:pl-4 rounded-b"
-        }, [
-          p(q, {
-            variables: (r = i(t)) == null ? void 0 : r.variables,
-            "onUpdate:variable": w
-          }, null, 8, ["variables"]),
-          (f = i(t)) != null && f.description ? (c(), v("div", z, [
-            u("div", D, [
-              p(i(N), {
-                value: i(t).description
-              }, null, 8, ["value"])
-            ])
-          ])) : _("", !0)
-        ], 8, j)) : _("", !0)
-      ], 2);
-    };
-  }
-});
-export {
-  J as default
-};