@scalar/api-client 2.2.54 → 2.2.56

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

@@ -1,158 +1,182 @@
-import { defineComponent as j, reactive as z, ref as O, computed as W, watch as R, onMounted as D, onBeforeUnmount as K, openBlock as m, createElementBlock as b, createElementVNode as v, createVNode as r, unref as s, withCtx as u, createBlock as _, createCommentVNode as q, toDisplayString as F, createTextVNode as S, Fragment as H, renderList as G } from "vue";
-import { ScalarContextMenu as J, ScalarIcon as d, ScalarFloating as P, ScalarDropdownMenu as Q, ScalarDropdownButton as I } from "@scalar/components";
-import { useClipboard as X } from "@scalar/use-hooks/useClipboard";
-import { useRouter as Y } from "vue-router";
-import Z from "../ScalarHotkey.vue.js";
-import { ROUTES as ee } from "../../constants.js";
-import { useActiveEntities as te } from "../../store/active-entities.js";
-import oe from "./TopNavItem.vue.js";
-import { useWorkspace as ae } from "../../store/store.js";
-const ne = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, le = { class: "relative flex h-10 flex-1 items-center gap-1.5 overflow-hidden pr-2.5 text-sm font-medium" }, ie = {
+import { defineComponent as O, reactive as W, ref as D, computed as L, watch as I, onMounted as K, onBeforeUnmount as q, openBlock as p, createElementBlock as g, createElementVNode as h, createVNode as r, unref as i, withCtx as m, createBlock as k, createCommentVNode as F, toDisplayString as H, createTextVNode as U, Fragment as G, renderList as J } from "vue";
+import { ScalarContextMenu as P, ScalarIcon as C, ScalarFloating as Q, ScalarDropdownMenu as X, ScalarDropdownButton as A } from "@scalar/components";
+import { LibraryIcon as Y } from "@scalar/icons";
+import { useClipboard as Z } from "@scalar/use-hooks/useClipboard";
+import { useRouter as ee } from "vue-router";
+import te from "../ScalarHotkey.vue.js";
+import { ROUTES as oe } from "../../constants.js";
+import { useActiveEntities as le } from "../../store/active-entities.js";
+import ae from "./TopNavItem.vue.js";
+import { useWorkspace as ne } from "../../store/store.js";
+const ie = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, se = { class: "relative flex h-10 flex-1 items-center gap-1.5 overflow-hidden pr-2.5 text-sm font-medium" }, re = {
   key: 0,
   class: "h-full w-full overflow-hidden"
-}, he = /* @__PURE__ */ j({
+}, ge = /* @__PURE__ */ O({
   __name: "TopNav",
   props: {
     openNewTab: {}
   },
-  setup(L) {
-    const U = L, { activeRequest: A, activeCollection: E } = te(), c = Y(), { events: g } = ae(), { copyToClipboard: M } = X(), t = z([{ label: "", path: "", icon: "Add" }]), a = O(0), T = W(() => a.value);
-    function k() {
-      var o, n, l, i, x;
-      if ((o = c.currentRoute.value.name) != null && o.toString().startsWith("collection.")) {
+  setup(E) {
+    const M = E, { activeRequest: $, activeCollection: v } = le(), c = ee(), { events: T } = ne(), { copyToClipboard: z } = Z(), t = W([
+      {
+        label: "",
+        path: "",
+        icon: "Add",
+        isCollection: !1
+      }
+    ]), a = D(0), y = L(() => a.value), N = L(() => {
+      var e;
+      return (e = c.currentRoute.value.name) == null ? void 0 : e.toString().startsWith("collection.");
+    });
+    function x() {
+      var o, l, n, u, s;
+      if (N.value) {
         t[a.value] = {
-          label: ((l = (n = E.value) == null ? void 0 : n.info) == null ? void 0 : l.title) || "Untitled Collection",
+          label: ((l = (o = v.value) == null ? void 0 : o.info) == null ? void 0 : l.title) || "Untitled Collection",
           path: c.currentRoute.value.path,
-          icon: "Collection"
+          icon: ((n = v.value) == null ? void 0 : n["x-scalar-icon"]) || "Collection",
+          isCollection: !0
         };
         return;
       }
-      if ((i = c.currentRoute.value.name) != null && i.toString().startsWith("request")) {
+      if ((u = c.currentRoute.value.name) != null && u.toString().startsWith("request")) {
         t[a.value] = {
-          label: ((x = A.value) == null ? void 0 : x.summary) || "",
+          label: ((s = $.value) == null ? void 0 : s.summary) || "",
           path: c.currentRoute.value.path,
-          icon: "ExternalLink"
+          icon: "ExternalLink",
+          isCollection: !1
         };
         return;
       }
-      const e = ee.find((V) => {
-        var w;
-        return V.to.name.startsWith(
-          ((w = c.currentRoute.value.name) == null ? void 0 : w.toString()) ?? ""
+      const e = oe.find((j) => {
+        var S;
+        return j.to.name.startsWith(
+          ((S = c.currentRoute.value.name) == null ? void 0 : S.toString()) ?? ""
         );
       });
       if (e) {
         t[a.value] = {
           label: e.displayName,
           path: c.currentRoute.value.path,
-          icon: e.icon
+          icon: e.icon,
+          isCollection: !1
         };
         return;
       }
     }
-    function h() {
+    function b() {
       var o;
       const e = (o = t[a.value]) == null ? void 0 : o.path;
       e && c.push(e);
     }
-    function f() {
-      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, k();
+    function d() {
+      t.push({
+        label: "",
+        path: "",
+        icon: "Add",
+        isCollection: !1
+      }), a.value = t.length - 1, x();
     }
-    function p(e) {
-      a.value = e, h();
+    function f(e) {
+      a.value = e, b();
     }
-    R(
+    I(
       () => c.currentRoute.value.path,
       () => {
-        k();
+        x();
       },
       { immediate: !0 }
     );
-    function C(e) {
+    function w(e) {
       t.splice(e, 1), a.value = Math.min(
         a.value,
         t.length - 1
-      ), h();
+      ), b();
     }
-    const N = (e) => {
-      var n;
-      if (!((n = t[e]) != null && n.path)) return;
+    const R = (e) => {
+      var l;
+      if (!((l = t[e]) != null && l.path)) return;
       const o = new URL(window.location.href);
-      o.pathname = t[e].path, M(o.toString());
-    }, $ = (e) => {
-      t.splice(0, e), t.splice(1), a.value = 0, h();
-    }, y = (e) => {
+      o.pathname = t[e].path, z(o.toString());
+    }, B = (e) => {
+      t.splice(0, e), t.splice(1), a.value = 0, b();
+    }, _ = (e) => {
       if (e) {
-        if (e.addTopNav && f(), e.closeTopNav && C(a.value), e.navigateTopNavLeft && p(Math.max(a.value - 1, 0)), e.navigateTopNavRight && p(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
+        if (e.addTopNav && d(), e.closeTopNav && w(a.value), e.navigateTopNavLeft && f(Math.max(a.value - 1, 0)), e.navigateTopNavRight && f(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
           const o = Number(e.jumpToTab.key) - 1;
-          o >= 0 && o < t.length && p(o);
+          o >= 0 && o < t.length && f(o);
         }
-        e.jumpToLastTab && p(t.length - 1);
+        e.jumpToLastTab && f(t.length - 1);
       }
-    }, B = (e) => {
+    }, V = (e) => {
       t.push({
         label: e.name,
         path: e.uid,
-        icon: "ExternalLink"
+        icon: "ExternalLink",
+        isCollection: !1
       });
     };
-    return R(
-      () => U.openNewTab,
+    return I(
+      () => M.openNewTab,
       (e) => {
-        e && B(e);
+        e && V(e);
       },
       { immediate: !0 }
-    ), D(() => g.hotKeys.on(y)), K(() => g.hotKeys.off(y)), (e, o) => (m(), b("nav", ne, [
-      o[3] || (o[3] = v("div", { class: "app-drag-region absolute inset-0" }, null, -1)),
-      v("div", le, [
-        t.length === 1 ? (m(), b("div", ie, [
-          r(s(J), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
-            trigger: u(() => {
-              var n, l, i;
+    ), K(() => T.hotKeys.on(_)), q(() => T.hotKeys.off(_)), (e, o) => (p(), g("nav", ie, [
+      o[3] || (o[3] = h("div", { class: "app-drag-region absolute inset-0" }, null, -1)),
+      h("div", se, [
+        t.length === 1 ? (p(), g("div", re, [
+          r(i(P), { triggerClass: "flex custom-scroll gap-1.5 h-full items-center justify-center w-full whitespace-nowrap" }, {
+            trigger: m(() => {
+              var l, n, u, s;
               return [
-                (n = t[0]) != null && n.icon ? (m(), _(s(d), {
+                N.value ? (p(), k(i(Y), {
                   key: 0,
-                  icon: (l = t[0]) == null ? void 0 : l.icon,
+                  class: "size-3.5 min-w-3.5 stroke-2",
+                  src: ((l = i(v)) == null ? void 0 : l["x-scalar-icon"]) || "Collection"
+                }, null, 8, ["src"])) : (n = t[0]) != null && n.icon ? (p(), k(i(C), {
+                  key: 1,
+                  icon: (u = t[0]) == null ? void 0 : u.icon,
                   size: "xs",
                   thickness: "2.5"
-                }, null, 8, ["icon"])) : q("", !0),
-                v("span", null, F((i = t[0]) == null ? void 0 : i.label), 1)
+                }, null, 8, ["icon"])) : F("", !0),
+                h("span", null, H((s = t[0]) == null ? void 0 : s.label), 1)
               ];
             }),
-            content: u(() => [
-              r(s(P), { placement: "right-start" }, {
-                floating: u(() => [
-                  r(s(Q), { class: "scalar-app scalar-client" }, {
-                    default: u(() => [
-                      r(s(I), {
+            content: m(() => [
+              r(i(Q), { placement: "right-start" }, {
+                floating: m(() => [
+                  r(i(X), { class: "scalar-app scalar-client" }, {
+                    default: m(() => [
+                      r(i(A), {
                         class: "flex items-center gap-1.5",
-                        onClick: f
+                        onClick: d
                       }, {
-                        default: u(() => [
-                          r(s(d), {
+                        default: m(() => [
+                          r(i(C), {
                             icon: "AddTab",
                             size: "sm",
                             thickness: "1.5"
                           }),
-                          o[1] || (o[1] = S(" New Tab ")),
-                          r(Z, {
+                          o[1] || (o[1] = U(" New Tab ")),
+                          r(te, {
                             class: "bg-b-2 ml-auto",
                             hotkey: "T"
                           })
                         ]),
                         _: 1
                       }),
-                      r(s(I), {
+                      r(i(A), {
                         class: "flex items-center gap-1.5",
-                        onClick: o[0] || (o[0] = (n) => N(T.value))
+                        onClick: o[0] || (o[0] = (l) => R(y.value))
                       }, {
-                        default: u(() => [
-                          r(s(d), {
+                        default: m(() => [
+                          r(i(C), {
                             icon: "Link",
                             size: "sm",
                             thickness: "1.5"
                           }),
-                          o[2] || (o[2] = S(" Copy URL "))
+                          o[2] || (o[2] = U(" Copy URL "))
                         ]),
                         _: 1
                       })
@@ -165,26 +189,30 @@ const ne = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, le
             ]),
             _: 1
           })
-        ])) : (m(!0), b(H, { key: 1 }, G(t, (n, l) => (m(), _(oe, {
-          key: n.path,
-          active: l === T.value,
-          hotkey: (l + 1).toString(),
-          icon: n.icon,
-          label: n.label,
-          onClick: (i) => p(l),
-          onClose: (i) => C(l),
-          onCloseOtherTabs: (i) => $(l),
-          onCopyUrl: (i) => N(l),
-          onNewTab: f
-        }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
-        v("button", {
+        ])) : (p(!0), g(G, { key: 1 }, J(t, (l, n) => {
+          var u;
+          return p(), k(ae, {
+            key: l.path,
+            active: n === y.value,
+            hotkey: (n + 1).toString(),
+            icon: l.isCollection ? ((u = i(v)) == null ? void 0 : u["x-scalar-icon"]) || "Collection" : l.icon,
+            label: l.label,
+            isCollection: l.isCollection || !1,
+            onClick: (s) => f(n),
+            onClose: (s) => w(n),
+            onCloseOtherTabs: (s) => B(n),
+            onCopyUrl: (s) => R(n),
+            onNewTab: d
+          }, null, 8, ["active", "hotkey", "icon", "label", "isCollection", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]);
+        }), 128)),
+        h("button", {
           class: "text-c-3 hover:bg-b-3 app-no-drag-region rounded p-1.5",
           type: "button",
-          onClick: f
+          onClick: d
         }, [
-          r(s(d), {
+          r(i(C), {
             icon: "Add",
-            size: "xs",
+            size: "sm",
             thickness: "2.5"
           })
         ])
@@ -193,5 +221,5 @@ const ne = { class: "mac:pl-[72px] t-app__top-nav relative flex h-10 pl-2" }, le
   }
 });
 export {
-  he as default
+  ge as default
 };

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

@@ -4,6 +4,7 @@ type __VLS_Props = {
     active: boolean;
     label: string;
     icon: Icon;
+    isCollection?: boolean;
 };
 declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
     click: () => any;

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

@@ -1 +1 @@
-{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AAwMA,OAAO,EAQL,KAAK,IAAI,EACV,MAAM,oBAAoB,CAAA;AAM3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;CACX,CAAC;;;;;;;;;;;;;;AA2UF,wBAQG"}
+{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AA+MA,OAAO,EAQL,KAAK,IAAI,EACV,MAAM,oBAAoB,CAAA;AAO3B,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,MAAM,EAAE,OAAO,CAAA;IACf,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,IAAI,CAAA;IACV,YAAY,CAAC,EAAE,OAAO,CAAA;CACvB,CAAC;;;;;;;;;;;;;;AAyVF,wBAQG"}

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

@@ -1,7 +1,7 @@
 import o from "./TopNavItem.vue2.js";
 /* empty css                */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-220e0e29"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3f2a2c71"]]);
 export {
   r as default
 };

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

@@ -1,19 +1,21 @@
-import { defineComponent as f, openBlock as p, createBlock as d, unref as s, withCtx as l, createVNode as t, createElementVNode as a, normalizeClass as k, toDisplayString as u, createCommentVNode as g, createTextVNode as r } from "vue";
-import { ScalarContextMenu as b, ScalarTooltip as v, ScalarIcon as n, ScalarFloating as C, ScalarDropdownMenu as y, ScalarDropdownButton as m, ScalarDropdownDivider as T } from "@scalar/components";
-import c from "../ScalarHotkey.vue.js";
-const $ = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, w = { class: "custom-scroll nav-item-copy text-xs" }, B = /* @__PURE__ */ f({
+import { defineComponent as d, openBlock as a, createBlock as r, unref as t, withCtx as l, createVNode as o, createElementVNode as c, normalizeClass as f, toDisplayString as u, createCommentVNode as g, createTextVNode as m } from "vue";
+import { ScalarContextMenu as y, ScalarTooltip as C, ScalarIcon as n, ScalarFloating as b, ScalarDropdownMenu as v, ScalarDropdownButton as p, ScalarDropdownDivider as T } from "@scalar/components";
+import { LibraryIcon as $ } from "@scalar/icons";
+import k from "../ScalarHotkey.vue.js";
+const w = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, z = { class: "custom-scroll nav-item-copy text-xs" }, V = /* @__PURE__ */ d({
   __name: "TopNavItem",
   props: {
     hotkey: {},
     active: { type: Boolean },
     label: {},
-    icon: {}
+    icon: {},
+    isCollection: { type: Boolean }
   },
   emits: ["click", "close", "newTab", "copyUrl", "closeOtherTabs"],
   setup(S) {
-    return (o, e) => (p(), d(s(b), { triggerClass: "overflow-hidden w-full" }, {
+    return (s, e) => (a(), r(t(y), { triggerClass: "overflow-hidden w-full" }, {
       trigger: l(() => [
-        t(s(v), {
+        o(t(C), {
           class: "scalar-client",
           delay: 500,
           disableClosingTrigger: !0,
@@ -21,24 +23,29 @@ const $ = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
           sideOffset: 4
         }, {
           trigger: l(() => [
-            a("div", {
-              class: k(["nav-item app-no-drag-region", { "nav-item__active": o.active }]),
-              onClick: e[1] || (e[1] = (i) => o.$emit("click"))
+            c("div", {
+              class: f(["nav-item app-no-drag-region", { "nav-item__active": s.active }]),
+              onClick: e[1] || (e[1] = (i) => s.$emit("click"))
             }, [
-              a("div", $, [
-                t(s(n), {
-                  icon: o.icon,
+              c("div", w, [
+                s.isCollection ? (a(), r(t($), {
+                  key: 0,
+                  class: "size-3.5 min-w-3.5 stroke-2",
+                  src: s.icon
+                }, null, 8, ["src"])) : (a(), r(t(n), {
+                  key: 1,
+                  icon: s.icon,
                   size: "xs",
                   thickness: "2.5"
-                }, null, 8, ["icon"]),
-                a("span", w, u(o.label), 1)
+                }, null, 8, ["icon"])),
+                c("span", z, u(s.label), 1)
               ]),
-              a("button", {
+              c("button", {
                 class: "nav-item-close",
                 type: "button",
-                onClick: e[0] || (e[0] = (i) => o.$emit("close"))
+                onClick: e[0] || (e[0] = (i) => s.$emit("close"))
               }, [
-                t(s(n), {
+                o(t(n), {
                   icon: "Close",
                   thickness: "1.75"
                 })
@@ -46,81 +53,81 @@ const $ = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
             ], 2)
           ]),
           content: l(() => [
-            o.hotkey ? (p(), d(c, {
+            s.hotkey ? (a(), r(k, {
               key: 0,
-              hotkey: o.hotkey
+              hotkey: s.hotkey
             }, null, 8, ["hotkey"])) : g("", !0)
           ]),
           _: 1
         })
       ]),
       content: l(() => [
-        t(s(C), { placement: "right-start" }, {
+        o(t(b), { placement: "right-start" }, {
           floating: l(() => [
-            t(s(y), { class: "scalar-app scalar-client" }, {
+            o(t(v), { class: "scalar-app scalar-client" }, {
               default: l(() => [
-                t(s(m), {
+                o(t(p), {
                   class: "flex items-center gap-1.5",
-                  onClick: e[2] || (e[2] = (i) => o.$emit("newTab"))
+                  onClick: e[2] || (e[2] = (i) => s.$emit("newTab"))
                 }, {
                   default: l(() => [
-                    t(s(n), {
+                    o(t(n), {
                       icon: "AddTab",
                       size: "sm",
                       thickness: "1.5"
                     }),
-                    e[6] || (e[6] = r(" New Tab ")),
-                    t(c, {
+                    e[6] || (e[6] = m(" New Tab ")),
+                    o(k, {
                       class: "bg-b-2 ml-auto",
                       hotkey: "T"
                     })
                   ]),
                   _: 1
                 }),
-                t(s(m), {
+                o(t(p), {
                   class: "flex items-center gap-1.5",
-                  onClick: e[3] || (e[3] = (i) => o.$emit("copyUrl"))
+                  onClick: e[3] || (e[3] = (i) => s.$emit("copyUrl"))
                 }, {
                   default: l(() => [
-                    t(s(n), {
+                    o(t(n), {
                       icon: "Link",
                       size: "sm",
                       thickness: "1.5"
                     }),
-                    e[7] || (e[7] = r(" Copy URL "))
+                    e[7] || (e[7] = m(" Copy URL "))
                   ]),
                   _: 1
                 }),
-                t(s(T)),
-                t(s(m), {
+                o(t(T)),
+                o(t(p), {
                   class: "flex items-center gap-1.5",
-                  onClick: e[4] || (e[4] = (i) => o.$emit("close"))
+                  onClick: e[4] || (e[4] = (i) => s.$emit("close"))
                 }, {
                   default: l(() => [
-                    t(s(n), {
+                    o(t(n), {
                       icon: "CloseTab",
                       size: "sm",
                       thickness: "1.5"
                     }),
-                    e[8] || (e[8] = r(" Close Tab ")),
-                    t(c, {
+                    e[8] || (e[8] = m(" Close Tab ")),
+                    o(k, {
                       class: "bg-b-2 ml-auto",
                       hotkey: "W"
                     })
                   ]),
                   _: 1
                 }),
-                t(s(m), {
+                o(t(p), {
                   class: "flex items-center gap-1.5",
-                  onClick: e[5] || (e[5] = (i) => o.$emit("closeOtherTabs"))
+                  onClick: e[5] || (e[5] = (i) => s.$emit("closeOtherTabs"))
                 }, {
                   default: l(() => [
-                    t(s(n), {
+                    o(t(n), {
                       icon: "CloseTabs",
                       size: "sm",
                       thickness: "1.5"
                     }),
-                    e[9] || (e[9] = r(" Close Other Tabs "))
+                    e[9] || (e[9] = m(" Close Other Tabs "))
                   ]),
                   _: 1
                 })
@@ -136,5 +143,5 @@ const $ = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
   }
 });
 export {
-  B as default
+  V as default
 };