@scalar/api-client 2.0.53 → 2.0.55

package/CHANGELOG.md

@@ -1,5 +1,24 @@
 # @scalar/api-client
 
+## 2.0.55
+
+### Patch Changes
+
+- Updated dependencies [8bde837]
+- Updated dependencies [910b1c2]
+  - @scalar/components@0.12.36
+  - @scalar/types@0.0.2
+  - @scalar/oas-utils@0.2.35
+
+## 2.0.54
+
+### Patch Changes
+
+- 2db9eb8: feat: topnav context menu
+- Updated dependencies [7aa26fb]
+- Updated dependencies [2db9eb8]
+  - @scalar/components@0.12.35
+
 ## 2.0.53
 
 ### Patch Changes

package/dist/components/HttpMethod/HttpMethod.vue.d.ts

@@ -7,7 +7,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisable: boolean;
     isEditable: boolean;
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    change: (value: "GET" | "HEAD" | "PATCH" | "POST" | "PUT" | "TRACE" | "CONNECT" | "DELETE" | "OPTIONS") => void;
+    change: (value: "CONNECT" | "DELETE" | "GET" | "HEAD" | "OPTIONS" | "PATCH" | "POST" | "PUT" | "TRACE") => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
     isSquare?: boolean;
     method: string;
@@ -17,7 +17,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     isDisable: boolean;
     isEditable: boolean;
 }>>> & {
-    onChange?: ((value: "GET" | "HEAD" | "PATCH" | "POST" | "PUT" | "TRACE" | "CONNECT" | "DELETE" | "OPTIONS") => any) | undefined;
+    onChange?: ((value: "CONNECT" | "DELETE" | "GET" | "HEAD" | "OPTIONS" | "PATCH" | "POST" | "PUT" | "TRACE") => any) | undefined;
 }, {
     isSquare: boolean;
     isEditable: boolean;

package/dist/components/ScalarHotkey.vue.js

@@ -9,7 +9,7 @@ const P = /* @__PURE__ */ l({
   },
   emits: ["hotkeyPressed"],
   setup(n, { emit: a }) {
-    const o = n, i = a, p = t(() => r() ? "⌘" : "⌃"), s = t(() => h().get(o.hotkey)), c = t(() => `${p.value}${o.hotkey}`), m = f({
+    const o = n, i = a, p = t(() => r() ? "⌘" : "⌃"), s = t(() => h().get(o.hotkey)), c = t(() => `${p.value} ${o.hotkey}`), m = f({
       passive: !1,
       onEventFired(e) {
         !r() && e.ctrlKey && e.key === s.value && (e.preventDefault(), e.stopPropagation());
@@ -17,7 +17,7 @@ const P = /* @__PURE__ */ l({
     });
     return v(m[`${r() ? "meta" : "control"}_${o.hotkey}`], () => {
       i("hotkeyPressed", s.value || "");
-    }), (e, b) => (d(), y("div", k(e.$attrs, { class: "bg-c-btn border-b-3 inline-block overflow-hidden rounded border-1/2 text-xxs rounded-b px-1 font-medium uppercase" }), u(c.value), 17));
+    }), (e, b) => (d(), y("div", k(e.$attrs, { class: "bg-b-1 border-b-3 inline-block overflow-hidden rounded border-1/2 text-xxs rounded-b px-1 font-medium uppercase" }), u(c.value), 17));
   }
 });
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAmaA,wBAKG"}
+{"version":3,"file":"TopNav.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNav.vue"],"names":[],"mappings":";AAkfA,wBAKG"}

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

@@ -1,7 +1,7 @@
 import o from "./TopNav.vue2.js";
 /* empty css            */
 import t from "../../_virtual/_plugin-vue_export-helper.js";
-const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-91b3e5a4"]]);
+const f = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dca235f9"]]);
 export {
-  m as default
+  f as default
 };

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

@@ -1,84 +1,93 @@
-import { defineComponent as T, reactive as x, ref as S, watch as C, computed as j, onMounted as B, onBeforeUnmount as R, openBlock as u, createElementBlock as p, createElementVNode as s, createVNode as b, unref as _, toDisplayString as w, Fragment as A, renderList as L, createBlock as M, pushScopeId as z, popScopeId as E } from "vue";
+import { defineComponent as w, reactive as S, ref as U, watch as R, computed as j, onMounted as B, onBeforeUnmount as L, openBlock as s, createElementBlock as v, createElementVNode as u, createVNode as _, unref as g, toDisplayString as A, Fragment as M, renderList as O, createBlock as $, pushScopeId as z, popScopeId as E } from "vue";
 import { ROUTES as V } from "../../constants.js";
-import { ScalarIcon as g } from "@scalar/components";
-import { capitalize as q } from "@scalar/oas-utils/helpers";
-import K from "./TopNavItem.vue.js";
-import { useWorkspace as U } from "../../store/workspace.js";
-import { hotKeyBus as k } from "../../libs/event-busses/hot-keys-bus.js";
-const $ = (i) => (z("data-v-91b3e5a4"), i = i(), E(), i), D = { class: "flex h-10 t-app__top-nav" }, F = /* @__PURE__ */ $(() => /* @__PURE__ */ s("div", { class: "t-app__top-nav-draggable" }, null, -1)), H = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, O = {
+import { useClipboard as q } from "../../hooks/useClipboard.js";
+import { ScalarIcon as T } from "@scalar/components";
+import { capitalize as K } from "@scalar/oas-utils/helpers";
+import D from "./TopNavItem.vue.js";
+import { useWorkspace as F } from "../../store/workspace.js";
+import { hotKeyBus as y } from "../../libs/event-busses/hot-keys-bus.js";
+const H = (i) => (z("data-v-dca235f9"), i = i(), E(), i), W = { class: "flex h-10 t-app__top-nav" }, G = /* @__PURE__ */ H(() => /* @__PURE__ */ u("div", { class: "t-app__top-nav-draggable" }, null, -1)), J = { class: "flex h-10 flex-1 items-center justify-center gap-1.5 text-sm font-medium relative" }, P = {
   key: 0,
   class: "flex items-center gap-1 w-full justify-center"
-}, Z = /* @__PURE__ */ T({
+}, ne = /* @__PURE__ */ w({
   __name: "TopNav",
   setup(i) {
-    const { activeRequest: N, router: n } = U(), t = x([{ label: "", path: "", icon: "Add" }]), a = S(0);
-    function m() {
-      var o;
-      const e = V.find((r) => n.currentRoute.value.name == r.name);
-      e && ((e == null ? void 0 : e.name) === "request" ? t[a.value] = {
-        label: ((o = N.value) == null ? void 0 : o.summary) || "",
-        path: n.currentRoute.value.path,
+    const { activeRequest: N, router: l } = F(), { copyToClipboard: k } = q(), t = S([{ label: "", path: "", icon: "Add" }]), o = U(0);
+    function d() {
+      var a;
+      const e = V.find((r) => l.currentRoute.value.name == r.name);
+      e && ((e == null ? void 0 : e.name) === "request" ? t[o.value] = {
+        label: ((a = N.value) == null ? void 0 : a.summary) || "",
+        path: l.currentRoute.value.path,
         icon: e.icon
-      } : t[a.value] = {
-        label: q(e == null ? void 0 : e.name) || "",
-        path: n.currentRoute.value.path,
+      } : t[o.value] = {
+        label: K(e == null ? void 0 : e.name) || "",
+        path: l.currentRoute.value.path,
         icon: e.icon
       });
     }
-    function v() {
-      n.push(t[a.value].path);
+    function p() {
+      l.push(t[o.value].path);
     }
-    function d() {
-      t.push({ label: "", path: "", icon: "Add" }), a.value = t.length - 1, m();
+    function m() {
+      t.push({ label: "", path: "", icon: "Add" }), o.value = t.length - 1, d();
     }
-    function l(e) {
-      a.value = e, v();
+    function c(e) {
+      o.value = e, p();
     }
-    C(
-      () => n.currentRoute.value.path,
+    R(
+      () => l.currentRoute.value.path,
       () => {
-        m();
+        d();
       },
       { immediate: !0 }
     );
     function f(e) {
-      t.splice(e, 1), a.value = Math.min(
-        a.value,
+      t.splice(e, 1), o.value = Math.min(
+        o.value,
         t.length - 1
-      ), v();
+      ), p();
     }
-    const I = j(() => a.value), h = (e) => {
-      if (e.addTopNav && d(), e.closeTopNav && f(a.value), e.navigateTopNavLeft && l(Math.max(a.value - 1, 0)), e.navigateTopNavRight && l(Math.min(a.value + 1, t.length - 1)), e.jumpToTab) {
-        const o = Number(e.jumpToTab.key) - 1;
-        o >= 0 && o < t.length && l(o);
+    const I = (e) => {
+      const a = new URL(window.location.href);
+      a.pathname = t[e].path, k(a.toString());
+    }, C = (e) => {
+      t.splice(0, e), t.splice(1), o.value = 0, p();
+    }, x = j(() => o.value), b = (e) => {
+      if (e.addTopNav && m(), e.closeTopNav && f(o.value), e.navigateTopNavLeft && c(Math.max(o.value - 1, 0)), e.navigateTopNavRight && c(Math.min(o.value + 1, t.length - 1)), e.jumpToTab) {
+        const a = Number(e.jumpToTab.key) - 1;
+        a >= 0 && a < t.length && c(a);
       }
-      e.jumpToLastTab && l(t.length - 1);
+      e.jumpToLastTab && c(t.length - 1);
     };
-    return B(() => k.on(h)), R(() => k.off(h)), (e, o) => (u(), p("nav", D, [
-      F,
-      s("div", H, [
-        t.length === 1 ? (u(), p("div", O, [
-          b(_(g), {
+    return B(() => y.on(b)), L(() => y.off(b)), (e, a) => (s(), v("nav", W, [
+      G,
+      u("div", J, [
+        t.length === 1 ? (s(), v("div", P, [
+          _(g(T), {
             icon: t[0].icon,
             size: "xs",
             thickness: "2.5"
           }, null, 8, ["icon"]),
-          s("div", null, w(t[0].label), 1)
-        ])) : (u(!0), p(A, { key: 1 }, L(t, (r, c) => (u(), M(K, {
-          key: c,
-          active: c === I.value,
-          hotkey: (c + 1).toString(),
+          u("div", null, A(t[0].label), 1)
+        ])) : (s(!0), v(M, { key: 1 }, O(t, (r, n) => (s(), $(D, {
+          key: n,
+          active: n === x.value,
+          hotkey: (n + 1).toString(),
           icon: r.icon,
           label: r.label,
-          onClick: (y) => l(c),
-          onClose: (y) => f(c)
-        }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose"]))), 128)),
-        s("button", {
+          onClick: (h) => c(n),
+          onClose: (h) => f(n),
+          onCloseOtherTabs: (h) => C(n),
+          onCopyUrl: (h) => I(n),
+          onNewTab: m
+        }, null, 8, ["active", "hotkey", "icon", "label", "onClick", "onClose", "onCloseOtherTabs", "onCopyUrl"]))), 128)),
+        u("button", {
           class: "text-c-3 hover:bg-b-3 p-1.5 rounded-lg webkit-app-no-drag",
           type: "button",
-          onClick: d
+          onClick: m
         }, [
-          b(_(g), {
+          _(g(T), {
             icon: "Add",
             size: "xs",
             thickness: "2.5"
@@ -89,5 +98,5 @@ const $ = (i) => (z("data-v-91b3e5a4"), i = i(), E(), i), D = { class: "flex h-1
   }
 });
 export {
-  Z as default
+  ne as default
 };

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

@@ -7,6 +7,9 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     click: () => void;
     close: () => void;
+    newTab: () => void;
+    copyUrl: () => void;
+    closeOtherTabs: () => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_TypePropsToOption<{
     hotkey?: string;
     active: boolean;
@@ -15,6 +18,9 @@ declare const _default: import("vue").DefineComponent<__VLS_TypePropsToOption<{
 }>>> & {
     onClick?: (() => any) | undefined;
     onClose?: (() => any) | undefined;
+    onNewTab?: (() => any) | undefined;
+    onCopyUrl?: (() => any) | undefined;
+    onCloseOtherTabs?: (() => any) | undefined;
 }, {}, {}>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

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":"AAqIA,OAAO,EAAE,KAAK,IAAI,EAA6B,MAAM,oBAAoB,CAAA;;aAK9D,MAAM;YACP,OAAO;WACR,MAAM;UACP,IAAI;;;;;aAHD,MAAM;YACP,OAAO;WACR,MAAM;UACP,IAAI;;;;;AAyJZ,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}
+{"version":3,"file":"TopNavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/TopNav/TopNavItem.vue"],"names":[],"mappings":"AAwMA,OAAO,EACL,KAAK,IAAI,EAOV,MAAM,oBAAoB,CAAA;;aAKhB,MAAM;YACP,OAAO;WACR,MAAM;UACP,IAAI;;;;;;;;aAHD,MAAM;YACP,OAAO;WACR,MAAM;UACP,IAAI;;;;;;;;AAiaZ,wBAOG;AAOH,KAAK,sBAAsB,CAAC,CAAC,IAAI,CAAC,SAAS,SAAS,GAAG,KAAK,GAAG,CAAC,CAAC;AAC5D,KAAK,uBAAuB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,EAAE,SAAS,IAAI,CAAC,CAAC,EAAE,CAAC,CAAC,GACpC;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,sBAAsB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;KAAE,GAC9D;QAAE,IAAI,EAAE,OAAO,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAAC,QAAQ,EAAE,IAAI,CAAA;KAAE;CACzD,CAAC"}

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-ffc99777"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-dff6dda5"]]);
 export {
-  r as default
+  p as default
 };

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

@@ -1,7 +1,7 @@
-import { defineComponent as m, openBlock as i, createBlock as s, unref as n, withCtx as a, createElementVNode as o, normalizeClass as p, createVNode as l, toDisplayString as k, createCommentVNode as f } from "vue";
-import v from "../ScalarHotkey.vue.js";
-import { ScalarTooltip as y, ScalarIcon as c } from "@scalar/components";
-const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, u = { class: "nav-item-copy text-xs" }, g = /* @__PURE__ */ m({
+import { defineComponent as d, openBlock as p, createBlock as k, unref as t, withCtx as i, createVNode as e, createElementVNode as a, normalizeClass as f, toDisplayString as b, createCommentVNode as u, createTextVNode as r } from "vue";
+import m from "../ScalarHotkey.vue.js";
+import { ScalarContextMenu as C, ScalarTooltip as g, ScalarIcon as n, ScalarDropdown as v, ScalarDropdownItem as c, ScalarDropdownDivider as y } from "@scalar/components";
+const T = { class: "nav-item-icon-copy flex flex-1 items-center justify-center gap-1.5" }, $ = { class: "nav-item-copy text-xs" }, N = /* @__PURE__ */ d({
   __name: "TopNavItem",
   props: {
     hotkey: {},
@@ -9,49 +9,130 @@ const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
     label: {},
     icon: {}
   },
-  emits: ["click", "close"],
-  setup(h) {
-    return (e, t) => (i(), s(n(y), {
-      class: "scalar-client",
-      delay: 500,
-      resize: "",
-      sideOffset: 4
-    }, {
-      trigger: a(() => [
-        o("div", {
-          class: p(["nav-item webkit-app-no-drag", { "nav-item__active": e.active }]),
-          onClick: t[1] || (t[1] = (r) => e.$emit("click"))
-        }, [
-          o("div", d, [
-            l(n(c), {
-              icon: e.icon,
-              size: "xs",
-              thickness: "2.5"
-            }, null, 8, ["icon"]),
-            o("span", u, k(e.label), 1)
+  emits: ["click", "close", "newTab", "copyUrl", "closeOtherTabs"],
+  setup(w) {
+    return (o, s) => (p(), k(t(C), { triggerClass: "w-full" }, {
+      trigger: i(() => [
+        e(t(g), {
+          class: "scalar-client",
+          delay: 500,
+          disableClosingTrigger: !0,
+          resize: "",
+          sideOffset: 4
+        }, {
+          trigger: i(() => [
+            a("div", {
+              class: f(["nav-item webkit-app-no-drag", { "nav-item__active": o.active }]),
+              onClick: s[1] || (s[1] = (l) => o.$emit("click"))
+            }, [
+              a("div", T, [
+                e(t(n), {
+                  icon: o.icon,
+                  size: "xs",
+                  thickness: "2.5"
+                }, null, 8, ["icon"]),
+                a("span", $, b(o.label), 1)
+              ]),
+              a("button", {
+                class: "nav-item-close",
+                type: "button",
+                onClick: s[0] || (s[0] = (l) => o.$emit("close"))
+              }, [
+                e(t(n), {
+                  icon: "Close",
+                  thickness: "1.75"
+                })
+              ])
+            ], 2)
           ]),
-          o("button", {
-            class: "nav-item-close",
-            type: "button",
-            onClick: t[0] || (t[0] = (r) => e.$emit("close"))
-          }, [
-            l(n(c), {
-              icon: "Close",
-              thickness: "1.75"
-            })
-          ])
-        ], 2)
+          content: i(() => [
+            o.hotkey ? (p(), k(m, {
+              key: 0,
+              hotkey: o.hotkey
+            }, null, 8, ["hotkey"])) : u("", !0)
+          ]),
+          _: 1
+        })
       ]),
-      content: a(() => [
-        e.hotkey ? (i(), s(v, {
-          key: 0,
-          hotkey: e.hotkey
-        }, null, 8, ["hotkey"])) : f("", !0)
+      content: i(() => [
+        e(t(v), {
+          class: "scalar-client",
+          static: ""
+        }, {
+          items: i(() => [
+            e(t(c), {
+              class: "flex items-center gap-1.5",
+              onClick: s[2] || (s[2] = (l) => o.$emit("newTab"))
+            }, {
+              default: i(() => [
+                e(t(n), {
+                  icon: "AddTab",
+                  size: "sm",
+                  thickness: "1.5"
+                }),
+                r(" New Tab "),
+                e(m, {
+                  class: "bg-b-2 ml-auto",
+                  hotkey: "T"
+                })
+              ]),
+              _: 1
+            }),
+            e(t(c), {
+              class: "flex items-center gap-1.5",
+              onClick: s[3] || (s[3] = (l) => o.$emit("copyUrl"))
+            }, {
+              default: i(() => [
+                e(t(n), {
+                  icon: "Link",
+                  size: "sm",
+                  thickness: "1.5"
+                }),
+                r(" Copy URL ")
+              ]),
+              _: 1
+            }),
+            e(t(y)),
+            e(t(c), {
+              class: "flex items-center gap-1.5",
+              onClick: s[4] || (s[4] = (l) => o.$emit("close"))
+            }, {
+              default: i(() => [
+                e(t(n), {
+                  icon: "CloseTab",
+                  size: "sm",
+                  thickness: "1.5"
+                }),
+                r(" Close Tab "),
+                e(m, {
+                  class: "bg-b-2 ml-auto",
+                  hotkey: "W"
+                })
+              ]),
+              _: 1
+            }),
+            e(t(c), {
+              class: "flex items-center gap-1.5",
+              onClick: s[5] || (s[5] = (l) => o.$emit("closeOtherTabs"))
+            }, {
+              default: i(() => [
+                e(t(n), {
+                  icon: "CloseTabs",
+                  size: "sm",
+                  thickness: "1.5"
+                }),
+                r(" Close Other Tabs ")
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })
       ]),
       _: 1
     }));
   }
 });
 export {
-  g as default
+  N as default
 };