@scalar/api-client 2.0.6 → 2.0.8

package/CHANGELOG.md

@@ -1,5 +1,26 @@
 # @scalar/api-client
 
+## 2.0.8
+
+### Patch Changes
+
+- ba3f5cb: feat: address bar history item infos
+- 0b6e3aa: fix: address bar history item infos
+- d58841b: feat: request table tooltip component
+- Updated dependencies [d58841b]
+- Updated dependencies [d58841b]
+  - @scalar/oas-utils@0.2.10
+  - @scalar/components@0.12.9
+
+## 2.0.7
+
+### Patch Changes
+
+- f2e3b0e: fix(#2351): global css import bug
+- Updated dependencies [4250fe2]
+  - @scalar/themes@0.9.11
+  - @scalar/components@0.12.8
+
 ## 2.0.6
 
 ### Patch Changes

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

@@ -1 +1 @@
-{"version":3,"file":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UAgIQ,OAAO;;UAAP,OAAO;;AAqPf,wBAMG;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":"AddressBarHistory.vue.d.ts","sourceRoot":"","sources":["../../../src/components/AddressBar/AddressBarHistory.vue"],"names":[],"mappings":";UA6HQ,OAAO;;UAAP,OAAO;;AAqPf,wBAMG;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/AddressBar/AddressBarHistory.vue.js

@@ -1,70 +1,72 @@
-import { defineComponent as U, openBlock as n, createElementBlock as d, Fragment as x, unref as t, createBlock as u, withCtx as i, createVNode as b, createCommentVNode as g, createElementVNode as s, normalizeClass as h, renderList as k, toDisplayString as m } from "vue";
+import { defineComponent as U, openBlock as n, createElementBlock as f, Fragment as d, unref as t, createBlock as i, withCtx as m, createVNode as x, createCommentVNode as b, createElementVNode as o, normalizeClass as g, renderList as k, toDisplayString as c } from "vue";
+import { formatMs as w } from "../../libs/formatters.js";
 import { useWorkspace as y } from "../../store/workspace.js";
-import { ListboxButton as w, ListboxOptions as C, ListboxOption as L } from "@headlessui/vue";
-import { ScalarIcon as R } from "@scalar/components";
-import { httpStatusCodes as B } from "@scalar/oas-utils/helpers";
-import { useRouter as S } from "vue-router";
-import H from "../HttpMethod/HttpMethod.vue.js";
-import { getStatusCodeColor as P } from "./httpStatusCodeColors.js";
-const z = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, E = { class: "text-c-2 gap-0" }, N = { class: "font-code text-c-3 flex flex-row items-center gap-3 text-sm font-medium" }, J = /* @__PURE__ */ U({
+import { ListboxButton as C, ListboxOptions as L, ListboxOption as R } from "@headlessui/vue";
+import { ScalarIcon as B } from "@scalar/components";
+import { httpStatusCodes as S } from "@scalar/oas-utils/helpers";
+import { useRouter as H } from "vue-router";
+import P from "../HttpMethod/HttpMethod.vue.js";
+import { getStatusCodeColor as z } from "./httpStatusCodeColors.js";
+const E = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, N = { class: "text-c-2 gap-0" }, V = { class: "font-code text-c-3 flex flex-row items-center gap-1.5 text-sm font-medium" }, Q = /* @__PURE__ */ U({
   __name: "AddressBarHistory",
   props: {
     open: { type: Boolean }
   },
-  setup(V) {
-    const { requestsHistory: c, activeRequest: p, requestExampleMutators: _ } = y(), v = S();
-    function f(a, r) {
-      const e = new URL(a.responseURL), o = new URLSearchParams(e.search).get("scalar_url");
-      return o ? new URL(o)[r].toString() : e.origin;
+  setup($) {
+    const { requestsHistory: u, activeRequest: h, requestExampleMutators: _ } = y(), v = H();
+    function p(a, r) {
+      const e = new URL(a.responseURL), s = new URLSearchParams(e.search).get("scalar_url");
+      return s ? new URL(s)[r].toString() : e.origin;
     }
     function q(a) {
-      const r = c.value[a];
-      p.value.uid !== r.request.requestUid && v.push(`/request/${r.request.requestUid}`), _.set(r.request), p.value.history[0].response = r.response;
+      const r = u.value[a];
+      h.value.uid !== r.request.requestUid && v.push(`/request/${r.request.requestUid}`), _.set(r.request);
     }
-    return (a, r) => (n(), d(x, null, [
-      t(c).length ? (n(), u(t(w), {
+    return (a, r) => (n(), f(d, null, [
+      t(u).length ? (n(), i(t(C), {
         key: 0,
         class: "hover:bg-b-2 mr-1 rounded p-1.5"
       }, {
-        default: i(() => [
-          b(t(R), {
+        default: m(() => [
+          x(t(B), {
             class: "text-c-3",
             icon: "History",
             size: "xs"
           })
         ]),
         _: 1
-      })) : g("", !0),
-      s("div", {
-        class: h([
+      })) : b("", !0),
+      o("div", {
+        class: g([
           "absolute left-0 top-[33px] w-full rounded before:pointer-events-none before:absolute before:left-0 before:top-[-33px] before:h-[calc(100%+33px)] before:w-full before:rounded z-50",
           { "before:shadow-lg": a.open }
         ])
       }, [
-        b(t(C), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur" }, {
-          default: i(() => [
-            (n(!0), d(x, null, k(t(c), ({ response: e }, l) => (n(), u(t(L), {
+        x(t(L), { class: "bg-b-1 custom-scroll bg-mix-transparent bg-mix-amount-30 max-h-[300px] rounded-b p-[3px] pt-0 backdrop-blur" }, {
+          default: m(() => [
+            (n(!0), f(d, null, k(t(u), ({ response: e }, l) => (n(), i(t(R), {
               key: l,
               class: "ui-active:bg-b-2 text-c-1 ui-active:text-c-1 flex cursor-pointer flex-row gap-2.5 rounded py-1.5 pr-3",
               value: l,
-              onClick: (o) => q(l)
+              onClick: (s) => q(l)
             }, {
-              default: i(() => {
-                var o;
+              default: m(() => {
+                var s;
                 return [
-                  s("div", z, [
-                    s("span", {
-                      class: h(["mr-[1px] min-w-[44px] pr-2 text-right", [t(P)(e.status).color]])
-                    }, m(e.status), 3),
-                    s("span", E, m(f(e.request, "origin") + f(e.request, "pathname")), 1)
-                  ]),
-                  s("div", N, [
-                    s("span", null, m((o = t(B)[e.status]) == null ? void 0 : o.name), 1),
-                    e.config.method ? (n(), u(H, {
+                  o("div", E, [
+                    e.config.method ? (n(), i(P, {
                       key: 0,
-                      class: "lg:text-sm text-xs",
+                      class: "text-[11px] min-w-[44px]",
                       method: e.config.method
-                    }, null, 8, ["method"])) : g("", !0)
+                    }, null, 8, ["method"])) : b("", !0),
+                    o("span", N, c(p(e.request, "origin") + p(e.request, "pathname")), 1)
+                  ]),
+                  o("div", V, [
+                    o("span", null, c(t(w)(e.duration)), 1),
+                    o("span", {
+                      class: g([t(z)(e.status).color])
+                    }, c(e.status), 3),
+                    o("span", null, c((s = t(S)[e.status]) == null ? void 0 : s.name), 1)
                   ])
                 ];
               }),
@@ -78,5 +80,5 @@ const z = { class: "font-code flex flex-1 gap-1.5 text-sm font-medium" }, E = {
   }
 });
 export {
-  J as default
+  Q as default
 };

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":"AA0HA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;aAM3B,MAAM;YACP,OAAO;;;;;aADN,MAAM;YACP,OAAO;;;;;AAqJnB,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":"AA2HA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAA;;aAM3B,MAAM;YACP,OAAO;;;;;aADN,MAAM;YACP,OAAO;;;;;AAqJnB,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 a = /* @__PURE__ */ t(o, [["__scopeId", "data-v-0c586cfe"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-095ab46d"]]);
 export {
-  a as default
+  r as default
 };

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

@@ -14,6 +14,7 @@ const d = { class: "nav-item-icon-copy flex flex-1 items-center justify-center g
     return (e, t) => (i(), s(n(k), {
       class: "scalar-client",
       delay: 500,
+      resize: "",
       sideOffset: 4
     }, {
       trigger: l(() => [